|
@@ -1,32 +1,40 @@
|
|
|
<template>
|
|
|
<div class="hc-layout-box">
|
|
|
- <HcTabsSimple :noDropShadow="showTaskReviewModal" :cur="sbTableKey" :datas="sbTableData" @tabClick="sbTableClick">
|
|
|
+ <HcTabsSimple :no-drop-shadow="showTaskReviewModal" :cur="sbTableKey" :datas="sbTableData" @tabClick="sbTableClick">
|
|
|
<template #tab-key1>
|
|
|
- <TableCard v-if="sbTableKey === 'key1'" :contractId="contractId"
|
|
|
- :contractList="projectInfo['contractInfoList']"
|
|
|
- :projectId="projectId" :tableKey="sbTableKey"
|
|
|
- @batchApproval="batchApprovalTaskClick" @rowTaskName="rowTaskName"
|
|
|
- @signRules="setSignRulesClick"/>
|
|
|
+ <TableCard
|
|
|
+ v-if="sbTableKey === 'key1'" :contract-id="contractId"
|
|
|
+ :contract-list="contractList"
|
|
|
+ :project-id="projectId" :table-key="sbTableKey"
|
|
|
+ @batchApproval="batchApprovalTaskClick" @rowTaskName="rowTaskName"
|
|
|
+ @signRules="setSignRulesClick"
|
|
|
+ />
|
|
|
</template>
|
|
|
<template #tab-key2>
|
|
|
- <TableCard v-if="sbTableKey === 'key2'" :contractId="contractId"
|
|
|
- :contractList="projectInfo['contractInfoList']"
|
|
|
- :projectId="projectId" :tableKey="sbTableKey"
|
|
|
- @batchApproval="batchApprovalTaskClick" @rowTaskName="rowTaskName"
|
|
|
- @signRules="setSignRulesClick"/>
|
|
|
+ <TableCard
|
|
|
+ v-if="sbTableKey === 'key2'" :contract-id="contractId"
|
|
|
+ :contract-list="contractList"
|
|
|
+ :project-id="projectId" :table-key="sbTableKey"
|
|
|
+ @batchApproval="batchApprovalTaskClick" @rowTaskName="rowTaskName"
|
|
|
+ @signRules="setSignRulesClick"
|
|
|
+ />
|
|
|
</template>
|
|
|
<template #tab-key3>
|
|
|
- <TableCard v-if="sbTableKey === 'key3'" :contractId="contractId"
|
|
|
- :contractList="projectInfo['contractInfoList']"
|
|
|
- :projectId="projectId" :tableKey="sbTableKey"
|
|
|
- @batchApproval="batchApprovalTaskClick" @rowTaskName="rowTaskName"
|
|
|
- @signRules="setSignRulesClick"/>
|
|
|
+ <TableCard
|
|
|
+ v-if="sbTableKey === 'key3'" :contract-id="contractId"
|
|
|
+ :contract-list="contractList"
|
|
|
+ :project-id="projectId" :table-key="sbTableKey"
|
|
|
+ @batchApproval="batchApprovalTaskClick" @rowTaskName="rowTaskName"
|
|
|
+ @signRules="setSignRulesClick"
|
|
|
+ />
|
|
|
</template>
|
|
|
</HcTabsSimple>
|
|
|
|
|
|
- <!--任务审核-->
|
|
|
- <el-dialog v-model="showTaskReviewModal" class="hc-modal-border hc-modal-table" destroy-on-close draggable
|
|
|
- width="80vw">
|
|
|
+ <!-- 任务审核 -->
|
|
|
+ <el-dialog
|
|
|
+ v-model="showTaskReviewModal" class="hc-modal-border hc-modal-table" destroy-on-close draggable
|
|
|
+ width="80vw"
|
|
|
+ >
|
|
|
<template #header="{ titleId, titleClass }">
|
|
|
<div class="hc-card-header flex items-center">
|
|
|
<div :id="titleId" :class="titleClass">任务审核 【已开启电签】</div>
|
|
@@ -37,20 +45,20 @@
|
|
|
</template>
|
|
|
<div class="hc-card-body-flex">
|
|
|
<div v-if="batchPdfUrl" class="flex-iframe">
|
|
|
- <hc-pdf :src="batchPdfUrl"/>
|
|
|
+ <hc-pdf :src="batchPdfUrl" />
|
|
|
</div>
|
|
|
<div v-else class="flex-iframe hc-no-table-form">
|
|
|
<div class="table-form-no">
|
|
|
- <img :src="notableform" alt=""/>
|
|
|
+ <img :src="notableform" alt="">
|
|
|
<div class="desc">暂无 PDF 数据</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div :class="sbTableKey === 'key1'?'':'vh'" class="flex-table">
|
|
|
- <div v-if="taskReviewType==='1'" class="data-table taskReviewData">
|
|
|
- <HcTable :column="taskReviewColumns" :datas="taskReviewData" @row-click="rowTaskReviewClick"/>
|
|
|
+ <div :class="sbTableKey === 'key1' ? '' : 'vh'" class="flex-table">
|
|
|
+ <div v-if="taskReviewType === '1'" class="data-table taskReviewData">
|
|
|
+ <HcTable :column="taskReviewColumns" :datas="taskReviewData" @row-click="rowTaskReviewClick" />
|
|
|
</div>
|
|
|
- <div v-if="taskReviewType==='2'" class="data-table checkedRowsRef">
|
|
|
- <HcTable :column="checkedRowsColumns" :datas="checkedRowsRef" @row-click="rowTaskReviewClick"/>
|
|
|
+ <div v-if="taskReviewType === '2'" class="data-table checkedRowsRef">
|
|
|
+ <HcTable :column="checkedRowsColumns" :datas="checkedRowsRef" @row-click="rowTaskReviewClick" />
|
|
|
</div>
|
|
|
<div v-if="sbTableKey === 'key1'" class="radio-group-box">
|
|
|
<span class="label">审批操作:</span>
|
|
@@ -60,39 +68,45 @@
|
|
|
</el-radio-group>
|
|
|
</div>
|
|
|
<div v-if="sbTableKey === 'key1'" class="textarea-box">
|
|
|
- <el-input v-model="taskReviewForm.comment" :autosize="{ minRows: 3, maxRows: 5 }"
|
|
|
- placeholder="请输入审核意见"
|
|
|
- type="textarea"/>
|
|
|
+ <el-input
|
|
|
+ v-model="taskReviewForm.comment" :autosize="{ minRows: 3, maxRows: 5 }"
|
|
|
+ placeholder="请输入审核意见"
|
|
|
+ type="textarea"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<template v-if="sbTableKey === 'key1'" #footer>
|
|
|
<div class="dialog-footer">
|
|
|
<el-button size="large" @click="showTaskReviewModal = false">取消</el-button>
|
|
|
- <el-button :loading="SMSAuthLoading" hc-btn type="primary" @click="ConfirmApprovalClick">确认审批
|
|
|
+ <el-button :loading="SMSAuthLoading" hc-btn type="primary" @click="ConfirmApprovalClick">
|
|
|
+ 确认审批
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
|
|
|
- <!--设置重签规则-->
|
|
|
- <el-dialog v-model="showSetSignRulesModal" class="hc-modal-border" destroy-on-close draggable
|
|
|
- title="设置重签规则"
|
|
|
- width="38rem">
|
|
|
+ <!-- 设置重签规则 -->
|
|
|
+ <el-dialog
|
|
|
+ v-model="showSetSignRulesModal" class="hc-modal-border" destroy-on-close draggable
|
|
|
+ title="设置重签规则"
|
|
|
+ width="38rem"
|
|
|
+ >
|
|
|
<div class="text-orange mb-10">
|
|
|
<span
|
|
|
- class="mr-4">提示:设置默认时长,在任务被废除需要重签的时候,规定的重签上报时间提示时间段内,系统提示用户重签信息,但是超过处理时间,系统可默认自动授权重签</span>
|
|
|
+ class="mr-4"
|
|
|
+ >提示:设置默认时长,在任务被废除需要重签的时候,规定的重签上报时间提示时间段内,系统提示用户重签信息,但是超过处理时间,系统可默认自动授权重签</span>
|
|
|
<el-checkbox v-model="setPactVal" label="Option 1" size="large">
|
|
|
<span class="text-main">《授权系统自动电签协议》</span>
|
|
|
</el-checkbox>
|
|
|
</div>
|
|
|
<div class="obj-item-cell">
|
|
|
<div class="label">默认处理时间(时)</div>
|
|
|
- <HcCounter v-model="formReport.date" @update:modelValue="dateUpdateValue"/>
|
|
|
+ <HcCounter v-model="formReport.date" @update:modelValue="dateUpdateValue" />
|
|
|
</div>
|
|
|
<div class="obj-item-cell">
|
|
|
<div class="label">开启系统自动电签</div>
|
|
|
- <el-switch v-model="formReport.active"/>
|
|
|
+ <el-switch v-model="formReport.active" />
|
|
|
</div>
|
|
|
<template #footer>
|
|
|
<div class="dialog-footer">
|
|
@@ -102,21 +116,21 @@
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
|
|
|
- <!--短信认证-->
|
|
|
- <HcSmsAuth :loading="SMSAuthLoading" :show="SMSAuthShow" @cancel="SMSAuthCancel" @confirm="SMSAuthConfirm"/>
|
|
|
+ <!-- 短信认证 -->
|
|
|
+ <HcSmsAuth :loading="SMSAuthLoading" :show="SMSAuthShow" @cancel="SMSAuthCancel" @confirm="SMSAuthConfirm" />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import {ref, onMounted} from "vue";
|
|
|
-import {useAppStore} from "~src/store";
|
|
|
-import {useRouter, useRoute} from 'vue-router'
|
|
|
-import TableCard from './components/TableCard.vue';
|
|
|
-import notableform from '~src/assets/view/notableform.svg';
|
|
|
-import {checkFlowUserIsExistPfxFile} from "~api/other"
|
|
|
-import {arrToKey, getArrValue, isString} from "js-fast-way"
|
|
|
-import tasksApi from '~api/tasks/data';
|
|
|
-import dayjs from "dayjs"
|
|
|
+import { onMounted, ref } from 'vue'
|
|
|
+import { useAppStore } from '~src/store'
|
|
|
+import { useRoute, useRouter } from 'vue-router'
|
|
|
+import TableCard from './components/TableCard.vue'
|
|
|
+import notableform from '~src/assets/view/notableform.svg'
|
|
|
+import { checkFlowUserIsExistPfxFile, getContractInfo } from '~api/other'
|
|
|
+import { arrToKey, getArrValue, isString } from 'js-fast-way'
|
|
|
+import tasksApi from '~api/tasks/data'
|
|
|
+import dayjs from 'dayjs'
|
|
|
|
|
|
//初始变量
|
|
|
const router = useRouter()
|
|
@@ -124,31 +138,44 @@ const useRoutes = useRoute()
|
|
|
const useAppState = useAppStore()
|
|
|
|
|
|
//路由参数
|
|
|
-const routerQuery = useRoutes?.query;
|
|
|
+const routerQuery = useRoutes?.query
|
|
|
const activeName = routerQuery?.active || 'key1'
|
|
|
|
|
|
//全局变量
|
|
|
-const projectId = ref(useAppState.getProjectId);
|
|
|
-const contractId = ref(useAppState.getContractId);
|
|
|
-const projectInfo = ref(useAppState.getProjectInfo);
|
|
|
+const projectId = ref(useAppState.getProjectId)
|
|
|
+const contractId = ref(useAppState.getContractId)
|
|
|
+const projectInfo = ref(useAppState.getProjectInfo)
|
|
|
|
|
|
//渲染完成
|
|
|
onMounted(() => {
|
|
|
checkSmsCode()
|
|
|
+ getContractInfoList()
|
|
|
})
|
|
|
+//合同段信息
|
|
|
+const contractList = ref([])
|
|
|
|
|
|
+const getContractInfoList = async ()=>{
|
|
|
+ const { error, code, data } = await getContractInfo({
|
|
|
+ pid: projectId.value,
|
|
|
+ })
|
|
|
+ if (!error && code === 200) {
|
|
|
+ contractList.value = getArrValue(data)
|
|
|
+ } else {
|
|
|
+ contractList.value = []
|
|
|
+ }
|
|
|
+}
|
|
|
//类型处理
|
|
|
const sbTableKey = ref(activeName)
|
|
|
const sbTableData = ref([
|
|
|
- {icon: 'time', label: '待办任务', key: 'key1'},
|
|
|
- {icon: 'calendar-check', label: '已办任务', key: 'key2'},
|
|
|
- {icon: 'user-shared', label: '我发起的', key: 'key3'},
|
|
|
+ { icon: 'time', label: '待办任务', key: 'key1' },
|
|
|
+ { icon: 'calendar-check', label: '已办任务', key: 'key2' },
|
|
|
+ { icon: 'user-shared', label: '我发起的', key: 'key3' },
|
|
|
])
|
|
|
const sbTableClick = (key) => {
|
|
|
sbTableKey.value = key
|
|
|
router.push({
|
|
|
path: useRoutes.path,
|
|
|
- query: {active: key}
|
|
|
+ query: { active: key },
|
|
|
})
|
|
|
}
|
|
|
|
|
@@ -158,22 +185,22 @@ const taskReviewType = ref('1')
|
|
|
const taskReviewInfo = ref({})
|
|
|
const taskReviewData = ref([])
|
|
|
const batchPdfUrl = ref('')
|
|
|
-const taskReviewForm = ref({flag: 'OK', comment: ''})
|
|
|
+const taskReviewForm = ref({ flag: 'OK', comment: '' })
|
|
|
const taskReviewColumns = ref([
|
|
|
- {key: 'fileName', name: '文件名称'}
|
|
|
+ { key: 'fileName', name: '文件名称' },
|
|
|
])
|
|
|
//任务审核
|
|
|
const rowTaskName = async (row) => {
|
|
|
if (row.formDataId) {
|
|
|
taskReviewInfo.value = row
|
|
|
- const {error, code, data} = await tasksApi.queryApprovalParameter({
|
|
|
+ const { error, code, data } = await tasksApi.queryApprovalParameter({
|
|
|
parallelProcessInstanceId: row['parallelProcessInstanceId'],
|
|
|
formDataId: row.formDataId,
|
|
|
approvalType: row.approvalType,
|
|
|
})
|
|
|
if (!error && code === 200) {
|
|
|
const approvalFileList = getArrValue(data['approvalFileList'])
|
|
|
- if (approvalFileList.length>0&&approvalFileList[approvalFileList.length - 1].fileName === '') {
|
|
|
+ if (approvalFileList.length > 0 && approvalFileList[approvalFileList.length - 1].fileName === '') {
|
|
|
approvalFileList.pop()
|
|
|
}
|
|
|
taskReviewData.value = approvalFileList
|
|
@@ -196,7 +223,7 @@ const rowTaskName = async (row) => {
|
|
|
|
|
|
//批量审批
|
|
|
const checkedRowsColumns = ref([
|
|
|
- {key: 'taskName', name: '任务名称'}
|
|
|
+ { key: 'taskName', name: '任务名称' },
|
|
|
])
|
|
|
const checkedRowsRef = ref([])
|
|
|
|
|
@@ -213,7 +240,7 @@ const batchApprovalTaskClick = (rows) => {
|
|
|
}
|
|
|
|
|
|
//行被点击
|
|
|
-const rowTaskReviewClick = async ({row}) => {
|
|
|
+const rowTaskReviewClick = async ({ row }) => {
|
|
|
const type = taskReviewType.value
|
|
|
if (type === '1') {
|
|
|
batchPdfUrl.value = row.fileUrl
|
|
@@ -226,10 +253,10 @@ const rowTaskReviewClick = async ({row}) => {
|
|
|
|
|
|
//获取PDF数据
|
|
|
const queryTaskInfo = async (row, taskids) => {
|
|
|
- const {error, code, data} = await tasksApi.queryTaskInfo({
|
|
|
+ const { error, code, data } = await tasksApi.queryTaskInfo({
|
|
|
// formDataId: row['formDataId'] || '',
|
|
|
formDataId: taskids && taskids.length > 0 ? taskids : row['formDataId'],
|
|
|
- approvalType: row['approvalType']
|
|
|
+ approvalType: row['approvalType'],
|
|
|
})
|
|
|
//处理数据
|
|
|
if (!error && code === 200) {
|
|
@@ -272,7 +299,7 @@ const ConfirmApprovalClick = async () => {
|
|
|
window?.$message?.warning('请先输入审核意见')
|
|
|
} else {
|
|
|
SMSAuthLoading.value = true
|
|
|
- const {error, code, msg, data} = await checkFlowUserIsExistPfxFile({}, false)
|
|
|
+ const { error, code, msg, data } = await checkFlowUserIsExistPfxFile({}, false)
|
|
|
//判断数据
|
|
|
SMSAuthLoading.value = false
|
|
|
if (!error && code === 200 && data === true) {
|
|
@@ -291,18 +318,18 @@ const ConfirmApprovalClick = async () => {
|
|
|
//短信验证有效期
|
|
|
const smsCodeTime = ref('')
|
|
|
const checkSmsCode = async () => {
|
|
|
- const {error, code, data} = await tasksApi.checkSmsCode()
|
|
|
+ const { error, code, data } = await tasksApi.checkSmsCode()
|
|
|
//处理数据
|
|
|
if (!error && code === 200) {
|
|
|
- smsCodeTime.value = isString(data) ? data : '';
|
|
|
+ smsCodeTime.value = isString(data) ? data : ''
|
|
|
} else {
|
|
|
- smsCodeTime.value = '';
|
|
|
+ smsCodeTime.value = ''
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//验证短信有效期
|
|
|
const isCheckSmsCodeTime = () => {
|
|
|
- const smsTime = smsCodeTime.value;
|
|
|
+ const smsTime = smsCodeTime.value
|
|
|
if (!smsTime) {
|
|
|
return true
|
|
|
} else {
|
|
@@ -331,12 +358,12 @@ const SMSAuthCancel = () => {
|
|
|
const saveCompleteApprovalTask = async () => {
|
|
|
const DataInfo = taskReviewInfo.value
|
|
|
SMSAuthLoading.value = true
|
|
|
- const {error, code} = await tasksApi.saveCompleteApprovalTask({
|
|
|
+ const { error, code } = await tasksApi.saveCompleteApprovalTask({
|
|
|
...taskReviewForm.value,
|
|
|
taskId: DataInfo['taskId'] || '',
|
|
|
parallelProcessInstanceId: DataInfo['parallelProcessInstanceId'] || '',
|
|
|
formDataId: DataInfo['formDataId'] || '',
|
|
|
- approvalType: DataInfo['approvalType']
|
|
|
+ approvalType: DataInfo['approvalType'],
|
|
|
}, false)
|
|
|
//处理数据
|
|
|
SMSAuthLoading.value = false
|
|
@@ -345,7 +372,7 @@ const saveCompleteApprovalTask = async () => {
|
|
|
showTaskReviewModal.value = false
|
|
|
window?.$message?.success('审批成功')
|
|
|
setTimeout(() => {
|
|
|
- window?.location?.reload() //刷新页面
|
|
|
+ window?.location?.reload() //刷新页面
|
|
|
}, 3000)
|
|
|
} else {
|
|
|
window?.$message?.warning('审批异常')
|
|
@@ -360,12 +387,12 @@ const batchCompleteApprovalTask = async () => {
|
|
|
let approvalType = arrToKey(rows, 'approvalType', ',')
|
|
|
let formDataId = arrToKey(rows, 'formDataId', ',')
|
|
|
let parallelProcessInstanceIds = arrToKey(rows, 'parallelProcessInstanceId', ',')
|
|
|
- const {error, code} = await tasksApi.batchCompleteApprovalTask({
|
|
|
+ const { error, code } = await tasksApi.batchCompleteApprovalTask({
|
|
|
...taskReviewForm.value,
|
|
|
taskIds,
|
|
|
approvalType,
|
|
|
formDataId,
|
|
|
- parallelProcessInstanceIds
|
|
|
+ parallelProcessInstanceIds,
|
|
|
}, false)
|
|
|
//处理数据
|
|
|
SMSAuthLoading.value = false
|
|
@@ -374,7 +401,7 @@ const batchCompleteApprovalTask = async () => {
|
|
|
showTaskReviewModal.value = false
|
|
|
window?.$message?.success('审批成功')
|
|
|
setTimeout(() => {
|
|
|
- window?.location?.reload() //刷新页面
|
|
|
+ window?.location?.reload() //刷新页面
|
|
|
}, 3000)
|
|
|
} else {
|
|
|
window?.$message?.warning('审批出错')
|
|
@@ -384,7 +411,7 @@ const batchCompleteApprovalTask = async () => {
|
|
|
//设置重签规则
|
|
|
const showSetSignRulesModal = ref(false)
|
|
|
const setPactVal = ref(true)
|
|
|
-const formReport = ref({date: 1, active: true})
|
|
|
+const formReport = ref({ date: 1, active: true })
|
|
|
const setSignRulesClick = () => {
|
|
|
showSetSignRulesModal.value = true
|
|
|
}
|