fix : 修复流程图切换功能和屏蔽导出

This commit is contained in:
2024-06-11 20:14:49 +08:00
parent b425e709aa
commit 208584c34b
11 changed files with 103 additions and 70 deletions

View File

@@ -551,7 +551,7 @@ html, body, #app, .el-container, .el-aside, .el-main {
} }
.approval-record { .approval-record {
padding-bottom: 30px; //padding-bottom: 30px;
position: relative; position: relative;
.approval-title { .approval-title {
display: flex; display: flex;

View File

@@ -19,23 +19,38 @@
@getOtherFile="getOtherFile" :showFileList="true" :formData="localFormData" @getOtherFile="getOtherFile" :showFileList="true" :formData="localFormData"
:preview="mode == 'resubmit'"/> :preview="mode == 'resubmit'"/>
<div v-if="mode === 'resubmit'&&!changeDiagram"> <div v-if="mode === 'resubmit'&&!changeDiagram">
<div class="approval-title"> <div class="approval-record">
<baseTitle title="审批记录"></baseTitle> <div class="approval-title">
<div class="diagram"> <baseTitle title="审批记录"></baseTitle>
<div class="base-title">流程图</div> <div class="diagram">
<el-switch <div class="base-title">流程图</div>
v-model="changeDiagram" <el-switch
style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266" v-model="changeDiagram"
/> style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266"
/>
</div>
</div> </div>
</div> </div>
<div class="process"> <div class="process">
<operation-render :operation-list="data.operationList" :state="data.state"/> <operation-render :operation-list="data.operationList" :state="data.state"/>
</div> </div>
</div> </div>
<baseTitle title="流程"></baseTitle> <div v-if="changeDiagram">
<div class="approval-record"> <div class="approval-record">
<process-diagram-viewer mode="view" :idName="title" v-if="processDiagramViewer&&changeDiagram"/> <div class="approval-title">
<baseTitle title="审批记录"></baseTitle>
<div class="diagram">
<div class="base-title">流程图</div>
<el-switch
v-model="changeDiagram"
style="--el-switch-on-color: #13ce66; --el-switch-off-color:#BEA266"
/>
</div>
</div>
</div>
<div class="process">
<process-diagram-viewer mode="view" :idName="title" v-if="processDiagramViewer"/>
</div>
</div> </div>
<div class="oper-page-btn"> <div class="oper-page-btn">
<el-button color="#DED0B2" v-if="mode === 'submit'" @click="handleSubmit">提交</el-button> <el-button color="#DED0B2" v-if="mode === 'submit'" @click="handleSubmit">提交</el-button>
@@ -63,8 +78,10 @@
<el-table-column prop="createTime" label="创建时间"></el-table-column> <el-table-column prop="createTime" label="创建时间"></el-table-column>
<el-table-column label="操作" align="center"> <el-table-column label="操作" align="center">
<template #default="scope"> <template #default="scope">
<el-button @click="chooseProProcess(scope.row)">选择</el-button> <div style="display: flex;align-items: center">
<a :href="scope.row.baseUrl" target="_blank" style="color: #2a99ff">查看详情</a> <el-button type="primary" @click="chooseProProcess(scope.row)" link>选择</el-button>
<a :href="scope.row.baseUrl" target="_blank" style="color: #2a99ff;margin-left: 10px">查看详情</a>
</div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@@ -96,7 +113,7 @@ import Paging from "@/components/pagination/index.vue";
const router = useRouter() const router = useRouter()
const route = useRoute() const route = useRoute()
const changeDiagram = ref(false) const changeDiagram = ref(true)
const emit = defineEmits(["getAttachment", "getOtherFile"]) const emit = defineEmits(["getAttachment", "getOtherFile"])
const props = defineProps({ const props = defineProps({
title: { title: {
@@ -273,17 +290,17 @@ const handleSubmit = async () => {
// if (localFormData.value.singleFile) { // if (localFormData.value.singleFile) {
// //
// } else { // } else {
if (attachment.value.singleFile == null) { if (attachment.value.singleFile == null) {
attachment.value.validate() attachment.value.validate()
ElNotification({ ElNotification({
title: '提示', title: '提示',
message: '请上传附件', message: '请上传附件',
type: 'error' type: 'error'
}) })
return; return;
} else { } else {
attachment.value.clearValidate() attachment.value.clearValidate()
} }
// } // }
let params = { let params = {
@@ -375,6 +392,7 @@ watchEffect(() => {
}) })
onMounted(async () => { onMounted(async () => {
changeDiagram.value = props.mode === 'submit';
await init() await init()
}) })
</script> </script>

View File

@@ -268,7 +268,7 @@ const getBaseInfo = async () => {
const loading = ElLoading.service({fullscreen: true}) const loading = ElLoading.service({fullscreen: true})
try { try {
const {code, data} = await getBaseInfoApi(route.query.projectId) const {code, data} = await getBaseInfoApi(route.query.projectId)
console.log('data.procedure',data.procedure,route.query.step) // console.log('data.procedure',data.procedure,route.query.step)
if(route.query.step==='40'){ if(route.query.step==='40'){
if(data.procedure.indexOf('40')==-1){ if(data.procedure.indexOf('40')==-1){
data.procedure.push('40') data.procedure.push('40')

View File

@@ -105,12 +105,12 @@ const tableConfig = reactive({
if (buttons.has("edit")) { if (buttons.has("edit")) {
btn.push({label: '编辑', prem: ['mosr:requirement:resubmit'], func: () => handleEdit(row), type: 'primary'}) btn.push({label: '编辑', prem: ['mosr:requirement:resubmit'], func: () => handleEdit(row), type: 'primary'})
} }
if (buttons.has("report")) { // if (buttons.has("report")) {
btn.push({label: '明细导出', prem: ['mosr:requirement:info'], func: () => handleReport(row), type: 'primary'}) // btn.push({label: '明细导出', prem: ['mosr:requirement:info'], func: () => handleReport(row), type: 'primary'})
} // }
if (buttons.has("report")) { // if (buttons.has("report")) {
btn.push({label: '汇总导出', prem: ['mosr:requirement:info'], func: () => handleReport(row), type: 'primary'}) // btn.push({label: '汇总导出', prem: ['mosr:requirement:info'], func: () => handleReport(row), type: 'primary'})
} // }
return ( return (
<div style={{width: '100%'}}> <div style={{width: '100%'}}>
{ {

View File

@@ -2,35 +2,44 @@
<div v-loading="loading" class="add-block"> <div v-loading="loading" class="add-block">
<baseTitle title="需求征集信息录入"></baseTitle> <baseTitle title="需求征集信息录入"></baseTitle>
<el-form :model="formData" inline class="query-form" ref="demandForm" :rules="rules"> <el-form :model="formData" inline class="query-form" ref="demandForm" :rules="rules">
<el-form-item label="名称" prop="requirementName">
<el-input v-model="formData.requirementName" placeholder="请输入名称" clearable></el-input>
</el-form-item>
<el-form-item label="所属公司" prop="companyIds">
<el-tree-select v-model="formData.companyIds" :data="companyOption" style="width: 100%;"
filterable clearable :check-strictly="true" multiple/>
</el-form-item>
<el-form-item label="征集类型" prop="collectType">
<el-select v-model="formData.collectType" placeholder="征集类型" clearable filterable>
<el-option
v-for="item in typeOption"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="截止时间" prop="deadline">
<el-config-provider>
<el-date-picker
v-model="formData.deadline"
type="date"
placeholder="截止时间"
value-format="YYYY-MM-DD"
/>
</el-config-provider>
</el-form-item>
<el-row> <el-row>
<el-col :span="5"> <el-col :span="6">
<el-form-item label="名称" prop="requirementName">
<el-input v-model="formData.requirementName" placeholder="请输入名称" clearable></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="征集类型" prop="collectType">
<el-select v-model="formData.collectType" placeholder="征集类型" clearable filterable>
<el-option
v-for="item in typeOption"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="截止时间" prop="deadline">
<el-config-provider>
<el-date-picker
v-model="formData.deadline"
type="date"
placeholder="截止时间"
value-format="YYYY-MM-DD"
/>
</el-config-provider>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="所属公司" prop="companyIds" class="tree-select">
<el-button @click="showCompany">请选择</el-button>
<!-- <el-tree-select v-model="formData.companyIds" :data="companyOption"-->
<!-- filterable clearable :check-strictly="true" multiple/>-->
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="是否专项资金" prop="isSpecialFund"> <el-form-item label="是否专项资金" prop="isSpecialFund">
<el-radio-group v-model="formData.isSpecialFund" size="mini"> <el-radio-group v-model="formData.isSpecialFund" size="mini">
<el-radio :label="true"></el-radio> <el-radio :label="true"></el-radio>
@@ -380,6 +389,12 @@ onMounted(async () => {
:deep(.el-empty__description) { :deep(.el-empty__description) {
margin-top: 0; margin-top: 0;
} }
.tree-select{
:deep(.el-form-item__content .el-select__wrapper ) {
width: 750px;
}
}
:deep(.el-table--fit ) { :deep(.el-table--fit ) {
height: 300px !important; height: 300px !important;

View File

@@ -151,7 +151,7 @@ const tableConfig = reactive({
api: '/workflow/mosr/requirement', api: '/workflow/mosr/requirement',
btns: [ btns: [
{name: '新增', key: 'add', color: '#DED0B2',auth: auths.add}, {name: '新增', key: 'add', color: '#DED0B2',auth: auths.add},
{name: '导出', key: 'export', type: ''}, // {name: '导出', key: 'export', type: ''},
], ],
params: {} params: {}
}) })

View File

@@ -201,8 +201,8 @@ const tableConfig = reactive({
params: {}, params: {},
btns: [ btns: [
{name: '新增上报', key: 'add', color: '#DED0B2', auth:auths.report}, {name: '新增上报', key: 'add', color: '#DED0B2', auth:auths.report},
{name: '年度计划导出', key: '_export', auth: ''}, // {name: '年度计划导出', key: '_export', auth: ''},
{name: '经费预算生成', key: 'preMonty', auth: ''}, // {name: '经费预算生成', key: 'preMonty', auth: ''},
] ]
}) })
const headBtnClick = (key) => { const headBtnClick = (key) => {

View File

@@ -156,7 +156,7 @@ const tableConfig = reactive({
params: {}, params: {},
btns: [ btns: [
{name: '新增', key: 'add', color: '#DED0B2', auth: ''}, {name: '新增', key: 'add', color: '#DED0B2', auth: ''},
{name: '导出', key: '_export', color: '#DED0B2', auth: ''}, // {name: '导出', key: '_export', color: '#DED0B2', auth: ''},
] ]
}) })
const tableIns = ref() const tableIns = ref()

View File

@@ -28,8 +28,8 @@
:icon="Delete" plain :icon="Delete" plain
:disabled="disabled">删除 :disabled="disabled">删除
</el-button> </el-button>
<el-button type="warning" v-perm="['admin:config:export']" @click="handleExport" :icon="Download" plain>导出 <!-- <el-button type="warning" v-perm="['admin:config:export']" @click="handleExport" :icon="Download" plain>导出-->
</el-button> <!-- </el-button>-->
</div> </div>
<div class="table"> <div class="table">
<el-table <el-table

View File

@@ -25,7 +25,7 @@
<div class="table"> <div class="table">
<div class="table-header-btn"> <div class="table-header-btn">
<el-button type="primary" :icon="Plus" @click="handleAdd" plain>新增</el-button> <el-button type="primary" :icon="Plus" @click="handleAdd" plain>新增</el-button>
<el-button type="warning" @click="handleExport" :icon="Download" plain>导出</el-button> <!-- <el-button type="warning" @click="handleExport" :icon="Download" plain>导出</el-button>-->
</div> </div>
<el-table :data="list" ref="" :lazy="true" v-loading="loading" v-tabh> <el-table :data="list" ref="" :lazy="true" v-loading="loading" v-tabh>
<el-table-column prop="ipAddr" label="IP地址"></el-table-column> <el-table-column prop="ipAddr" label="IP地址"></el-table-column>

View File

@@ -34,8 +34,8 @@
<el-button type="danger" v-perm="['code:listener:del']" @click="handleMoreDelete(listenId,listenNameList)" :icon="Delete" plain <el-button type="danger" v-perm="['code:listener:del']" @click="handleMoreDelete(listenId,listenNameList)" :icon="Delete" plain
:disabled="disabled">删除 :disabled="disabled">删除
</el-button> </el-button>
<el-button type="warning" v-perm="['code:listener:export']" @click="handleExport" :icon="Download" plain>导出 <!-- <el-button type="warning" v-perm="['code:listener:export']" @click="handleExport" :icon="Download" plain>导出-->
</el-button> <!-- </el-button>-->
</div> </div>
<div class="table"> <div class="table">
<el-table <el-table