关联筛选子列表渲染

src/data/https.js

@@ -49,6 +49,7 @@ export function $post ({ url, data = {}, callback }) {
         }
         return response;
     }).catch((err) => {
+        console.log(err);
         ElMessage.error(err.msg || "操作失败");
         if (err && err.response && err.response.status === 401) {
             router.replace("/login");

src/views/managePage/addProject.vue

@@ -350,8 +350,6 @@
                                                                         node-key="id"
                                                                         :props="gmjjhyProps"
                                                                         placeholder="请选择"
-                                                                        filterable
-                                                                        show-checkbox
                                                                         :render-after-expand="false"
                                                                     />
                                                                 </el-form-item>
@@ -1039,8 +1037,8 @@
                                                             <el-tree-select
                                                                 v-model="jcFormData.gmjjhy"
                                                                 :data="gmjjhyList"
+                                                                node-key="id"
                                                                 placeholder="请选择"
-                                                                show-checkbox
                                                                 :render-after-expand="false"
                                                             />
                                                         </el-form-item>
@@ -1168,7 +1166,7 @@
                                                     <el-col :span="8">
                                                         <el-form-item label="关联项目">
                                                             <el-select v-model="jcFormData.glxm" placeholder="请选择" no-data-text="暂无数据">
-                                                                <el-option :label="1" :value="1"></el-option>
+                                                                <!-- todo -->
                                                             </el-select>
                                                         </el-form-item>
                                                     </el-col>
@@ -1240,7 +1238,7 @@
                                                         </el-form-item>
                                                         <el-form-item label="细分板块">
                                                             <el-select v-model="jcFormData.subsector" placeholder="请选择" no-data-text="暂无数据">
-                                                                <el-option v-for="item in jcTzsxejflList" :key="item.id"
+                                                                <el-option v-for="item in jcTzsxxfbkList" :key="item.id"
                                                                     :label="item.value" :value="item.id"
                                                                 ></el-option>
                                                             </el-select>
@@ -1793,11 +1791,7 @@
                                                     <el-table-column type="index" width="50" />
                                                     <el-table-column prop="fxlb" label="风险类别">
                                                         <template #default="scope">
-                                                            <el-select v-model="scope.row.fxlb" placeholder="请选择" no-data-text="暂无数据">
-                                                                <el-option v-for="item in fxlbList" :key="item.id"
-                                                                    :label="item.value" :value="item.id"
-                                                                ></el-option>
-                                                            </el-select>
+                                                            <el-input v-model="scope.row.fxfxlbms" />
                                                         </template>
                                                     </el-table-column>
                                                     <el-table-column prop="fxms" label="风险描述">
@@ -3110,6 +3104,11 @@
     let gmjjhyProps = {
         label: "value"
     }
+    // 前端模拟懒加载
+    let lxGmjjhyList = ref([]);
+
+
+
     let gdlxList = reactive([]); // 股东类型
     let hxbjtjlxlxList = reactive([]); // 核心边界条件立项类型
     let hxbjtjzjdwList = reactive([]); // 核心边界条件造价单位
@@ -3174,7 +3173,6 @@
             jcTzznejflList.value = selectData[0] && selectData[0].children || [];
         }
     };
-    let fxlbList = reactive([]); // 风险类别
     let hylxList = reactive([]); // 会议类型
     let jcspyjlx = reactive([]); // 决策审批意见类型
 
@@ -3201,6 +3199,15 @@
                 Object.assign(lxpfwjData.value, data.lxpfwj);
                 Object.assign(spyjTableData, data.projectSpyjs);
                 Object.assign(shclData.value, data.xgshcl);
+                // 关联筛选
+                szjList.value = jnwList.filter(item => item.id === data.jnw)[0]?.children || [];
+                dsgjList.value = szjList.value.filter(item => item.id === data.sjnzjjw)[0]?.children || [];
+                qxgjList.value = dsgjList.value.filter(item => item.id === data.dsjngjjw)[0]?.children || [];
+                tzsxejflList.value = tzsxyjflList.filter(item => item.id === data.tzsxyjfl)[0]?.children || [];
+                tzsxxfbkList.value = tzsxtzbkList.filter(item => item.id === data.tzbk)[0]?.children || [];
+                tzmdejflList.value = tzmdyjflList.filter(item => item.id === data.tzmdyjfl)[0]?.children || [];
+                tzznejflList.value = tzznyjflList.filter(item => item.id === data.tzznyjfl)[0]?.children || [];
+
                 // 决策
                 let jcData = res.juece || res.lixiang || {};
                 Object.assign(jcFormData, jcData);
@@ -3220,6 +3227,14 @@
                 Object.assign(jcztshqkData, jcData.projectJczts);
                 Object.assign(tzztshqkData, jcData.projectTzzts);
                 Object.assign(jcspyjData, jcData.projectSpyjs);
+                // 关联筛选
+                jcSzjList.value = jnwList.filter(item => item.id === jcData.jnw)[0]?.children || [];
+                jcDsgjList.value = jcSzjList.value.filter(item => item.id === jcData.sjnzjjw)[0]?.children || [];
+                jcQxgjList.value = jcDsgjList.value.filter(item => item.id === jcData.dsjngjjw)[0]?.children || [];
+                jcTzsxejflList.value = tzsxyjflList.filter(item => item.id === jcData.tzsxyjfl)[0]?.children || [];
+                jcTzsxxfbkList.value = tzsxtzbkList.filter(item => item.id === jcData.tzbk)[0]?.children || [];
+                jcTzmdejflList.value = tzmdyjflList.filter(item => item.id === jcData.tzmdyjfl)[0]?.children || [];
+                jcTzznejflList.value = tzznyjflList.filter(item => item.id === jcData.tzznyjfl)[0]?.children || [];
             }
         });
     };