Merge pull request 'fix : 修复页面bug' (#596) from dd into master

Reviewed-on: http://git.feashow.cn/clay/mosr-web/pulls/596
This commit is contained in:
2024-07-18 14:06:59 +00:00
28 changed files with 562 additions and 286 deletions

View File

@@ -37,20 +37,14 @@
import {getAllocationSummaryDetails} from "@/api/expense-manage"; import {getAllocationSummaryDetails} from "@/api/expense-manage";
import {shareExportExcel} from "@/api/expense-manage"; import {shareExportExcel} from "@/api/expense-manage";
const tableData = ref([{ const props = defineProps({
id: '12987122', allocationName :{
name: 'Tom', type: String,
amount1: '234', default: ''
amount2: '3.2', }
amount3: 10, })
},
{ const tableData = ref()
id: '12987123',
name: 'Tom',
amount1: '165',
amount2: '4.43',
amount3: 12,
}])
const loading = ref(false) const loading = ref(false)
const table = ref() const table = ref()
const route = useRoute() const route = useRoute()
@@ -91,11 +85,7 @@ const getSummaries = (param) => {
const exportExcelHandler = () => { const exportExcelHandler = () => {
shareExportExcel(route.query.id).then(res => { shareExportExcel(route.query.id).then(res => {
console.log(res) console.log(res)
let reg = /filename=([^&]+)/; let fileName = `科技创新项目费用分摊表-${props.allocationName}.zip`
let contentDisposition = decodeURI(res.headers['content-disposition'])
let result = reg.exec(contentDisposition)
let fileName = result[1]
fileName = fileName.replace(/\"/g, '')
const blob = new Blob([res.data]) const blob = new Blob([res.data])
let a = document.createElement('a') let a = document.createElement('a')
a.href = URL.createObjectURL(blob) a.href = URL.createObjectURL(blob)

View File

@@ -1,6 +1,6 @@
<template> <template>
<div v-loading="loading"> <div v-loading="loading">
<el-row v-if="type==='execute'"> <el-row v-if="type==='execute'">
<el-col :span="24"> <el-col :span="24">
<baseTitle :title="'附件信息'"></baseTitle> <baseTitle :title="'附件信息'"></baseTitle>
</el-col> </el-col>
@@ -16,11 +16,11 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button @click="handleSearch" color="#DED0B2">搜索</el-button> <el-button @click="handleSearchImplementationFileList" color="#DED0B2">搜索</el-button>
<!-- <el-button v-if="uploadState" color="#DED0B2" @click="handleUpload">上传附件</el-button>-->
</el-form-item> </el-form-item>
</el-form> </el-form>
<fvTable style="width: 100%;min-height:162px;max-height: 162px" v-if="showAttachmentTable" height="162" :tableConfig="tableConfig" <fvTable style="width: 100%;min-height:162px;max-height: 162px" v-if="showAttachmentTable" height="162"
:tableConfig="tableConfig"
:data="otherAttachmentList" :isSettingCol="false" :pagination="false"> :data="otherAttachmentList" :isSettingCol="false" :pagination="false">
<template #empty> <template #empty>
<el-empty :image-size="55" description="暂无数据" style="padding: 0"/> <el-empty :image-size="55" description="暂无数据" style="padding: 0"/>
@@ -28,7 +28,7 @@
</fvTable> </fvTable>
</el-row> </el-row>
<baseTitle :title="getTagName(type)+getTitleInfo(data.taskId)" ></baseTitle> <baseTitle v-if="type!='phase'" :title="getTagName(type)+getTitleInfo(data.taskId)"></baseTitle>
<fvForm :schema="schema" @getInstance="(e)=>form = e"></fvForm> <fvForm :schema="schema" @getInstance="(e)=>form = e"></fvForm>
<el-form :model="formData" label-width="auto" style="margin-top: -15px"> <el-form :model="formData" label-width="auto" style="margin-top: -15px">
<file-component :title="getTagName(type)+'附件'" :tag="getTagName(type)" <file-component :title="getTagName(type)+'附件'" :tag="getTagName(type)"
@@ -74,6 +74,7 @@ import {ElLoading, ElNotification} from 'element-plus';
import {downloadFile} from "@/api/project-demand"; import {downloadFile} from "@/api/project-demand";
import {searchImplementationFileList} from "@/api/project-manage/attachment"; import {searchImplementationFileList} from "@/api/project-manage/attachment";
import {getTags} from "@/api/project-manage"; import {getTags} from "@/api/project-manage";
const attachmentParam = reactive({ const attachmentParam = reactive({
tag: '' tag: ''
}) })
@@ -350,7 +351,7 @@ const getTagsOption = () => {
getTags(route.query.projectId).then(res => { getTags(route.query.projectId).then(res => {
if (res.code === 1000) { if (res.code === 1000) {
tagsOption.value = res.data tagsOption.value = res.data
}else{ } else {
ElNotification({ ElNotification({
title: '提示', title: '提示',
message: res.msg, message: res.msg,
@@ -359,7 +360,7 @@ const getTagsOption = () => {
} }
}) })
} }
const handleSearch = () => { const handleSearchImplementationFileList = () => {
let params = { let params = {
targetId: route.query.projectId, targetId: route.query.projectId,
targetState: "40" targetState: "40"
@@ -380,7 +381,7 @@ const handleSearch = () => {
nextTick(() => { nextTick(() => {
showAttachmentTable.value = true showAttachmentTable.value = true
}) })
}else{ } else {
ElNotification({ ElNotification({
title: '提示', title: '提示',
message: res.msg, message: res.msg,
@@ -390,11 +391,10 @@ const handleSearch = () => {
}) })
} }
const getTitleInfo=(taskId)=>{ const getTitleInfo = (taskId) => {
if(taskId){ if (taskId) {
return '审批' return '审批'
}else { } else {
return '信息' return '信息'
} }
} }
@@ -423,13 +423,20 @@ const handleDownload = (row) => {
} }
watchEffect(() => { watchEffect(() => {
Object.keys(props.formData).length && (form.value?.setValues(props.formData)) Object.keys(props.formData).length && (form.value?.setValues(props.formData))
if(props.formData.mode=='view'&&props.type&&props.type==='execute'){
handleSearch()
getTagsOption()
}
}) })
onMounted(() => {
// if (props.formData.mode == 'view' && props.type == 'execute') {
// handleSearchImplementationFileList()
// getTagsOption()
// }
})
console.log("propsprops", props.formData, props.type , props)
if (props.formData.mode == 'view' && props.type == 'execute') {
handleSearchImplementationFileList()
getTagsOption()
}
watch(() => props.loading, (newVal) => { watch(() => props.loading, (newVal) => {
props.loading = newVal props.loading = newVal
}, {deep: true}) }, {deep: true})

View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="apply-block"> <div class="apply-block">
<el-row v-if="title==='check'"> <el-row v-if="title==='check'">
<el-col :span="24"> <el-col :span="24">
<baseTitle :title="'附件信息'"></baseTitle> <baseTitle :title="'附件信息'"></baseTitle>
</el-col> </el-col>
@@ -20,12 +20,13 @@
<el-button v-if="uploadState" color="#DED0B2" @click="handleUpload">上传附件</el-button> <el-button v-if="uploadState" color="#DED0B2" @click="handleUpload">上传附件</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<fvTable style="width: 100%;min-height:162px;max-height: 162px" v-if="showAttachmentTable" height="162" :tableConfig="tableConfig" <fvTable style="width: 100%;min-height:162px;max-height: 162px" v-if="showAttachmentTable" height="162"
:data="otherAttachmentList" :isSettingCol="false" :pagination="false"> :tableConfig="tableConfig"
<template #empty> :data="otherAttachmentList" :isSettingCol="false" :pagination="false">
<el-empty :image-size="55" description="暂无数据" style="padding: 0"/> <template #empty>
</template> <el-empty :image-size="55" description="暂无数据" style="padding: 0"/>
</fvTable> </template>
</fvTable>
</el-row> </el-row>
<baseTitle :title="getTitleName(title)+'信息'"></baseTitle> <baseTitle :title="getTitleName(title)+'信息'"></baseTitle>
<el-form :model="localFormData" ref="formRef" label-width="auto" v-if="step!=='50'"> <el-form :model="localFormData" ref="formRef" label-width="auto" v-if="step!=='50'">
@@ -45,11 +46,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" v-if="title==='apply'"> <el-col :span="24" v-if="title==='apply'">
<el-form-item label="项目成员" :required="true" prop="" <el-form-item label="项目成员" :required="true" prop=""
label-width="125"> label-width="125">
<el-button color="#DED0B2" style="margin-right: 10px" @click="handleShowProjectPersonTable"> <el-button color="#DED0B2" style="margin-right: 10px" @click="handleShowProjectPersonTable">
<!-- {{ localFormData.projectPersonIds ? '更改' : '请选择' }}--> <!-- {{ localFormData.projectPersonIds ? '更改' : '请选择' }}-->
{{ projectPersonUserList.length !== 0 ? '更改' :getProjectPerson(projectPersonUserList)?'更改': '请选择' }} {{ projectPersonUserList.length !== 0 ? '更改' : getProjectPerson(projectPersonUserList) ? '更改' : '请选择' }}
</el-button> </el-button>
<div v-for="item in getProjectPerson(projectPersonUserList)" :key="item.id" style="margin-right: 5px"> <div v-for="item in getProjectPerson(projectPersonUserList)" :key="item.id" style="margin-right: 5px">
{{ item.name }} {{ item.name }}
@@ -59,21 +60,23 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="前置流程" :required="preProcessRequired" prop="preProcess" label-width="125"> <el-form-item label="前置流程" :required="preProcessRequired" prop="preProcess" label-width="125">
<el-button color="#DED0B2" @click="handleShowPreTable" style="margin-right: 10px"> <el-button color="#DED0B2" @click="handleShowPreTable" style="margin-right: 10px">
{{ localFormData.preProcess&&localFormData.preProcess.length>0 ? '更改' :sessionParams.preProcess&&sessionParams.preProcess.length>0 ? '更改' : '请选择' }} {{
localFormData.preProcess && localFormData.preProcess.length > 0 ? '更改' : sessionParams.preProcess && sessionParams.preProcess.length > 0 ? '更改' : '请选择'
}}
</el-button> </el-button>
<div v-for="item in getRequestName(localFormData.preProcess)" :key="item.requestId"> <div v-for="item in getRequestName(localFormData.preProcess)" :key="item.requestId">
<a :href="item.baseUrl" target="_blank" <a :href="item.baseUrl" target="_blank"
style="color: #2a99ff;margin-right: 10px;cursor: pointer">{{item.requestName}} style="color: #2a99ff;margin-right: 10px;cursor: pointer">{{ item.requestName }}
</a> </a>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<!-- v-if="showAttachment"--> <!-- v-if="showAttachment"-->
<AttachmentUpload ref="attachment" :label="getTitleName(title)+'附件'" :showTable="showTable" <AttachmentUpload ref="attachment" :label="getTitleName(title)+'附件'" :showTable="showTable"
v-model:otherFileList="otherFileList" :tag="getTitleName(props.title)" v-model:otherFileList="otherFileList" :tag="getTitleName(props.title)"
@getAttachment="getAttachment" v-model:singleList="singleList" :showSingleTable="showSingleTable" @getAttachment="getAttachment" v-model:singleList="singleList" :showSingleTable="showSingleTable"
@getOtherFile="getOtherFile" :showFileList="true" :formData="localFormData" @getOtherFile="getOtherFile" :showFileList="true" :formData="localFormData"
@@ -114,7 +117,7 @@
<el-button @click="handleReset">重置</el-button> <el-button @click="handleReset">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table :data="preProcessList" v-loading="loading" <el-table :data="preProcessList" v-loading="loading"
@select="handleSelect" @select-all="handleSelect" row-key="requestId" ref="preProcessTable"> @select="handleSelect" @select-all="handleSelect" row-key="requestId" ref="preProcessTable">
<el-table-column type="selection" width="55" :reserve-selection="true"/> <el-table-column type="selection" width="55" :reserve-selection="true"/>
<el-table-column prop="requestId" label="请求id"></el-table-column> <el-table-column prop="requestId" label="请求id"></el-table-column>
@@ -164,6 +167,7 @@ import Paging from "@/components/pagination/index.vue";
import UserPicker from "@/views/workflow/process/common/UserPicker.vue"; import UserPicker from "@/views/workflow/process/common/UserPicker.vue";
import {searchImplementationFileList} from "@/api/project-manage/attachment"; import {searchImplementationFileList} from "@/api/project-manage/attachment";
const router = useRouter() const router = useRouter()
const route = useRoute() const route = useRoute()
const changeDiagram = ref(false) const changeDiagram = ref(false)
@@ -290,63 +294,63 @@ const name = ref(router.currentRoute.value.name)
const deploymentId = ref() const deploymentId = ref()
const selectRows = ref([]) const selectRows = ref([])
const projectId = ref(route.query.projectId) const projectId = ref(route.query.projectId)
const sessionParams=ref({}) const sessionParams = ref({})
if(localStorage.getItem('preProcess')){ if (localStorage.getItem('preProcess')) {
let param=JSON.parse(localStorage.getItem('preProcess')) let param = JSON.parse(localStorage.getItem('preProcess'))
localFormData.value.preProcess=param localFormData.value.preProcess = param
sessionParams.value.preProcess=param sessionParams.value.preProcess = param
localStorage.setItem('preProcess', JSON.stringify(param)) localStorage.setItem('preProcess', JSON.stringify(param))
} }
if(localStorage.getItem('singleFile')){ if (localStorage.getItem('singleFile')) {
let param=JSON.parse(localStorage.getItem('singleFile')) let param = JSON.parse(localStorage.getItem('singleFile'))
localFormData.value.singleFile=param localFormData.value.singleFile = param
singleList.value=[param] singleList.value = [param]
localStorage.setItem('singleFile', JSON.stringify(param)) localStorage.setItem('singleFile', JSON.stringify(param))
showSingleTable.value=false showSingleTable.value = false
nextTick(()=>{ nextTick(() => {
showSingleTable.value=true showSingleTable.value = true
}) })
} }
if(localStorage.getItem('otherFileList')){ if (localStorage.getItem('otherFileList')) {
let param=JSON.parse(localStorage.getItem('otherFileList')) let param = JSON.parse(localStorage.getItem('otherFileList'))
localFormData.value.otherFileList=param localFormData.value.otherFileList = param
otherFileList.value=param otherFileList.value = param
localStorage.setItem('otherFileList', JSON.stringify(param)) localStorage.setItem('otherFileList', JSON.stringify(param))
showTable.value=false showTable.value = false
nextTick(()=>{ nextTick(() => {
showTable.value=true showTable.value = true
}) })
} }
if(localStorage.getItem('projectChargePersonUserList')){ if (localStorage.getItem('projectChargePersonUserList')) {
let param=JSON.parse(localStorage.getItem('projectChargePersonUserList')) let param = JSON.parse(localStorage.getItem('projectChargePersonUserList'))
projectChargePersonUserList.value=param projectChargePersonUserList.value = param
localStorage.setItem('projectChargePersonUserList', JSON.stringify(param)) localStorage.setItem('projectChargePersonUserList', JSON.stringify(param))
} }
if(localStorage.getItem('projectPersonUserList')){ if (localStorage.getItem('projectPersonUserList')) {
let param=JSON.parse(localStorage.getItem('projectPersonUserList')) let param = JSON.parse(localStorage.getItem('projectPersonUserList'))
projectPersonUserList.value= param projectPersonUserList.value = param
localProjectPerson.value=param localProjectPerson.value = param
localStorage.setItem('projectPersonUserList', JSON.stringify(param)) localStorage.setItem('projectPersonUserList', JSON.stringify(param))
} }
const getProjectPerson=(list)=>{ const getProjectPerson = (list) => {
if(!list||list&&list.length===0){ if (!list || list && list.length === 0) {
if(localStorage.getItem('projectPersonUserList')){ if (localStorage.getItem('projectPersonUserList')) {
let param=JSON.parse(localStorage.getItem('projectPersonUserList')) let param = JSON.parse(localStorage.getItem('projectPersonUserList'))
projectPersonUserList.value=param projectPersonUserList.value = param
return projectPersonUserList.value return projectPersonUserList.value
} }
}else { } else {
return list return list
} }
} }
const getRequestName=(list)=>{ const getRequestName = (list) => {
if(!list||(list&&list.length===0)){ if (!list || (list && list.length === 0)) {
if(sessionParams.value.preProcess){ if (sessionParams.value.preProcess) {
return sessionParams.value.preProcess return sessionParams.value.preProcess
} }
}else { } else {
return list return list
} }
} }
@@ -355,7 +359,7 @@ const getTagsOption = () => {
getTags(route.query.projectId).then(res => { getTags(route.query.projectId).then(res => {
if (res.code === 1000) { if (res.code === 1000) {
tagsOption.value = res.data tagsOption.value = res.data
}else{ } else {
ElNotification({ ElNotification({
title: '提示', title: '提示',
message: res.msg, message: res.msg,
@@ -385,7 +389,7 @@ const handleSearch = () => {
nextTick(() => { nextTick(() => {
showAttachmentTable.value = true showAttachmentTable.value = true
}) })
}else{ } else {
ElNotification({ ElNotification({
title: '提示', title: '提示',
message: res.msg, message: res.msg,
@@ -398,9 +402,9 @@ const handleUpload = () => {
router.push({ router.push({
name: 'Implementation/upload', name: 'Implementation/upload',
query: { query: {
id: route.query.requirementId, id: route.query.id,
projectId: route.query.projectId,
state: route.query.state, state: route.query.state,
projectId:route.query.projectId,
step: '40' step: '40'
} }
}) })
@@ -568,9 +572,9 @@ const getFileParam = (item) => {
const handleSubmit = async () => { const handleSubmit = async () => {
if (deploymentData.value.deploymentName === '重大项目立项' || deploymentData.value.deploymentName === '重大项目验收') { if (deploymentData.value.deploymentName === '重大项目立项' || deploymentData.value.deploymentName === '重大项目验收') {
if (localFormData.value.preProcess == undefined) { if (localFormData.value.preProcess == undefined) {
if(JSON.parse(localStorage.getItem('preProcess'))?.length>0){ if (JSON.parse(localStorage.getItem('preProcess'))?.length > 0) {
}else { } else {
ElNotification({ ElNotification({
title: '提示', title: '提示',
message: '请选择前置流程!', message: '请选择前置流程!',
@@ -615,8 +619,8 @@ const handleSubmit = async () => {
projectId: projectId.value, projectId: projectId.value,
preProcess: JSON.stringify(localFormData.value.preProcess) preProcess: JSON.stringify(localFormData.value.preProcess)
} }
if(sessionParams.value.preProcess&&!localFormData.value.preProcess){ if (sessionParams.value.preProcess && !localFormData.value.preProcess) {
params.preProcess=JSON.stringify(sessionParams.value.preProcess) params.preProcess = JSON.stringify(sessionParams.value.preProcess)
} }
// console.log(params.preProcess) // console.log(params.preProcess)
let res let res
@@ -680,7 +684,7 @@ const handleSubmit = async () => {
} }
} }
const init = async () => { const init = async () => {
if(props.title&&props.title==='check'){ if (props.title && props.title === 'check') {
handleSearch() handleSearch()
getTagsOption() getTagsOption()
} }
@@ -742,7 +746,7 @@ watchEffect(() => {
// console.log('projectPersonUserList.value',projectPersonUserList.value) // console.log('projectPersonUserList.value',projectPersonUserList.value)
return flag return flag
}) })
onActivated(()=>{ onActivated(() => {
init() init()
}) })
onMounted(async () => { onMounted(async () => {

View File

@@ -176,12 +176,12 @@
<div class="process"> <div class="process">
<operation-render v-if="processViewer && data.operationList && data.operationList.length > 0&&!changeDiagram" <operation-render v-if="processViewer && data.operationList && data.operationList.length > 0&&!changeDiagram"
:operation-list="data.operationList" :operation-list="data.operationList"
:step="'report'"
:state="data.state"/> :state="data.state"/>
<process-diagram-viewer v-if="processViewer&&changeDiagram" id-name="summaryProcess"/> <process-diagram-viewer v-if="processViewer&&changeDiagram" id-name="summaryProcess"/>
</div> </div>
</div> </div>
</el-form> </el-form>
<div class="oper-page-btn" v-perm="['annual:plan:approve']" v-if="data.state==='4'"> <div class="oper-page-btn" v-perm="['annual:plan:approve']" v-if="data.state==='4'">
<el-button type="danger" @click="handleRejectPlan">驳回年度计划</el-button> <el-button type="danger" @click="handleRejectPlan">驳回年度计划</el-button>
<el-button color="#DED0B2" @click="handleAgreePlan">通过年度计划</el-button> <el-button color="#DED0B2" @click="handleAgreePlan">通过年度计划</el-button>
@@ -212,7 +212,9 @@ const props = defineProps({
}, },
data: { data: {
type: Object, type: Object,
default: {} default: {
state: '1'
}
}, },
processViewer: { processViewer: {
type: Boolean, type: Boolean,
@@ -251,7 +253,7 @@ const _value = computed({
}) })
const handleRejectPlan = async () => { const handleRejectPlan = async () => {
// const values = form.value.getValues() // const values = form.value.getValues()
console.log('route',route.query.projectId) // console.log('route',route.query.projectId)
if (!_value.value) { if (!_value.value) {
ElNotification({ ElNotification({
title: '提示', title: '提示',
@@ -265,7 +267,7 @@ const handleRejectPlan = async () => {
projectId:parseInt(route.query.projectId), projectId:parseInt(route.query.projectId),
state:false state:false
} }
console.log('params', params) // console.log('params', params)
const res = await approvePlan(params) const res = await approvePlan(params)
ElNotification({ ElNotification({
title: '提示', title: '提示',
@@ -283,7 +285,7 @@ const handleAgreePlan = async () => {
projectId:parseInt(route.query.projectId), projectId:parseInt(route.query.projectId),
state:true state:true
} }
console.log('params', params) // console.log('params', params)
const res = await approvePlan(params) const res = await approvePlan(params)
ElNotification({ ElNotification({
title: '提示', title: '提示',

View File

@@ -21,10 +21,10 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-card style="width: 100%"> <el-card style="width: 100%">
<fvTable style="width: 100%;max-height: 162px" v-if="showTable" height="162" :tableConfig="tableConfig" <fvTable style="width: 100%;max-height: 300px" v-if="showTable" height="300" :tableConfig="tableConfig"
:data="fileList" :isSettingCol="false" :pagination="false"> :data="fileList" :isSettingCol="false" :pagination="false">
<template #empty> <template #empty>
<el-empty :image-size="55" description="暂无数据" style="padding: 0"/> <el-empty :image-size="99" description="暂无数据" style="padding: 0"/>
</template> </template>
</fvTable> </fvTable>
</el-card> </el-card>
@@ -154,6 +154,13 @@ watch(() => props.fileList, (val) => {
if (props.type === '40') { if (props.type === '40') {
getTagsOption() getTagsOption()
} }
onActivated(()=>{
if (props.type === '40') {
getTagsOption()
}
handleSearch()
})
</script> </script>
<style scoped> <style scoped>

View File

@@ -285,7 +285,7 @@ const getBaseInfo = async () => {
stepsShow.value = false stepsShow.value = false
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

@@ -221,10 +221,10 @@ const getList = async () => {
localData.loading = true localData.loading = true
try { try {
const {code, data, msg} = await requestList(api, queryParmas).then(res=>{ const {code, data, msg} = await requestList(api, queryParmas).then(res=>{
console.log(res) // console.log(res)
return res return res
}) })
console.log(code,data,msg) // console.log(code,data,msg)
if (code === 1000) { if (code === 1000) {
if (data.rows) { if (data.rows) {
localData.list = data.rows localData.list = data.rows

View File

@@ -25,15 +25,15 @@ serveice.interceptors.request.use(config => {
}) })
serveice.interceptors.response.use(response => { serveice.interceptors.response.use(response => {
axiosCanceler.removePendingRequest(response.config) axiosCanceler.removePendingRequest(response.config)
console.log(response,"response") // console.log(response,"response")
//二进制数据直接返回 //二进制数据直接返回
if (response.request.responseType === 'blob' || response.request.responseType === 'arraybuffer') { if (response.request.responseType === 'blob' || response.request.responseType === 'arraybuffer') {
return response.data return response.data
} }
console.log("1") // console.log("1")
return response.data return response.data
}, error => { }, error => {
console.log(error) // console.log(error)
let response = error.response let response = error.response
if (!response) { if (!response) {
return Promise.reject() return Promise.reject()

View File

@@ -15,7 +15,7 @@
</el-form> </el-form>
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane label="分摊汇总" name="first" v-loading="loading"> <el-tab-pane label="分摊汇总" name="first" v-loading="loading">
<allocation-summary-detail/> <allocation-summary-detail :allocation-name="formData.shareName" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="分摊明细" name="second"> <el-tab-pane label="分摊明细" name="second">
<expense-detail/> <expense-detail/>

View File

@@ -33,27 +33,20 @@
</template> </template>
<script setup> <script setup>
import {toThousands} from '@/utils/changePrice.js'
import {exportExcel} from "@/utils/export-excel";
import {getAllocationSummaryDetails} from "@/api/expense-manage"; import {getAllocationSummaryDetails} from "@/api/expense-manage";
import {shareExportExcel} from "@/api/expense-manage";
const tableData = ref([{ const tableData = ref([])
id: '12987122',
name: 'Tom',
amount1: '234',
amount2: '3.2',
amount3: 10,
},
{
id: '12987123',
name: 'Tom',
amount1: '165',
amount2: '4.43',
amount3: 12,
}])
const loading = ref(false) const loading = ref(false)
const table = ref() const table = ref()
const route = useRoute() const route = useRoute()
const props = defineProps({
allocationName :{
type: String,
default: ''
}
})
const getSummaries = (param) => { const getSummaries = (param) => {
const {columns, data} = param const {columns, data} = param
const sums = [] const sums = []
@@ -71,7 +64,7 @@ const getSummaries = (param) => {
return prev return prev
} }
}, 0)}` }, 0)}`
// sums[index] = toThousands(sums[index]) sums[index] = parseFloat(sums[index]).toFixed(2)
} else { } else {
sums[index] = '-' sums[index] = '-'
} }
@@ -80,12 +73,15 @@ const getSummaries = (param) => {
return sums return sums
} }
const exportTable = () => { const exportTable = () => {
const $e = table.value.$el shareExportExcel(route.query.id).then(res => {
let $table = $e.querySelector('.el-table__fixed') console.log(res)
if (!$table) { let fileName = `科技创新项目费用分摊表-${props.allocationName}.zip`
$table = $e const blob = new Blob([res.data])
} let a = document.createElement('a')
exportExcel($table, (5 + (Object.keys(tableData.value[0]).length - 5) * 5), "四川省国有资产经营投资管理有限责任公司科技创新项目费用分摊表",2) a.href = URL.createObjectURL(blob)
a.download = fileName
a.click()
})
} }
const init = () => { const init = () => {
loading.value = true loading.value = true

View File

@@ -15,11 +15,11 @@
</el-row> </el-row>
</el-form> </el-form>
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane label="分摊明细" name="first"> <el-tab-pane label="分摊汇总" name="first" v-loading="loading">
<ExpenseDetailMoblie/> <allocation-summary-detail-moblie :allocation-name="formData.shareName" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="分摊汇总" name="second" v-loading="loading"> <el-tab-pane label="分摊明细" name="second">
<AllocationSummaryDetailMoblie/> <expense-detail-moblie/>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<div v-if="shareData.taskId"> <div v-if="shareData.taskId">
@@ -52,8 +52,8 @@
<process-diagram-viewer v-if="shareProcessViewer&&changeDiagram" id-name="shareProcess"/> <process-diagram-viewer v-if="shareProcessViewer&&changeDiagram" id-name="shareProcess"/>
</div> </div>
</div> </div>
<opinion v-if="shareData.taskId" :formData="shareData.formData" :taskId="shareData.taskId" <opinion-moblie v-if="shareData.taskId" :formData="shareData.formData" :taskId="shareData.taskId"
v-model:value="auditOpinion"></opinion> v-model:value="auditOpinion"></opinion-moblie>
</div> </div>
</template> </template>
@@ -65,6 +65,7 @@ import {useProcessStore} from '@/stores/processStore.js';
import {getAllocationDetail} from "@/api/expense-manage"; import {getAllocationDetail} from "@/api/expense-manage";
import AllocationSummaryDetailMoblie from './AllocationSummaryDetailMoblie.vue' import AllocationSummaryDetailMoblie from './AllocationSummaryDetailMoblie.vue'
import ExpenseDetailMoblie from './ExpenseDetailMoblie.vue' import ExpenseDetailMoblie from './ExpenseDetailMoblie.vue'
import OpinionMoblie from "@/views/project-demand/requirement/moblieDetail/OpinionMoblie.vue";
const changeDiagram = ref(false) const changeDiagram = ref(false)
const processStore = useProcessStore() const processStore = useProcessStore()

View File

@@ -17,6 +17,12 @@
<span>{{ formData.deadline }}</span> <span>{{ formData.deadline }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" v-if="formData.isSpecialFund">
<el-form-item label="专项资金名称">
<span>{{ formData.specialFund }}</span>
</el-form-item>
</el-col>
<el-col :span="24" v-if="type==='singleDetail'"> <el-col :span="24" v-if="type==='singleDetail'">
<el-form-item label="征集公司"> <el-form-item label="征集公司">
<span :class="showExpendClass(showMoreCompany,formData.companyIds)">{{ <span :class="showExpendClass(showMoreCompany,formData.companyIds)">{{
@@ -27,11 +33,6 @@
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" v-if="formData.isSpecialFund">
<el-form-item label="专项资金名称">
<span>{{ formData.specialFund }}</span>
</el-form-item>
</el-col>
<el-col :span="24"> <el-col :span="24">
<baseTitle title="征集说明"></baseTitle> <baseTitle title="征集说明"></baseTitle>
<el-form-item> <el-form-item>

View File

@@ -121,7 +121,8 @@ const upload = () => {
router.push({ router.push({
name: 'Implementation/upload', name: 'Implementation/upload',
query: { query: {
id: route.query.id, projectId: route.query.id,
requirementId: requirementId.value,
type: '40' type: '40'
} }
}) })
@@ -131,7 +132,7 @@ const upload = () => {
query: { query: {
id: route.query.id, id: route.query.id,
name: activeName.value, name: activeName.value,
requirementId:requirementId.value requirementId: requirementId.value
} }
}) })
} }
@@ -141,8 +142,10 @@ watchEffect(() => {
paneList.value = paneList.value.slice(1) paneList.value = paneList.value.slice(1)
} }
}) })
onMounted(() => { search({})
if (activeName.value === '50') { onActivated(() => {
if (route.query.name) {
activeName.value = route.query.name
search({}) search({})
} }
}) })

View File

@@ -4,10 +4,10 @@
<baseTitle :title="getName()+'-上传附件'"></baseTitle> <baseTitle :title="getName()+'-上传附件'"></baseTitle>
<el-card style="width: 100%;margin: 15px 0"> <el-card style="width: 100%;margin: 15px 0">
<file-upload @getFile="getFile" /> <file-upload @getFile="getFile" />
<fvTable style="width: 100%;max-height: 162px;" v-if="showTable" height="162" :tableConfig="tableConfig" <fvTable style="width: 100%;max-height: 300px;" v-if="showTable" height="300" :tableConfig="tableConfig"
:data="fileList" :isSettingCol="false" :pagination="false"> :data="fileList" :isSettingCol="false" :pagination="false">
<template #empty> <template #empty>
<el-empty :image-size="55" description="暂无数据" style="padding: 0"/> <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
</template> </template>
</fvTable> </fvTable>
</el-card> </el-card>
@@ -177,11 +177,15 @@ const handleSubmit = async () => {
name: 'Filing/attachment', name: 'Filing/attachment',
query:{ query:{
id: route.query.id, id: route.query.id,
name:route.query.name,
requirementId:route.query.requirementId requirementId:route.query.requirementId
} }
}) })
} }
} }
onActivated(()=>{
fileList.value=[]
})
</script> </script>
<style scoped> <style scoped>

View File

@@ -288,11 +288,7 @@ const exportExcelHandler = () => {
} }
exportExcel(data).then(res => { exportExcel(data).then(res => {
console.log(res) console.log(res)
let reg = /filename=([^&]+)/; let fileName = `科技创新项目研发费用台账-${basicData.value.projectName}.xlsx`
let contentDisposition = decodeURI(res.headers['content-disposition'])
let result = reg.exec(contentDisposition)
let fileName = result[1]
fileName = fileName.replace(/\"/g, '')
const blob = new Blob([res.data]) const blob = new Blob([res.data])
let a = document.createElement('a') let a = document.createElement('a')
a.href = URL.createObjectURL(blob) a.href = URL.createObjectURL(blob)

View File

@@ -175,7 +175,8 @@ const handleUpload = () => {
router.push({ router.push({
name: 'Implementation/upload', name: 'Implementation/upload',
query: { query: {
projectId: route.query.id projectId: route.query.id,
type:'list'
} }
}) })
} }

View File

@@ -1,15 +1,15 @@
<template> <template>
<steps :active="route.query.id==='-1'?currentStep-1:currentStep" @setDetail="setDetail" @stepChange="stepChange" <steps :active="route.query.id==='-1'?currentStep-1:currentStep" @setDetail="setDetail" @stepChange="stepChange"
:reportType="route.query.id==='-1'?'direct':''"> :reportType="route.query.id==='-1'?'direct':''">
<template #content> <template #content v-if="detailShow">
<collection-detail :formData="detailData.formData" <collection-detail :formData="detailData.formData"
:data="detailData" :data="detailData"
:processViewer="commonProvessViewer" :processViewer="commonProvessViewer"
v-show="showActive == '00'" v-if="showActive == '00'"
:fileListShow="fileListShow" :fileListShow="fileListShow"
v-model:value="auditOpinion" v-model:value="auditOpinion"
/> />
<summary-detail v-show="showActive == '10'" <summary-detail v-if="showActive == '10'"
:formData="detailData.formData" :formData="detailData.formData"
:data="detailData" :data="detailData"
:processViewer="commonProvessViewer" :processViewer="commonProvessViewer"
@@ -30,7 +30,7 @@
:fileListShow="fileListShow" :fileListShow="fileListShow"
v-model:value="auditOpinion"/> v-model:value="auditOpinion"/>
<ApprovalDetail type="archivist" <ApprovalDetail type="archivist"
v-show="showActive == '50'&&!editShow" v-if="showActive == '50'&&!editShow"
:formData="detailData.formData" :formData="detailData.formData"
:data="detailData" :data="detailData"
:processViewer="commonProvessViewer" :processViewer="commonProvessViewer"
@@ -73,6 +73,7 @@ route.query.step == '20' && (currentStep.value = 2)
route.query.step == '40' && (currentStep.value = 3) route.query.step == '40' && (currentStep.value = 3)
route.query.step == '50' && (currentStep.value = 4) route.query.step == '50' && (currentStep.value = 4)
const showActive = ref() const showActive = ref()
const detailShow = ref(false)
const detailData = ref({}) const detailData = ref({})
const commonProvessViewer = ref(true) const commonProvessViewer = ref(true)
localStorage.removeItem('singleFile') localStorage.removeItem('singleFile')
@@ -83,6 +84,7 @@ localStorage.removeItem('projectPersonUserList')
const getAllInfo = async (state) => { const getAllInfo = async (state) => {
const loading = ElLoading.service({fullscreen: true}) const loading = ElLoading.service({fullscreen: true})
try { try {
detailShow.value = false
fileListShow.value = 'READ' fileListShow.value = 'READ'
commonProvessViewer.value = false commonProvessViewer.value = false
const {data, code, msg} = await getMapProjectStateInfo(route.query.projectId, state) const {data, code, msg} = await getMapProjectStateInfo(route.query.projectId, state)
@@ -98,6 +100,8 @@ const getAllInfo = async (state) => {
processStore.passList.value = data.passList; processStore.passList.value = data.passList;
nextTick(() => { nextTick(() => {
commonProvessViewer.value = true commonProvessViewer.value = true
detailShow.value = true
detailData.value = data
if (data.formPermMap && data.formPermMap["fileList"]) { if (data.formPermMap && data.formPermMap["fileList"]) {
fileListShow.value = data.formPermMap["fileList"].perm fileListShow.value = data.formPermMap["fileList"].perm
} }

View File

@@ -352,7 +352,6 @@ const handleStandingBook = (row) => {
}) })
} }
const handleAttachment = (row) => { const handleAttachment = (row) => {
console.log('row',row)
router.push({ router.push({
name: 'Implementation/attachment', name: 'Implementation/attachment',
query: { query: {

View File

@@ -23,7 +23,7 @@
<fvTable style="width: 100%;max-height: 300px;" v-if="showTable" height="300" :tableConfig="tableConfig" <fvTable style="width: 100%;max-height: 300px;" v-if="showTable" height="300" :tableConfig="tableConfig"
:data="fileList" :isSettingCol="false" :pagination="false"> :data="fileList" :isSettingCol="false" :pagination="false">
<template #empty> <template #empty>
<el-empty :image-size="99" description="暂无数据" style="padding: 0"/> <el-empty :image-size="90" description="暂无数据" style="padding: 0"/>
</template> </template>
</fvTable> </fvTable>
<div class="oper-page-btn"> <div class="oper-page-btn">
@@ -240,27 +240,29 @@ const handleSubmit = async (instance) => {
if (res.code === 1000) { if (res.code === 1000) {
tagsViewStore.delVisitedViews(router.currentRoute.value.path) tagsViewStore.delVisitedViews(router.currentRoute.value.path)
if (route.query.type === '40') { if (route.query.type === '40') {
console.log('归档实施')
await router.push({ await router.push({
name: 'Filing/attachment', name: 'Filing/attachment',
query: { query: {
id: route.query.projectId id: route.query.projectId,
requirementId: route.query.requirementId
} }
}) })
} else { } else {
if (router.query.type || router.query.type !== '40') { if (route.query.type === 'list') {
router.push({ router.push({
name: 'Implementation/attachment', name: 'Implementation/attachment',
query: { query: {
projectId: route.query.projectId id: route.query.projectId
} }
}) })
} else { } else {
await router.push({ await router.push({
name: 'Implementation/detail', name: 'Implementation/detail',
query: { query: {
id: route.query.id, id: route.query.requirementId,
state: route.query.state,
projectId: route.query.projectId, projectId: route.query.projectId,
state: route.query.state,
step: '40' step: '40'
} }
}) })

View File

@@ -1,5 +1,33 @@
<template> <template>
<div v-loading="loading"> <div v-loading="loading">
<el-row v-if="type==='execute'">
<el-col :span="24">
<baseTitle :title="'附件信息'"></baseTitle>
</el-col>
<el-form :model="attachmentParam" inline style="margin-top: 15px" @submit.prevent>
<el-form-item label="标签" prop="tag">
<el-select v-model="attachmentParam.tag" placeholder="请选择标签" clearable filterable style="width: 200px">
<el-option
v-for="item in tagsOption"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button @click="handleSearch" color="#DED0B2">搜索</el-button>
</el-form-item>
</el-form>
<fvTable style="width: 100%;min-height:162px;max-height: 162px" v-if="showAttachmentTable" height="162" :tableConfig="tableConfig"
:data="otherAttachmentList" :isSettingCol="false" :pagination="false">
<template #empty>
<el-empty :image-size="55" description="暂无数据" style="padding: 0"/>
</template>
</fvTable>
</el-row>
<baseTitle v-if="type!='phase'" :title="getTagName(type)+'信息'" ></baseTitle>
<fvForm :schema="schema" @getInstance="(e)=>form = e"></fvForm> <fvForm :schema="schema" @getInstance="(e)=>form = e"></fvForm>
<el-form :model="formData" label-width="auto"> <el-form :model="formData" label-width="auto">
<file-component <file-component
@@ -46,10 +74,60 @@
<script setup lang="jsx"> <script setup lang="jsx">
import OperationRender from '@/views/workflow/common/OperationRender.vue' import OperationRender from '@/views/workflow/common/OperationRender.vue'
import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue'; import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
import {ElLoading} from 'element-plus'; import {ElLoading, ElNotification} from 'element-plus';
import {downloadFile} from "@/api/project-demand"; import {downloadFile} from "@/api/project-demand";
import {searchImplementationFileList} from "@/api/project-manage/attachment";
import {getTags} from "@/api/project-manage";
const tableConfig = reactive({
columns: [
{
prop: 'index',
type: 'index',
label: '序号',
align: 'center',
width: 85,
},
{
prop: 'originalFileName',
label: '文件名',
align: 'center',
},
{
prop: 'tag',
label: '标签',
align: 'center'
},
{
prop: 'size',
label: '文件大小',
align: 'center',
width: 150,
currentRender: ({row, index}) => (parseInt(row.size / 1024) + 'KB')
},
{
prop: 'oper',
label: '操作',
align: 'center',
showOverflowTooltip: false,
currentRender: ({row, index}) => {
return (
<div>
<el-button type="primary" link onClick={() => handleDownload(row)}>下载</el-button>
</div>
)
}
}
]
})
const attachmentParam = reactive({
tag: ''
})
const tagsOption = ref([])
const changeDiagram = ref(false) const changeDiagram = ref(false)
const showAttachmentTable = ref(true)
const props = defineProps({ const props = defineProps({
formData: { formData: {
type: Object, type: Object,
@@ -90,10 +168,43 @@ const props = defineProps({
} }
}) })
const form = ref() const form = ref()
const otherAttachmentList = ref([])
const schema = computed(() => { const schema = computed(() => {
let arr let arr
if (props.type == 'approval') { if (props.type == 'approval') {
arr = [ arr = [
{
label: '项目负责人',
prop: 'projectChargePerson',
colProps: {
span: 24
},
component: () => (
<div>
{
props.formData.projectChargePerson ?
<span>{props.formData.projectChargePerson.name} </span>
: <span>{'--'}</span>
}
</div>
)
},
{
label: '项目成员',
prop: 'projectPersonList',
colProps: {
span: 24
},
component: () => (
<div>
{
props.formData.projectPersonList ? props.formData.projectPersonList.map(item => {
return <span>{item.name} </span>
}) : <span>{'--'}</span>
}
</div>
)
},
{ {
label: '前置流程', label: '前置流程',
prop: 'preProcess', prop: 'preProcess',
@@ -231,6 +342,7 @@ const schema = computed(() => {
}) })
const emit = defineEmits(['update:value']) const emit = defineEmits(['update:value'])
const route = useRoute()
const _value = computed({ const _value = computed({
get() { get() {
return props.value; return props.value;
@@ -239,7 +351,49 @@ const _value = computed({
emit("update:value", val); emit("update:value", val);
} }
}) })
const getTagsOption = () => {
if (!route.query.projectId) return
getTags(route.query.projectId).then(res => {
if (res.code === 1000) {
tagsOption.value = res.data
}else{
ElNotification({
title: '提示',
message: res.msg,
type: 'error'
})
}
})
}
const handleSearch = () => {
let params = {
targetId: route.query.projectId,
targetState: "40"
}
if (attachmentParam.tag) {
tagsOption.value.forEach(item => {
if (item.value === attachmentParam.tag) {
attachmentParam.tag = item.label
}
})
params.tag = attachmentParam.tag
}
searchImplementationFileList(params).then(res => {
showAttachmentTable.value = false
if (res.code === 1000) {
otherAttachmentList.value = res.data.fileList
nextTick(() => {
showAttachmentTable.value = true
})
}else{
ElNotification({
title: '提示',
message: res.msg,
type: 'error'
})
}
})
}
const getTagName = (type) => { const getTagName = (type) => {
switch (type) { switch (type) {
case 'approval': case 'approval':
@@ -263,6 +417,10 @@ const handleDownload = (row) => {
loading.close() loading.close()
}) })
} }
if(props.type&&props.type==='execute'){
handleSearch()
getTagsOption()
}
watchEffect(() => { watchEffect(() => {
Object.keys(props.formData).length && (form.value?.setValues(props.formData)) Object.keys(props.formData).length && (form.value?.setValues(props.formData))
}) })

View File

@@ -17,6 +17,12 @@
<span>{{ formData.deadline }}</span> <span>{{ formData.deadline }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" v-if="formData.isSpecialFund">
<el-form-item label="专项资金名称">
<span>{{ formData.specialFund }}</span>
</el-form-item>
</el-col>
<el-col :span="24" v-if="type==='singleDetail'"> <el-col :span="24" v-if="type==='singleDetail'">
<el-form-item label="征集公司"> <el-form-item label="征集公司">
<span :class="showExpendClass(showMoreCompany,formData.companyIds)">{{ <span :class="showExpendClass(showMoreCompany,formData.companyIds)">{{
@@ -27,11 +33,6 @@
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" v-if="formData.isSpecialFund">
<el-form-item label="专项资金名称">
<span>{{ formData.specialFund }}</span>
</el-form-item>
</el-col>
<baseTitle title="征集说明"></baseTitle> <baseTitle title="征集说明"></baseTitle>
<el-col :span="24"> <el-col :span="24">
<el-form-item> <el-form-item>

View File

@@ -1,59 +1,62 @@
<template> <template>
<baseTitle title="费用分摊详情"></baseTitle> <div style="padding: 0 10px;">
<el-form :model="formData" ref="form" class="query-form" label-width="auto"> <baseTitle title="费用分摊详情"></baseTitle>
<el-row> <el-form :model="formData" ref="form" class="query-form" label-width="auto">
<el-col :span="24"> <el-row>
<el-form-item label="分摊名称"> <el-col :span="24">
<span>{{ formData.shareName }}</span> <el-form-item label="分摊名称">
</el-form-item> <span>{{ formData.shareName }}</span>
</el-col> </el-form-item>
<el-col :span="24"> </el-col>
<el-form-item label="分摊月份"> <el-col :span="24">
<span>{{ formData.apportionmentMonth }}</span> <el-form-item label="分摊月份">
</el-form-item> <span>{{ formData.apportionmentMonth }}</span>
</el-col> </el-form-item>
</el-row> </el-col>
</el-form> </el-row>
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick"> </el-form>
<el-tab-pane label="分摊明细" name="first"> <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<expense-detail-mobile/> <el-tab-pane label="分摊明细" name="first">
</el-tab-pane> <expense-detail-mobile/>
<el-tab-pane label="分摊汇总" name="second" v-loading="loading"> </el-tab-pane>
<allocation-summary-detail-mobile/> <el-tab-pane label="分摊汇总" name="second" v-loading="loading">
</el-tab-pane> <allocation-summary-detail-mobile/>
</el-tabs> </el-tab-pane>
<div v-if="shareData.taskId"> </el-tabs>
<baseTitle title="审核意见"></baseTitle> <div v-if="shareData.taskId">
<el-form-item prop="auditOpinion"> <baseTitle title="审核意见"></baseTitle>
<el-input <el-form-item prop="auditOpinion">
v-model="auditOpinion" <el-input
:rows="3" v-model="auditOpinion"
type="textarea" :rows="3"
placeholder="请输入审核意见" type="textarea"
/> placeholder="请输入审核意见"
</el-form-item>
</div>
<div class="approval-record">
<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:#BEA266; --el-switch-off-color:#cecdcd"
/> />
</el-form-item>
</div>
<div class="approval-record">
<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:#BEA266; --el-switch-off-color:#cecdcd"
/>
</div>
</div>
<div class="process">
<operation-render
v-if="shareProcessViewer&& shareData.operationList && shareData.operationList.length > 0&&!changeDiagram"
:isColumn="true"
:operation-list="shareData.operationList"
:state="shareData.state"/>
<process-diagram-viewer v-if="shareProcessViewer&&changeDiagram" id-name="shareProcess"/>
</div> </div>
</div> </div>
<div class="process"> <opinion-moblie v-if="shareData.taskId" :formData="shareData.formData" :taskId="shareData.taskId"
<operation-render v-model:value="auditOpinion"></opinion-moblie>
v-if="shareProcessViewer&& shareData.operationList && shareData.operationList.length > 0&&!changeDiagram" :isColumn="true"
:operation-list="shareData.operationList"
:state="shareData.state"/>
<process-diagram-viewer v-if="shareProcessViewer&&changeDiagram" id-name="shareProcess"/>
</div>
</div> </div>
<opinion-moblie v-if="shareData.taskId" :formData="shareData.formData" :taskId="shareData.taskId"
v-model:value="auditOpinion"></opinion-moblie>
</template> </template>
<script setup lang="jsx"> <script setup lang="jsx">

View File

@@ -114,7 +114,7 @@ const projectTable = reactive({
type: 'index', type: 'index',
label: '序号', label: '序号',
align: 'center', align: 'center',
width: '80', width: 120
}, },
{ {
prop: 'projectName', prop: 'projectName',

View File

@@ -21,7 +21,6 @@
<!-- 步骤内容 --> <!-- 步骤内容 -->
<div> <div>
<baseTitle title="各流程信息"></baseTitle>
<slot name="content" :localActive="localActive"></slot> <slot name="content" :localActive="localActive"></slot>
<!-- <template v-for="(item, index) in stepList" :key="item.key"> <!-- <template v-for="(item, index) in stepList" :key="item.key">
<component v-if="localActive == index" v-bind="item.props || {}" :is="item.component" /> <component v-if="localActive == index" v-bind="item.props || {}" :is="item.component" />
@@ -97,20 +96,6 @@ const baseForm = ref()
const schema = computed(() => { const schema = computed(() => {
return [ return [
{
label: '征集名称',
prop: 'requirementName',
colProps: {
span: 24
}
},
{
label: '征集描述',
prop: 'collectExplain',
colProps: {
span: 24
}
},
{ {
label: '项目名称', label: '项目名称',
prop: 'projectName', prop: 'projectName',
@@ -125,6 +110,20 @@ const schema = computed(() => {
span: 24 span: 24
} }
}, },
{
label: '征集名称',
prop: 'requirementName',
colProps: {
span: 24
}
},
{
label: '征集描述',
prop: 'collectExplain',
colProps: {
span: 24
}
}
] ]
}) })
@@ -328,4 +327,11 @@ watchEffect(() => {
.is-end { .is-end {
color: #BEA266; color: #BEA266;
} }
:deep(.el-step__title.is-success) {
color: #A8abb2;
}
:deep(.el-step__head.is-success) {
border-color: #A8abb2;
}
</style> </style>

View File

@@ -39,11 +39,11 @@
<span>{{ filterDict(cacheStore.getDict('invest_type'), localFormData.investmentType) }}</span> <span>{{ filterDict(cacheStore.getDict('invest_type'), localFormData.investmentType) }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24"> <!-- <el-col :span="24">-->
<el-form-item label="项目影响" prop="projectImpact"> <!-- <el-form-item label="项目影响" prop="projectImpact">-->
<span>{{ filterDict(cacheStore.getDict('project_impact'), localFormData.projectImpact) }}</span> <!-- <span>{{ filterDict(cacheStore.getDict('project_impact'), localFormData.projectImpact) }}</span>-->
</el-form-item> <!-- </el-form-item>-->
</el-col> <!-- </el-col>-->
<el-col :span="24"> <el-col :span="24">
<el-form-item label="所属业务板块" prop="businessSegment"> <el-form-item label="所属业务板块" prop="businessSegment">
<span>{{ filterDict(cacheStore.getDict('business_segment'), localFormData.businessSegment) }}</span> <span>{{ filterDict(cacheStore.getDict('business_segment'), localFormData.businessSegment) }}</span>
@@ -172,11 +172,16 @@
<div class="process"> <div class="process">
<operation-render v-if="processViewer && data.operationList && data.operationList.length > 0&&!changeDiagram" :isColumn="true" <operation-render v-if="processViewer && data.operationList && data.operationList.length > 0&&!changeDiagram" :isColumn="true"
:operation-list="data.operationList" :operation-list="data.operationList"
:step="'report'"
:state="data.state"/> :state="data.state"/>
<process-diagram-viewer v-if="processViewer&&changeDiagram" id-name="summaryProcess"/> <process-diagram-viewer v-if="processViewer&&changeDiagram" id-name="summaryProcess"/>
</div> </div>
</div> </div>
</el-form> </el-form>
<div class="oper-page-btn" v-perm="['annual:plan:approve']" v-if="data.state==='4'">
<el-button type="danger" @click="handleRejectPlan">驳回年度计划</el-button>
<el-button color="#DED0B2" @click="handleAgreePlan">通过年度计划</el-button>
</div>
</div> </div>
</template> </template>
@@ -190,6 +195,8 @@ import {getFundOption} from "@/api/special-fund";
import {useCacheStore} from '@/stores/cache.js' import {useCacheStore} from '@/stores/cache.js'
import {getSubCompOpt} from "@/api/user/user"; import {getSubCompOpt} from "@/api/user/user";
import FileComponent from "@/components/DetailComponent/FileComponent.vue"; import FileComponent from "@/components/DetailComponent/FileComponent.vue";
import {ElNotification} from "element-plus";
import {approvePlan} from "@/api/project-demand/summary";
const emit = defineEmits(['update:value']) const emit = defineEmits(['update:value'])
const tagsViewStore = useTagsView() const tagsViewStore = useTagsView()
@@ -201,7 +208,9 @@ const props = defineProps({
}, },
data: { data: {
type: Object, type: Object,
default: {} default: {
state: '1'
}
}, },
processViewer: { processViewer: {
type: Boolean, type: Boolean,
@@ -237,12 +246,58 @@ const _value = computed({
emit("update:value", val); emit("update:value", val);
} }
}) })
const handleRejectPlan = async () => {
// const values = form.value.getValues()
// console.log('route',route.query.projectId)
if (!_value.value) {
ElNotification({
title: '提示',
message: '请填写审核意见',
type: 'warning'
})
return
}
const params = {
auditOpinion:_value.value,
projectId:parseInt(route.query.projectId),
state:false
}
console.log('params', params)
const res = await approvePlan(params)
ElNotification({
title: '提示',
message: res.msg,
type: res.code === 1000 ? 'success' : 'error'
})
tagsViewStore.delVisitedViews(router.currentRoute.value.path)
router.push({
name: 'Summary'
})
}
const handleAgreePlan = async () => {
const params = {
auditOpinion:_value.value,
projectId:parseInt(route.query.projectId),
state:true
}
console.log('params', params)
const res = await approvePlan(params)
ElNotification({
title: '提示',
message: res.msg,
type: res.code === 1000 ? 'success' : 'error'
})
tagsViewStore.delVisitedViews(router.currentRoute.value.path)
router.push({
name: 'Summary'
})
}
const filterDict = (data, value) => { const filterDict = (data, value) => {
if (data === undefined || value === undefined) return; if (data === undefined || value === undefined) return;
let label = '' let label = ''
let result = [] let result = []
if (JSON.parse(value) instanceof Array) { if (value instanceof Array) {
JSON.parse(value).forEach(item1 => { value.forEach(item1 => {
data.find(item => { data.find(item => {
if (item.value == item1) { if (item.value == item1) {
result.push(item.label) result.push(item.label)

View File

@@ -1,52 +1,53 @@
<template> <template>
<div style="padding: 0 10px;"> <div style="padding: 0 10px;">
<StepsMoblie :active="route.query.id==='-1'?currentStep-1:currentStep" @setDetail="setDetail" @stepChange="stepChange" <StepsMoblie :active="route.query.id==='-1'?currentStep-1:currentStep" @setDetail="setDetail"
:reportType="route.query.id==='-1'?'direct':''"> @stepChange="stepChange"
:reportType="route.query.id==='-1'?'direct':''">
<template #content> <template #content>
<collection-detail :formData="detailData.formData" <collection-detail :formData="detailData.formData"
:data="detailData" :data="detailData"
:processViewer="commonProvessViewer" :processViewer="commonProvessViewer"
v-show="showActive == '00'" v-if="showActive == '00'"
:fileListShow="fileListShow" :fileListShow="fileListShow"
v-model:value="auditOpinion" v-model:value="auditOpinion"
/> />
<summary-detail v-show="showActive == '10'" <summary-detail v-if="showActive == '10'"
:formData="detailData.formData" :formData="detailData.formData"
:data="detailData" :data="detailData"
:processViewer="commonProvessViewer" :processViewer="commonProvessViewer"
:fileListShow="fileListShow" :fileListShow="fileListShow"
v-model:value="auditOpinion"/> v-model:value="auditOpinion"/>
<ApprovalDetail type="approval" <ApprovalDetail type="approval"
v-if="showActive == '20'&&!editShow" v-if="showActive == '20'"
:formData="detailData.formData" :formData="detailData.formData"
:data="detailData" :data="detailData"
:processViewer="commonProvessViewer" :processViewer="commonProvessViewer"
:fileListShow="fileListShow" :fileListShow="fileListShow"
v-model:value="auditOpinion"/> v-model:value="auditOpinion"/>
<ApprovalDetail type="execute" <ApprovalDetail type="execute"
v-if="showActive == '40'&&!editShow" v-if="showActive == '40'"
:formData="detailData.formData" :formData="detailData.formData"
:data="detailData" :data="detailData"
:processViewer="commonProvessViewer" :processViewer="commonProvessViewer"
:fileListShow="fileListShow" :fileListShow="fileListShow"
v-model:value="auditOpinion"/> v-model:value="auditOpinion"/>
<ApprovalDetail type="archivist" <ApprovalDetail type="archivist"
v-show="showActive == '50'&&!editShow" v-if="showActive == '50'"
:formData="detailData.formData" :formData="detailData.formData"
:data="detailData" :data="detailData"
:processViewer="commonProvessViewer" :processViewer="commonProvessViewer"
:fileListShow="fileListShow" :fileListShow="fileListShow"
v-model:value="auditOpinion"/> v-model:value="auditOpinion"/>
<project-apply-moblie :title="applyTitle" <!-- <project-apply-moblie :title="applyTitle"-->
v-if="editShow" <!-- v-if="editShow"-->
:mode="mode" <!-- :mode="mode"-->
:step="showActive" <!-- :step="showActive"-->
:data="detailData" <!-- :data="detailData"-->
:formData="detailData.formData"/> <!-- :formData="detailData.formData"/>-->
</template> </template>
</StepsMoblie> </StepsMoblie>
<opinion-moblie v-if="detailData.taskId" :formData="detailData.formData" :taskId="detailData.taskId" <opinion-moblie v-if="detailData.taskId" :formData="detailData.formData" :taskId="detailData.taskId"
v-model:value="auditOpinion"/> v-model:value="auditOpinion"/>
</div> </div>
</template> </template>
@@ -60,7 +61,7 @@ import SummaryDetail from './SummaryDetailMoblie.vue';
import StepsMoblie from './StepsMoblie.vue'; import StepsMoblie from './StepsMoblie.vue';
import {getMapProjectStateInfo} from "./api"; import {getMapProjectStateInfo} from "./api";
import OpinionMoblie from "./OpinionMoblie.vue"; import OpinionMoblie from "./OpinionMoblie.vue";
import ProjectApplyMoblie from "./ProjectApplyMoblie.vue"; // import ProjectApplyMoblie from "./ProjectApplyMoblie.vue";
const route = useRoute() const route = useRoute()
@@ -82,6 +83,9 @@ const commonProvessViewer = ref(true)
const getAllInfo = async (state) => { const getAllInfo = async (state) => {
const loading = ElLoading.service({fullscreen: true}) const loading = ElLoading.service({fullscreen: true})
detailData.value = {
state: "0"
}
try { try {
fileListShow.value = 'READ' fileListShow.value = 'READ'
commonProvessViewer.value = false commonProvessViewer.value = false
@@ -121,9 +125,9 @@ const getAllInfo = async (state) => {
} }
} }
const changeModel = (active, mode) => { const changeModel = (active, mode) => {
editShow.value = false // editShow.value = false
nextTick(() => { nextTick(() => {
editShow.value = mode === 'submit' || mode === 'resubmit'; // editShow.value = mode === 'submit' || mode === 'resubmit';
if (route.query.step === '20' && active === '20') { if (route.query.step === '20' && active === '20') {
applyTitle.value = 'apply' applyTitle.value = 'apply'
} else if (route.query.step === '40' && active === '40') { } else if (route.query.step === '40' && active === '40') {

View File

@@ -3,10 +3,11 @@
<baseTitle title="基础信息"></baseTitle> <baseTitle title="基础信息"></baseTitle>
<fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm> <fvForm :schema="schema" @getInstance="(e)=>baseForm = e"></fvForm>
<baseTitle title="阶段变更详情" style="margin-top: -10px"></baseTitle> <baseTitle title="阶段变更详情" style="margin-top: -10px"></baseTitle>
<div style="color: #606266;font-size: 14px;height:25px;"><span style="display:inline-block;width: 84px;text-align: right;margin-right: 14px">抄送人</span>{{copyName}}</div> <div style="color: #606266;font-size: 14px;height:25px;"><span style="display:inline-block;width: 82px;text-align: right;margin-right: 14px">抄送人</span>{{copyName?copyName:'--'}}</div>
<ApprovalDetailMoblie :formData="summaryData.formData" :data="summaryData" type="phase" <ApprovalDetailMoblie :formData="summaryData.formData" :data="summaryData" type="phase"
:processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow" v-model:value="auditOpinion"/> :processViewer="summaryProcessViewer" :loading="loading" :fileListShow="fileListShow" v-model:value="auditOpinion"/>
<opinion v-if="summaryData.taskId" :formData="summaryData.formData" :taskId="summaryData.taskId" v-model:value="auditOpinion"></opinion> <opinion-moblie v-if="summaryData.taskId" :formData="summaryData.formData" :taskId="summaryData.taskId"
v-model:value="auditOpinion"/>
</div> </div>
</template> </template>
@@ -17,6 +18,7 @@ import {getPhaseDetail} from "@/api/project-manage";
import {computed, ref} from "vue"; import {computed, ref} from "vue";
import {getBaseInfoApi} from "@/components/steps/api"; import {getBaseInfoApi} from "@/components/steps/api";
import ApprovalDetailMoblie from './ApprovalDetailMoblie.vue' import ApprovalDetailMoblie from './ApprovalDetailMoblie.vue'
import OpinionMoblie from "../mobledetail/OpinionMoblie.vue";
const route = useRoute() const route = useRoute()
const summaryData = ref({}) const summaryData = ref({})
@@ -28,6 +30,20 @@ const copyName = ref('')
const fileListShow = ref('READ') const fileListShow = ref('READ')
const schema = computed(() => { const schema = computed(() => {
return [ return [
{
label: '项目名称',
prop: 'projectName',
colProps: {
span: 24
}
},
{
label: '征集公司',
prop: 'affiliatedCompany',
colProps: {
span: 24
}
},
{ {
label: '征集名称', label: '征集名称',
prop: 'requirementName', prop: 'requirementName',
@@ -36,12 +52,12 @@ const schema = computed(() => {
} }
}, },
{ {
label: '项目名称', label: '征集描述',
prop: 'projectName', prop: 'collectExplain',
colProps: { colProps: {
span: 24 span: 24
} }
} },
] ]
}) })
const baseForm = ref() const baseForm = ref()

View File

@@ -28,7 +28,7 @@
</div> </div>
</div> </div>
<div> <div>
<!-- <div class="remark">{{ operation.remark }}</div>--> <!-- <div class="remark">{{ operation.remark }}</div>-->
<!-- <div>--> <!-- <div>-->
<!-- <div>审批人</div>--> <!-- <div>审批人</div>-->
<!-- <div>{{ user.name }}</div>--> <!-- <div>{{ user.name }}</div>-->
@@ -56,7 +56,6 @@
</template> </template>
<script setup> <script setup>
import {CircleCheckFilled, Close, Loading, MoreFilled} from "@element-plus/icons-vue";
import NameCircle from "@/components/NameCircle.vue"; import NameCircle from "@/components/NameCircle.vue";
const props = defineProps({ const props = defineProps({
@@ -75,10 +74,18 @@ const props = defineProps({
isColumn: { isColumn: {
type: Boolean, type: Boolean,
default: false default: false
},
step: {
type: String,
default: ""
} }
}) })
const timeline = ref() const timeline = ref({
color: '',
icon: '',
context: ''
})
const init = () => { const init = () => {
switch (props.state) { switch (props.state) {
@@ -90,10 +97,18 @@ const init = () => {
} }
break break
case '4': case '4':
timeline.value = { if (props.step != 'report'){
color: '#f78f5f', timeline.value = {
icon: 'MoreFilled', color: '#0bbd87',
context: '年度计划审批中' icon: 'CircleCheckFilled',
context: '审批通过'
}
}else {
timeline.value = {
color: '#f78f5f',
icon: 'MoreFilled',
context:'年度计划审批中'
}
} }
break break
case '2': case '2':
@@ -111,6 +126,7 @@ const init = () => {
} }
break break
case '5': case '5':
case '6':
timeline.value = { timeline.value = {
color: '#0bbd87', color: '#0bbd87',
icon: 'CircleCheckFilled', icon: 'CircleCheckFilled',
@@ -305,7 +321,7 @@ init()
margin-left: 10px; margin-left: 10px;
margin-right: 20px; margin-right: 20px;
.name-style{ .name-style {
color: #2a99ff; color: #2a99ff;
} }