公式

src/views/desk/wbs/edit-formula-dialog.vue

@@ -1,89 +1,73 @@
 <template>
-    <hc-dialog
-        v-model="isShow"
-        is-footer-center
-        title=" 元素公式(WBS级)"
-        @close="dialogClose"
-        @save="saveElementHandle"
-        widths="56rem"
-        :loading="submitLoading"
-        :footer="false"
-    >
-        <hc-search-input
-            v-model="queryValue"
-            @search="getEditEleList"
-            class="w-100 mb-4"
-        />
-        <hc-table
-            :column="tableColumn"
-            :datas="editEleList"
-            :loading="tableLoading"
-        >
+    <hc-dialog v-model="isShow" is-footer-center title=" 元素公式(WBS级)" widths="56rem" :loading="submitLoading" :footer="false" @close="dialogClose" @save="saveElementHandle">
+        <hc-search-input v-model="queryValue" class="mb-4 w-100" @search="getEditEleList" />
+        <hc-table :column="tableColumn" :datas="editEleList" :loading="tableLoading">
             <template #action="{ row, index }">
                 <el-link type="warning">全局公式</el-link>
-
                 <el-link type="primary">节点公式</el-link>
             </template>
         </hc-table>
     </hc-dialog>
 </template>
+
 <script setup>
-import { ref, watch } from "vue";
-import mainApi from "~api/wbs/wbsforelement";
-import { getArrValue } from "js-fast-way";
+import { ref, watch } from 'vue'
+import mainApi from '~api/wbs/wbsforelement'
+import { getArrValue } from 'js-fast-way'
 const props = defineProps({
     tableId: {
         type: String,
-        default: "",
+        default: '',
     },
-});
+})
 //事件
-const emit = defineEmits(["close"]);
+const emit = defineEmits(['close'])
 //双向绑定
 // eslint-disable-next-line no-undef
-const isShow = defineModel("modelValue", {
+const isShow = defineModel('modelValue', {
     default: false,
-});
+})
 //监听显示
 watch(isShow, (val) => {
     if (val) {
-        getEditEleList();
+        getEditEleList()
     } else {
-        emit("close");
+        emit('close')
     }
-});
-const tableId = ref(props.tableId);
+})
+const tableId = ref(props.tableId)
+
 //监听数据
 watch(
     () => [props.tableId],
     ([tid]) => {
-        tableId.value = tid;
+        tableId.value = tid
     },
-    { deep: true }
-);
+    { deep: true },
+)
 //关闭弹窗
 const dialogClose = () => {
-    isShow.value = false;
-    emit("close");
-};
-const submitLoading = ref(false);
-const saveElementHandle = async () => {};
+    isShow.value = false
+    emit('close')
+}
+const submitLoading = ref(false)
+const saveElementHandle = async () => {}
 const tableColumn = [
-    { key: "eName", name: "元素名称" },
-    { key: "action", name: "操作", width: 150, align: "center" },
-];
-const tableLoading = ref(false);
-const editEleList = ref([]);
-const queryValue = ref("");
+    { key: 'eName', name: '元素名称' },
+    { key: 'action', name: '操作', width: 150, align: 'center' },
+]
+const tableLoading = ref(false)
+const editEleList = ref([])
+const queryValue = ref('')
 
 const getEditEleList = async () => {
-    tableLoading.value = true;
+    tableLoading.value = true
     const { data } = await mainApi.getTableElements({
         id: tableId.value,
         search: queryValue.value,
         type: 1,
-    });
-    tableLoading.value = false;
-    editEleList.value = getArrValue(data);
-};
+    })
+    tableLoading.value = false
+    editEleList.value = getArrValue(data)
+}
 </script>

src/views/desk/wbs/element-lib.vue

@@ -28,16 +28,17 @@
                     </div>
                 </template>
                 <template #extra>
-                    <el-button hc-btn type="primary" @click="editTable"
-                        >编辑表单</el-button
-                    >
+                    <el-button hc-btn type="primary" @click="editTable">
+                        编辑表单
+                    </el-button>
                     <el-button
                         hc-btn
                         type="danger"
-                        @click="batchDel"
                         :loading="batchDelLoad"
-                        >删除元素表</el-button
+                        @click="batchDel"
                     >
+                        删除元素表
+                    </el-button>
                     <!-- el-button hc-btn type="warning">排序</el-button -->
                 </template>
                 <hc-table
@@ -50,15 +51,15 @@
                     @selection-change="tableCheckChange"
                 >
                     <template #action="{ row }">
-                        <el-link type="primary" @click="rowNodeClick(row)"
-                            >分配节点</el-link
-                        >
-                        <el-link type="warning" @click="rowFormulaClick(row)"
-                            >公式配置</el-link
-                        >
-                        <el-link type="danger" @click="rowEditClick(row)"
-                            >编辑元素</el-link
-                        >
+                        <el-link type="primary" @click="rowNodeClick(row)">
+                            分配节点
+                        </el-link>
+                        <el-link type="warning" @click="rowFormulaClick(row)">
+                            公式配置
+                        </el-link>
+                        <el-link type="danger" @click="rowEditClick(row)">
+                            编辑元素
+                        </el-link>
                     </template>
                 </hc-table>
                 <template #action>
@@ -73,193 +74,195 @@
         <editElement v-model="editElementShow" :info="editElementInfo" />
         <!-- 编辑元素表单信息 -->
         <editEle
-            :ownerTypeList="ownerTypeList"
-            :tableTypelist="tableTypelist"
-            :tab="editArr"
             v-model="editTableShow"
-            :editType="1"
+            :owner-type-list="ownerTypeList"
+            :table-typelist="tableTypelist"
+            :tab="editArr"
+            :edit-type="1"
             @close="editTableClose"
         />
     </hc-drawer>
 </template>
 
 <script setup>
-import { ref, watch } from "vue";
-import { HcDelMsg } from "hc-vue3-ui";
-import { getArrValue, arrToId, isNullES } from "js-fast-way";
-import mainApi from "~api/desk/wbs";
-import privateApi from "~api/wbs/private";
-import HcWebTemplate from "./element/web-temp.vue";
-import editElement from "./element/edit-element.vue";
-import editEle from "./edit-ele.vue";
-import { getDictionaryData, getDictionaryVal } from "~uti/tools";
+import { ref, watch } from 'vue'
+import { HcDelMsg } from 'hc-vue3-ui'
+import { arrToId, getArrValue, isNullES } from 'js-fast-way'
+import mainApi from '~api/desk/wbs'
+import privateApi from '~api/wbs/private'
+import HcWebTemplate from './element/web-temp.vue'
+import editElement from './element/edit-element.vue'
+import editEle from './edit-ele.vue'
+import { getDictionaryData, getDictionaryVal } from '~uti/tools'
 
 //事件
-const emit = defineEmits(["close"]);
+const emit = defineEmits(['close'])
 
 //双向绑定
-const isShow = defineModel("modelValue", {
+const isShow = defineModel('modelValue', {
     default: false,
-});
+})
 
 //监听显示
 watch(isShow, (val) => {
-    if (val) getDataApi();
-});
+    if (val) getDataApi()
+})
 
 //处理相关数据
 const getDataApi = () => {
-    getTreeData();
-};
+    getTreeData()
+}
 
 //树配置
 const treeProps = {
-    label: "title",
-    children: "children",
-    isLeaf: "isLeaf",
-};
+    label: 'title',
+    children: 'children',
+    isLeaf: 'isLeaf',
+}
 
 //获取树接口
-const treeData = ref([]);
+const treeData = ref([])
 const getTreeData = async () => {
     const { data } = await mainApi.tabTypeLazyTreeAll({
-        parentId: "12345678910",
+        parentId: '12345678910',
         current: 1,
         size: 1000,
-    });
-    treeData.value = getArrValue(data?.records);
-};
+    })
+    treeData.value = getArrValue(data?.records)
+}
 //获取数据
-const tabTypeLazyTree = async (parentId = "12345678910") => {
+const tabTypeLazyTree = async (parentId = '12345678910') => {
     //发起请求
     const { data } = await mainApi.tabTypeLazyTreeAll({
         parentId,
         current: 1,
         size: 1000,
-    });
-    const records = getArrValue(data?.records);
+    })
+    const records = getArrValue(data?.records)
     records.forEach((item) => {
-        item.isLeaf = !item.hasChildren;
-    });
-    return { data: records, total: data?.total };
-};
+        item.isLeaf = !item.hasChildren
+    })
+    return { data: records, total: data?.total }
+}
 const treeLoadNode = async (node, resolve) => {
     if (node.level === 0) {
-        const resData = await tabTypeLazyTree();
-        resolve(resData?.data);
+        const resData = await tabTypeLazyTree()
+        resolve(resData?.data)
     } else {
         const resData = await tabTypeLazyTree(
             node?.data?.primaryKeyId,
-            "",
+            '',
             false,
             {
                 current: 1,
                 size: 2000,
-            }
-        );
-        resolve(resData?.data);
+            },
+        )
+        resolve(resData?.data)
     }
-};
+}
 
 //树节点被点击
-const nodeInfo = ref({});
+const nodeInfo = ref({})
 const treeNodeTap = (data, node) => {
-    nodeInfo.value = data;
-    searchForm.value.parentId = data.id;
+    nodeInfo.value = data
+    searchForm.value.parentId = data.id
 
     if (node?.level === 1) {
-        searchClick();
+        searchClick()
     } else if (node?.level === 2) {
-        searchForm.value.total = 1;
-        tableData.value = [data];
+        searchForm.value.total = 1
+        tableData.value = [data]
     }
-};
+}
 
 //搜索表单
-const searchForm = ref({ current: 1, size: 30, total: 0 });
+const searchForm = ref({ current: 1, size: 30, total: 0 })
 
 //搜索
 const searchClick = () => {
-    const { parentId } = searchForm.value;
+    const { parentId } = searchForm.value
     if (isNullES(parentId)) {
-        window?.$message?.warning("请先在左侧点击一个节点");
-        return;
+        window?.$message?.warning('请先在左侧点击一个节点')
+        return
     }
-    searchForm.value.current = 1;
-    getTableData();
-};
+    searchForm.value.current = 1
+    getTableData()
+}
 
 //分页
 const pageChange = ({ current, size }) => {
-    const { parentId } = searchForm.value;
+    const { parentId } = searchForm.value
     if (isNullES(parentId)) {
-        window?.$message?.warning("请先在左侧点击一个节点");
-        return;
+        window?.$message?.warning('请先在左侧点击一个节点')
+        return
     }
-    searchForm.value.current = current;
-    searchForm.value.size = size;
-    getTableData();
-};
+    searchForm.value.current = current
+    searchForm.value.size = size
+    getTableData()
+}
 
 //表格数据
-const tableData = ref([]);
+const tableData = ref([])
 const tableColumn = ref([
-    { key: "title", name: "名称" },
-    { key: "elementTotal", name: "总量", width: 80, align: "center" },
-    { key: "tabOwner", name: "所属方", width: 140, align: "center" },
-    { key: "fillRate", name: "填报率", width: 80, align: "center" },
-    { key: "action", name: "操作", width: 220, align: "center" },
-]);
+    { key: 'title', name: '名称' },
+    { key: 'elementTotal', name: '总量', width: 80, align: 'center' },
+    { key: 'tabOwner', name: '所属方', width: 140, align: 'center' },
+    { key: 'fillRate', name: '填报率', width: 80, align: 'center' },
+    { key: 'action', name: '操作', width: 220, align: 'center' },
+])
 
 //获取表格数据
-const tableLoading = ref(false);
+const tableLoading = ref(false)
 const getTableData = async () => {
-    tableData.value = [];
-    tableLoading.value = true;
+    tableData.value = []
+    tableLoading.value = true
     const { data } = await mainApi.tabTypeLazyTreeAll({
         ...searchForm.value,
         total: null,
-    });
-    tableLoading.value = false;
-    tableData.value = getArrValue(data?.records);
-    searchForm.value.total = data?.total || 0;
-};
+    })
+    tableLoading.value = false
+    tableData.value = getArrValue(data?.records)
+    searchForm.value.total = data?.total || 0
+}
 
 //表格被选择
-const tableCheckKeys = ref([]);
+const tableCheckKeys = ref([])
 const tableCheckChange = (rows) => {
-    tableCheckKeys.value = rows;
-};
+    tableCheckKeys.value = rows
+}
 
 //分配节点
-const webTemplateShow = ref(false);
-const webTemplateInfo = ref({});
+const webTemplateShow = ref(false)
+const webTemplateInfo = ref({})
 const rowNodeClick = (row) => {
-    webTemplateInfo.value = row;
-    webTemplateShow.value = true;
-};
+    webTemplateInfo.value = row
+    webTemplateShow.value = true
+}
 
 //公式配置
-const rowFormulaClick = (row) => {};
+const rowFormulaClick = (row) => {
+
+}
 
 //编辑元素
-const editElementShow = ref(false);
-const editElementInfo = ref({});
+const editElementShow = ref(false)
+const editElementInfo = ref({})
 const rowEditClick = (row) => {
-    editElementInfo.value = row;
-    editElementShow.value = true;
-};
+    editElementInfo.value = row
+    editElementShow.value = true
+}
 //编辑元素表单信息
-const editTableShow = ref(false);
-const editArr = ref([]);
+const editTableShow = ref(false)
+const editArr = ref([])
 const editTable = async () => {
     if (tableCheckKeys.value.length < 1) {
-        window?.$message?.warning("请先选择一个元素");
-        return;
+        window?.$message?.warning('请先选择一个元素')
+        return
     }
-    await getOwnerTypelist();
-    await getTableTypelist();
-    editArr.value = [];
+    await getOwnerTypelist()
+    await getTableTypelist()
+    editArr.value = []
     tableCheckKeys.value.forEach((ele) => {
         editArr.value.push({
             tableType: getDictionaryVal(tableTypelist.value, ele.tabType),
@@ -268,45 +271,45 @@ const editTable = async () => {
             Type: 10,
             id: ele.id,
             fillRate: ele.fillRate,
-        });
-    });
-    editTableShow.value = true;
-};
-const ownerTypeList = ref([]);
+        })
+    })
+    editTableShow.value = true
+}
+const ownerTypeList = ref([])
 const getOwnerTypelist = async () => {
-    const data = await getDictionaryData("owner_type");
-    ownerTypeList.value = getArrValue(data);
-};
+    const data = await getDictionaryData('owner_type')
+    ownerTypeList.value = getArrValue(data)
+}
 //获取表单类型
-const tableTypelist = ref([]);
+const tableTypelist = ref([])
 const getTableTypelist = async () => {
-    const data = await getDictionaryData("table_type");
-    tableTypelist.value = getArrValue(data);
-};
+    const data = await getDictionaryData('table_type')
+    tableTypelist.value = getArrValue(data)
+}
 const editTableClose = () => {
-    editTableShow.value = false;
-    getTableData();
-};
+    editTableShow.value = false
+    getTableData()
+}
 //关闭抽屉
 const drawerClose = () => {
-    isShow.value = false;
-    emit("close");
-};
+    isShow.value = false
+    emit('close')
+}
 //删除元素表
-const batchDelLoad = ref(false);
+const batchDelLoad = ref(false)
 const batchDel = async () => {
     if (tableCheckKeys.value.length < 1) {
-        window?.$message?.warning("请先选择一个元素");
-        return;
+        window?.$message?.warning('请先选择一个元素')
+        return
     }
     HcDelMsg(async (resolve) => {
         //发起请求
-        const ids = arrToId(tableCheckKeys.value);
-        const { isRes } = await privateApi.delTabInfoAll(ids);
-        resolve(); //关闭弹窗
-        if (!isRes) return;
-        window.$message.success("删除成功");
-        getTableData().then();
-    });
-};
+        const ids = arrToId(tableCheckKeys.value)
+        const { isRes } = await privateApi.delTabInfoAll(ids)
+        resolve() //关闭弹窗
+        if (!isRes) return
+        window.$message.success('删除成功')
+        getTableData().then()
+    })
+}
 </script>

src/views/project/list/edit-element.vue

@@ -383,7 +383,7 @@ const excelClick = async (item) => {
     const arr = getArrValue(formDataArr.value)
     const index = arrIndex(arr, 'key', data.key)
     // const colName = data.name || data.text || data.key
-    const colName = data.text 
+    const colName = data.text
     const htmlType = index !== -1 ? arr[index].htmlType : ''
     const htmlName = index !== -1 ? arr[index].htmlName : ''
     const type = index !== -1 ? arr[index].type : ''

src/views/project/list/independent/index.vue

@@ -305,7 +305,9 @@ const linkExcelClick = async (item) => {
 }
 
 //公式配置
-const rowFormulaClick = (row) => {}
+const rowFormulaClick = (row) => {
+
+}
 //分配WBS
 const isAllocateShow = ref(false)
 const allocateWbsInfo = ref({})