项目管理

src/views/project/modules/list/wbs-tree.vue

@@ -5,7 +5,8 @@
                 <div class="name flex-1">{{ typeLable }} - {{ projectInfo.projectName }}</div>
                 <div class="hc-flex">
                     <el-button hc-btn type="success">数据同步</el-button>
-                    <el-button hc-btn type="primary">表单设置</el-button>
+                    <el-button v-if="isFormSet" hc-btn type="primary" @click="setIsFormSetValue">表单设置</el-button>
+                    <el-button v-else hc-btn type="primary" @click="setIsFormSetValue">元素设置</el-button>
                     <el-button hc-btn type="danger">节点参数</el-button>
                     <el-button hc-btn color="#626aef">独立表单库</el-button>
                     <el-button hc-btn type="warning">归档文件时间</el-button>
@@ -35,17 +36,15 @@
                             />
                         </hc-new-card>
                     </template>
-                    <div class="body-top">
-                        <hc-body padding="0px">
+                    <template v-if="isFormSet">
+                        <div class="body-top">
                             <hc-new-card title="节点信息">
                                 <hc-table is-new :is-index="false" :column="nodeTableColumn" :datas="nodeTableData">
                                     <template #nodeType="{ row }">{{ getDictionaryName(nodeTypelist, row.nodeType, true) }}</template>
                                 </hc-table>
                             </hc-new-card>
-                        </hc-body>
-                    </div>
-                    <div class="body-content">
-                        <hc-body padding="0px">
+                        </div>
+                        <div class="body-content">
                             <hc-new-card title="当前项目信息表">
                                 <template #extra>
                                     <el-button hc-btn type="primary" :disabled="infoTableData.length <= 0">编辑</el-button>
@@ -62,8 +61,25 @@
                                     </template>
                                 </hc-table>
                             </hc-new-card>
-                        </hc-body>
-                    </div>
+                        </div>
+                    </template>
+                    <template v-else>
+                        <hc-new-card>
+                            <hc-table v-loading="infoTableLoading" is-new :is-index="false" :column="infoTableColumn1" :datas="infoTableData">
+                                <template #tableType="{ row }">{{ getDictionaryName(tableTypelist, row.tableType, true) }}</template>
+                                <template #isLinkTable="{ row }">{{ row.isLinkTable === 2 ? '是' : '否' }}</template>
+                                <template #tableOwner="{ row }">{{ getDictionaryName(ownerTypeList, row.tableOwner, true) }}</template>
+                                <template #action="{ row }">
+                                    <el-link type="success">关联清表</el-link>
+                                    <el-link type="primary" :disabled="row.excelId === -1 || isNullES(row.excelId)">编辑元素</el-link>
+                                    <el-link type="warning" :disabled="row.excelId === -1 || isNullES(row.excelId)">调整表单</el-link>
+                                    <el-link type="primary">编辑元素公式</el-link>
+                                    <el-link type="warning">表单同步</el-link>
+                                    <el-link type="danger">删除表单</el-link>
+                                </template>
+                            </hc-table>
+                        </hc-new-card>
+                    </template>
                 </hc-body>
             </div>
         </div>
@@ -287,13 +303,14 @@ const treeNodeClick = ({ node, data, keys }) => {
     setStore('project-wbs-tree-expand-keys', keys)
     treeExpandKeys.value = getArrValue(keys)
     //获取节点详情
-    getTreeDetail(data.id, parentName)
+    getTreeDetail()
     getInfoTableData()
 }
 
 //获取节点详情
 const treeInfo = ref({})
-const getTreeDetail = async (id, parentName) => {
+const getTreeDetail = async () => {
+    const { id, parentName } = treeItem.value
     const { data } = await wbsPrivateApi.detail({
         id,
         wbsId: wbsId.value,
@@ -327,6 +344,24 @@ const getInfoTableData = async () => {
     infoTableData.value = getArrValue(data)
     infoTableLoading.value = false
 }
+
+//表单设置
+const isFormSet = ref(true)
+const infoTableColumn1 = ref([
+    { key: 'tableName', name: '表单名称', align: 'center' },
+    { key: 'tableType', name: '表单类型', align: 'center' },
+    { key: 'fillRate', name: '填报率', align: 'center' },
+    { key: 'isLinkTable', name: '是否关联清表', align: 'center' },
+    { key: 'tableOwner', name: '所属方', align: 'center' },
+    { key: 'action', name: '操作', width: 430, align: 'center' },
+])
+const setIsFormSetValue = () => {
+    isFormSet.value = !isFormSet.value
+    if (isFormSet.value) {
+        getTreeDetail()
+    }
+    getInfoTableData()
+}
 </script>
 
 <style scoped lang="scss">