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:
@@ -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)
|
||||||
|
|||||||
@@ -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: ''
|
||||||
})
|
})
|
||||||
@@ -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"
|
||||||
@@ -394,7 +395,6 @@ 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})
|
||||||
|
|||||||
@@ -20,7 +20,8 @@
|
|||||||
<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"
|
||||||
|
: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"/>
|
||||||
@@ -61,7 +62,9 @@
|
|||||||
<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"
|
||||||
@@ -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)
|
||||||
@@ -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,
|
||||||
state: route.query.state,
|
|
||||||
projectId: route.query.projectId,
|
projectId: route.query.projectId,
|
||||||
|
state: route.query.state,
|
||||||
step: '40'
|
step: '40'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -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: '提示',
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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')
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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()
|
||||||
|
|||||||
@@ -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/>
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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()
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -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({})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
@@ -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'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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: {
|
||||||
|
|||||||
@@ -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'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -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))
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
|
<div style="padding: 0 10px;">
|
||||||
<baseTitle title="费用分摊详情"></baseTitle>
|
<baseTitle title="费用分摊详情"></baseTitle>
|
||||||
<el-form :model="formData" ref="form" class="query-form" label-width="auto">
|
<el-form :model="formData" ref="form" class="query-form" label-width="auto">
|
||||||
<el-row>
|
<el-row>
|
||||||
@@ -46,7 +47,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="process">
|
<div class="process">
|
||||||
<operation-render
|
<operation-render
|
||||||
v-if="shareProcessViewer&& shareData.operationList && shareData.operationList.length > 0&&!changeDiagram" :isColumn="true"
|
v-if="shareProcessViewer&& shareData.operationList && shareData.operationList.length > 0&&!changeDiagram"
|
||||||
|
:isColumn="true"
|
||||||
:operation-list="shareData.operationList"
|
:operation-list="shareData.operationList"
|
||||||
:state="shareData.state"/>
|
:state="shareData.state"/>
|
||||||
<process-diagram-viewer v-if="shareProcessViewer&&changeDiagram" id-name="shareProcess"/>
|
<process-diagram-viewer v-if="shareProcessViewer&&changeDiagram" id-name="shareProcess"/>
|
||||||
@@ -54,6 +56,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<opinion-moblie 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-moblie>
|
v-model:value="auditOpinion"></opinion-moblie>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="jsx">
|
<script setup lang="jsx">
|
||||||
|
|||||||
@@ -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',
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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)
|
||||||
|
|||||||
@@ -1,48 +1,49 @@
|
|||||||
<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"
|
||||||
|
@stepChange="stepChange"
|
||||||
:reportType="route.query.id==='-1'?'direct':''">
|
: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"
|
||||||
@@ -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') {
|
||||||
|
|||||||
@@ -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()
|
||||||
|
|||||||
@@ -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,11 +97,19 @@ const init = () => {
|
|||||||
}
|
}
|
||||||
break
|
break
|
||||||
case '4':
|
case '4':
|
||||||
|
if (props.step != 'report'){
|
||||||
|
timeline.value = {
|
||||||
|
color: '#0bbd87',
|
||||||
|
icon: 'CircleCheckFilled',
|
||||||
|
context: '审批通过'
|
||||||
|
}
|
||||||
|
}else {
|
||||||
timeline.value = {
|
timeline.value = {
|
||||||
color: '#f78f5f',
|
color: '#f78f5f',
|
||||||
icon: 'MoreFilled',
|
icon: 'MoreFilled',
|
||||||
context:'年度计划审批中'
|
context:'年度计划审批中'
|
||||||
}
|
}
|
||||||
|
}
|
||||||
break
|
break
|
||||||
case '2':
|
case '2':
|
||||||
timeline.value = {
|
timeline.value = {
|
||||||
@@ -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',
|
||||||
|
|||||||
Reference in New Issue
Block a user