Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
F
founder_vue
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
常超
founder_vue
Commits
4eb76021
Commit
4eb76021
authored
Jul 13, 2021
by
wushaofei
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
标注详情页细节优化
parent
01287cd1
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
597 additions
and
271 deletions
+597
-271
src/api/ajbzDetail.js
+17
-2
src/views/ajbzDetail.vue
+580
-269
No files found.
src/api/ajbzDetail.js
View file @
4eb76021
...
...
@@ -21,7 +21,9 @@ const getFwbzhList = params =>
post
(
"/api/newAsjbz/getFwbzhList"
,
params
);
const
updateBsh
=
params
=>
postform
(
"/api/newAsjbz/updateBsh"
,
params
);
postJson
(
"/api/newAsjbz/updateBsh"
,
params
);
const
insertFwbsh
=
params
=>
postJson
(
"/api/newAsjbz/insertFwbsh"
,
params
);
const
saveAsjbzxx
=
params
=>
post
(
"/api/newAsjbz/saveAsjbzxx"
,
params
);
...
...
@@ -29,6 +31,14 @@ const saveAsjbzxx = params =>
const
getAsjbzxx
=
params
=>
post
(
"/api/newAsjbz/getAsjbzxx"
,
params
);
const
getRybhList
=
params
=>
post
(
"/api/newAsjbz/getRybhList"
,
params
);
const
getBarxxList
=
params
=>
post
(
"/api/newAsjbz/getBarxxList"
,
params
);
const
deleteBsh
=
params
=>
post
(
"/api/newAsjbz/deleteBsh"
,
params
);
export
{
...
...
@@ -38,6 +48,10 @@ export {
getGjcList
,
getFwbzhList
,
updateBsh
,
insertFwbsh
,
saveAsjbzxx
,
getAsjbzxx
getAsjbzxx
,
getRybhList
,
getBarxxList
,
deleteBsh
}
\ No newline at end of file
src/views/ajbzDetail.vue
View file @
4eb76021
...
...
@@ -24,239 +24,351 @@
<el-row
:gutter=
"10"
>
<el-col
:span=
"15"
>
<div
class=
"grid-content bg-purple"
>
<el-card
class=
"box-card samlllCard"
>
<div
class=
"leftBar"
>
<el-card
class=
"box-card samlllCard"
:class=
"topSamllCard"
>
<div
class=
"leftBar"
:class=
"topSamllCard"
>
<ul>
<li
v-for=
"item in barData"
:key=
"item.id"
ref=
"item.id"
:class=
"
{ active: selectIndex === item.id }"
@click="halderTab(item.id)"
>
<li
v-for=
"item in barData"
:key=
"item.id"
ref=
"item.id"
:class=
"
{ active: selectIndex === item.id }"
@click="halderTab(item.id)">
{{
item
.
name
}}
</li>
</ul>
</div>
<div
class=
"rightBar"
v-show=
"ajxx"
>
<div
class=
"rightBar"
v-show=
"ajxx"
>
<div
class=
"conTitle"
>
<div
class=
"conTitleLeft"
>
基本信息
</div>
<div
class=
"conTitleRight"
></div>
<div
class=
"conTitleRight"
@
click=
"topAmplifier"
></div>
</div>
<div
class=
"conContioner"
>
<div
class=
"conContioner"
:class=
"topSamllCard"
>
<table>
<tr>
<td>
案发时间:
</td>
<td
colspan=
"2
"
>
{{
asjfssjKssjStr
}}
</td>
<td>
立案曰期:
</td>
<td
colspan=
"3
"
>
{{
larqStr
}}
</td>
<td
width=
"80"
>
案发时间:
</td>
<td
width=
"300
"
>
{{
asjfssjKssjStr
}}
</td>
<td
width=
"80"
>
立案曰期:
</td>
<td
width=
"300
"
>
{{
larqStr
}}
</td>
</tr>
<tr>
<td>
案发地区:
</td>
<td
colspan=
"2
"
>
{{
fxasjddXzqhdm
}}
</td>
<td>
发案详址:
</td>
<td
colspan=
"3
"
>
{{
asjfsddDzmc
}}
</td>
<td
width=
"80"
>
案发地区:
</td>
<td
width=
"300
"
>
{{
fxasjddXzqhdm
}}
</td>
<td
width=
"80"
>
发案详址:
</td>
<td
width=
"300
"
>
{{
asjfsddDzmc
}}
</td>
</tr>
<tr>
<td>
案件类别:
</td>
<td
colspan=
"2
"
>
{{
ajlbdm_str
}}
</td>
<td>
涉案价值:
</td>
<td
colspan=
"3
"
>
{{
ssjzrmby
}}
</td>
<td
width=
"80"
>
案件类别:
</td>
<td
width=
"300
"
>
{{
ajlbdm_str
}}
</td>
<td
width=
"80"
>
涉案价值:
</td>
<td
width=
"300
"
>
{{
ssjzrmby
}}
</td>
</tr>
<tr>
<td
valign=
"top"
>
简要案情:
</td>
<td
colspan=
"6"
>
{{
jyaq
}}
</td>
<td
valign=
"top"
width=
"80"
>
简要案情:
</td>
<td
colspan=
"3"
valign=
"top"
width=
"300"
>
{{
jyaq
}}
</td>
</tr>
</table>
</div>
</div>
<div
class=
"rightBar"
v-show=
"xcxx"
>
<div
class=
"rightBar"
v-show=
"xcxx"
>
<div
class=
"conTitle"
>
<div
class=
"conTitleLeft"
>
现场信息
</div>
<div
class=
"conTitleRight"
></div>
<div
class=
"conTitleRight"
@
click=
"topAmplifier"
></div>
</div>
<div
class=
"conContioner"
>
<div
class=
"conContioner"
:class=
"topSamllCard"
>
<table>
<tr>
<td>
勘验编号:
</td>
<td
colspan=
"2
"
>
{{
xcbh
}}
</td>
<td>
勘验地点:
</td>
<td
colspan=
"3
"
>
{{
kydd
}}
</td>
<td
width=
"80"
>
勘验编号:
</td>
<td
width=
"300
"
>
{{
xcbh
}}
</td>
<td
width=
"80"
>
勘验地点:
</td>
<td
width=
"300
"
>
{{
kydd
}}
</td>
</tr>
<tr>
<td>
开始时间:
</td>
<td
colspan=
"2
"
>
{{
kysjks
}}
</td>
<td>
结束时间:
</td>
<td
colspan=
"3
"
>
{{
kysjjs
}}
</td>
<td
width=
"80"
>
开始时间:
</td>
<td
width=
"300
"
>
{{
kysjks
}}
</td>
<td
width=
"80"
>
结束时间:
</td>
<td
width=
"300
"
>
{{
kysjjs
}}
</td>
</tr>
<tr>
<td>
勘验人:
</td>
<td
colspan=
"2
"
>
{{
kyjcry
}}
</td>
<td>
经纬度:
</td>
<td
colspan=
"3
"
>
{{
jd
}}
,
{{
wd
}}
</td>
<td
width=
"80"
>
勘验人:
</td>
<td
width=
"300
"
>
{{
kyjcry
}}
</td>
<td
width=
"80"
>
经纬度:
</td>
<td
width=
"300
"
>
{{
jd
}}
,
{{
wd
}}
</td>
</tr>
<tr>
<td
valign=
"top"
>
勘验情况:
</td>
<td
colspan=
"6"
>
{{
kyjcqknr
}}
</td>
<td
valign=
"top"
width=
"80"
>
勘验情况:
</td>
<td
colspan=
"3"
valign=
"top"
width=
"300"
>
{{
kyjcqknr
}}
</td>
</tr>
</table>
</div>
</div>
<div
class=
"rightBar"
v-show=
"ry"
>
<div
class=
"rightBar"
v-show=
"ry"
>
<div
class=
"conTitle"
>
<div
class=
"conTitleLeft"
>
人员
</div>
<div
class=
"conTitleRight"
></div>
<div
class=
"conTitleLeft conTitleleft"
style=
"width:30%"
>
<ul>
<li
v-for=
"data in ryList"
:key=
"data.ryid"
:class=
"
{liActive:selectIndex2 === data.ryid}"
@click="hanldRytab(data.ryid)">
{{
data
.
name
}}
</li>
</ul>
</div>
<div
class=
"conTitleRight"
@
click=
"topAmplifier"
></div>
</div>
<div
class=
"conContioner"
>
<table>
<div
class=
"conContioner"
:class=
"topSamllCard"
v-show=
"ryqh"
>
<table
v-for=
"(data,index) in xyrList1"
:key=
"index"
>
<tr>
<td
rowspan=
"3"
style=
"text-align: center;"
valign=
"top"
width=
"200"
>
<div
class=
"demo-fit"
>
<div
class=
"block"
>
<el-avatar
shape=
"square"
:size=
"100"
:src=
"data.zp"
></el-avatar>
</div>
</div>
</td>
<td
width=
"80"
>
姓名:
</td>
<td
width=
"200"
>
{{
data
.
xm
}}
</td>
<td
width=
"80"
>
性别:
</td>
<td
width=
"200"
>
{{
data
.
xbdmStr
}}
</td>
</tr>
<tr>
<td
width=
"80"
>
出生日期:
</td>
<td
width=
"200"
>
{{
data
.
csrq
}}
</td>
<td
width=
"80"
>
民族:
</td>
<td
width=
"200"
>
{{
data
.
mzdmStr
}}
</td>
</tr>
<tr>
<td
width=
"80"
>
联系电话:
</td>
<td
width=
"200"
>
{{
data
.
lxdh
}}
</td>
<td
width=
"80"
>
现住址:
</td>
<td
width=
"200"
>
{{
data
.
xzzDzmc
}}
</td>
</tr>
</table>
</div>
<div
class=
"conContioner"
:class=
"topSamllCard"
v-show=
"shrqh"
style=
"style:width: 869px;"
>
<table
v-for=
"(data,index) in shrListqh"
:key=
"index"
>
<tr>
<td
rowspan=
"3"
>
<td
rowspan=
"4"
style=
"text-align: center;"
valign=
"top"
width=
"200"
>
<div
class=
"demo-fit"
>
<div
class=
"block"
v-for=
"fit in fits"
:key=
"fit"
>
<span
class=
"title"
>
{{
fit
}}
</span>
<el-avatar
shape=
"square"
:size=
"100"
:fit=
"fit"
:src=
"zp"
></el-avatar>
<div
class=
"block"
>
<el-avatar
shape=
"square"
:size=
"100"
:src=
"data.zp"
></el-avatar>
</div>
</div>
</td>
<td>
姓名:
</td>
<td>
{{
xm
}}
</td>
<td>
性别:
</td>
<td>
{{
xbdmStr
}}
</td>
<td
width=
"80"
>
姓名:
</td>
<td
width=
"200"
>
{{
data
.
xm
}}
</td>
<td
width=
"80"
>
性别:
</td>
<td
width=
"200"
>
{{
data
.
xbdmStr
}}
</td>
</tr>
<tr>
<td
width=
"80"
>
出生日期:
</td>
<td
width=
"200"
>
{{
data
.
csrq
}}
</td>
<td
width=
"80"
>
民族:
</td>
<td
width=
"200"
>
{{
data
.
mzdmStr
}}
</td>
</tr>
<tr>
<td
>
出生日期
:
</td>
<td
>
{{
csrq
}}
</td>
<td
>
民族
:
</td>
<td
>
{{
mzdmStr
}}
</td>
<td
width=
"80"
>
证件号码
:
</td>
<td
width=
"200"
>
{{
data
.
cyzjZjhm
}}
</td>
<td
width=
"80"
>
现住址
:
</td>
<td
width=
"200"
>
{{
data
.
xzzDzmc
}}
</td>
</tr>
<tr>
<td>
联系电话:
</td>
<td>
{{
lxdh
}}
</td>
<td>
现住址:
</td>
<td>
{{
xzzDzmc
}}
</td>
<td
valign=
"top"
width=
"80"
>
户籍地:
</td>
<td
valign=
"top"
width=
"200"
>
{{
data
.
jgdm
}}
</td>
<td
valign=
"top"
width=
"80"
>
户籍地名称:
</td>
<td
width=
"200"
>
{{
data
.
hjdzDzmc
}}
</td>
</tr>
</table>
</div>
<div
class=
"conContioner"
:class=
"topSamllCard"
v-show=
"barrqh"
>
<table
v-for=
"(data,index) in barList"
:key=
"index"
>
<tr>
<td
rowspan=
"3"
style=
"text-align: center;"
valign=
"top"
width=
"200"
>
<div
class=
"demo-fit"
>
<div
class=
"block"
>
<el-avatar
shape=
"square"
:size=
"100"
:src=
"data.zp"
></el-avatar>
</div>
</div>
</td>
<td
width=
"80"
>
姓名:
</td>
<td
width=
"200"
>
{{
data
.
xm
}}
</td>
<td
width=
"80"
>
性别:
</td>
<td
width=
"200"
>
{{
data
.
xbdmStr
}}
</td>
</tr>
<tr>
<td
width=
"80"
>
出生日期:
</td>
<td
width=
"200"
>
{{
data
.
csrq
}}
</td>
<td
width=
"80"
>
民族:
</td>
<td
width=
"200"
>
{{
data
.
mzdmStr
}}
</td>
</tr>
<tr>
<td
width=
"80"
>
现住址:
</td>
<td
width=
"200"
>
{{
data
.
xzzDzmc
}}
</td>
<td
width=
"80"
>
联系电话:
</td>
<td
width=
"200"
>
{{
data
.
lxdh
}}
</td>
</tr>
</table>
</div>
</div>
</el-card>
</div>
<el-row
:gutter=
"10"
>
<el-col
:span=
"12"
>
<el-row
:gutter=
"10"
v-show=
"Amplifier"
>
<el-col
:span=
"12"
:class=
"aqgjcamplifier"
>
<div
class=
"grid-content bg-purple"
>
<el-card
class=
"box-card"
style=
"height: 260px"
>
<el-card
class=
"box-card"
style=
"height: 260px"
>
<div
class=
"conTitle"
>
<div
class=
""
>
案情关键词
</div>
<div
class=
"conTitleRight"
></div>
<div
class=
"conTitleLeft"
>
案情关键词
</div>
<div
class=
"conTitleRight"
@
click=
"aqgjcAmplifier"
></div>
</div>
<div
class=
"keywordCon"
>
<el-tag
type=
"warning"
v-for=
"data in word"
:key=
"data"
>
{{
<el-tag
type=
"warning"
v-for=
"data in word"
:key=
"data"
>
{{
data
}}
</el-tag>
</div>
</el-card>
</div>
</el-col>
<el-col
:span=
"12"
>
<el-col
:span=
"12"
v-show=
"aqgjc"
>
<div
class=
"grid-content bg-purple"
>
<el-card
class=
"box-card"
style=
"height: 260px"
>
<el-card
class=
"box-card"
style=
"height: 260px"
>
<div
class=
"conTitle"
>
<div
class=
"conTitleLeft"
>
标识号
</div>
<div
class=
"conTitleRighty"
>
<el-button
class=
"bianji"
@
click=
"centerDialogVisible = true"
></el-button>
<el-button
class=
"dell"
@
click=
"centerDialogVisible = true"
></el-button>
<el-button
class=
"add"
@
click=
"addBsh"
></el-button>
<el-button
class=
"bianji"
@
click=
"centerDialogVisible = true"
></el-button>
<el-button
class=
"dell"
@
click=
"hanldDel"
></el-button>
<el-button
class=
"add"
@
click=
"addBsh"
></el-button>
</div>
</div>
<div
class=
"keywordCon"
>
<ul>
<li>
受害人:
</li>
<li
v-for=
"data in shrList"
:key=
"data.rcdid"
>
<i
class=
"el-icon-phone"
></i>
{{
data
.
gjc
}}
<li
v-for=
"data in shrList"
:key=
"data.rcdid"
>
<span><i
class=
"el-icon-phone"
></i>
{{
data
.
gjc
}}
</span>
<span>
<i
class=
"el-icon-delete"
v-show=
"delShow"
@
click=
"hanlDelete(data.rcdid)"
></i>
</span>
</li>
<li>
嫌疑人:
</li>
<li
v-for=
"data in xyrList"
:key=
"data.rcdid"
>
<i
class=
"el-icon-phone"
></i>
{{
data
.
gjc
}}
<li
v-for=
"data in xyrList"
:key=
"data.rcdid"
>
<span><i
class=
"el-icon-phone"
></i>
{{
data
.
gjc
}}
</span>
<span
v-show=
"delShow"
@
click=
"hanlDelete(data.rcdid)"
>
<i
class=
"el-icon-delete"
></i>
</span>
</li>
</ul>
</div>
<el-dialog
title=
"标识号编辑"
:visible
.
sync=
"centerDialogVisible"
width=
"50%"
center
>
<el-dialog
title=
"标识号编辑"
:visible
.
sync=
"centerDialogVisible"
width=
"50%"
center
>
<table
class=
"bshTable"
>
<thead>
<tr>
<th>
标识号
</th>
<th>
标识号详情
</th>
<th>
标识号类型
</th>
<th>
人员类型
</th>
<th
style=
"width:256px"
>
人员类型
</th>
</tr>
</thead>
<tbody>
<tr
v-for=
"(data, index) in fwbzhList"
:key=
"data.rcdid"
>
<tr
v-for=
"(data, index) in fwbzhList"
:key=
"data.rcdid"
>
<td>
{{
data
.
gjc
}}
</td>
<td>
<el-input
v-model=
"formLabelAlign[index]['bshxq']"
placeholder=
"请输入"
></el-input>
<el-input
v-model=
"formLabelAlign[index]['bshxq']"
placeholder=
"请输入"
></el-input>
</td>
<td>
<el-select
v-model=
"formLabelAlign[index]['bshlx']"
clearable
placeholder=
"请选择"
>
<el-option
v-for=
"item in options"
:key=
"item.value"
:label=
"item.label"
:value=
"item.value"
>
<el-select
v-model=
"formLabelAlign[index]['bshlx']"
clearable
placeholder=
"请选择"
>
<el-option
v-for=
"item in options"
:key=
"item.value"
:label=
"item.label"
:value=
"item.value"
>
</el-option>
</el-select>
</td>
<td>
<el-select
v-model=
"formLabelAlign[index]['rylx']"
clearable
placeholder=
"请选择"
>
<el-option
v-for=
"item in options1"
:key=
"item.value"
:label=
"item.label"
:value=
"item.value"
>
<el-select
v-model=
"formLabelAlign[index]['rylx']"
clearable
placeholder=
"请选择"
>
<el-option
v-for=
"item in options1"
:key=
"item.value"
:label=
"item.label"
:value=
"item.value"
>
</el-option>
</el-select>
</td>
</tr>
</tbody>
</table>
<span
slot=
"footer"
class=
"dialog-footer"
>
<el-button
@
click=
"centerDialogVisible = false"
>
取 消
</el-button
>
<el-button
type=
"primary"
@
click=
"handSumit()"
>
确 定
</el-button
>
<span
slot=
"footer"
class=
"dialog-footer"
>
<el-button
@
click=
"centerDialogVisible = false"
>
取 消
</el-button>
<el-button
type=
"primary"
@
click=
"handSumit()"
>
确 定
</el-button>
</span>
</el-dialog>
</el-card>
...
...
@@ -266,19 +378,18 @@
</el-col>
<el-col
:span=
"9"
>
<div
class=
"grid-content bg-purple"
>
<el-card
v-if=
"!bzFlag"
class=
"box-card"
>
<el-card
v-if=
"!bzFlag"
class=
"box-card"
>
<div
class=
"incidentTitle"
>
<span>
案事件标注
</span>
</div>
<div
class=
"incidentBtn"
>
<div
class=
"btn"
v-for=
"data in tableBar"
:key=
"data.key"
ref=
"data.key"
:class=
"
{ active: selectIndex1 === data.key }"
@click="hanldTableBar(data.key)"
>
<div
class=
"btn"
v-for=
"data in tableBar"
:key=
"data.key"
ref=
"data.key"
:class=
"
{ active: selectIndex1 === data.key }"
@click="hanldTableBar(data.key)">
{{
data
.
name
}}
</div>
</div>
...
...
@@ -286,48 +397,47 @@
<div
class=
"incidentConLeft"
>
<div
class=
"search"
>
<span>
主案类别
</span>
<el-input
placeholder=
"关键词检索"
v-model=
"filterText1"
>
<el-input
placeholder=
"关键词检索"
v-model=
"filterText1"
>
</el-input>
</div>
<div
class=
"tree"
>
<el-tree
class=
"filter-tree"
:highlight-current=
"true"
node-key=
"id"
:data=
"data1"
:props=
"defaultProps"
default-expand-all
:filter-node-method=
"filterNode1"
ref=
"tree1"
@
node-click=
"zaHandleNodeClick"
>
<el-tree
class=
"filter-tree"
:highlight-current=
"true"
node-key=
"id"
:data=
"data1"
:props=
"defaultProps"
default-expand-all
:filter-node-method=
"filterNode1"
ref=
"tree1"
@
node-click=
"zaHandleNodeClick"
>
</el-tree>
</div>
</div>
<div
class=
"incidentConRight"
>
<div
class=
"search"
>
<span>
类案类别
</span>
<el-input
placeholder=
"关键词检索"
v-model=
"filterText"
>
<el-input
placeholder=
"关键词检索"
v-model=
"filterText"
>
</el-input>
</div>
<div
class=
"tree"
>
<el-tree
class=
"filter-tree"
:highlight-current=
"true"
node-key=
"id"
:data=
"data"
:props=
"defaultProps"
default-expand-all
:filter-node-method=
"filterNode"
ref=
"tree"
@
node-click=
"lzHandleNodeClick"
>
<el-tree
class=
"filter-tree"
:highlight-current=
"true"
node-key=
"id"
:data=
"data"
:props=
"defaultProps"
default-expand-all
:filter-node-method=
"filterNode"
ref=
"tree"
@
node-click=
"lzHandleNodeClick"
>
</el-tree>
</div>
</div>
</div>
</el-card>
<el-card
v-else
class=
"box-card"
>
<el-card
v-else
class=
"box-card"
>
<div
class=
"incidentTitle"
>
<span>
案事件标注
</span>
</div>
...
...
@@ -336,7 +446,8 @@
<div
class=
"bztag"
>
<span>
{{
ajzlbStr
}}
</span>
</div>
<div
class=
"bztag2"
style=
"margin: 40px 0 0 60px"
>
<div
class=
"bztag2"
style=
"margin: 40px 0 0 60px"
>
<span>
{{
ajxzlbStr
}}
</span>
</div>
</div>
...
...
@@ -347,70 +458,70 @@
</el-row>
</el-main>
<el-footer
height=
"81px"
>
<el-button
type=
"primary"
@
click=
"submitBz"
>
完成标注
</el-button>
<el-button
type=
"warning"
@
click=
"bzDetail"
>
查看标注详情
</el-button>
<el-button
type=
"primary"
@
click=
"submitBz"
>
完成标注
</el-button>
<el-button
type=
"warning"
@
click=
"bzDetail"
>
查看标注详情
</el-button>
</el-footer>
</el-container>
<el-dialog
title=
"标识号新增"
:visible
.
sync=
"centerDialogVisibles"
width=
"50%"
center
>
<el-dialog
title=
"标识号新增"
:visible
.
sync=
"centerDialogVisibles1"
width=
"50%"
center
>
<table
class=
"bshTable"
>
<thead>
<tr>
<th>
标识号
</th>
<th>
标识号详情
</th>
<th>
标识号类型
</th>
<th>
人员类型
</th>
<th
style=
"width:256px"
>
人员类型
</th>
</tr>
</thead>
<tbody>
<tr
v-for=
"(data, index) in bshList"
:key=
"data.rcdid"
>
<td>
{{
data
.
gjc
}}
</td>
<tr
v-for=
"(data, index) in formLabelAlign2"
:key=
"data.rcdid"
>
<!--
<td>
{{
data
.
gjc
}}
</td>
-->
<td>
<el-input
v-model=
"formLabelAlign2[index]['gjc']"
placeholder=
"请输入"
></el-input>
</td>
<td>
<el-input
v-model=
"formLabelAlign2[index]['bshxq']"
placeholder=
"请输入"
></el-input>
<el-input
v-model=
"formLabelAlign2[index]['bshxq']"
placeholder=
"请输入"
></el-input>
</td>
<td>
<el-select
v-model=
"formLabelAlign2[index]['bshlx']"
clearable
placeholder=
"请选择"
>
<el-option
v-for=
"item in options"
:key=
"item.value"
:label=
"item.label"
:value=
"item.value"
>
<el-select
v-model=
"formLabelAlign2[index]['bshlx']"
clearable
placeholder=
"请选择"
>
<el-option
v-for=
"item in options"
:key=
"item.value"
:label=
"item.label"
:value=
"item.value"
>
</el-option>
</el-select>
</td>
<td>
<el-select
v-model=
"formLabelAlign2[index]['rylx']"
clearable
placeholder=
"请选择"
>
<el-option
v-for=
"item in options1"
:key=
"item.value"
:label=
"item.label"
:value=
"item.value"
>
<el-select
v-model=
"formLabelAlign2[index]['rylx']"
clearable
placeholder=
"请选择"
>
<el-option
v-for=
"item in options1"
:key=
"item.value"
:label=
"item.label"
:value=
"item.value"
>
</el-option>
</el-select>
</td>
</tr>
</tbody>
</table>
<span
slot=
"footer"
class=
"dialog-footer"
>
<el-button
@
click=
"centerDialogVisible = false"
>
取 消
</el-button>
<el-button
type=
"primary"
@
click=
"handSumit()"
>
确 定
</el-button>
<span
slot=
"footer"
class=
"dialog-footer"
>
<el-button
class=
"el-icon-edit"
style=
"float: left;"
@
click=
"addButton"
></el-button>
<el-button
@
click=
"cancel"
>
取 消
</el-button>
<el-button
type=
"primary"
@
click=
"handSumits()"
>
确 定
</el-button>
</span>
</el-dialog>
</div>
...
...
@@ -425,20 +536,24 @@ import {
getFwbzhList
,
updateBsh
,
saveAsjbzxx
,
insertFwbsh
,
getAsjbzxx
,
getRybhList
,
getBarxxList
,
deleteBsh
}
from
"@/api/ajbzDetail.js"
;
import
{
queryTreeDataByType
}
from
"@/api/queryAj.js"
;
export
default
{
name
:
"ajbzDetail"
,
watch
:
{
filterText
(
val
)
{
filterText
(
val
)
{
this
.
$refs
.
tree
.
filter
(
val
);
},
filterText1
(
val
)
{
filterText1
(
val
)
{
this
.
$refs
.
tree1
.
filter
(
val
);
},
},
data
()
{
data
()
{
return
{
bshList
:
[
{
...
...
@@ -454,13 +569,7 @@ export default {
parentLb
:
{},
//主类类别
centerDialogVisibles
:
false
,
formLabelAlign
:
[],
formLabelAlign2
:
[
{
bshxq
:
""
,
bshlx
:
""
,
rylx
:
""
,
},
],
formLabelAlign2
:
[],
barData
:
[
{
id
:
1
,
name
:
"案件信息"
},
{
id
:
2
,
name
:
"现场信息"
},
...
...
@@ -473,7 +582,14 @@ export default {
{
key
:
4
,
name
:
"抢夺案"
},
{
key
:
5
,
name
:
"招摇撞骗案"
},
],
ryList
:
[
{
ryid
:
1
,
name
:
"嫌疑人"
},
{
ryid
:
2
,
name
:
"受害人"
},
{
ryid
:
3
,
name
:
"报案人"
},
],
centerDialogVisible
:
false
,
centerDialogVisible1
:
false
,
centerDialogVisibles1
:
false
,
ajmc
:
""
,
ajlbdm_str
:
""
,
active
:
""
,
...
...
@@ -496,8 +612,14 @@ export default {
ajxx
:
true
,
xcxx
:
false
,
ry
:
false
,
ryqh
:
true
,
shrqh
:
false
,
barrqh
:
false
,
Amplifier
:
true
,
delShow
:
false
,
selectIndex
:
1
,
//搜索结果,被选中的li index
selectIndex1
:
1
,
selectIndex2
:
1
,
word
:
[],
FwbzhList
:
[],
fits
:
[],
...
...
@@ -511,7 +633,15 @@ export default {
bshlx
:
""
,
shrList
:
[],
xyrList
:
[],
xyrList1
:
[],
fwbzhList
:
[],
aqgjc
:
true
,
topSamllCard
:
{
topSamllCard
:
false
,
},
aqgjcamplifier
:
{
aqgjcamplifier
:
false
},
tableData
:
{
bshxq
:
""
,
bshlx
:
""
,
...
...
@@ -543,6 +673,8 @@ export default {
sxdata1
:
[],
data
:
[],
sxdata
:
[],
shrListqh
:
[],
barList
:
[],
asjbh
:
this
.
$route
.
query
.
asjbh
,
input
:
""
,
filterText
:
""
,
...
...
@@ -558,13 +690,13 @@ export default {
},
};
},
created
()
{
created
()
{
this
.
query
();
this
.
getQuery
();
this
.
getBz
();
},
methods
:
{
submitBz
()
{
submitBz
()
{
var
self
=
this
;
saveAsjbzxx
({
asjbh
:
self
.
asjbh
,
...
...
@@ -572,20 +704,19 @@ export default {
asjbzAjfl
:
`0
${
self
.
selectIndex1
}
`
,
ajzlb
:
self
.
data1
[
0
].
id
,
ajxzlb
:
self
.
parentLb
.
id
,
}).
then
(
res
=>
{
if
(
res
.
status
==
200
)
{
}).
then
(
res
=>
{
if
(
res
.
status
==
200
)
{
self
.
$message
.
success
(
'标注成功'
)
}
})
},
getBz
()
{
getBz
()
{
var
self
=
this
;
getAsjbzxx
({
asjbh
:
this
.
asjbh
,
}).
then
((
res
)
=>
{
self
.
ajzlbStr
=
res
.
data
.
ajzlbStr
;
self
.
ajxzlbStr
=
res
.
data
.
ajxzlbStr
;
debugger
self
.
$nextTick
(()
=>
{
// treeBox 元素的ref value 绑定的node-key
self
.
$refs
.
tree1
.
setCurrentKey
(
res
.
data
.
ajzlb
);
...
...
@@ -593,18 +724,70 @@ export default {
});
});
},
bzDetail
()
{
bzDetail
()
{
var
self
=
this
;
self
.
getBz
()
self
.
bzFlag
=
true
;
},
handSumits
()
{},
addBsh
()
{
cancel
()
{
this
.
centerDialogVisibles1
=
false
;
this
.
formLabelAlign2
=
[]
},
handSumits
()
{
this
.
formLabelAlign2
=
[]
this
.
centerDialogVisibles1
=
false
;
var
self
=
this
;
let
i
=
0
;
let
param
=
[]
self
.
formLabelAlign2
.
forEach
((
item
)
=>
{
param
.
push
({
zjbh
:
this
.
asjbh
,
gjc
:
self
.
formLabelAlign2
[
i
][
"gjc"
],
bshxq
:
self
.
formLabelAlign2
[
i
][
"bshxq"
],
bshlx
:
self
.
formLabelAlign2
[
i
][
"bshlx"
],
bm
:
"TB_ST_ASJ"
,
rylx
:
self
.
formLabelAlign2
[
i
][
"rylx"
],
ztbs
:
"ASJ"
})
console
.
log
(
param
)
});
insertFwbsh
(
JSON
.
stringify
(
param
)).
then
((
res
)
=>
{
if
(
res
.
status
==
200
)
{
this
.
$message
({
showClose
:
true
,
message
:
'添加成功'
,
type
:
'success'
});
getFwbzhList
({
asjbh
:
this
.
asjbh
}).
then
(
res
=>
{
this
.
fwbzhList
=
res
.
data
this
.
shrList
=
res
.
data
.
filter
(
item
=>
item
.
rylx
==
"01"
)
this
.
xyrList
=
res
.
data
.
filter
(
item
=>
item
.
rylx
==
"02"
)
})
}
});
},
addButton
()
{
console
.
log
(
111
)
this
.
formLabelAlign2
.
push
(
{
gjc
:
""
,
bshxq
:
""
,
bshlx
:
""
,
rylx
:
""
,
},
)
},
addBsh
()
{
var
self
=
this
;
this
.
$set
(
self
.
formLabelAlign2
,
0
,
[]);
this
.
centerDialogVisibles
=
true
;
this
.
centerDialogVisibles
1
=
true
;
},
query
()
{
query
()
{
var
self
=
this
;
getAsjxxDetail
({
asjbh
:
this
.
asjbh
,
...
...
@@ -636,13 +819,10 @@ export default {
getZbfzxyrxxList
({
asjbh
:
this
.
asjbh
,
}).
then
((
res
)
=>
{
this
.
zp
=
res
.
data
.
zp
;
this
.
xm
=
res
.
data
.
xm
;
this
.
xbdmStr
=
res
.
data
.
xbdmStr
;
this
.
csrq
=
res
.
data
.
csrq
;
this
.
mzdmStr
=
res
.
data
.
mzdmStr
;
this
.
lxdh
=
res
.
data
.
lxdh
;
this
.
xzzDzmc
=
res
.
data
.
xzzDzmc
;
this
.
xyrList1
=
res
.
data
console
.
log
(
this
.
xyrList1
,
"11111"
)
}),
getGjcList
({
asjbh
:
this
.
asjbh
,
...
...
@@ -666,33 +846,35 @@ export default {
singleObject
.
bshlx
=
this
.
fwbzhList
[
i
][
"bshlx"
];
singleObject
.
rylx
=
this
.
fwbzhList
[
i
][
"rylx"
];
self
.
$set
(
self
.
formLabelAlign
,
i
,
singleObject
);
debugger
;
this
.
$forceUpdate
();
}
});
},
handSumit
()
{
handSumit
()
{
var
self
=
this
;
let
i
=
0
;
var
params
=
[];
self
.
formLabelAlign
.
forEach
((
item
)
=>
{
var
params
=
new
FormData
();
params
.
append
(
"rcdid"
,
self
.
formLabelAlign
[
i
][
"rcdid"
]);
params
.
append
(
"rylx"
,
self
.
formLabelAlign
[
i
][
"rylx"
]);
params
.
append
(
"gjc"
,
self
.
formLabelAlign
[
i
][
"gjc"
]);
params
.
append
(
"bshxq"
,
self
.
formLabelAlign
[
i
][
"bshxq"
]);
params
.
append
(
"bshlx"
,
self
.
formLabelAlign
[
i
][
"bshlx"
]);
updateBsh
(
params
).
then
((
res
)
=>
{
i
++
;
console
.
log
(
res
);
});
var
obj
=
{};
obj
.
rcdid
=
self
.
formLabelAlign
[
i
][
"rcdid"
];
obj
.
rylx
=
self
.
formLabelAlign
[
i
][
"rylx"
];
obj
.
gjc
=
self
.
formLabelAlign
[
i
][
"gjc"
];
obj
.
bshxq
=
self
.
formLabelAlign
[
i
][
"bshxq"
];
obj
.
bshlx
=
self
.
formLabelAlign
[
i
][
"bshlx"
];
obj
.
bm
=
"tb_st_asj"
;
obj
.
ztbs
=
"asj"
;
params
.
push
(
obj
)
});
updateBsh
(
JSON
.
stringify
(
params
)).
then
((
res
)
=>
{
console
.
log
(
res
);
});
debugger
if
(
self
.
formLabelAlign
.
length
==
i
)
{
self
.
message
.
success
(
'标识号修改成功'
)
debugger
;
if
(
self
.
formLabelAlign
.
length
==
i
)
{
self
.
message
.
success
(
"标识号修改成功"
);
}
debugger
;
},
getQuery
()
{
getQuery
()
{
queryTreeDataByType
({
type
:
"CODE_GABAJZLB"
,
startId
:
""
,
...
...
@@ -712,7 +894,7 @@ export default {
console
.
log
(
this
.
data
);
});
},
halderTab
(
val
)
{
halderTab
(
val
)
{
this
.
selectIndex
=
val
;
if
(
val
==
1
)
{
this
.
ajxx
=
true
;
...
...
@@ -728,7 +910,40 @@ export default {
this
.
ry
=
true
;
}
},
hanldTableBar
(
val
)
{
hanldRytab
(
val
)
{
console
.
log
(
val
)
this
.
selectIndex2
=
val
if
(
val
==
1
)
{
this
.
ryqh
=
true
this
.
shrqh
=
false
this
.
barrqh
=
false
getZbfzxyrxxList
({
asjbh
:
this
.
asjbh
}).
then
(
res
=>
{
this
.
xyrList
=
res
.
data
})
}
else
if
(
val
==
2
)
{
this
.
ryqh
=
false
this
.
shrqh
=
true
this
.
barrqh
=
false
getRybhList
({
asjbh
:
this
.
asjbh
}).
then
(
res
=>
{
this
.
shrListqh
=
res
.
data
})
}
else
if
(
val
==
3
)
{
this
.
ryqh
=
false
this
.
shrqh
=
false
this
.
barrqh
=
true
getBarxxList
({
asjbh
:
this
.
asjbh
}).
then
(
res
=>
{
this
.
barList
=
res
.
data
})
}
},
hanldTableBar
(
val
)
{
this
.
selectIndex1
=
val
;
if
(
val
==
1
)
{
this
.
data1
=
this
.
sxdata1
.
filter
((
val
)
=>
{
...
...
@@ -752,7 +967,7 @@ export default {
});
}
},
zaHandleNodeClick
(
res
)
{
zaHandleNodeClick
(
res
)
{
let
parentId
=
res
.
id
;
console
.
log
(
parentId
);
let
newData
=
this
.
sxdata
.
filter
((
val
)
=>
{
...
...
@@ -760,7 +975,7 @@ export default {
});
this
.
data
=
newData
;
},
lzHandleNodeClick
(
res
)
{
lzHandleNodeClick
(
res
)
{
console
.
log
(
res
);
this
.
parentLb
=
res
;
let
parentId
=
res
.
parentId
;
...
...
@@ -771,11 +986,59 @@ export default {
this
.
data1
=
newData
;
console
.
log
(
this
.
data1
);
},
filterNode
(
value
,
data
)
{
topAmplifier
()
{
this
.
Amplifier
=
!
this
.
Amplifier
this
.
topSamllCard
.
topSamllCard
=
!
this
.
topSamllCard
.
topSamllCard
},
aqgjcAmplifier
()
{
this
.
aqgjc
=
!
this
.
aqgjc
this
.
aqgjcamplifier
.
aqgjcamplifier
=
!
this
.
aqgjcamplifier
.
aqgjcamplifier
console
.
log
(
this
.
aqgjcamplifier
)
},
hanldDel
()
{
// this.centerDialogVisible = true
this
.
delShow
=
!
this
.
delShow
},
hanlDelete
(
val
)
{
// let formdata = new FormData()
// formdata.append("rcdid", val);
this
.
$confirm
(
'此操作将永久删除该数据, 是否继续?'
,
'提示'
,
{
confirmButtonText
:
'确定'
,
cancelButtonText
:
'取消'
,
type
:
'warning'
}).
then
(()
=>
{
deleteBsh
({
rcdid
:
val
}).
then
(
res
=>
{
getFwbzhList
({
asjbh
:
this
.
asjbh
}).
then
(
res
=>
{
this
.
fwbzhList
=
res
.
data
this
.
shrList
=
res
.
data
.
filter
(
item
=>
item
.
rylx
==
"01"
)
this
.
xyrList
=
res
.
data
.
filter
(
item
=>
item
.
rylx
==
"02"
)
})
})
this
.
$message
({
type
:
'success'
,
message
:
'删除成功!'
});
}).
catch
(()
=>
{
this
.
$message
({
type
:
'info'
,
message
:
'已取消删除'
});
});
},
filterNode
(
value
,
data
)
{
if
(
!
value
)
return
true
;
return
data
.
label
.
indexOf
(
value
)
!==
-
1
;
},
filterNode1
(
value
,
data1
)
{
filterNode1
(
value
,
data1
)
{
if
(
!
value
)
return
true
;
return
data1
.
label
.
indexOf
(
value
)
!==
-
1
;
},
...
...
@@ -864,6 +1127,10 @@ export default {
height
:
540px
;
margin-bottom
:
10px
;
}
.topSamllCard
{
height
:
816px
!important
;
margin-bottom
:
0
!important
;
}
/
deep
/
.el-card__body
{
padding
:
0
;
display
:
flex
;
...
...
@@ -912,12 +1179,13 @@ export default {
justify-content
:
space-between
;
}
.conContioner
{
width
:
9
5%
;
width
:
9
20px
;
height
:
415px
;
//488
margin
:
15px
auto
;
overflow
:
hidden
;
overflow-y
:
auto
;
}
.conContioner
::-webkit-scrollbar
{
/*滚动条整体样式*/
width
:
10px
;
/*高宽分别对应横竖滚动条的尺寸*/
...
...
@@ -948,8 +1216,19 @@ export default {
}
.conTitleLeft
{
text-align
:
center
;
}
.conTitleleft
ul
li
{
float
:
left
;
width
:
33%
;
height
:
52px
;
cursor
:
pointer
;
}
.liActive
{
border-bottom
:
4px
solid
#3670ff
;
}
.aqgjcamplifier
{
width
:
100%
;
}
.conTitleRighty
{
display
:
flex
;
width
:
160px
;
...
...
@@ -964,15 +1243,14 @@ export default {
width
:
100%
;
}
.conContioner
table
tr
td
{
width
:
64px
;
height
:
50px
;
min-height
:
50px
;
font-size
:
15px
;
font-weight
:
400
;
line-height
:
35px
;
color
:
#808080
;
}
.keywordCon
{
width
:
436px
;
width
:
96%
;
height
:
191px
;
position
:
absolute
;
margin-top
:
59px
;
...
...
@@ -1000,14 +1278,20 @@ export default {
background
:
#ededed
;
}
.keywordCon
ul
li
{
width
:
95%
;
font-size
:
14px
;
font-weight
:
400
;
height
:
30px
;
line-height
:
30px
;
height
:
50px
;
line-height
:
50px
;
display
:
flex
;
justify-content
:
space-between
;
}
.el-tag
{
margin-left
:
10px
;
}
.el-icon-delete
{
cursor
:
pointer
;
}
.bianji
{
width
:
15px
;
height
:
15px
;
...
...
@@ -1124,20 +1408,47 @@ export default {
font-weight
:
normal
;
}
.bshTable
{
width
:
100%
;
display
:
block
;
width
:
960px
;
border-collapse
:
collapse
;
text-align
:
center
;
height
:
300px
;
}
.bshTable
tbody
{
margin-top
:
10px
;
display
:
block
;
width
:
950px
;
height
:
235px
;
overflow
:
hidden
;
overflow-y
:
auto
;
}
.bshTable
tbody
::-webkit-scrollbar
{
width
:
10px
;
height
:
1px
;
}
.bshTable
tbody
::-webkit-scrollbar-thumb
{
border-radius
:
10px
;
background
:
#cccccc
;
}
.bshTable
tbody
::-webkit-scrollbar-track
{
-webkit-box-shadow
:
inset
0
0
5px
rgba
(
0
,
0
,
0
,
0.2
);
border-radius
:
10px
;
background
:
#ededed
;
}
.bshTable
th
{
width
:
232px
;
height
:
50px
;
background
:
#dcdcdc
;
}
.bshTable
td
{
width
:
232px
;
}
/
deep
/
.el-dialog__body
{
padding
:
0
!important
;
}
.bshTable
.el-input
{
width
:
200px
;
}
.bshTable
td
{
padding
:
10px
;
}
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment