.

src/views/clinicalPathMaintenance.vue

@@ -165,7 +165,7 @@
                     <el-col :span="24">
                         <el-form-item
                             label="适用主诊断编码"
-                            prop="diag_code"
+                            prop="diagcode"
                             :rules="[
                                 {
                                     required: false,
@@ -173,41 +173,23 @@
                                 },
                             ]"
                         >
-                            <el-autocomplete
-                                v-model.trim="form.diag_code"
-                                :fetch-suggestions="querySearch"
-                                clearable
-                                class="w100"
-                                @select="handleSelect"
-                                placeholder="请输入"
-                            >
-                            </el-autocomplete></el-form-item
-                    ></el-col>
-                    <el-col :span="24">
-                        <el-form-item
-                            label="适用主诊断名称"
-                            prop="diag_name"
-                            :rules="[
-                                {
-                                    required: false,
-                                    message: '请输入',
-                                },
-                            ]"
-                        >
-                            <el-autocomplete
-                                v-model.trim="form.diag_name"
-                                :fetch-suggestions="querySearch"
-                                clearable
+                            <el-select
+                                v-model="form.diagcode"
+                                multiple
+                                allow-create
+                                filterable
+                                remote
                                 class="w100"
-                                @select="handleSelect"
                                 placeholder="请输入"
+                                :remote-method="querySearch"
                             >
-                            </el-autocomplete> </el-form-item
+                                <el-option v-for="item in options" :key="item.code" :label="item.key" :value="item.key"> </el-option> </el-select></el-form-item
                     ></el-col>
+
                     <el-col :span="24">
                         <el-form-item
                             label="适用主手术编码"
-                            prop="ops_code"
+                            prop="opscode"
                             :rules="[
                                 {
                                     required: false,
@@ -215,37 +197,20 @@
                                 },
                             ]"
                         >
-                            <el-autocomplete
-                                v-model.trim="form.ops_code"
-                                :fetch-suggestions="querySearch1"
-                                clearable
+                            <el-select
+                                v-model="form.opscode"
+                                multiple
+                                allow-create
+                                filterable
+                                remote
                                 class="w100"
-                                @select="handleSelect1"
                                 placeholder="请输入"
+                                :remote-method="querySearch1"
                             >
-                            </el-autocomplete> </el-form-item
+                                <el-option v-for="item in options" :key="item.code" :label="item.key" :value="item.key"> </el-option>
+                            </el-select> </el-form-item
                     ></el-col>
-                    <el-col :span="24">
-                        <el-form-item
-                            label="适用主手术名称"
-                            prop="ops_name"
-                            :rules="[
-                                {
-                                    required: false,
-                                    message: '请输入',
-                                },
-                            ]"
-                        >
-                            <el-autocomplete
-                                v-model.trim="form.ops_name"
-                                :fetch-suggestions="querySearch1"
-                                clearable
-                                class="w100"
-                                @select="handleSelect1"
-                                placeholder="请输入"
-                            >
-                            </el-autocomplete> </el-form-item></el-col
-                ></el-row>
+                </el-row>
             </el-form>
             <template #footer>
                 <el-button type="primary" size="mini" @click="submitForm">保存</el-button>
@@ -286,12 +251,15 @@ export default {
                 min_stay: 0,
                 max_stay: 0,
                 pin_yin: "",
+                diagcode: [],
                 diag_code: "",
                 diag_name: "",
+                opscode: [],
                 ops_code: "",
                 ops_name: "",
             },
             type: 0,
+            options: [],
         };
     },
     mounted() {
@@ -336,10 +304,8 @@ export default {
                 min_stay: i == 1 ? 0 : row.min_stay,
                 max_stay: i == 1 ? 0 : row.max_stay,
                 pin_yin: i == 1 ? "" : row.pin_yin,
-                diag_code: i == 1 ? "" : row.diag_code,
-                diag_name: i == 1 ? "" : row.diag_name,
-                ops_code: i == 1 ? "" : row.ops_code,
-                ops_name: i == 1 ? "" : row.ops_name,
+                diagcode: i == 1 ? "" : row.diag_key ? row.diag_key.split(",") : [],
+                opscode: i == 1 ? "" : row.ops_key ? row.ops_key.split(",") : [],
             };
         },
         resetForm() {
@@ -352,22 +318,26 @@ export default {
                 min_stay: 0,
                 max_stay: 0,
                 pin_yin: "",
+                diagcode: [],
                 diag_code: "",
                 diag_name: "",
+                opscode: [],
                 ops_code: "",
                 ops_name: "",
             };
+            this.options = [];
             this.$refs.ruleForm.resetFields();
             this.visible = false;
         },
         submitForm() {
-            let infoParams = this.form;
             this.$refs.ruleForm.validate((valid) => {
                 if (valid) {
+                    this.form.diag_code = this.form.diagcode && this.form.diagcode.length ? this.form.diagcode.join(",") : "";
+                    this.form.ops_code = this.form.opscode && this.form.opscode.length ? this.form.opscode.join(",") : "";
                     if (this.form.id) {
-                        this.Updatepost(infoParams);
+                        this.Updatepost(this.form);
                     } else {
-                        this.addpost(infoParams);
+                        this.addpost(this.form);
                     }
                 }
             });
@@ -447,17 +417,11 @@ export default {
                 const params = { searchQuery: queryString, type: 1 };
                 http.post(`/ClinicalRoute/ClinicalRoute/GetDiagOpsInfo`, {}, { params: params }, false).then((data) => {
                     if (data && data.length) {
-                        data.map((item) => {
-                            item.value = item.key;
-                        });
                         var results = data.filter((el) => el.key.toLowerCase().indexOf(queryString.toLowerCase()) > -1);
-                        cb(results);
-                    } else {
-                        cb([]);
+                        this.options = results;
                     }
                 });
             } else {
-                cb([]);
             }
         },
         handleSelect(item) {
@@ -469,17 +433,11 @@ export default {
                 const params = { searchQuery: queryString, type: 2 };
                 http.post(`/ClinicalRoute/ClinicalRoute/GetDiagOpsInfo`, {}, { params: params }, false).then((data) => {
                     if (data && data.length) {
-                        data.map((item) => {
-                            item.value = item.key;
-                        });
                         var results = data.filter((el) => el.key.toLowerCase().indexOf(queryString.toLowerCase()) > -1);
-                        cb(results);
-                    } else {
-                        cb([]);
+                        this.options = results;
                     }
                 });
             } else {
-                cb([]);
             }
         },
         handleSelect1(item) {