<template>
|
<div style="position: relative">
|
<el-scrollbar style="width: 100%; height: 82vh" ref="scrollViewContainer">
|
<!-- 详情 -->
|
<informationBasicView
|
ref="informationBasicViewRrf"
|
:customerInfo="state.basicInfo"
|
/>
|
<div class="viewbox-cont">
|
<h2>审批追踪</h2>
|
<div class="bodyBoxiframe" v-if="state.routeData.flowId">
|
<iframe
|
style="width: 100%; height: 700px; border: none"
|
:src="state.srcData"
|
></iframe>
|
</div>
|
<div v-else style="text-align: center; padding: 20px 0 10px">
|
当前状态下无追踪信息
|
</div>
|
</div>
|
</el-scrollbar>
|
<div class="absolutBnt">
|
<el-button type="primary" class="backicon" @click="goBackList"
|
>返回</el-button
|
>
|
</div>
|
</div>
|
</template>
|
<script lang="ts">
|
export default {
|
name: 'meritRatingView',
|
}
|
</script>
|
<script setup lang="ts">
|
import informationBasicView from './components/informationBasicView.vue'
|
import Base64 from '@/utils/base64'
|
import { useRoute } from 'vue-router'
|
import productService from '@/api/zhongjian/productApi' // 接口文件
|
import _ from 'lodash'
|
import router from '@/router'
|
|
const currentTab = ref<string>('1')
|
const route = useRoute()
|
const state = reactive<any>({
|
visible: false,
|
title: '',
|
editType: 'add',
|
id: '',
|
parentName: '',
|
basicInfo: {
|
editType: '',
|
addType: '', // 添加按钮类型
|
},
|
fullscreen: false, // 全屏对话框
|
routeData: {}, // 路由传参
|
srcData: '',
|
richTextList: [],
|
submitDisabled: false,
|
isSaveChapter: false,
|
})
|
const informationBasicViewRrf = ref()
|
const scrollViewContainer = ref()
|
const goBackList = () => {
|
scrollViewContainer.value.scrollTo({ top: 0 })
|
router.push({
|
path: state.routeData.backPath,
|
})
|
}
|
// 根据id查看详情
|
const queryDetailById = () => {
|
const param: object = {
|
id: state.id,
|
}
|
productService
|
.getIdListUrl({
|
...param,
|
})
|
.then((res) => {
|
if (res.code == 200) {
|
state.basicInfo = { ...res.data }
|
state.richTextList = res.data.productSubmissionDetailDOList
|
if (state.richTextList.length == 0) {
|
state.isSaveChapter = false
|
} else {
|
state.isSaveChapter = true
|
}
|
localStorage.setItem('productIdData', res.data.id)
|
}
|
})
|
}
|
onActivated(() => {
|
currentTab.value = '1'
|
state.routeData = JSON.parse(Base64.decode(route.query.info))
|
console.log('state.routeData', state.routeData)
|
state.editType = state.routeData?.informationEditType
|
state.id = state.routeData?.id ?? ''
|
state.basicInfo = {
|
editType: '',
|
addType: '', // 添加按钮类型
|
}
|
state.basicInfo.editType = state.editType
|
queryDetailById()
|
|
const history_url: string = import.meta.env.VITE_IFREAM_URL as string
|
if (state.routeData.flowId) {
|
state.srcData = `${history_url}/activity/history?processinstId=${state.routeData.flowId}&token=${state.routeData.token}`
|
}
|
})
|
</script>
|
<style scoped lang="scss">
|
.bodyBoxiframe {
|
width: 100%;
|
height: 70vh;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
}
|
.absolutBnt {
|
position: fixed;
|
width: 70px;
|
top: 133px;
|
right: 10px;
|
z-index: 999;
|
display: flex;
|
}
|
.viewbox-cont {
|
margin-bottom: 10px;
|
h2 {
|
padding: 8px;
|
background-color: #dce6f4;
|
color: #656d9a;
|
font-size: 17px;
|
}
|
}
|
</style>
|
