统计配置开发

src/xt_pages/qcd/statisticalConfiguration.vue

       </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="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-column prop="address" label="排序"></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>
       </div>
 
       <el-dialog title="新增" :visible.sync="newDialog">
-        <el-form :model="form" ref="form">
-          <el-form-item label="检查大项" :label-width="formLabelWidth">
-            <el-select v-model="form.inspectionMajor" placeholder="请选择活动区域">
+        <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="changeInspection">
                <el-option
-                  v-for="patient in InspectionMajor"
-                  :key="patient.id"
-                  :value="patient.id"
-                  :label="patient.name"
+                  v-for="item in InspectionMajor"
+                  :key="item.project_id"
+                  :value="item.project_id"
+                  :label="item.project_name"
                   >
                </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="检查小项" :label-width="formLabelWidth">
-            <el-select v-model="form.inspectionMinor" placeholder="请选择活动区域">
+          <el-form-item label="检查小项" :label-width="formLabelWidth" required prop="inspectionMinor">
+            <el-select v-model="form.inspectionMinor" placeholder="请选择活动区域" @change="changeInspectionMonior">
                 <el-option
-                  v-for="patient in InspectionMinor"
-                  :key="patient.id"
-                  :value="patient.id"
-                  :label="patient.name"
+                  v-for="it in InspectionMinor"
+                  :key="it.id"
+                  :value="it.id"
+                  :label="it.item_name"
                   >
                 </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="指控范围" :label-width="formLabelWidth">
+          <el-form-item label="指控范围" :label-width="formLabelWidth" required prop="large_range">
             <el-input style="width:200px" v-model="form.min_range"></el-input>&nbsp;
             -
             <el-input style="width:200px" v-model="form.large_range"></el-input>
         </el-form>
         <div slot="footer" class="dialog-footer">
           <el-button @click="newDialog = false">取 消</el-button>
-          <el-button type="primary" @click="newDialog = false">保存</el-button>
+          <el-button type="primary" @click="saveInspection('form')">保存</el-button>
         </div>
       </el-dialog>
       <el-dialog title="编辑" :visible.sync="editDialog">
                   v-for="patient in InspectionMajor"
                   :key="patient.id"
                   :value="patient.id"
-                  :label="patient.name"
+                  :label="patient.project_name"
                   >
                </el-option>
             </el-select>
           <el-form-item label="检查小项" :label-width="formLabelWidth">
             <el-select v-model="form.inspectionMinor" placeholder="请选择活动区域">
                <el-option
-                  v-for="patient in InspectionMinor"
-                  :key="patient.id"
-                  :value="patient.id"
-                  :label="patient.name"
+                  v-for="item in InspectionMinor"
+                  :key="item.project_id"
+                  :value="item.project_id"
+                  :label="item.item_name"
                   >
                 </el-option>
             </el-select>
 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";
 export default {
   name: "dialysisTotal",
   data() {
         min_range: "",
         large_range: "",
         sort:"",
-        delivery: false,
-        type: [],
-        resource: "",
-        desc: ""
+      },
+      rules: {
+        inspectionMajor: [{ required: true, message: "检查大项不能为空" }],
+        inspectionMinor: [{ required: true, message: "检查小项不能为空" }],
+        large_range:[{required:true,message:"指控范围不能为空"}]
       }
     };
   },
-  created() {},
   methods: {
     handleTabClick(tab, event) {
       if (this.tabActiveName == "query") {
     },
     handleEdit() {
       this.editDialog = true;
+    },
+    
+    //获取大项数据来源
+    getInspectionMajor(){
+      getInspectionMajor().then(response=>{
+        if(response.data.state == 1){
+          var inspection =  response.data.data.inspection
+          console.log("inspection",inspection)
+          this.InspectionMajor = inspection
+
+        }
+      })
+    },
+    //获取小项
+    changeInspection(id){
+      console.log("id----",id)
+      getInspectionMinor(id).then(response=>{
+        if(response.data.state == 1){
+         var inspection =  response.data.data.inspection
+         console.log("inspection",inspection)
+         this.InspectionMinor = inspection
+        }
+      })
+    },
+    // 获取指控范围
+    changeInspectionMonior(id){
+       getInspectionRange(id).then(response=>{
+         if(response.data.state == 1){
+           var inspectionRange =  response.data.data.inspectionRange
+           console.log("inspectionRange",inspectionRange)
+           this.form.min_range = inspectionRange.range_min
+           this.form.large_range = inspectionRange.range_max
+         }
+      })
+    },
+    saveInspection(formName){
+      this.$refs[formName].validate(valid=>{
+        if(valid){
+          saveInspection(this.form).then(response=>{
+          })
+        }
+      })
     }
   },
   components: {
     PieChart,
     BreadCrumb
-  }
+  },
+   created() {
+     //获取检查大项数据来源
+       this.getInspectionMajor()
+   },
 };
 </script>
 <style lang="scss">