Skip to content

F
founder_vue
Commit 99455a15 by liupeng
Options

Merge branch 'dev_xzeq' of http://47.92.108.28/changchao/founder_vue into dev_xzeq

parents 39794136 f4b1cb91
Showing with 83 additions and 100 deletions
src/views/xsjsdb/detailRwbd.vue
<!--
* @Author: your name
* @Date: 2021-09-11 10:30:42
* @LastEditTime: 2021-09-13 11:12:19
* @LastEditTime: 2021-09-13 13:19:42
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\xsjsdb\detailRwbd.vue
-->
<template>
<div id="detailRwbd">
<div id="detailRwbd" v-loading="screenLoading">
<div class="Content paneDiv paneDiv2">
<div class="mb20 page1">
<div class="header">
......@@ -36,12 +36,17 @@
v-for="fitem in fileType(item.type, 'fileList')"
:key="fitem.id"
>
<span
><i class="el-icon-tickets"></i>{{ fitem.label }}</span
>
<span @click="preview(fitem)">{{
fitem.fjLxdm == "01" ? "预览" : "播放"
}}</span>
<div>
<span class="textBox"
><i class="el-icon-tickets"></i
><span class="textFlow" :title="fitem.label">{{
fitem.label
}}</span></span
>
<span @click="preview(fitem)">{{
fitem.fjLxdm == "01" ? "预览" : "播放"
}}</span>
</div>
</span>
<span v-if="fileType(item.type, 'fileList').length <= 0"
>-</span
......@@ -78,12 +83,17 @@
v-for="fitem in fileType(item.type, 'fileList2')"
:key="fitem.id"
>
<span
><i class="el-icon-tickets"></i>{{ fitem.label }}</span
>
<span @click="preview(fitem)">{{
fitem.fjLxdm == "01" ? "预览" : "播放"
}}</span>
<div>
<span class="textBox"
><i class="el-icon-tickets"></i
><span class="textFlow" :title="fitem.label">{{
fitem.label
}}</span></span
>
<span @click="preview(fitem)">{{
fitem.fjLxdm == "01" ? "预览" : "播放"
}}</span>
</div>
</span>
<span v-if="fileType(item.type, 'fileList2').length <= 0"
>-</span
......@@ -167,27 +177,8 @@ export default {
},
{
label: "任务类型:",
prop: "rwlxdm",
prop: "rwlxdmStr",
col: "3",
type: "select",
data: [
{
name: "指纹",
value: "01",
},
{
name: "足迹",
value: "02",
},
{
name: "DNA",
value: "03",
},
{
name: "视频",
value: "04",
},
],
},
{
label: "案件编号:",
......@@ -206,10 +197,8 @@ export default {
},
{
label: "案件类别:",
prop: "ajlbdm",
prop: "ajlbdmStr",
col: "3",
type: "codeTree",
codeTree: "CODE_AJLB_MIS",
},
{
label: "简要案情:",
......@@ -223,31 +212,8 @@ export default {
},
{
label: "任务状态:",
prop: "rwztdm",
prop: "rwztdmStr",
col: "3",
type: "select",
data: [
{
name: "入库",
value: "01",
},
{
name: "审批通过",
value: "02",
},
{
name: "审批不通过",
value: "03",
},
{
name: "已签收",
value: "04",
},
{
name: "已反馈",
value: "04",
},
],
},
{
label: "接收人姓名:",
......@@ -333,42 +299,34 @@ export default {
xxzjbh: "",
index: 1,
loadingIndex: 0,
screenLoading: true,
};
},
methods: {
//比对任务详情接口
getThanTaskData() {
const loading = this.$loading({
target: "#detailRwbd",
lock: true,
text: "Loading",
});
this.loadingIndex++;
let _this = this;
selectRwqkById({ xxzjbh: _this.xxzjbh }).then((res) => {
this.loadingIndex--;
if (res.success && res.code == 200) {
let result = res.data.rows;
_this.thanTaskData = result;
_this.sffkPdbz = result.sffkPdbz;
if (_this.sffkPdbz == "1") {
_this.getFeedbackTaskData(loading);
} else {
loading.close();
_this.getFeedbackTaskData("yes");
}
_this.filterTreeCode(result, _this.thanTheTaskProps, "thanTaskData");
}
});
},
//比对任务详情附件
getThanTaskFile() {
const loading = this.$loading({
target: "#detailRwbd",
lock: true,
text: "Loading",
});
this.loadingIndex++;
let _this = this;
let formData = new FormData();
formData.append("bdrwbh", _this.xxzjbh);
selectRwxffj(formData).then((res) => {
loading.close();
this.loadingIndex--;
if (res.success && res.code == 200) {
_this.fileList = res.data.rows.map((i) => ({
label: i.fjDzwjmc,
......@@ -384,9 +342,11 @@ export default {
return this[key].filter((i) => i.fjLxdm == str);
},
//反馈任务详情接口
getFeedbackTaskData(loading) {
if (!loading) {
var loading = this.$loading({
getFeedbackTaskData(screen) {
this.loadingIndex++;
var loading;
if (!screen) {
loading = this.$loading({
target: ".page2",
lock: true,
text: "Loading",
......@@ -398,16 +358,13 @@ export default {
page: _this.currentPage1,
limit: 1,
}).then((res) => {
this.loadingIndex--;
if (res.success && res.code == 200) {
_this.tableDataLength = res.data.total;
let result = res.data.rows?.[0];
if (result) {
_this.getFeedbackTaskFile(result.xxzjbh, loading);
_this.filterTreeCode(
result,
_this.feedbackTaskProps,
"feedbackTaskData"
);
_this.feedbackTaskData = result;
}
}
});
......@@ -415,8 +372,10 @@ export default {
//反馈任务详情附件
getFeedbackTaskFile(xxzjbh, loading) {
let _this = this;
this.loadingIndex++;
selectFkfjxxByFkbh({ fkbh: xxzjbh }).then((res) => {
loading.close();
this.loadingIndex--;
if (loading) loading.close();
if (res.success && res.code == 200) {
_this.fileList2 = res.data.rows.map((i) => ({
label: i.fjDzwjmc,
......@@ -544,6 +503,13 @@ export default {
this.getThanTaskFile();
// this.getFeedbackTaskData();
},
watch: {
loadingIndex(val) {
if (val == 0) {
this.screenLoading = false;
}
},
},
};
</script>
<style>
......@@ -660,28 +626,33 @@ export default {
transform: translateY(1px);
}
.fileItem {
> div {
display: flex;
align-items: center;
> span {
display: inline-block;
&:first-of-type {
width: 80%;
box-sizing: border-box;
padding-left: 10px;
}
&:last-of-type {
font-size: 13px;
text-align: center;
color: #3f95e6;
cursor: pointer;
width: 20%;
}
}
}
display: inline-block;
align-items: center;
width: calc((100% / 3) - 60px);
margin-bottom: 20px;
margin-right: 20px;
height: 30px;
background: #fcfcfd;
border: 1px solid #f1f3f6;
> span {
display: inline-block;
&:first-of-type {
width: 80%;
box-sizing: border-box;
padding-left: 10px;
}
&:last-of-type {
font-size: 13px;
text-align: center;
color: #3f95e6;
cursor: pointer;
width: 20%;
}
}
}
.footer {
padding: 0 40px;
......@@ -697,5 +668,16 @@ export default {
}
}
}
.textBox {
display: flex !important;
align-items: center;
}
.textFlow {
text-overflow: ellipsis;
width: calc(100% - 30px);
display: inline-block;
white-space: nowrap;
overflow: hidden;
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment