性能验证数据标准化选择方法和项目

src/views/business/performance/components/basic-info.vue

@@ -5,6 +5,12 @@
         <i class="ibps-icon-star" />
         <span>实验基础信息</span>
       </div>
+       <el-alert
+            title="选择实验项目前，请选择实验方法"
+            type="success"
+            description=""
+            :closable="true"
+        />
       <div class="form-container">
         <el-row :gutter="20" class="form-row">
           <el-col :span="12">
@@ -31,18 +37,18 @@
           </el-col>
           <el-col :span="12">
             <el-form-item
-              label="实验项目"
-              prop="shiYanXiangMu"
+              label="样本类型"
+              prop="yangBenLeiXing"
               :show-message="false"
             >
               <el-input
-                v-model="pageInfo.shiYanXiangMu"
+                v-model="pageInfo.yangBenLeiXing"
                 type="text"
                 clearable
                 show-word-limit
                 :maxlength="64"
                 :disabled="readonly"
-                placeholder="请输入实验项目"
+                placeholder="请输入样本类型"
               />
             </el-form-item>
           </el-col>
@@ -54,31 +60,37 @@
               prop="shiYanFangFa"
               :show-message="false"
             >
-              <el-input
+              <ibps-custom-dialog
                 v-model="pageInfo.shiYanFangFa"
-                type="text"
-                clearable
-                show-word-limit
-                :maxlength="64"
-                :disabled="readonly"
-                placeholder="请输入实验方法"
+                size="medium"
+                :template-key="'ffglxz'"
+                  :disabled="readonly"
+                type="dialog"
+                class="custom-dialog"
+                placeholder="请选择实验方法"
+                icon="el-icon-search"
               />
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item
-              label="样本类型"
-              prop="yangBenLeiXing"
+              label="实验项目"
+              prop="shiYanXiangMu"
               :show-message="false"
             >
-              <el-input
-                v-model="pageInfo.yangBenLeiXing"
-                type="text"
-                clearable
-                show-word-limit
-                :maxlength="64"
+            <ibps-custom-dialog
+                v-model="pageInfo.shiYanXiangMu"
+                size="medium"
+                :template-key="'nlfwxz'"
                 :disabled="readonly"
-                placeholder="请输入样本类型"
+                type="dialog"
+                class="custom-dialog"
+                placeholder="请选择实验项目"
+                :dynamic-params="{
+                      jian_yan_fang_fa_: pageInfo.shiYanFangFa
+                    }"
+                 @change-link-data="shiYanXiangMuChange"
+                icon="el-icon-search"
               />
             </el-form-item>
           </el-col>
@@ -266,6 +278,10 @@
 </template>
 <script>
 export default {
+  components: { 
+    IbpsCustomDialog: () =>
+      import('@/business/platform/data/templaterender/custom-dialog')
+  },
   props: {
     info: {
       type: Object,
@@ -294,6 +310,7 @@ export default {
           return t.getTime() > Date.now()
         }
       },
+      
       endPickerOptions: {
         disabledDate(time) {
           const t = new Date(time)
@@ -316,6 +333,12 @@ export default {
       immediate: true,
       deep: true
     }
+  },
+  methods: {
+    shiYanXiangMuChange(key, data) {
+      this.pageInfo.shiYanYiQi = data.she_bei_
+      this.pageInfo.yiQiBianHao = data.she_bei_bian_hao_
+    },
   }
 }
 </script>