统计配置开发

src/xt_pages/qcd/checkStatistical.vue

@@ -14,10 +14,16 @@
         </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 :data="checkList" border style="width: 100%">
+          <el-table-column prop="date" label="检验检查项" width="180">
+              <template slot-scope="scope">{{ scope.row.project_name }}</template>
+          </el-table-column>
+          <el-table-column prop="name" label="检查频次(天)" width="180">
+              <template slot-scope="scope">{{ scope.row.inspection_frequency }}</template>
+          </el-table-column>
+          <el-table-column prop="address" label="排序">
+             <template slot-scope="scope">{{ scope.row.sort }}</template>
+          </el-table-column>
           <el-table-column label="操作" width="180">
             <template slot-scope="scope">
               <el-button size="mini" type="primary" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
@@ -41,7 +47,7 @@
       <el-dialog title="新增" :visible.sync="newDialog">
         <el-form :model="form" ref="form" :rules="rules">
           <el-form-item label="检查大项" :label-width="formLabelWidth" required prop="inspectionMajor">
-            <el-select v-model="form.inspectionMajor" placeholder="请选择活动区域" @change="changeInspectionMonior">
+            <el-select v-model="form.inspectionMajor" placeholder="请选择活动区域">
                 <el-option
                   v-for="it in InspectionMajor"
                   :key="it.project_id"
@@ -108,28 +114,6 @@ export default {
         { path: false, name: "检验检查统计配置" }
       ],
       tabActiveName: "query",
-      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 弄"
-        }
-      ],
       newDialog: false,
       editDialog: false,
       formLabelWidth: "120px",
@@ -146,6 +130,7 @@ export default {
       limit:10,
       page:1,
       total:0,
+      checkList:[],
     };
   },
   created() {
@@ -166,7 +151,7 @@ export default {
       getAllInspectionData().then(response=>{
         if(response.data.state == 1){
           var inspection =  response.data.data.inspection
-          console.log("列表",inspection)
+          //console.log("列表",inspection)
           this.InspectionMajor = inspection
         }
       })
@@ -192,14 +177,26 @@ export default {
     },
     handleSizeChange(limit) {
       this.limit = limit;
-     
+      this.getAllCheckList()
     },
     handleCurrentChange(page) {
       this.page = page;
-     
+      this.getAllCheckList()
     },
     getAllCheckList(){
       getAllCheckList(this.page,this.limit).then(response=>{
+        if(response.data.state == 1){
+          var checklist = response.data.data.checklist
+          for(let i=0;i<checklist.length;i++){
+            if(checklist[i].sort == 0){
+              checklist[i].sort = ""
+            }
+          }
+          console.log("列表",checklist)
+          this.checkList = checklist
+          this.total = response.data.data.total
+          console.log("total",this.total)
+        }
       })
     }
   },