编辑节点修改

src/views/desk/wbs/drawer-wbs.vue

@@ -64,32 +64,66 @@
             <hc-card class="hc-desk-system-unit-temp">
                 <template v-if="!isNullES(nodeInfo.id)">
                     <hc-card-item title="节点信息">
-                        <el-descriptions :column="3" border>
-                            <el-descriptions-item label="节点编号：">{{
-                                nodeInfo.nodeCode ?? "-"
-                            }}</el-descriptions-item>
-                            <el-descriptions-item label="节点名称：">{{
+                        <el-descriptions
+                            :column="3"
+                            border
+                            direction="vertical"
+                        >
+                            <el-descriptions-item label="当前节点">{{
                                 nodeInfo.nodeName ?? "-"
                             }}</el-descriptions-item>
                             <el-descriptions-item label="节点类型：">{{
                                 nodeInfo.nodeTypeName ?? "-"
                             }}</el-descriptions-item>
-                            <el-descriptions-item label="工程类型：">{{
-                                nodeInfo.engineeringTypeName ?? "-"
-                            }}</el-descriptions-item>
-                            <el-descriptions-item label="备注：">{{
-                                nodeInfo.remarks ?? "-"
+                            <el-descriptions-item label="上级节点：">{{
+                                nodeInfo.parentName ?? "-"
                             }}</el-descriptions-item>
                         </el-descriptions>
                     </hc-card-item>
-                    <hc-card-item title="下节节点列表">
+                    <hc-card-item title="当前已创建的元素表">
+                        <template #extra>
+                            <el-button size="small" type="primary"
+                                >新增</el-button
+                            >
+                            <el-button size="small" type="warning"
+                                >编辑</el-button
+                            >
+                            <el-button size="small" type="success"
+                                >排序</el-button
+                            >
+                        </template>
                         <hc-table
                             :column="tableColumn"
                             :datas="tableData"
                             :loading="tableLoading"
                             :is-index="false"
                             :is-current-row="false"
-                        />
+                        >
+                            <template #tableType="{ row }">{{
+                                getDictionaryName(
+                                    tableTypelist,
+                                    row.tableType,
+                                    true
+                                )
+                            }}</template>
+                            <template #tableOwner="{ row }">{{
+                                getDictionaryName(
+                                    ownerTypeList,
+                                    row.tableOwner,
+                                    true
+                                )
+                            }}</template>
+                            <template #action="{ row, index }">
+                                <el-link
+                                    type="warning"
+                                    @click="editRowClick(row)"
+                                    >修改</el-link
+                                >
+                                <el-link type="danger" @click="rowDelClick(row)"
+                                    >删除</el-link
+                                >
+                            </template>
+                        </hc-table>
                     </hc-card-item>
                 </template>
                 <hc-empty v-else title="请先点击左侧树节点" />
@@ -413,6 +447,7 @@ watch(isShow, (val) => {
     if (val) getDataApi();
     getMajorList();
     geStandardTypeOptions();
+    getOwnerTypelist();
 });
 //渲染完成
 onMounted(() => {
@@ -471,9 +506,15 @@ const getNodeDetail = async (data1, node) => {
     }
 
     const { data } = await mainApi.getDetail(data1.id, node);
+    nodeInfo.value = data;
     nodeDetail.value = data;
     formModel.value = data;
     formModel.value.parentName = parentName;
+    nodeInfo.value.parentName = parentName;
+    nodeInfo.value.nodeTypeName = getDictionaryName(
+        majorDatatype.value,
+        data.nodeType
+    );
     defaultCheckedKeys.value = nodeDetail.value.mixRatioTestIds
         ? nodeDetail.value.mixRatioTestIds.split(",")
         : [];
@@ -636,11 +677,11 @@ const treeMenuClick = async ({ key, data, node, keys }) => {
 
 //树节点被点击
 const nodeInfo = ref({});
-const treeNodeTap = ({ data, node, keys }) => {
-    console.log(keys, "keys");
-
+const treeNodeTap = async ({ data, node, keys }) => {
     autoExpandKeys.value = keys || [];
     setStoreValue("autoExpandKeys", keys);
+    await getNodeDetail(data, node);
+    await getTableData();
 };
 //节点别名
 const isAliasShow = ref(false);
@@ -710,23 +751,49 @@ const aliasDialogClose = () => {
 };
 //表格数据
 const tableColumn = ref([
-    { key: "nodeCode", name: "节点编号" },
-    { key: "nodeName", name: "节点名称" },
-    { key: "nodeTypeName", name: "节点类型" },
-    { key: "engineeringTypeName", name: "工程类型" },
-    { key: "remarks", name: "备注" },
+    { key: "tableName", name: "表单名称" },
+    { key: "elementTotal", name: "元素总量" },
+    { key: "fillRate", name: "填报率" },
+    { key: "tableType", name: "表单类型" },
+    { key: "tableOwner", name: "所属方" },
+    { key: "action", name: "操作", align: "center", width: 100 },
 ]);
 const tableData = ref([{}]);
 
 //获取表格数据
 const tableLoading = ref(false);
+
+//获取数据
 const getTableData = async () => {
     tableData.value = [];
     const { id } = nodeInfo.value;
     tableLoading.value = true;
-    const { data } = await mainApi.getChildList({ id });
-    tableData.value = getArrValue(data);
+    const { data } = await mainApi.selectByNodeTable({
+        id,
+    });
     tableLoading.value = false;
+    const res = getArrValue(data);
+
+    tableData.value = res;
+};
+//获取表单类型
+const tableTypelist = ref([]);
+const getTableTypelist = async (type) => {
+    //计量管理，征拆划分，实验划分，WBS树管理，日志树管理
+    const types = [
+        "table_type",
+        "trial_table_type",
+        "table_type",
+        "table_type",
+        "table_type",
+    ];
+    const data = await getDictionaryData(types[type]);
+    tableTypelist.value = getArrValue(data);
+};
+const ownerTypeList = ref([]);
+const getOwnerTypelist = async () => {
+    const data = await getDictionaryData("owner_type");
+    ownerTypeList.value = getArrValue(data);
 };
 
 //新增、编辑节点
@@ -847,6 +914,9 @@ const drawerClose = () => {
     nodeInfo.value = {};
     emit("close");
 };
+
+const editRowClick = () => {};
+const rowDelClick = () => {};
 </script>
 
 <style lang="scss">