Skip to content

F
founder_vue
Commit 69f46866 by dupengfei
Options

有标题栏的显示 修改关键词高亮bug 标识编辑框回显bug 新增笔录信息展示

parent 69e4658e
Showing with 367 additions and 29 deletions
src/components/ptCxForm_components.vue
......@@ -270,6 +270,187 @@
<!--表格-->
<el-table
id="ajzbQueryNM"
v-loading="tableLoading"
element-loading-text="拼命加载中"
:key="2"
ref="itsmNMDataTable"
:data="tableData"
tooltip-effect="dark"
max-height="600"
style="width: 99%; margin: 0 auto"
width="100%"
size="small"
:row-class-name="tableRowClassName"
v-if="pageBs == 'checkAjbzInfo' "
:row-key="getRowKeys"
:expand-row-keys="expands"
@row-click="clickRowHandle"
>
<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 type="expand">
<template slot-scope="scope">
<!--<el-form-item
v-for="item in propQueryField"
:label="item.name+':'"
:key="item.id"
:prop="item.prop"
>
{{item.value}}
</el-form-item>-->
<div style="width: 50%">
<div v-if="scope.row.asjxgbzh.length != 0">
<div v-for="item in scope.row.asjxgbzh">
<div style="line-height: 30px; font-size: 14px;">
<p style=" white-space:nowrap;overflow:hidden;text-overflow: ellipsis;"
>{{ item.bshlx }}: &nbsp;&nbsp;&nbsp;{{item.bsh}}</p>
</div>
</div>
</div>
<div v-else>
<div style="line-height: 30px; font-size: 10px;">
<p style=" color: #99a9bf; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;"
>暂无标识号</p>
</div>
</div>
</div>
</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 == 'operation'">
<el-button-group v-if="$route.path == '/checkAjbzInfo'&&scope.row.spzt == '0'">
<el-button
type="warning"
size="mini"
@click="ajbzSp(scope.row, '0')"
>退回
</el-button
>
<el-button
type="primary"
size="mini"
@click="ajbzSp(scope.row, '1')"
>通过
</el-button>
</el-button-group>
<el-button v-if="$route.path != '/checkAjbzInfo'"
type="primary"
size="mini"
@click="setAjbzHtms(scope.row)"
>退回
</el-button>
</div>
<div v-if="columnTitle.prop == 'jyaq'">
<div class="ajxq_s">
<span class="none" v-html="scope.row[columnTitle.prop]"></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.nextSibling.style.display="block"'
style="
display: inline-block;
width: 100%;
text-align: right;
color: #3692c6;
font-weight: 600;
"
id="openNM"
v-show="
scope.row[columnTitle.prop] != '' &&
scope.row[columnTitle.prop] != null
"
>展开</a
>
</div>
<div class="ajxq_n" style="display: none">
<span
style="display: block"
v-html="scope.row[columnTitle.prop]"
></span
><a
href="javascript:void(0);"
onclick='javascript:this.parentNode.style.display="none";this.parentNode.previousSibling.style.display="block"'
style="float: right; color: #3692c6; font-weight: 600"
id="stopNM"
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, scope.$index)"
style="
cursor: pointer;
color: #096cc9;
font-size: 13px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
"
>
{{ scope.row[columnTitle.prop] }}
<img
v-if="scope.row.bzzt != 1"
src="../assets/img/bianji.png"
/>
</div>
<div v-else-if="columnTitle.prop == 'bzzt'">
<div v-if="scope.row[columnTitle.prop] == 1">
<span>已标注</span>
</div>
<div v-if="scope.row[columnTitle.prop] != 1">
<span style="color: #dc0000">未标注</span>
</div>
<!-- {{ scope.row[columnTitle.prop] == 1 ? '已标注' : '未标注'}} -->
</div>
<div v-else-if="columnTitle.prop == 'spzt'">
<div v-if="scope.row[columnTitle.prop] == 1">
<span style="color: #1a81e1">已通过</span>
</div>
<div v-if="scope.row[columnTitle.prop] == 2">
<span style="color: #dc0000">已退回</span>
</div>
<div v-if="scope.row[columnTitle.prop] == 0">
<span >待审批</span>
</div>
<!-- {{ scope.row[columnTitle.prop] == 1 ? '已标注' : '未标注'}} -->
</div>
<div v-else-if="columnTitle.prop == 'larqafsj'">
<div>{{ `立案: ${$moment(scope.row['larq']).format("YYYY-MM-DD")}` }}</div>
<div>{{ scope.row['asjfssjAsjfskssj'] ? `发案：${scope.row['asjfssjAsjfskssj']}` : '' }}</div>
</div>
<div v-else v-html="scope.row[columnTitle.prop]"></div>
</template>
</el-table-column>
</el-table>
<el-table
id="ajzbQuery"
v-loading="tableLoading"
element-loading-text="拼命加载中"
......@@ -282,6 +463,7 @@
width="100%"
size="small"
:row-class-name="tableRowClassName"
v-if="pageBs != 'checkAjbzInfo'"
>
<el-table-column
align="center"
......@@ -547,6 +729,10 @@ export default {
identitycard: JSON.parse(sessionStorage.getItem("userInfo")).identitycard,
isInclude: false,
active: "/queryAj",
expands: [],
getRowKeys(row) {
return row.asjbh;
}
};
},
created() {
......@@ -559,6 +745,13 @@ export default {
this.isInclude = arr.some((item) => item == this.identitycard);
},
methods: {
clickRowHandle(row, column, event){
if (this.expands.includes(row.asjbh)) {
this.expands = this.expands.filter(val => val !== row.asjbh);
} else {
this.expands.push(row.asjbh);
}
},
getCurrentUnit(unitcode, unitList, arr) {
for (let i = 0; i < unitList.length; i++) {
if (unitcode == unitList[i].id) {
......
src/views/neimengBZ/ajbzDetailNM.vue
......@@ -6,22 +6,30 @@
<div class="titleFlex">
<el-row :gutter="10">
<el-col :span="6">
<div class="grid-content bg-purple">{{ ajmc }}</div>
<div class="grid-content bg-purple" >
<el-tooltip style="margin:4px" effect="dark" :content="ajmc" placement="bottom">
<div style="height: 47px; line-height: 47px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;">{{ ajmc }}</div>
</el-tooltip>
</div>
</el-col>
<el-col :span="6">
<div class="grid-content bg-purple">{{ asjbh }}</div>
</el-col>
<el-col :span="3" v-if="ajlbdmStr">
<el-col :span="3" v-if="ajlbdmStr" style="padding-left: 20px">
<div class="grid-content bg-purple">
<el-tag>{{ ajlbdmStr }}</el-tag>
<el-tooltip style="margin:4px" effect="dark" :content="ajlbdmStr" placement="bottom">
<el-tag>{{ stringHand(ajlbdmStr, 5) }}</el-tag>
</el-tooltip>
</div>
</el-col>
<el-col :span="4" v-if="ajxzlbStr">
<el-col :span="4" v-if="ajxzlbStr" style="padding-left: 20px">
<div class="grid-content bg-purple">
<el-tag>{{ ajxzlbStr }}</el-tag>
<el-tooltip style="margin:4px" effect="dark" :content="ajxzlbStr" placement="bottom">
<el-tag>{{ stringHand(ajxzlbStr, 7) }}</el-tag>
</el-tooltip>
</div>
</el-col>
<el-col :span="5" v-if="ajxlbStr">
<el-col :span="5" v-if="ajxlbStr" style="padding-left: 20px">
<div class="grid-content bg-purple">
<el-tag>{{ ajxlbStr }}</el-tag>
</div>
......@@ -88,7 +96,7 @@
</tr>
<tr>
<td width="80">案发地区:</td>
<td width="300">{{ fxasjddDzmc }}</td>
<td width="300">{{ asjfsddXzqhdmMC }}</td>
<td width="80">发案详址:</td>
<td width="300">{{ asjfsddDzmc }}</td>
</tr>
......@@ -364,6 +372,42 @@
</table>
</div>
</div>
<div class="rightBar" v-show="blxx">
<div class="conTitle">
<div class="conTitleLeft">笔录信息</div>
<div class="conTitleLeft" style="padding-left: 250px"> <el-slider v-model="textSize" :max="50" :min="10" style="margin: 8px 0;"></el-slider></div>
<div class="conTitleRight" @click="topAmplifier"></div>
</div>
<div class="conContioner" :class="topSamllCard">
<el-carousel :height="carouselHeight" :autoplay="autoplay" :initial-index="initIndex" @change="handChange">
<div v-if="blnr.length != '0'">
<el-carousel-item v-for="(item, index) in blnr" :key="index">
<el-scrollbar class="minCard" :class="maxCard">
<div :style="{marginLeft: '10px', marginRight :'10px', fontSize: textSize+'px' }" v-html="item"></div>
</el-scrollbar>
</el-carousel-item>
</div>
<div v-else>
<el-carousel-item v-for="item in 1" :key="item">
<el-scrollbar class="minCard" :class="maxCard">
<div :style="{marginLeft: '10px', marginRight :'10px', fontSize: '15px', textAlign:'center' ,color: '#99a9bf' }">赞无笔录信息</div>
</el-scrollbar>
</el-carousel-item>
</div>
</el-carousel>
<!--<el-scrollbar style="height: 100px">
<el-carousel height="100px" autoplay="false">
<el-carousel-item v-for="item in 4" :key="item">
<h1>{{mock}}</h1>
</el-carousel-item>
</el-carousel>
</el-scrollbar>-->
</div>
</div>
</el-card>
</div>
<el-row :gutter="10" v-show="Amplifier">
......@@ -377,9 +421,9 @@
<div class="keywordCon">
<el-tag
type="warning"
v-for="data in word"
:key="data"
@click="wordHighlight(data)"
v-for="(data,index) in word"
:key="index"
@click="wordHighlight(data,index)"
>{{ data }}
</el-tag>
</div>
......@@ -402,10 +446,10 @@
</div>
<div class="keywordCon">
<ul>
<li v-for="data in fwbzhList" :key="data.rcdid">
<li v-for="(data,index) in fwbzhList" :key="data.rcdid">
<span
style="width: 90%; display: flex"
@click="shrHighlight(data.gjc)"
@click="shrHighlight(data.gjc, index)"
><i
:class="
data.rylx == '01'
......@@ -438,7 +482,7 @@
<thead>
<tr>
<th>标识号</th>
<th>标识号详情</th>
<th>标识号描述</th>
<th>标识号类型</th>
<th style="width: 256px">人员类型</th>
</tr>
......@@ -468,9 +512,9 @@
>
<el-option
v-for="item in options"
:key="item.value"
:key="item.id"
:label="item.label"
:value="item.value"
:value="item.id"
>
</el-option>
</el-select>
......@@ -597,7 +641,7 @@
<el-button
type="primary"
@click="submitBz"
v-if="(bzzt == 2 || bzztMs == '未标注' || bzztMs == '已退回') && $route.query.fromPath!='checkAjbzInfo'"
v-if="(bzzt == 2 || bzztMs == '未标注' || bzztMs == '已退回' || spzt == 0) && $route.query.fromPath!='checkAjbzInfo'"
>完成标注
</el-button>
<el-button
......@@ -668,7 +712,7 @@
<thead>
<tr>
<th>标识号</th>
<th>标识号详情</th>
<th>标识号描述</th>
<th>标识号类型</th>
<th style="width: 256px">人员类型</th>
</tr>
......@@ -679,13 +723,13 @@
<td>
<el-input
v-model="formLabelAlign2[index]['gjc']"
placeholder="请输入"
placeholder="123@qq.com"
></el-input>
</td>
<td>
<el-input
v-model="formLabelAlign2[index]['bshxq']"
placeholder="请输入"
placeholder="XX邮箱描述"
></el-input>
</td>
<td>
......@@ -795,6 +839,7 @@ import {
import axios from "@/utils/http.js";
import {asjbzSp, getEducationAndOccupation, saveAsjSsjz} from "@/views/neimengBZ/ajbzdetailNM.js";
export default {
name: "ajbzDetailNM",
watch: {
......@@ -852,6 +897,7 @@ export default {
{id: 1, name: "案件信息"},
{id: 2, name: "现场信息"},
{id: 3, name: "人员"},
{id: 4, name: "笔录信息"},
],
tableBar: [
{key: 1, name: "盗窃案"},
......@@ -865,6 +911,7 @@ export default {
{ryid: 2, name: "受害人"},
{ryid: 3, name: "报案人"},
],
blnr:[],
centerDialogVisible: false,
centerDialogVisible1: false,
centerDialogVisibles1: false,
......@@ -882,6 +929,7 @@ export default {
zbrXm: "",
jyaq: "",
fxasjddDzmc: "",
asjfsddXzqhdmMC:"",
xcbh: "",
kydd: "",
kysjks: "",
......@@ -895,6 +943,9 @@ export default {
ajxx: true,
xcxx: false,
ry: false,
blxx: false,
autoplay: false,
initIndex: 0,
ryqh: true,
shrqh: false,
barrqh: false,
......@@ -925,6 +976,11 @@ export default {
aqgjcamplifier: {
aqgjcamplifier: false,
},
maxCard:{
maxCard: false,
},
textSize: 15,
carouselHeight:"415px",
tableData: {
bshxq: "",
bshlx: "",
......@@ -1066,6 +1122,9 @@ export default {
occupationCode: [],
spzt: "",
highLightBsh: [],
highLightKyw: [],
};
},
created() {
......@@ -1193,8 +1252,9 @@ export default {
});
}
},
toXk() {
//window.open(this.xcbhUrl, "_blank");
toXk(xcbh) {
let url = "http://26.3.4.162:9080/xcky_pic/page/sceneview/intoSceneview.action?functionType=3&id=" + xcbh
window.open(url, "_blank");
},
optionsChange(val) {
console.log(val.zyZylbdm);
......@@ -1337,17 +1397,31 @@ export default {
}
});
},
wordHighlight(val) {
var array = this.jyaq.split(val);
wordHighlight(val, index) {
/*var array = this.jyaq.split(val);
this.jyaq =
array[0] +
"<span style='background: orange;'>" +
val +
"</span>" +
array[1];
array[1];*/
if ( this.highLightKyw.indexOf(index) >= 0 ){
const reg = new RegExp(`<span style='background: orange;'>${val}</span>`, 'gi')
this.jyaq = this.jyaq.replace(reg, val)
this.highLightKyw = this.highLightKyw.filter(item => {
return item !== index;
})
} else {
const reg = new RegExp(val, 'gi')
this.jyaq = this.jyaq.replace(reg, `<span style='background: orange;'>${val}</span>`)
this.highLightKyw.push(index);
}
},
shrHighlight(val) {
if (this.jyaq.indexOf(val) >= 0) {
shrHighlight(val, index) {
/*if (this.jyaq.indexOf(val) >= 0) {
var array = this.jyaq.split(val);
this.jyaq =
array[0] +
......@@ -1357,7 +1431,22 @@ export default {
array[1];
} else {
this.$message('简要情况中无该标识号信息')
}*/
if ( this.highLightBsh.indexOf(index) >= 0 ){
const reg = new RegExp(`<span style='background: orange;'>${val}</span>`, 'gi')
this.jyaq = this.jyaq.replace(reg, val)
this.highLightBsh = this.highLightBsh.filter(item => {
return item !== index;
})
} else {
const reg = new RegExp(val, 'gi')
this.jyaq = this.jyaq.replace(reg, `<span style='background: orange;'>${val}</span>`)
this.highLightBsh.push(index);
}
},
ajbzRrturn() {
//this.getBz();
......@@ -1441,9 +1530,13 @@ export default {
this.zbrXm = res.data.rows.zbrXm;
this.jyaq = res.data.rows.jyaq;
this.fxasjddDzmc = res.data.rows.fxasjddDzmc;
this.asjfsddXzqhdmMC = res.data.rows.asjfsddXzqhdmMC;
this.spzt = res.data.rows.spzt;
this.bzztMs = res.data.rows.bzztMs;
this.blnr = res.data.rows.blnr;
if (res.data.rows.spzt == "2" && res.data.rows.htms && this.$route.query.fromPath != 'checkAjbzInfo') {
this.czmsdm1 = true;
this.bzztFlag = true;
......@@ -1523,6 +1616,7 @@ export default {
getFwbzhList({
asjbh: this.asjbh,
}).then((res) => {
debugger
this.fwbzhList = res.data.rows;
this.shrList = res.data.rows.filter((item) => item.rylx == "01");
this.xyrList = res.data.rows.filter((item) => item.rylx == "02");
......@@ -1657,14 +1751,22 @@ export default {
this.ajxx = true;
this.xcxx = false;
this.ry = false;
this.blxx = false;
} else if (val == 2) {
this.ajxx = false;
this.xcxx = true;
this.ry = false;
this.blxx = false;
} else if (val == 3) {
this.ajxx = false;
this.xcxx = false;
this.ry = true;
this.blxx = false;
} else if (val == 4) {
this.ajxx = false;
this.xcxx = false;
this.ry = false;
this.blxx = true;
}
},
hanldRytab(val) {
......@@ -1823,6 +1925,15 @@ export default {
topAmplifier() {
this.Amplifier = !this.Amplifier;
this.topSamllCard.topSamllCard = !this.topSamllCard.topSamllCard;
this.maxCard.maxCard = !this.maxCard.maxCard;
if(this.maxCard.maxCard) {
this.carouselHeight = "750px"
} else {
this.carouselHeight = "415px"
}
},
handChange(index){
this.initIndex = index;
},
aqgjcAmplifier() {
this.aqgjc = !this.aqgjc;
......@@ -1880,6 +1991,17 @@ export default {
return data1.label.indexOf(value) !== -1;
},
},
computed:{
stringHand: () => {
return (val, size) => {
if(val.length > size){
return val.substring(0,size-1)+'...';
}else {
return val;
}
}
}
},
};
</script>
......@@ -1889,6 +2011,12 @@ export default {
color: #fff;
}
.el-carousel__button{
background-color: #3670ff !important;
padding: 5px;
border-radius: 10px;
}
.el-form-item__content {
line-height: 30px;
position: relative;
......@@ -2034,6 +2162,14 @@ export default {
margin-bottom: 0 !important;
}
.minCard{
height: 430px;
}
.maxCard{
height: 765px !important;
}
/deep/ .el-card__body {
padding: 0;
display: flex;
......@@ -2420,6 +2556,10 @@ export default {
padding: 0 !important;
}
/deep/ .el-slider__runway{
padding: 0 50px;
}
.bshTable td {
padding: 10px;
}
......
src/views/neimengBZ/checkAjbzInfo.vue
......@@ -240,7 +240,11 @@ export default {
prop: "ajxlbStr",
width: "200",
},
{
label: '简要案情',
prop: 'jyaq',
width: '220'
},
// {
// label: '案发地点',
// prop: 'asjfsddDzmc',
......@@ -272,6 +276,7 @@ export default {
width: "150",
},
// {
// label: '案发开始时间',
// prop: 'asjfssjAsjfskssj',
......
vue.config.js
......@@ -58,8 +58,8 @@ module.exports = {
},
proxy: {
"/api": {
target: "http://74.6.54.153:9025", //西藏: https://155.1.33.10:20010/ 海南：http://74.6.54.153:9025 阿里云： 39.99.155.173:9025
//target: "http://74.6.54.153:9025",
//target: "http://74.6.54.153:9025", //西藏: https://155.1.33.10:20010/ 海南：http://74.6.54.153:9025 阿里云： 39.99.155.173:9025
target: "http://localhost:8762",
// ws: true,
changeOrigin: true,
// secure: false,
......
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