qa-prevention-gwj-vue/src/views/evaluate/reviewevaluate/components/evaluate.vue

750 lines
26 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<div>
<div id="printTest" class="app-container">
<div class="level-title">
<h1>隐患信息</h1>
</div>
<div class="mb-20">
<table class="table-ui">
<tr>
<td class="tbg">隐患来源</td>
<template v-if="pd.SOURCE=='1'">
<td>隐患快报</td>
</template>
<template v-else-if="pd.SOURCE=='2'">
<td>清单排查</td>
</template>
<template v-else-if="pd.SOURCE=='3'">
<td>清单排查</td>
</template>
<template v-else-if="pd.SOURCE=='4'">
<td>安全环保检查(监管端)</td>
</template>
<template v-else-if="pd.SOURCE=='5'">
<td>安全环保检查(企业端)</td>
</template>
<template v-else-if="pd.SOURCE=='6'">
<td>消防检查</td>
</template>
<template v-else-if="pd.SOURCE=='8'">
<td>点检隐患</td>
</template>
</tr>
<tr>
<td class="tbg">隐患描述</td>
<td>{{ pd.HIDDENDESCR }}</td>
</tr>
<tr v-if="pd.SOURCE=='2'">
<td class="tbg">风险点(单元)</td>
<td>{{ pd.RISK_UNIT }}</td>
</tr>
<tr v-if="pd.SOURCE=='2'">
<td class="tbg">辨识部位</td>
<td>{{ pd.IDENTIFICATION }}</td>
</tr>
<tr v-if="pd.SOURCE=='2'">
<td class="tbg">存在风险</td>
<td>{{ pd.RISK_DESCR }}</td>
</tr>
<tr v-if="pd.SOURCE=='2'">
<td class="tbg">风险分级</td>
<td>{{ pd.LEVEL }}</td>
</tr>
<tr v-if="pd.SOURCE=='2'">
<td class="tbg">检查内容</td>
<td>{{ pd.CHECK_CONTENT }}</td>
</tr>
<tr>
<td class="tbg">隐患级别</td>
<td >{{ pd.editLevelName?pd.editLevelName:'' }}</td>
</tr>
<tr>
<td class="tbg">隐患类型</td>
<td>{{ pd.HIDDENTYPENAME }}</td>
</tr>
<tr>
<td class="tbg">隐患状态</td>
<td>
<template v-if="pd.STATE=='1'">
未整改
</template>
<template v-else-if="pd.STATE=='2'">
已整改
</template>
<template v-else-if="pd.STATE=='3'">
已整改
</template>
<template v-else-if="pd.STATE=='4'">
已验收
</template>
<template v-else-if="pd.STATE=='5'">
忽略隐患
</template>
<template v-else-if="pd.STATE=='6'">
重大隐患
</template>
<template v-else-if="pd.STATE=='7'">
待处理的特殊隐患
</template>
<template v-else-if="pd.STATE=='8'">
已处理的特殊隐患
</template>
<template v-else-if="pd.STATE=='10'">
验收打回
</template>
<template v-else-if="pd.STATE=='-1'">
已超期
</template>
<template v-else-if="pd.STATE=='-2'">
待确认
</template>
<template v-else-if="pd.STATE=='16'">
确认打回
</template>
</td>
</tr>
<tr>
<td class="tbg">隐患部位</td>
<td>{{ pd.hregionName?pd.hregionName:pd.HIDDENPART }}</td>
</tr>
<tr>
<td class="tbg">隐患上报位置</td>
<td>经度:{{ pd.LONGITUDE }} , 纬度:{{ pd.LATITUDE }}</td>
</tr>
<tr>
<td class="tbg">隐患位置描述</td>
<td>{{ pd.POSITIONDESC }}</td>
</tr>
<tr>
<td class="tbg">隐患图片</td>
<td class="img-select">
<viewer :images="hImgs">
<img v-for="item in hImgs" :src="config.fileUrl + item.FILEPATH" :key="item.IMGFILES_ID" width="100" height="100">
</viewer>
</td>
</tr>
<tr v-for="item in hiddenFindPeople" :key="item.USER_ID">
<td class="tbg">隐患发现人 </td>
<td>{{ item.NAME }}</td>
</tr>
<tr>
<td class="tbg">隐患发现时间</td>
<td>{{ formatDate(pd.DISCOVERYTIME,'YYYY-MM-DD HH:mm:ss') }}</td>
</tr>
<tr>
<td class="tbg">整改类型</td>
<td>
<template v-if="pd.RECTIFICATIONTYPE=='1'">
立即整改
</template>
<template v-else-if="pd.RECTIFICATIONTYPE=='2'">
限期整改
</template>
</td>
</tr>
<!-- <tr v-if="pd.RECTIFICATIONTYPE=='1'">-->
<!-- <td class="tbg">整改描述</td>-->
<!-- <td>{{ pd.RECTIFYDESCR }}</td>-->
<!-- </tr>-->
<tr v-if="pd.editDeptName ?pd.editDeptName :pd.RECTIFICATIONDEPTNAME">
<td class="tbg">整改负责部门</td>
<td >{{ pd.editDeptName ?pd.editDeptName :pd.RECTIFICATIONDEPTNAME }}</td>
</tr>
<tr v-if="pd.editUserName ?pd.editUserName :pd.RECTIFICATIONORNAME">
<td class="tbg">整改负责人</td>
<td >{{ pd.editUserName ?pd.editUserName :pd.RECTIFICATIONORNAME }}</td>
</tr>
<tr>
<td class="tbg">是否相关方</td>
<td>{{ pd.ISRELEVANT=='1'?'是':'否' }}</td>
</tr>
<tr v-if="playerOptions.sources[0].src">
<td class="tbg">隐患视频</td>
<td>
<span style="color: #4395ff;cursor: pointer" @click="dialogVideoVisible = true">隐患视频</span>
</td>
</tr>
<tr v-if="pd.RECTIFICATIONTYPE=='2' && pd.RECTIFICATIONDEADLINE">
<td class="tbg">整改期限</td>
<td>{{ pd.RECTIFICATIONDEADLINE }}</td>
</tr>
<template v-if="repulsecause">
<tr v-for="item in repulsecause" :key="item.USER_ID">
<td class="tbg">打回原因</td>
<td>{{ item.REPULSE_CAUSE }}</td>
</tr>
</template>
<template v-if="repulsecause">
<tr v-for="item in repulsecause" :key="item.USER_ID">
<td class="tbg">打回时间</td>
<td>{{ item.OPERATTIME }}</td>
</tr>
</template>
</table>
</div>
<div v-for="(item,index) in hiddenExamineList" :key="index">
<div class="level-line" />
<table v-if="item.TYPE === 4" class="table-ui">
<div class="level-title">
<h1 >确认信息</h1>
</div>
<tr>
<td class="tbg">隐患级别</td>
<td >{{ item.editLevelName }}</td>
</tr>
<tr v-if="item.editUserName">
<td class="tbg">整改负责人</td>
<td >{{ item.editUserName }}</td>
</tr>
<tr v-if="item.spare3">
<td class="tbg">整改完成期限</td>
<td >{{ item.spare3 }}</td>
</tr>
<tr>
<td class="tbg">隐患确认人</td>
<td>{{ pd.conUserName }}</td>
</tr>
<tr >
<td class="tbg">隐患确认时间</td>
<td>{{ pd.CONFIRM_TIME }}</td>
</tr>
</table>
<table v-else-if="item.TYPE === 2" class="table-ui">
<div class="level-title">
<h1 >延期信息</h1>
</div>
<tr>
<td class="tbg">申请延期日期</td>
<td >{{ item.DELAY_TIME }}</td>
</tr>
<tr>
<td class="tbg">审核人</td>
<td>{{ pd.conUserName }}</td>
</tr>
<tr>
<td class="tbg">处置方案</td>
<td >{{ item.DISPOSAL_PLAN }}</td>
</tr>
<tr v-if="item.DISPOSAL_FILE">
<td class="tbg">方案附件</td>
<td><a style="color: #1e9fff" @click="goViewPdf(item.DISPOSAL_FILE)">[预览]</a> </td>
</tr>
<tr>
<td class="tbg">延期审核状态</td>
<template v-if="item.STATE===-1">
<td>待审核</td>
</template>
<template v-else-if="item.STATE===1">
<td>通过</td>
</template>
<template v-else-if="item.STATE===2">
<td>未通过</td>
</template>
</tr>
<tr v-if="item.STATE===1">
<td class="tbg">审核时间</td>
<td>{{ item.OPERATTIME }}</td>
</tr>
</table>
<table v-else-if="item.TYPE === 1" class="table-ui">
<div class="level-title">
<h1 >特殊处理审核信息</h1>
</div>
<tr>
<td class="tbg">无法整改原因</td>
<td >{{ item.EXAMINE }}</td>
</tr>
<tr>
<td class="tbg">特殊处置审核状态</td>
<template v-if="item.STATE===-1">
<td>待审核</td>
</template>
<template v-else-if="item.STATE===2">
<td>通过</td>
</template>
<template v-else-if="item.STATE===1">
<td>未通过</td>
</template>
</tr>
<tr v-if="item.STATE===2">
<td class="tbg">处置方案</td>
<td>{{ item.DISPOSAL_PLAN }}</td>
</tr>
<tr v-if="item.STATE===2 && item.DISPOSAL_FILE">
<td class="tbg">处置方案附件</td>
<td><a style="color: #1e9fff" @click="goViewPdf(item.DISPOSAL_FILE)">[预览]</a> </td>
</tr>
<tr v-if="item.STATE!==-1">
<td class="tbg">审核时间</td>
<td>{{ item.OPERATTIME }}</td>
</tr>
<tr v-if="item.STATE!==-1">
<td class="tbg">审核人</td>
<td>{{ pd.conUserName }}</td>
</tr>
<tr v-if="item.TYPE ==='2'">
<td class="tbg">是否更换整改负责人</td>
<td v-if="item.spare1==='1'">是</td>
<td v-if="item.spare1==='0'">否</td>
</tr>
<tr v-if="item.STATE!==-1">
<td class="tbg">是否更换整改负责人</td>
<td v-if="item.spare2 == undefined">否</td>
<td v-else>是</td>
</tr>
<tr v-if="item.NEWRECTIFICATIONOR != undefined" >
<td class="tbg">更换整改负责人姓名</td>
<td>{{ item.NEWRECTIFICATIONOR }}</td>
</tr>
</table>
</div>
<div v-if="pd.STATE ==2 || pd.STATE ==4 || pd.STATE == 10">
<div class="level-line" />
<div class="level-title">
<h1>整改信息</h1>
</div>
<table class="table-ui">
<tr>
<td class="tbg">整改描述</td>
<td>{{ pd.RECTIFYDESCR }}</td>
</tr>
<tr v-if="pd.RECTIFICATIONDEPTNAME">
<td class="tbg">整改部门</td>
<td>{{ pd.RECTIFICATIONDEPTNAME }}</td>
</tr>
<tr v-if="pd.RECTIFICATIONORNAME">
<td class="tbg">整改人</td>
<td>{{ pd.RECTIFICATIONORNAME }}</td>
</tr>
<tr v-if="pd.RECTIFICATIONTIME">
<td class="tbg">整改时间</td>
<td>{{ pd.RECTIFICATIONTIME }}</td>
</tr>
<tr v-if="pd.INVESTMENT_FUNDS">
<td class="tbg">投入资金</td>
<td>{{ pd.INVESTMENT_FUNDS }}元</td>
</tr>
<tr>
<td class="tbg">整改后图片</td>
<td class="img-select">
<viewer :images="rImgs">
<img v-for="item in rImgs" :src="config.fileUrl + item.FILEPATH" :key="item.IMGFILES_ID" width="100" height="100">
</viewer>
</td>
</tr>
<tr v-if="pd.HAVESCHEME">
<td class="tbg">整改方案</td>
<td v-if="pd.HAVESCHEME==0">无</td>
<td v-else-if="pd.HAVESCHEME==1">有</td>
<td v-else/>
</tr>
<tr v-if="hs && pd.HAVESCHEME==1">
<td class="tbg">排查日期</td>
<td>{{ hs.SCREENINGDATE }}</td>
</tr>
<tr v-if="hs && pd.HAVESCHEME==1 && hs.LISTNAME">
<td class="tbg">隐患清单</td>
<td>{{ hs.LISTNAME }}</td>
</tr>
<tr v-if="hs && pd.HAVESCHEME==1">
<td class="tbg">治理标准要求</td>
<td>{{ hs.GOVERNSTANDARDS }}</td>
</tr>
<tr v-if="hs && pd.HAVESCHEME==1">
<td class="tbg">治理方法</td>
<td>{{ hs.GOVERNMETHOD }}</td>
</tr>
<tr v-if="hs && pd.HAVESCHEME==1">
<td class="tbg">经费和物资的落实</td>
<td>{{ hs.EXPENDITURE }}</td>
</tr>
<tr v-if="hs && pd.HAVESCHEME==1">
<td class="tbg">负责治理人员</td>
<td>{{ hs.PRINCIPAL }}</td>
</tr>
<tr v-if="hs && pd.HAVESCHEME==1">
<td class="tbg">工时安排</td>
<td>{{ hs.PROGRAMMING }}</td>
</tr>
<tr v-if="hs && pd.HAVESCHEME==1">
<td class="tbg">时限要求</td>
<td>{{ hs.TIMELIMITFOR }}</td>
</tr>
<tr v-if="hs && pd.HAVESCHEME==1">
<td class="tbg">工作要求</td>
<td>{{ hs.JOBREQUIREMENT }}</td>
</tr>
<tr v-if="hs && pd.HAVESCHEME==1">
<td class="tbg">其他事项</td>
<td>{{ hs.OTHERBUSINESS }}</td>
</tr>
<tr v-if="hs && pd.HAVESCHEME==1">
<td class="tbg">方案图片</td>
<td class="img-select">
<viewer :images="sImgs">
<img v-for="item in sImgs" :src="config.fileUrl + item.FILEPATH" :key="item.IMGFILES_ID" width="100" height="100">
</viewer>
</td>
</tr>
</table>
</div>
<div v-show="pd.STATE ==4">
<div class="level-line" />
<div class="level-title">
<h1>验收信息</h1>
</div>
<template v-if="pd.RECTIFICATIONTYPE!='1'">
<table v-for="(data) in checkList" :key="data.value" class="table-ui">
<tr>
<td class="tbg">验收描述</td>
<td>{{ data.CHECKDESCR }}</td>
</tr>
<tr>
<td class="tbg">是否合格</td>
<td>
<template v-if="data.STATUS=='1'">
</template>
<template v-else-if="data.STATUS=='0'">
</template>
</td>
</tr>
<tr>
<td class="tbg">验收部门</td>
<td>{{ data.CHECKDEPTNAME }}</td>
</tr>
<tr>
<td class="tbg">验收人</td>
<td>{{ data.CHECKORNAME }}</td>
</tr>
<tr>
<td class="tbg">验收时间</td>
<td>{{ data.CHECK_TIME }}</td>
</tr>
<tr>
<td class="tbg">验收图片</td>
<td class="img-select">
<viewer :images="data.cImgs">
<img v-for="item in data.cImgs" :src="config.fileUrl + item.FILEPATH" :key="item.IMGFILES_ID" width="100" height="100">
</viewer>
</td>
</tr>
</table>
</template>
<template v-if="pd.RECTIFICATIONTYPE=='1'">
<table class="table-ui">
<tr>
<td class="tbg">验收人</td>
<td>{{ pd.CHECKORNAME }}</td>
</tr>
</table>
</template>
</div>
<div>
<div class="level-line" />
<div class="level-title">
<h1>评审信息</h1>
</div>
<table class="table-ui">
<tr v-if="CREATOR_REWARD_DISABLED">
<td class="tbg">评审级别</td>
<td>
<el-select v-model="EVALUATE_LEVEL" placeholder="请选择评审级别">
<el-option label="未评价" value=""/>
<el-option label="A" value="A"/>
<el-option label="B" value="B"/>
<el-option label="C" value="C"/>
<el-option label="D" value="D"/>
<el-option label="E" value="E"/>
</el-select>
</td>
</tr>
<tr v-if="CREATOR_REWARD_DISABLED">
<td class="tbg">发现人奖励</td>
<td>
<el-input v-model="CREATOR_REWARD" placeholder="发现人奖励"/>
</td>
</tr>
<tr v-if="RECTIFICATIONOR_REWARD_DISABLED">
<td class="tbg">整改人奖励</td>
<td>
<el-input v-model="RECTIFICATIONOR_REWARD" placeholder="整改人奖励"/>
</td>
</tr>
<tr v-if="PUNISH_DISABLED">
<td class="tbg">整改人惩罚</td>
<td>
<el-input v-model="PUNISH" placeholder="整改人惩罚"/>
</td>
</tr>
<el-button @click="submitEvaluate">评审</el-button>
</table>
</div>
<el-dialog :visible.sync="centerDialogVisible" title="提示" width="30%" center>
<span>上阶段未发布</span>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="back">确 定</el-button>
</span>
</el-dialog>
</div>
<div class="ui-height" />
<div class="ui-foot">
<el-button v-print="'#printTest'" type="primary">打 印</el-button>
<el-button plain type="info" @click="back">返 回</el-button>
</div>
<el-dialog :visible.sync="dialogVideoVisible" title="隐患视频">
<div>
<video-player
ref="videoPlayer"
:playsinline="true"
:options="playerOptions"
style="width: 100%;"
class="video-player vjs-custom-skin"/>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVideoVisible = false">关 闭</el-button>
</span>
</el-dialog>
<el-dialog :visible.sync="dialogViewPdf" title="文档" width="600px">
<div>
<iframe :src="pdfUrl" width="500px" height="500px" frameborder="1" />
</div>
</el-dialog>
</div>
</template>
<script>
import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
import formatDate from '@/utils/dateformat'
import { requestFN } from '@/utils/request'
import 'video.js/dist/video-js.css'
import { videoPlayer } from 'vue-video-player'
export default {
components: { Pagination, videoPlayer },
data() {
return {
HIDDEN_ID: '', // 主键ID
pd: [], // 存放字段参数
hs: [],
checkList: [],
repulsecause: [],
msg: 'add',
pageType: '',
config: config,
pdfUrl: '',
hImgs: [],
rImgs: [],
sImgs: [],
playerOptions: {
playbackRates: [0.5, 1.0, 1.5, 2.0], // 可选的播放速度
autoplay: false, // 如果为true,浏览器准备好时开始回放。
muted: false, // 默认情况下将会消除任何音频。
loop: false, // 是否视频一结束就重新开始。
preload: 'auto', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
language: 'zh-CN',
aspectRatio: '16:9', // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3"
fluid: true, // 当true时Video.js player将拥有流体大小。换句话说它将按比例缩放以适应其容器。
sources: [{
type: 'video/mp4', // 类型
src: '' // url地址
}],
poster: '', // 封面地址
notSupportedMessage: '此视频暂无法播放,请稍后再试', // 允许覆盖Video.js无法播放媒体源时显示的默认信息。
controlBar: {
timeDivider: true, // 当前时间和持续时间的分隔符
durationDisplay: true, // 显示持续时间
remainingTimeDisplay: false, // 是否显示剩余时间功能
fullscreenToggle: true // 是否显示全屏按钮
}
},
dialogVideoVisible: false,
dialogViewPdf: false,
hiddenFindPeople: [],
hiddenExamineList: [],
// 评审参数
EVALUATE_LEVEL: '',
EVALUATE_STAGE_ID: '',
CREATOR_REWARD: '0',
RECTIFICATIONOR_REWARD: '0',
PUNISH: '0',
STATE: '',
STATUS: '',
centerDialogVisible: false
// HIDDEN_ID: ''上面有
}
},
computed: {
CREATOR_REWARD_DISABLED: function() {
return this.STATUS == '待评审'
},
RECTIFICATIONOR_REWARD_DISABLED: function() {
return this.STATE == '4'
},
PUNISH_DISABLED: function() {
return this.STATE == '-1'
}
},
created() {
if (this.$parent.HIDDEN_ID) {
this.getData(this.$parent.HIDDEN_ID)
}
this.STATE = this.$parent.STATE
this.STATUS = this.$parent.STATUS
this.selectReviewEvaluate()
},
methods: {
getData(hiddenId) {
this.listLoading = true
requestFN(
'/hidden/goEdit',
{
HIDDEN_ID: hiddenId,
tm: new Date().getTime()
}
).then((data) => {
var vm = this
vm.pd = data.pd // 参数map
vm.hs = data.hs // 参数map
vm.checkList = data.checkList
this.hImgs = data.hImgs
this.rImgs = data.rImgs
this.sImgs = data.sImgs
this.repulsecause = data.repulsecause
this.hiddenFindPeople = data.hiddenFindPeople
if (data.hiddenVideo.length > 0) {
this.playerOptions.sources[0].src = config.fileUrl + data.hiddenVideo[0].FILEPATH
}
this.hiddenExamineList = data.hiddenExa
if (data.hiddenExa.length > 0) {
data.hiddenExa.forEach(item => {
if (item.TYPE === 0) {
this.pd.oldUserName = item.editUserName
this.pd.oldDeptName = item.editDeptName
this.pd.oldLevelName = item.editLevelName
this.pd.oldRectificationDeadline = item.spare3
return
}
})
}
}).catch((e) => {
this.listLoading = false
})
},
goViewPdf(filePath) {
this.pageNum = 1
this.pdfUrl = this.config.fileUrl + filePath
this.dialogViewPdf = true
},
back() {
this.centerDialogVisible = false
this.$parent.activeName = 'hiddenList'
},
formatDate(date, format) {
return formatDate(date, format)
},
// 提交评审
submitEvaluate() {
if (this.STATE == '4' || this.STATE == '-1') {
this.listLoading = true
requestFN(
'/hidden_evaluate/insertReviewEvaluateInfo',
{
EVALUATE_STAGE_ID: this.$parent.EVALUATE_STAGE_ID,
HIDDEN_ID: this.$parent.HIDDEN_ID,
REWARD: this.CREATOR_REWARD,
EVALUATE_LEVEL: this.EVALUATE_LEVEL,
CREATOR_REWARD: this.CREATOR_REWARD
}
).then((data) => {
if (data.data.msg != '上阶段未发布') {
requestFN(
'/hidden_evaluate/insertReplenishEvaluateInfo',
{
EVALUATE_STAGE_ID: this.$parent.EVALUATE_STAGE_ID,
HIDDEN_ID: this.$parent.HIDDEN_ID,
PUNISH: this.PUNISH,
REWARD: this.RECTIFICATIONOR_REWARD,
EVALUATE_LEVEL: this.EVALUATE_LEVEL,
CREATOR_REWARD: this.CREATOR_REWARD,
RECTIFICATIONOR_REWARD: this.RECTIFICATIONOR_REWARD
}
).then((data) => {
if (data.data.msg == '上阶段未发布') {
this.centerDialogVisible = true
} else {
this.$parent.activeName = 'hiddenList'
}
this.listLoading = false
}).catch((e) => {
this.listLoading = false
})
} else {
this.centerDialogVisible = true
}
}).catch((e) => {
this.listLoading = false
})
} else {
this.listLoading = true
requestFN(
'/hidden_evaluate/insertReviewEvaluateInfo',
{
EVALUATE_STAGE_ID: this.$parent.EVALUATE_STAGE_ID,
HIDDEN_ID: this.$parent.HIDDEN_ID,
REWARD: this.CREATOR_REWARD,
EVALUATE_LEVEL: this.EVALUATE_LEVEL,
CREATOR_REWARD: this.CREATOR_REWARD
}
).then((data) => {
if (data.data.msg == '上阶段未发布') {
alert('上阶段未发布')
} else {
this.$parent.activeName = 'hiddenList'
}
this.listLoading = false
}).catch((e) => {
this.listLoading = false
})
}
},
// 查询最终评审信息
selectReviewEvaluate() {
this.listLoading = true
requestFN(
'/hidden_evaluate/selectReviewEvaluateDetail',
{
EVALUATE_TYPE: '1',
HIDDEN_ID: this.$parent.HIDDEN_ID,
EVALUATE_STATUS: '1'
}
).then((data) => {
this.EVALUATE_LEVEL = data.data.EVALUATE_LEVEL
}).catch((e) => {
this.listLoading = false
})
}
}
}
</script>
<style lang="sass" scoped>
.table-ui
.tbg
width: 150px
.img-flex
display: flex
.img-ui
width: 240px
height: 240px
margin-right: 20px
& img
width: 100%
height: 100%
</style>