Skip to content

F
founder_vue
Commit 415423ea by xue_wengang
Options

合并线索组

parent 2abd908b
Showing with 539 additions and 18 deletions
src/api/cbyp.js
......@@ -9,4 +9,13 @@ export const queryTreeDataByType = params =>
export const updateCbxsz = params =>
post("/api/cbxsz/updateCbxsz", params);
//合并线索组列表(其他线索组)
export const toHbxsz = params =>
post("/api/cbxsz/toHbxsz", params);
//合并线索
export const insertHbXszxx = params =>
post("/api/xlaj/insertHbXszxx", params);
\ No newline at end of file
src/views/cbyp/hbxsz.vue
<template>
<div class="xszhb">
<div id="xszhb">
<div class="top_title">
<img src="../../assets/img/login/jinhui.png" alt="" />
<div class="name">合并线索组</div>
</div>
<div class="xsz_content">
<div class="left">
<div class="top"></div>
<div class="bottom"></div>
<div class="top paneDiv">
<div class="title_type">
<div class="xian"></div>
<div class="hb_title">预合并线索组</div>
</div>
<div style="float: right">
<el-button
type="primary"
size="small"
style="width: 100px"
@click="yhbxsz(true)"
>合并
</el-button>
<el-button size="small" @click="clear" style="width: 100px"
>还原
</el-button>
</div>
<el-table
id="ajzbQuery"
element-loading-text="拼命加载中"
ref="itsmDataTable"
:data="hbTable"
tooltip-effect="dark"
max-height="600"
style="width: 99%; margin: 0 auto"
width="100%"
size="small"
@selection-change="
(row) => {
handleSelectionChange(row, index);
}
"
>
<el-table-column type="selection" width="55"> </el-table-column>
<el-table-column
align="center"
v-for="columnTitle in propdefaultFormThead"
:prop="columnTitle.prop"
:key="columnTitle.label"
:label="columnTitle.label"
:width="columnTitle.width"
>
<template slot-scope="scope">
<div v-if="columnTitle.prop == 'jyaq'">
<div class="ajxq_s">
<span
class="none"
v-html="scope.row[columnTitle.prop]"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
style="
display: inline-block;
width: 100%;
text-align: right;
color: #3692c6;
font-weight: 600;
"
id="open"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>展开</a
>
</div>
<div class="ajxq_n" style="display: none">
<span
style="display: block"
v-html="scope.row[columnTitle.prop]"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
style="float: right; color: #3692c6; font-weight: 600"
id="stop"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>收起</a
>
</div>
</div>
<div
v-else-if="columnTitle.prop == 'asjbh'"
@click="goDetail(scope.row)"
style="
cursor: pointer;
color: #096cc9;
font-size: 13px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
"
>
{{ scope.row[columnTitle.prop] }}
</div>
<div v-else v-html="scope.row[columnTitle.prop]"></div>
</template>
</el-table-column>
</el-table>
</div>
<div class="bottom paneDiv">
<div class="title_type">
<div class="xian"></div>
<div class="hb_title">本人线索组</div>
</div>
<div class="qt" v-for="(item, index) in tableData" :key="index">
<div class="cbyp">
<div class="title">
<span class="subtitle">{{ item.cbyp.cbajAjmc }}</span>
<span class="lx">{{ item.cbyp.cblxStr }}</span>
<span class="bsh">{{ item.cbyp.bshlxStr }}</span>
</div>
<div>
<el-button
type="primary"
size="mini"
style="width: 100px"
@click="hbaj()"
>合并
</el-button>
<span
@click="
seleteTable[`show${index}`] = !seleteTable[`show${index}`]
"
style="margin-left: 20px"
>
<i
:class="
seleteTable[`show${index}`]
? 'el-icon-arrow-down'
: 'el-icon-arrow-up'
"
></i>
<el-button type="text" style="color: #333333">{{
seleteTable[`show${index}`] == false ? "收起" : "展开"
}}</el-button>
</span>
</div>
</div>
<el-table
v-show="seleteTable[`show${index}`]"
id="ajzbQuery"
element-loading-text="拼命加载中"
ref="itsmDataTable"
:data="item.cbaj"
tooltip-effect="dark"
max-height="600"
style="width: 99%; margin: 0 auto"
width="100%"
size="small"
@selection-change="
(row) => {
handleSelectionChange(row, index);
}
"
>
<el-table-column type="selection" width="55"> </el-table-column>
<el-table-column
align="center"
v-for="columnTitle in propdefaultFormThead"
:prop="columnTitle.prop"
:key="columnTitle.label"
:label="columnTitle.label"
:width="columnTitle.width"
>
<template slot-scope="scope">
<div v-if="columnTitle.prop == 'jyaq'">
<div class="ajxq_s">
<span
class="none"
v-html="scope.row[columnTitle.prop]"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
style="
display: inline-block;
width: 100%;
text-align: right;
color: #3692c6;
font-weight: 600;
"
id="open"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>展开</a
>
</div>
<div class="ajxq_n" style="display: none">
<span
style="display: block"
v-html="scope.row[columnTitle.prop]"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
style="float: right; color: #3692c6; font-weight: 600"
id="stop"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>收起</a
>
</div>
</div>
<div
v-else-if="columnTitle.prop == 'asjbh'"
@click="goDetail(scope.row)"
style="
cursor: pointer;
color: #096cc9;
font-size: 13px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
"
>
{{ scope.row[columnTitle.prop] }}
</div>
<div v-else v-html="scope.row[columnTitle.prop]"></div>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
<div class="right paneDiv">
<div class="title_type">
<div class="xian"></div>
<div class="hb_title">其它线索组</div>
</div>
<div class="qt" v-for="(item, index) in tableData" :key="index">
<div class="cbyp">
<div class="title">
<span class="subtitle">{{ item.cbyp.cbajAjmc }}</span>
<span class="lx">{{ item.cbyp.cblxStr }}</span>
<span class="bsh">{{ item.cbyp.bshlxStr }}</span>
</div>
<div>
<el-button
type="primary"
size="mini"
style="width: 100px"
@click="hbaj(index)"
>合并
</el-button>
<span
@click="
seleteTable[`show${index}`] = !seleteTable[`show${index}`]
"
style="margin-left: 20px"
>
<i
:class="
seleteTable[`show${index}`]
? 'el-icon-arrow-down'
: 'el-icon-arrow-up'
"
></i>
<el-button type="text" style="color: #333333">{{
seleteTable[`show${index}`] == false ? "收起" : "展开"
}}</el-button>
</span>
</div>
</div>
<el-table
id="ajzbQuery"
element-loading-text="拼命加载中"
ref="itsmDataTable"
:data="item.cbaj"
tooltip-effect="dark"
max-height="600"
style="width: 99%; margin: 0 auto"
width="100%"
size="small"
@selection-change="
(row) => {
handleSelectionChange(row, index);
}
"
v-show="seleteTable[`show${index}`]"
>
<el-table-column type="selection" width="55"> </el-table-column>
<el-table-column
align="center"
v-for="columnTitle in propdefaultFormThead"
:prop="columnTitle.prop"
:key="columnTitle.label"
:label="columnTitle.label"
:width="columnTitle.width"
>
<template slot-scope="scope">
<div v-if="columnTitle.prop == 'jyaq'">
<div class="ajxq_s">
<span
class="none"
v-html="scope.row[columnTitle.prop]"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
style="
display: inline-block;
width: 100%;
text-align: right;
color: #3692c6;
font-weight: 600;
"
id="open"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>展开</a
>
</div>
<div class="ajxq_n" style="display: none">
<span
style="display: block"
v-html="scope.row[columnTitle.prop]"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
style="float: right; color: #3692c6; font-weight: 600"
id="stop"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>收起</a
>
</div>
</div>
<div
v-else-if="columnTitle.prop == 'asjbh'"
@click="goDetail(scope.row)"
style="
cursor: pointer;
color: #096cc9;
font-size: 13px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
"
>
{{ scope.row[columnTitle.prop] }}
</div>
<div v-else v-html="scope.row[columnTitle.prop]"></div>
</template>
</el-table-column>
</el-table>
</div>
</div>
<div class="right">
<div class="qt"></div>
</div>
</div>
</template>
<script>
import { toHbxsz } from "@/api/cbyp.js";
import { toHbxsz, insertHbXszxx } from "@/api/cbyp.js";
export default {
data() {
return {
xszajbh: "",
propdefaultFormThead: [
{
label: "案发地点",
prop: "fxasjddXzqhdm",
},
{
label: "案件编号",
prop: "xszajbh",
},
......@@ -38,8 +397,8 @@ export default {
prop: "zcjddm",
},
{
label: "立案单位",
prop: "ladwGajgjgdm",
label: "案发地点",
prop: "fxasjddXzqhdm",
},
{
label: "案发时间",
......@@ -51,6 +410,9 @@ export default {
},
],
tableData: [],
seleteTable: {},
hbTable: [],
yhbTable: [],
};
},
created() {
......@@ -59,17 +421,165 @@ export default {
this.getShuju();
},
methods: {
yhbxsz() {
// this.yhbTable =
// insertHbXszxx({
// })
},
clear() {
this.hbTable = [];
},
hbaj(index) {
if (this.seleteTable[`select${index}`].length > 0) {
if (item.indexOf("select") != -1) {
this.hbTable = [];
var arr = [];
for (var item in this.seleteTable) {
arr = [...this.seleteTable[item]];
arr.forEach((item) => {
this.hbTable.push(item);
});
}
}
} else {
this.$confirm("请选择数据", "提示", {
confirmButtonText: "确定",
type: "warning",
});
}
},
handleSelectionChange(val, index) {
this.$set(this.seleteTable, `select${index}`, val);
},
getShuju() {
var params = new FormData();
params.append("xszajbh", this.xszajbh);
params.append("cbxgfwbzh", this.cbxgfwbzh);
var self = this;
var params = {
xszajbh: this.xszajbh,
cbxgfwbzh: this.cbxgfwbzh,
};
toHbxsz(params).then((res) => {
this.tableData = res.data.qucsj;
self.tableData = res.data.result;
debugger
for (let index = 0; index < self.tableData.length; index++) {
self.$set(this.seleteTable, `select${index}`, []);
self.$set(this.seleteTable, `show${index}`, true);
}
});
},
},
};
</script>
<style>
<style scoped lang="scss">
#xszhb {
.top_title {
height: 52px;
background: #1f212c;
padding-left: 32px;
display: flex;
align-items: center;
img {
width: 36px;
height: 36px;
}
.name {
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 24px;
color: #ffffff;
}
}
.xsz_content {
display: flex;
height: calc(100vh - 52px);
.left {
flex: 1;
display: flex;
flex-direction: column;
.top {
height: 40%;
overflow: auto;
flex: 1;
}
.bottom {
flex: 2;
overflow: auto;
}
}
.right {
flex: 1;
overflow: auto;
}
.cbyp {
display: flex;
justify-content: space-between;
border: 1;
height: 32px;
align-items: center;
margin-top: 7px;
span {
padding: 5px;
margin-right: 5px;
}
.subtitle {
width: 140px;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 26px;
color: #1f212c;
opacity: 1;
}
.lx {
border: 1px solid #f1970f;
opacity: 1;
border-radius: 2px;
color: #f1970f;
padding: 4px;
}
.bsh {
font-size: 15px;
font-family: Microsoft YaHei;
font-weight: 400;
line-height: 20px;
color: #1f212c;
opacity: 1;
}
}
.paneDiv {
background: #ffffff;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
opacity: 1;
border-radius: 5px;
margin: 8px;
padding: 10px 20px;
padding-bottom: 14px;
}
}
.title_type {
height: 39px;
display: flex;
flex-wrap: wrap;
align-items: center;
.xian {
display: inline-block;
width: 6px;
height: 16px;
background: #3670ff;
vertical-align: middle;
margin-right: 16px;
margin-left: 24px;
}
.hb_title {
height: 24px;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 24px;
color: #333333;
opacity: 1;
}
}
}
</style>
\ No newline at end of file
vue.config.js
......@@ -58,7 +58,7 @@ module.exports = {
},
proxy: {
"/api": {
target: "http://192.168.0.138:8762/", //案件标注 http://26.3.13.184:8762/
target: "http://47.92.225.109:8762/", //案件标注 http://26.3.13.184:8762/
ws: true,
changeOrigin: true,
pathRewrite: {
......
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