Skip to content

Z
zhongtai-ui
提交 974c41b7 authored 作者: 黎业扬's avatar 黎业扬
浏览文件
操作

yang

上级 9d25f57f
隐藏空白字符变更
内嵌 并排
正在显示 包含 41 行增加 和 299 行删除
src/views/backstage/job/detail.vue
浏览文件 @ 974c41b7
......@@ -5,273 +5,6 @@
< 返回
</el-button>
</div>
<!-- 旧代码 -->
<div v-if="0" style="margin-top: 20px;margin-left: 20px">
<h3 style="font-size: 30px">考核内容</h3>
<div v-for="(item,index) in targetList" style="font-size: 20px">
<div style="color: #00afff">{{"考核指标" + (index+1)}}</div>
<div style="margin-top: 20px"><span>考核标题:</span><span
style="margin-left: 20px">{{item.ttarget.targetName}}111</span></div>
<div style="margin-top: 20px"><span>考核标准:</span><span
style="margin-left: 20px">{{item.ttarget.checkCriteria}}</span></div>
<div style="margin-top: 20px"><span>评分标准:</span><span
style="margin-left: 20px">{{item.ttarget.scoreCriteria}}</span></div>
<div style="margin-top: 20px"><span>所属层级:</span><span style="margin-left: 20px">{{item.ttarget.allTargetLevelName}}</span>
</div>
<div style="margin-top: 20px" v-if="item.ttarget.type=='1'"><span>加分项:</span><span style="margin-left: 20px">{{item.ttarget.plusReduceItem}}</span>
</div>
<div style="margin-top: 20px" v-if="item.ttarget.type=='2'"><span>减分项:</span><span style="margin-left: 20px">{{item.ttarget.plusReduceItem}}</span>
</div>
<div style="margin-top: 20px"><span>每项分值:</span><span style="margin-left: 20px">{{item.ttarget.plusReduceItemEvery}}分</span>
</div>
<div style="margin-top: 20px"><span>得分:</span><span style="margin-left: 20px"></span>{{item.score}}分</div>
<div style="margin-top: 20px"><span>是否重新调查:</span>
<span style="margin-left: 20px">
<el-select v-model="item.isTrim" placeholder="请选择">
<el-option
v-for="item in isCheckOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</span>
</div>
<div style="margin-top: 20px">
<span>选择原因:</span>
<span style="margin-left: 20px">
<el-select :disabled="!(item.isTrim == 0)" v-model="item.reasonId" placeholder="请选择">
<el-option
v-for="item in isCheckReasonOptions"
:key="item.id"
:label="item.reasonContent"
:value="item.id">
</el-option>
</el-select>
</span>
</div>
<div v-if="item.tjobPicVedios.length > 0" style="margin-top: 20px">
<span style="color: red">注：备注黑色为普通；有问题的为红色；有亮点的为蓝色</span>
</div>
<div style="margin-top: 20px;margin-left: 60px">
<div v-viewer v-for="image in item.tjobPicVedios" v-if="image.mediaType == '1'"
style="display: inline-block; width: 20%; margin-left: 10px;vertical-align: middle;text-align: center;">
<img :src="image.url" style="width: 100px;height: 100px; cursor:pointer" />
<div style="margin-top: 20px" v-if="image.type == null || image.type =='' || image.type =='0' ">备注00：{{image.remark}}</div>
<div style="margin-top: 20px" v-else>
<div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
</div>
<!-- 位置信息 -->
<div style="margin-top: 20px">GPS坐标: {{gps}}</div>
</div>
<div v-for="image in item.tjobPicVedios" v-if="image.mediaType == '2'"
style="display: inline-block; width: 20%; margin-left: 10px;vertical-align: middle;text-align: center;">
<div>
<video style="width: 100%; height: 200px;" autoplay controls :src="image.url"></video>
<!-- <video-player class="video-player vjs-custom-skin"-->
<!-- ref="videoPlayer"-->
<!-- :playsinline="true"-->
<!-- :options="playerOptions"-->
<!-- @play="apply(image.url)"-->
<!-- ></video-player>-->
<div style="margin-top: 20px" v-if="image.type == null || image.type =='' || image.type =='0'">备注：{{image.remark}}</div>
<div style="margin-top: 20px" v-else>
<div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
</div>
</div>
</div>
</div>
<el-divider></el-divider>
</div>
<div style="font-size: 20px;margin-top: 50px">
<div style="margin-top: 20px"><span>加分项数量:</span><span style="margin-left: 20px">{{addScoreCount}}</span></div>
<div style="margin-top: 20px"><span>减分项数量:</span><span style="margin-left: 20px">{{reduceScoreCount}}</span>
</div>
<!-- 位置信息 -->
<div style="margin-top: 20px">GPS坐标: <span style="margin-left: 20px">{{gps}}</span></div>
<div style="margin-top: 20px" slot="footer" class="dialog-footer">
<el-button :disabled="!(form.jobType == '1' && form.jobStatus == '2')" type="primary"
@click="handleRollbackJob">打回任务
</el-button>
<el-button :disabled="!(form.jobType == '1' && form.jobStatus == '2')" type="primary"
@click="handleAudit">设为完结
</el-button>
</div>
</div>
<el-divider v-if="resetTargetList.length > 0"></el-divider>
<H3 v-if="resetTargetList.length > 0" style="font-size: 30px">调查员重新调查内容</H3>
<div v-for="(item,index) in resetTargetList" style="font-size: 20px">
<div style="color: #00afff">{{"考核指标" + (index+1)}}</div>
<!-- <div style="margin-top: 20px"><span>考核标题:</span><span-->
<!-- style="margin-left: 20px">{{item.ttarget.targetName}}</span></div>-->
<!-- <div style="margin-top: 20px"><span>考核标准:</span><span-->
<!-- style="margin-left: 20px">{{item.ttarget.checkCriteria}}</span></div>-->
<!-- <div style="margin-top: 20px"><span>评分标准:</span><span-->
<!-- style="margin-left: 20px">{{item.ttarget.scoreCriteria}}</span></div>-->
<!-- <div style="margin-top: 20px"><span>所属层级:</span><span style="margin-left: 20px">{{item.ttarget.allTargetLevelName}}</span>-->
<!-- </div>-->
<!-- <div style="margin-top: 20px" v-if="item.ttarget.type=='1'"><span>加分项:</span><span style="margin-left: 20px">{{item.ttarget.plusReduceItem}}</span>-->
<!-- </div>-->
<!-- <div style="margin-top: 20px" v-if="item.ttarget.type=='2'"><span>减分项:</span><span style="margin-left: 20px">{{item.ttarget.plusReduceItem}}</span>-->
<!-- </div>-->
<!-- <div style="margin-top: 20px"><span>每项分值:</span><span style="margin-left: 20px">{{item.ttarget.plusReduceItemEvery}}分</span>-->
<!-- </div>-->
<div style="margin-top: 20px"><span>得分:</span><span style="margin-left: 20px"></span>{{item.score}}分</div>
<div v-if="item.tjobPicVedios.length > 0" style="margin-top: 20px">
<span style="color: red">注：备注黑色为普通；有问题的为红色；有亮点的为蓝色</span>
</div>
<div style="margin-top: 20px;margin-left: 60px">
<div v-viewer v-for="image in item.tjobPicVedios" v-if="image.mediaType == '1'"
style="display: inline-block; width: 20%; margin-left: 10px;vertical-align: middle;text-align: center;">
<img
:src="image.url"
style="width: 100px;height: 100px; cursor:pointer"/>
<div style="margin-top: 20px" v-if="image.type == null || image.type =='' || image.type =='0'">备注：{{image.remark}}</div>
<div style="margin-top: 20px" v-else>
<div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
</div>
</div>
<div v-for="image in item.tjobPicVedios" v-if="image.mediaType == '2'"
style="display: inline-block; width: 20%; margin-left: 10px;vertical-align: middle;text-align: center;">
<div>
<video style="width: 100%; height: 200px;" autoplay controls :src="image.url"></video>
<div style="margin-top: 20px" v-if="image.type == null || image.type =='' || image.type =='0'">备注：{{image.remark}}</div>
<div style="margin-top: 20px" v-else>
<div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
</div>
</div>
</div>
</div>
<el-divider></el-divider>
</div>
<el-divider v-if="firstList.length > 0"></el-divider>
<H3 v-if="firstList.length > 0" style="font-size: 30px">初考内容</H3>
<div v-if="firstList.length > 0" style="margin-top: 20px">
<span style="color: red">注：备注黑色为普通；有问题的为红色；有亮点的为蓝色</span>
</div>
<div style="margin-top: 20px;margin-left: 60px">
<div v-viewer v-for="image in firstList" v-if="image.mediaType == '1'"
style="display: inline-block; width: 20%; margin-left: 10px;vertical-align: middle;text-align: center;">
<img
:src="image.url"
style="width: 100px;height: 100px; cursor:pointer"/>
<div style="margin-top: 20px" v-if="image.type == null || image.type =='' || image.type =='0'">备注：{{image.remark}}</div>
<div style="margin-top: 20px" v-else>
<div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
</div>
</div>
<div v-for="image in firstList" v-if="image.mediaType == '2'"
style="display: inline-block; width: 20%; margin-left: 10px;vertical-align: middle;text-align: center;">
<div>
<video style="width: 100%; height: 200px;" autoplay controls :src="image.url"></video>
<div style="margin-top: 20px" v-if="image.type == null || image.type =='' || image.type =='0'">备注：{{image.remark}}</div>
<div style="margin-top: 20px" v-else>
<div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
</div>
</div>
</div>
</div>
<el-divider v-if="rectifyList.length > 0"></el-divider>
<H3 v-if="rectifyList.length > 0" style="font-size: 30px">整改内容</H3>
<div v-if="rectifyList.length > 0" style="margin-top: 20px">
<span style="color: red">注：备注黑色为普通；有问题的为红色；有亮点的为蓝色</span>
</div>
<div style="margin-top: 20px;margin-left: 60px">
<div v-viewer v-for="image in rectifyList" v-if="image.mediaType == '1'"
style="display: inline-block; width: 20%; margin-left: 10px;vertical-align: middle;text-align: center;">
<img
:src="image.url"
style="width: 100px;height: 100px; cursor:pointer"/>
<div style="margin-top: 20px" v-if="image.type == null">备注：{{image.remark}}</div>
<div style="margin-top: 20px" v-else>
<div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
</div>
</div>
<div v-for="image in rectifyList" v-if="image.mediaType == '2'"
style="display: inline-block; width: 20%; margin-left: 10px;vertical-align: middle;text-align: center;">
<div>
<video style="width: 100%; height: 200px;" autoplay controls :src="image.url"></video>
<div style="margin-top: 20px" v-if="image.type == null">备注：{{image.remark}}</div>
<div style="margin-top: 20px" v-else>
<div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
</div>
</div>
</div>
</div>
<el-divider v-if="checkList.length > 0"></el-divider>
<H3 v-if="checkList.length > 0" style="font-size: 30px">复查信息:{{checkName}}</H3>
<p>{{checkTime}}</p>
<div v-if="checkList.length > 0" style="margin-top: 20px">
<span style="color: red">注：备注黑色为普通；有问题的为红色；有亮点的为蓝色</span>
</div>
<div style="margin-top: 20px;margin-left: 60px">
<div v-viewer v-for="image in checkList" v-if="image.mediaType == '1'"
style="display: inline-block; width: 20%; margin-left: 10px;vertical-align: middle;text-align: center;">
<img
:src="image.url"
style="width: 100px;height: 100px; cursor:pointer"/>
<div style="margin-top: 20px" v-if="image.type == null">备注：{{image.remark}}</div>
<div style="margin-top: 20px" v-else>
<div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
</div>
</div>
<div v-for="image in checkList" v-if="image.mediaType == '2'"
style="display: inline-block; width: 20%; margin-left: 10px;vertical-align: middle;text-align: center;">
<div>
<video style="width: 100%; height: 200px;" autoplay controls :src="image.url"></video>
<div style="margin-top: 20px" v-if="image.type == null">备注：{{image.remark}}</div>
<div style="margin-top: 20px" v-else>
<div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
</div>
</div>
</div>
</div>
<el-divider></el-divider>
</div>
<!-- 新代码 -->
<div style="margin-left:20px;">
<h3 style="font-size: 30px">考核内容</h3>
<!-- 初次考核列表内容 -->
......@@ -305,7 +38,7 @@
<div style="margin-top: 20px">
<span>是否重新调查:</span>
<span style="margin-left: 20px">
<el-select v-model="item.isTrim" placeholder="请选择">
<el-select v-model="item.isTrim" placeholder="请选择" @change="selectChange">
<el-option
v-for="item in isCheckOptions"
:key="item.value"
......@@ -324,8 +57,8 @@
v-for="item in isCheckReasonOptions"
:key="item.id"
:label="item.reasonContent"
:value="item.id">
</el-option>
:value="item.id"
></el-option>
</el-select>
</span>
</div>
......@@ -388,7 +121,7 @@
</div>
<div style="margin-top: 20px" slot="footer" class="dialog-footer">
<el-button
:disabled="!(form.jobType == '1' && form.jobStatus == '2')"
:disabled="!(form.jobType == '1' && form.jobStatus == '2' && isBtn)"
type="primary"
@click="handleRollbackJob"
>打回任务</el-button>
......@@ -434,13 +167,14 @@
name: "jobDetail",
data() {
return {
isBtn: false, //是否可操作（打回任务）按钮
isCheck: '',
isCheckReasonOptions: [],
isCheckOptions: [{
value: '0',
value: 0,
label: '是'
}, {
value: '1',
value: 1,
label: '否'
}],
imageColor: 'black',
......@@ -490,22 +224,12 @@
//获取相关联指标列表
getTargetList(this.jobId).then(res => {
res.data.firstTJobTargets.map(item => {
item.isTrim = item.isTrim == 0 ? '是' : '否'
// item.isTrim = item.isTrim == 0 ? '是' : '否'
item.isTrim = item.isTrim == 0 ? 0 : 1
})
this.targetList = res.data.firstTJobTargets;
console.log('考核内容：',this.targetList)
this.resetTargetList = res.data.resetTJobTargets;
// this.rectifyList = res.data.rectifyList;
// this.checkList = res.data.checkList;
// this.firstList = res.data.firstList;
// 获取初考内容
// this.firstList = res.data.firstTJobTargets[0].firstTJobPicVedios
// 获取整改内容
// this.rectifyList = res.data.firstTJobTargets[0].rectifyTJobPicVedios
// 获取复查内容
// this.checkList = res.data.firstTJobTargets[0].checkTJobPicVedios
this.addScoreCount = res.data.addScoreCount;
this.reduceScoreCount = res.data.reduceScoreCount;
this.gps = res.data.gps;
......@@ -523,15 +247,33 @@
},
methods: {
selectChange(){
console.log('选择值改变时')
let n = this.targetList.length
let m = 0
this.targetList.map(item => {
if(!item.isTrim){
this.isBtn = true
}else{
m++
}
})
if(m==n){
this.isBtn = false
}
},
back() {
this.$router.go(-1)
// this.$router.push("/job/job")
},
getJob(){
getJob(this.jobId).then(response => {
this.form = response.data;
});
},
//打回初次调查任务（复查任务不需要打回）
handleRollbackJob() {
this.$confirm('是否确认打回该调查任务，打回任务调查员将重新调查?', "警告", {
......@@ -539,27 +281,27 @@
cancelButtonText: "取消",
type: "warning"
}).then(() => {
let isPass = true
// 判断是否选择了重新调查和原因
this.targetList.map(item => {
if(item.isTrim == '是'){
item.isTrim = 0;
}else if(item.isTrim == '否'){
item.isTrim = 1;
}
if(!item.isTrim&&!item.reasonId){
this.$message.warning("请选择打回原因")
isPass = false
console.log('this.targetList==',this.targetList)
}
})
rollbackJob(this.targetList).then(res => {
this.$message.success("打回成功")
this.getJob();
this.targetList.map(item => {
item.isTrim = item.isTrim == 0 ? '是' : '否'
if(isPass){
rollbackJob(this.targetList).then(res => {
this.$message.success("打回成功")
this.getJob()
})
})
}
}).catch(() => {
this.$message.warning("取消操作")
})
},
//审核初次调查任务（复查任务不需要审核）
handleAudit() {
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论