mirror of
https://gitee.com/hhyykk/ipms-sjy-ui.git
synced 2025-06-19 14:52:00 +08:00
116 lines
4.7 KiB
Vue
116 lines
4.7 KiB
Vue
<template>
|
|
<ContentWrap>
|
|
<el-descriptions :column="2" border>
|
|
|
|
<el-descriptions-item label="名称" span="1">
|
|
{{ detailData.name }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="跟踪编号" span="1">
|
|
{{ detailData.trackingCode }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="项目编号" span="1">
|
|
{{ detailData.code }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="类型" span="1">
|
|
<dict-tag :type="DICT_TYPE.PROJECT_TYPE" :value="detailData.type" />
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="省份" span="1">
|
|
{{ detailData.province }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="城市" span="1">
|
|
{{ detailData.city }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="预计金额(万)" span="1">
|
|
{{ detailData.contractAmount }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="客户公司" :span="1">
|
|
{{ detailData.customerCompanyName }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="客户联系人" :span="1">
|
|
{{ detailData.customerUser }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="客户电话" span="1">
|
|
{{ detailData.customerPhone }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="出图公司" span="1">
|
|
{{ detailData.drawingCompany }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="跟踪部门" span="1">
|
|
{{ detailData.trackingDepName }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="项目经理" span="1">
|
|
{{ detailData.projectManagerName }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="开始时间" span="1">
|
|
{{ formatDate(detailData.startTime, 'YYYY-MM-DD') }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="跟踪情况" span="2">
|
|
{{ detailData.situation }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="落地可能性" span="1">
|
|
<dict-tag :type="DICT_TYPE.POSSIBILITY_OF_LANDING" :value="detailData.possibility" />
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="漏斗预期" span="1">
|
|
{{ detailData.funnelExpectation }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="委托方式" span="1">
|
|
<dict-tag :type="DICT_TYPE.ENTRUST_METHOD" :value="detailData.entrustMethod" />
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="是否落地" span="1">
|
|
<dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="detailData.confirmation" />
|
|
</el-descriptions-item>
|
|
<!-- <el-descriptions-item label="审批状态" span="1">-->
|
|
<!-- <dict-tag :type="DICT_TYPE.BPM_PROCESS_INSTANCE_STATUS" :value="detailData.processStatus" />-->
|
|
<!-- </el-descriptions-item>-->
|
|
<el-descriptions-item label="落地时间" v-if="detailData.confirmation === '是' || detailData.confirmation === true" span="1">
|
|
{{ formatDate(detailData.endTime, 'YYYY-MM-DD') }}
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="未落地原因" v-if="detailData.confirmation === '否' || detailData.confirmation === false" span="2">
|
|
{{ detailData.reason }}
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
<el-descriptions :column="1" border>
|
|
<el-descriptions-item label="评审附件">
|
|
<UploadFile v-model="detailData.reviewFileUrl" :disabled="true"/>
|
|
</el-descriptions-item>
|
|
|
|
<el-descriptions-item label="中标附件">
|
|
<UploadFile v-model="detailData.winFileUrl" :disabled="true"/>
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
</ContentWrap>
|
|
</template>
|
|
<script lang="ts" setup>
|
|
import { DICT_TYPE } from '@/utils/dict'
|
|
import { formatDate } from '@/utils/formatTime'
|
|
import { propTypes } from '@/utils/propTypes'
|
|
import {ProjectApi} from "@/api/pms/project";
|
|
|
|
defineOptions({ name: 'ProjectBpmDetail' })
|
|
|
|
const { query } = useRoute() // 查询参数
|
|
|
|
const props = defineProps({
|
|
id: propTypes.number.def(undefined)
|
|
})
|
|
const detailLoading = ref(false) // 表单的加载中
|
|
const detailData = ref<any>({}) // 详情数据
|
|
const queryId = query.id as unknown as number // 从 URL 传递过来的 id 编号
|
|
|
|
/** 获得数据 */
|
|
const getInfo = async () => {
|
|
detailLoading.value = true
|
|
try {
|
|
detailData.value = await ProjectApi.getProject(props.id || queryId)
|
|
} finally {
|
|
detailLoading.value = false
|
|
}
|
|
}
|
|
defineExpose({ open: getInfo }) // 提供 open 方法，用于打开弹窗
|
|
|
|
/** 初始化 **/
|
|
onMounted(() => {
|
|
getInfo()
|
|
})
|
|
</script>
|