打印单

src/api/common/common.js

 export function getInspectionMajor(params) {
   return request({
     url: '/com/api/getinspectionmajor',
-    methods: 'get',
+    method: 'get',
     params: params
   })
 }
 export function getInspectionMinor(id, params) {
   return request({
     url: '/com/api/getinspectionminor?id=' + id,
-    methods: 'get',
+    method: 'get',
     params: params
   })
 }
 export function getInspectionRange(id, params) {
   return request({
     url: '/com/api/getinspectionrange?id=' + id,
-    methods: 'get',
+    method: 'get',
     params: params
   })
 }
 
-export function saveInspection(data) {
+export function saveConfiguration(data) {
   console.log('data', data)
   return request({
-    url: '/com/api/saveinspction',
-    methods: 'post',
+    url: '/com/api/saveconfiguration',
+    method: 'post',
     data: data
   })
 }
+
+export function getConfigurationList(params) {
+  return request({
+    url: 'com/api/getconfigurationlist',
+    method: 'get',
+    params: params
+  })
+}

src/xt_pages/qcd/statisticalConfiguration.vue

         </el-col>
       </el-row>
       <div class="configTable">
-        <el-table :data="tableData" border style="width: 100%">
-          <el-table-column prop="date" label="检验检查大项" width="180"></el-table-column>
-          <el-table-column prop="name" label="检查小项" width="180"></el-table-column>
-          <el-table-column prop="address" label="范围"></el-table-column>
-           <el-table-column prop="address" label="单位"></el-table-column>
+        <el-table :data="configuraData" border style="width: 100%">
+          <el-table-column prop="date" label="检验检查大项" width="180">
+              <template slot-scope="scope">{{ scope.row.inspection_major }}</template>
+          </el-table-column>
+          <el-table-column prop="name" label="检查小项" width="180">
+             <template slot-scope="scope">{{ scope.row.inspection_minor }}</template>
+          </el-table-column>
+          <el-table-column prop="address" label="范围">
+             <template slot-scope="scope">{{ scope.row.min_range }} - {{scope.row.large_range}}</template>
+          </el-table-column>
+           <el-table-column prop="address" label="单位">
+              <template slot-scope="scope">{{ scope.row.min_range }}</template>
+            </el-table-column>
             <el-table-column prop="address" label="排序"></el-table-column>
           <el-table-column label="操作" width="180">
             <template slot-scope="scope">
 import PieChart from "../qcd/components/BarChart";
 import { uParseTime } from "@/utils/tools";
 import BreadCrumb from "@/xt_pages/components/bread-crumb";
-import { getInspectionMajor,getInspectionMinor,getInspectionRange,saveInspection }from "@/api/common/common";
+import { getInspectionMajor,getInspectionMinor,getInspectionRange,saveConfiguration,getConfigurationList }from "@/api/common/common";
 export default {
   name: "dialysisTotal",
   data() {
       tabActiveName: "control",
       InspectionMajor:[],
       InspectionMinor:[],
-      tableData: [
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄"
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1517 弄"
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1519 弄"
-        },
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1516 弄"
-        }
-      ],
+      configuraData: [],
       newDialog: false,
       editDialog: false,
       formLabelWidth: "120px",
     saveInspection(formName){
       this.$refs[formName].validate(valid=>{
         if(valid){
-          saveInspection(this.form).then(response=>{
+          saveConfiguration(this.form).then(response=>{
             if(response.data.state == 1){
              var standard = response.data.data.standard
              this.$message.success("保存成功")
+             this.newDialog = false
+             this.form.inspectionMajor = ""
+             this.form.inspectionMinor = ""
+             this.form.large_range = ""
+             this.form.min_range = ""
+             this.form.sort = ""
             }
           })
         }
       })
+    },
+    getConfigurationList(){
+      getConfigurationList().then(response=>{
+        if(response.data.state === 1){
+          var configurationlist = response.data.data.configurationlist
+          console.log("列表",configurationlist)
+          this.configuraData = configurationlist
+        }
+      })
     }
   },
   components: {
    created() {
      //获取检查大项数据来源
        this.getInspectionMajor()
+    //获取表格里面的数据
+    this.getConfigurationList()
    },
 };
 </script>