|
|
|
@ -33,8 +33,25 @@
|
|
|
|
|
<!-- 此列为数据展示 -->
|
|
|
|
|
<div class="basic_message_value_two">
|
|
|
|
|
<div class="basic_message_value_tag">
|
|
|
|
|
<div class="basic_message_value_company">
|
|
|
|
|
{{ this.basic_message.companyName }}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="basic_message_value_list">
|
|
|
|
|
<div
|
|
|
|
|
:class="{
|
|
|
|
|
shewei: val == '剧毒' || val == '易制毒',
|
|
|
|
|
zhongdian: val == '消防重点' || val == '所管消防',
|
|
|
|
|
zhibao: val == '放射源' || val == '易制爆',
|
|
|
|
|
zhian:
|
|
|
|
|
val == '治安重点' || val == '创安单位' || val == '外资合资',
|
|
|
|
|
}"
|
|
|
|
|
v-for="(val, index) in this.basic_message.companyTypeList"
|
|
|
|
|
:key="index"
|
|
|
|
|
>
|
|
|
|
|
{{ val }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="basic_message_value">
|
|
|
|
|
{{ this.process_status }}
|
|
|
|
|
</div>
|
|
|
|
@ -49,8 +66,8 @@
|
|
|
|
|
<div class="complete_idea_body">
|
|
|
|
|
<!-- 遍历展示人员信息 -->
|
|
|
|
|
<div
|
|
|
|
|
v-for="item in complete_list"
|
|
|
|
|
:key="item.id"
|
|
|
|
|
v-for="item in opinion_list"
|
|
|
|
|
:key="item.taskDefKey"
|
|
|
|
|
class="complete_idea_person"
|
|
|
|
|
>
|
|
|
|
|
<div class="complete_idea_person_img">
|
|
|
|
@ -60,31 +77,31 @@
|
|
|
|
|
</div>
|
|
|
|
|
</el-image>
|
|
|
|
|
<div class="complete_idea_person_information">
|
|
|
|
|
<div class="complete_idea_person_name">{{ item.name }}</div>
|
|
|
|
|
<div class="complete_idea_person_team">{{ item.team }}</div>
|
|
|
|
|
<div class="complete_idea_person_name">{{ item.assigneeName }}</div>
|
|
|
|
|
<div class="complete_idea_person_team">{{ item.candidate }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="complete_idea_person_text">
|
|
|
|
|
<!-- 第一行,处理意见 -->
|
|
|
|
|
<div class="dispose_idea">
|
|
|
|
|
<div class="complete_text">处理意见:</div>
|
|
|
|
|
<div class="complete_value">{{ item.complete_value }}</div>
|
|
|
|
|
<div class="complete_value">{{ item.comment }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 第二行,附件 按需显示或者隐藏 -->
|
|
|
|
|
<div v-if="attachment_show" class="attachment">
|
|
|
|
|
<div class="complete_text">附件:</div>
|
|
|
|
|
<!-- <div v-if="attachment_show" class="attachment"> -->
|
|
|
|
|
<!-- <div class="complete_text">附件:</div> -->
|
|
|
|
|
<!-- 此处后面会改为下载图片链接 -->
|
|
|
|
|
<div class="complete_value">{{ item.attachment_value }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="complete_value">{{ item.attachment_value }}</div> -->
|
|
|
|
|
<!-- </div> -->
|
|
|
|
|
<!-- 第三行,抄送人 -->
|
|
|
|
|
<div class="complete_person">
|
|
|
|
|
<div class="complete_text">抄送人:</div>
|
|
|
|
|
<div class="complete_value">{{ item.complete_person }}</div>
|
|
|
|
|
<div class="complete_value">{{ item.assigneeName }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 第四行,时间 -->
|
|
|
|
|
<div class="complete_time">
|
|
|
|
|
<div class="complete_text">时间:</div>
|
|
|
|
|
<div class="complete_value">{{ item.complete_time }}</div>
|
|
|
|
|
<div class="complete_value">{{ item.createTime }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -93,7 +110,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
// import { get_my_complete_record } from "@/api/closeLoopDispose";
|
|
|
|
|
import { get_my_course_record } from "@/api/closeLoopDispose";
|
|
|
|
|
export default {
|
|
|
|
|
name: "CompleteDetailForm",
|
|
|
|
|
props: {
|
|
|
|
@ -103,53 +120,13 @@ export default {
|
|
|
|
|
return {
|
|
|
|
|
attachment_show: true, // 附件 按需显示或者隐藏
|
|
|
|
|
basic_message: {},
|
|
|
|
|
complete_list: [
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
personUrl: "../../../assets/companyFile/avatar.png",
|
|
|
|
|
name: "吴沁",
|
|
|
|
|
team: "技侦大队",
|
|
|
|
|
complete_value:
|
|
|
|
|
"2022年8月20日0时32分,我队接到预警称浙江浙江鑫甬生物化工股份有限公司存在运输车辆频繁违章情况。接报后值班民警于立即到达现场,经现场了解到:危化品运输车(浙B2M50R)为外来租赁货车,司机王某(身份证号:42109119880717****)疑似前科重点人员。目前司机已经带回所以便进一步调查。2022年8月20日0时32分,我队接到预警称浙江浙江鑫甬生物化工股份有限公司存在运输车辆频繁违章情况。接报后值班民警于立即到达现场,经现场了解到:危化品运输车(浙B2M50R)为外来租赁货车,司机王某(身份证号:42109119880717****)疑似前科重点人员。目前司机已经带回所以便进一步调查。",
|
|
|
|
|
attachment_value: "20220820现场处置照片.jpg",
|
|
|
|
|
complete_person: "蔡坤、黄毅、李丹丹、张强强",
|
|
|
|
|
complete_time: "2022-11-13 12:10:08",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
personUrl: "../../../assets/companyFile/avatar.png",
|
|
|
|
|
name: "吴沁",
|
|
|
|
|
team: "技侦大队",
|
|
|
|
|
complete_value:
|
|
|
|
|
"2022年8月26日12时许,经过分析,我队决定对浙江浙江鑫甬生物化工股份有限公司的外来租赁危化品运输车(浙B2M50R)司机王某(身份证号:42109119880717****)做出吊销货车驾照处罚,立即执行。",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
personUrl: "../../../assets/companyFile/avatar.png",
|
|
|
|
|
name: "吴沁",
|
|
|
|
|
team: "技侦大队",
|
|
|
|
|
complete_value:
|
|
|
|
|
"2022年8月26日12时许,经过分析,我队决定对浙江浙江鑫甬生物化工股份有限公司的外来租赁危化品运输车(浙B2M50R)司机王某(身份证号:42109119880717****)做出吊销货车驾照处罚,立即执行。",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
personUrl: "../../../assets/companyFile/avatar.png",
|
|
|
|
|
name: "吴沁",
|
|
|
|
|
team: "技侦大队",
|
|
|
|
|
complete_value:
|
|
|
|
|
"2022年8月20日0时32分,我队接到预警称浙江浙江鑫甬生物化工股份有限公司存在运输车辆频繁违章情况。接报后值班民警于立即到达现场,经现场了解到:危化品运输车(浙B2M50R)为外来租赁货车,司机王某(身份证号:42109119880717****)疑似前科重点人员。目前司机已经带回所以便进一步调查。2022年8月20日0时32分,我队接到预警称浙江浙江鑫甬生物化工股份有限公司存在运输车辆频繁违章情况。接报后值班民警于立即到达现场,经现场了解到:危化品运输车(浙B2M50R)为外来租赁货车,司机王某(身份证号:42109119880717****)疑似前科重点人员。目前司机已经带回所以便进一步调查。",
|
|
|
|
|
attachment_value: "20220820现场处置照片.jpg",
|
|
|
|
|
complete_person: "蔡坤、黄毅、李丹丹、张强强",
|
|
|
|
|
complete_time: "2022-11-13 12:10:08",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
status_list: [
|
|
|
|
|
{ label: "待审核", value: "1" },
|
|
|
|
|
{ label: "通过", value: "2" },
|
|
|
|
|
{ label: "驳回", value: "3" },
|
|
|
|
|
{ label: "处置中", value: "4" },
|
|
|
|
|
],
|
|
|
|
|
process_status:'', // 流程状态展示
|
|
|
|
|
process_status: "", // 流程状态展示
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
@ -160,11 +137,11 @@ export default {
|
|
|
|
|
procInsId: this.complete_detail.procInsId,
|
|
|
|
|
taskId: this.complete_detail.taskId,
|
|
|
|
|
};
|
|
|
|
|
// get_my_complete_record(param).then((res) => {
|
|
|
|
|
// this.basic_message = res.data;
|
|
|
|
|
// this.process_status = this.status_list.find(item=>item.value === this.basic_message.alarmStatus).label
|
|
|
|
|
// });
|
|
|
|
|
console.log(param);
|
|
|
|
|
get_my_course_record(param).then((res) => {
|
|
|
|
|
this.basic_message = res.data;
|
|
|
|
|
this.process_status = this.status_list.find(item=>item.value == this.basic_message.alarmStatus).label
|
|
|
|
|
this.opinion_list = res.data.doneTaskVoList; // 流转意见
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
methods: {},
|
|
|
|
|
};
|
|
|
|
@ -232,8 +209,87 @@ export default {
|
|
|
|
|
width: 52vw;
|
|
|
|
|
height: 4vh;
|
|
|
|
|
line-height: 4vh;
|
|
|
|
|
display: flex;
|
|
|
|
|
.basic_message_value_company {
|
|
|
|
|
color: #409eff;
|
|
|
|
|
}
|
|
|
|
|
.basic_message_value_list {
|
|
|
|
|
display: flex;
|
|
|
|
|
.shewei {
|
|
|
|
|
height: 26px;
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
width: 60px;
|
|
|
|
|
margin-top: 9px;
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
background: url("~@/assets/companyFile/编组 11991.png") no-repeat;
|
|
|
|
|
padding: 1px 5px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #b5ebff;
|
|
|
|
|
letter-spacing: 0.44px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zhongdian {
|
|
|
|
|
height: 26px;
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
width: 80px;
|
|
|
|
|
margin-top: 9px;
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
|
|
|
|
|
padding: 1px 5px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #e3deff;
|
|
|
|
|
letter-spacing: 0.44px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zhibao {
|
|
|
|
|
height: 26px;
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
width: 60px;
|
|
|
|
|
margin-top: 9px;
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
background: url("~@/assets/companyFile/编组 11991备份 10.png")
|
|
|
|
|
no-repeat;
|
|
|
|
|
padding: 1px 5px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #e3deff;
|
|
|
|
|
letter-spacing: 0.44px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zhian {
|
|
|
|
|
height: 26px;
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
width: 80px;
|
|
|
|
|
margin-top: 9px;
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
background: url("~@/assets/companyFile/编组 11991备份 21.png")
|
|
|
|
|
no-repeat;
|
|
|
|
|
padding: 1px 5px;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #e3deff;
|
|
|
|
|
letter-spacing: 0.44px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.basic_message_value {
|
|
|
|
|
width: 52vw;
|
|
|
|
|
height: 4vh;
|
|
|
|
|