|
@@ -1,1225 +0,0 @@
|
|
|
-<template>
|
|
|
- <n-divider dashed title-placement="left">{{wbsTypeTabKey === 'tree'?'树形结构填报':'导图结构填报'}}</n-divider>
|
|
|
- <div class="hc-layout-box">
|
|
|
- <div class="hc-layout-left-box" :style="'width:' + leftWidth + 'px;'" v-if="wbsTypeTabKey === 'tree'">
|
|
|
- <div class="hc-project-box">
|
|
|
- <div class="text-xl text-cut project-alias-box">
|
|
|
- <i class="hcicon-xiangmu"/>
|
|
|
- <span class="ml-2">{{projectInfo['projectAlias']}}</span>
|
|
|
- </div>
|
|
|
- <div class="text-xs text-cut project-name">{{projectInfo['name']}}</div>
|
|
|
- </div>
|
|
|
- <div class="hc-el-tree-box">
|
|
|
- <HcTree ref="HcTreeRef" type="data-fill-wbs" :params="treeParams" :props="wbsElTreeProps" :menus="ElTreeMenu" :menuMark="TreeMark" lazy :autoExpandKeys="TreeAutoExpandKeys" isColor @node-click="wbsElTreeClick" @menuTap="ElTreeMenuClick"/>
|
|
|
- </div>
|
|
|
- <div class="hc-tree-foot-tip-box">
|
|
|
- <div class="dot-view green">已审批</div>
|
|
|
- <div class="dot-view black">未填报</div>
|
|
|
- <div class="dot-view orange">已填报-待审批</div>
|
|
|
- <div class="dot-view blue">已填报-未上报</div>
|
|
|
- </div>
|
|
|
- <!--左右拖动-->
|
|
|
- <div class="horizontal-drag-line" @mousedown="onmousedown"/>
|
|
|
- </div>
|
|
|
- <div class="hc-layout-content-box">
|
|
|
- <n-card class="hc-card-overflow-box" :segmented="{content: true}">
|
|
|
- <template #header>
|
|
|
- <div class="hc-card-header flex items-center" v-show="wbsTypeTabKey === 'tree' || isDrawer">
|
|
|
- <n-popover trigger="hover" :disabled="!bubbleVal || !btn_drawings?.textInfo" v-if="btn_drawings">
|
|
|
- <template #trigger>
|
|
|
- <n-button type="primary" strong secondary class="px-3" @click="viewsDrawings" v-if="nodeDataInfo.fileUrl">
|
|
|
- <i class="hcicon-Frame"/>
|
|
|
- <span class="ml-2">查看图纸</span>
|
|
|
- </n-button>
|
|
|
- <n-button color="#EEEEEE" text-color="#999999" class="px-3" @click="viewsDrawingsTip" v-else>
|
|
|
- <i class="hcicon-Frame"/>
|
|
|
- <span class="ml-2">查看图纸</span>
|
|
|
- </n-button>
|
|
|
- </template>
|
|
|
- <span>{{btn_drawings?.textInfo}}</span>
|
|
|
- </n-popover>
|
|
|
- <BtnTab class="ml-8" :datas="authBtnTabData" :cur="authBtnTabKey" :disabled="!nodeDataInfo?.primaryKeyId" @tabClick="authBtnTabClick"/>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template #header-extra>
|
|
|
- <HcTabs :datas="wbsTypeTab" :keys="wbsTypeTabKey" @change="wbsTypeTabChange"/>
|
|
|
- </template>
|
|
|
- <div class="data-fill-wbs-content" id="data-fill-wbs-content-target">
|
|
|
- <div class="hc-card-max-h-box" id="hc-card-list-item" v-if="wbsTypeTabKey === 'tree'">
|
|
|
- <ListItem :datas="ListItemDatas" :projectId="projectId" :contractId="contractId" :classify="authBtnTabKey" @offsetTop="ListItemOffsetTop"/>
|
|
|
- </div>
|
|
|
- <div class="hc-card-max-h-box node-tree" v-if="wbsTypeTabKey === 'map'">
|
|
|
- <NodeTree ref="NodeTreeRef" :data="NodeTreeData" :format="NodeTreeFormat" :autoExpandKeys="TreeAutoExpandKeys" :menus="ElTreeMenu" :isMark="TreeMark" isColor
|
|
|
- :accordion='NodeTreeAccordion' @nodeClick="NodeTreeClick" @expand="expandClick" @nodeDblClick="NodeTreeDblClick" @menuClick="NodeTreeMenuClick"/>
|
|
|
- <div class="hc-tree-foot-tip-box bg-svg-xml">
|
|
|
- <div class="dot-view green">已审批</div>
|
|
|
- <div class="dot-view black">未填报</div>
|
|
|
- <div class="dot-view orange">已填报-待审批</div>
|
|
|
- <div class="dot-view blue">已填报-未上报</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--填报弹窗-->
|
|
|
- <n-drawer v-model:show="isDrawer" :width="200" :height="200" placement="top" :trap-focus="false" :block-scroll="false" to="#data-fill-wbs-content-target">
|
|
|
- <div class="drawer-data-fill-content-box">
|
|
|
- <n-card :segmented="{content: true}">
|
|
|
- <div class="data-fill-content" id="hc-drawer-list-item">
|
|
|
- <ListItem :datas="ListItemDatas" :projectId="projectId" :contractId="contractId" :classify="authBtnTabKey" @offsetTop="ListItemOffsetTop"/>
|
|
|
- </div>
|
|
|
- <template #action>
|
|
|
- <div class="data-fill-foot">
|
|
|
- <n-popover trigger="hover" :disabled="!bubbleVal || !btn_save?.textInfo" v-if="btn_save">
|
|
|
- <template #trigger>
|
|
|
- <n-button type="primary" size="large" class="px-8">保存</n-button>
|
|
|
- </template>
|
|
|
- <span>{{btn_save?.textInfo}}</span>
|
|
|
- </n-popover>
|
|
|
- <n-popover trigger="hover" :disabled="!bubbleVal || !btn_preview?.textInfo" v-if="btn_preview">
|
|
|
- <template #trigger>
|
|
|
- <n-button type="primary" strong secondary class="px-8 ml-6" size="large">预览</n-button>
|
|
|
- </template>
|
|
|
- <span>{{btn_preview?.textInfo}}</span>
|
|
|
- </n-popover>
|
|
|
- <n-popover trigger="hover" :disabled="!bubbleVal || !btn_report?.textInfo" v-if="btn_report">
|
|
|
- <template #trigger>
|
|
|
- <n-button type="primary" strong secondary class="px-8 ml-6" size="large" @click="reportModalClick">上报</n-button>
|
|
|
- </template>
|
|
|
- <span>{{btn_report?.textInfo}}</span>
|
|
|
- </n-popover>
|
|
|
- <n-button type="primary" strong secondary class="px-8 ml-6" size="large" @click="isDrawer = false">关闭填报页面</n-button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </n-card>
|
|
|
- </div>
|
|
|
- </n-drawer>
|
|
|
- </n-card>
|
|
|
- <div class="bg-white data-fill-foot-box" v-if="wbsTypeTabKey === 'tree'">
|
|
|
- <n-popover trigger="hover" :disabled="!bubbleVal || !btn_save?.textInfo" v-if="btn_save">
|
|
|
- <template #trigger>
|
|
|
- <n-button type="primary" size="large" class="px-8">保存</n-button>
|
|
|
- </template>
|
|
|
- <span>{{btn_save?.textInfo}}</span>
|
|
|
- </n-popover>
|
|
|
- <n-popover trigger="hover" :disabled="!bubbleVal || !btn_preview?.textInfo" v-if="btn_preview">
|
|
|
- <template #trigger>
|
|
|
- <n-button type="primary" strong secondary class="px-8 ml-6" size="large">预览</n-button>
|
|
|
- </template>
|
|
|
- <span>{{btn_preview?.textInfo}}</span>
|
|
|
- </n-popover>
|
|
|
- <n-popover trigger="hover" :disabled="!bubbleVal || !btn_report?.textInfo" v-if="btn_report">
|
|
|
- <template #trigger>
|
|
|
- <n-button type="primary" strong secondary class="px-8 ml-6" size="large" @click="reportModalClick">上报</n-button>
|
|
|
- </template>
|
|
|
- <span>{{btn_report?.textInfo}}</span>
|
|
|
- </n-popover>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <DragModal title="查看图纸" :isShow="drawingsShow" closeIcon tops="125" widths="380px" bg="bg-dark-3" @close="drawingsClose">
|
|
|
- <div class="img-preview-box">
|
|
|
- <ImgPreview :src="nodeDataInfo.fileUrl" isDom toolsSm/>
|
|
|
- </div>
|
|
|
- </DragModal>
|
|
|
-
|
|
|
- <!--标记首件-->
|
|
|
- <n-modal v-model:show="firstItemModal" class="hc-custom-card" title="标记首件制" preset="card" style="width: 600px;" size="huge" :bordered="false" :segmented="{content: 'soft', footer: 'soft'}">
|
|
|
- <div class="text-center text-base font-bold">
|
|
|
- <span>请确认将</span>
|
|
|
- <span class="text-main">【{{nodeDataInfo.title}}】</span>
|
|
|
- <span>{{nodeDataInfo.isFirst?'取消':''}}标记为首件</span>
|
|
|
- </div>
|
|
|
- <template #footer>
|
|
|
- <div class="text-center">
|
|
|
- <n-button class="px-4" @click="firstItemModal = false">取消</n-button>
|
|
|
- <n-button type="primary" class="px-4 ml-6" :loading="firstItemLoading" @click="firstItemClick">确认</n-button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </n-modal>
|
|
|
-
|
|
|
- <!--编辑节点-->
|
|
|
- <n-modal v-model:show="editNodeModal" class="hc-custom-card" title="编辑节点" preset="card" style="width: 600px;" :segmented="{content: 'soft', footer: 'soft'}">
|
|
|
- <n-form ref="formEditNodeRef" :model="formEditNodeModel" :rules="formEditNodeRules" label-placement="left" label-width="auto" size="large">
|
|
|
- <n-form-item label="节点名称" path="title">
|
|
|
- <n-input v-model:value="formEditNodeModel.title" placeholder="请输入节点名称"/>
|
|
|
- </n-form-item>
|
|
|
- <n-form-item label="上级节点">
|
|
|
- <n-input v-model:value="formEditNodeModel.parent.title" disabled/>
|
|
|
- </n-form-item>
|
|
|
- <n-form-item label="节点类型">
|
|
|
- <n-select v-model:value="formEditNodeModel.type" :options="nodeTypeData" disabled/>
|
|
|
- </n-form-item>
|
|
|
- <n-form-item label="划分编号" path="partitionCode">
|
|
|
- <n-input v-model:value="formEditNodeModel.partitionCode" placeholder="请输入划分编号"/>
|
|
|
- </n-form-item>
|
|
|
- </n-form>
|
|
|
- <template #footer>
|
|
|
- <div class="text-center">
|
|
|
- <n-button class="px-4" @click="editNodeModal = false">取消</n-button>
|
|
|
- <n-button type="primary" class="px-4 ml-6" :loading="editNodeLoading" @click="editNodeClick">确认</n-button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </n-modal>
|
|
|
-
|
|
|
- <!--复制节点-->
|
|
|
- <n-modal v-model:show="copyNodeModal" title="复制节点" preset="card" class="hc-custom-card copy" :class="copyNodeTabKey==='1'?'one':'many'" :segmented="{content: 'soft', footer: 'soft'}">
|
|
|
- <template #header-extra>
|
|
|
- <HcTabs :datas="copyNodeTab" :keys="copyNodeTabKey" @change="copyNodeTabChange"/>
|
|
|
- </template>
|
|
|
- <n-form ref="formCopyNodeModelRef" :model="formCopyNodeModel" :rules="formCopyNodeModelRules" label-placement="left" label-width="auto" size="large">
|
|
|
- <n-form-item label="节点名称" path="title">
|
|
|
- <n-input v-model:value="formCopyNodeModel.title" placeholder="请输入节点名称"/>
|
|
|
- </n-form-item>
|
|
|
- </n-form>
|
|
|
- <div class="copy-node-many-box" v-if="copyNodeTabKey === '2'">
|
|
|
- <div class="copy-node-many-tree">
|
|
|
- <HcTree type="data-fill-query" :params="treeParams" :props="wbsElTreeProps" lazy idPrefix="tree-node-copy-" :isAutoRes="false" :autoExpandKeys="treeExpandKeys" @node-click="copyNodeElTreeClick"/>
|
|
|
- </div>
|
|
|
- <div class="copy-node-many-table">
|
|
|
- <div class="copy-node-many-table-data">
|
|
|
- <el-table :data="copyNodeTable" border stripe>
|
|
|
- <el-table-column prop="title" label="复制到的位置"/>
|
|
|
- <el-table-column prop="nodeName" label="节点名称">
|
|
|
- <template #default="{row}">
|
|
|
- <n-form ref="copyNodeTableRef" :model="row" :rules="copyNodeTableRules">
|
|
|
- <n-form-item path="nodeName">
|
|
|
- <n-input v-model:value="row.nodeName"/>
|
|
|
- </n-form-item>
|
|
|
- </n-form>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="action" label="操作" width="120" align="center">
|
|
|
- <template #default="{_,$index}">
|
|
|
- <n-button type="primary" color="#e54d42" size="small" secondary @click="copyNodeTableDel($index)">删除</n-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- <div class="copy-node-many-foot-center">
|
|
|
- <n-button class="px-4" @click="copyNodeModal = false">取消</n-button>
|
|
|
- <n-button type="primary" class="px-4 ml-6" :loading="copyNodeLoading" @click="copyNodeClick">确认</n-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <template #footer v-if="copyNodeTabKey === '1'">
|
|
|
- <div class="text-center">
|
|
|
- <n-button class="px-4" @click="copyNodeModal = false">取消</n-button>
|
|
|
- <n-button type="primary" class="px-4 ml-6" :loading="copyNodeLoading" @click="copyNodeClick">确认</n-button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </n-modal>
|
|
|
-
|
|
|
- <!--新增子节点-->
|
|
|
- <n-modal v-model:show="addNodeModal" class="hc-custom-card" title="新增子节点" preset="card" style="width: 720px;" :segmented="{content: 'soft', footer: 'soft'}">
|
|
|
- <HcTreeNode :projectId="projectId" :nodeId="addTreeNodeId" :oldId="addTreeNodeOldId" @check-change="addTreeNodeCheckChange"/>
|
|
|
- <template #footer>
|
|
|
- <div class="hc-add-node-modal-foot-box">
|
|
|
- <div class="left-box">
|
|
|
- <div class="font-bold mr-4">选中方式:</div>
|
|
|
- <el-radio-group v-model="addTreeNodeType">
|
|
|
- <el-radio label="1" border>当前及子节点</el-radio>
|
|
|
- <el-radio label="2" border>仅当前节点</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </div>
|
|
|
- <div class="right-box">
|
|
|
- <n-button class="px-4" @click="addNodeModal = false">取消</n-button>
|
|
|
- <n-button type="primary" class="px-4 ml-6" :loading="addNodeLoading" @click="addNodeClick">确认</n-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </n-modal>
|
|
|
-
|
|
|
- <!--上报审批-->
|
|
|
- <HcReportModal :show="showReportModal" title="上报审批" @hide="showReportModal= false"/>
|
|
|
-
|
|
|
- <!--上传图纸-->
|
|
|
- <div class="upload-drawing" id="upload-drawing">
|
|
|
- <n-upload :action="action" :headers="getTokenHeader()" :accept="accept" with-credentials @before-upload="beforeUpload" @finish="uploadFinish"/>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!--调整排序-->
|
|
|
- <n-modal v-model:show="sortNodeModal" class="hc-custom-card" title="调整排序" preset="card" style="width: 720px;" :segmented="{content: 'soft', footer: 'soft'}">
|
|
|
- <Draggable class="sort-node-body-box list-group" ghost-class="ghost" :list="sortNodeData" item-key="id" @start="sortNodeDrag = true" @end="sortNodeDrag = false">
|
|
|
- <template #item="{element, index}">
|
|
|
- <div class="list-group-item">
|
|
|
- <div class="index-box">{{index + 1}}</div>
|
|
|
- <div class="title-box">{{element.title}}</div>
|
|
|
- <div class="icon-box">
|
|
|
- <i class="hcicon-wind-descending" @click="downSortClick(index)"/>
|
|
|
- <i class="hcicon-wind-ascending" @click="upSortClick(index)"/>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </Draggable>
|
|
|
- <template #footer>
|
|
|
- <div class="text-center">
|
|
|
- <n-button class="px-4" @click="sortNodeModal = false">取消</n-button>
|
|
|
- <n-button type="primary" class="px-4 ml-6" :loading="sortNodeLoading" @click="sortNodeClick">确认</n-button>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </n-modal>
|
|
|
-
|
|
|
-</template>
|
|
|
-
|
|
|
-<script setup>
|
|
|
-import {ref,watch,nextTick,onMounted} from "vue";
|
|
|
-import {useRoute} from 'vue-router'
|
|
|
-import router from '~src/router/index';
|
|
|
-import {useAppStore} from "~src/store/index";
|
|
|
-import {HcIcon} from "~src/plugins/renderele";
|
|
|
-import HcTabs from "~com/plugins/naive/HcTabs.vue"
|
|
|
-import HcTree from "~com/plugins/element/HcTree.vue"
|
|
|
-import BtnTab from "~com/btnTab/index.vue"
|
|
|
-import ListItem from "~com/data-fill/ListItem.vue"
|
|
|
-import NodeTree from "~com/data-fill/nodeTree/index.vue"
|
|
|
-import DragModal from "~com/dragModal/index.vue"
|
|
|
-import ImgPreview from "~com/imgPreview/index.vue"
|
|
|
-import HcReportModal from "~com/reportModal/index.vue"
|
|
|
-import HcTreeNode from "./components/HcTreeNode.vue"
|
|
|
-import wbsApi from "~api/data-fill/wbs"
|
|
|
-import {deepClone} from "~src/utils/lib/util";
|
|
|
-import {getTokenHeader} from '~src/api/request/header';
|
|
|
-import {isArray,isObjNull} from "~src/utils/lib/isApp";
|
|
|
-import {setStore,getStore} from "~src/utils/lib/storage";
|
|
|
-import Draggable from "vuedraggable";
|
|
|
-
|
|
|
-//变量
|
|
|
-const useRoutes = useRoute()
|
|
|
-const useAppState = useAppStore()
|
|
|
-const projectId = ref(useAppState.getProjectId);
|
|
|
-const contractId = ref(useAppState.getContractId);
|
|
|
-const projectInfo = ref(useAppState.getProjectInfo);
|
|
|
-const contractInfo = ref(useAppState.getContractInfo);
|
|
|
-
|
|
|
-//路由参数
|
|
|
-const routerQuery = useRoutes?.query;
|
|
|
-const MenuBarKey = routerQuery?.MenuBarKey || '';
|
|
|
-const typeName = routerQuery?.type || 'map'
|
|
|
-
|
|
|
-const TreeAutoExpandKeys = ref(getStore({name: 'wbsTreeExpandKeys'}) || [])
|
|
|
-
|
|
|
-//按钮气泡开关
|
|
|
-const bubbleVal = ref(useAppState.getBubble);
|
|
|
-
|
|
|
-//监听
|
|
|
-watch(() => [
|
|
|
- useAppState.getProjectId,
|
|
|
- useAppState.getContractId,
|
|
|
- useAppState.getProjectInfo,
|
|
|
- useAppState.getContractInfo,
|
|
|
- useAppState.getBubble,
|
|
|
-], ([UserProjectId, UserContractId, UserProjectInfo,UserContractInfo,Bubble]) => {
|
|
|
- //项目合同数据
|
|
|
- projectId.value = UserProjectId
|
|
|
- contractId.value = UserContractId
|
|
|
- projectInfo.value = UserProjectInfo
|
|
|
- contractInfo.value = UserContractInfo
|
|
|
- //按钮气泡开关
|
|
|
- bubbleVal.value = Bubble
|
|
|
- setContractType(UserContractInfo?.contractType)
|
|
|
-})
|
|
|
-//获取气泡数据
|
|
|
-const getButtonsVal = (value) => {
|
|
|
- return useAppState.getButtonsVal(value)
|
|
|
-}
|
|
|
-//气泡数据
|
|
|
-const btn_drawings = ref(getButtonsVal('wbs_views_drawings')) //查看图纸
|
|
|
-const btn_save = ref(getButtonsVal('wbs_save')) //保存
|
|
|
-const btn_preview = ref(getButtonsVal('wbs_preview')) //预览
|
|
|
-const btn_report = ref(getButtonsVal('wbs_report')) //上报
|
|
|
-
|
|
|
-//树菜单
|
|
|
-const tree_menu_edit = ref(getButtonsVal('wbs_tree_edit')) //编辑节点
|
|
|
-const tree_menu_mark = ref(getButtonsVal('wbs_tree_mark')) //标记为首件
|
|
|
-const tree_menu_copy = ref(getButtonsVal('wbs_tree_copy')) //复制节点
|
|
|
-const tree_menu_add = ref(getButtonsVal('wbs_tree_add')) //新增节点
|
|
|
-const tree_menu_up = ref(getButtonsVal('wbs_tree_upload')) //上传图纸
|
|
|
-const tree_menu_del = ref(getButtonsVal('wbs_tree_del')) //删除节点
|
|
|
-const tree_menu_sort = ref(getButtonsVal('wbs_tree_sort')) //调整排序
|
|
|
-
|
|
|
-
|
|
|
-//上传文件的
|
|
|
-const action = ref("/api/blade-resource/oss/endpoint/put-file")
|
|
|
-const accept = ref("image/png,image/jpg,image/jpeg")
|
|
|
-
|
|
|
-//身份按钮切换数据
|
|
|
-const authBtnTabKey = ref('1')
|
|
|
-const authBtnTabData = [
|
|
|
- {key: "1", label: "施工质检", icon: 'hcicon-a-Frame1'},
|
|
|
- {key: "2", label: "监理抽检", icon: 'hcicon-a-Frame2'}
|
|
|
-]
|
|
|
-const authBtnTabClick = (val) => {
|
|
|
- authBtnTabKey.value = val
|
|
|
- searchNodeAllTable()
|
|
|
-}
|
|
|
-
|
|
|
-//结构类型tab数据和相关处理
|
|
|
-const wbsTypeTabKey = ref(typeName)
|
|
|
-const wbsTypeTab = ref([
|
|
|
- {key:'map', name: '导图结构填报'},
|
|
|
- {key:'tree', name: '树形结构填报'}
|
|
|
-]);
|
|
|
-
|
|
|
-//渲染完成
|
|
|
-onMounted(()=> {
|
|
|
- const contractType = contractInfo.value?.contractType
|
|
|
- setContractType(contractType)
|
|
|
- setElTreeMenu()
|
|
|
- if (wbsTypeTabKey.value === 'map') {
|
|
|
- queryMappingStructureTree()
|
|
|
- }
|
|
|
-})
|
|
|
-
|
|
|
-const setContractType = (contractType) => {
|
|
|
- //contractType, 1施工,2监理
|
|
|
- if (contractType <= 0) {
|
|
|
- authBtnTabKey.value = '1'
|
|
|
- } else {
|
|
|
- authBtnTabKey.value = contractType + ''
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-const wbsTypeTabChange = async (value) => {
|
|
|
- wbsTypeTabKey.value = value;
|
|
|
- isDrawer.value = false;
|
|
|
- const keys = await NodeExpandKeys(true)
|
|
|
- router.push({
|
|
|
- path: useRoutes.path,
|
|
|
- query: {
|
|
|
- MenuBarKey: MenuBarKey,
|
|
|
- type: value
|
|
|
- }
|
|
|
- })
|
|
|
- nextTick(() => {
|
|
|
- TreeAutoExpandKeys.value = keys
|
|
|
- if (value === 'map') {
|
|
|
- queryMappingStructureTree()
|
|
|
- }
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-const NodeTreeAccordion = ref(true)
|
|
|
-
|
|
|
-//设置树菜单数据
|
|
|
-const ElTreeMenu = ref([])
|
|
|
-const TreeMark = ref(false)
|
|
|
-const setElTreeMenu = () => {
|
|
|
- let newArr = [];
|
|
|
- if (tree_menu_edit.value) {
|
|
|
- newArr.push({icon: HcIcon('hcicon-bianji'), label: '编辑节点', key: "edit"})
|
|
|
- }
|
|
|
- if (tree_menu_mark.value) {
|
|
|
- newArr.push({icon: HcIcon('cicon-star-o'), label: '标记为首件', key: "mark"})
|
|
|
- TreeMark.value = true
|
|
|
- }
|
|
|
- if (tree_menu_copy.value) {
|
|
|
- newArr.push({icon: HcIcon('cicon-file-copy-o'), label: '复制节点', key: "copy"})
|
|
|
- }
|
|
|
- if (tree_menu_add.value) {
|
|
|
- newArr.push({icon: HcIcon('cicon-add-round-o'), label: '新增节点', key: "add"})
|
|
|
- }
|
|
|
- if (tree_menu_up.value) {
|
|
|
- newArr.push({icon: HcIcon('hcicon-shangchuan'), label: '上传图纸', key: "upload"})
|
|
|
- }
|
|
|
- if (tree_menu_del.value) {
|
|
|
- newArr.push({icon: HcIcon('cicon-delete-line-o'), label: '删除节点', key: "del"})
|
|
|
- }
|
|
|
- if (tree_menu_sort.value) {
|
|
|
- newArr.push({icon: HcIcon('cicon-sort-order'), label: '调整排序', key: "sort"})
|
|
|
- }
|
|
|
- ElTreeMenu.value = newArr
|
|
|
-}
|
|
|
-
|
|
|
-//树的配置
|
|
|
-const HcTreeRef = ref(null)
|
|
|
-const wbsElTreeProps = {label: 'title', children: 'children', isLeaf: 'exsitChild'}
|
|
|
-const treeParams = ref({contractId: contractId.value})
|
|
|
-
|
|
|
-//树被点击
|
|
|
-const wbsElTreeClick = ({node,data}) => {
|
|
|
- nodeItemInfo.value = node
|
|
|
- nodeDataInfo.value = data
|
|
|
- searchNodeAllTable()
|
|
|
-}
|
|
|
-
|
|
|
-//导图结构数据
|
|
|
-const NodeTreeRef = ref(null)
|
|
|
-const NodeTreeFormat = ref({key: "primaryKeyId", label: "title", children: "children"})
|
|
|
-const NodeTreeData = ref({})
|
|
|
-
|
|
|
-//导图结构树节点查询
|
|
|
-const queryMappingStructureTree = () => {
|
|
|
- wbsApi.queryMappingStructureTree({
|
|
|
- contractId: contractId.value,
|
|
|
- contractIdRelation: '',
|
|
|
- parentId: '0',
|
|
|
- wbsType: 1
|
|
|
- }).then(({data}) => {
|
|
|
- NodeTreeData.value = data?.data[0] || {}
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-//导图结构展开和收缩被点击
|
|
|
-const expandClick = ({node,data}) => {
|
|
|
- if (!node.children) {
|
|
|
- node.expanded = false;
|
|
|
- }
|
|
|
- node.isExpand = !node.isExpand;
|
|
|
-}
|
|
|
-
|
|
|
-//鼠标左键单击事件
|
|
|
-const NodeTreeClick = ({node,data}) => {
|
|
|
- let ifChildren = !!(node.childNodes && node.childNodes.length > 0);
|
|
|
- if (!ifChildren) {
|
|
|
- node.loading = true
|
|
|
- const cid = data?.contractIdRelation
|
|
|
- const key = data?.primaryKeyId
|
|
|
- const id = data?.id
|
|
|
- wbsApi.queryMappingStructureTree({
|
|
|
- contractId: contractId.value,
|
|
|
- contractIdRelation: cid,
|
|
|
- parentId: cid?key:id,
|
|
|
- wbsType: 1
|
|
|
- }).then((res) => {
|
|
|
- const resData = res?.data?.data || []
|
|
|
- node.childNodes = resData
|
|
|
- nextTick(() => {
|
|
|
- if (resData.length > 0) {
|
|
|
- node.expanded = true;
|
|
|
- node.isExpand = true;
|
|
|
- } else {
|
|
|
- node.expanded = false;
|
|
|
- node.expanded = false;
|
|
|
- }
|
|
|
- node.loading = false
|
|
|
- })
|
|
|
- })
|
|
|
- } else {
|
|
|
- node.expanded = true;
|
|
|
- node.isExpand = true;
|
|
|
- node.loading = false
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//双击事件
|
|
|
-const isDrawer = ref(false)
|
|
|
-const NodeTreeDblClick = ({node,data}) => {
|
|
|
- nodeItemInfo.value = node
|
|
|
- nodeDataInfo.value = data
|
|
|
- isDrawer.value = true;
|
|
|
- searchNodeAllTable()
|
|
|
-}
|
|
|
-
|
|
|
-//菜单被点击
|
|
|
-const firstItemModal = ref(false)
|
|
|
-const editNodeModal = ref(false)
|
|
|
-const nodeItemInfo = ref({})
|
|
|
-const nodeDataInfo = ref({})
|
|
|
-const treeExpandKeys = ref([])
|
|
|
-const ElTreeMenuClick = async ({key,node,data}) => {
|
|
|
- nodeItemInfo.value = node
|
|
|
- nodeDataInfo.value = data
|
|
|
- if (key === 'mark' || key === 'cancel_mark') {
|
|
|
- firstItemModal.value = true
|
|
|
- } else if (key === 'edit') {
|
|
|
- const parent = deepClone(node?.parent?.data || {})
|
|
|
- formEditNodeModel.value = {...deepClone(data), parent: parent}
|
|
|
- editNodeModal.value = true
|
|
|
- } else if (key === 'copy') {
|
|
|
- const parent = deepClone(node?.parent?.data || {})
|
|
|
- formCopyNodeModel.value = {...deepClone(data), parent: parent}
|
|
|
- copyNodeTable.value = []
|
|
|
- copyNodeLoading.value = false
|
|
|
- treeExpandKeys.value = await NodeExpandKeys()
|
|
|
- copyNodeModal.value = true
|
|
|
- } else if (key === 'add') {
|
|
|
- addTreeNodeId.value = data?.id
|
|
|
- addTreeNodeOldId.value = data?.oldId
|
|
|
- addNodeLoading.value = false
|
|
|
- addNodeModal.value = true
|
|
|
- } else if (key === 'upload') {
|
|
|
- const uploadDom = document.getElementById('upload-drawing');
|
|
|
- let inputDom = uploadDom?.getElementsByTagName('input')[0];
|
|
|
- inputDom.click()
|
|
|
- } else if (key === 'del') {
|
|
|
- delModalClick()
|
|
|
- } else if (key === 'sort') {
|
|
|
- let nodes = []
|
|
|
- const childNodes = node?.parent?.childNodes || []
|
|
|
- for (let i = 0; i < childNodes.length; i++) {
|
|
|
- const res = childNodes[i]?.data
|
|
|
- nodes.push({
|
|
|
- id: res?.primaryKeyId,
|
|
|
- title: res?.title
|
|
|
- })
|
|
|
- }
|
|
|
- sortNodeData.value = nodes
|
|
|
- sortNodeModal.value = true
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-const NodeExpandKeys = async (wbsTab = false) => {
|
|
|
- let newKeysArr = [], node = nodeItemInfo.value || {}
|
|
|
- await getNodeExpandKeys(node,newKeysArr,wbsTab)
|
|
|
- const treeKeys = newKeysArr.reverse()
|
|
|
- await setStore({name: 'wbsTreeExpandKeys', content: treeKeys})
|
|
|
- return treeKeys
|
|
|
-}
|
|
|
-
|
|
|
-//处理自动展开的节点KEY
|
|
|
-const getNodeExpandKeys = async (node, newKeys, wbsTab = false) => {
|
|
|
- const tabType = wbsTypeTabKey.value || ''
|
|
|
- const primaryKeyId = node?.data?.primaryKeyId || ''
|
|
|
- if (primaryKeyId) {
|
|
|
- const nodes = node?.parentNodes || []
|
|
|
- const parent = node?.parent || []
|
|
|
- newKeys.push(primaryKeyId)
|
|
|
- if (tabType === 'map' && !wbsTab) {
|
|
|
- await getNodeExpandKeys(nodes, newKeys,wbsTab)
|
|
|
- } else if (tabType === 'tree' && !wbsTab) {
|
|
|
- await getNodeExpandKeys(parent, newKeys,wbsTab)
|
|
|
- } else if (tabType === 'map' && wbsTab) {
|
|
|
- await getNodeExpandKeys(parent, newKeys,wbsTab)
|
|
|
- } else if (tabType === 'tree' && wbsTab) {
|
|
|
- await getNodeExpandKeys(nodes, newKeys,wbsTab)
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-const NodeTreeMenuClick = async ({key,node,data}) => {
|
|
|
- nodeItemInfo.value = node
|
|
|
- nodeDataInfo.value = data
|
|
|
- if (key === 'mark' || key === 'cancel_mark') {
|
|
|
- firstItemModal.value = true
|
|
|
- } else if (key === 'edit') {
|
|
|
- const parent = deepClone(node?.parentNodes?.data || {})
|
|
|
- formEditNodeModel.value = {...deepClone(data), parent: parent}
|
|
|
- editNodeModal.value = true
|
|
|
- } else if (key === 'copy') {
|
|
|
- const parent = deepClone(node?.parentNodes?.data || {})
|
|
|
- formCopyNodeModel.value = {...deepClone(data), parent: parent}
|
|
|
- copyNodeTable.value = []
|
|
|
- copyNodeLoading.value = false
|
|
|
- treeExpandKeys.value = await NodeExpandKeys()
|
|
|
- copyNodeModal.value = true
|
|
|
- } else if (key === 'add') {
|
|
|
- addTreeNodeId.value = data?.id
|
|
|
- addTreeNodeOldId.value = data?.oldId
|
|
|
- addNodeLoading.value = false
|
|
|
- addNodeModal.value = true
|
|
|
- } else if (key === 'upload') {
|
|
|
- const uploadDom = document.getElementById('upload-drawing');
|
|
|
- let inputDom = uploadDom?.getElementsByTagName('input')[0];
|
|
|
- inputDom.click()
|
|
|
- } else if (key === 'del') {
|
|
|
- delModalClick()
|
|
|
- } else if (key === 'sort') {
|
|
|
- let nodes = []
|
|
|
- const childNodes = node?.parentNodes?.childrenNodes || []
|
|
|
- for (let i = 0; i < childNodes.length; i++) {
|
|
|
- const res = childNodes[i]?.data
|
|
|
- nodes.push({
|
|
|
- id: res?.primaryKeyId,
|
|
|
- title: res?.title
|
|
|
- })
|
|
|
- }
|
|
|
- sortNodeData.value = nodes
|
|
|
- sortNodeModal.value = true
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//上传前
|
|
|
-const loadingReactive = ref(null)
|
|
|
-const beforeUpload = () => {
|
|
|
- loadingReactive.value = window?.$message?.loading('上传中...', {
|
|
|
- duration: 0
|
|
|
- })
|
|
|
- return true
|
|
|
-}
|
|
|
-
|
|
|
-//上传完成
|
|
|
-const uploadFinish = ({event}) => {
|
|
|
- const res = JSON.parse(event?.target?.response);
|
|
|
- const info = nodeDataInfo.value;
|
|
|
- let link = res?.data?.link;
|
|
|
- wbsApi.saveContractTreeDrawings({
|
|
|
- fileUrl: link,
|
|
|
- id: info['drawingsId'],
|
|
|
- primaryKeyId: info['primaryKeyId']
|
|
|
- }).then(({data}) => {
|
|
|
- loadingReactive.value.destroy()
|
|
|
- loadingReactive.value = null
|
|
|
- if (data.code === 200) {
|
|
|
- nodeDataInfo.value['drawingsId'] = data.data
|
|
|
- nodeDataInfo.value['fileUrl'] = link
|
|
|
- window?.$message?.success('上传成功')
|
|
|
- } else {
|
|
|
- window?.$message?.error(data.msg || '上传失败')
|
|
|
- }
|
|
|
- }).catch(erro => {
|
|
|
- loadingReactive.value.destroy()
|
|
|
- loadingReactive.value = null
|
|
|
- window?.$message?.error('请求异常')
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-//确认标记为首件
|
|
|
-const firstItemLoading = ref(false)
|
|
|
-const firstItemClick = () => {
|
|
|
- const info = nodeDataInfo.value;
|
|
|
- const TabKey = wbsTypeTabKey.value;
|
|
|
- wbsApi.wbsTreeFirstSave({
|
|
|
- primaryKeyId: info['primaryKeyId'],
|
|
|
- saveOrDeleted: !!info['isFirst']?1:0,
|
|
|
- }).then(({data}) => {
|
|
|
- if (data.code === 200) {
|
|
|
- const isFirst = !info['isFirst'];
|
|
|
- firstItemModal.value = false
|
|
|
- nodeDataInfo.value['isFirst'] = isFirst
|
|
|
- //处理菜单状态
|
|
|
- if (TabKey === 'tree') {
|
|
|
- HcTreeRef.value.setElTreeMenuMark(data?.data || [], isFirst)
|
|
|
- } else {
|
|
|
- setNodeTreeMenuMark(info['primaryKeyId'],data?.data || [], isFirst)
|
|
|
- }
|
|
|
- window?.$message?.success('操作成功')
|
|
|
- } else {
|
|
|
- window?.$message?.error(data.msg || '操作失败')
|
|
|
- }
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-//设置树菜单的标记数据
|
|
|
-const setNodeTreeMenuMark = (KeyId,keys,isFirst) => {
|
|
|
- const info = nodeItemInfo.value;
|
|
|
- setNodeTreeParentNodes(info['parentNodes'],keys,isFirst)
|
|
|
- setNodeTreeChildNodes(info['childrenNodes'],keys,isFirst)
|
|
|
-}
|
|
|
-
|
|
|
-//设置父级
|
|
|
-const setNodeTreeParentNodes = (parent,keys,isFirst) => {
|
|
|
- if (keys.indexOf(parent['key']) !== -1) {
|
|
|
- parent['data']['isFirst'] = isFirst
|
|
|
- }
|
|
|
- if (!isObjNull(parent['parentNodes'])) {
|
|
|
- setNodeTreeParentNodes(parent['parentNodes'],keys,isFirst)
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//设置子级
|
|
|
-const setNodeTreeChildNodes = (child,keys,isFirst) => {
|
|
|
- if (child.length > 0) {
|
|
|
- child.forEach(item => {
|
|
|
- if (keys.indexOf(item['key']) !== -1) {
|
|
|
- item['data']['isFirst'] = isFirst
|
|
|
- }
|
|
|
- if (item['childrenNodes'].length > 0) {
|
|
|
- setNodeTreeChildNodes(item['childrenNodes'],keys,isFirst)
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//编辑节点
|
|
|
-const nodeTypeData = ref([{label: "分项工程", value: 1}, {label: "分部工程", value: 2}])
|
|
|
-const editNodeLoading = ref(false)
|
|
|
-const formEditNodeRef = ref(null)
|
|
|
-const formEditNodeModel = ref({})
|
|
|
-const formEditNodeRules = {
|
|
|
- title: {
|
|
|
- required: true,
|
|
|
- trigger: ["blur", "input"],
|
|
|
- message: "请输入节点名称"
|
|
|
- },
|
|
|
-}
|
|
|
-const editNodeClick = () => {
|
|
|
- editNodeLoading.value = true
|
|
|
- const {primaryKeyId,title,partitionCode} = formEditNodeModel.value
|
|
|
- wbsApi.wbsTreeUpdateNode({
|
|
|
- deptName: title,
|
|
|
- pKeyId: primaryKeyId,
|
|
|
- partitionCode: partitionCode||''
|
|
|
- }).then(({data}) => {
|
|
|
- editNodeLoading.value = false
|
|
|
- if (data.code === 200) {
|
|
|
- window?.$message?.success('修改成功')
|
|
|
- nodeDataInfo.value['title'] = title || ''
|
|
|
- nodeDataInfo.value['partitionCode'] = partitionCode || ''
|
|
|
- editNodeModal.value = false
|
|
|
- } else {
|
|
|
- window?.$message?.error(data.msg || '修改失败')
|
|
|
- }
|
|
|
- }).catch(erro => {
|
|
|
- editNodeLoading.value = false
|
|
|
- window?.$message?.error('请求异常')
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-//复制节点
|
|
|
-const copyNodeModal = ref(false)
|
|
|
-
|
|
|
-//复制节点类型tab数据和相关处理
|
|
|
-const copyNodeTabKey = ref('2')
|
|
|
-const copyNodeTab = ref([
|
|
|
- {key:'1', name: '单份复制'},
|
|
|
- {key:'2', name: '多份复制'}
|
|
|
-]);
|
|
|
-const copyNodeTabChange = (value) => {
|
|
|
- copyNodeTabKey.value = value;
|
|
|
- copyNodeLoading.value = false
|
|
|
-}
|
|
|
-const copyNodeLoading = ref(false)
|
|
|
-const formCopyNodeModel = ref({})
|
|
|
-const copyNodeTable = ref([])
|
|
|
-
|
|
|
-//树被点击
|
|
|
-const copyNodeElTreeClick = ({data}) => {
|
|
|
- const {title} = formCopyNodeModel.value;
|
|
|
- if (!data?.exsitChild) {
|
|
|
- copyNodeTable.value.push({
|
|
|
- title: data?.title || '',
|
|
|
- nodeName: title || '',
|
|
|
- primaryKeyId: data?.primaryKeyId || ''
|
|
|
- })
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-const formCopyNodeModelRef = ref(null)
|
|
|
-const formCopyNodeModelRules = {
|
|
|
- title: {
|
|
|
- required: true,
|
|
|
- trigger: ["blur", "input"],
|
|
|
- message: "请输入节点名称"
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//删除选中的节点
|
|
|
-const copyNodeTableDel = (index) => {
|
|
|
- copyNodeTable.value.splice(index,1)
|
|
|
-}
|
|
|
-const copyNodeTableRef = ref(null)
|
|
|
-const copyNodeTableRules = {
|
|
|
- nodeName: {
|
|
|
- required: true,
|
|
|
- trigger: ["blur", "input"],
|
|
|
- message: "请输入节点名称"
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-const copyNodeClick = async () => {
|
|
|
- const type = copyNodeTabKey.value
|
|
|
- const form = formCopyNodeModel.value
|
|
|
- const table = copyNodeTable.value
|
|
|
- //效验数据
|
|
|
- let validate = false
|
|
|
- if (type === '1') {
|
|
|
- const errors = await formCopyNodeModelRef.value?.validate()
|
|
|
- validate = !errors
|
|
|
- } else if (type === '2') {
|
|
|
- if (table.length > 0) {
|
|
|
- const errors = await copyNodeTableRef.value?.validate()
|
|
|
- validate = !errors
|
|
|
- } else {
|
|
|
- validate = false
|
|
|
- window?.$message?.warning('请先在左侧选择要复制到的节点')
|
|
|
- }
|
|
|
- }
|
|
|
- //发起请求
|
|
|
- if (validate) {
|
|
|
- copyNodeLoading.value = true
|
|
|
- const {data} = await wbsApi.copyContractTreeNode({
|
|
|
- copyType: type,
|
|
|
- needCopyNodeName: form?.title || '',
|
|
|
- needCopyPrimaryKeyId: form?.primaryKeyId || '',
|
|
|
- parentPrimaryKeyId: form?.parent?.primaryKeyId || '',
|
|
|
- copyBatchToPaths: table
|
|
|
- })
|
|
|
- //判断状态
|
|
|
- if (data.code === 200) {
|
|
|
- window?.$message?.success('复制成功')
|
|
|
- copyNodeLoading.value = false
|
|
|
- copyNodeModal.value = false
|
|
|
- await NodeExpandKeys()
|
|
|
- window?.location?.reload() //刷新页面
|
|
|
- } else {
|
|
|
- copyNodeLoading.value = false
|
|
|
- window?.$message?.error(data.msg || '复制失败')
|
|
|
- }
|
|
|
- } else {
|
|
|
- window?.$message?.warning('请先检查相关表单是否正确填写或节点是否选择')
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//新增节点
|
|
|
-const addNodeModal = ref(false)
|
|
|
-const addTreeNodeId = ref('')
|
|
|
-const addTreeNodeOldId = ref('')
|
|
|
-const addTreeNodeType = ref('1')
|
|
|
-
|
|
|
-//选中的节点
|
|
|
-const allSelectedList = ref([])
|
|
|
-const halfSelectedList = ref([])
|
|
|
-const addTreeNodeCheckChange = (nodes) => {
|
|
|
- let NodesArr = [], halfArr = []
|
|
|
- //全选数据
|
|
|
- const keys = nodes.checkedNodes || []
|
|
|
- for (let i = 0; i < keys.length; i++) {
|
|
|
- NodesArr.push({
|
|
|
- nodeName: keys[i].title,
|
|
|
- primaryKeyId: keys[i].primaryKeyId
|
|
|
- })
|
|
|
- }
|
|
|
- allSelectedList.value = NodesArr
|
|
|
- //半选数据
|
|
|
- const halfNodes = nodes.halfCheckedNodes || []
|
|
|
- for (let i = 0; i < halfNodes.length; i++) {
|
|
|
- halfArr.push({
|
|
|
- nodeName: halfNodes[i].title,
|
|
|
- primaryKeyId: halfNodes[i].primaryKeyId
|
|
|
- })
|
|
|
- }
|
|
|
- halfSelectedList.value = halfArr
|
|
|
-}
|
|
|
-
|
|
|
-//新增节点
|
|
|
-const addNodeLoading = ref(false)
|
|
|
-const addNodeClick = async () => {
|
|
|
- const keys = allSelectedList.value || []
|
|
|
- if (keys.length <= 0) {
|
|
|
- window?.$message?.warning('请先选择节点')
|
|
|
- } else {
|
|
|
- //发起请求
|
|
|
- addNodeLoading.value = true
|
|
|
- const {data} = await wbsApi.saveContractTreeNode({
|
|
|
- projectId: projectId.value,
|
|
|
- contractId: contractId.value,
|
|
|
- saveType: addTreeNodeType.value,
|
|
|
- allSelectedList: allSelectedList.value,
|
|
|
- halfSelectedList: halfSelectedList.value,
|
|
|
- currentNodePrimaryKeyId: nodeDataInfo.value?.primaryKeyId
|
|
|
- })
|
|
|
- //判断状态
|
|
|
- if (data.code === 200) {
|
|
|
- window?.$message?.success('新增成功')
|
|
|
- await NodeExpandKeys()
|
|
|
- addNodeLoading.value = false
|
|
|
- addNodeModal.value = false
|
|
|
- window?.location?.reload() //刷新页面
|
|
|
- } else {
|
|
|
- addNodeLoading.value = false
|
|
|
- window?.$message?.error(data.msg || '新增失败')
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//删除确认弹窗
|
|
|
-const delModalClick = () => {
|
|
|
- window?.$dialog?.error({
|
|
|
- title: "确认此操作?",
|
|
|
- content: "请谨慎考虑后,确认是否需要删除",
|
|
|
- positiveText: "确认删除",
|
|
|
- negativeText: "取消",
|
|
|
- onPositiveClick: () => {
|
|
|
- const info = nodeDataInfo.value;
|
|
|
- const TabKey = wbsTypeTabKey.value;
|
|
|
- wbsApi.removeContractTreeNode({
|
|
|
- ids: info['primaryKeyId']
|
|
|
- }).then(({data}) => {
|
|
|
- if (data.code === 200) {
|
|
|
- window?.$message?.success('删除成功')
|
|
|
- //处理菜单状态
|
|
|
- if (TabKey === 'tree') {
|
|
|
- HcTreeRef.value.removeElTreeNode(info['primaryKeyId'])
|
|
|
- } else {
|
|
|
- removeNodeTreeNode()
|
|
|
- }
|
|
|
- } else {
|
|
|
- window?.$message?.error(data.msg || '删除失败')
|
|
|
- }
|
|
|
- }).catch(erro => {
|
|
|
- window?.$message?.error('请求异常')
|
|
|
- })
|
|
|
- }
|
|
|
- });
|
|
|
-}
|
|
|
-const removeNodeTreeNode = () => {
|
|
|
- const info = nodeItemInfo.value;
|
|
|
- const parent = info['parentNodes']
|
|
|
- const childNodes = parent['childNodes'] || []
|
|
|
- const childrenNodes = parent['childrenNodes'] || []
|
|
|
- //删除
|
|
|
- for (let i = 0; i < childNodes.length; i++) {
|
|
|
- if (info['key'] === childNodes[i]['primaryKeyId']) {
|
|
|
- childNodes.splice(i, 1);
|
|
|
- }
|
|
|
- }
|
|
|
- //删除
|
|
|
- for (let i = 0; i < childrenNodes.length; i++) {
|
|
|
- if (info['key'] === childrenNodes[i]['key']) {
|
|
|
- childrenNodes.splice(i, 1);
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//调整排序
|
|
|
-const sortNodeModal = ref(false)
|
|
|
-const sortNodeLoading = ref(false)
|
|
|
-const sortNodeData = ref([])
|
|
|
-const sortNodeDrag = ref(false)
|
|
|
-//向下
|
|
|
-const downSortClick = (index) => {
|
|
|
- const indexs = index + 1
|
|
|
- const data = sortNodeData.value || []
|
|
|
- if(indexs !== data.length) {
|
|
|
- const tmp = data.splice(indexs,1);
|
|
|
- sortNodeData.value.splice(index,0,tmp[0]);
|
|
|
- } else {
|
|
|
- window?.$message?.warning('已经处于置底,无法下移')
|
|
|
- }
|
|
|
-}
|
|
|
-//向上
|
|
|
-const upSortClick = (index) => {
|
|
|
- const data = sortNodeData.value || []
|
|
|
- if(index !== 0) {
|
|
|
- const tmp = data.splice(index - 1,1);
|
|
|
- sortNodeData.value.splice(index,0,tmp[0]);
|
|
|
- } else {
|
|
|
- window?.$message?.warning('已经处于置顶,无法上移')
|
|
|
- }
|
|
|
-}
|
|
|
-//确认排序
|
|
|
-const sortNodeClick = async () => {
|
|
|
- const sortList = [];
|
|
|
- const nodes = sortNodeData.value || []
|
|
|
- nodes.forEach(item => {
|
|
|
- sortList.push(item?.id)
|
|
|
- })
|
|
|
- //发起请求
|
|
|
- sortNodeLoading.value = true
|
|
|
- const { data } = await wbsApi.diySortTreeNode({sortList})
|
|
|
- //判断状态
|
|
|
- if (data.code === 200) {
|
|
|
- window?.$message?.success('保存成功')
|
|
|
- await NodeExpandKeys()
|
|
|
- sortNodeLoading.value = false
|
|
|
- sortNodeModal.value = false
|
|
|
- window?.location?.reload() //刷新页面
|
|
|
- } else {
|
|
|
- sortNodeLoading.value = false
|
|
|
- window?.$message?.error(data.msg || '保存失败')
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-//查看图纸
|
|
|
-const drawingsShow = ref(false);
|
|
|
-const viewsDrawings = () => {
|
|
|
- drawingsShow.value = true
|
|
|
-}
|
|
|
-const drawingsClose = (res) => {
|
|
|
- drawingsShow.value = res
|
|
|
-}
|
|
|
-const viewsDrawingsTip = () => {
|
|
|
- const {primaryKeyId,fileUrl} = nodeDataInfo.value
|
|
|
- if (!primaryKeyId) {
|
|
|
- window?.$message?.warning('请先选择树节点')
|
|
|
- } else if (!fileUrl) {
|
|
|
- window?.$message?.warning('该节点暂未上传图纸')
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//数据列表
|
|
|
-const ListItemDatas = ref([]);
|
|
|
-
|
|
|
-//获取数据列表
|
|
|
-const searchNodeAllTable = () => {
|
|
|
- const info = nodeDataInfo.value;
|
|
|
- const cid = info?.contractIdRelation || ''
|
|
|
- const key = info?.primaryKeyId || ''
|
|
|
- const id = info?.id || ''
|
|
|
- wbsApi.searchNodeAllTable({
|
|
|
- primaryKeyId: cid?id:key,
|
|
|
- type: authBtnTabKey.value
|
|
|
- }).then(({data}) => {
|
|
|
- if (data.code === 200) {
|
|
|
- let tableData = isArray(data?.data)?data['data']:[]
|
|
|
- if (tableData.length > 0) {
|
|
|
- tableData.forEach(item => {
|
|
|
- item.name = item.deptName
|
|
|
- })
|
|
|
- }
|
|
|
- ListItemDatas.value = tableData
|
|
|
- } else {
|
|
|
- ListItemDatas.value = []
|
|
|
- }
|
|
|
- }).catch(erro => {
|
|
|
- ListItemDatas.value = []
|
|
|
- })
|
|
|
-}
|
|
|
-
|
|
|
-//批量上报
|
|
|
-const showReportModal = ref(false)
|
|
|
-const reportModalClick = () => {
|
|
|
- showReportModal.value = true
|
|
|
-}
|
|
|
-
|
|
|
-//被展开
|
|
|
-const ListItemOffsetTop = (offsetTop) => {
|
|
|
- if (offsetTop > 0) {
|
|
|
- const type = wbsTypeTabKey.value || 'map'
|
|
|
- setTimeout(() => {
|
|
|
- if (type === 'map') {
|
|
|
- document.getElementById('hc-drawer-list-item').scrollTop = offsetTop
|
|
|
- } else if (type === 'tree') {
|
|
|
- document.getElementById('hc-card-list-item').scrollTop = offsetTop
|
|
|
- }
|
|
|
- }, 200)
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-//左右拖动,改变树形结构宽度
|
|
|
-const leftWidth = ref(382);
|
|
|
-const onmousedown = () => {
|
|
|
- document.onmousemove = (ve) => {
|
|
|
- let diffVal = ve.clientX + 2;
|
|
|
- if(diffVal >= 310 && diffVal <= 900) {
|
|
|
- leftWidth.value = diffVal;
|
|
|
- }
|
|
|
- }
|
|
|
- document.onmouseup = () => {
|
|
|
- document.onmousemove = null;
|
|
|
- document.onmouseup = null;
|
|
|
- }
|
|
|
-}
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="scss" scoped>
|
|
|
-@import "../../styles/data-fill/wbs.scss";
|
|
|
-.hc-add-node-modal-foot-box {
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- .left-box {
|
|
|
- position: relative;
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- }
|
|
|
- .right-box {
|
|
|
- position: relative;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-html.theme-dark {
|
|
|
- .bg-svg-xml {
|
|
|
- background-color: initial;
|
|
|
- background-image: initial;
|
|
|
- }
|
|
|
- .hc-layout-box .hc-layout-content-box .hc-card-max-h-box.node-tree .hc-tree-foot-tip-box {
|
|
|
- border-top: 1px solid #303030;
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|
|
|
-
|
|
|
-<style lang="scss">
|
|
|
-.data-fill-wbs-content {
|
|
|
- position: relative;
|
|
|
- height: 100%;
|
|
|
- .n-drawer-container {
|
|
|
- margin: -20px -24px;
|
|
|
- }
|
|
|
- .n-drawer.n-drawer--top-placement {
|
|
|
- height: auto !important;
|
|
|
- background-color: initial;
|
|
|
- pointer-events: none;
|
|
|
- bottom: 0;
|
|
|
- }
|
|
|
- .drawer-data-fill-content-box {
|
|
|
- position: relative;
|
|
|
- height: 100%;
|
|
|
- padding: 24px;
|
|
|
- .n-card {
|
|
|
- pointer-events: auto;
|
|
|
- height: 100%;
|
|
|
- overflow: auto;
|
|
|
- }
|
|
|
- .data-fill-content {
|
|
|
- position: relative;
|
|
|
- height: 100%;
|
|
|
- overflow-y: auto;
|
|
|
- scroll-behavior: smooth;
|
|
|
- .data-fill-list-box .data-fill-list-item-content {
|
|
|
- height: calc(100vh - 470px);
|
|
|
- .data-fill-table-form-box {
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .data-fill-foot {
|
|
|
- position: relative;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.n-card.hc-card-overflow-box .n-card__content {
|
|
|
- padding: 24px;
|
|
|
-}
|
|
|
-.n-card.hc-custom-card > .n-card-header {
|
|
|
- padding: 15px 24px;
|
|
|
-}
|
|
|
-.n-card.hc-custom-card.copy {
|
|
|
- width: 1200px;
|
|
|
- max-height: 90vh;
|
|
|
- overflow: auto;
|
|
|
- .n-card-header .n-card-header__close {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- &.one {
|
|
|
- width: 600px;
|
|
|
- }
|
|
|
- &.many {
|
|
|
- width: 1200px;
|
|
|
- .copy-node-many-box {
|
|
|
- position: relative;
|
|
|
- height: 60vh;
|
|
|
- display: flex;
|
|
|
- .copy-node-many-tree {
|
|
|
- position: relative;
|
|
|
- flex: 1;
|
|
|
- height: 100%;
|
|
|
- overflow: auto;
|
|
|
- padding-right: 20px;
|
|
|
- border-right: 1px solid #efeff5;
|
|
|
- }
|
|
|
- .copy-node-many-table {
|
|
|
- position: relative;
|
|
|
- flex: 1;
|
|
|
- height: 100%;
|
|
|
- margin-left: 20px;
|
|
|
- .copy-node-many-table-data {
|
|
|
- position: relative;
|
|
|
- height: calc(100% - 74px);
|
|
|
- margin-bottom: 20px;
|
|
|
- overflow: auto;
|
|
|
- }
|
|
|
- .copy-node-many-foot-center {
|
|
|
- position: relative;
|
|
|
- text-align: center;
|
|
|
- padding-top: 20px;
|
|
|
- border-top: 1px solid #efeff5;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.img-preview-box {
|
|
|
- position: relative;
|
|
|
- height: 100%;
|
|
|
- width: 100%;
|
|
|
- .cu-img-preview.cu-img-preview-dom .cu-img-preview-box {
|
|
|
- height: calc(100% - 60px);
|
|
|
- }
|
|
|
- .cu-img-preview.cu-img-preview-dom .cu-img-preview-tools-box{
|
|
|
- position: absolute;
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|