Skip to content

F
founder_vue
Commit c23ff1f1 by 李姝悦
Options

修改

parent abc66395
Showing with 824 additions and 173 deletions
src/api/base.js
......@@ -15,7 +15,7 @@ let base = {
Ptlogin: "",
ebss: "",
test: "",
alyIP2:''
alyIP2:'',
};
if (
relUrlIp == "68.174.69.46" ||
......
src/api/dictionaryCode.js
......@@ -17,6 +17,13 @@ export const ylzpGjcEdit = params =>
// 删除
export const ylzpGjcDel = params =>
postJson('ylzpapi/ylzpGjc/delete',params)
// 详情
export const ylzpGjcDetail = params =>
postJson('ylzpapi/ylzpGjc/detail',params)
//导入文件
export const insertFile = params =>
postform('ylzpapi/ylzpImport/import-ylzp',params)
export const esAsjQuery = params =>
post("/api/newAsjbz/esAsjQuery", params);
......
src/components/rgcb_wdxl/ptcxform_component.vue
......@@ -24,8 +24,11 @@
:class="'demo-input-suffix zdycol' + item.col">
<!--输入框-->
<el-input clearable :placeholder="item.placeholder" v-model="formData[item.id]"
v-if="item.type == 'text'">
v-if="item.type == 'text'" :title="formData[item.id]">
</el-input>
<input clearable :placeholder="item.placeholder" v-model="formData[item.id]"
v-if="item.type == 'textl'" onmouseover="this.title=this.value">
</input>
<!--输入框-最大值与最小值-->
<div class="zdyInputW zdyInputCol2" v-else-if="item.type == 'zdyText'">
<el-input :placeholder="item.placeholder" v-model="formData[item.id]">
......@@ -46,6 +49,17 @@
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</div>
<div class="zdyInputW zdyInputCol2" v-else-if="item.type == 'zdyDateYear'">
<el-date-picker v-model="formData[item.id]" type="year" align="right"
:picker-options="item.pickerOptions" unlink-panels
value-format="yyyy">
</el-date-picker>
至
<el-date-picker v-model="formData[item.id2]" type="year" align="right"
:picker-options="item.pickerOptions2" unlink-panels
value-format="yyyy">
</el-date-picker>
</div>
<!--下拉框-->
<el-select v-model="formData[item.id]" clearable :placeholder="item.placeholder"
v-else-if="item.type == 'select'">
......@@ -119,7 +133,7 @@
:class="'demo-input-suffix zdycol' + item.col">
<!--输入框-->
<el-input clearable :placeholder="item.placeholder" v-model="formData[item.id]"
v-if="item.type == 'text'">
v-if="item.type == 'text'" >
</el-input>
<!--输入框-最大值与最小值-->
<div class="zdyInputW zdyInputCol2" v-else-if="item.type == 'zdyText'">
......@@ -209,12 +223,13 @@
<!--按钮-->
<div class="btm-btns" v-if="name !== 'toAddXlajRelated'">
<el-button v-if="pageBs == 'xsfx'" type="warning" size="small" style="width: 100px" @click="$emit('KeyEvent')">关键词管理
<el-button v-if="pageBs == 'xsfx'" type="warning" size="small" style="width: 100px"
@click="$emit('KeyEvent')">关键词管理
</el-button>
<el-button type="primary" size="small" style="width: 100px" @click="doQueryBtn(true)">查询
</el-button>
<el-button size="small" style="width: 120px" type="primary" @click="addTableItem"
v-if="pageBs != 'xzrgcb'">添加
v-if="pageBs != 'xzrgcb' && pageBs != 'xsfx'">添加
</el-button>
<el-button size="small" style="width: 120px" type="primary" @click="addTableItem"
v-if="pageBs == 'xzrgcb' && pageType == '新增组'">新增线索组
......@@ -257,10 +272,21 @@
class="export view"><i class="el-icon-view" style="margin-right: 2px"></i>查看线索组
</el-button>
</div>
<el-button plain size="small" @click="getMuban" style="border:1px solid #055fe7;width:98px;height: 26px;line-height: 5px
;color: #3670ff"
v-if="pageBs === 'xsfx'"><i class="iconfont iconxiazai"
style="margin-right: 2px"></i>下载模板
</el-button>
<el-button plain size="small" @click="insertDialog = true" class="export"
v-if="pageBs === 'xsfx'"><i class="iconfont iconshangchuan"
style="margin-right: 2px"></i>导入
</el-button>
<el-button plain size="small" @click="export2Excel" class="export"
v-if="name !== 'toAddXlajRelated'"><i class="iconfont iconshangchuan"
v-if="name !== 'toAddXlajRelated' && pageBs!= 'xsfx'"><i
class="iconfont iconshangchuan"
style="margin-right: 2px"></i>导出
</el-button>
</span>
</el-col>
</el-row>
......@@ -277,7 +303,7 @@
</el-button>
</template>
</el-table-column>
<el-table-column type="selection" width="55" v-if="name !== 'toAddXlajRelated'">
<el-table-column type="selection" width="55" v-if="name !== 'toAddXlajRelated' && pageBs !== 'xsfx'">
</el-table-column>
<el-table-column align="center" v-for="columnTitle in propdefaultFormThead" :prop="columnTitle.prop"
......@@ -350,6 +376,43 @@
</div>
</div>
</div>
<el-dialog
title="上传数据"
:modal="true"
width="380px"
:visible.sync="insertDialog"
:action="upload()"
:close-on-click-modal="false"
class="insertDialog"
>
<div class="uploadList" style="margin-bottom: 15px;">
<el-upload
:limit="1"
class="avator-uploader"
:auto-upload="false"
:on-change="fileChange"
:on-Remove="onRemove"
action="#"
:file-list="fileList"
>
<p class="addFile"><i class="el-icon-plus" style="line-height: 80px;font-size: 20px;"></i></p>
</el-upload>
<div class="title" style="margin-top: 20px;margin-left: 35px;">
<p>● 数据格式仅支持Excel</p>
<p>● 数据量1万条以内</p>
<span v-if="uploadFlag" style="color: red;">
加载文档报错
</span>
</div>
</div>
<span slot="footer">
<el-button @click="insertDialog = false">取消</el-button>
<el-button @click="uploadExcel">上传</el-button>
</span>
</el-dialog>
</div>
</template>
......@@ -361,6 +424,10 @@
import utils from "@/utils/util.js";
import axios from "axios";
import {insertBatchCbxsajxx} from "@/api/cbyp.js";
import {
insertFile,
} from "@/api/dictionaryCode.js";
import {postform} from "../../utils/http";
export default {
name: "ptCxForm",
......@@ -396,6 +463,10 @@
},
data() {
return {
insertDialog: false,
fileList: [],
uploadFlag: false,
limitNum: 1,
tPage: null,
checkResult: true,
asjbh: "",
......@@ -479,6 +550,62 @@
};
},
methods: {
uploadExcel() {
let self = this;
if (self.fileList.length === 0) {
self.uploadFlag = true;
self.$message.warning('请上传文件');
} else {
let pam = new FormData()
self.fileList.forEach(i => {
pam.append('file', i.raw)
})
const loading = self.$loading({
lock: true,
text: '正在上传...',
spinner: 'el-icon-loading',
background: "rgba(0,0,0,0.7)"
})
console.log(pam)
insertFile(pam).then(res => {
loading.close()
if (res.code == 200) {
self.$message.warning(res.msg)
self.insertDialog = false
self.fileList = []
self.doQuery("yes")
}
})
}
},
upload() {
return ""
},
fileChange(file, fileList) {
this.fileList = fileList
},
onRemove(file, fileList) {
this.fileList = fileList
},
getMuban() {
let self = this
axios.get(`file/excel.xlsx`, {
responseType: 'blob'
})
.then(res => {
if (!res) return;
const blob = new Blob([res], {
type: 'application/vnd.ms-excel'
});
const href = URL.createObjectURL(blob);
const a = document.createElement('a');
a.style.display = 'none';
a.href = href;
a.download = "举报线索.xlsx";
a.click()
})
},
refreshList() {
//debugger
this.$refs.itsmDataTable.doLayout();
......@@ -550,12 +677,12 @@
});
}
},
toInfor(data){
toInfor(data) {
console.log(data)
this.$router.pushToTab({
path:'/xsfxDetail',
query:{
xsbh:data
path: '/xsfxDetail',
query: {
xsbh: data
}
})
},
......@@ -709,6 +836,7 @@
self.formData["rows"] = 10;
self.formData["page"] = 1;
self.formData["dxzpflag"] = 1;
self.$emit('lindex', null)
},
formatJson(filterVal, jsonData) {
let arr = [];
......@@ -775,22 +903,23 @@
json[i] = [];
// json[i] = []
} else if (i != "cxSj") {
json[i] = self.formData[i];
if (i === 'fzssJbaq' || i === 'notFzssJbaq') {
self.formData[i] = self.formData[i].replace(/，/g, ",")
}
json[i] = self.formData[i];
} else {
json[i] =
self.formData[i] != "" && self.formData[i] != null
? self.formData[i].join(" - ")
: "";
}
}
if (flag == 'yes') {
console.log('参数',JSON.stringify(json))
this.cxUrl(JSON.stringify(json))
.then((response) => {
if (response.code === 200 && self.pageShow == true) {
console.log(response)
self.tableData = response.data.rows;
self.tableDataLength = response.data.total;
self.tPage = Math.ceil(response.data.total / self.page_size);
......@@ -1131,14 +1260,42 @@
},
};
</script>
<style>
<style lang="scss">
@import url("~@/assets/styles/iconfont.css");
.el-dialog__body {
padding: 10px 15px !important;
}
.rightContent .el-input__inner,
.addFile {
margin-top: 20px !important;
margin-left: 40px !important;
margin-bottom: 10px;
width: 80px;
height: 90px;
line-height: 90px;
background: #cccccc;
}
input {
display: inline-block;
width: 330px;
text-align: left;
line-height: 35px;
height: 35px;
vertical-align: middle;
border-radius: 3px;
box-shadow: none;
border: 1px solid #C0C4CC;
padding-left: 13px;
color: #606266;
}
input::input-placeholder{
color: #f66;
}
.rightContent .el-input__inner, input,
#formCommonPage .el-input__inner {
height: 32px;
line-height: 32px;
......@@ -1150,7 +1307,7 @@
background: #f4f6f7;
}
.rightContent .el-input__icon,
.rightContent .el-input__icon, input,
#formCommonPage .el-input__icon,
.el-input__suffix-inner {
line-height: 32px;
......@@ -1185,7 +1342,7 @@
background-color: #fbf9f4 !important;
}
.Content .el-input,
.Content .el-input, input
.Content .el-date-editor--daterange.el-input__inner {
width: 100% !important;
}
......
src/router/modules/specialData.js
......@@ -31,12 +31,4 @@ export default [{
path: "/right",
component: specialLayout,
children: [...menuLayouts,]
},
{
path: "/addquery",
name: "addquery",
meta: {
title: '专题数据地域统计'
},
component: () => import("@/views/ztsjfx/add/addquery.vue")
},];
\ No newline at end of file
src/utils/http.js
......@@ -251,6 +251,8 @@ export function postform(url, data) {
});
}
/**
* 封装post请求 json格式
* @param url
......
src/views/ztsjfx/specialDataAnalyze.vue
......@@ -235,9 +235,6 @@ export default {
},
mounted() {},
methods: {
addQuery() {
this.$router.pushToTab('/addQuery')
},
formatDate(date) {
var y = date.getFullYear();
var m = date.getMonth() + 1;
......
src/views/ztsjfx/specialDataXsfx.vue
<template>
<div id="xsjs" style="position: relative">
<div id="xsjs" style="position: relative" v-loading.body="atableLoading" element-loading-text="拼命加载中"
element-loading-background="rgba(255,255,255,0.2)">
<right-content
:cxFormData="cxFormData"
:cxQueryField="cxQueryField"
......@@ -14,53 +15,133 @@
@KeyEvent="KeyEvent"
pageBs="xsfx"
ref="rightContent"
@lindex="lindex=null"
:selectItem="selectItem"
></right-content>
<!-- <span ;background:cornflowerblue;padding:3px 5px;border-radius:5px">老人</span>-->
<!-- <span ;background:cornflowerblue;padding:3px 5px;border-radius:5px">老人</span>-->
<div style="position: absolute;top: 28px;left:145px">
<span style="font-size:16px;color:rgb(236, 152, 32);font-weight:600">线索标签：</span>
<el-tag type="warning" style="margin-right:5px">养老诈骗</el-tag>
<el-tag type="warning" >P2P诈骗</el-tag>
<el-tag @click="bqmcClick(item,index)" v-for="(item,index) in xsbqArr" :key="index" style="margin-right:5px;cursor: pointer;background-color: #fff;
border:2px solid #e5a854;
color: #333333;font-family: 'Microsoft YaHei'" :class="lindex === index ? 'activeClick' : ''">{{item}}
</el-tag>
</div>
<el-dialog :visible.sync="showDialog" width="40%">
<el-dialog :visible.sync="showDialog" width="50%">
<span slot="title" style="font-size: 16px;">
关键词管理
<i class="el-icon-circle-plus-outline" @click="innerDialog = true" style="color:rgb(236, 152, 32);cursor: pointer"></i>
<el-button type="mini" @click="addGjc"
style="cursor: pointer;border: 1px solid #055fe7;color: #055fe7;margin-left: 10px;">+ 新增</el-button>
</span>
<el-dialog title="新增" width="30%" :visible.sync="innerDialog" append-to-body>
<p style="display: flex;align-items: center;margin: 10px;">
<span style="width: 90px;" >标签名称:</span>
<el-input type="text" size="small" placeholder="请输入标签名称" v-model="bqmc" style="width: 300px"></el-input>
</p>
<p style="display: flex;align-items: center;margin: 10px;">
<span style="width: 90px;">包含标签:</span>
<el-input type="text" size="small" placeholder="使用逗号分隔" v-model="bhbq" style="width: 300px"></el-input>
</p>
<p style="display: flex;align-items: center;margin: 10px;">
<span style="width: 90px;">不包含标签:</span>
<el-input type="text" size="small" placeholder="使用逗号分隔" v-model="bbhbq" style="width: 300px"></el-input>
<el-dialog :title="gjcType === 'add' ? '新增' : '编辑' " width="30%" :visible.sync="innerDialog" append-to-body>
<p style="display: flex;align-items: flex-start;margin: 10px;">
<span style="width: 90px;margin-top: 3px;">
<span style="color: red;">*</span>
标签名称:</span>
<el-input type="text" placeholder="请输入标签名称" v-model="bqmc"></el-input>
</p>
<div style="display: flex;align-items: flex-start;margin: 10px;">
<span style="width: 90px;margin-top: 5px"><span style="color: red;">* </span>包含标签:</span>
<div>
<div v-for="(item,index) in bhbqArr" :key="index" style="display:flex;margin: 5px 0;">
<el-input v-model="item.name"
style="margin-right: 5px;height: 40px;width: 215px;"></el-input>
<el-button v-if="index != 0" type="danger" size="mini" @click="delBhbq(index)"
icon="el-icon-remove"></el-button>
<el-button type="primary" size="mini" @click="addBhbq"
icon="el-icon-circle-plus"></el-button>
</div>
</div>
</div>
<div style="display: flex;align-items: flex-start;margin: 10px;">
<span style="width: 90px;margin-top: 5px;">不包含标签:</span>
<div>
<div v-for="(item,index) in bbhbqArr" :key="index" style="display:flex;margin: 5px 0;">
<el-input v-model="item.name"
style="margin-right: 5px;height: 40px;width: 215px;"></el-input>
<el-button v-if="index != 0" type="danger" size="mini" @click="delBbhbq(index)"
icon="el-icon-remove"></el-button>
<el-button type="primary" size="mini" @click="addBbhbq"
icon="el-icon-circle-plus"></el-button>
</div>
</div>
</div>
<div style="display: flex;align-items: flex-start;margin:10px">
<span style="width: 90px;margin-top: 5px;margin-right: 15px;">标签描述:</span>
<el-input type="textarea" v-model="bqms"
style="background: #f6f8fa;box-shadow:inset 0px 1px 2px 0px rgba(5,95,231,0.18);border: none;border-radius:4px"></el-input>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="innerCancel">
<el-button @click="innerCancel" class="cancel">
取消
</el-button>
<el-button @click="innerConfirm">
<el-button @click="innerConfirm" class="confirm" type="primary">
确认
</el-button>
</span>
</el-dialog>
<el-table>
<el-table-column label="名称"></el-table-column>
<el-table-column label="包含"></el-table-column>
<el-table-column label="不包含"></el-table-column>
<el-table :data="dialogTableData" :header-cell-style="{'text-align':'left','color':'#282f3c'}"
:cell-style="{'text-align':'left','color':'#333333','vertical-align':'top'}">
<el-table-column label="名称" width="120">
<template slot-scope="props">
<p style="font-size: 12px;">{{props.row.bqmc}}</p>
</template>
</el-table-column>
<el-table-column label="包含">
<template slot-scope="props">
<el-tag v-for="(item, index) in props.row.bhbq.split(',')" :key="index"
style="border: none;background: #fcf0db;color: #Fa9500;margin-right: 5px;margin-bottom: 5px;">
{{item}}
</el-tag>
</template>
</el-table-column>
<el-table-column label="不包含">
<template slot-scope="props">
<el-tag v-for="(item, index) in props.row.bbhbq.split(',')" :key="index"
style=" border: none;background: #f0f3f6;color: #333333;margin-right: 5px;margin-bottom: 5px;">
{{item}}
</el-tag>
</template>
</el-table-column>
<el-table-column label="标签描述" width="100">
<template slot-scope="props">
<p style="font-size: 12px;">{{props.row.ms}}</p>
</template>
</el-table-column>
<el-table-column label="创建时间" width="150">
<template slot-scope="props">
<p style="font-size: 12px;">{{props.row.cjsj}}</p>
</template>
</el-table-column>
<el-table-column label="操作" width="100">
<template slot-scope="scope">
<i class="el-icon-edit" @click="EditGjc(scope.row)" style="margin-right: 10px;color: #055fe7;"/>
<i class="el-icon-delete" @click="DelGjc(scope.row)" style="color: #055fe7;"/>
</template>
</el-table-column>
</el-table>
<!--分页-->
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
:current-page.sync="currentPage1" :page-sizes="[5, 10, 20, 50]" :page-size="page_size"
layout="sizes,total,prev, pager, next" :total="total" class="el-pager">
</el-pagination>
<span slot="footer" class="dialog-footer">
<el-button @click="outCancel">
<el-button @click="outCancel" class="cancel">
取消
</el-button>
<el-button @click="outConfirm">
<el-button @click="outConfirm" class="confirm" type="primary">
确认
</el-button>
</span>
......@@ -71,39 +152,42 @@
<script>
import rightContent from "@c/rgcb_wdxl/ptcxform_component.vue";
import {
ylzbQuery,ylzpGjc,ylzpGjcAdd,ylzpGjcEdit,ylzpGjcDel
ylzbQuery, ylzpGjc, ylzpGjcAdd, ylzpGjcEdit, ylzpGjcDel
} from "@/api/dictionaryCode.js";
export default {
components: {
rightContent,
},
data(){
return{
data() {
return {
formType: "haveTitle",
cxFormData:{
page:1,
rows:10,
xsbh:'',
jbssfsd:'',
jbrXm:'',
jbrSfzh:'',
jbdwMc:'',
bjbrXm:'',
bjbdwDwmc:'',
fzssQsnf:'',
fzssIfth:'',
fzssWtlb:'',
lindex: '',
cxFormData: {
page: 1,
rows: 10,
xsbh: '',
jbssfsd: '',
jbrXm: '',
jbrSfzh: '',
jbdwMc: '',
bjbrXm: '',
bjbdwDwmc: '',
fzssQsnf: '',
fzssIfth: '',
fzssWtlb: '',
// 团伙人数范围
// 涉案金额范围
// 受害人数量范围
fzssSxzm:'',
fzssJbaq:''
fzssSxzm: '',
fzssJbaq: '',
notFzssJbaq: ''
},
cxUrl: ylzbQuery,
tableInfor: [],
selectItem: [],
atableLoading: false,
cxQueryField: [
{
title: "举报信息",
......@@ -130,7 +214,7 @@
},
{
name: "举报人姓名",
id: "jbrxm",
id: "jbrXm",
type: "text",
value: "",
placeholder: "请输入",
......@@ -162,7 +246,7 @@
},
{
name: "被举报单位名称",
id: "bjbdwMc",
id: "bjbdwDwmc",
type: "text",
value: "",
placeholder: "请输入",
......@@ -178,7 +262,7 @@
name: "起始年份",
id: "fzssQsnfKSSJ",
id2: "fzssQsnfJSSJ",
type: "zdyDate",
type: "zdyDateYear",
value: "",
col: "3",
},
......@@ -186,21 +270,21 @@
name: "结束年份",
id: "fzssJsnfKSSJ",
id2: "fzssJsnfJSSJ",
type: "zdyDate",
type: "zdyDateYear",
value: "",
col: "3",
},
{
name: "是否是团伙",
id: "fzssThrs",
id: "fzssIfth",
type: "select",
value: "",
placeholder: "请选择",
col: "3",
selectData: [
{ value: "是", name: "是" },
{ value: "否", name: "否" },
{ value: "不清楚", name: "不清楚" },
{value: "是", name: "是"},
{value: "否", name: "否"},
{value: "不清楚", name: "不清楚"},
],
},
......@@ -255,14 +339,21 @@
},
{
name: "基本案情",
name: "基本案情(匹配)",
id: "fzssJbaq",
type: "text",
value: "",
placeholder: "多个案情之间用逗号分隔",
col: "3",
}
],
col: "15"
},
{
name: "基本案情(排除)",
id: "notFzssJbaq",
type: "text",
value: "",
placeholder: "多个案情之间用逗号分隔",
col: "15"
}],
},
],
cxDefaultFormThead: [
......@@ -270,12 +361,12 @@
label: "线索编号",
prop: "xsbh",
width: "200",
toInfor:true
toInfor: true
},
{
label: "举报事实地",
prop: "jbssfsd",
width: "100",
width: "90",
},
{
label: "举报人姓名",
......@@ -285,27 +376,32 @@
{
label: "被举报人姓名",
prop: "bjbrXm",
width: "110",
width: "105",
},
{
label: "被举报单位名称",
prop: "bjbdwDwmc",
width: "150",
width: "140",
},
{
label: "年份",
prop: "nf",
label: "起始年份",
prop: "fzssQsnf",
width: "50",
},
{
label: "结束年份",
prop: "fzssJsnf",
width: "50",
},
{
label: "是否团伙",
prop: "fzssThrs",
width: "80",
prop: "fzssIfth",
width: "77",
},
{
label: "问题类别",
prop: "fzssWtlb",
width: "100",
width: "80",
},
{
label: "团伙人数",
......@@ -332,41 +428,63 @@
{
label: "基本案情",
prop: "fzssJbaq",
width: "200",
width: "250",
},
],
showDialog:false,
innerDialog:false,
bqmc:'',
bhbq:'',
bbhbq:''
showDialog: false,
innerDialog: false,
xsbqArr: [],
dialogTableData: [],
bqmc: '',
bhbq: '',
bbhbq: '',
bqms: '',
isDel: false,
inputVisible: false,
inputValue: '',
TagObj: {},
bhObj: {},
showObj: {},
bhbqArr: [
{
name: ''
}
],
bbhbqArr: [
{
name: ''
}
],
gjcType: null,
id: null,
currentPage1: 1,
page_size: 5,
total: 0
}
},
mounted(){
mounted() {
this.getGjc()
},
methods:{
KeyEvent(){
methods: {
KeyEvent() {
let self = this
self.showDialog = true
},
addTableEvent(arr) {
// let bool = false
this.selectItem.forEach((item,index) => {
arr.forEach((good,goodindex) => {
if(item.asjbh == good.asjbh) {
this.selectItem.forEach((item, index) => {
arr.forEach((good, goodindex) => {
if (item.asjbh == good.asjbh) {
// return this.$alert("请不要添加已经选择的案件", "信息", {
// confirmButtonText: "确定",
// type: "warning",
// });
// bool = true
arr.splice(goodindex,1)
}else {
arr.splice(goodindex, 1)
} else {
}
})
......@@ -409,43 +527,248 @@
closeloadinga() {
this.atableLoading = false
},
getGjc(){
getGjc() {
let self = this
let pam = {
xxzjbh:'',
page:1,
pageSize:100
xxzjbh: '',
page: self.currentPage1,
pageSize: self.page_size
}
ylzpGjc(JSON.stringify(pam)).then(res => {
console.log(res)
if (res.code == 200) {
self.dialogTableData = res.data.rows
self.total = res.data.total
let a = []
self.dialogTableData.forEach(item => {
a.push(item.bqmc)
self.xsbqArr = a
})
}
})
},
addGjc() {
let self = this
self.innerDialog = true
self.gjcType = 'add'
self.bqmc = null
self.bqms = null
self.bhbqArr = [{name: ''}]
self.bbhbqArr = [{name: ''}]
},
addBhbq() {
let self = this
let obj = {
name: ''
}
self.bhbqArr.push(obj)
},
delBhbq(ind) {
let self = this
self.bhbqArr.splice(ind, 1)
},
addBbhbq() {
let self = this
let obj = {
name: ''
}
self.bbhbqArr.push(obj)
},
delBbhbq(ind) {
let self = this
self.bbhbqArr.splice(ind, 1)
},
EditGjc(row) {
let self = this
self.innerDialog = true
self.gjcType = 'edit'
self.bqmc = row.bqmc
self.bqms = row.ms
let bhbqList = []
let bbhbqList = []
bhbqList = row.bhbq.split('，')
bhbqList.forEach((j, index) => {
self.$set(self.bhbqArr, index, {name: j})
})
bbhbqList = row.bbhbq.split('，')
bbhbqList.forEach((j, index) => {
self.$set(self.bbhbqArr, index, {name: j})
})
self.id = row.xxzjbh
},
DelGjc(row) {
let self = this
console.log(row.xxzjbh)
self.$confirm('确认删除该条数据吗', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
let pam = {
xxzjbh: row.xxzjbh
}
ylzpGjcDel(JSON.stringify(pam)).then(res => {
if (res.code == 200) {
console.log(res)
self.getGjc()
self.$message.success('删除成功')
} else {
self.$message.error('删除失败')
}
})
}).catch(() => {
self.$message({
type:'info',
message:'已取消删除'
})
})
},
innerCancel(){
bqmcClick(val, index) {
let self = this
self.innerDialog=false
let infor = self.dialogTableData[index]
console.log(infor)
self.lindex = index
self.cxFormData.fzssJbaq = infor.bhbq
self.cxFormData.notFzssJbaq = infor.bbhbq
},
handleClose(val, row) {
let self = this
let rowArr = []
row.split('，').forEach((item => {
rowArr.push(item)
}))
row = rowArr
console.log(row)
row.splice(row.indexOf(val), 1)
console.log(row)
},
outCancel() {
let self = this
self.showDialog = false
},
outConfirm() {
let self = this
self.isDel = false
},
innerCancel() {
let self = this
self.innerDialog = false
self.bqmc = null
self.bhbq = null
self.bbhbq = null
},
innerConfirm(){
let self = this
innerConfirm() {
let self = this;
let bhbqList = []
let bbhbqList = []
self.bhbqArr.forEach(item => {
bhbqList.push(item.name)
})
self.bbhbqArr.forEach(item => {
bbhbqList.push(item.name)
})
let pam = {
bqmc:self.bqmc,
bhbq:self.bhbq,
bbhbq:self.bbhbq
xxzjbh: self.id,
bqmc: self.bqmc,
bhbq: bhbqList.toString(),
bbhbq: bbhbqList.toString(),
ms: self.bqms
}
ylzpGjcAdd(JSON.stringify(pam)).then(res=>{
if(res.code == 200){
if (self.gjcType == 'add') {
ylzpGjcAdd(JSON.stringify(pam)).then(res => {
if (res.code == 200) {
self.getGjc()
self.innerDialog = false
}
})
} else if (self.gjcType == 'edit') {
ylzpGjcEdit(JSON.stringify(pam)).then(res => {
if (res.code == 200) {
self.getGjc()
self.innerDialog = false
}
})
}
},
handleSizeChange(val) {
this.page_size = val;
this.getGjc();
},
handleCurrentChange(val) {
this.currentPage1 = val;
this.getGjc();
},
}
}
</script>
<style lang="scss" scoped>
.rightContent .zdyLine{
margin-top:30px
.rightContent .zdyLine {
margin-top: 30px
}
.activeClick {
border: 2px solid #055fe7 !important;
/*background: red !important;*/
}
/deep/ .el-table {
max-height: 600px;
overflow: auto;
}
/deep/ .el-dialog {
margin-top: 10vh !important;
.el-dialog__header {
.el-dialog__headerbtn {
top: 15px !important;
}
}
.el-input {
width: 264px;
height: 40px;
}
.el-textarea__inner {
background: #f6f8fa;
border-radius: 4px
}
.el-dialog__title {
color: #282f3c;
font-size: 16px;
}
}
/deep/ .el-pagination {
.el-input {
width: 150px;
display: flex;
margin-top: 5px !important;
align-items: center;
}
.el-pagination__total, .btn-prev, .btn-next, ul {
margin-top: 5px;
}
}
</style>
\ No newline at end of file
src/views/ztsjfx/xsfxDetail.vue
<template>
<div>
11111
<div class="header">
<img src="../../assets/img/jinghui.png" alt="" style=""/>
<span>线索编号详情</span>
</div>
<div class="contentbox">
<div v-for="(item,index) in cxQueryField" :key="item.id" class="list" :id="'list'+item.id">
<p class="title">{{item.title}}</p>
<div class="listxx" style=" display: flex;
flex-wrap: wrap;margin-top:14px">
<div v-for="(i,index1) in item.data " :class="'col'+i.col" :key="index1" class="xx">
<span class="label">{{i.label}}</span>
<span class="value">{{dataObj[i.prop] ? dataObj[i.prop] : '暂无数据' }}</span>
</div>
</div>
</div>
</div>
<div style="position: fixed;top: 100px;right: 100px;" class="fixed">
<div v-for="(item,index) in cxQueryField" :key="item.id" :class="currentIndex === index ? 'indexIcon' : ''"
@click="jump(index)" style="cursor:pointer;margin: 5px 0;position: relative;">
<div :class="currentIndex === index ? 'indexIcon' : ''" style="position: absolute;width: 6px; height: 6px;border-radius: 50%;background: #cccccc;left: -27px;top: 7px;"></div>
<img :class="currentIndex === index ? 'showImg' : 'hideImg' " src="../../assets/img/blue.png" alt="" style="position: absolute;top: 6px;left: -30px;z-index: 10;"/>
{{item.title}}
</div>
<div style="position: fixed;border: 1px solid #cccccc;height: 160px;right: 207px;top: 101px;"></div>
</div>
</div>
</template>
<script>
......@@ -11,23 +40,24 @@
export default {
data() {
return {
xsbh: '',
cxQueryField: [
{
title: '线索基本特征',
id: '1',
data: [
{
label: '线索编号',
label: '线索编号：',
prop: 'xsbh',
col: '3'
},
{
label: '举报事实发生地',
label: '举报事实发生地：',
prop: 'jbssfsd',
col: '3'
},
{
label: '举报时间',
label: '举报时间：',
prop: 'tjsj',
col: '3'
},
......@@ -39,26 +69,19 @@
id: '2',
data: [
{
label: '举报人姓名',
label: '举报人姓名：',
prop: 'jbrXm',
col: '3'
}, {
label: '举报人身份证号',
label: '举报人身份证号：',
prop: 'jbrSfzh',
col: '3'
}, {
label: '举报人现住地',
label: '举报人现住地：',
prop: 'jbrXzz',
col: '3'
}, {
label: '被举报人姓名',
prop: 'bjbrXm',
col: '3'
}, {
label: '被举报单位名称',
prop: 'bjbdwMc',
col: '3'
},
]
},
{
......@@ -66,24 +89,24 @@
id: '3',
data: [
{
label: '联系人姓名',
label: '联系人姓名：',
prop: 'jbdwLxrxm',
col: '3'
},
{
label: '单位名称',
label: '单位名称：',
prop: 'jbdwMc',
col: '3'
},
{
label: '单位地址',
label: '单位地址：',
prop: 'jbdwDz',
col: '3'
},
{
label: '联系电话',
label: '联系电话：',
prop: 'jbdwLxdh',
col: '3'
col: '7'
},
]
},
......@@ -92,104 +115,253 @@
id: '4',
data: [
{
label: '姓名',
label: '姓名：',
prop: 'bjbrXm',
col: '3'
},
{
label: '性别',
label: '性别：',
prop: 'bjbrXb',
col: '3'
},
{
label: '职务',
label: '职务：',
prop: 'bjbrZw',
col: '3'
},
{
label: '联系电话',
label: '联系电话：',
prop: 'bjbrLxdh',
col: '3'
},
{
label: '现住址',
label: '现住址：',
prop: 'bjbrXzz',
col: '3'
},
{
label: '户籍地',
label: '户籍地：',
prop: 'bjbrHjd',
col: '3'
},
]
},
{
title:'被举报单位特征',
id:'5',
data:[
title: '被举报单位特征',
id: '5',
data: [
{
label: '单位名称',
label: '单位名称：',
prop: 'bjbdwDwmc',
col: '3'
},
{
label: '联系电话',
label: '联系电话：',
prop: 'bjbdwLxdh',
col: '3'
},
{
label: '所在地',
label: '所在地：',
prop: 'bjbdwSzd',
col: '3'
},
]
},
{
id:'6',
title:'违法犯罪特征',
data:[
id: '6',
title: '违法犯罪特征',
data: [
{
label: '举报事实发生地',
label: '举报事实发生地：',
prop: 'jbssfsd',
col: '3'
},
{
label: '起始年份',
label: '起始年份：',
prop: 'fzssQsnf',
col: '3'
},
{
label: '结束年份',
label: '结束年份：',
prop: 'fzssJsnf',
col: '3'
},
{
label: '是否是团伙',
label: '是否是团伙：',
prop: 'fzssIfth',
col: '3'
},
{
label: '团伙人数',
label: '团伙人数：',
prop: 'fzssThrs',
col: '3'
},
{
label: '涉案金额（单位：元）',
label: '涉案金额（元）：',
prop: 'fzssSaje',
col: '3'
},
{
label: '受害人数量',
label: '受害人数量：',
prop: 'fzssShrsl',
col: '3'
},
{
label:'问题类别',
prop:'fzssWtlb',
col:'3'
},
{
label:'其他问题类别',
prop:'fzssQtWtlb',
col:'3'
},
{
label: '涉嫌罪名：',
prop: 'fzssSxzm',
col: '3'
},
{
label:'其他涉嫌罪名',
prop:'fzssQtSxzm',
col:'5'
},
{
label: '基本案情：',
prop: 'fzssJbaq',
col: '6'
},
]
}
]
],
dataObj: [],
currentIndex: 0
}
},
mounted() {
let self = this
self.xsbh = this.$route.query.xsbh
self.getDetail()
},
methods: {
jump(index) {
let self = this;
console.log(index)
self.currentIndex = index
let pageId = document.querySelector('#list' + (index+1))
window.scrollTo({
top: pageId.offsetTop,
behavior: 'smooth'
})
},
getDetail() {
let self = this
let pam = {
xsbh: self.xsbh
}
ylzbDetail(JSON.stringify(pam)).then(res => {
console.log(res)
if (res.code == 200) {
self.dataObj = res.data.rows[0]
console.log(self.dataObj.xsbh)
}
})
}
}
}
</script>
<style lang="scss" scoped>
.header {
width: 100%;
height: 52px;
background: #252733;
img {
margin-left: 40px;
width: 36px;
height: 36px;
margin-bottom: 10px;
}
span {
margin-left: 10px;
color: #fff;
font-size: 18px;
font-weight: bold;
line-height: 52px;
}
}
.contentbox {
margin: 15px 320px;
border-radius: 5px;
font-size: 13px;
.list {
background: #ffffff;
padding: 10px 20px;
font-family: "Microsoft YaHei";
padding-bottom: 25px;
.title {
width: 500px;
height: 29px;
background: -webkit-linear-gradient(left, #3670ff, #ffffff);
padding-left: 15px;
color: #fff;
line-height: 29px;
font-weight: bold;
}
.xx {
padding-left: 15px;
line-height: 30px;
border-bottom: 2px dashed #EAEAEA;
.label {
color: #547CA1;
display: inline-block;
width: 110px;
}
}
.col3 {
width: 30%;
}
.col6 {
width: 90%;
padding-right: 2%;
}
.col5 {
width: 30%;
padding-right: 31.2%;
}
.col7 {
width: 30%;
padding-right: 62.5%;
}
}
}
.fixed {
padding-left: 20px;
.indexIcon {
color: #3670ff !important;
}
.showImg{
display: block;
}
.hideImg{
display: none;
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment