Skip to content

F
founder_vue
Commit c2129a11 by lp784568205
Options

提交代码

parent 213a67dc
Showing with 1739 additions and 1819 deletions
src/components/bshBmdquery.vue
......@@ -7,10 +7,15 @@
<div class="bottom"></div>
</div>
</div> -->
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="标识号管理" name="bshgl">
<div class="Content paneDiv paneDiv2" style="margin: 8px 20px">
<div class="Content paneDiv paneDiv2" style="margin: 8px 20px 0 22px">
<div class="cxtjWrap">
<el-row>
<el-col :span="24">
<span class="flTtitle" style="padding-left: 20px">查询条件</span>
</el-col>
</el-row>
<el-form
label-position="right"
label-width="140px"
......@@ -224,7 +229,7 @@
<div class="">
<el-row style="width: 99%; margin: 0 auto">
<el-col :span="24">
<span class="flTtitle">案件信息</span>
<span class="flTtitle">信息列表</span>
<!--可配置化图标-->
<div class="total">
<span> {{ tableDataLength }} </span>
......@@ -246,10 +251,11 @@
</el-row>
<!--表格-->
<div v-loading="tableLoading">
<el-table
v-if="pageShow"
id="ajzbQuery"
v-loading="tableLoading"
element-loading-text="拼命加载中"
:key="key"
ref="itsmDataTable"
......@@ -362,6 +368,7 @@
<!--分页-->
<el-pagination
background
v-if="activeName == 'bshgl'"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage1"
......@@ -369,15 +376,20 @@
:page-size="page_size"
layout="sizes,prev, pager, next"
:total="tableDataLength"
v-if="pageShow"
>
</el-pagination>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="白名单管理" name="bmdgl">
<div class="Content paneDiv paneDiv2" style="margin: 8px 20px">
<div class="Content paneDiv paneDiv2" style="margin: 8px 20px 0 22px">
<div class="cxtjWrap">
<el-row>
<el-col :span="24">
<span class="flTtitle" style="padding-left: 20px">查询条件</span>
</el-col>
</el-row>
<el-form
label-position="right"
label-width="140px"
......@@ -591,7 +603,7 @@
<div class="">
<el-row style="width: 99%; margin: 0 auto">
<el-col :span="24">
<span class="flTtitle">案件信息</span>
<span class="flTtitle">信息列表</span>
<!--可配置化图标-->
<div class="total">
<span> {{ tableDataLength }} </span>
......@@ -613,10 +625,11 @@
</el-row>
<!--表格-->
<div v-loading="tableLoading">
<el-table
v-if="pageShow"
id="ajzbQuery"
v-loading="tableLoading"
id="ajzbQuery2"
element-loading-text="拼命加载中"
:key="key"
ref="itsmDataTable"
......@@ -728,17 +741,18 @@
</el-table>
<!--分页-->
<el-pagination
v-if="activeName == 'bmdgl'"
background
@size-change="handleSizeChangeBmd"
@current-change="handleCurrentChangeBmd"
:current-page.sync="currentPage1"
:current-page.sync="currentPage2"
:page-sizes="[10, 20, 50, 100]"
:page-size="page_size"
:page-size="page_size2"
layout="sizes,prev, pager, next"
:total="tableDataLength"
v-if="pageShow"
>
</el-pagination>
</div>
</div>
</div>
</el-tab-pane>
......@@ -797,7 +811,9 @@ export default {
pageBszfc: this.pageBs,
tableLoading: true, //loading
currentPage1: 1, //表格页码
currentPage2: 1, //表格页码2
page_size: 10, //每页显示多少条
page_size2: 10, //每页显示多少条2
// pageShow: this.pageShow, //是否显示分页
formData: this.cxFormData, //查询条件form
propQueryField: this.cxQueryField, //查询条件
......@@ -876,11 +892,13 @@ export default {
bshlx: scope.bshlx,
}).then((res) => {
if (res.code == 200) {
this.$message.success("生成线索组成功");
this.$message.success("添加白名单成功");
this.tableInfor = [];
window.location.reload();
// window.location.reload();
this.activeName = 'bmdgl'
this.doQueryBmd('yes')
} else if (res.data.result == "0") {
this.$message.error("生成线索组失败");
this.$message.error("添加白名单失败");
}
});
})
......@@ -995,16 +1013,6 @@ export default {
showLoading() {
this.tableLoading = true;
},
handleSizeChange(val) {
this.page_size = val;
this.formData.rows = val;
this.doQuery("yes");
},
handleSizeChangeBmd(val) {
this.page_size = val;
this.formData.rows = val;
this.doQueryBmd("yes");
},
clearData() {
let self = this;
for (let i in self.formData) {
......@@ -1042,13 +1050,25 @@ export default {
});
return arr;
},
handleSizeChange(val) {
this.page_size = val;
this.formData.rows = val;
this.doQuery("yes");
},
//新加的切换页码
handleSizeChangeBmd(val) {
this.page_size2 = val;
this.formData.rows = val;
this.doQueryBmd("yes");
},
handleCurrentChange(val) {
this.currentPage1 = val;
this.formData.page = val;
this.doQuery("yes");
},
//新家的翻页
handleCurrentChangeBmd(val) {
this.currentPage1 = val;
this.currentPage2 = val;
this.formData.page = val;
this.doQueryBmd("yes");
},
......@@ -1075,6 +1095,7 @@ export default {
doQuery(flag) {
let self = this,
formDatas = {};
this.showLoading()
for (let i in self.formData) {
if (i != "cxSj") {
formDatas[i] = self.formData[i];
......@@ -1093,6 +1114,13 @@ export default {
response.data.rows || response.data.data || response.data.result;
self.tableDataLength = response.data.total;
self.tPage = Math.ceil(response.data.total / self.page_size);
self.tableData.map((item) => {
this.propQueryField[1].codeOptions.map((good) => {
if(item.bshlx == good.id) {
item.bshlxStr = good.label.substring(0,good.label.length-4)
}
})
})
self.closeLoading();
} else {
/*self.$message({
......@@ -1104,6 +1132,7 @@ export default {
});
}
},
doQueryBmd(flag) {
this.showLoading();
let self = this,
......@@ -1119,13 +1148,22 @@ export default {
}
}
if (flag) {
post(this.cxUrlBmd, formDatas).then((response) => {
formDatas.page = this.currentPage2
formDatas.rows = this.page_size2
post(this.cxUrlBmd, formDatas).then((response) => {
if (response.code == 200) {
debugger;
self.tableData =
response.data.rows || response.data.data || response.data.result;
self.tableDataLength = response.data.total;
self.tPage = Math.ceil(response.data.total / self.page_size);
self.tableData.map((item) => {
this.propQueryField[1].codeOptions.map((good) => {
if(item.bshlx == good.id) {
item.bshlxStr = good.label.substring(0,good.label.length-4)
}
})
})
self.closeLoading();
} else {
/*self.$message({
......@@ -1233,11 +1271,12 @@ export default {
<style scoped lang="scss">
@import "@/assets/styles/rightContent.scss";
/deep/.el-tabs__header.is-top {
margin-top: 20px;
margin-top: 10px;
margin-bottom: -13px;
background-color: #fff;
width: 97.5%;
margin-left: 20px;
width: 97.2%;
margin-left: 22px;
/*margin-right: 22px;*/
border-bottom: 0px solid;
border-radius: 8px;
z-index: 200;
......
src/components/bshChildrenQuery.vue
......@@ -7,242 +7,120 @@
<div class="bottom"></div>
</div>
</div> -->
<div
v-if="pageBs != 'rgcbDetail'"
class="Content paneDiv paneDiv2"
style="margin: 10px 22px; border-radius: 4px !important"
>
<div v-if="pageBs != 'rgcbDetail'" class="Content paneDiv paneDiv2"
style="margin: 10px 22px; border-radius: 4px !important">
<el-row>
<el-col :span="24">
<span class="flTtitle" style="padding-left: 20px">查询条件</span>
</el-col>
</el-row>
<div class="cxtjWrap">
<el-form
label-position="right"
label-width="140px"
ref="queryForm"
:model="formData"
:class="propQueryField.length < 3 ? 'inlineBtn' : ''"
>
<el-form label-position="right" label-width="140px" ref="queryForm" :model="formData"
:class="propQueryField.length < 3 ? 'inlineBtn' : ''">
<div class="zdyLine">
<el-form-item
:label="item.name + ':'"
v-for="item in propQueryField"
:key="item.id"
:prop="item.id"
v-show="!item.hidden"
:class="'demo-input-suffix zdycol' + item.col"
>
<el-form-item :label="item.name + ':'" v-for="item in propQueryField" :key="item.id"
:prop="item.id" v-show="!item.hidden" :class="'demo-input-suffix zdycol' + item.col">
<!--输入框-->
<el-input
clearable
:placeholder="item.placeholder"
v-model="formData[item.id]"
v-if="item.type == 'text'"
>
<el-input clearable :placeholder="item.placeholder" v-model="formData[item.id]"
v-if="item.type == 'text'">
</el-input>
<!--输入框-最大值与最小值-->
<div
class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'zdyText'"
>
<el-input
:placeholder="item.placeholder"
v-model="formData[item.id]"
>
<div class="zdyInputW zdyInputCol2" v-else-if="item.type == 'zdyText'">
<el-input :placeholder="item.placeholder" v-model="formData[item.id]">
</el-input>
—
<el-input
:placeholder="item.placeholder2"
v-model="formData[item.id2]"
style="width: calc((100% - 150) / 2)"
>
<el-input :placeholder="item.placeholder2" v-model="formData[item.id2]"
style="width: calc((100% - 150) / 2)">
</el-input>
</div>
<div
class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'zdyTextSsjz'"
>
<el-input
:placeholder="item.placeholder"
v-model="formData[item.id]"
@blur="checkNumber(formData[item.id])"
>
<div class="zdyInputW zdyInputCol2" v-else-if="item.type == 'zdyTextSsjz'">
<el-input :placeholder="item.placeholder" v-model="formData[item.id]"
@blur="checkNumber(formData[item.id])">
</el-input>
—
<el-input
:placeholder="item.placeholder2"
v-model="formData[item.id2]"
@blur="checkNumber(formData[item.id2])"
style="width: calc((100% - 150) / 2)"
>
<el-input :placeholder="item.placeholder2" v-model="formData[item.id2]"
@blur="checkNumber(formData[item.id2])" style="width: calc((100% - 150) / 2)">
</el-input>
</div>
<div
class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'zdyDate'"
>
<el-date-picker
v-model="formData[item.id]"
type="date"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
value-format="yyyy-MM-dd HH:mm:ss"
>
<div class="zdyInputW zdyInputCol2" v-else-if="item.type == 'zdyDate'">
<el-date-picker v-model="formData[item.id]" type="date" align="right"
:picker-options="item.pickerOptions" unlink-panels
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
至
<el-date-picker
v-model="formData[item.id2]"
type="date"
align="right"
:picker-options="item.pickerOptions2"
unlink-panels
value-format="yyyy-MM-dd HH:mm:ss"
>
<el-date-picker v-model="formData[item.id2]" type="date" align="right"
:picker-options="item.pickerOptions2" unlink-panels
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</div>
<div
class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'zdyDateTh'"
>
<el-date-picker
v-model="formData[item.id]"
type="date"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
value-format="yyyy-MM-dd"
>
<div class="zdyInputW zdyInputCol2" v-else-if="item.type == 'zdyDateTh'">
<el-date-picker v-model="formData[item.id]" type="date" align="right"
:picker-options="item.pickerOptions" unlink-panels value-format="yyyy-MM-dd">
</el-date-picker>
至
<el-date-picker
v-model="formData[item.id2]"
type="date"
align="right"
:picker-options="item.pickerOptions2"
unlink-panels
value-format="yyyy-MM-dd"
>
<el-date-picker v-model="formData[item.id2]" type="date" align="right"
:picker-options="item.pickerOptions2" unlink-panels value-format="yyyy-MM-dd">
</el-date-picker>
</div>
<!--下拉框-->
<el-select
v-model="formData[item.id]"
clearable
:placeholder="item.placeholder"
v-else-if="item.type == 'select'"
>
<el-option
v-for="item3 in item.selectData"
:key="item3.value"
:label="item3.name"
:value="item3.value"
>
<el-select v-model="formData[item.id]" clearable :placeholder="item.placeholder"
v-else-if="item.type == 'select'">
<el-option v-for="item3 in item.selectData" :key="item3.value" :label="item3.name"
:value="item3.value">
</el-option>
</el-select>
<!--文本域-->
<el-input
type="textarea"
autosize
resize="none"
:placeholder="item.placeholder"
v-model="formData[item.id]"
style="height: 50px"
v-else-if="item.type == 'textarea'"
>
<el-input type="textarea" autosize resize="none" :placeholder="item.placeholder"
v-model="formData[item.id]" style="height: 50px" v-else-if="item.type == 'textarea'">
</el-input>
<!--日期框 日期时间-->
<el-date-picker
v-model="formData[item.id]"
type="datetime"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
suffix-icon="el-icon-date"
value-format="yyyy-MM-dd HH:mm:ss"
v-else-if="item.type == 'datetime'"
>
<el-date-picker v-model="formData[item.id]" type="datetime" align="right"
:picker-options="item.pickerOptions" unlink-panels suffix-icon="el-icon-date"
value-format="yyyy-MM-dd HH:mm:ss" v-else-if="item.type == 'datetime'">
</el-date-picker>
<!--日期框-->
<el-date-picker
v-model="formData[item.id]"
type="daterange"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
value-format="yyyy-MM-dd"
end-placeholder="结束日期"
suffix-icon="el-icon-date"
v-else-if="item.type == 'date'"
>
<el-date-picker v-model="formData[item.id]" type="daterange" align="right"
:picker-options="item.pickerOptions" unlink-panels range-separator="至"
start-placeholder="开始日期" value-format="yyyy-MM-dd" end-placeholder="结束日期"
suffix-icon="el-icon-date" v-else-if="item.type == 'date'">
</el-date-picker>
<el-date-picker
v-model="formData[item.id]"
type="datetimerange"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
value-format="yyyy-MM-dd HH:mm:ss"
end-placeholder="结束日期"
prefix-icon="el-icon-date"
v-else-if="item.type == 'datetimerange'"
>
<el-date-picker v-model="formData[item.id]" type="datetimerange" align="right"
:picker-options="item.pickerOptions" unlink-panels range-separator="至"
start-placeholder="开始日期" value-format="yyyy-MM-dd HH:mm:ss" end-placeholder="结束日期"
prefix-icon="el-icon-date" v-else-if="item.type == 'datetimerange'">
</el-date-picker>
<!--多选框-->
<div class="zdyInputW" v-else-if="item.type == 'checkbox'">
<el-checkbox-group v-model="formData[item.id]" size="small">
<el-checkbox
v-for="item2 in item.checkboxData"
:label="item2"
:key="item2"
>{{ item2 }}
<el-checkbox v-for="item2 in item.checkboxData" :label="item2" :key="item2">{{ item2
}}
</el-checkbox>
</el-checkbox-group>
</div>
<!--单选框-->
<div class="zdyInputW" v-else-if="item.type == 'radio'">
<el-radio-group v-model="formData[item.id]" size="small">
<el-radio
:label="item2.val"
v-for="item2 in item.radioData"
:key="item2.val"
>{{ item2.label }}
<el-radio :label="item2.val" v-for="item2 in item.radioData" :key="item2.val">{{
item2.label
}}
</el-radio>
</el-radio-group>
</div>
<!--字典框 @emitValue="getLbValue"-->
<div
class="zdyInputW"
v-else-if="item.type == 'code' || item.type == 'jlCode'"
>
<select-tree
v-model="formData[item.id]"
:placeholder="'请选择' + item.name"
:options="item.codeOptions"
:sendId="item.id"
/>
<div class="zdyInputW" v-else-if="item.type == 'code' || item.type == 'jlCode'">
<select-tree v-model="formData[item.id]" :placeholder="'请选择' + item.name"
:options="item.codeOptions" :sendId="item.id" />
</div>
<!--字典弹框 @emitValue="getLbValue"-->
<div class="zdyInputW" v-else-if="item.type == 'codeTreeDialog'">
<select-tree-dialog
:placeholder="'请选择' + item.name"
:sendId="item.id"
:formData="formData"
:currentItem="item"
/>
<select-tree-dialog :placeholder="'请选择' + item.name" :sendId="item.id"
:formData="formData" :currentItem="item" />
</div>
<!--字典弹框懒加载 @emitValue="getLbValue"-->
<div
class="zdyInputW"
v-else-if="item.type == 'lazyCodeTreeDialog'"
>
<lazy-select-tree-dialog
:placeholder="'请选择' + item.name"
:sendId="item.id"
:formData="formData"
:currentItem="item"
/>
<div class="zdyInputW" v-else-if="item.type == 'lazyCodeTreeDialog'">
<lazy-select-tree-dialog :placeholder="'请选择' + item.name" :sendId="item.id"
:formData="formData" :currentItem="item" />
</div>
</el-form-item>
</div>
......@@ -250,69 +128,39 @@
<!--按钮-->
<div class="btm-btns">
<el-button
type="primary"
size="small"
style="width: 100px"
@click="doQueryBtn(true)"
>查询
<el-button type="primary" size="small" style="width: 100px" @click="doQueryBtn(true)">查询
</el-button>
<el-button
v-if="pageBszfc == 'rgcb'"
type="primary"
size="small"
@click="goNew('新增组')"
style="width: 100px"
>新增
<el-button v-if="pageBszfc == 'rgcb'" type="primary" size="small" @click="goNew('新增组')"
style="width: 100px">新增
</el-button>
<el-button size="small" @click="clearData" style="width: 100px"
>清空
<el-button size="small" @click="clearData" style="width: 100px">清空
</el-button>
</div>
</div>
</div>
<div
class="Content paneDiv paneDiv2"
v-show="pageBs != 'ztsjfxtj'"
style="margin: 8px 20px"
>
<div class="Content paneDiv paneDiv2" v-show="pageBs != 'ztsjfxtj'" style="margin: 8px 20px">
<div class="">
<el-row style="width: 99%; margin: 0 auto">
<el-col :span="24">
<span class="flTtitle">案件信息</span>
<span class="flTtitle">信息列表</span>
<!--可配置化图标-->
<div class="total">
<span> {{ tableDataLength }} </span>
</div>
<span class="export-btn">
<el-button plain size="small" @click="export2Excel" class="export"
><i
class="iconfont iconshangchuan"
style="margin-right: 2px"
></i
>导出
</el-button>
</span>
<el-button plain size="small" @click="export2Excel" class="export"><i
class="iconfont iconshangchuan" style="margin-right: 2px"></i>导出
</el-button>
</span>
</el-col>
</el-row>
<!--表格-->
<el-table
id="ajzbQuery"
v-loading="tableLoading"
element-loading-text="拼命加载中"
:key="key"
ref="itsmDataTable"
:data="tableData"
tooltip-effect="dark"
max-height="600"
style="width: 99%; margin: 0 auto"
width="100%"
size="small"
@expand-change="rowClick"
:row-class-name="tableRowClassName"
>
<el-table id="ajzbQuery" v-loading="tableLoading" element-loading-text="拼命加载中" :key="key"
ref="itsmDataTable" :data="tableData" tooltip-effect="dark" max-height="600"
style="width: 99%; margin: 0 auto" width="100%" size="small" @expand-change="rowClick"
:row-class-name="tableRowClassName">
<!-- <el-table-column type="expand">
<template slot-scope="props">
<el-table
......@@ -401,22 +249,12 @@
</el-table>
</template>
</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"
>
<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="showDate(scope.row.jyaq, cxFormData.jyaq)"
></span
><a
<span class="none" v-html="showDate(scope.row.jyaq, cxFormData.jyaq)"></span><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
style="
......@@ -425,112 +263,103 @@
text-align: right;
color: #3692c6;
font-weight: 600;
"
id="open"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>展开</a
>
" 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="showDate(scope.row.jyaq, cxFormData.jyaq)"
></span
><a
<span style="display: block"
v-html="showDate(scope.row.jyaq, cxFormData.jyaq)"></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
>
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), 'detail'"
style="
<div v-else-if="columnTitle.prop == 'asjbh'" @click="goDetail(scope.row), 'detail'" 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-if="columnTitle.prop == 'ryXm(rySfhm)' && pageBs != 'dwbzcbxs'">
<div v-else-if="columnTitle.prop == 'ryXm_rySfhm' && pageBs != 'dwbzcbxs'">
<p>
通过<span style="color: #3670ff">{{ getRyxm(scope.row.ryXm) }}</span
>(<span style="color: rgb(236, 152, 32)">{{
scope.row.rySfhm
}}</span
>)串并
通过<span style="color: #3670ff">{{ getRyxm(scope.row.ryXm) }}</span>(<span
style="color: rgb(236, 152, 32)">{{
scope.row.rySfhm
}}</span>)串并
</p>
</div>
<div v-else-if="columnTitle.prop == 'ryXm(rySfhm)' && pageBs == 'dwbzcbxs'">
<div v-else-if="columnTitle.prop == 'ryXm_rySfhm' && pageBs == 'dwbzcbxs'">
<p>
通过<span style="color: #3670ff">{{ getRyxm(scope.row.ryXm) }}</span
><span style="color: rgb(236, 152, 32)" v-html="scope.row.rySfhm01">
</span
>串并
通过<span style="color: #3670ff">{{ getRyxm(scope.row.ryXm) }}</span><span
style="color: rgb(236, 152, 32)" v-html="scope.row.rySfhm01">
</span>串并
</p>
</div>
<div v-else-if="columnTitle.prop == 'bshlx(cbxgfwbzh)'">
<div v-else-if="columnTitle.prop == 'bshlx_cblx'">
<div v-if="pageBs == 'rgcb' || 'rgcblist'">
<p>
通过<span style="color: #3670ff"></span
>(<span style="color: rgb(236, 152, 32)">{{
scope.row.cblx
}}</span
>)串并
通过<span style="color: #3670ff"></span>(<span style="color: rgb(236, 152, 32)">{{
scope.row.cblx
}}</span>)串并
</p>
</div>
<div v-else>
<p>
通过<span style="color: #3670ff">{{ scope.row.bshlx }}</span
>(<span style="color: rgb(236, 152, 32)">{{
scope.row.cbxgfwbzh
}}</span
>)串并
通过<span style="color: #3670ff">{{ scope.row.bshlx }}</span>(<span
style="color: rgb(236, 152, 32)">{{
scope.row.cbxgfwbzh
}}</span>)串并
</p>
</div>
</div>
<div
v-else-if="
(pageBs == 'dnabzcbxs' && columnTitle.prop == 'cbajAjmc') || (pageBs == 'zwbzcbxs' && columnTitle.prop == 'cbajAjmc')
"
>
<span
>{{ scope.row[columnTitle.prop] }}
<img
v-if="cxFormData.bzgx != 1"
style="width: 16px; height: 16px; padding-bottom: 2px"
src="./../assets/img/lianhezhencha.png"
@click="toDG(scope.row)"
title="多轨联侦"
/></span>
<div v-else-if="columnTitle.prop == 'bshlx_cbxgfwbzh'">
<div v-if="pageBs == 'rgcb' || 'rgcblist'">
<p>
通过<span style="color: #3670ff">{{ scope.row.bshlx }}</span>(<span
style="color: rgb(236, 152, 32)">{{
scope.row.cbxgfwbzh
}}</span>)串并
</p>
</div>
<div v-else>
<p>
通过<span style="color: #3670ff">{{ scope.row.bshlx }}</span>(<span
style="color: rgb(236, 152, 32)">{{
scope.row.cbxgfwbzh
}}</span>)串并
</p>
</div>
</div>
<div
v-else-if="columnTitle.prop == 'xszmc'"
style="
<div v-else-if="
(pageBs == 'dnabzcbxs' && columnTitle.prop == 'cbajAjmc') || (pageBs == 'zwbzcbxs' && columnTitle.prop == 'cbajAjmc')
">
<span>{{ scope.row[columnTitle.prop] }}
<img v-if="cxFormData.bzgx != 1"
style="width: 16px; height: 16px; padding-bottom: 2px"
src="./../assets/img/lianhezhencha.png" @click="toDG(scope.row)"
title="多轨联侦" /></span>
</div>
<div v-else-if="columnTitle.prop == 'xszmc'" style="
cursor: pointer;
color: #096cc9;
font-size: 13px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
"
>
">
{{ scope.row[columnTitle.prop] }}
<!-- <span
style="
......@@ -543,35 +372,26 @@
@click="goDetail(scope.row, 'qg')"
>全国</span
> -->
<span
style="
<span style="
margin-left: 10px;
padding: 3px 5px;
background: #f0ad4e;
color: #fff;
"
@click="goDetail(scope.row, 'xsz')"
v-if="scope.row['cbzjczqs']"
>{{ scope.row["cbzjczqs"] }}</span
>
" @click="goDetail(scope.row, 'xsz')" v-if="scope.row['cbzjczqs']">{{ scope.row["cbzjczqs"] }}</span>
</div>
<div v-else v-html="scope.row[columnTitle.prop]"></div>
</template>
</el-table-column>
<el-table-column
label="操作"
v-if="
pageBszfc == 'bshcb' ||
pageBszfc == 'rgcb' ||
pageBszfc == 'dnabzcbxs' ||
pageBszfc == 'zwbzcbxs' ||
pageBszfc == 'dwbzcbxs' ||
pageBszfc == 'rgcblist'
"
width="250"
>
<el-table-column label="操作" v-if="
pageBszfc == 'bshcb' ||
pageBszfc == 'rgcb' ||
pageBszfc == 'dnabzcbxs' ||
pageBszfc == 'zwbzcbxs' ||
pageBszfc == 'dwbzcbxs' ||
pageBszfc == 'rgcblist'
" width="250">
<template slot-scope="scope">
<!-- <span
style="cursor: pointer; color: #096cc9"
......@@ -585,54 +405,33 @@
>
<i class="el-icon-delete"></i>删除
</span> -->
<span style="cursor: pointer; color: #096cc9" @click="goNew('添加案件', scope.row)"
v-if="pageBs == 'rgcb'">
<i class="el-icon-aim"></i> 添加案件
</span>
<span style="cursor: pointer; color: #096cc9" @click="rowClick(scope.row, scope.column)"
v-if="(pageBs != 'zwbzcbxs' || pageBs != 'dwbzcbxs') && pageBs != 'rgcblist'">
<i class="el-icon-view"></i> 详情
</span>
<span style="cursor: pointer; color: #096cc9" @click="turnToEdit(scope.row, 'delete')"
v-if="pageBs == 'rgcb'">
<i class="el-icon-delete"></i> 删除
</span>
<span
style="cursor: pointer; color: #096cc9"
@click="goNew('添加案件',scope.row)"
v-if="pageBs == 'rgcb'"
>
<i class="el-icon-aim"></i> 添加案件
</span>
<span
style="cursor: pointer; color: #096cc9"
@click="rowClick(scope.row, scope.column)"
v-if="(pageBs != 'zwbzcbxs' || pageBs != 'dwbzcbxs') && pageBs != 'rgcblist'"
>
<i class="el-icon-view"></i> 详情
</span>
<span
style="cursor: pointer; color: #096cc9"
@click="turnToEdit(scope.row, 'delete')"
v-if="pageBs == 'rgcb'"
>
<i class="el-icon-delete"></i> 删除
</span>
<span
v-show="(pageBs == 'dnabzcbxs' && cxFormData.cblx == '0306') || (pageBs == 'dwbzcbxs')"
style="cursor: pointer; color: #096cc9"
@click="toRelation(scope.row, scope.column)"
>
<i class="el-icon-data-line"></i> 可视化分析
</span>
v-show="(pageBs == 'dnabzcbxs' && cxFormData.cblx == '0306') || (pageBs == 'dwbzcbxs')"
style="cursor: pointer; color: #096cc9" @click="toRelation(scope.row, scope.column)">
<i class="el-icon-data-line"></i> 可视化分析
</span>
<el-button type="text" style="cursor: pointer; color: #096cc9"
v-if="pageBszfc == 'rgcblist'" size="small" @click="addxsz(scope.row)"
>添加线索组
</el-button
>
v-if="pageBszfc == 'rgcblist'" size="small" @click="addxsz(scope.row)">添加线索组
</el-button>
</template>
</el-table-column>
</el-table>
<!--分页-->
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage1"
:page-sizes="[10, 20, 50, 100]"
:page-size="page_size"
layout="sizes,prev, pager, next"
:total="tableDataLength"
v-if="pageShow"
>
<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
:current-page.sync="currentPage1" :page-sizes="[10, 20, 50, 100]" :page-size="page_size"
layout="sizes,prev, pager, next" :total="tableDataLength" v-if="pageShow">
</el-pagination>
</div>
</div>
......@@ -640,369 +439,135 @@
</template>
<script>
import SelectTree from "@c/tree_components.vue";
import SelectTreeDialog from "@c/treeCode_components.vue";
import LazySelectTreeDialog from "@c/lazy_treeCode_components.vue";
import Http from "@/utils/http.js";
import axios from "axios";
import {esAsjQuery} from "@/api/queryAj.js";
import {toQueryXszxx, updateCbxsz, insertBatchCbxsajxx} from "@/api/cbyp.js";
import {get, post, postform} from "@/utils/http.js";
import SelectTree from "@c/tree_components.vue";
import SelectTreeDialog from "@c/treeCode_components.vue";
import LazySelectTreeDialog from "@c/lazy_treeCode_components.vue";
import Http from "@/utils/http.js";
import axios from "axios";
import { esAsjQuery } from "@/api/queryAj.js";
import { toQueryXszxx, updateCbxsz, insertBatchCbxsajxx } from "@/api/cbyp.js";
import { get, post, postform } from "@/utils/http.js";
export default {
name: "ptCxForm",
components: {
SelectTree,
SelectTreeDialog,
LazySelectTreeDialog,
export default {
name: "ptCxForm",
components: {
SelectTree,
SelectTreeDialog,
LazySelectTreeDialog,
},
props: {
pageBs: String,
cxQueryField: {
type: Array,
default: () => [],
},
props: {
pageBs: String,
cxQueryField: {
type: Array,
default: () => [],
},
cxDefaultFormThead: {
type: Array,
default: () => [],
},
cxDefaultFormTheads: {
type: Array,
default: () => [],
},
cxFormData: Object,
cxUrl: String,
childrenUrl: String,
header: String,
pageFlag: String,
cxDefaultFormThead: {
type: Array,
default: () => [],
},
data() {
return {
tPage: null,
checkResult: true,
asjbh: "",
spType: "",
pageBszfc: this.pageBs,
tableLoading: true, //loading
currentPage1: 1, //表格页码
page_size: 10, //每页显示多少条
pageShow: true, //是否显示分页
formData: this.cxFormData, //查询条件form
propQueryField: this.cxQueryField, //查询条件
key: 1, //table得key
tableDataLength: 0, //表格总数
talbeBhgCount: "", // 不合格
talbehgCount: "", // 合格
tableData: [], //表格数据
propdefaultFormThead: this.cxDefaultFormThead, //表格表头
propdefaultFormTheads: this.cxDefaultFormTheads, //子表格表头
propCxUrl: this.cxUrl, //表格的接口
excelHeader: "串并研判",
cz: this.pageFlag,
};
cxDefaultFormTheads: {
type: Array,
default: () => [],
},
methods: {
getRyxm(val) {
let index = val.indexOf(')');
let str = index >= 0 ? val.substring(index + 1, val.length) : val;
return str
},
// 筛选变色
showDate(val, keyword) {
let _self = this;
val = val + "";
if (val.indexOf(keyword) !== -1 && keyword !== "") {
return val.replace(
keyword,
'<span style="color: blueviolet;font-weight: 700">' +
keyword +
"</span>"
);
} else {
return val;
}
},
// 新增按钮
goNew(str, data) {
if (data) {
this.$router.pushToTab({
path: "xzrgcb",
query: {
pageType: str,
xszajbh: data.xszajbh || '',
ajmc: data.cbajAjmc || '',
},
});
} else {
this.$router.pushToTab({
path: "xzrgcb",
query: {
pageType: str,
},
});
}
},
turnToEdit(val, type) {
if (type == "delete") {
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
var params = {
cbxszbhs: val.xszajbh,
}
updateCbxsz(params).then((res) => {
if (res.code == 200) {
this.doQuery("yes");
} else {
this.$message({
type: "error",
message: "删除失败",
});
}
this.$options.methods.doQuery();
});
this.$message({
type: "success",
message: "删除成功!",
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
} else if (type == "add") {
this.$router.pushToTab({
path: "djwzba",
query: {
xszajbh: val.xszajbh,
cbxgfwbzh: val.cbxgfwbzh,
},
});
}
},
// rowClick (row, column, event) {
// var self = this
// self.showLoading()
// let formData = {};
// (formData.xszajbh = row.xszajbh),
// (formData.start = 1),
// (formData.length = 10)
// var index = self.tableData.findIndex(item => item.xszajbh == row.xszajbh)
// post(this.childrenUrl, formData).then(response => {
// if (response.code == 200) {
// self.tableData[index].children = response.data.data
// self.closeLoading()
// } else {
// /*self.$message({
// type: "error",
// message: response.data.message
// });*/
// self.closeLoading()
// }
// })
// },
rowdel(data) {
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(() => {
updateCbxsz({cbxszbhs: data.xsajbh}).then((res) => {
if (res.code == 200) {
this.doQuery("yes");
} else {
this.$message({
type: "error",
message: "删除失败",
});
}
this.$options.methods.doQuery();
});
this.$message({
type: "success",
message: "删除成功!",
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
},
rowClick(row, column, event) {
var self = this;
let pageBs = self.pageBs;
debugger
cxFormData: Object,
cxUrl: String,
childrenUrl: String,
header: String,
pageFlag: String,
},
data() {
return {
tPage: null,
checkResult: true,
asjbh: "",
spType: "",
pageBszfc: this.pageBs,
tableLoading: true, //loading
currentPage1: 1, //表格页码
page_size: 10, //每页显示多少条
pageShow: true, //是否显示分页
formData: this.cxFormData, //查询条件form
propQueryField: this.cxQueryField, //查询条件
key: 1, //table得key
tableDataLength: 0, //表格总数
talbeBhgCount: "", // 不合格
talbehgCount: "", // 合格
tableData: [], //表格数据
propdefaultFormThead: this.cxDefaultFormThead, //表格表头
propdefaultFormTheads: this.cxDefaultFormTheads, //子表格表头
propCxUrl: this.cxUrl, //表格的接口
excelHeader: "串并研判",
cz: this.pageFlag,
};
},
methods: {
getRyxm(val) {
let index = val.indexOf(')');
let str = index >= 0 ? val.substring(index + 1, val.length) : val;
return str
},
// 筛选变色
showDate(val, keyword) {
let _self = this;
val = val + "";
if (val.indexOf(keyword) !== -1 && keyword !== "") {
return val.replace(
keyword,
'<span style="color: blueviolet;font-weight: 700">' +
keyword +
"</span>"
);
} else {
return val;
}
},
// 新增按钮
goNew(str, data) {
if (data) {
this.$router.pushToTab({
path: "rgcbDetail",
path: "xzrgcb",
query: {
xszajbh: row.xszajbh,
djsj: row.djsj,
bshlx: row.bshlx,
cbxgfwbzh: self.pageBs == "bshcb" ? row.cbxgfwbzh : row.rySfhm,
cbxsypCbajs: row.cbxsypCbajs,
type: pageBs,
bzType: self.cxFormData.bzgx,
ryXm: row.ryXm,
pageType: str,
xszajbh: data.xszajbh || '',
ajmc: data.cbajAjmc || '',
},
});
// self.showLoading()
// let formData = {};
// (formData.xszajbh = row.xszajbh),
// (formData.start = 1),
// (formData.length = 10)
// var index = self.tableData.findIndex(item => item.xszajbh == row.xszajbh)
// this.$router.pushToTab({
// path: 'rgcbDetail',
// query: {
// childrenUrl: this.childrenUrl,
// formData: JSON.stringify(formData),
// }
// })
//
// post(this.childrenUrl, formData).then(response => {
// if (response.code == 200) {
// self.tableData[index].children = response.data.data
// self.closeLoading()
// } else {
// /*self.$message({
// type: "error",
// message: response.data.message
// });*/
// self.closeLoading()
// }
// })
},
toDG(data) {
} else {
this.$router.pushToTab({
path: "/grahEchartsDG",
path: "xzrgcb",
query: {
data: data.rySfhm,
xm: data.ryXm
pageType: str,
},
})
},
toRelation(row, column) {
if (this.pageBs == 'dnabzcbxs') {
this.$router.pushToTab({
path: "/grahEcharts",
query: {
data: row.xszajbh,
},
});
} else if (this.pageBs == 'dwbzcbxs') {
this.$router.pushToTab({
path: "/grahEchartsDW",
query: {
data: row.xszajbh,
},
});
}
});
}
},
goDetail(scope, type) {
if (type == "detail") {
this.$router.pushToTab({
path: "ajbzDetail",
query: {
asjbh: scope.asjbh,
},
});
} else if (type == "qg") {
this.$router.pushToTab({
path: "qgxxxx",
query: {
xszajbh: scope.xszajbh,
cbxgfwbzh: scope.cbxgfwbzh,
xlajbh: scope.xlajbh,
},
});
} else if (type == "xsz") {
this.$router.pushToTab({
path: "hbxsz",
query: {
xszajbh: scope.xszajbh,
hbxszType: this.formData.typeFlag,
},
});
}
},
export2Excel() {
/*导出*/
let self = this,
tHeader = [],
filterVal = [];
if (self.tableDataLength > 5000) {
self.$message({
type: "error",
message: "最多只能导出5000条",
});
} else {
const loading = this.$loading({
lock: true,
text: "正在导出...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
let formDatas = {};
for (let i in self.formData) {
if (i != "cxSj") {
formDatas[i] = self.formData[i];
} else {
formDatas[i] =
self.formData[i] != "" && self.formData[i] != null
? self.formData[i].join(" - ")
: "";
}
}
formDatas.page = 1;
formDatas.rows = 5000;
tHeader = [];
filterVal = [];
self.propdefaultFormThead.forEach((val) => {
tHeader.push(val.label);
filterVal.push(val.prop);
});
post(this.propCxUrl, formDatas).then((res) => {
if (res.code === 200) {
res.data.data.forEach((item) => {
item.xszmc = `${item.cbajAjmc}(组号:${item.xszajbh})`;
item.cbajAjmc = `${item.cbajAjmc}(组号:${item.xszajbh})`;
});
require.ensure([], () => {
const {export_json_to_excel} = require("../utils/Export2Excel");
const list = res.data.data;
const data = self.formatJson(filterVal, list);
export_json_to_excel(tHeader, data, self.excelHeader);
});
loading.close();
} else {
loading.close();
self.$message({
type: "error",
message: "查询失败",
});
}
self.tableLoadingEmit = false;
});
}
},
delectByAjbh(asjbh) {
var self = this;
this.$confirm("删除后不可恢复，是否删除？", "提示", {
},
turnToEdit(val, type) {
if (type == "delete") {
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
message: "删除成功!",
})
.then(() => {
var params = {
cbxszbhs: val.xszajbh,
}
updateCbxsz(params).then((res) => {
if (res.code == 200) {
this.doQuery("yes");
} else {
this.$message({
type: "error",
message: "删除失败",
});
}
this.$options.methods.doQuery();
});
this.$message({
type: "success",
message: "删除成功!",
});
})
.catch(() => {
this.$message({
......@@ -1010,108 +575,182 @@
message: "已取消删除",
});
});
},
toXg(item, type) {
let routeData = this.$router.resolve({
path: "/malamodify",
query: {asjbh: item.asjbh, type: type},
});
window.open(routeData.href, "_blank");
},
toLasxxg(asjbh, type, type2) {
let routeData = this.$router.resolve({
path: "/malasxmodify",
query: {asjbh: asjbh, type: type, type2},
} else if (type == "add") {
this.$router.pushToTab({
path: "djwzba",
query: {
xszajbh: val.xszajbh,
cbxgfwbzh: val.cbxgfwbzh,
},
});
window.open(routeData.href, "_blank");
},
closeLoading() {
this.tableLoading = false;
},
showLoading() {
this.tableLoading = true;
},
handleSizeChange(val) {
this.page_size = val;
if (this.formData["rows"]) this.formData["rows"] = val;
if (this.formData["limit"]) this.formData["limit"] = val;
this.doQuery("yes");
},
clearData() {
let self = this;
for (let i in self.formData) {
if (
i != "rows" &&
i != "page" &&
i != "limit" &&
i != "typeFlag" &&
i != "unitcode" &&
i != "grade" &&
i != "flwssfhgpdbz"
) {
self.formData[i] = "";
}
},
// rowClick (row, column, event) {
// var self = this
// self.showLoading()
// let formData = {};
// (formData.xszajbh = row.xszajbh),
// (formData.start = 1),
// (formData.length = 10)
// var index = self.tableData.findIndex(item => item.xszajbh == row.xszajbh)
// post(this.childrenUrl, formData).then(response => {
// if (response.code == 200) {
// self.tableData[index].children = response.data.data
// self.closeLoading()
// } else {
// /*self.$message({
// type: "error",
// message: response.data.message
// });*/
// self.closeLoading()
// }
// })
// },
rowdel(data) {
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(() => {
updateCbxsz({ cbxszbhs: data.xsajbh }).then((res) => {
if (res.code == 200) {
this.doQuery("yes");
} else {
this.$message({
type: "error",
message: "删除失败",
});
}
}
if (self.formData["rows"]) self.formData["rows"] = 10;
if (self.formData["limit"]) self.formData["limit"] = 10;
if (self.formData["page"]) self.formData["page"] = 1;
},
formatJson(filterVal, jsonData) {
let arr = [];
jsonData.map((v) => {
let arr1 = [];
filterVal.map((j) => {
if (j.indexOf(",") != -1) {
let arr = j.split(",");
let data = "";
for (let i = 0; i <= arr.length - 1; i++) {
data += arr[i].split(":")[0] + ":" + v[arr[i].split(":")[1]];
}
arr1.push(data);
} else {
arr1.push(v[j]);
}
this.$options.methods.doQuery();
});
this.$message({
type: "success",
message: "删除成功!",
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
arr.push(arr1);
});
return arr;
},
handleCurrentChange(val) {
this.currentPage1 = val;
this.formData.page = val;
this.formData.start = val;
this.doQuery("yes");
},
tableRowClassName({rowIndex}) {
if (rowIndex % 2 == 0) {
return "";
} else {
return "success-row";
}
},
doQueryBtn(val) {
if (val) {
this.formData.sfhgpdbz = "";
}
if (
this.pageBs == "ztsjfxtj" &&
this.cxFormData.ssjzMin < 10 &&
this.cxFormData.ssjzMin != ""
) {
this.$message.error("仅供损失十万及以上重大侵财案件专题查询");
} else {
if (this.pageBs == "ztsjfxtj") {
this.$emit("cleanHistoryArr");
this.$parent.loading = true;
}
this.formData.page = 1;
this.doQuery("yes");
}
},
doQuery(flag) {
this.showLoading();
let self = this,
formDatas = {};
},
rowClick(row, column, event) {
var self = this;
let pageBs = self.pageBs;
debugger
this.$router.pushToTab({
path: "rgcbDetail",
query: {
xszajbh: row.xszajbh,
djsj: row.djsj,
bshlx: row.bshlx,
cbxgfwbzh: self.pageBs == "bshcb" ? row.cbxgfwbzh : row.rySfhm,
cbxsypCbajs: row.cbxsypCbajs,
type: pageBs,
bzType: self.cxFormData.bzgx,
ryXm: row.ryXm,
},
});
// self.showLoading()
// let formData = {};
// (formData.xszajbh = row.xszajbh),
// (formData.start = 1),
// (formData.length = 10)
// var index = self.tableData.findIndex(item => item.xszajbh == row.xszajbh)
// this.$router.pushToTab({
// path: 'rgcbDetail',
// query: {
// childrenUrl: this.childrenUrl,
// formData: JSON.stringify(formData),
// }
// })
//
// post(this.childrenUrl, formData).then(response => {
// if (response.code == 200) {
// self.tableData[index].children = response.data.data
// self.closeLoading()
// } else {
// /*self.$message({
// type: "error",
// message: response.data.message
// });*/
// self.closeLoading()
// }
// })
},
toDG(data) {
this.$router.pushToTab({
path: "/grahEchartsDG",
query: {
data: data.rySfhm,
xm: data.ryXm
},
})
},
toRelation(row, column) {
if (this.pageBs == 'dnabzcbxs') {
this.$router.pushToTab({
path: "/grahEcharts",
query: {
data: row.xszajbh,
},
});
} else if (this.pageBs == 'dwbzcbxs') {
this.$router.pushToTab({
path: "/grahEchartsDW",
query: {
data: row.xszajbh,
},
});
}
},
goDetail(scope, type) {
if (type == "detail") {
this.$router.pushToTab({
path: "ajbzDetail",
query: {
asjbh: scope.asjbh,
},
});
} else if (type == "qg") {
this.$router.pushToTab({
path: "qgxxxx",
query: {
xszajbh: scope.xszajbh,
cbxgfwbzh: scope.cbxgfwbzh,
xlajbh: scope.xlajbh,
},
});
} else if (type == "xsz") {
this.$router.pushToTab({
path: "hbxsz",
query: {
xszajbh: scope.xszajbh,
hbxszType: this.formData.typeFlag,
},
});
}
},
export2Excel() {
/*导出*/
let self = this,
tHeader = [],
filterVal = [];
if (self.tableDataLength > 5000) {
self.$message({
type: "error",
message: "最多只能导出5000条",
});
} else {
const loading = this.$loading({
lock: true,
text: "正在导出...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
let formDatas = {};
for (let i in self.formData) {
if (i != "cxSj") {
formDatas[i] = self.formData[i];
......@@ -1122,263 +761,447 @@
: "";
}
}
if (flag) {
// item.xszmc = `${item.cbajAjmc}(组号:${item.xszajbh})`
if (this.pageBs == "ztsjfxtj" && formDatas.ssjzMinBefore != "") {
formDatas.ssjzMin = formDatas.ssjzMinBefore + "0000";
delete formDatas.ssjzMinBefore;
}
if (this.pageBs == "ztsjfxtj" && formDatas.ssjzMaxBefore != "") {
formDatas.ssjzMax = formDatas.ssjzMaxBefore + "0000";
delete formDatas.ssjzMaxBefore;
}
if (this.pageBs == "ztsjfxtj" && formDatas.ssjzMinBefore == "") {
formDatas.ssjzMin = 100000;
delete formDatas.ssjzMinBefore;
}
post(this.propCxUrl, formDatas).then((response) => {
if (response.code == 200) {
if (self.pageBs == "bshcb") {
response.data.data.forEach((item) => {
item.children = [];
item.xszmc = `${item.cbajAjmc}`;
// item.cbajAjmc = `${item.cbajAjmc}(组号:${item.xszajbh})`
item.cbxsypCbaj1 = `${item.djsj}通过${item.cblx}(${item.bshlx})串并${item.cbxsypCbajs}起案件，其中已破案${item.rn}起`;
item.cbxsypCbaj2 = `${item.djsj}通过${item.cblx},串并${item.cbxsypCbajs}起案件，其中已破案${item.rn}起`;
if (item.ryXm[0] == "(") {
let nameArr = item.ryXm.split(")");
item.ryXm = nameArr[1];
}
});
formDatas.page = 1;
formDatas.rows = 5000;
tHeader = [];
filterVal = [];
self.propdefaultFormThead.forEach((val) => {
tHeader.push(val.label);
filterVal.push(val.prop);
});
post(this.propCxUrl, formDatas).then((res) => {
if (res.code === 200) {
res.data.data.forEach((item) => {
item.xszmc = `${item.cbajAjmc}(组号:${item.xszajbh})`;
item.cbajAjmc = `${item.cbajAjmc}(组号:${item.xszajbh})`;
if (self.pageBs == 'bshcb') {
item.bshlx_cbxgfwbzh = `通过${item.bshlx}(${item.cbxgfwbzh})串并`;
}
if (self.pageBs == "ztsjfxtj") {
if (response.data.rows.length == 0) {
this.$message.error("暂无数据显示");
}
let xData = response.data.rows.map((i) => ({
name: i.name,
value: i.code,
}));
let data = [];
data[0] = response.data.rows.map((i) => ({
name: i.name,
dm: i.code,
value: i.num,
}));
data[1] = response.data.rows.map((i) => ({
name: i.name,
dm: i.code,
value: i.numPa,
}));
// data[2] = response.data.rows.map((i) => ({
// name: i.name,
// dm: i.code,
// value: i.numWpa,
// }));
//添加到histoy数组
this.$parent.historyArr.push({
x: xData,
data: data,
cxFormData2: this.cxFormData,
});
//刷新图
this.$parent.getCharts(xData, data);
} else {
self.tableData = response.data.data;
if (self.pageBs == 'dwbzcbxs') {
self.tableData.map((item) => {
let arr = JSON.parse(item.rySfhm)
var a = arr.map((good) => {
let arr2 = good.split("(")
let str = ''
arr2[1] = arr2[1].substring(0, 18)
// console.log(arr2)
good = `<span style="color: #3670ff"> ${arr2[0]} </span>(<span style="color:yelllow"> ${arr2[1]} </span>)`
return good
})
console.log(a)
item.rySfhm01 = a.join(",")
// console.log( item.rySfhm01)
})
if (self.pageBs == 'dnabzcbxs') {
let xm = ''
if (item.ryXm.indexOf("(") == 0) {
let arr = item.ryXm.split(")")
xm = arr[1]
} else {
xm = item.ryXm
}
self.tableDataLength = response.data.iTotalRecords;
self.tPage = Math.ceil(
response.data.iTotalRecords / self.page_size
);
item.ryXm_rySfhm = `通过${xm}(${item.rySfhm})串并`;
}
self.closeLoading();
} else {
/*self.$message({
type: "error",
message: response.data.message
});*/
self.closeLoading();
}
if (self.pageBs == 'zwbzcbxs') {
item.ryXm_rySfhm = `通过${item.ryXm}(${item.rySfhm})串并`;
}
if (self.pageBs == 'dwbzcbxs') {
debugger
let arr = JSON.parse(item.rySfhm)
item.ryXm_rySfhm = `通过${arr.join(',')}串并`;
}
if (self.pageBs == 'rgcb') {
item.bshlx_cblx = '通过人工串并';
}
});
require.ensure([], () => {
const { export_json_to_excel } = require("../utils/Export2Excel");
const list = res.data.data;
const data = self.formatJson(filterVal, list);
export_json_to_excel(tHeader, data, self.excelHeader);
});
loading.close();
} else {
loading.close();
self.$message({
type: "error",
message: "查询失败",
});
}
self.tableLoadingEmit = false;
});
}
},
delectByAjbh(asjbh) {
var self = this;
this.$confirm("删除后不可恢复，是否删除？", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
message: "删除成功!",
})
.then(() => {
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
},
toXg(item, type) {
let routeData = this.$router.resolve({
path: "/malamodify",
query: { asjbh: item.asjbh, type: type },
});
window.open(routeData.href, "_blank");
},
toLasxxg(asjbh, type, type2) {
let routeData = this.$router.resolve({
path: "/malasxmodify",
query: { asjbh: asjbh, type: type, type2 },
});
window.open(routeData.href, "_blank");
},
closeLoading() {
this.tableLoading = false;
},
showLoading() {
this.tableLoading = true;
},
handleSizeChange(val) {
this.page_size = val;
if (this.formData["rows"]) this.formData["rows"] = val;
if (this.formData["limit"]) this.formData["limit"] = val;
this.doQuery("yes");
},
clearData() {
let self = this;
for (let i in self.formData) {
if (
i != "rows" &&
i != "page" &&
i != "limit" &&
i != "typeFlag" &&
i != "unitcode" &&
i != "grade" &&
i != "flwssfhgpdbz"
) {
self.formData[i] = "";
}
},
checkNumber(val) {
console.log(val);
if (val != "" && val < 10) {
this.$message.info("仅供损失十万及以上重大侵财案件专题查询");
}
},
addxsz(data) {
if (this.$route.query && this.$route.query.asjbhs && this.$route.query.asjbhs != '') {
let asjbhs = this.$route.query.asjbhs
let params = new FormData()
params.append("asjbhs", asjbhs)
params.append("xszajbh", data.xszajbh)
debugger
insertBatchCbxsajxx(params).then((res) => {
if (res.success == true) {
this.$message.success("添加成功")
} else {
this.$message.error(res.message)
}
if (self.formData["rows"]) self.formData["rows"] = 10;
if (self.formData["limit"]) self.formData["limit"] = 10;
if (self.formData["page"]) self.formData["page"] = 1;
},
formatJson(filterVal, jsonData) {
let arr = [];
jsonData.map((v) => {
let arr1 = [];
filterVal.map((j) => {
if (j.indexOf(",") != -1) {
let arr = j.split(",");
let data = "";
for (let i = 0; i <= arr.length - 1; i++) {
data += arr[i].split(":")[0] + ":" + v[arr[i].split(":")[1]];
}
})
} else {
this.$message.error("请选择案件信息")
arr1.push(data);
} else {
arr1.push(v[j]);
}
});
arr.push(arr1);
});
return arr;
},
handleCurrentChange(val) {
this.currentPage1 = val;
this.formData.page = val;
this.formData.start = val;
this.doQuery("yes");
},
tableRowClassName({ rowIndex }) {
if (rowIndex % 2 == 0) {
return "";
} else {
return "success-row";
}
},
doQueryBtn(val) {
if (val) {
this.formData.sfhgpdbz = "";
}
if (
this.pageBs == "ztsjfxtj" &&
this.cxFormData.ssjzMin < 10 &&
this.cxFormData.ssjzMin != ""
) {
this.$message.error("仅供损失十万及以上重大侵财案件专题查询");
} else {
if (this.pageBs == "ztsjfxtj") {
this.$emit("cleanHistoryArr");
this.$parent.loading = true;
}
},
this.formData.page = 1;
this.doQuery("yes");
}
},
mounted() {
let self = this;
/*获取字典*/
self.propQueryField.forEach((val) => {
if (val.type == "code" || val.type == "codeTreeDialog") {
if (val.codeOptions.length == 0) {
axios
.get(`JsonData/${val.codeTree}.json`)
.then((res) => {
if (val.codeTree == "CODE_XZQH") {
let newArr = res.data.rows;
let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
let unicode = userInfo.unitcode;
if (unicode != "010000000000") {
newArr = res.data.rows.filter((i) => {
return unicode.indexOf(i.id) == 0;
});
}
self.$set(val, "codeOptions", newArr);
} else {
self.$set(val, "codeOptions", res.data.rows);
}
doQuery(flag) {
this.showLoading();
let self = this,
formDatas = {};
for (let i in self.formData) {
if (i != "cxSj") {
formDatas[i] = self.formData[i];
} else {
formDatas[i] =
self.formData[i] != "" && self.formData[i] != null
? self.formData[i].join(" - ")
: "";
}
}
// self.$set(val, "codeOptions", res.data.rows);
})
.catch((err) => {
console.log(err);
if (flag) {
// item.xszmc = `${item.cbajAjmc}(组号:${item.xszajbh})`
if (this.pageBs == "ztsjfxtj" && formDatas.ssjzMinBefore != "") {
formDatas.ssjzMin = formDatas.ssjzMinBefore + "0000";
delete formDatas.ssjzMinBefore;
}
if (this.pageBs == "ztsjfxtj" && formDatas.ssjzMaxBefore != "") {
formDatas.ssjzMax = formDatas.ssjzMaxBefore + "0000";
delete formDatas.ssjzMaxBefore;
}
if (this.pageBs == "ztsjfxtj" && formDatas.ssjzMinBefore == "") {
formDatas.ssjzMin = 100000;
delete formDatas.ssjzMinBefore;
}
post(this.propCxUrl, formDatas).then((response) => {
if (response.code == 200) {
if (self.pageBs == "bshcb") {
response.data.data.forEach((item) => {
item.children = [];
item.xszmc = `${item.cbajAjmc}`;
// item.cbajAjmc = `${item.cbajAjmc}(组号:${item.xszajbh})`
item.cbxsypCbaj1 = `${item.djsj}通过${item.cblx}(${item.bshlx})串并${item.cbxsypCbajs}起案件，其中已破案${item.rn}起`;
item.cbxsypCbaj2 = `${item.djsj}通过${item.cblx},串并${item.cbxsypCbajs}起案件，其中已破案${item.rn}起`;
if (item.ryXm[0] == "(") {
let nameArr = item.ryXm.split(")");
item.ryXm = nameArr[1];
}
});
}
if (self.pageBs == "ztsjfxtj") {
if (response.data.rows.length == 0) {
this.$message.error("暂无数据显示");
}
let xData = response.data.rows.map((i) => ({
name: i.name,
value: i.code,
}));
let data = [];
data[0] = response.data.rows.map((i) => ({
name: i.name,
dm: i.code,
value: i.num,
}));
data[1] = response.data.rows.map((i) => ({
name: i.name,
dm: i.code,
value: i.numPa,
}));
// data[2] = response.data.rows.map((i) => ({
// name: i.name,
// dm: i.code,
// value: i.numWpa,
// }));
//添加到histoy数组
this.$parent.historyArr.push({
x: xData,
data: data,
cxFormData2: this.cxFormData,
});
//刷新图
this.$parent.getCharts(xData, data);
} else {
self.tableData = response.data.data;
if (self.pageBs == 'dwbzcbxs') {
self.tableData.map((item) => {
let arr = JSON.parse(item.rySfhm)
var a = arr.map((good) => {
let arr2 = good.split("(")
let str = ''
arr2[1] = arr2[1].substring(0, 18)
// console.log(arr2)
good = `<span style="color: #3670ff"> ${arr2[0]} </span>(<span style="color:yelllow"> ${arr2[1]} </span>)`
return good
})
console.log(a)
item.rySfhm01 = a.join(",")
// console.log( item.rySfhm01)
})
}
self.tableDataLength = response.data.iTotalRecords;
self.tPage = Math.ceil(
response.data.iTotalRecords / self.page_size
);
}
self.closeLoading();
} else {
/*self.$message({
type: "error",
message: response.data.message
});*/
self.closeLoading();
}
}
});
if (self.pageBs == 'zwbzcbxs' || self.pageBs == 'dwbzcbxs') {
self.propdefaultFormThead = [...self.cxDefaultFormThead];
});
}
self.doQuery("yes");
},
computed: {
//过滤掉重大伤亡重复人员等的操作列
ifShowOperation() {
return (
this.pageBszfc != "zczjcfry" &&
this.pageBszfc != "zdswxxgl" &&
this.pageBszfc != "cfryIndex" &&
this.pageBszfc != "jsbhgl"
);
},
checkNumber(val) {
console.log(val);
if (val != "" && val < 10) {
this.$message.info("仅供损失十万及以上重大侵财案件专题查询");
}
},
watch: {
"cxFormData.bzgx": {
handler(val) {
if (val == 0 && this.pageBs == "dnabzcbxs") {
this.propdefaultFormThead = [...this.cxDefaultFormThead];
this.doQuery("yes");
} else if (val == 1 && this.pageBs == "dnabzcbxs") {
this.propdefaultFormThead = [...this.cxDefaultFormTheads];
this.doQuery("yes");
addxsz(data) {
if (this.$route.query && this.$route.query.asjbhs && this.$route.query.asjbhs != '') {
let asjbhs = this.$route.query.asjbhs
let params = new FormData()
params.append("asjbhs", asjbhs)
params.append("xszajbh", data.xszajbh)
debugger
insertBatchCbxsajxx(params).then((res) => {
if (res.success == true) {
this.$message.success("添加成功")
} else {
this.$message.error(res.message)
}
},
deep: true,
})
} else {
this.$message.error("请选择案件信息")
}
},
},
mounted() {
let self = this;
/*获取字典*/
self.propQueryField.forEach((val) => {
if (val.type == "code" || val.type == "codeTreeDialog") {
if (val.codeOptions.length == 0) {
axios
.get(`JsonData/${val.codeTree}.json`)
.then((res) => {
if (val.codeTree == "CODE_XZQH") {
let newArr = res.data.rows;
let userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
let unicode = userInfo.unitcode;
if (unicode != "010000000000") {
newArr = res.data.rows.filter((i) => {
return unicode.indexOf(i.id) == 0;
});
}
self.$set(val, "codeOptions", newArr);
} else {
self.$set(val, "codeOptions", res.data.rows);
}
// self.$set(val, "codeOptions", res.data.rows);
})
.catch((err) => {
console.log(err);
});
}
}
});
if (self.pageBs == 'zwbzcbxs' || self.pageBs == 'dwbzcbxs') {
self.propdefaultFormThead = [...self.cxDefaultFormThead];
}
self.doQuery("yes");
},
computed: {
//过滤掉重大伤亡重复人员等的操作列
ifShowOperation() {
return (
this.pageBszfc != "zczjcfry" &&
this.pageBszfc != "zdswxxgl" &&
this.pageBszfc != "cfryIndex" &&
this.pageBszfc != "jsbhgl"
);
},
},
watch: {
"cxFormData.bzgx": {
handler(val) {
if (val == 0 && this.pageBs == "dnabzcbxs") {
this.propdefaultFormThead = [...this.cxDefaultFormThead];
this.doQuery("yes");
} else if (val == 1 && this.pageBs == "dnabzcbxs") {
this.propdefaultFormThead = [...this.cxDefaultFormTheads];
this.doQuery("yes");
}
},
// "cxFormData.ssjzMax": {
// handler(val) {
// if (val < 10 && val != "") {
// this.$message.info("仅供损失十万及以上重大侵财案件专题查询");
// }
// },
// deep: true,
// },
deep: true,
},
};
// "cxFormData.ssjzMax": {
// handler(val) {
// if (val < 10 && val != "") {
// this.$message.info("仅供损失十万及以上重大侵财案件专题查询");
// }
// },
// deep: true,
// },
},
};
</script>
<style>
@import url("../assets/iconfont/iconfont.css");
@import url("../assets/iconfont/iconfont.css");
.el-dialog__body {
padding: 10px 15px !important;
}
.el-dialog__body {
padding: 10px 15px !important;
}
.rightContent .el-input__inner,
#formCommonPage .el-input__inner {
height: 32px;
line-height: 32px;
font-family: inherit;
}
.rightContent .el-input__inner,
#formCommonPage .el-input__inner {
height: 32px;
line-height: 32px;
font-family: inherit;
}
.el-table__header-wrapper th,
.el-table__header-wrapper tr {
background: #f4f6f7;
}
.el-table__header-wrapper th,
.el-table__header-wrapper tr {
background: #f4f6f7;
}
.rightContent .el-input__icon,
#formCommonPage .el-input__icon,
.el-input__suffix-inner {
line-height: 32px;
}
.rightContent .el-input__icon,
#formCommonPage .el-input__icon,
.el-input__suffix-inner {
line-height: 32px;
}
.rightContent .el-range-separator {
position: relative;
top: -4px;
}
.rightContent .el-range-separator {
position: relative;
top: -4px;
}
.el-textarea /deep/ .el-textarea__inner {
height: 100% !important;
}
.el-textarea /deep/ .el-textarea__inner {
height: 100% !important;
}
.rightContent .el-textarea__inner,
#formCommonPage .el-textarea__inner {
width: 100%;
font-family: inherit;
}
.rightContent .el-textarea__inner,
#formCommonPage .el-textarea__inner {
width: 100%;
font-family: inherit;
}
.rightContent .el-range-input,
#formCommonPage .el-range-input {
vertical-align: top;
}
.rightContent .el-range-input,
#formCommonPage .el-range-input {
vertical-align: top;
}
.rightContent .el-date-editor .el-range__close-icon {
margin-top: -4px;
}
.rightContent .el-date-editor .el-range__close-icon {
margin-top: -4px;
}
.rightContent .el-form-item__error {
left: calc(66% - 27px);
top: 12px;
}
.rightContent .el-form-item__error {
left: calc(66% - 27px);
top: 12px;
}
.success-row {
background-color: #fbf9f4 !important;
}
.success-row {
background-color: #fbf9f4 !important;
}
.Content .el-input,
.Content .el-date-editor--daterange.el-input__inner {
width: 100% !important;
}
.Content .el-input,
.Content .el-date-editor--daterange.el-input__inner {
width: 100% !important;
}
</style>
<style scoped lang="scss">
@import "@/assets/styles/rightContent.scss";
@import "@/assets/styles/rightContent.scss";
</style>
src/components/bztj_component.vue
......@@ -17,193 +17,87 @@
</div>
<div v-if="propQueryField.length != 0" class="Content paneDiv paneDiv2">
<div class="cxtjWrap">
<el-form
label-position="right"
label-width="140px"
ref="queryForm"
:model="formData"
:class="propQueryField.length < 3 ? 'inlineBtn' : ''"
>
<el-form label-position="right" label-width="140px" ref="queryForm" :model="formData"
:class="propQueryField.length < 3 ? 'inlineBtn' : ''">
<div class="zdyLine">
<el-form-item
:label="item.name + ':'"
v-for="item in propQueryField"
:key="item.id"
:prop="item.id"
v-show="!item.hidden"
:class="'demo-input-suffix zdycol' + item.col"
>
<el-form-item :label="item.name + ':'" v-for="item in propQueryField" :key="item.id" :prop="item.id"
v-show="!item.hidden" :class="'demo-input-suffix zdycol' + item.col">
<!--输入框-->
<el-input
clearable
:placeholder="item.placeholder"
v-model="formData[item.id]"
v-if="item.type == 'text'"
>
<el-input clearable :placeholder="item.placeholder" v-model="formData[item.id]"
v-if="item.type == 'text'">
</el-input>
<!--输入框-最大值与最小值-->
<div
class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'zdyText'"
>
<el-input
:placeholder="item.placeholder"
v-model="formData[item.id]"
>
<div class="zdyInputW zdyInputCol2" v-else-if="item.type == 'zdyText'">
<el-input :placeholder="item.placeholder" v-model="formData[item.id]">
</el-input>
至
<el-input
:placeholder="item.placeholder2"
v-model="formData[item.id2]"
style="width: calc((100% - 150) / 2)"
>
<el-input :placeholder="item.placeholder2" v-model="formData[item.id2]"
style="width: calc((100% - 150) / 2)">
</el-input>
</div>
<div
class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'zdyDate'"
>
<el-date-picker
v-model="formData[item.id]"
type="date"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
value-format="yyyy-MM-dd"
>
<div class="zdyInputW zdyInputCol2" v-else-if="item.type == 'zdyDate'">
<el-date-picker v-model="formData[item.id]" type="date" align="right"
:picker-options="item.pickerOptions" unlink-panels value-format="yyyy-MM-dd">
</el-date-picker>
至
<el-date-picker
v-model="formData[item.id2]"
type="date"
align="right"
:picker-options="item.pickerOptions2"
unlink-panels
value-format="yyyy-MM-dd"
>
<el-date-picker v-model="formData[item.id2]" type="date" align="right"
:picker-options="item.pickerOptions2" unlink-panels value-format="yyyy-MM-dd">
</el-date-picker>
</div>
<!--下拉框-->
<el-select
v-model="formData[item.id]"
clearable
:placeholder="item.placeholder"
v-else-if="item.type == 'select'"
>
<el-option
v-for="item3 in item.selectData"
:key="item3.value"
:label="item3.name"
:value="item3.value"
>
<el-select v-model="formData[item.id]" clearable :placeholder="item.placeholder"
v-else-if="item.type == 'select'">
<el-option v-for="item3 in item.selectData" :key="item3.value" :label="item3.name" :value="item3.value">
</el-option>
</el-select>
<!--文本域-->
<el-input
type="textarea"
autosize
resize="none"
:placeholder="item.placeholder"
v-model="formData[item.id]"
v-else-if="item.type == 'textarea'"
>
<el-input type="textarea" autosize resize="none" :placeholder="item.placeholder"
v-model="formData[item.id]" v-else-if="item.type == 'textarea'">
</el-input>
<!--日期框 日期时间-->
<el-date-picker
v-model="formData[item.id]"
type="datetime"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
suffix-icon="el-icon-date"
value-format="yyyy-MM-dd HH:mm:ss"
v-else-if="item.type == 'datetime'"
>
<el-date-picker v-model="formData[item.id]" type="datetime" align="right"
:picker-options="item.pickerOptions" unlink-panels suffix-icon="el-icon-date"
value-format="yyyy-MM-dd HH:mm:ss" v-else-if="item.type == 'datetime'">
</el-date-picker>
<!--日期框-->
<el-date-picker
v-model="formData[item.id]"
type="daterange"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
value-format="yyyy-MM-dd"
end-placeholder="结束日期"
suffix-icon="el-icon-date"
v-else-if="item.type == 'date'"
>
<el-date-picker v-model="formData[item.id]" type="daterange" align="right"
:picker-options="item.pickerOptions" unlink-panels range-separator="至" start-placeholder="开始日期"
value-format="yyyy-MM-dd" end-placeholder="结束日期" suffix-icon="el-icon-date"
v-else-if="item.type == 'date'">
</el-date-picker>
<el-date-picker
v-model="formData[item.id]"
type="datetimerange"
align="right"
:picker-options="item.pickerOptions"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
value-format="yyyy-MM-dd HH:mm:ss"
end-placeholder="结束日期"
prefix-icon="el-icon-date"
v-else-if="item.type == 'datetimerange'"
>
<el-date-picker v-model="formData[item.id]" type="datetimerange" align="right"
:picker-options="item.pickerOptions" unlink-panels range-separator="至" start-placeholder="开始日期"
value-format="yyyy-MM-dd HH:mm:ss" end-placeholder="结束日期" prefix-icon="el-icon-date"
v-else-if="item.type == 'datetimerange'">
</el-date-picker>
<!--多选框-->
<div class="zdyInputW" v-else-if="item.type == 'checkbox'">
<el-checkbox-group v-model="formData[item.id]" size="small">
<el-checkbox
v-for="city in item.checkList"
:label="city"
:key="city.val"
>{{ city.label }}</el-checkbox
>
<el-checkbox v-for="city in item.checkList" :label="city" :key="city.val">{{ city.label }}
</el-checkbox>
</el-checkbox-group>
</div>
<!--单选框-->
<div class="zdyInputW" v-else-if="item.type == 'radio'">
<el-radio-group v-model="formData[item.id]" size="small">
<el-radio
:label="item2.val"
v-for="item2 in item.radioData"
:key="item2.val"
>{{ item2.label }}
<el-radio :label="item2.val" v-for="item2 in item.radioData" :key="item2.val">{{ item2.label }}
</el-radio>
</el-radio-group>
</div>
<!--字典框 @emitValue="getLbValue"-->
<div
class="zdyInputW"
v-else-if="item.type == 'code' || item.type == 'jlCode'"
>
<select-tree
v-model="formData[item.id]"
:placeholder="'请选择' + item.name"
:options="item.codeOptions"
:sendId="item.id"
/>
<div class="zdyInputW" v-else-if="item.type == 'code' || item.type == 'jlCode'">
<select-tree v-model="formData[item.id]" :placeholder="'请选择' + item.name" :options="item.codeOptions"
:sendId="item.id" />
</div>
<!--字典弹框 @emitValue="getLbValue"-->
<div class="zdyInputW" v-else-if="item.type == 'codeTreeDialog'">
<select-tree-dialog
:placeholder="'请选择' + item.name"
:sendId="item.id"
:formData="formData"
:currentItem="item"
ref="selectTree"
/>
<select-tree-dialog :placeholder="'请选择' + item.name" :sendId="item.id" :formData="formData"
:currentItem="item" ref="selectTree" />
</div>
<!--字典弹框懒加载 @emitValue="getLbValue"-->
<div
class="zdyInputW"
v-else-if="item.type == 'lazyCodeTreeDialog'"
>
<lazy-select-tree-dialog
:placeholder="'请选择' + item.name"
:sendId="item.id"
:formData="formData"
:currentItem="item"
/>
<div class="zdyInputW" v-else-if="item.type == 'lazyCodeTreeDialog'">
<lazy-select-tree-dialog :placeholder="'请选择' + item.name" :sendId="item.id" :formData="formData"
:currentItem="item" />
</div>
</el-form-item>
</div>
......@@ -211,17 +105,11 @@
<!--按钮-->
<div class="btm-btns">
<el-button
type="primary"
size="small"
style="width: 100px"
@click="doQueryBtn(true)"
>查询
<el-button type="primary" size="small" style="width: 100px" @click="doQueryBtn(true)">查询
</el-button>
<el-button size="small" @click="clearData" style="width: 100px"
>清空
<el-button size="small" @click="clearData" style="width: 100px">清空
</el-button>
</div>
</div>
</div>
......@@ -232,119 +120,74 @@
<span class="flTtitle">案件信息</span>
<!--可配置化图标-->
<div class="total">
<span> {{ tableDataLength }} </span>
<span v-if="!tableLoading"> {{ tableDataLength }} </span><i v-if="tableLoading"
class="el-icon-loading"></i>
</div>
<span class="export-btn">
<el-button plain size="small" @click="export2Excel" class="export"
><i
class="iconfont iconshangchuan"
style="margin-right: 2px"
></i
>导出
<el-button plain size="small" @click="export2Excel" class="export"><i class="iconfont iconshangchuan"
style="margin-right: 2px"></i>导出
</el-button>
</span>
</el-col>
</el-row>
<!--表格-->
<el-table
id="ajzbQuery"
v-loading="tableLoading"
element-loading-text="拼命加载中"
:key="key"
ref="itsmDataTable"
:data="tableData"
tooltip-effect="dark"
max-height="600"
style="width: 99%; margin: 0 auto"
width="100%"
size="small"
:row-class-name="tableRowClassName"
>
<el-table-column
align="center"
label="操作"
v-if="pageBs == 'queryCheckBj' && cxFormData.bzzt == 1"
:width="'200'"
>
<template slot-scope="scope">
<span @click="bjBack(scope.row.asjbh)" class="edit">退回</span>
</template>
</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 -->
<span class="none" v-html="showDate(scope.row.jyaq,formData.jyaq)"></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
style="
<div v-loading="echartsPiePiePieLoadingPie" element-loading-text="正在下载中"
element-loading-background="rgba(255,255,255,0.2)">
<el-table id="ajzbQuery" v-loading="tableLoading" element-loading-text="拼命加载中" :key="key" ref="itsmDataTable"
:data="tableData" tooltip-effect="dark" max-height="600" style="width: 99%; margin: 0 auto" width="100%"
size="small" :row-class-name="tableRowClassName">
<el-table-column align="center" label="操作" v-if="pageBs == 'queryCheckBj' && cxFormData.bzzt == 1"
:width="'200'">
<template slot-scope="scope">
<span @click="bjBack(scope.row.asjbh)" class="edit">退回</span>
</template>
</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 -->
<span class="none" v-html="showDate(scope.row.jyaq, formData.jyaq)"></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="showDate(scope.row.jyaq,formData.jyaq)"
></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="
" id="open" v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>收起</a
>
">展开</a>
</div>
<div class="ajxq_n" style="display: none">
<span style="display: block" v-html="showDate(scope.row.jyaq, formData.jyaq)"></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>
<div
v-else-if="columnTitle.prop == 'bzzt'"
:style="{
<div v-else-if="columnTitle.prop == 'bzzt'" :style="{
color: scope.row[columnTitle.prop] == 1 ? '' : 'red',
}"
>
{{ scope.row[columnTitle.prop] == 1 ? "已标注" : "未标注" }}
</div>
<div v-else v-html="scope.row[columnTitle.prop]"></div>
</template>
</el-table-column>
</el-table>
<!--分页-->
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage1"
:page-sizes="[10, 20, 50, 100]"
:page-size="page_size"
layout="sizes,prev, pager, next"
:total="tableDataLength"
v-if="pageShow"
>
</el-pagination>
}">
{{ scope.row[columnTitle.prop] == 1 ? "已标注" : "未标注" }}
</div>
<div v-else v-html="scope.row[columnTitle.prop]"></div>
</template>
</el-table-column>
</el-table>
<!--分页-->
<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
:current-page.sync="currentPage1" :page-sizes="[10, 20, 50, 100]" :page-size="page_size"
layout="sizes,prev, pager, next" :total="tableDataLength" v-if="pageShow">
</el-pagination>
</div>
</div>
</div>
</div>
......@@ -419,6 +262,7 @@ export default {
identitycard: JSON.parse(sessionStorage.getItem("userInfo")).identitycard,
isInclude: false,
active: "/queryAj",
echartsPiePiePieLoadingPie: false,
};
},
created() {
......@@ -432,7 +276,7 @@ export default {
},
methods: {
// 筛选变色
showDate(val,keyword) {
showDate(val, keyword) {
console.log(val);
let _self = this
console.log(keyword);
......@@ -440,7 +284,7 @@ export default {
if (val.indexOf(keyword) !== -1 && keyword !== "") {
return val.replace(
keyword,
'<font color="#409EFF">' + keyword+ "</font>"
'<font color="#409EFF">' + keyword + "</font>"
);
} else {
return val;
......@@ -465,7 +309,7 @@ export default {
query: {
asjbh: scope.row.asjbh,
isCheck: "Check",
bzzt:scope.row.bzzt,
bzzt: scope.row.bzzt,
},
});
} else if (this.pageBs == "queryAj") {
......@@ -473,15 +317,15 @@ export default {
// console.log(scope);
// this.formData.jyaq = '1'
// if (this.isBtn) {
this.$router.pushToTab({
path: "ajbzDetail",
query: {
asjbh: scope.row.asjbh,
bzzt: scope.row.bzzt,
asjbhIndex: scope.$index,
form: JSON.stringify(this.formData),
},
});
this.$router.pushToTab({
path: "ajbzDetail",
query: {
asjbh: scope.row.asjbh,
bzzt: scope.row.bzzt,
asjbhIndex: scope.$index,
form: JSON.stringify(this.formData),
},
});
/*} else {
let list = {
page: 1,
......@@ -521,65 +365,103 @@ export default {
}
},
export2Excel() {
/*导出*/
let self = this,
tHeader = [],
filterVal = [];
if (self.tableDataLength > 5000) {
self.$message({
type: "error",
message: "最多只能导出5000条",
});
} else {
const loading = this.$loading({
lock: true,
text: "正在导出...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
let formDatas = {};
for (let i in self.formData) {
if (i != "cxSj") {
formDatas[i] = self.formData[i];
} else {
formDatas[i] =
self.formData[i] != "" && self.formData[i] != null
? self.formData[i].join(" - ")
: "";
}
let self = this;
// if(self.$route.query.ladw == '100') {
// self.$message.errpr("其他单位无法导出")
// return
// }
self.echartsPiePiePieLoadingPie = true
var sessionData = sessionStorage.getItem('token')
// // var token = ''
axios.get(`api/getTj?excelName=${self.$route.query.excelName}&count=${self.$route.query.bzbnum}&asjkssj=${self.$route.query.asjkssj}&asjjssj=${self.$route.query.asjjssj}&ladwdm=${self.$route.query.ladw || '0'}`, {
responseType: 'blob',
headers: {
'blade-auth': sessionData,
'authorization': 'Basic c2FiZXI6c2FiZXJfc2VjcmV0',
}
// formDatas.page = 1;
// formDatas.rows = 5000;
tHeader = [];
filterVal = [];
self.propdefaultFormThead.forEach((val) => {
tHeader.push(val.label);
filterVal.push(val.prop);
}).then((res) => {
if (!res) {
self.echartsPiePiePieLoadingPie = false;
return
};
const blob = new Blob([res], {
type: "application/vnd.ms-excel",
});
post(this.cxUrl, formDatas).then((res) => {
if (res.code === 200) {
res.data.data.forEach((item) => {
item.xszmc = `${item.cbajAjmc}(组号:${item.xszajbh})`;
item.cbajAjmc = `${item.cbajAjmc}(组号:${item.xszajbh})`;
});
require.ensure([], () => {
const { export_json_to_excel } = require("../utils/Export2Excel");
const list = res.data.data;
const data = self.formatJson(filterVal, list);
export_json_to_excel(tHeader, data, self.excelHeader);
});
loading.close();
} else {
loading.close();
self.$message({
type: "error",
message: "查询失败",
});
}
self.tableLoadingEmit = false;
});
}
const href = URL.createObjectURL(blob);
console.log(href)
const a = document.createElement("a")
a.style.display = "none"
a.href = href;
a.dowmload = '不合格标注信息.xls'
a.click();
// self.closeLoading();
self.echartsPiePiePieLoadingPie = false;
})
// self.closeLoading();
},
// export2Excel() {
// /*导出*/
// let self = this,
// tHeader = [],
// filterVal = [];
// if (self.tableDataLength > 5000) {
// self.$message({
// type: "error",
// message: "最多只能导出5000条",
// });
// } else {
// const loading = this.$loading({
// lock: true,
// text: "正在导出...",
// spinner: "el-icon-loading",
// background: "rgba(255, 255, 255, 0.7)",
// });
// let formDatas = {};
// for (let i in self.formData) {
// if (i != "cxSj") {
// formDatas[i] = self.formData[i];
// } else {
// formDatas[i] =
// self.formData[i] != "" && self.formData[i] != null
// ? self.formData[i].join(" - ")
// : "";
// }
// }
// // formDatas.page = 1;
// // formDatas.rows = 5000;
// tHeader = [];
// filterVal = [];
// self.propdefaultFormThead.forEach((val) => {
// tHeader.push(val.label);
// filterVal.push(val.prop);
// });
// post(this.cxUrl, formDatas).then((res) => {
// if (res.code === 200) {
// res.data.data.forEach((item) => {
// item.xszmc = `${item.cbajAjmc}(组号:${item.xszajbh})`;
// item.cbajAjmc = `${item.cbajAjmc}(组号:${item.xszajbh})`;
// });
// require.ensure([], () => {
// const { export_json_to_excel } = require("../utils/Export2Excel");
// const list = res.data.data;
// const data = self.formatJson(filterVal, list);
// export_json_to_excel(tHeader, data, self.excelHeader);
// });
// loading.close();
// } else {
// loading.close();
// self.$message({
// type: "error",
// message: "查询失败",
// });
// }
// self.tableLoadingEmit = false;
// });
// }
// },
delectByAjbh(asjbh) {
var self = this;
this.$confirm("删除后不可恢复，是否删除？", "提示", {
......@@ -587,7 +469,7 @@ export default {
cancelButtonText: "取消",
type: "warning",
})
.then(() => {})
.then(() => { })
.catch(() => {
this.$message({
type: "info",
......@@ -617,7 +499,9 @@ export default {
},
handleSizeChange(val) {
this.page_size = val;
this.formData.rows = val;
this.currentPage1 = 1;
this.formData.page = 1;
this.formData.limit = val;
this.doQuery("yes");
},
clearData() {
......@@ -677,7 +561,7 @@ export default {
return "success-row";
}
},
doQueryBtn(val) {
debugger;
this.isBtn = true;
......@@ -719,8 +603,8 @@ export default {
});
self.tableData = response.data.rows;
debugger;
self.tableDataLength = response.data.total;
self.tPage = Math.ceil(response.data.total / self.page_size);
self.tableDataLength = response.data.tot;
self.tPage = Math.ceil(response.data.tot / self.page_size);
self.closeLoading();
} else {
/*self.$message({
......@@ -856,9 +740,11 @@ export default {
<style scoped lang="scss">
@import "@/assets/styles/rightContent.scss";
/deep/ .el-table .cell {
white-space: pre-line;
}
.el-radio {
color: #606266;
cursor: pointer;
......
src/components/rgcb_wdxl/ptcxform_component.vue
This source diff could not be displayed because it is too large. You can view the blob instead.
src/views/bztj.vue
<template>
<div
class="Content"
v-loading="echartsPieLoading"
element-loading-text="拼命加载中"
element-loading-background="rgba(255,255,255,0.2)"
>
<div class="Content">
<div class="rightContent">
<div class="topTitle">
<span>案件标注统计</span>
......@@ -14,166 +9,105 @@
</div>
</div>
<!-- 搜索输入框 -->
<div
style="margin: 20px auto; width: 1680px"
class="Content paneDiv paneDiv2"
>
<div style="margin: 20px auto; width: 1680px" class="Content paneDiv paneDiv2">
<div class="cxtjWrap">
<el-form
label-position="right"
label-width="140px"
ref="bztj"
:model="formData"
>
<el-form label-position="right" label-width="140px" ref="bztj" :model="formData">
<div class="zdyLine" style="display: flex">
<el-form-item
:label="item.name + ':'"
v-for="item in BztjCxtj"
:key="item.id"
:prop="item.id"
:class="'demo-input-suffix zdycol' + item.col"
>
<el-form-item :label="item.name + ':'" v-for="item in BztjCxtj" :key="item.id" :prop="item.id"
:class="'demo-input-suffix zdycol' + item.col">
<div class="zdyInputW zdyInputCol2">
<el-date-picker
v-model="formData[item.id]"
type="date"
align="right"
unlink-panels
value-format="yyyy-MM-dd"
>
<el-date-picker v-model="formData[item.id]" type="date" align="right" unlink-panels
value-format="yyyy-MM-dd">
</el-date-picker>
至
<el-date-picker
v-model="formData[item.id2]"
type="date"
align="right"
unlink-panels
value-format="yyyy-MM-dd"
>
<el-date-picker v-model="formData[item.id2]" type="date" align="right" unlink-panels
value-format="yyyy-MM-dd">
</el-date-picker>
</div>
</el-form-item>
</div>
<div
style="position: absolute; top: 18px; right: 800px"
class="btm-btns"
>
<el-button size="small" @click="clearData" style="width: 100px"
>清空
<div style="position: absolute; top: 18px; right: 800px" class="btm-btns">
<el-button type="primary" size="small" style="width: 100px" @click="doQuery">查询
</el-button>
<el-button
type="primary"
size="small"
style="width: 100px"
@click="doQuery"
>查询
<el-button size="small" @click="clearData" style="width: 100px">清空
</el-button>
</div>
</el-form>
<!--按钮-->
</div>
</div>
<!-- 中间五个按钮 -->
<div
style="width: 1704px; height: 120px; margin: 0 auto; display: flex"
class=""
>
<div
class="Content paneDiv paneDiv2 fiveBox"
style="
width: 318px;
<div style="width: 1704px; height: 120px; margin: 0 auto; display: flex" class="fiveBox">
<div class="Content paneDiv paneDiv2 fiveBox" style="
width: 397px;
height: 120px;
flex-direction: row;
margin: 0 12px;
margin: 0 15px;
padding-bottom: 0;
"
v-for="(item, index) in buttonBox"
:key="index"
>
" v-for="(item, index) in buttonBox" :key="index">
<p style="color: #999; font-size: 16px; margin: 30px 20px 0 20px">
{{ item.name }}
</p>
<p style="color: #000; font-size: 26px; margin: -10px 20px 0 20px">
{{ item.value }}<span style="font-size: 15px">(起)</span>
<p style="width: 50%;color: #000; font-size: 26px; margin: -10px 20px 0 20px">
<i v-if="echartsPieLoading" class="el-icon-loading"></i><span v-if="echartsPieLoading == false">{{
item.value
}}</span><span style="font-size: 15px">(起)</span>
</p>
<!-- <img style="width:50px;height: 50px;" :src="item.backgroundImg" alt=""> -->
<img
style="
<img style="
width: 50px;
height: 50px;
position: absolute;
right: 35px;
top: 35px;
"
:src="item.leftIcon"
alt=""
/>
<img
style="
" :src="item.leftIcon" alt="" />
<img style="
width: 159px;
height: 120px;
position: absolute;
right: 0;
top: 0;
"
:src="item.backgroundImg"
alt=""
/>
" :src="item.backgroundImg" alt="" />
</div>
</div>
<!-- 中间统计图 -->
<div
style="
<div v-loading="echartsPiePieLoading" element-loading-text="拼命加载中"
element-loading-background="rgba(255,255,255,0.2)" style="
height: 340px;
width: 1680px;
margin: 20px auto 10px;
postion: relative;
"
class="paneDiv paneDiv2"
>
<div
style="
" class="paneDiv paneDiv2">
<div style="
display: flex;
position: absolute;
left: 24px;
top: 12px;
z-index: 999;
"
>
">
<p style="font-size: 20px; margin-right: 20px">案件标注统计</p>
<!-- <el-button size="small" plain @click="tableShow = false"-->
<!-- >图表</el-button-->
<!-- >-->
<!-- <el-button size="small" plain @click="tableShow = true"-->
<!-- >列表</el-button-->
<!-- >-->
<!-- <el-button size="small" plain @click="tableShow = false"-->
<!-- >图表</el-button-->
<!-- >-->
<!-- <el-button size="small" plain @click="tableShow = true"-->
<!-- >列表</el-button-->
<!-- >-->
<el-radio-group v-model="checkBoxG" size="small" @change="changeTableShow()">
<el-radio-button label="图表">图表</el-radio-button>
<el-radio-button label="列表">列表</el-radio-button>
</el-radio-group>
<el-button style="margin-left: 10px" size="small" v-show="historyArr.length > 0" plain @click="getBack()"
>返回</el-button
>
<el-button style="margin-left: 10px" size="small" v-show="historyArr.length > 0" plain @click="getBack()">返回
</el-button>
</div>
<div v-show="!tableShow" id="echartszhu" ref="echartszhu"></div>
<div v-show="tableShow" style="margin-top: 50px">
<el-table
id="ajzbQuery"
:data="twoData"
tooltip-effect="dark"
max-height="290"
style="width: 99%; margin: 0 auto"
width="100%"
size="small"
>
<el-table-column
align="center"
v-for="columnTitle in propFormThead"
:prop="columnTitle.prop"
:key="columnTitle.label"
:label="columnTitle.label"
>
<el-table id="ajzbQuery" :data="twoData" tooltip-effect="dark" max-height="290"
style="width: 99%; margin: 0 auto" width="100%" size="small">
<el-table-column align="center" v-for="columnTitle in propFormThead" :prop="columnTitle.prop"
:key="columnTitle.label" :label="columnTitle.label">
<template slot-scope="scope">
<!-- <div
v-if="columnTitle.label == '标注不合格'"
......@@ -188,11 +122,12 @@
<div v-else-if="columnTitle.label == '排名'">
{{ index + 1 }}
</div> -->
<div v-if="columnTitle.label == '立案单位'" >
<el-button type="text" @click="getTwoData(scope.row.code)">{{ scope.row[columnTitle.prop] }}</el-button>
<div v-if="columnTitle.label == '立案单位'">
<el-button type="text" @click="getTwoData(scope.row.code)">{{ scope.row[columnTitle.prop] }}
</el-button>
</div>
<div v-else v-html="scope.row[columnTitle.prop]"></div>
<!-- {{ scope.row[columnTitle.prop] }}-->
<div v-else v-html="scope.row[columnTitle.prop]"></div>
<!-- {{ scope.row[columnTitle.prop] }}-->
</template>
</el-table-column>
</el-table>
......@@ -201,68 +136,55 @@
<!-- 下方两块 -->
<div style="height: 336px; width: 1680px; margin: 0 auto; display: flex">
<!-- 下方表格 -->
<div
style="
<div v-loading="echartsPiePiePieLoadingPie" element-loading-text="正在下载中"
element-loading-background="rgba(255,255,255,0.2)">
<div v-loading="echartsPiePiePieLoading" element-loading-text="拼命加载中"
element-loading-background="rgba(255,255,255,0.2)" style="
height: 336px;
width: 1002px;
margin-right: 24px;
postion: relative;
"
class="witheback"
>
<div style="margin-left: 24px; margin-top: 12px">
<p style="font-size: 20px">不合格标注单位</p>
</div>
<div>
<el-table
id="ajzbQuery"
:data="threeData"
tooltip-effect="dark"
max-height="270px"
style="width: 99%; margin: 0 auto;"
width="100%"
size="small"
>
<el-table-column
align="center"
v-for="columnTitle in propdefaultFormThead"
:prop="columnTitle.prop"
:key="columnTitle.label"
:label="columnTitle.label"
>
<template slot-scope="scope">
<div
class="edit"
v-if="columnTitle.label == '标注不合格'"
@click="ThreeDetailData(scope.row)"
v-html="scope.row[columnTitle.prop]"
></div>
<!-- <div v-else-if="columnTitle.label == '操作'">
" class="witheback">
<div style="margin-left: 24px; margin-top: 12px">
<p style="font-size: 20px;float: left;">不合格标注单位</p>
<!-- <el-button style="float: right;" @click="ThreeExportDataAll">导出下面表格数据</el-button>-->
<el-button plain size="small" @click="ThreeExportDataAll" class="export" style="float: right;"><i
class="iconfont iconshangchuan" style="margin-right: 2px"></i>导出
</el-button>
</div>
<div>
<el-table id="ajzbQuery" :data="threeData" tooltip-effect="dark" max-height="270px"
style="width: 99%; margin: 0 auto;" width="100%" size="small">
<el-table-column align="center" v-for="columnTitle in propdefaultFormThead" :prop="columnTitle.prop"
:key="columnTitle.label" :label="columnTitle.label">
<template slot-scope="scope">
<div class="edit" v-if="columnTitle.label == '标注不合格'" @click="ThreeDetailData(scope.row)"
v-html="scope.row[columnTitle.prop]"></div>
<!-- <div v-else-if="columnTitle.label == '操作'">
<el-button type="text" @click="ThreeExportData(scope.row)"
>不合格导出</el-button
>
</div> -->
<!-- <div v-else-if="columnTitle.label == '排名'">-->
<!-- {{ item.index }}-->
<!-- </div>-->
<div v-else v-html="scope.row[columnTitle.prop]"></div>
</template>
</el-table-column>
<el-table-column align="center" label="操作"
><template slot-scope="scope"
><el-button type="text" @click="ThreeExportData(scope.row)"
>不合格导出</el-button
></template
></el-table-column
>
</el-table>
<!-- <div v-else-if="columnTitle.label == '排名'">-->
<!-- {{ item.index }}-->
<!-- </div>-->
<div v-else v-html="scope.row[columnTitle.prop]"></div>
</template>
</el-table-column>
<!-- <el-table-column align="center" label="操作"-->
<!-- ><template slot-scope="scope"-->
<!-- ><el-button type="text" @click="ThreeExportData(scope.row)"-->
<!-- >不合格导出</el-button-->
<!-- ></template-->
<!-- ></el-table-column-->
<!-- >-->
</el-table>
</div>
</div>
</div>
<!-- 下方饼图 -->
<div style="height: 336px; width: 659px" class="witheback" v-loading="echartsPiePieLoading"
element-loading-text="拼命加载中"
element-loading-background="rgba(255,255,255,0.2)">
<div style="height: 336px; width: 659px" class="witheback" v-loading="echartsPiePiePiePieLoading"
element-loading-text="拼命加载中" element-loading-background="rgba(255,255,255,0.2)">
<div style="margin-left: 24px; margin-top: 12px">
<p style="font-size: 20px">不合格原因分布</p>
</div>
......@@ -325,10 +247,10 @@ export default {
label: "已标注",
prop: "contBz",
},
{
label: "未标注",
prop: "contWBz",
},
// {
// label: "未标注",
// prop: "contWBz",
// },
{
label: "标注率",
prop: "bzl",
......@@ -349,12 +271,12 @@ export default {
backgroundImg: require(`@/assets/img/bztj/ty2.png`),
leftIcon: require(`@/assets/img/bztj/icon2.png`),
},
{
name: "未标注",
value: "0",
backgroundImg: require(`@/assets/img/bztj/ty3.png`),
leftIcon: require(`@/assets/img/bztj/icon3.png`),
},
// {
// name: "未标注",
// value: "0",
// backgroundImg: require(`@/assets/img/bztj/ty3.png`),
// leftIcon: require(`@/assets/img/bztj/icon3.png`),
// },
{
name: "标注合格",
value: "0",
......@@ -368,10 +290,21 @@ export default {
leftIcon: require(`@/assets/img/bztj/icon5.png`),
},
],
//控制4个部分的loading
echartsPieLoading: false,
echartsPiePieLoading:false,
echartsPiePieLoading: false,
echartsPiePiePieLoading: false,
echartsPiePiePiePieLoading: false,
//加载的loading
echartsPiePiePieLoadingPie: false,
loadingIndex: 0,
loadingIndexPie: 0,
loadingIndexPiePie: 0,
loadingIndexPiePiePie: 0,
//加载的loadingindex
loadingIndexPiePiePiePie: 0,
//次数-通过这个次数判断给第三个统计复制，只有第一次需要赋值
searchTime: 0,
//栏目数据
fanum: "",
panum: "",
......@@ -415,17 +348,17 @@ export default {
prop: "name",
},
{
label: "发案",
label: "上报案件",
prop: "fanum",
},
// {
// label: "已标注",
// prop: "bznum",
// },
{
label: "未标注",
prop: "wbznum",
},
// {
// label: "未标注",
// prop: "wbznum",
// },
// {
// label: "标注率",
// prop: "index",
......@@ -442,21 +375,7 @@ export default {
historyArr: [],
};
},
created() {
// this.$set(
// this.formData,
// "asjfssjAsjfskssj",
// this.formatStartDate(new Date())
// );
// this.$set(this.formData, "asjfssjAsjfsjssj", this.formatDate(new Date()));
// this.loading = this.$loading({
// lock: true,
// text: "查询中...",
// spinner: "el-icon-loading",
// background: "rgba(255, 255, 255, 0.7)",
// });
// this.getAjTj();
},
created() { },
mounted() {
let self = this;
this.$set(
......@@ -488,16 +407,15 @@ export default {
// background: "rgba(255, 255, 255, 0.7)",
// });
let self = this;
self.loadingIndex++;
console.log(self.loadingIndex);
self.getOneData();
self.getTwoData();
self.getThreeData();
// self.getThreeData();
self.getFourData();
self.loadingIndex--;
},
getOneData() {
let self = this;
self.loadingIndex++;
EsBzFpaQuery({
asjkssj: self.formData.asjfssjAsjfskssj,
asjjssj: self.formData.asjfssjAsjfsjssj,
......@@ -505,27 +423,31 @@ export default {
if ((res.code == 200) & (res.success == true)) {
self.buttonBox[0].value = res.data.fanum;
self.buttonBox[1].value = res.data.panum;
self.buttonBox[2].value = res.data.wbznum;
self.buttonBox[3].value = res.data.bzhnum;
self.buttonBox[4].value = res.data.bzbnum;
self.buttonBox[2].value = res.data.bzhnum;
self.buttonBox[3].value = res.data.bzbnum;
self.loadingIndex--;
} else {
self.loadingIndex--;
}
});
},
//切换统计图表格显示
changeTableShow() {
debugger
this.tableShow = !this.tableShow
},
//返回
getBack() {
let self = this;
var dm = '';
debugger
if(self.historyArr.length == 1) {
if (self.historyArr.length == 1) {
// dm = self.history[self.history - 1]
self.historyArr = []
} else if(self.historyArr.length == 2 && self.historyArr[0] == self.historyArr[1]) {
} else if (self.historyArr.length == 2 && self.historyArr[0] == self.historyArr[1]) {
self.historyArr = []
}else {
} else {
self.historyArr.pop()
dm = self.historyArr[self.historyArr.length - 1]
......@@ -535,13 +457,34 @@ export default {
getTwoData(dm) {
debugger
let self = this;
self.loadingIndex++;
self.loadingIndexPie++;
if (self.searchTime == 0) {
self.loadingIndexPiePie++;
}
debugger
if (dm == '100') {
self.$message.error("其他单位无法下钻")
self.loadingIndexPie--;
self.loadingIndexPiePie--;
return
}
EsBztQuery({
ladwdm: dm || '',
asjkssj: self.formData.asjfssjAsjfskssj,
asjjssj: self.formData.asjfssjAsjfsjssj,
}).then((res) => {
if ((res.code == 200) && (res.success == true) && res.data.rows.length != 0) {
if (self.searchTime == 0) {
self.threeData = res.data.rows;
self.threeData.map((item, index) => {
item.index = index + 1;
})
self.loadingIndexPiePie--;
self.searchTime++;
}
self.twoData = res.data.rows;
let xData = res.data.rows.map((i) => ({
name: i.name,
......@@ -575,41 +518,42 @@ export default {
this.getCharts(xData, data1, data2, data3, data4, data5);
setTimeout(() => {
self.loadingIndex--;
self.loadingIndexPie--;
}, 1000);
debugger
if(dm != undefined && dm != '') {
if (dm != undefined && dm != '') {
self.historyArr.push(dm)
}
} else {
self.loadingIndex--;
self.loadingIndexPie--;
self.loadingIndexPiePie--;
this.$message.error("没有下一层了")
}
});
},
getThreeData() {
let self = this;
self.loadingIndex++;
self.loadingIndexPiePie++;
EsBzDqQuery({
asjkssj: self.formData.asjfssjAsjfskssj,
asjjssj: self.formData.asjfssjAsjfsjssj,
}).then((res) => {
if ((res.code == 200) & (res.success == true)) {
self.threeData = res.data.rows;
self.threeData.map((item,index) => {
self.threeData.map((item, index) => {
item.index = index + 1;
})
setTimeout(() => {
self.loadingIndex--;
self.loadingIndexPiePie--;
}, 1000);
} else {
self.loadingIndex--;
self.loadingIndexPiePie--;
}
});
},
getFourData() {
let self = this;
self.loadingIndexPie++;
self.loadingIndexPiePiePie++;
EsBzBtQuery({
asjkssj: self.formData.asjfssjAsjfskssj,
asjjssj: self.formData.asjfssjAsjfsjssj,
......@@ -618,15 +562,15 @@ export default {
self.fourData = res.data;
let dataPie = [
{
name: "小案空",
name: "小类案别为空",
value: res.data.xnull,
},
{
name: "细案字典不匹配",
name: "细类案别字典不匹配",
value: res.data.xl,
},
{
name: "小案字典不匹配",
name: "小类案别字典不匹配",
value: res.data.xb,
},
// {
......@@ -640,25 +584,75 @@ export default {
];
self.getChartsPie(dataPie);
setTimeout(() => {
self.loadingIndexPie--;
self.loadingIndexPiePiePie--;
}, 1000);
} else {
self.loadingIndexPie--;
self.loadingIndexPiePiePie--;
}
});
},
//全部导出
ThreeExportDataAll() {
let self = this;
var sessionData = sessionStorage.getItem('token')
self.threeData.map((row) => {
if (row.bzbnum != 0) {
self.loadingIndexPiePiePiePie++;
axios.get(`api/getTj?excelName=${row.name}&count=${row.bzbnum}&asjkssj=${self.formData.asjfssjAsjfskssj}&asjjssj=${self.formData.asjfssjAsjfsjssj}&ladwdm=${row.code || '0'}`, {
responseType: 'blob',
headers: {
'blade-auth': sessionData,
'authorization': 'Basic c2FiZXI6c2FiZXJfc2VjcmV0',
}
}).then((res) => {
if (!res) {
self.loadingIndexPiePiePiePie--;
return
};
const blob = new Blob([res.data], {
type: "application/vnd.ms-excel",
});
const href = URL.createObjectURL(blob);
console.log(href)
const a = document.createElement("a")
a.style.display = "none"
a.href = href;
a.dowmload = '不合格标注信息.xls'
a.click();
self.loadingIndexPiePiePiePie--;
})
}
})
},
//一条一条导出
ThreeExportData(row) {
let self = this;
self.loadingIndexPiePiePiePie++;
// if(row.code == '100') {
// self.$message.error("其他单位无导出")
// self.loadingIndexPiePiePiePie--;
// return
// }
var sessionData = sessionStorage.getItem('token')
// // var token = ''
axios.get(`api/getTj?asjkssj=${self.formData.asjfssjAsjfskssj}&asjjssj=${self.formData.asjfssjAsjfsjssj}&ladwdm=${row.code}`,{
axios.get(`api/getTj?excelName=${row.name}&count=${row.bzbnum}&asjkssj=${self.formData.asjfssjAsjfskssj}&asjjssj=${self.formData.asjfssjAsjfsjssj}&ladwdm=${row.code || '0'}`, {
responseType: 'blob',
headers:{ 'blade-auth': sessionData,
headers: {
'blade-auth': sessionData,
'authorization': 'Basic c2FiZXI6c2FiZXJfc2VjcmV0',
}
}).then((res) => {
if(!res) return;
const blob = new Blob([res.data],{
if (!res) {
self.loadingIndexPiePiePiePie--;
return
};
const blob = new Blob([res.data], {
type: "application/vnd.ms-excel",
});
const href = URL.createObjectURL(blob);
......@@ -668,6 +662,7 @@ export default {
a.href = href;
a.dowmload = '不合格标注信息.xls'
a.click();
self.loadingIndexPiePiePiePie--;
})
},
......@@ -676,6 +671,8 @@ export default {
this.$router.pushToTab({
path: "bztjDetail",
query: {
excelName: row.name,
bzbnum: row.bzbnum,
ladw: row.code,
asjkssj: self.formData.asjfssjAsjfskssj,
asjjssj: self.formData.asjfssjAsjfsjssj,
......@@ -736,7 +733,7 @@ export default {
color: "#000",
width: 100,
clickable: true,
rotate: -30,
rotate: -10,
},
silent: false,
triggerEvent: true,
......@@ -859,8 +856,11 @@ export default {
//点击文字下钻
if (params.componentType == "xAxis") {
let dm = params.value;
debugger
//调用接口
_this.getTwoData(dm);
}
// else if (params.componentSubType == "bar") {
// let dm = params.data.dm;
......@@ -917,7 +917,7 @@ export default {
series: [
{
type: "pie",
center: ["40%", "center"],
center: ["50%", "center"],
radius: ["35%", "50%"],
minAngle: 10,
avoidLabelOverlap: true,
......@@ -967,8 +967,8 @@ export default {
return str.split("-");
},
// 分页
handleSizeChange() {},
handleCurrentChange() {},
handleSizeChange() { },
handleCurrentChange() { },
formatJson(filterVal, jsonData) {
let arr = [];
jsonData.map((v) => {
......@@ -1019,6 +1019,28 @@ export default {
this.echartsPiePieLoading = true;
}
},
loadingIndexPiePie() {
if (this.loadingIndexPiePie <= 0) {
this.echartsPiePiePieLoading = false;
} else {
this.echartsPiePiePieLoading = true;
}
},
loadingIndexPiePiePie() {
if (this.loadingIndexPiePiePie <= 0) {
this.echartsPiePiePiePieLoading = false;
} else {
this.echartsPiePiePiePieLoading = true;
}
},
loadingIndexPiePiePiePie() {
if (this.loadingIndexPiePiePiePie <= 0) {
this.echartsPiePiePieLoadingPie = false;
} else {
this.echartsPiePiePieLoadingPie = true;
}
},
},
};
</script>
......@@ -1028,12 +1050,14 @@ export default {
height: 32px;
line-height: 32px;
font-family: inherit;
background: #f3f3f3;
background: #fff;
}
/deep/.el-table thead {
color: #909399;
font-weight: 500;
}
@import "@/assets/styles/rightContent.scss";
</style>
......@@ -1094,7 +1118,10 @@ export default {
.Content .el-input,
.Content .el-date-editor--daterange.el-input__inner {
width: 100% !important;
background-color: #fff;
}
/* .Content {
width: 1680px;
} */
......@@ -1105,6 +1132,7 @@ export default {
opacity: 1;
border-radius: 8px;
}
/* .fiveBox :nth-child(1) {
margin-left: 0;
display: block;
......@@ -1115,15 +1143,24 @@ export default {
/deep/ .el-form .el-form--label-right {
display: flex;
}
.edit {
color: #fbf9f4;
}
#echartszhu {
width: 1660px;
height:320px;
}
.edit {
color: #fbf9f4;
}
#echartszhu {
width: 1660px;
height: 320px;
}
#echartsPie {
width: 635px;
height:290px;
height: 290px;
}
.fiveBox /deep/.el-loading-spinner svg {
position: absolute;
left: 30px;
bottom: -52px;
}
</style>
src/views/bztjDetail.vue
<template>
<div class="Content">
<right-content :cxFormData="cxFormData"
:cxQueryField="cxQueryField"
:cxDefaultFormThead="cxDefaultFormThead"
:cxUrl="cxUrl"
:pageBs='pageBs'
ref="rightContent"
></right-content>
<right-content :cxFormData="cxFormData" :cxQueryField="cxQueryField" :cxDefaultFormThead="cxDefaultFormThead"
:cxUrl="cxUrl" :pageBs='pageBs' ref="rightContent"></right-content>
</div>
</template>
......@@ -22,13 +17,15 @@ export default {
},
data() {
return {
pageBs:'queryAj',
pageBs: 'queryAj',
cxFormData: {
asjbh: '',
ajmc: '',
asjkssj: '',
asjjssj: '',
ladw: '',
asjbh: '',
ajmc: '',
asjkssj: '',
asjjssj: '',
ladwdm: '',
limit: 10,
page: 1,
},
cxQueryField: [
{
......@@ -93,21 +90,30 @@ export default {
prop: 'ajlbdmMc',
},
{
label: '小案类别',
label: '小类案别代码',
prop: 'ajzlb',
},
{
label: '小类案别',
prop: 'ajzlbMc',
},
{
label: '细案类别',
label: '细类案别代码',
prop: 'ajxzlb',
},
{
label: '细类案别',
prop: 'ajxzlbMc',
},
{
label: '案发时间',
prop: 'asjfssjAsjfskssj',
},
{
label: '不合格原因',
prop: 'ms',
},
{
label: '不合格原因',
prop: 'ms',
},
{
label: '简要案情',
prop: 'jyaq',
......@@ -137,16 +143,17 @@ export default {
this.$route.query.asjkssj
);
this.$set(this.cxFormData, "asjjssj", this.$route.query.asjjssj);
this.$set(this.cxFormData, "ladw", this.$route.query.ladw);
this.$set(this.cxFormData, "ladwdm", this.$route.query.ladw);
},
};
</script>
<style>
.el-dialog__body {
padding: 10px 15px !important;
}
.rightContent .el-input__inner,
#formCommonPage .el-input__inner {
height: 32px;
......@@ -154,38 +161,47 @@ export default {
font-family: inherit;
background: #f3f3f3;
}
.el-table__header-wrapper th,
.el-table__header-wrapper tr {
background: #f4f6f7;
}
.rightContent .el-input__icon,
#formCommonPage .el-input__icon,
.el-input__suffix-inner {
line-height: 36px;
}
.rightContent .el-range-separator {
position: relative;
top: -4px;
}
.rightContent .el-textarea__inner,
#formCommonPage .el-textarea__inner {
width: 100%;
font-family: inherit;
}
.rightContent .el-range-input,
#formCommonPage .el-range-input {
vertical-align: top;
}
.rightContent .el-date-editor .el-range__close-icon {
margin-top: -4px;
}
.rightContent .el-form-item__error {
left: calc(66% - 27px);
top: 12px;
}
.success-row {
background-color: #fbf9f4 !important;
}
.Content .el-input,
.Content .el-date-editor--daterange.el-input__inner {
width: 100% !important;
......
src/views/cbyp/bshcb.vue
......@@ -333,7 +333,7 @@ export default {
// },
{
label: "串并依据",
prop: "bshlx(cbxgfwbzh)",
prop: "bshlx_cbxgfwbzh",
},
{
label: "串并时间",
......
src/views/cbyp/bshxx.vue
......@@ -70,7 +70,7 @@ export default {
// },
{
label: '标识号类型',
prop: 'bshlx'
prop: 'bshlxStr'
// width: '280'
},
{
......
src/views/cbyp/dnabzcbxs.vue
......@@ -204,7 +204,7 @@ export default {
},
{
label: "串并依据",
prop: "ryXm(rySfhm)",
prop: "ryXm_rySfhm",
},
// {
// label: "嫌疑人数",
......
src/views/cbyp/dwbzcbxs.vue
......@@ -204,7 +204,7 @@ export default {
},
{
label: "串并依据",
prop: "ryXm(rySfhm)",
prop: "ryXm_rySfhm",
},
// {
// label: "嫌疑人数",
......
src/views/cbyp/rgcb.vue
......@@ -130,18 +130,51 @@
codeTree: "CODE_AJLB_bz",
},
{
name: "破案状态",
id: "pazt",
type: "radio",
name: "发案时间",
id: "fasjStart",
id2: "fasjEnd",
type: "zdyDate",
value: "",
placeholder: "",
col: "3",
radioData: [
{ label: "所有", val: "" },
{ label: "已破", val: "0" },
{ label: "未破", val: "1" },
],
},
{
name: "案件数",
id: "ajsStart",
id2: "ajsEnd",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3",
},
{
name: "嫌疑人数",
id: "xyrStart",
id2: "xyrEnd",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3",
},
{
name: "串并时间",
id: "djsjStart",
id2: "djsjEnd",
type: "zdyDate",
value: "",
col: "3",
},
// {
// name: "标识号",
// id: "cbxgfwbzh",
......@@ -163,41 +196,11 @@
// codeOptions: [],
// codeTree: "CODE_BLHLX",
// },
{
name: "嫌疑人数",
id: "xyrStart",
id2: "xyrEnd",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3",
},
{
name: "案件数",
id: "ajsStart",
id2: "ajsEnd",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3",
},
{
name: "案件线索来源",
id: "cbxsly",
type: "radio",
value: "",
placeholder: "",
col: "3",
radioData: [
{ label: "全部", val: "" },
{ label: "本辖区", val: "bxq" },
{ label: "全省 ", val: "qs" },
],
},
......@@ -238,6 +241,7 @@
placeholder2: "请输入",
col: "3",
},
{
name: "破案数",
id: "paStart",
......@@ -249,13 +253,19 @@
placeholder2: "请输入",
col: "3",
},
{
name: "发案时间",
id: "fasjStart",
id2: "fasjEnd",
type: "zdyDate",
name: "破案状态",
id: "pazt",
type: "radio",
value: "",
placeholder: "",
col: "3",
radioData: [
{ label: "所有", val: "" },
{ label: "已破", val: "0" },
{ label: "未破", val: "1" },
],
},
......@@ -271,13 +281,19 @@
},
{
name: "串并时间",
id: "djsjStart",
id2: "djsjEnd",
type: "zdyDate",
name: "案件线索来源",
id: "cbxsly",
type: "radio",
value: "",
placeholder: "",
col: "3",
radioData: [
{ label: "全部", val: "" },
{ label: "本辖区", val: "bxq" },
{ label: "全省 ", val: "qs" },
],
},
// {
// name: "标识号类型",
......@@ -312,7 +328,7 @@
{
label: "线索组名称",
prop: "cbajAjmc",
width: "250",
width: "450",
},
{
label: "案件数",
......@@ -344,8 +360,8 @@
// },
{
label: "串并依据",
prop: "bshlx(cbxgfwbzh)",
prop: "bshlx_cblx",
width: "200",
},
{
label: "串并时间",
......
src/views/cbyp/rgcbDetail.vue
......@@ -6,29 +6,36 @@
color="#E6A23C">{{routeQuery.cbxsypCbajs}}</font>起案件</span>
<span>{{ titleProp }}</span>
</div>
<div class="header" v-if="bzType == '1'">
<div class="header" v-else-if="bzType == '1'">
<span><font color="#E6A23C">{{routeQuery.djsj}}</font>串并<font
color="#E6A23C">{{routeQuery.cbxsypCbajs}}</font>起案件</span>
<span>{{ titleProp }}</span>
</div>
<div class="header" v-if="type == 'zwbzcbxs'">
<div class="header" v-else-if="type == 'zwbzcbxs'">
<span><font color="#E6A23C"></font><font color="#E6A23C">{{routeQuery.djsj}}</font>通过<font color="#E6A23C"></font><font
color="#E6A23C">{{routeQuery.ryXm}}({{routeQuery.cbxgfwbzh}})</font></font>串并<font
color="#E6A23C">{{routeQuery.cbxsypCbajs}}</font>起案件</span>
<span>{{ titleProp }}</span>
</div>
<div class="header" v-if="type == 'dwbzcbxs'">
<div class="header" v-else-if="type == 'dwbzcbxs'">
<span><font color="#E6A23C"></font><font color="#E6A23C">{{routeQuery.djsj}}</font>通过<font color="#E6A23C">{{routeQuery.bshlx}}</font><font
color="#E6A23C">{{ JSON.parse(routeQuery.cbxgfwbzh).join(",") }}</font></font>串并<font
color="#E6A23C">{{routeQuery.cbxsypCbajs}}</font>起案件</span>
<span>{{ titleProp }}</span>
</div>
<div class="header" v-if="type == 'rgcb'">
<div class="header" v-else-if="type == 'rgcb'">
<span><font color="#E6A23C">{{routeQuery.djsj}}</font>通过<font color="#E6A23C">人工</font>
串并<font color="#E6A23C">{{routeQuery.cbxsypCbajs}}</font>起案件
</span>
<span>{{ titleProp }}</span>
</div>
<div class="header" v-else>
<span><font color="#E6A23C"></font><font color="#E6A23C">{{routeQuery.djsj}}</font>通过<font color="#E6A23C"></font><font
color="#E6A23C">{{routeQuery.ryXm}}{{routeQuery.bshlx}}({{routeQuery.cbxgfwbzh}})</font></font>串并<font
color="#E6A23C">{{routeQuery.cbxsypCbajs}}</font>起案件</span>
<span>{{ titleProp }}</span>
</div>
<right-content
:pageBs="pageBs"
:header="header"
......
src/views/cbyp/rgcbList.vue
......@@ -336,7 +336,7 @@
// },
{
label: "串并依据",
prop: "bshlx(cbxgfwbzh)",
prop: "bshlx_cbxgfwbzh",
},
{
label: "串并时间",
......
src/views/cbyp/xzrgcb.vue
<template>
<div class="Content">
<div class="Content" v-loading.body="atableLoading" element-loading-text="拼命加载中"
element-loading-background="rgba(255,255,255,0.2)">
<div class="topTitle">
<span>人工串并</span>
<div class="subTitle">
......@@ -22,6 +23,8 @@
@addTableEvent="addTableEvent"
@delTableItem="delTableItem"
@pageSave="pageSave"
@showloadinga="showloadinga"
@closeloadinga="closeloadinga"
:tableInfor="tableInfor"
:name="name"
:formType="formType"
......@@ -49,6 +52,7 @@ export default {
data() {
return {
formType: "haveTitle",
atableLoading: false,
cxFormData: {
page: 1,
rows: 10,
......@@ -88,6 +92,14 @@ export default {
zhdwGajgjgdm: "",
zhrqStart: "",
zhrqEnd: "",
zarsCountMin: "",
zarsCountMax: "",
zasdList: [],
shrageMin: "",
shrageMax: "",
bhrXbdm: "",
zadyList: [],
},
cxQueryField: [
/*立案信息 侦查终结信息 立案信息审批 侦查终结审批通用开始*/
......@@ -116,7 +128,7 @@ export default {
{
name: "案发地行政区划",
id: "asjfsddXzqhdm",
type: "lazyCodeTreeDialog", //字典弹框
type: "codeTreeDialog", //字典弹框
props: [], //字典弹框需要的字段
codeOptions: [],
codeTree: "CODE_XZQH",
......@@ -189,31 +201,12 @@ export default {
value: "",
col: "3",
codeOptions: [],
codeTree: "",
codeTree: "CODE_ZASD",
multiple: true,
},
{
name: "年龄（侵害对象）",
id: "shrageMin",
id2: "shrageMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3",
},
{
name: "性别",
id: "bhrXbdm",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "",
},
{
name: "作案地域",
id: "zadyList",
......@@ -222,7 +215,9 @@ export default {
value: "",
col: "3",
codeOptions: [],
codeTree: "",
multiple: true,
codeTree: "CODE_DYLB",
},
// {
// name: "主案类别",
......@@ -256,7 +251,7 @@ export default {
],
},
{
title: "人员特征",
title: "嫌疑人特征",
id: "2",
children: [
{
......@@ -302,11 +297,12 @@ export default {
{
name: "性别",
id: "zhfzxyrXbdm",
type: "code",
codeOptions: [],
codeTree: "CODE_XB",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_XB",
},
{
name: "出生日期",
......@@ -414,7 +410,7 @@ export default {
{
name: "抓获单位",
id: "zhdwGajgjgdm",
type: "codeTreeDialog", //字典弹框
type: "lazyCodeTreeDialog", //字典弹框
codeTree: "CODE_QGUNIT",
props: [], //字典弹框需要的字段
codeOptions: [],
......@@ -432,6 +428,32 @@ export default {
},
],
},
{
title: "受害人特征",
id: "3",
children: [
{
name: "年龄",
id: "shrageMin",
id2: "shrageMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3",
},
{
name: "性别",
id: "bhrXbdm",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_XB",
},
]},
],
cxDefaultFormThead: [
{
......@@ -455,21 +477,18 @@ export default {
// width: "220",
// },
{
label: "类别",
prop: "ajlbdmMc/zatzJyqkMc/ajxlbMc",
width: "220",
},
{
label: "简要案情",
prop: "jyaq",
width: "220",
},
{
label: "案件名称",
prop: "ajmc",
width: "150",
},
{
label: "类别",
prop: "ajlbdmMc/zatzJyqkMc/ajxlbMc",
width: "220",
},
{
label: "案发地点",
prop: "asjfsddDzmc",
width: "280",
......@@ -495,6 +514,11 @@ export default {
prop: "asjfssjAsjfskssj",
width: "220",
},
{
label: "简要案情",
prop: "jyaq",
width: "220",
},
],
cxUrl: EsAsjQuery,
......@@ -627,7 +651,7 @@ export default {
{
name: "案发地行政区划",
id: "asjfsddXzqhdm",
type: "lazyCodeTreeDialog", //字典弹框
type: "codeTreeDialog", //字典弹框
props: [], //字典弹框需要的字段
codeOptions: [],
codeTree: "CODE_XZQH",
......@@ -637,10 +661,10 @@ export default {
{
name: "案(事)件类别",
id: "ajlbdm",
type: "lazyCodeTreeDialog", //字典弹框
type: "codeTreeDialog", //字典弹框
props: [], //字典弹框需要的字段
codeOptions: [],
codeTree: "CODE_AJLB",
codeTree: "CODE_AJLB_bz",
value: "",
col: "3",
},
......@@ -680,6 +704,44 @@ export default {
value: "",
col: "3",
},
{
name: "作案人数",
id: "zarsCountMin",
id2: "zarsCountMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3",
},
{
name: "作案时段",
id: "zasdList",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_ZASD",
multiple: true,
},
{
name: "作案地域",
id: "zadyList",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
multiple: true,
codeTree: "CODE_DYLB",
},
// {
// name: "主案类别",
// id: "ajzlb",
......@@ -712,7 +774,7 @@ export default {
],
},
{
title: "人员特征",
title: "嫌疑人特征",
id: "2",
children: [
{
......@@ -758,11 +820,12 @@ export default {
{
name: "性别",
id: "zhfzxyrXbdm",
type: "code",
codeOptions: [],
codeTree: "CODE_XB",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_XB",
},
{
name: "出生日期",
......@@ -870,7 +933,7 @@ export default {
{
name: "抓获单位",
id: "zhdwGajgjgdm",
type: "codeTreeDialog", //字典弹框
type: "lazyCodeTreeDialog", //字典弹框
codeTree: "CODE_QGUNIT",
props: [], //字典弹框需要的字段
codeOptions: [],
......@@ -888,55 +951,82 @@ export default {
},
],
},
{
title: "受害人特征",
id: "3",
children: [
{
name: "年龄",
id: "shrageMin",
id2: "shrageMax",
type: "zdyText",
value: "",
placeholder: "请输入",
value2: "",
placeholder2: "请输入",
col: "3",
},
{
name: "性别",
id: "bhrXbdm",
type: "codeTreeDialog",
props: [], //字典弹框需要的字段
value: "",
col: "3",
codeOptions: [],
codeTree: "CODE_XB",
},
]},
];
this.cxFormData = {
page: 1,
rows: 10,
dxzpFlag: 1,
asjbh: "",
sldwGajgjgdm: "",
asjfsddXzqhdm: "",
ajlbdm: "",
larqStart: "",
larqEnd: "",
asjfssjAsjfskssjStart: "",
asjfssjAsjfskssjEnd: "",
ajzlb: "",
zatzJyqk: "",
ajxlb: '',
ajxzlb: "",
xalbdmbcms: "",
zhfzxyrAsjxgrybh: "",
zhfzxyrCyzjZjhm: "",
zhfzxyrXm: "",
zhfzxyrCym: "",
zhfzxyrBmch: "",
zhfzxyrXbdm: "",
zhfzxyrCsrqRqgzxxStart: "",
zhfzxyrCsrqRqgzxxEnd: "",
zhfzxyrMzdm: "",
zhfzxyrGjdm: "",
zhfzxyrHjdzXzqhdm: "",
zhfzxyrXzzXzqhdm: "",
zhfzxyrTzMin: "",
zhfzxyrTzMax: "",
zhfzxyrZcMin: "",
zhfzxyrZcMax: "",
zhfsZhfsdm: "",
zhfzxyrFzxyrdaztdm: "",
zhfzxyrSfjsbrPdbz: "",
zhdwGajgjgdm: "",
zhrqStart: "",
zhrqEnd: "",
zarsCountMin: "",
zarsCountMax: "",
zasdList: [],
shrageMin: "",
shrageMax: "",
bhrXbdm: "",
zadyList: [],
};
//切换线索组不清空表单
// this.cxFormData = {
// page: 1,
// rows: 10,
// dxzpFlag: 1,
// asjbh: "",
// sldwGajgjgdm: "",
// asjfsddXzqhdm: "",
// ajlbdm: "",
// larqStart: "",
// larqEnd: "",
// asjfssjAsjfskssjStart: "",
// asjfssjAsjfskssjEnd: "",
// ajzlb: "",
// zatzJyqk: "",
// ajxlb: '',
// ajxzlb: "",
// xalbdmbcms: "",
// zhfzxyrAsjxgrybh: "",
// zhfzxyrCyzjZjhm: "",
// zhfzxyrXm: "",
// zhfzxyrCym: "",
// zhfzxyrBmch: "",
// zhfzxyrXbdm: "",
// zhfzxyrCsrqRqgzxxStart: "",
// zhfzxyrCsrqRqgzxxEnd: "",
// zhfzxyrMzdm: "",
// zhfzxyrGjdm: "",
// zhfzxyrHjdzXzqhdm: "",
// zhfzxyrXzzXzqhdm: "",
// zhfzxyrTzMin: "",
// zhfzxyrTzMax: "",
// zhfzxyrZcMin: "",
// zhfzxyrZcMax: "",
// zhfsZhfsdm: "",
// zhfzxyrFzxyrdaztdm: "",
// zhfzxyrSfjsbrPdbz: "",
// zhdwGajgjgdm: "",
// zhrqStart: "",
// zhrqEnd: "",
//
// zarsCountMin: "",
// zarsCountMax: "",
// zasdList: [],
// shrageMin: "",
// shrageMax: "",
// bhrXbdm: "",
// zadyList: [],
// };
},
......@@ -944,7 +1034,13 @@ export default {
this.tableInfor = this.selectItem;
this.pageBtns = ["save", "off"];
this.name = "toAddXlajRelated";
this.cxQueryField = [];
this.cxQueryField = []
},
showloadinga() {
this.atableLoading = true
},
closeloadinga() {
this.atableLoading = false
},
},
created() {
......@@ -970,7 +1066,7 @@ export default {
height: 32px;
line-height: 32px;
font-family: inherit;
background: #f3f3f3;
/*background: #f3f3f3;*/
}
.el-table__header-wrapper th,
.el-table__header-wrapper tr {
......
src/views/cbyp/zwbzcbxs.vue
......@@ -204,7 +204,7 @@ export default {
},
{
label: "串并依据",
prop: "ryXm(rySfhm)",
prop: "ryXm_rySfhm",
},
// {
// label: "嫌疑人数",
......
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