|
|
@@ -1,25 +1,32 @@
|
|
|
<template>
|
|
|
<div class="hc-layout-box">
|
|
|
- <div id="wbs-left-tree" :style="'width:' + leftWidth + 'px;'" class="hc-layout-left-box">
|
|
|
+ <div id="wbs-left-tree" :style="`width:${leftWidth}px;`" class="hc-layout-left-box">
|
|
|
<div class="hc-project-box">
|
|
|
<div class="hc-project-icon-box">
|
|
|
- <HcIcon name="stack"/>
|
|
|
+ <HcIcon name="stack" />
|
|
|
</div>
|
|
|
<div class="ml-2 project-name-box">
|
|
|
- <span class="text-xl text-cut project-alias">{{ projectInfo['projectAlias'] }}</span>
|
|
|
- <div class="text-xs text-cut project-name">{{ projectInfo['name'] }}</div>
|
|
|
+ <span class="text-xl text-cut project-alias">{{ projectInfo.projectAlias }}</span>
|
|
|
+ <div class="text-xs text-cut project-name">
|
|
|
+ {{ projectInfo.name }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hc-tree-box">
|
|
|
<div class="hc-search-tree-val">
|
|
|
- <el-input v-model="searchTreeVal" block clearable placeholder="请输入名称关键词检索" size="large"
|
|
|
- @keyup="searchTreeKeyUp">
|
|
|
+ <el-input
|
|
|
+ v-model="searchTreeVal" block clearable placeholder="请输入名称关键词检索" size="large"
|
|
|
+ @keyup="searchTreeKeyUp"
|
|
|
+ >
|
|
|
<template #suffix>
|
|
|
- <HcIcon name="search-2" ui="text-xl iscusor" @click="searchTreeClick"/>
|
|
|
+ <HcIcon name="search-2" ui="text-xl iscusor" @click="searchTreeClick" />
|
|
|
</template>
|
|
|
</el-input>
|
|
|
</div>
|
|
|
- <div v-loading="treeLoading" id="hc-tree-scrollbar" class="hc-tree-scrollbar" element-loading-text="获取数据中...">
|
|
|
+ <div
|
|
|
+ id="hc-tree-scrollbar" v-loading="treeLoading" class="hc-tree-scrollbar"
|
|
|
+ element-loading-text="获取数据中..."
|
|
|
+ >
|
|
|
<!-- <HcTreeV2
|
|
|
:isShow="isSearchTree"
|
|
|
:datas="searchTreeData"
|
|
|
@@ -29,79 +36,97 @@
|
|
|
isType
|
|
|
@nodeTap="wbsElTreeClick"
|
|
|
/> -->
|
|
|
- <el-scrollbar class="scroll-bar-right-16" v-show="isSearchTree">
|
|
|
- <HcDataTree
|
|
|
- :datas="searchTreeData"
|
|
|
- isCounts
|
|
|
- isType
|
|
|
- @nodeTap="wbsElTreeClick"
|
|
|
- :autoExpandKeys="treeAutoExpandKeys"
|
|
|
- defaultExpandAll />
|
|
|
+ <el-scrollbar v-show="isSearchTree" class="scroll-bar-right-16">
|
|
|
+ <HcDataTree
|
|
|
+ :datas="searchTreeData"
|
|
|
+ is-counts
|
|
|
+ is-type
|
|
|
+ :auto-expand-keys="treeAutoExpandKeys"
|
|
|
+ default-expand-all
|
|
|
+ @nodeTap="wbsElTreeClick"
|
|
|
+ />
|
|
|
+ </el-scrollbar>
|
|
|
|
|
|
+ <el-scrollbar v-show="!isSearchTree" class="scroll-bar-right-16">
|
|
|
+ <HcLazyTree
|
|
|
+ ref="wbstree"
|
|
|
+ :auto-expand-keys="treeAutoExpandKeys"
|
|
|
+ is-counts
|
|
|
+ is-type
|
|
|
+ @load="treeLoadNode"
|
|
|
+ @nodeTap="wbsElTreeClick"
|
|
|
+ />
|
|
|
</el-scrollbar>
|
|
|
-
|
|
|
- <el-scrollbar class="scroll-bar-right-16" v-show="!isSearchTree">
|
|
|
- <HcLazyTree
|
|
|
- ref="wbstree"
|
|
|
- :autoExpandKeys="treeAutoExpandKeys"
|
|
|
- isCounts
|
|
|
- isType
|
|
|
- @load="treeLoadNode"
|
|
|
- @nodeTap="wbsElTreeClick"
|
|
|
- />
|
|
|
- </el-scrollbar>
|
|
|
</div>
|
|
|
</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 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 class="horizontal-drag-line" @mousedown="onmousedown" />
|
|
|
</div>
|
|
|
<div class="hc-layout-content-box">
|
|
|
- <HcCard :scrollbar="false" actionSize="lg">
|
|
|
+ <HcCard :scrollbar="false" action-size="lg">
|
|
|
<template #header>
|
|
|
<HcTooltip keys="query_report">
|
|
|
- <el-button :disabled="tableCheckedKeys.length <= 0" :loading="reportLoading" hc-btn
|
|
|
- type="primary" @click="reportModalClick">
|
|
|
- <HcIcon name="send-plane-2"/>
|
|
|
+ <el-button
|
|
|
+ :disabled="tableCheckedKeys.length <= 0" :loading="reportLoading" hc-btn
|
|
|
+ type="primary" @click="reportModalClick"
|
|
|
+ >
|
|
|
+ <HcIcon name="send-plane-2" />
|
|
|
<span>上报</span>
|
|
|
</el-button>
|
|
|
</HcTooltip>
|
|
|
<HcTooltip keys="query_download">
|
|
|
- <el-button :disabled="tableCheckedKeys.length <= 0" :loading="downloadLoading" hc-btn
|
|
|
- @click="batchDownload">
|
|
|
- <HcIcon name="download"/>
|
|
|
+ <el-button
|
|
|
+ :disabled="tableCheckedKeys.length <= 0" :loading="downloadLoading" hc-btn
|
|
|
+ @click="batchDownload"
|
|
|
+ >
|
|
|
+ <HcIcon name="download" />
|
|
|
<span>下载</span>
|
|
|
</el-button>
|
|
|
</HcTooltip>
|
|
|
<HcTooltip keys="query_print">
|
|
|
- <el-button :disabled="tableCheckedKeys.length <= 0" :loading="printLoading" hc-btn
|
|
|
- @click="batchPrint">
|
|
|
- <HcIcon name="printer"/>
|
|
|
+ <el-button
|
|
|
+ :disabled="tableCheckedKeys.length <= 0" :loading="printLoading" hc-btn
|
|
|
+ @click="batchPrint"
|
|
|
+ >
|
|
|
+ <HcIcon name="printer" />
|
|
|
<span>打印</span>
|
|
|
</el-button>
|
|
|
</HcTooltip>
|
|
|
<HcTooltip keys="query_abolish">
|
|
|
<el-button :disabled="tableCheckedKeys.length <= 0" hc-btn @click="batchAbolishClick">
|
|
|
- <HcIcon name="delete-bin-3"/>
|
|
|
+ <HcIcon name="delete-bin-3" />
|
|
|
<span>废除</span>
|
|
|
</el-button>
|
|
|
</HcTooltip>
|
|
|
<HcTooltip keys="query_local_attestation">
|
|
|
- <el-button :disabled="tableCheckedKeys.length <= 0" :loading="localLoading" hc-btn
|
|
|
- @click="batchLocal">
|
|
|
- <HcIcon name="folder-download"/>
|
|
|
+ <el-button
|
|
|
+ :disabled="tableCheckedKeys.length <= 0" :loading="localLoading" hc-btn
|
|
|
+ @click="batchLocal"
|
|
|
+ >
|
|
|
+ <HcIcon name="folder-download" />
|
|
|
<span>本地验签</span>
|
|
|
</el-button>
|
|
|
</HcTooltip>
|
|
|
<HcTooltip keys="query_online_attestation">
|
|
|
- <el-button :disabled="tableCheckedKeys.length <= 0" :loading="onlineLoading" hc-btn
|
|
|
- @click="batchOnline">
|
|
|
- <HcIcon name="cloud"/>
|
|
|
+ <el-button
|
|
|
+ :disabled="tableCheckedKeys.length <= 0" :loading="onlineLoading" hc-btn
|
|
|
+ @click="batchOnline"
|
|
|
+ >
|
|
|
+ <HcIcon name="cloud" />
|
|
|
<span>在线验签</span>
|
|
|
</el-button>
|
|
|
</HcTooltip>
|
|
|
@@ -110,37 +135,45 @@
|
|
|
<div class="flex items-center">
|
|
|
<div class="w-40">
|
|
|
<el-select v-model="searchForm.taskStatus" clearable placeholder="流程状态">
|
|
|
- <el-option v-for="item in processStatusData" :key="item.value"
|
|
|
- :label="item['dictValue']" :value="item['dictKey']"/>
|
|
|
+ <el-option
|
|
|
+ v-for="item in processStatusData" :key="item.value"
|
|
|
+ :label="item.dictValue" :value="item.dictKey"
|
|
|
+ />
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<div class="w-40 ml-2">
|
|
|
<el-select v-model="searchForm.fileUserIdAndName" clearable placeholder="填报人">
|
|
|
- <el-option v-for="item in reportingPersonData" :key="item.value" :label="item['label']"
|
|
|
- :value="item['value']"/>
|
|
|
+ <el-option
|
|
|
+ v-for="item in reportingPersonData" :key="item.value" :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ />
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<div class="w-40 ml-2">
|
|
|
<el-select v-model="searchForm.sourceType" clearable placeholder="文件类型">
|
|
|
- <el-option v-for="item in fileTypeData" :key="item.value" :label="item['dictValue']"
|
|
|
- :value="item['dictKey']"/>
|
|
|
+ <el-option
|
|
|
+ v-for="item in fileTypeData" :key="item.value" :label="item.dictValue"
|
|
|
+ :value="item.dictKey"
|
|
|
+ />
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<div class="w-32 ml-2">
|
|
|
<el-select v-model="searchForm.reportNumber" clearable placeholder="上报批次">
|
|
|
- <el-option v-for="item in reportBatchData" :key="item" :label="item" :value="item"/>
|
|
|
+ <el-option v-for="item in reportBatchData" :key="item" :label="item" :value="item" />
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<div class="w-64 ml-2">
|
|
|
- <HcDatePicker :dates="betweenTime" clearable @change="betweenTimeUpdate"/>
|
|
|
+ <HcDatePicker :dates="betweenTime" clearable @change="betweenTimeUpdate" />
|
|
|
</div>
|
|
|
<div class="w-60 ml-2">
|
|
|
- <el-input v-model="searchForm.queryValue" clearable placeholder="请输入名称关键词检索"
|
|
|
- @keyup="keyUpEvent"/>
|
|
|
+ <el-input
|
|
|
+ v-model="searchForm.queryValue" clearable placeholder="请输入名称关键词检索"
|
|
|
+ @keyup="keyUpEvent"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="ml-2">
|
|
|
<el-button type="primary" @click="searchClick">
|
|
|
- <HcIcon name="search-2"/>
|
|
|
+ <HcIcon name="search-2" />
|
|
|
<span>搜索</span>
|
|
|
</el-button>
|
|
|
</div>
|
|
|
@@ -148,21 +181,27 @@
|
|
|
</template>
|
|
|
<template #extra>
|
|
|
<template v-if="contractInfo?.contractType === 2 || contractInfo?.contractType === 3">
|
|
|
- <HcNewSwitch :datas="contractTypeTab" :keys="contractTypeTabKey"
|
|
|
- @change="contractTypeTabChange"/>
|
|
|
+ <HcNewSwitch
|
|
|
+ :datas="contractTypeTab" :keys="contractTypeTabKey"
|
|
|
+ @change="contractTypeTabChange"
|
|
|
+ />
|
|
|
</template>
|
|
|
</template>
|
|
|
- <HcTable ref="tableListRef" :column="tableListColumn" :datas="tableListData" :loading="tableLoading"
|
|
|
- isCheck @selection-change="tableSelectionChange">
|
|
|
- <template #name="{row}">
|
|
|
+ <HcTable
|
|
|
+ ref="tableListRef" :column="tableListColumn" :datas="tableListData" :loading="tableLoading"
|
|
|
+ is-check @selection-change="tableSelectionChange"
|
|
|
+ >
|
|
|
+ <template #name="{ row }">
|
|
|
<span class="text-link" @click="tableRowName(row)">{{ row?.name }}</span>
|
|
|
</template>
|
|
|
- <template #waitingUserList="{row}">
|
|
|
- <template v-for="item in row['waitingUserList']">
|
|
|
+ <template #waitingUserList="{ row }">
|
|
|
+ <template v-for="item in row.waitingUserList">
|
|
|
<el-tag
|
|
|
- v-if="item['waitingUserName']"
|
|
|
+ v-if="item.waitingUserName"
|
|
|
:type="`${item.status === 2 ? 'success' : item.status === 3 ? 'warning' : item.status === 999 ? 'danger' : 'info'}`"
|
|
|
- class="mx-1" effect="dark">{{ item['waitingUserName'] }}
|
|
|
+ class="mx-1" effect="dark"
|
|
|
+ >
|
|
|
+ {{ item.waitingUserName }}
|
|
|
</el-tag>
|
|
|
</template>
|
|
|
</template>
|
|
|
@@ -171,52 +210,61 @@
|
|
|
<div class="lr-dialog-footer">
|
|
|
<div class="left">
|
|
|
<span class="text-success">任务人员中：</span>
|
|
|
- <el-tag class="mx-1" effect="dark" type="info">未签字</el-tag>
|
|
|
- <el-tag class="mx-1" effect="dark" type="success">已签字</el-tag>
|
|
|
- <el-tag class="mx-1" effect="dark" type="warning">已废除</el-tag>
|
|
|
- <el-tag class="mx-1" effect="dark" type="danger">签字异常</el-tag>
|
|
|
+ <el-tag class="mx-1" effect="dark" type="info">
|
|
|
+ 未签字
|
|
|
+ </el-tag>
|
|
|
+ <el-tag class="mx-1" effect="dark" type="success">
|
|
|
+ 已签字
|
|
|
+ </el-tag>
|
|
|
+ <el-tag class="mx-1" effect="dark" type="warning">
|
|
|
+ 已废除
|
|
|
+ </el-tag>
|
|
|
+ <el-tag class="mx-1" effect="dark" type="danger">
|
|
|
+ 签字异常
|
|
|
+ </el-tag>
|
|
|
</div>
|
|
|
<div class="right">
|
|
|
- <HcPages :pages="searchForm" @change="pageChange"/>
|
|
|
+ <HcPages :pages="searchForm" @change="pageChange" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
</HcCard>
|
|
|
</div>
|
|
|
|
|
|
- <!--批量上报审批-->
|
|
|
- <HcReportModal :contractId="contractId"
|
|
|
- :datas="reportDatas"
|
|
|
- :ids="reportIds"
|
|
|
- :projectId="projectId"
|
|
|
- :show="showReportModal"
|
|
|
- :taskName="reportTaskName"
|
|
|
- :typeData="reportTypeData"
|
|
|
- type="query"
|
|
|
- isDatas
|
|
|
- title="批量上报审批"
|
|
|
- url="informationWriteQuery/batchTask"
|
|
|
- @finish="showReportFinish"
|
|
|
- @hide="showReportModal = false"
|
|
|
- @tagClose="reportTaskTagClose"
|
|
|
+ <!-- 批量上报审批 -->
|
|
|
+ <HcReportModal
|
|
|
+ :contract-id="contractId"
|
|
|
+ :datas="reportDatas"
|
|
|
+ :ids="reportIds"
|
|
|
+ :project-id="projectId"
|
|
|
+ :show="showReportModal"
|
|
|
+ :task-name="reportTaskName"
|
|
|
+ :type-data="reportTypeData"
|
|
|
+ type="query"
|
|
|
+ is-datas
|
|
|
+ title="批量上报审批"
|
|
|
+ url="informationWriteQuery/batchTask"
|
|
|
+ @finish="showReportFinish"
|
|
|
+ @hide="showReportModal = false"
|
|
|
+ @tagClose="reportTaskTagClose"
|
|
|
/>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import {ref, watch, onMounted} from "vue";
|
|
|
-import {useAppStore} from "~src/store";
|
|
|
-import {getStoreValue, setStoreValue} from '~src/utils/storage'
|
|
|
-import {downloadBlob, isString, getObjValue, getArrValue, arrToId} from "js-fast-way"
|
|
|
-import queryApi from '~api/data-fill/query';
|
|
|
-import {eVisaTaskCheckApi} from "~api/other"
|
|
|
+import { onMounted, ref, watch } from 'vue'
|
|
|
+import { useAppStore } from '~src/store'
|
|
|
+import { getStoreValue, setStoreValue } from '~src/utils/storage'
|
|
|
+import { arrToId, downloadBlob, getArrValue, getObjValue, isString } from 'js-fast-way'
|
|
|
+import queryApi from '~api/data-fill/query'
|
|
|
+import { eVisaTaskCheckApi } from '~api/other'
|
|
|
|
|
|
//变量
|
|
|
const useAppState = useAppStore()
|
|
|
-const projectId = ref(useAppState.getProjectId);
|
|
|
-const contractId = ref(useAppState.getContractId);
|
|
|
-const projectInfo = ref(useAppState.getProjectInfo);
|
|
|
-const contractInfo = ref(useAppState.getContractInfo);
|
|
|
+const projectId = ref(useAppState.getProjectId)
|
|
|
+const contractId = ref(useAppState.getContractId)
|
|
|
+const projectInfo = ref(useAppState.getProjectInfo)
|
|
|
+const contractInfo = ref(useAppState.getContractInfo)
|
|
|
const isCollapse = ref(useAppState.getCollapse)
|
|
|
//变量
|
|
|
const wbstree = ref(null)
|
|
|
@@ -227,11 +275,11 @@ const searchTreeHeight = ref()
|
|
|
const searchTreeVal = ref('')
|
|
|
//监听
|
|
|
watch(() => [
|
|
|
- useAppState.getCollapse,searchTreeVal.value
|
|
|
-], ([Collapse,search]) => {
|
|
|
+ useAppState.getCollapse, searchTreeVal.value,
|
|
|
+], ([Collapse, search]) => {
|
|
|
isCollapse.value = Collapse
|
|
|
- if(search.length==0){
|
|
|
- isSearchTree.value=false
|
|
|
+ if (search.length == 0) {
|
|
|
+ isSearchTree.value = false
|
|
|
}
|
|
|
})
|
|
|
|
|
|
@@ -244,31 +292,28 @@ onMounted(() => {
|
|
|
getReportNumber()
|
|
|
getFirstTaskStatus()
|
|
|
getDictBizClassify()
|
|
|
-
|
|
|
-
|
|
|
})
|
|
|
|
|
|
|
|
|
-
|
|
|
const searchTreeData = ref([])
|
|
|
|
|
|
//回车
|
|
|
const treeLoading = ref(false)
|
|
|
const getSearchTreeData = async () => {
|
|
|
treeLoading.value = true
|
|
|
- const {error, code, data} = await queryApi.getTreeNodeByQueryValueAndContractId({
|
|
|
+ const { error, code, data } = await queryApi.getTreeNodeByQueryValueAndContractId({
|
|
|
contractId: contractId.value,
|
|
|
queryValue: searchTreeVal.value,
|
|
|
})
|
|
|
//判断状态
|
|
|
if (!error && code === 200) {
|
|
|
- let treedata=getArrValue(data)
|
|
|
+ let treedata = getArrValue(data)
|
|
|
searchTreeData.value = treedata
|
|
|
treeLoading.value = false
|
|
|
-
|
|
|
+
|
|
|
} else {
|
|
|
treeLoading.value = false
|
|
|
-
|
|
|
+
|
|
|
searchTreeData.value = []
|
|
|
}
|
|
|
|
|
|
@@ -277,14 +322,14 @@ const getSearchTreeData = async () => {
|
|
|
|
|
|
//回车
|
|
|
const searchTreeKeyUp = (e) => {
|
|
|
- if (e.key === "Enter") {
|
|
|
+ if (e.key === 'Enter') {
|
|
|
searchTreeClick()
|
|
|
}
|
|
|
}
|
|
|
|
|
|
const searchTreeClick = async () => {
|
|
|
if (searchTreeVal.value) {
|
|
|
- searchTreeHeight.value = document.getElementById('hc-tree-scrollbar').offsetHeight;
|
|
|
+ searchTreeHeight.value = document.getElementById('hc-tree-scrollbar').offsetHeight
|
|
|
isSearchTree.value = true
|
|
|
//treeLoading.value = true
|
|
|
getSearchTreeData()
|
|
|
@@ -300,27 +345,27 @@ const nodeDataInfo = ref({})
|
|
|
|
|
|
|
|
|
//懒加载的数据
|
|
|
-const treeLoadNode = async ({node, item, level},resolve) => {
|
|
|
- let contractIdRelation = '', parentId = '', primaryKeyId = '';
|
|
|
+const treeLoadNode = async ({ node, item, level }, resolve) => {
|
|
|
+ let contractIdRelation = '', parentId = '', primaryKeyId = ''
|
|
|
if (level !== 0) {
|
|
|
- const nodeData = getObjValue(item);
|
|
|
+ const nodeData = getObjValue(item)
|
|
|
contractIdRelation = nodeData?.contractIdRelation || ''
|
|
|
parentId = contractIdRelation ? nodeData?.primaryKeyId : nodeData?.id
|
|
|
primaryKeyId = nodeData?.id || ''
|
|
|
}
|
|
|
//获取数据
|
|
|
- const {data} = await queryApi.queryWbsTreeData({
|
|
|
+ const { data } = await queryApi.queryWbsTreeData({
|
|
|
contractId: contractId.value || '',
|
|
|
contractIdRelation,
|
|
|
primaryKeyId,
|
|
|
parentId,
|
|
|
- classifyType: contractTypeTabKey.value
|
|
|
+ classifyType: contractTypeTabKey.value,
|
|
|
})
|
|
|
resolve(getArrValue(data))
|
|
|
}
|
|
|
|
|
|
//树被点击
|
|
|
-const wbsElTreeClick = ({node, data, keys}) => {
|
|
|
+const wbsElTreeClick = ({ node, data, keys }) => {
|
|
|
nodeItemInfo.value = node
|
|
|
nodeDataInfo.value = data
|
|
|
primaryKeyId.value = data['primaryKeyId'] || ''
|
|
|
@@ -329,32 +374,32 @@ const wbsElTreeClick = ({node, data, keys}) => {
|
|
|
setStoreValue('wbsTreeExpandKeys', keys)
|
|
|
//改变搜索表单数据
|
|
|
searchForm.value.wbsId = data['primaryKeyId']
|
|
|
- //只有监理、指挥合同段才传contractIdRelation
|
|
|
- if(contractInfo.value?.contractType == 2 ||contractInfo.value?.contractType == 3){
|
|
|
- searchForm.value.contractIdRelation = data['contractIdRelation']
|
|
|
- }else{
|
|
|
+ //只有监理、指挥合同段才传contractIdRelation
|
|
|
+ if (contractInfo.value?.contractType == 2 || contractInfo.value?.contractType == 3) {
|
|
|
+ searchForm.value.contractIdRelation = data['contractIdRelation']
|
|
|
+ } else {
|
|
|
searchForm.value.contractIdRelation = ''
|
|
|
}
|
|
|
- searchForm.value.current = 1;
|
|
|
+ searchForm.value.current = 1
|
|
|
getTableData()
|
|
|
}
|
|
|
|
|
|
//搜索条件
|
|
|
-const processStatusData = ref([]) //流程状态
|
|
|
+const processStatusData = ref([]) //流程状态
|
|
|
const reportingPersonData = ref([]) //填报人
|
|
|
-const fileTypeData = ref([]) //文件类型
|
|
|
-const reportBatchData = ref([]) //上报批次
|
|
|
+const fileTypeData = ref([]) //文件类型
|
|
|
+const reportBatchData = ref([]) //上报批次
|
|
|
|
|
|
//获取所有填报人
|
|
|
const getFileUser = async () => {
|
|
|
- const {error, code, data} = await queryApi.getFileUser({
|
|
|
- contractId: contractId.value
|
|
|
+ const { error, code, data } = await queryApi.getFileUser({
|
|
|
+ contractId: contractId.value,
|
|
|
})
|
|
|
//判断状态
|
|
|
if (!error && code === 200) {
|
|
|
- let res = getArrValue(data), userArr = [];
|
|
|
+ let res = getArrValue(data), userArr = []
|
|
|
res.forEach(item => {
|
|
|
- userArr.push({label: item['userName'], value: `${item['userId']}-${item['userName']}`})
|
|
|
+ userArr.push({ label: item['userName'], value: `${item['userId']}-${item['userName']}` })
|
|
|
})
|
|
|
reportingPersonData.value = userArr
|
|
|
} else {
|
|
|
@@ -363,9 +408,9 @@ const getFileUser = async () => {
|
|
|
}
|
|
|
//获取上报批次
|
|
|
const getReportNumber = async () => {
|
|
|
- const {error, code, data} = await queryApi.getReportNumber({
|
|
|
+ const { error, code, data } = await queryApi.getReportNumber({
|
|
|
contractId: contractId.value,
|
|
|
- projectId: projectId.value
|
|
|
+ projectId: projectId.value,
|
|
|
})
|
|
|
//判断状态
|
|
|
if (!error && code === 200) {
|
|
|
@@ -377,7 +422,7 @@ const getReportNumber = async () => {
|
|
|
|
|
|
//获取流程状态
|
|
|
const getFirstTaskStatus = async () => {
|
|
|
- const {error, code, data} = await queryApi.getFirstTaskStatus()
|
|
|
+ const { error, code, data } = await queryApi.getFirstTaskStatus()
|
|
|
//判断状态
|
|
|
if (!error && code === 200) {
|
|
|
processStatusData.value = getArrValue(data)
|
|
|
@@ -388,9 +433,9 @@ const getFirstTaskStatus = async () => {
|
|
|
|
|
|
//获取流程状态分类和文件类型分类
|
|
|
const getDictBizClassify = async () => {
|
|
|
- const {error, code, data} = await queryApi.getDictBizClassify({
|
|
|
+ const { error, code, data } = await queryApi.getDictBizClassify({
|
|
|
contractId: contractId.value,
|
|
|
- code: 'fileType'
|
|
|
+ code: 'fileType',
|
|
|
})
|
|
|
//判断状态
|
|
|
if (!error && code === 200) {
|
|
|
@@ -403,20 +448,20 @@ const getDictBizClassify = async () => {
|
|
|
//搜索表单
|
|
|
const searchForm = ref({
|
|
|
taskStatus: null, fileUserIdAndName: null, sourceType: null, reportNumber: null, betweenTime: null,
|
|
|
- queryValue: null, contractIdRelation: null, wbsId: null, current: 1, size: 20, total: 0
|
|
|
+ queryValue: null, contractIdRelation: null, wbsId: null, current: 1, size: 20, total: 0,
|
|
|
})
|
|
|
|
|
|
|
|
|
//结构类型tab数据和相关处理
|
|
|
// const contractTypeTabKey = ref('1')
|
|
|
-const {contractType} = contractInfo.value;
|
|
|
+const { contractType } = contractInfo.value
|
|
|
const contractTypeTabKey = ref(contractType === 2 ? '2' : '1')
|
|
|
const contractTypeTab = ref([
|
|
|
- {key: '1', name: '施工数据'},
|
|
|
- {key: '2', name: '监理数据'}
|
|
|
-]);
|
|
|
+ { key: '1', name: '施工数据' },
|
|
|
+ { key: '2', name: '监理数据' },
|
|
|
+])
|
|
|
const contractTypeTabChange = (item) => {
|
|
|
- contractTypeTabKey.value = item?.key;
|
|
|
+ contractTypeTabKey.value = item?.key
|
|
|
// window?.location?.reload() //刷新页面
|
|
|
searchClick()
|
|
|
}
|
|
|
@@ -437,29 +482,29 @@ const contractTypeTabChange = (item) => {
|
|
|
|
|
|
//日期时间被选择
|
|
|
const betweenTime = ref(null)
|
|
|
-const betweenTimeUpdate = ({arr, query}) => {
|
|
|
+const betweenTimeUpdate = ({ arr, query }) => {
|
|
|
betweenTime.value = arr
|
|
|
searchForm.value.betweenTime = query
|
|
|
}
|
|
|
|
|
|
//回车搜索
|
|
|
const keyUpEvent = (e) => {
|
|
|
- if (e.key === "Enter") {
|
|
|
- searchForm.value.current = 1;
|
|
|
- if(searchForm.value?.queryValue){
|
|
|
- searchForm.value.queryValue =searchForm.value.queryValue.trim();
|
|
|
+ if (e.key === 'Enter') {
|
|
|
+ searchForm.value.current = 1
|
|
|
+ if (searchForm.value?.queryValue) {
|
|
|
+ searchForm.value.queryValue = searchForm.value.queryValue.trim()
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
getTableData()
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//搜索
|
|
|
const searchClick = () => {
|
|
|
- searchForm.value.current = 1;
|
|
|
- if(searchForm.value?.queryValue){
|
|
|
- searchForm.value.queryValue =searchForm.value.queryValue.trim();
|
|
|
- }
|
|
|
+ searchForm.value.current = 1
|
|
|
+ if (searchForm.value?.queryValue) {
|
|
|
+ searchForm.value.queryValue = searchForm.value.queryValue.trim()
|
|
|
+ }
|
|
|
wbstreeKey.value = Math.random()
|
|
|
getTableData()
|
|
|
// wbstree.value.resetNode().then((red)=>{
|
|
|
@@ -472,7 +517,7 @@ const searchClick = () => {
|
|
|
}
|
|
|
|
|
|
//分页被点击
|
|
|
-const pageChange = ({current, size}) => {
|
|
|
+const pageChange = ({ current, size }) => {
|
|
|
searchForm.value.current = current
|
|
|
searchForm.value.size = size
|
|
|
getTableData()
|
|
|
@@ -482,27 +527,27 @@ const pageChange = ({current, size}) => {
|
|
|
const tableListRef = ref(null)
|
|
|
const tableLoading = ref(false)
|
|
|
const tableListColumn = ref([
|
|
|
- {key: 'name', name: '文件名称'},
|
|
|
- {key: 'startTime', name: '开始时间'},
|
|
|
- {key: 'taskStatusStr', name: '流程状态'},
|
|
|
- {key: 'reportNumber', name: '上报批次'},
|
|
|
- {key: 'fileUserIdAndName', name: '填报人'},
|
|
|
- {key: 'waitingUserList', name: '任务人'}
|
|
|
+ { key: 'name', name: '文件名称' },
|
|
|
+ { key: 'startTime', name: '开始时间' },
|
|
|
+ { key: 'taskStatusStr', name: '流程状态' },
|
|
|
+ { key: 'reportNumber', name: '上报批次' },
|
|
|
+ { key: 'fileUserIdAndName', name: '填报人' },
|
|
|
+ { key: 'waitingUserList', name: '任务人' },
|
|
|
])
|
|
|
|
|
|
const tableListData = ref([])
|
|
|
const getTableData = async () => {
|
|
|
- if (!!searchForm.value.wbsId) {
|
|
|
+ if (searchForm.value.wbsId) {
|
|
|
tableListRef.value?.clearSelection()
|
|
|
tableCheckedKeys.value = []
|
|
|
tableLoading.value = true
|
|
|
-
|
|
|
+
|
|
|
// const classifyType = getContractTypeKey();
|
|
|
- const {error, code, data} = await queryApi.getPageData({
|
|
|
+ const { error, code, data } = await queryApi.getPageData({
|
|
|
projectId: projectId.value,
|
|
|
contractId: contractId.value,
|
|
|
...searchForm.value,
|
|
|
- classifyType: contractTypeTabKey.value
|
|
|
+ classifyType: contractTypeTabKey.value,
|
|
|
})
|
|
|
//处理数据
|
|
|
tableLoading.value = false
|
|
|
@@ -519,10 +564,10 @@ const getTableData = async () => {
|
|
|
}
|
|
|
|
|
|
//多选
|
|
|
-const tableCheckedKeys = ref([]);
|
|
|
+const tableCheckedKeys = ref([])
|
|
|
const tableSelectionChange = (rows) => {
|
|
|
tableCheckedKeys.value = rows.filter((item) => {
|
|
|
- return (item ?? '') !== '';
|
|
|
+ return (item ?? '') !== ''
|
|
|
})
|
|
|
}
|
|
|
|
|
|
@@ -546,23 +591,23 @@ const reportTypeData = ref([])
|
|
|
const showReportModal = ref(false)
|
|
|
const reportLoading = ref(false)
|
|
|
const reportModalClick = async () => {
|
|
|
- const rows = tableCheckedKeys.value;
|
|
|
+ const rows = tableCheckedKeys.value
|
|
|
//判断是否满足条件
|
|
|
- const result = rows.every(({status}) => {
|
|
|
+ const result = rows.every(({ status }) => {
|
|
|
return status === 0 || status === 3
|
|
|
})
|
|
|
- //处理数据
|
|
|
- let newArr = [];
|
|
|
- for (let i = 0; i < rows.length; i++) {
|
|
|
- newArr.push(rows[i]['wbsId'])
|
|
|
- }
|
|
|
+ //处理数据
|
|
|
+ let newArr = []
|
|
|
+ for (let i = 0; i < rows.length; i++) {
|
|
|
+ newArr.push(rows[i]['wbsId'])
|
|
|
+ }
|
|
|
reportTypeData.value = newArr
|
|
|
//判断状态
|
|
|
if (result) {
|
|
|
reportLoading.value = true
|
|
|
const taskCheck = await eVisaTaskCheckApi({
|
|
|
projectId: projectId.value,
|
|
|
- contractId: contractId.value
|
|
|
+ contractId: contractId.value,
|
|
|
})
|
|
|
if (taskCheck) {
|
|
|
//初始ID
|
|
|
@@ -573,7 +618,7 @@ const reportModalClick = async () => {
|
|
|
rows.forEach(item => {
|
|
|
reportDataArr.push({
|
|
|
id: item?.id,
|
|
|
- name: item?.name
|
|
|
+ name: item?.name,
|
|
|
})
|
|
|
})
|
|
|
reportDatas.value = reportDataArr
|
|
|
@@ -591,7 +636,7 @@ const reportModalClick = async () => {
|
|
|
|
|
|
//上报的审批内容移除
|
|
|
const reportTaskTagClose = (index) => {
|
|
|
- const row = tableCheckedKeys.value[index];
|
|
|
+ const row = tableCheckedKeys.value[index]
|
|
|
tableListRef.value?.toggleRowSelection(row, false)
|
|
|
}
|
|
|
|
|
|
@@ -604,11 +649,11 @@ const showReportFinish = () => {
|
|
|
//下载
|
|
|
const downloadLoading = ref(false)
|
|
|
const batchDownload = async () => {
|
|
|
- const rows = tableCheckedKeys.value;
|
|
|
+ const rows = tableCheckedKeys.value
|
|
|
const ids = arrToId(rows)
|
|
|
//批量下载
|
|
|
downloadLoading.value = true
|
|
|
- const {error, disposition, res} = await queryApi.batchDownloadFileToZip({ids: ids})
|
|
|
+ const { error, disposition, res } = await queryApi.batchDownloadFileToZip({ ids: ids })
|
|
|
//处理数据
|
|
|
downloadLoading.value = false
|
|
|
if (!error) {
|
|
|
@@ -623,11 +668,11 @@ const batchDownload = async () => {
|
|
|
//打印
|
|
|
const printLoading = ref(false)
|
|
|
const batchPrint = async () => {
|
|
|
- const rows = tableCheckedKeys.value;
|
|
|
+ const rows = tableCheckedKeys.value
|
|
|
const ids = arrToId(rows)
|
|
|
//批量下载
|
|
|
printLoading.value = true
|
|
|
- const {error, code, data} = await queryApi.batchPrint({ids: ids})
|
|
|
+ const { error, code, data } = await queryApi.batchPrint({ ids: ids })
|
|
|
//处理数据
|
|
|
printLoading.value = false
|
|
|
const res = isString(data) ? data ?? '' : ''
|
|
|
@@ -638,9 +683,9 @@ const batchPrint = async () => {
|
|
|
|
|
|
//废除
|
|
|
const batchAbolishClick = () => {
|
|
|
- const rows = tableCheckedKeys.value;
|
|
|
+ const rows = tableCheckedKeys.value
|
|
|
//判断是否满足条件
|
|
|
- const result = rows.every(({status}) => {
|
|
|
+ const result = rows.every(({ status }) => {
|
|
|
return status !== 0 && status !== 3
|
|
|
})
|
|
|
//判断状态
|
|
|
@@ -655,7 +700,7 @@ const batchAbolishClick = () => {
|
|
|
if (action === 'confirm') {
|
|
|
batchAbolishSave(ids)
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
})
|
|
|
} else {
|
|
|
window.$message?.warning('未上报的文件不能废除')
|
|
|
@@ -663,7 +708,7 @@ const batchAbolishClick = () => {
|
|
|
}
|
|
|
//废除勾选的已上报文件
|
|
|
const batchAbolishSave = async (ids) => {
|
|
|
- const {error, code} = await queryApi.batchAbolish({ids: ids})
|
|
|
+ const { error, code } = await queryApi.batchAbolish({ ids: ids })
|
|
|
//处理数据
|
|
|
if (!error && code === 200) {
|
|
|
window.$message?.success('批量废除成功')
|
|
|
@@ -675,9 +720,9 @@ const batchAbolishSave = async (ids) => {
|
|
|
//本地验签
|
|
|
const localLoading = ref(false)
|
|
|
const batchLocal = async () => {
|
|
|
- const rows = tableCheckedKeys.value;
|
|
|
+ const rows = tableCheckedKeys.value
|
|
|
//判断是否满足条件
|
|
|
- const result = rows.every(({status}) => {
|
|
|
+ const result = rows.every(({ status }) => {
|
|
|
return status === 2
|
|
|
})
|
|
|
//判断状态
|
|
|
@@ -685,8 +730,8 @@ const batchLocal = async () => {
|
|
|
const ids = arrToId(rows)
|
|
|
//请求数据
|
|
|
localLoading.value = true
|
|
|
- const {error, code, data} = await queryApi.localVerify({
|
|
|
- ids: ids
|
|
|
+ const { error, code, data } = await queryApi.localVerify({
|
|
|
+ ids: ids,
|
|
|
})
|
|
|
//处理数据
|
|
|
localLoading.value = false
|
|
|
@@ -701,19 +746,19 @@ const batchLocal = async () => {
|
|
|
//在线验签
|
|
|
const onlineLoading = ref(false)
|
|
|
const batchOnline = async () => {
|
|
|
- const rows = tableCheckedKeys.value;
|
|
|
+ const rows = tableCheckedKeys.value
|
|
|
if (rows.length > 1) {
|
|
|
window.$message?.warning('在线验签只能勾选一条数据进行验签')
|
|
|
- return;
|
|
|
+ return
|
|
|
}
|
|
|
if (rows[0].status !== 2) {
|
|
|
window.$message?.warning('存在未审批或未上报数据')
|
|
|
- return;
|
|
|
+ return
|
|
|
}
|
|
|
//发起
|
|
|
onlineLoading.value = true
|
|
|
- const {error, code, data} = await queryApi.onlineVerify({
|
|
|
- ids: rows[0]['id']
|
|
|
+ const { error, code, data } = await queryApi.onlineVerify({
|
|
|
+ ids: rows[0]['id'],
|
|
|
})
|
|
|
//处理数据
|
|
|
localLoading.value = false
|
|
|
@@ -724,18 +769,18 @@ const batchOnline = async () => {
|
|
|
|
|
|
|
|
|
//左右拖动，改变树形结构宽度
|
|
|
-const leftWidth = ref(505);
|
|
|
+const leftWidth = ref(505)
|
|
|
const onmousedown = () => {
|
|
|
const leftNum = isCollapse.value ? 142 : 272
|
|
|
document.onmousemove = (ve) => {
|
|
|
- let diffVal = ve.clientX - leftNum;
|
|
|
+ let diffVal = ve.clientX - leftNum
|
|
|
if (diffVal >= 310 && diffVal <= 900) {
|
|
|
- leftWidth.value = diffVal;
|
|
|
+ leftWidth.value = diffVal
|
|
|
}
|
|
|
}
|
|
|
document.onmouseup = () => {
|
|
|
- document.onmousemove = null;
|
|
|
- document.onmouseup = null;
|
|
|
+ document.onmousemove = null
|
|
|
+ document.onmouseup = null
|
|
|
}
|
|
|
}
|
|
|
</script>
|
