Skip to content

F
founder_vue
Commit 9bf75b1b by gao_yingdong
Options

线索核办, 线索信息汇集整合

parent 2aa716e8
Showing with 11746 additions and 65 deletions
src/api/xshb/xshb.js
......@@ -3,19 +3,95 @@ import base from "@/api/base";
// 1.2.4.1 侦查组织新增
export const addZbzz = params =>
post(`${base.alyIP}/xshb/addZbzz`, params);
postform(`${base.alyIP}/xshb/addZbzz`, params);
// 1.2.5.1 关联关系新增
export const addXsglbsh = params =>
postform(`${base.alyIP}/xshb/addXsglbsh`, params);
// 1.2.4.2 侦查组织列表查询
export const getZbzzList = params =>
post(`${base.alyIP}/xshb/getZbzzList`, params);
// 1.2.5.2 关联关系列表查询
export const getXsglbshList = params =>
post(`${base.alyIP}/xshb/getXsglbshList`, params);
// 1.2.6.2 工作结论列表查询
export const getHcxxList = params =>
post(`${base.alyIP}/xshb/getHcxxList`, params);
// 1.2.4.3 侦查组织详情
export const getZbzzByZjbh = params =>
post(`${base.alyIP}/xshb/getZbzzByZjbh`, params);
// 1.2.5.3 关联关系详情
export const getXsglbshByZjbh = params =>
post(`${base.alyIP}/xshb/getXsglbshByZjbh`, params);
// 1.2.4.4侦查组织修改
export const updateZbzz = params =>
post(`${base.alyIP}/xshb/updateZbzz`, params);
postform(`${base.alyIP}/xshb/updateZbzz`, params);
// 1.2.5.4 关联关系修改
export const updateXsglbsh = params =>
postform(`${base.alyIP}/xshb/updateXsglbsh`, params);
// 1.2.4.5 侦查组织删除
export const delZbzz = params =>
post(`${base.alyIP}/xshb/delZbzz`, params);
// 1.2.5.5 关联关系删除
export const delXsglbsh = params =>
post(`${base.alyIP}/xshb/delXsglbsh`, params);
// 1.2.2.1 获取线索信息详情
export const getXsByXsbh = params =>
post(`${base.alyIP}/xshb/getXsByXsbh`, params);
//1.2.6.3 工作结论关联嫌疑人列表
export const getHcglxyrList = params =>
post(`${base.alyIP}/xshb/getHcglxyrList`, params);
//1.2.6.4 工作结论关联案件列表
export const getHcglasjList = params =>
post(`${base.alyIP}/xshb/getHcglasjList`, params);
// 案件提取
export const getAjxxByAsjbh = params =>
post(`${base.alyIP}/xsglasj/getAjxxByAsjbh`, params);
// 嫌疑人提取
export const getXyrxxByZjhm = params =>
post(`${base.alyIP}/xsglxyr/getXyrxxByZjhm`, params);
//1.2.6.1 工作结论新增
export const addHcxx = params =>
postform(`${base.alyIP}/xshb/addHcxx`, params);
// 1.2.1 登记工作线索
export const addXs = params =>
postform(`${base.alyIP}/xshb/addXs`, params);
// 1.2.3.1 线索信息修改保存
export const updateXs = params =>
postform(`${base.alyIP}/xshb/updateXs`, params);
export const downXsfj = params =>
postform(`${base.alyIP}/xshb/downXsfj`, params);
// 1.2.3.2 举报人删除
export const delXsgljbr = params =>
post(`${base.alyIP}/xshb/delXsgljbr`, params);
// 1.2.3.3 嫌疑人删除
export const delXsglxyr = params =>
post(`${base.alyIP}/xshb/delXsglxyr`, params);
// 1.2.3.4 附件删除
export const delXsfj = params =>
post(`${base.alyIP}/xshb/delXsfj`, params);
\ No newline at end of file
src/components/ptCxForm_components.vue
......@@ -405,7 +405,7 @@
pageBs != 'zcssqz' &&
pageBs != 'zcsskl' &&
pageBs != 'zcssjdc' &&
pageBs != 'zcssdy'&&
pageBs != 'zcssdy' &&
pageBs != 'queryShserhfx' &&
pageBs != 'queryXshb' &&
pageBs != 'queryQzlb' &&
......@@ -828,7 +828,11 @@
>
<img :src="scope.row[columnTitle.prop]" alt="" />
</div>
<div v-else-if="columnTitle.prop == 'ryzpDzwjnr' || columnTitle.type == 'base64'">
<div
v-else-if="
columnTitle.prop == 'ryzpDzwjnr' || columnTitle.type == 'base64'
"
>
<img
:src="'data:image/jpeg;base64,' + scope.row[columnTitle.prop]"
alt=""
......@@ -1018,7 +1022,6 @@
pageBs == 'queryDnabz' ||
pageBs == 'queryXcystrCase' ||
pageBs == 'queryXcystrPeople' ||
pageBs == 'queryXshb' ||
pageBs == 'queryXcrx' ||
pageBs == 'queryXczj' ||
pageBs == 'shrzList' ||
......@@ -1045,28 +1048,26 @@
pageBs == 'queryZjclLb' ||
pageBs == 'qyeryrlqbxsBJ' ||
pageBs == 'qzdjs' ||
pageBs == 'queryRxhc'||
pageBs == 'queryNyzzhc'||
pageBs == 'queryDnahc'||
pageBs == 'queryYstrhc'||
pageBs == 'queryNyzzdc'||
pageBs == 'queryDnadc'||
pageBs == 'queryYstrdc'||
pageBs == 'queryRxhc' ||
pageBs == 'queryNyzzhc' ||
pageBs == 'queryDnahc' ||
pageBs == 'queryYstrhc' ||
pageBs == 'queryNyzzdc' ||
pageBs == 'queryDnadc' ||
pageBs == 'queryYstrdc' ||
pageBs == 'queryZjdc' ||
pageBs == 'dswtzxxlbxx' ||
pageBs == 'zcssqtwp' ||
pageBs == 'zcssddfjdc'||
pageBs == 'zcsszj'||
pageBs == 'zcssydtxsb'||
pageBs == 'zcssww'||
pageBs == 'zcssqz'||
pageBs == 'zcsskl'||
pageBs == 'zcssjdc'||
pageBs == 'zcssddfjdc' ||
pageBs == 'zcsszj' ||
pageBs == 'zcssydtxsb' ||
pageBs == 'zcssww' ||
pageBs == 'zcssqz' ||
pageBs == 'zcsskl' ||
pageBs == 'zcssjdc' ||
pageBs == 'zcssdy' ||
pageBs == 'llygl' ||
pageBs == 'zczltj'
)
"
>
......@@ -1091,6 +1092,7 @@
pageBs == 'xywspdzczl' ||
pageBs == 'sqqxgl' ||
pageBs == 'yjrwGl' ||
pageBs == 'queryXshb' ||
pageBs == 'wfzdzczl' ||
pageBs == 'yhzyh' ||
pageBs == 'cxyhz' ||
......@@ -1220,11 +1222,12 @@
pageBs != 'qyeryrlqbxsfs' &&
pageBs != 'qyeryrlqbxsBJ' &&
pageBs != 'queryMyyhz' &&
pageBs != 'queryXshb' &&
pageBs != 'queryYpcp' &&
pageBs != 'queryShserhfx' &&
pageBs != 'queryfzxyr' &&
pageBs != 'queryfzxyr' &&
(scope.row.sflly == '1')
scope.row.sflly == '1'
"
>删除</span
>
......@@ -1484,14 +1487,15 @@
</template>
</el-table-column>
<el-table-column
v-if="pageBs == 'zcssqtwp' ||
pageBs =='zcssddfjdc'||
pageBs == 'zcsszj'||
pageBs == 'zcssydtxsb'||
pageBs == 'zcssww'||
pageBs == 'zcssqz'||
pageBs == 'zcsskl'||
pageBs == 'zcssjdc'||
v-if="
pageBs == 'zcssqtwp' ||
pageBs == 'zcssddfjdc' ||
pageBs == 'zcsszj' ||
pageBs == 'zcssydtxsb' ||
pageBs == 'zcssww' ||
pageBs == 'zcssqz' ||
pageBs == 'zcsskl' ||
pageBs == 'zcssjdc' ||
pageBs == 'zcssdy'
"
width="200"
......@@ -1502,23 +1506,24 @@
<el-switch
v-model="scope.row.sswpZhstatus"
active-text="已追回"
active-value='1'
inactive-value='0'
active-value="1"
inactive-value="0"
inactive-text="未追回"
@change="(value)=>$emit('changeReple',{value,scope})"
@change="(value) => $emit('changeReple', { value, scope })"
>
</el-switch>
</template>
</el-table-column>
<el-table-column
v-if="pageBs == 'zcssqtwp' ||
pageBs =='zcssddfjdc'||
pageBs == 'zcsszj'||
pageBs == 'zcssydtxsb'||
pageBs == 'zcssww'||
pageBs == 'zcssqz'||
pageBs == 'zcsskl'||
pageBs == 'zcssjdc'||
v-if="
pageBs == 'zcssqtwp' ||
pageBs == 'zcssddfjdc' ||
pageBs == 'zcsszj' ||
pageBs == 'zcssydtxsb' ||
pageBs == 'zcssww' ||
pageBs == 'zcssqz' ||
pageBs == 'zcsskl' ||
pageBs == 'zcssjdc' ||
pageBs == 'zcssdy'
"
align="center"
......@@ -1538,17 +1543,23 @@
@click="$emit('claim', scope)"
class="edit"
style="margin-right: 16px"
v-if="scope.row.sswpRlstatus == '1' && scope.row.sswpZhstatus == '1'"
v-if="
scope.row.sswpRlstatus == '1' && scope.row.sswpZhstatus == '1'
"
>未认领</span
>
<span
style="margin-right: 16px"
v-if="scope.row.sswpRlstatus == '2'&& scope.row.sswpZhstatus == '1'"
v-if="
scope.row.sswpRlstatus == '2' && scope.row.sswpZhstatus == '1'
"
>已认领</span
>
<span
style="margin-right: 16px"
v-if="scope.row.sswpRlstatus == '0'&& scope.row.sswpZhstatus == '0'"
v-if="
scope.row.sswpRlstatus == '0' && scope.row.sswpZhstatus == '0'
"
>未追回</span
>
</template>
......@@ -2327,8 +2338,8 @@ export default {
}
this.formData.page = 1;
if (this.$route.name == 'xywspdzczl') {
this.formData.isFirst = "no"
if (this.$route.name == "xywspdzczl") {
this.formData.isFirst = "no";
}
this.doQuery("yes");
......@@ -2540,8 +2551,8 @@ export default {
cxUrl: {
handler(val, old) {
if (val != old) {
debugger
this.doQuery("yes")
debugger;
this.doQuery("yes");
}
},
},
......
src/components/zczzForm.vue 0 → 100644
<template>
<div id="formCommonPage">
<div class="groupTitleBox">
<img src="~@/assets/img/login/jinhui.png" alt="" />
<span class="groupTitle">{{ propTitle }}</span>
</div>
<div class="formContent" style="margin-top: 20px">
<div style="margin: 0px auto; border-radius: 8px">
<el-form
ref="formLabelAlign"
label-position="right"
label-width="180px"
:model="formLabelAlign"
style="margin-bottom: 40px"
>
<div
class="paneGroupDiv"
v-for="groupItem in propFormField"
:key="groupItem.index"
:id="'a' + groupItem.id"
>
<div
v-if="
groupItem.title != '法律文书' ||
(groupItem.title == '法律文书' && groupItem.showPage == true)
"
>
<div class="subTitle" v-if="groupItem.title">
<div>{{ groupItem.title }}</div>
</div>
<div class="zdyLine">
<el-form-item
:rules="rules[item.id]"
:label="
item.type && item.type != 'checkboxBotton'
? item.name
: ' '
"
v-for="item in groupItem.data"
:key="item.id"
:prop="item.id"
:ref="item.id"
:label-width="
item.type && item.type != 'checkboxBotton' ? '200px' : '0px'
"
:style="item.style"
:class="'item' + item.col"
>
<!--普通输入框（附带提取功能——可选）-->
<el-input
:placeholder="item.placeholder"
v-model="formLabelAlign[item.id]"
v-if="item.type == 'text'"
:disabled="item.disabled"
:class="item.input"
>
</el-input>
<div
v-if="item.type == 'textTq'"
style="display: flex; align-items: center"
>
<el-input
:placeholder="item.placeholder"
v-model="formLabelAlign[item.id]"
:disabled="item.disabled"
:class="item.input"
>
<template slot="append"
><span @click="ajTq(formLabelAlign[item.id])"
>提取</span
></template
>
</el-input>
</div>
<div
v-if="item.type == 'textTk'"
style="display: flex; align-items: center"
>
<el-input
:placeholder="item.placeholder"
v-model="formLabelAlign[item.id]"
:disabled="item.disabled"
:class="item.input"
@focus="ajFocus(formLabelAlign[item.id])"
>
</el-input>
</div>
<div
v-if="item.type == 'textXk'"
style="display: flex; align-items: center"
>
<el-input
:placeholder="item.placeholder"
v-model="formLabelAlign[item.id]"
:disabled="item.disabled"
:class="item.input"
>
</el-input>
<el-button
type="info"
size="mini"
style="margin-left: 5px; margin-right: 0 !important"
@click="xkDetail(formLabelAlign[item.id])"
>勘验详情</el-button
>
</div>
<div
v-if="item.type == 'textDialog'"
style="display: flex; align-items: center"
>
<el-input
:placeholder="item.placeholder"
v-model="formLabelAlign[item.id]"
:disabled="item.disabled"
:class="item.input"
>
<template slot="append"
><span @click="choosePeople(item.id)"
>选择</span
></template
>
</el-input>
</div>
<!--计数-->
<el-input-number
v-model="formLabelAlign[item.id]"
:min="1"
:max="10"
v-else-if="item.type == 'number'"
:disabled="item.disabled"
>
</el-input-number>
<!--输入框-最大值与最小值-->
<div
class="zdyInputW zdyInputCol2"
v-else-if="item.type == 'zdyText'"
>
<el-input
:placeholder="item.placeholder"
v-model="formLabelAlign[item.id]"
>
</el-input>
<el-input
:placeholder="item.placeholder2"
v-model="formLabelAlign[item.id]"
>
</el-input>
</div>
<!--文本域-->
<el-input
style="height: 100px"
type="textarea"
:autosize="autosize"
:rows="item.rows ? item.rows : 10"
:placeholder="item.placeholder"
v-model="formLabelAlign[item.id]"
v-else-if="item.type == 'textarea'"
:disabled="item.disabled"
>
</el-input>
<!--日期框区间-->
<el-date-picker
v-model="formLabelAlign[item.id]"
type="daterange"
align="right"
unlink-panels
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd HH:mm:ss"
v-else-if="item.type == 'datearea'"
:disabled="item.disabled"
>
</el-date-picker>
<!-- 日期 -->
<el-date-picker
v-model="formLabelAlign[item.id]"
:disabled="item.disabled"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd"
v-else-if="item.type == 'dates'"
:class="item.date"
>
</el-date-picker>
<!-- 日期事件类型 -->
<el-date-picker
v-model="formLabelAlign[item.id]"
:disabled="item.disabled"
type="datetime"
placeholder="选择日期"
v-else-if="item.type == 'DateVal'"
value-format="yyyy-MM-dd HH:mm:ss"
:class="item.date"
>
</el-date-picker>
<el-date-picker
v-model="formLabelAlign[item.id]"
:disabled="item.disabled"
type="datetime"
placeholder="选择日期"
v-else-if="item.type == 'DateValm'"
value-format="yyyy-MM-dd HH:mm"
:class="item.date"
>
</el-date-picker>
<div
v-else-if="item.type == 'datetime'"
style="display: flex"
>
<el-date-picker
v-model="formLabelAlign[item.id_1]"
format="yyyy-MM-dd"
:disabled="item.disabled"
value-format="yyyy-MM-dd"
type="datetime"
>
</el-date-picker>
<span style="padding: 0 5px">至</span>
<el-date-picker
v-model="formLabelAlign[item.id_2]"
format="yyyy-MM-dd"
:disabled="item.disabled"
value-format="yyyy-MM-dd"
type="datetime"
>
</el-date-picker>
</div>
<!--案件类别-->
<div class="zdyInputW" v-else-if="item.type == 'setValue'">
<el-select
v-model="formLabelAlign[item.id]"
:disabled="item.disabled"
:multiple="item.multiple"
>
<el-option
v-for="(item2, itemIndex) in item.codeOptions"
:key="itemIndex"
:label="item2.label"
:value="item2.value"
>
</el-option>
</el-select>
</div>
<!--多选框-->
<div class="zdyInputW" v-else-if="item.type == 'checkbox'">
<el-checkbox-group
v-model="formLabelAlign[item.id]"
size="small"
>
<el-checkbox
v-for="(item2, index2) in item.checkboxData"
:label="item2"
:key="index2"
>{{ item2 }}</el-checkbox
>
</el-checkbox-group>
</div>
<div
class="zdyInputW"
v-else-if="item.type == 'checkboxBotton'"
>
<el-checkbox-group
v-model="formLabelAlign[item.id]"
size="small"
>
<el-checkbox-button
v-for="item2 in item.checkboxData"
:label="item2"
:key="item2"
>{{ item2 }}</el-checkbox-button
>
</el-checkbox-group>
</div>
<!--单选框-->
<div class="zdyInputW" v-else-if="item.type == 'radio'">
<el-radio-group
v-model="formLabelAlign[item.id]"
size="small"
:disabled="item.disabled"
>
<el-radio
:label="item2.value"
v-for="item2 in item.radioData"
:key="item2.value"
>{{ item2.name }}</el-radio
>
</el-radio-group>
</div>
<div class="zdyInputW" v-else-if="item.type == 'radioBotton'">
<el-radio-group
v-model="formLabelAlign[item.id]"
size="small"
>
<el-radio
:label="item2.id"
border
v-for="item2 in item.radioData"
:key="item2.id"
style="margin-right: 20px"
>{{ item2.name }}
</el-radio>
</el-radio-group>
</div>
<div class="zdyInputW" v-else-if="item.type == 'radios'">
<el-radio-group
v-model="formLabelAlign[item.id]"
size="small"
>
<el-radio
:label="item2.id"
v-for="item2 in item.radioData"
:key="item2.id"
style="margin-right: 20px"
>{{ item2.name }}
</el-radio>
</el-radio-group>
</div>
<!--字典弹框懒加载 @emitValue="getLbValue"-->
<div
class="zdyInputW"
v-else-if="item.type == 'lazyCodeTreeDialog'"
>
<lazy-select-tree-dialog
:placeholder="'请选择' + item.name"
@clearId="clearId(item.id)"
:sendId="item.id"
:formData="formLabelAlign"
:currentItem="item"
/>
</div>
<div class="zdyInputW" v-else-if="item.type == 'codeTree'">
<select-tree-dialog
:placeholder="'请选择' + item.name"
:sendId="item.id"
:formData="formLabelAlign"
:currentItem="item"
/>
</div>
<!--文件上传-->
<el-upload
class="upload-demo"
action="#"
:on-change="
(flie, fileList) => {
handleChange(flie, fileList, item);
}
"
:on-remove="
(flie, fileList) => {
handleRemove(flie, fileList, item);
}
"
:before-remove="
(flie, fileList) => {
handleBeforeRemove(flie, fileList, item);
}
"
:on-preview="
(flie, fileList) => {
handlerPreview(flie, fileList, item);
}
"
:auto-upload="false"
:http-request="httpRequest"
:file-list="fileLists[item.fileId || item.id]"
:accept="item.acceptType"
v-model="formLabelAlign[item.id]"
v-else-if="item.type == 'file'"
>
<el-button size="small" type="primary">选择上传</el-button>
</el-upload>
<el-upload
class="avatar-uploader"
action="#"
:auto-upload="false"
:show-file-list="false"
:on-success="
(flie, fileList) => {
handleAvatarSuccess(flie, fileList, item);
}
"
:on-change="
(flie, fileList) => {
handleChange(flie, fileList, item);
}
"
v-else-if="item.type == 'photo'"
>
<img
v-if="formLabelAlign[item.id]"
:src="formLabelAlign[item.id]"
class="avatar"
/>
<span
v-if="formLabelAlign[item.id]"
class="el-upload-action"
@click.stop="() => {}"
>
<i
class="el-icon-delete"
@click.stop="removePhoto(item)"
></i>
</span>
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
<!--法律文书文件上传-->
<el-upload
class="upload-demo"
action="#"
:on-change="
(flie, fileList) => {
flwsChange(flie, fileList, item);
}
"
:on-remove="
(flie, fileList) => {
flwsRemove(flie, fileList, item);
}
"
:before-remove="
(flie, fileList) => {
handleBeforeRemove(flie, fileList, item);
}
"
limit="1"
:auto-upload="false"
:http-request="httpRequest"
:file-list="fileLists[item.fileId || item.id]"
:accept="item.acceptType"
v-model="formLabelAlign[item.id]"
v-else-if="
item.type == 'flwsfile' && groupItem.showPage == true
"
>
<el-button size="small" type="primary">选择上传</el-button>
</el-upload>
<!--判断是否有可添加得子集-->
<div
class="childrenAsAdd"
v-if="item.childrenAsAdd"
:style="
item.type
? 'width:calc(100% + 140px);margin-left:-140px;'
: 'width: calc(100% - 90px);'
"
>
<div
v-for="(item2, index2) in item.childrenAsAdd"
:key="index2"
>
<div v-if="item2.flag">
<div v-for="(item3, ind) in item2.list" :key="ind">
<div
v-for="(reakData, realIndex) in formLabelAlign[
item2.id
]"
style="position: relative"
:key="realIndex"
>
<span class="addName"
>{{
item2.name.substring(0, item2.name.length - 1)
}}{{ realIndex + 1 }}:</span
>
<span class="addContent">
<!-- <i
:class="'zdyicon ' + item2.iconClass"
v-if="!type2"
@click="deleteObj(reakData, item2)"
></i> -->
<el-form-item
v-for="item4 in item3.name"
:label="item4.name"
v-show="!item4.hidden"
:prop="`${item2.id}[${realIndex}].${item4.id}`"
:key="item4.id"
:ref="`${item2.id}[${realIndex}].${item4.id}`"
:class="['item' + item4.col]"
:rules="
rules[`${item2.id}${realIndex}.${item4.id}`]
"
:style="{
height: item4.id == 'ryzp' ? '185px' : '36px',
}"
>
<!--输入框-->
<div
v-if="item4.type == 'text'"
style="position: relative"
>
<el-input
:placeholder="item4.placeholder"
v-model="reakData[item4.id]"
:disabled="item4.disabled"
@focus="item4.focus || ''"
>
</el-input>
</div>
<div
v-else-if="item4.type == 'datetime'"
style="display: flex; padding-right: 78px"
>
<el-date-picker
v-model="reakData[item4.id_1]"
format="yyyy-MM-dd HH:mm:ss"
:disabled="item4.disabled"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetime"
>
</el-date-picker>
<span style="padding: 0 5px">至</span>
<el-date-picker
v-model="reakData[item4.id_2]"
format="yyyy-MM-dd HH:mm:ss"
:disabled="item4.disabled"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetime"
>
</el-date-picker>
</div>
<div
class="zdyInputW"
v-else-if="item4.type == 'radio'"
>
<el-radio-group
v-model="reakData[item4.id]"
size="small"
:disabled="item4.disabled"
>
<el-radio
:label="item5.value"
v-for="item5 in item4.radioData"
:key="item5.value"
>{{ item5.name }}</el-radio
>
</el-radio-group>
</div>
<div
class="addChildBtn"
v-else-if="item4.type == 'button'"
>
<el-button type="primary">
<i class="el-icon-plus"></i
><span>新增</span>
</el-button>
</div>
<div
class="zdyInputW"
v-else-if="item4.type == 'lazyCodeTree'"
:class="item4.lazycodeTree"
>
<el-cascader
:props="item4.props"
v-model="reakData[item4.id]"
:placeholder="item4.placeholder"
:show-all-levels="false"
>
</el-cascader>
</div>
<!--字典弹框懒加载 @emitValue="getLbValue"-->
<div
class="zdyInputW"
v-else-if="item4.type == 'lazyCodeTreeDialog'"
>
<lazy-select-tree-dialog
:placeholder="'请选择' + item4.name"
:sendId="item4.id"
v-model="reakData[item4.id]"
:formData="reakData"
:currentItem="item4"
/>
</div>
<!--字典框 @emitValue="getLbValue"-->
<div
class="zdyInputW"
v-else-if="item4.type == 'code'"
>
<select-tree
v-model="reakData[item4.id]"
:placeholder="'请选择' + item4.name"
:options="item4.codeOptions"
:sendId="item4.id"
/>
</div>
<!--字典弹框 @emitValue="getLbValue"-->
<div
class="zdyInputW"
v-else-if="item4.type == 'codeTree'"
>
<select-tree-dialog
:placeholder="'请选择' + item4.name"
:sendId="item4.id"
:formData="reakData"
:currentItem="item4"
v-model="reakData[item4.id]"
/>
</div>
<div
class="zdyInputW"
v-else-if="item4.type == 'checkboxBotton'"
>
<div style="display: flex">
<span
v-for="item5 in item4.checkboxData"
:label="item5"
style="
margin-left: 20px;
border: 1px solid;
padding: 0 10px;
border-radius: 5px;
font-size: 15px;
width: 142px;
text-align: center;
color: #1a81e1;
"
:key="item5"
>{{ item5 }}</span
>
</div>
</div>
<!--文本域-->
<el-input
type="textarea"
:placeholder="item4.placeholder"
v-model="reakData[item4.id]"
v-else-if="item4.type == 'textarea'"
:disabled="item4.disabled"
>
</el-input>
<!-- 时间框 -->
<el-date-picker
v-model="reakData[item4.id]"
v-else-if="item4.type == 'date'"
:placeholder="item4.placeholder"
format="yyyy 年 MM 月 dd 日"
value-format="timestamp"
clearable
>
</el-date-picker>
<!-- 时间区间 -->
<el-date-picker
v-model="reakData[item4.id]"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
value-format="yyyy-MM-dd HH:mm:ss"
v-else-if="item4.type == 'datearea'"
>
</el-date-picker>
<el-date-picker
v-model="reakData[item4.id]"
:disabled="item4.disabled"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd"
v-else-if="item4.type == 'dates'"
:class="item4.date"
>
</el-date-picker>
<!--文件上传-->
<el-upload
class="upload-demo"
action="#"
ref="uploadFile"
:accept="item4.acceptType"
:on-change="
(file, fileList) =>
handleChange(
file,
fileList,
item4,
item2,
realIndex
)
"
:on-remove="
(flie, fileList) =>
handleRemove(
flie,
fileList,
item4,
item2,
realIndex
)
"
:before-remove="
(flie, fileList) =>
handleBeforeRemove(
flie,
fileList,
item4,
item2,
realIndex
)
"
:auto-upload="false"
:http-request="httpRequest"
:on-preview="
(flie, fileList) =>
handlerPreview(
flie,
fileList,
item4,
item2,
realIndex
)
"
:file-list="
fileLists[item2.id] &&
fileLists[item2.id][realIndex]
? fileLists[item2.id][realIndex][item4.id]
: []
"
v-model="reakData[item4.id + '1']"
v-else-if="item4.type == 'file'"
>
<el-button
size="small"
@click="
item4.name == '法律文书:' ||
item2.name == '犯罪嫌疑人信息:'
? uploadFlws()
: ''
"
type="primary"
>上传附件</el-button
>
<span
v-if="item4.id == 'flwsDzwjnr'"
style="
color: red;
margin-left: 20px;
font-size: 13px;
"
>支持png,jpg,doc,pdf格式,大小不超过3MB</span
>
<span
v-else-if="item4.id == 'asjfjDzwjnr'"
style="
color: red;
margin-left: 20px;
font-size: 13px;
"
>支持mp4,png,jpg,doc,pdf格式,大小不超过20MB</span
>
<span
v-else
style="
color: red;
margin-left: 20px;
font-size: 13px;
"
>支持jpg，jpeg，png，doc，pdf，docx格式,大小不超过3MB</span
>
</el-upload>
</el-form-item>
</span>
</div>
</div>
</div>
<div class="addChildBtn">
<el-button type="primary" @click="handelFrom(item2)">
<i class="el-icon-plus"></i><span>添加</span>
</el-button>
</div>
</div>
</div>
</el-form-item>
</div>
</div>
</div>
</el-form>
<slot name="xyrList"></slot>
</div>
</div>
<div class="button" id="spbtn" v-if="formField[0].title != ' '">
<el-button
@click="submit()"
class="finish"
v-if="
pageBs != 'adjustRlqbxs' ||
(pageBs == 'adjustRlqbxs' &&
((formLabelAlign.bcxx && formLabelAlign.bcxx == '1') ||
!formLabelAlign.bcxx))
"
>保存</el-button
>
<el-button
style="width: 110px"
@click="submit('draft')"
class="finish"
v-if="draft"
>保存并提交</el-button
>
<el-button
@click="examine"
class="finish examine"
v-if="
pageBs == 'adjustRlqbxs' &&
formLabelAlign.spbz &&
formLabelAlign.spbz == '1'
"
>提请审批</el-button
>
</div>
<div class="saveButton" id="spbtn01" v-if="formField[0].title == ' '">
<el-button @click="submit()" class="finish">保存</el-button>
</div>
<!-- <div class="prive_picture" v-if="filePreviewFlag" @click="closefilePreview">
<el-image class="picture" :src="filePreview"> </el-image>
</div>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt="" />
</el-dialog> -->
<!-- <div class="dt_menu">
<el-steps
direction="vertical"
finish-status="wait"
space="100px"
:active="activeIndex"
>
<el-step
v-for="(item, index) in menuList"
:key="item.id"
finish-status="wait"
@click.native="handleNav(index, item.id)"
>
<span slot="icon" v-if="index == activeIndex"> </span>
<span
slot="title"
:class="
index == activeIndex
? item.color == '333'
? 'activeColor'
: 'activeColor3'
: item.color == '333'
? 'activeColor2'
: 'activeColor1'
"
>
{{ item.title }}
</span>
</el-step>
</el-steps>
</div> -->
</div>
</template>
<script>
import LazySelectTreeDialog from "@c/lazy_treeCode_components.vue";
import SelectTreeDialog from "@c/treeCode_components.vue";
import url from "@/api/base";
export default {
name: "formCommonPage",
components: {
LazySelectTreeDialog,
SelectTreeDialog,
},
props: {
draft: {
type: Boolean,
default: false,
},
formField: {
type: Array,
default: () => [],
},
formLabelAligns: {
type: Object,
default: () => {},
},
rule: {
type: Object,
default: () => {},
},
propTitle: String,
pageBs: String,
// fileLists: {
// type: Object,
// default: () => {},
// },
},
data() {
return {
fileLists: {},
autosize: { minRows: 5 },
rules: {},
propFormField: this.formField,
formLabelAlign: this.formLabelAligns,
rules: {},
fileLists: this.fileLists,
imageUrl: {},
shade: false,
//电梯
menuList: [
// { title: "警情综述", id: "#jbzs", color: "333" },
// { title: "一、发案情况", id: "#xsajfaqk", color: "333" },
// { title: "各辖区", id: "#gxqfaqk" },
// { title: "主要类别", id: "#zylbfaqk" },
// { title: "一、破案情况", id: "#xsajpaqk", color: "333" },
// { title: "各辖区", id: "#gxqpaqk" },
// { title: "主要类别", id: "#zylbpaqk" },
// { title: "三、嫌疑人情况分析", id: "#xyrqkfx", color: "333" },
// { title: "年龄段性别分析", id: "#xyrnlfb" },
// { title: "户籍分布", id: "#xyrhjfb" },
// { title: "到案状态", id: "#xyrdazt" },
],
activeIndex: 0,
screenHeight: 0,
mailListTop: [],
};
},
created() {
var self = this;
self.initFields();
},
methods: {
//电梯
handleNav(index, id) {
console.log(id);
console.log(index);
this.activeIndex = index;
document.querySelector(id)?.scrollIntoView({
behavior: "smooth",
block: "start",
inline: "nearest",
});
},
scrollFun() {
this.screenHeight = document.documentElement.scrollTop;
// this.menuList.map((item) => {
// console.log(item.id);
// console.log(document.querySelector(item.id));
// console.log(document.querySelector(item.id)?.offsetTop);
// })
},
examine() {
this.$emit("examine");
},
ajTq(item) {
this.$emit("ajtq", item);
},
choosePeople(item) {
console.log(item);
this.$emit("choosePeople", item);
},
ajFocus(item) {
this.$emit("ajFocus", item);
},
initFields() {
var self = this;
var ifInitRules = false;
ifInitRules = JSON.stringify(self.rules) == "{}";
for (var i = 0; i < this.propFormField.length; i++) {
for (var j = 0; j < this.propFormField[i].data.length; j++) {
//遍历可配置化数组
if (ifInitRules) {
// debugger;
if (this.propFormField[i]["data"][j].prop) {
this.rules[this.propFormField[i]["data"][j].id] =
this.$rules[this.propFormField[i]["data"][j].prop];
//如果有规则的话 拿到全局的规则 规则是一个数组，数组里是对象 将规则复制到所绑定的对象那个中去，然后每一项绑定对象
}
}
if (this.propFormField[i].data[j].type === "file") {
//判断文件上传
// self.formLabelAlign[this.propFormField[i].id] = ""
if (this.propFormField[i].data[j].fileId) {
self.$set(
self.fileLists,
this.propFormField[i].data[j].fileId,
[]
);
} else {
self.$set(self.fileLists, this.propFormField[i].data[j].id, []);
}
//给self.formLabelAlign 给每个匹配到的id属性值 添加一个空数组
}
if (this.propFormField[i].data[j].type === "photo") {
//判断照片上传
// self.formLabelAlign[this.propFormField[i].id] = ""
if (this.propFormField[i].data[j].fileId) {
self.$set(
self.imageUrl,
this.propFormField[i].data[j].fileId,
""
);
} else {
self.$set(self.imageUrl, this.propFormField[i].data[j].id, "");
}
}
if (this.propFormField[i].data[j].type === "checkboxBotton") {
self.$set(
self.formLabelAlign,
this.propFormField[i].data[j].id,
false
);
}
if (this.propFormField[i].data[j].childrenAsAdd) {
//遍历可配置化列表的子集
this.propFormField[i].data[j].childrenAsAdd.forEach((item2) => {
self.$set(self.formLabelAlign, item2.id, []);
//拿到id对应的值 给添加空数组
item2.list.forEach((val3, index3) => {
var singleObject = {};
val3.name.forEach((val4) => {
if (val4.multiple == true && val4.type == "code") {
singleObject[val4.id] = [];
} else if (val4.type == "datearea") {
singleObject[val4.id] = [];
} else if (val4.type == "datetime") {
singleObject[val4.id] = [];
} else if (val4.type == "file") {
if (!self.fileLists[item2.id]) {
self.$set(self.fileLists, item2.id, []);
}
var objectValue = {};
objectValue[val4.id] = [];
self.$set(self.fileLists[item2.id], index3, objectValue);
//self.$set(self.fileLists, val4.id, []);
} else {
singleObject[val4.id] = "";
}
var rulesName = item2.id + [index3] + "." + val4.id;
if (ifInitRules) {
if (val4.prop) {
self.$set(self.rules, rulesName, self.$rules[val4.prop]);
}
}
});
self.$set(self.formLabelAlign[item2.id], index3, singleObject);
});
});
}
if (this.propFormField[i].data[j].children) {
//遍历可配置化列表的子集
this.propFormField[i].data[j].children.forEach((item2) => {
self.$set(self.formLabelAlign, item2.id, "");
//拿到id对应的值 给添加空数组
if (ifInitRules) {
if (item2.prop) {
self.$set(self.rules, item2.id, self.$rules[item2.prop]);
}
}
});
}
}
this.$forceUpdate();
}
},
submit(flag) {
var self = this;
// debugger;
this.$refs.formLabelAlign.validate((valid) => {
if (valid) {
//使用FormData构造函数创建一个空对象
var params = new FormData();
this.propFormField.forEach((itemData) => {
let objStr = itemData.objStr ? `${itemData.objStr}.` : "";
itemData.data.forEach((item) => {
if (
self.formLabelAlign[item.id] ||
self.formLabelAlign[item.id_1]
) {
// debugger;
if (item.type !== "file") {
//1.1二级字典处理
if (item.type == "lazyCodeTree" || item.type == "codeTree") {
if (item.multiple) {
let str = `#${self.formLabelAlign[item.id].join("#")}`;
if (item.id == "zljsdwdm") {
str = self.formLabelAlign[item.id].join(",");
}
params.append(objStr + item.id, str);
} else {
params.append(
objStr + item.id,
self.formLabelAlign[item.id]
);
}
} else if (item.type == "date" || item.type == "dates") {
//如果他的类型是date 时间框
if (self.formLabelAlign[item.id]) {
params.append(
objStr + item.id,
self.formLabelAlign[item.id]
);
}
} else if (item.type == "setValue") {
if (item.multiple) {
let str = `#${self.formLabelAlign[item.id].join("#")}`;
params.append(objStr + item.id, str);
} else {
if (item.id == "jsrXm") {
let arr = item.codeOptions.filter(
(items) => self.formLabelAlign[item.id] == items.value
);
for (var index in arr[0]) {
if (index == "label") {
params.append(objStr + "jsrXm", arr[0][index]);
} else if (index == "value") {
params.append(objStr + "jsrZjhm", arr[0][index]);
} else {
params.append(objStr + index, arr[0][index]);
}
}
} else {
params.append(
objStr + item.id,
self.formLabelAlign[item.id]
);
}
}
} else if (item.type == "photo") {
for (var val in this.imageUrl) {
if (val == item.id && this.imageUrl[val]) {
params.append(objStr + item.id, this.imageUrl[val]);
}
}
} else if (item.type == "datetime") {
params.append(item["id_1"], this.formLabelAlign[item.id_1]);
params.append(item["id_2"], this.formLabelAlign[item.id_2]);
}
//1.2普通字段处理
else {
params.append(
objStr + item.id,
self.formLabelAlign[item.id]
);
}
}
}
//2.有children表单数据处理
if (item.children) {
item.children.forEach((subItem) => {
if (subItem.type !== "file") {
//1.1二级字典处理
if (subItem.type == "lazyCodeTree") {
if (self.formLabelAlign[subItem.id]) {
if (itemData.objStr) {
params.append(
itemData.objStr + "." + subItem.id,
self.formLabelAlign[subItem.id]
);
} else {
params.append(
subItem.id,
self.formLabelAlign[subItem.id]
);
}
} else {
self.formLabelAlign[subItem.id] = self.formLabelAlign[
subItem.id
]
? self.formLabelAlign[subItem.id][
self.formLabelAlign[subItem.id].length - 1
]
: "";
console.log(self.formLabelAlign[subItem.id]); //二级字典取到的是一个数组，value : ["111",''112] 拿到数组里的第二个值
if (self.formLabelAlign[subItem.id]) {
//如果这个有值的话就添加到参数里
if (itemData.objStr) {
params.append(
itemData.objStr + "." + subItem.id,
self.formLabelAlign[subItem.id]
);
} else {
params.append(
subItem.id,
self.formLabelAlign[subItem.id]
);
}
console.log(
"2)二级字典处" + itemData.objStr + subItem.id,
self.formLabelAlign[subItem.id]
);
}
}
} else if (
subItem.type == "date" ||
subItem.type == "dates"
) {
//如果他的类型是date 时间框
if (self.formLabelAlign[subItem.id]) {
//调用函数 拿到时间格式的字符串
var time = "";
if (subItem.id != "fkqx") {
time =
window.util.timeStampTurnTime(
self.formLabelAlign[subItem.id]
) || "";
} else {
time =
self.formLabelAlign[subItem.id].substring(0, 10) ||
"";
}
if (self.formLabelAlign[subItem.id]) {
if (itemData.objStr) {
params.append(
itemData.objStr + "." + subItem.id,
time
);
} else {
params.append(subItem.id, time);
}
}
}
} else if (subItem.type == "codeTag") {
if (self.formLabelAlign[subItem.id]) {
if (subItem.multiple) {
if (itemData.objStr) {
params.append(
itemData.objStr + "." + subItem.id,
self.formLabelAlign[subItem.id][
self.formLabelAlign[subItem.id].length - 1
]
);
} else {
params.append(
subItem.id,
self.formLabelAlign[subItem.id][
self.formLabelAlign[subItem.id].length - 1
]
);
}
} else {
if (itemData.objStr) {
params.append(
itemData.objStr + "." + subItem.id,
self.formLabelAlign[subItem.id]
);
} else {
params.append(
subItem.id,
self.formLabelAlign[subItem.id]
);
}
}
}
}
//1.2普通字段处理
else {
if (self.formLabelAlign[subItem.id]) {
console.log(self.formLabelAlign[subItem.id]);
if (self.formLabelAlign[subItem.id]) {
if (itemData.objStr) {
params.append(
itemData.objStr + "." + subItem.id,
self.formLabelAlign[subItem.id]
);
} else {
params.append(
subItem.id,
self.formLabelAlign[subItem.id]
);
}
} else if (subItem.radioStr) {
var radioParams = [];
var isHas = "0";
for (var i = 0; i < self.selectId.length; i++) {
if (self.ednId) {
isHas = self.ednId.findIndex((endsubItem) => {
return endsubItem == self.selectId[i];
});
}
if (isHas >= 0) {
radioParams.push(1);
} else {
radioParams.push(0);
}
}
if (itemData.objStr) {
params.append(
itemData.objStr + "." + subItem.id,
radioParams.toString()
);
} else {
params.append(subItem.id, radioParams.toString());
}
} else {
if (itemData.objStr) {
params.append(
itemData.objStr + "." + subItem.id,
self.formLabelAlign[subItem.id]
);
} else {
params.append(
subItem.id,
self.formLabelAlign[subItem.id]
);
}
}
}
console.log(
"1)普通字段处" + itemData.objStr + "." + subItem.id,
self.formLabelAlign[subItem.id]
);
}
}
});
}
//2.有childrenAsAdd表单数据处理
if (item.childrenAsAdd) {
item.childrenAsAdd.forEach((subItem) => {
//如果遍历到的编号和所选择的编号一致
self.formLabelAlign[subItem.id].forEach((val5, index) => {
//遍历每一个数组的值
for (var ite in val5) {
//数组里对象 在遍历对象
if (val5[ite]) {
//如果有值的话
var currentc = subItem.list[0].name.find((item) => {
return item.id == ite;
});
if (currentc && currentc.type == "date") {
if (val5[ite]) {
var time =
window.util.timeStampTurnTime(val5[ite]) || "";
params.append(
subItem.id + "[" + index + "]." + ite,
time
);
}
} else if (
currentc &&
currentc.type == "code" &&
currentc.multiple == true
) {
if (val5[ite].length != 0) {
params.append(
subItem.id + "[" + index + "]." + ite,
val5[ite]
);
}
} else if (
currentc &&
currentc.type == "lazyCodeTree"
) {
val5[ite] = val5[ite]
? val5[ite][val5[ite].length - 1]
: "";
if (val5[ite]) {
//如果这个有值的话就添加到参数里
params.append(
subItem.id + "[" + index + "]." + ite,
val5[ite]
);
}
} else if (ite == "xxzjbh") {
params.append(
subItem.id + "[" + index + "]." + ite,
val5[ite]
);
} else {
console.log(
"3)有子级表单数据处理." +
subItem.id +
"[" +
index +
"]." +
ite,
val5[ite]
);
params.append(
subItem.id + "[" + index + "]." + ite,
val5[ite]
);
}
}
}
});
});
}
});
});
for (var fileItem in self.fileLists) {
for (var i = 0; i < self.fileLists[fileItem].length; i++) {
if (self.fileLists[fileItem][i].raw) {
params.append(fileItem, self.fileLists[fileItem][i].raw);
}
}
}
//另一种状态保存
if (flag === "draft") {
this.$emit("draft");
}
this.$emit("submit", params);
} else {
setTimeout(() => {
// this.$message("请填写必填字段");
this.$alert("请填写必填字段!", "提示", {
confirmButtonText: "确定",
type: "warning",
});
return false;
}, 100);
}
});
console.log(this.formLabelAlign);
},
handleChange(file, fileList, item, parentItem) {
debugger;
var self = this;
let isLt1M = "";
isLt1M = file.raw.size / 1024 / 1024 < 101;
var index = file.name.lastIndexOf(".");
const isJPG = /^.*\.(jpg|jpeg|png|mp4|pdf|docx|doc)$/i.test(
file.name.substring(index)
);
// debugger;
if (item.type == "photo") {
if (isJPG) {
debugger;
this.$set(self.imageUrl, item.id, file.raw);
this.$set(
self.formLabelAlign,
item.id,
URL.createObjectURL(file.raw)
);
this.$emit(
"uploadPhoto",
self.imageUrl[item.id],
file,
fileList,
item
);
} else {
self.$message.error("请上传正确的图片");
}
} else {
debugger;
if (self.fileLists[item.id].length == 0) {
self.$set(self.fileLists, item.id, []);
}
if (isLt1M) {
this.fileLists[item.id].push(file);
debugger;
this.$emit("handleChange", file, fileList, item);
// this.$refs.formLabelAlign.clearValidate();
} else {
this.$confirm("上传文件不能超过100M", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(() => {
fileList.forEach((item, index) => {
if (file.raw.uid == item.uid) {
fileList.splice(index, 1);
}
});
});
}
}
},
flwsChange(file, fileList, item, parentItem) {
var self = this;
let isLt1M = "";
isLt1M = file.raw.size / 1024 / 1024 < 101;
// debugger;
if (self.fileLists[item.id].length == 0) {
self.$set(self.fileLists, item.id, []);
}
if (isLt1M) {
this.fileLists[item.id].push(file);
// this.$refs.formLabelAlign.clearValidate();
} else {
this.$confirm("上传文件不能超过100M", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(() => {
fileList.forEach((item, index) => {
if (file.raw.uid == item.uid) {
fileList.splice(index, 1);
}
});
});
}
this.$emit("flwsInsert", file);
},
flwsRemove(file, fileList, item, parentItem) {
debugger;
this.$emit("flwsRemove", file);
this.$set(this.fileLists, item.id, fileList);
console.log(this.fileLists);
},
handleRemove(file, fileList, item, parentItem) {
debugger;
this.$emit("handleRemove", file);
this.$set(this.fileLists, item.id, fileList);
console.log(this.fileLists);
},
//子组件调用删除接口后进行前端删除
photoRemove(item) {
debugger;
this.$set(this.formLabelAlign, item.id, "");
this.$set(this.imageUrl, item.id, "");
},
//执行删除照片的操作
removePhoto(item) {
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
debugger;
this.$emit("removePhoto", item);
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
},
handleBeforeRemove(file, fileList, item, parentItem) {},
handlerPreview(file, fileList, item, parentItem) {
var urls = `${url.alyIP}/flws/download`;
var params = new FormData();
params.append("xxzjbh", file.xxzjbh);
axios
.post(urls, params, {
responseType: "arraybuffer",
})
.then((res) => {
let blob = new Blob([res.data], {
type: "application/vnd.ms-excel",
});
// 组装a标签
let elink = document.createElement("a");
// 设置下载文件名
elink.download = file.name;
elink.style.display = "none";
elink.href = URL.createObjectURL(blob);
document.body.appendChild(elink);
elink.click();
document.body.removeChild(elink);
});
},
httpRequest() {},
handleAvatarSuccess(file, fileList, item) {
console.log(item);
this.imageUrl[item.id] = URL.createObjectURL(file.raw);
},
beforeAvatarUpload(file, fileList, item) {
const isJPG = /^.*\.(jpeg|png|jpg)$/i.test(file.type);
const isLt2M = file.size / 1024 / 1024 < 2;
if (!isJPG) {
this.$message.error("上传头像图片只能是 jpg、png 格式!");
}
if (!isLt2M) {
this.$message.error("上传头像图片大小不能超过 2MB!");
}
return isJPG && isLt2M;
},
//新增表单数据
handelFrom(obj) {
console.log(obj);
let self = this,
addObj;
// 解决修改的时候添加错误问题
if (self.formLabelAlign[obj.id].length <= 0) {
let pageList = obj.list[0].name;
let id = obj.id;
let newObj = {};
for (let i = 0; i < pageList.length; i++) {
newObj[pageList[i].id] = "";
}
self.$set(self.formLabelAlign[id], 0, newObj);
}
if (!obj.flag) {
self.$set(obj, "flag", true);
} else {
self.propFormField.forEach((groupItem) => {
groupItem.data.forEach((val) => {
if (val.childrenAsAdd) {
val.childrenAsAdd.forEach((val2, index2) => {
//遍历list数组
if (val2 == obj) {
//通过比较两个对象是否相等 将formLabelAlign里绑定的数据复制了一份
addObj = JSON.parse(
JSON.stringify(self.formLabelAlign[val2.id][0])
);
//实现深拷贝赋值
for (var val3 in addObj) {
addObj[val3] = "";
}
self.$set(
self.formLabelAlign[val2.id],
self.formLabelAlign[val2.id].length,
addObj
);
//添加时候拷贝rules
val2.list[0].name.forEach((val7) => {
if (val7.prop) {
let rulesName =
val2.id +
[self.formLabelAlign[val2.id].length - 1] +
"." +
val7.id;
self.$set(self.rules, rulesName, self.$rules[val7.prop]);
}
});
for (var f = 0; f < val2.list[0].name.length; f++) {
if (val2.list[0].name[f].type == "file") {
self.fileLists[val2.id][
self.formLabelAlign[val2.id].length - 1
] = {};
self.fileLists[val2.id][
self.formLabelAlign[val2.id].length - 1
][val2.list[0].name[f].id] == [];
}
}
this.$message.success("新增成功");
console.log(self.rules, 1000000000000000);
}
});
}
});
});
}
},
},
mounted() {
var self = this;
self.propFormField.forEach((val) => {
val.data.forEach((val2) => {
if (val2.childrenAsAdd) {
val2.childrenAsAdd.forEach((val3) => {
val3.list.forEach((val4) => {
val4.name.forEach((val5) => {
if (val5.type == "code" || val5.type == "codeTree") {
if (val5.codeOptions.length == 0) {
axios
.get(`JsonData/${val5.codeTree}.json`)
.then((res) => {
self.$set(val5, "codeOptions", res.data.data.rows);
})
.catch((err) => {
console.log(err);
});
}
}
if (val5.showIcon && val5.id == "asjbh") {
val5.showIcon = false;
}
});
});
});
} else if (val2.type == "code" || val2.type == "codeTree") {
if (val2.isLazy) {
} else {
if (val2.codeOptions.length == 0) {
axios
.get(`JsonData/${val2.codeTree}.json`)
.then((res) => {
self.$set(val2, "codeOptions", res.data.data.rows);
})
.catch((err) => {
console.log(err);
});
}
}
}
});
});
console.log(this.propFormField);
this.menuList = [];
this.propFormField.map((item) => {
console.log("#a" + item.id);
this.menuList.push({
title: item.title,
id: "#a" + item.id,
color: "#333",
});
});
this.$forceUpdate();
// document.onmousewheel = this.scrollFun();
if (navigator.userAgent.toLowerCase().indexOf("firefox") != -1) {
document.addEventListener("DOMMouseScroll", this.scrollFun, false);
} else if (document.addEventListener) {
document.addEventListener("mousewheel", this.scrollFun, false);
} else if (document.attachEvent) {
document.attachEvent("onmousewheel", this.scrollFun);
} else {
document.onmousewheel = this.scrollFun;
}
this.menuList.map((item, index) => {
console.log(document.querySelector(item.id)?.offsetTop);
this.mailListTop.push({
id: item.id,
height: document.querySelector(item.id)?.offsetTop,
index: index,
});
});
console.log(this.mailListTop);
},
watch: {
"formLabelAligns.editing": {
handler() {
var self = this;
// debugger;
self.propFormField.forEach((val) => {
val.data.forEach((val2) => {
if (val2.childrenAsAdd) {
val2.childrenAsAdd.forEach((val3) => {
val3.list.forEach((val4) => {
val4.name.forEach((val5) => {
if (val5.type == "file") {
self.$set(self.fileLists, val3.id, []);
self.formLabelAligns[val3.id].forEach((val6, jIndex) => {
let obj = new Object();
obj[val5.id] =
self.formLabelAligns[val3.id][jIndex][val5.id];
self.$set(self.fileLists[val3.id], jIndex, obj);
});
}
});
});
});
} else if (val2.type == "file") {
if (
self.formLabelAligns[val2.id] &&
self.formLabelAligns[val2.id].length > 0
) {
self.$set(
self.fileLists,
val2.id,
self.formLabelAligns[val2.id]
);
}
}
});
});
},
deep: true,
},
fileLists(val) {
debugger;
console.log(222, val);
},
"formLabelAlign.jssj"(val) {
if (this.$route.path == "/addYjrw") {
if (
new Date(val) >
new Date(
this.$moment(new Date().getTime() + 3600 * 1000 * 24 * 30).format(
"YYYY-MM-DD"
)
)
) {
this.$set(this.formLabelAlign, "jssj", "");
this.$message.error("最大时间间隔为一个月");
}
}
},
"formLabelAlign.xckyJssj"(val) {
if (
new Date(val).getTime() <=
new Date(this.formLabelAlign.xckyKssj).getTime()
) {
console.log(12321);
debugger;
this.$set(this.formLabelAlign, "xckyJssj", "");
this.$message.error("开始时间不能大于结束时间");
}
},
"formLabelAlign.bhsjJssj"(val) {
if (
new Date(val).getTime() <=
new Date(this.formLabelAlign.bhsjKssj).getTime()
) {
console.log(12321);
this.$set(this.formLabelAlign, "bhsjJssj", "");
this.$message.error("开始时间不能大于结束时间");
}
},
"formLabelAlign.asjfssjAsjfsjssj"(val) {
debugger;
if (
new Date(val).getTime() <=
new Date(this.formLabelAlign.asjfssjAsjfskssj).getTime()
) {
console.log(12321);
debugger;
this.$set(this.formLabelAlign, "asjfssjAsjfsjssj", "");
this.$message.error("开始时间不能大于结束时间");
}
},
"formLabelAlign.asjfssjfxAsjfsjssj"(val) {
if (
new Date(val).getTime() <=
new Date(this.formLabelAlign.asjfssjfxAsjfskssj).getTime()
) {
console.log(12321);
this.$set(this.formLabelAlign, "asjfssjfxAsjfsjssj", "");
this.$message.error("开始时间不能大于结束时间");
}
},
"formLabelAlign.ssklYxqjzrq"(val) {
if (
new Date(val).getTime() <=
new Date(this.formLabelAlign.ssklYxqksrq).getTime()
) {
console.log(12321);
this.$set(this.formLabelAlign, "ssklYxqjzrq", "");
this.$message.error("开始时间不能大于结束时间");
}
},
"formLabelAlign.sszjYxqjzrq"(val) {
if (
new Date(val).getTime() <=
new Date(this.formLabelAlign.sszjYxqksrq).getTime()
) {
console.log(12321);
this.$set(this.formLabelAlign, "sszjYxqjzrq", "");
this.$message.error("开始时间不能大于结束时间");
}
},
"formLabelAlign.bhrCsrqRqgzsx"(val) {
if (
new Date(val).getTime() <=
new Date(this.formLabelAlign.bhrCsrqRqgzxx).getTime()
) {
console.log(12321);
this.$set(this.formLabelAlign, "bhrCsrqRqgzsx", "");
this.$message.error("开始时间不能大于结束时间");
}
},
"formLabelAlign.syfwbzhYxqjzrq"(val) {
if (
new Date(val).getTime() <=
new Date(this.formLabelAlign.syfwbzhYxqksrq).getTime()
) {
console.log(12321);
this.$set(this.formLabelAlign, "syfwbzhYxqjzrq", "");
this.$message.error("开始时间不能大于结束时间");
}
},
"formLabelAlign.rqgzxxCsrqRqgzsx"(val) {
if (
new Date(val).getTime() <=
new Date(this.formLabelAlign.zhfzxyrCsrqRqgzxx).getTime()
) {
console.log(12321);
this.$set(this.formLabelAlign, "rqgzxxCsrqRqgzsx", "");
this.$message.error("开始时间不能大于结束时间");
}
},
curIndex() {
console.log("切换一次");
window.scrollTo({
top: this.listHeight[this.curIndex],
behavior: "smooth",
});
},
},
computed: {},
};
</script>
<style lang="scss">
/*覆盖ui库得样式，在scoped里没效果*/
.v-modal {
z-index: 10 !important;
}
</style>
<!--级联样式-->
<style scoped lang="scss">
$-header-bg: #1a81e1;
$-header-height: 60px;
$-header-fontSize: 18px;
.prive_picture {
z-index: 999;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
.picture {
width: 500px;
height: 800px;
left: 40%;
top: 50%;
// transform: translateX(-50%);
transform: translateY(-50%);
}
}
.shade {
width: 178px;
height: 178px;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 999;
}
.avatar-uploader {
position: relative;
}
.avatar-uploader .el-upload:hover {
border-color: #409eff;
}
.avatar-uploader .el-upload__input {
position: relative;
z-index: 12;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 178px;
height: 178px;
line-height: 178px;
text-align: center;
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.avatar {
width: 178px;
height: 178px;
display: block;
}
#formCommonPage {
width: 100% !important;
.subTitle {
div {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 600;
line-height: 48px;
height: 48px;
color: #363636;
opacity: 1;
border-bottom: 1px solid rgb(132, 216, 240);
}
}
.sjjcShadow {
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0px;
left: 0px;
z-index: 1000;
.dongTu {
width: 420px;
height: 210px;
/*background: #ffffff;
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);*/
opacity: 1;
border-radius: 8px;
position: fixed;
display: flex;
top: 50%;
left: 55%;
color: #ffe400;
margin-top: -105px;
margin-left: -210px;
z-index: 100;
.littleTips {
width: 110px;
display: flex;
}
.centerImage {
width: 200px;
height: 200px;
position: relative;
top: 19px;
margin-left: 113px;
}
}
}
// 表单内内容
.groupTitleBox {
height: 48px;
background: #0061f7;
font-size: 18px;
font-weight: bold;
line-height: 48px;
color: #ffffff;
padding: 0 17px;
img {
width: 36px;
margin-left: 5px;
}
}
.formContent {
margin: 0 20px;
margin-bottom: 88px;
// background: #ffffff;
// box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
border-radius: 4px;
.caijiIcon {
margin-right: 5px;
}
/deep/.el-input__inner,
/deep/.el-textarea__inner {
background: #fdfdfd !important;
}
/deep/.el-input__inner {
height: 32px;
}
/deep/.el-checkbox-button,
/deep/.el-checkbox-button__inner {
min-width: 74px;
height: 24px;
border-radius: 2px !important;
padding: 6px 4px !important;
margin-top: -10px !important;
}
/deep/.el-upload-list__item.is-success
/deep/.el-upload-list__item-status-label {
line-height: 36px;
}
/deep/.el-date-editor--daterange {
.el-range-separator {
line-height: 20px;
}
}
//分块组级卡片
.paneGroupDiv {
background: #ffffff;
padding: 0 40px;
padding-bottom: 20px;
width: 1200px;
margin: 0 auto;
// 表单元素的真实容器
.zdyLine {
padding-bottom: 20px;
border-bottom: 1px solid #e4e4e4;
// width: 1200px;
/deep/.el-form-item {
margin-bottom: 0px !important;
.el-form-item__label {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
// color: #666666;
line-height: 32px;
}
.el-form-item__content {
font-size: 13px;
line-height: 36px;
// height: 36px;
.el-form-item__error {
padding-top: 0px;
}
.el-textarea {
margin-bottom: 10px;
}
.el-input__inner {
border-radius: 4px;
}
.codeTree {
.el-select {
.el-icon-arrow-up {
font-family: "iconfont" !important;
font-size: 16px !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.el-icon-arrow-up:before {
content: "\e635";
}
}
}
}
}
.item1,
.zdycol1 {
display: inline-block;
width: 100%;
}
.item1col2 {
display: inline-table;
.el-select {
width: 360px;
height: 36px;
}
}
.item3 {
display: inline-block;
width: 25%;
/deep/ .el-input .el-input--suffix,
.el-date-editor {
width: 100%;
}
}
div[class^="item"] {
vertical-align: middle;
}
.item2,
.zdycol2 {
display: inline-table;
width: 50%;
/deep/ .el-input .el-input--suffix,
.el-date-editor {
width: 100%;
}
}
.item2-3,
.zdycol2-3 {
display: inline-table;
width: 33.3%;
/deep/ .el-input .el-input--suffix,
.el-date-editor {
width: 100%;
}
}
.item3 {
width: 66.66%;
display: inline-table;
}
.item5 {
width: 66.66%;
display: inline-table;
}
.item6 {
width: 48%;
display: inline-table;
}
.item7 {
width: 66%;
display: inline-table;
margin-right: 34%;
.zdyInputW,
.el-input {
width: 100% !important;
}
}
.item8 {
width: 90%;
display: inline-block;
}
.item9 {
width: 40%;
margin-right: 20%;
display: inline-table;
/deep/ .el-date-editor {
width: 100% !important;
}
}
.item10 {
width: 40%;
margin-right: 60%;
display: inline-table;
}
.item11 {
width: 90%;
display: inline-block;
}
.item12 {
width: 120px;
margin-left: 140px;
display: inline-block;
}
.item13 {
width: auto;
margin-left: 160px;
display: inline-block;
/deep/.el-checkbox-button {
.el-checkbox-button__inner {
padding-left: 0px !important;
}
padding-left: 0px !important;
}
}
.item14 {
width: auto;
margin-left: 0px;
display: inline-block;
}
.item15 {
width: 120px;
margin-left: 16px;
margin-right: 500px;
display: inline-block;
margin-top: 15px;
margin-bottom: 8px;
}
.item16 {
width: 66%;
display: inline-block;
/deep/ .el-input {
width: calc(91% + 2px) !important;
}
}
.item17 {
width: 65%;
margin-right: 10%;
display: inline-block;
}
.item18 {
width: 100%;
margin: 14px 0;
margin-right: 34%;
display: inline-block;
}
.item18-1 {
width: 100%;
margin: 14px 0;
margin-right: 34%;
display: inline-block;
}
.item19 {
width: 46%;
margin-right: 20%;
display: inline-table;
}
.item20 {
margin-left: 145px;
width: 80%;
display: inline-block;
}
.item21 {
width: 74%;
margin-right: 25%;
display: inline-block;
}
.item22 {
width: 99%;
margin: 14px 0;
.el-input {
width: 65% !important;
}
display: inline-block;
}
.item23 {
width: 30%;
display: inline-block;
}
.item25 {
width: 33%;
margin-right: 33%;
display: inline-table;
}
.upload-demo {
/deep/.el-icon-close {
top: 12px;
right: 4px;
}
/deep/.el-button {
border-radius: 2px;
}
}
.zdyInputW {
width: 100%;
height: 36px;
display: inline-block;
.lazydate {
width: 100%;
}
.lazysjdq {
line-height: 36px;
background: #fdfdfd;
border-radius: 2px;
/* width: 90%; */
width: 360px;
}
.el-cascader {
width: 85%;
}
.el-select {
width: 100%;
}
}
.zdyInputCol2 {
width: 90%;
.el-input {
width: calc((100% - 24px) / 2);
}
}
.childrenAsAdd {
.item2,
.item1 {
margin: 6px 0;
}
.addName {
display: inline-block;
width: 100px;
text-align: right;
vertical-align: top;
font-size: 13px;
line-height: 100px;
padding: 0 12px 0 0;
font-family: Microsoft YaHei;
font-weight: 400;
}
.addContent {
width: calc(100% - 114px);
display: inline-block;
background: #fef6ea;
background: #fef6ea;
border: 0px solid #ffd193;
opacity: 1;
border-radius: 4px;
padding-top: 28px;
margin: 24px 0 4px 0;
padding-bottom: 15px;
position: relative;
.el-input,
.el-select,
.el-date-editor,
.zdyInputW {
width: 85% !important;
}
.zdyInputW {
.el-input,
.el-cascader,
.el-select {
width: 100% !important;
}
}
.zdyicon {
position: absolute;
right: 20px;
top: 36px;
font-size: 12px;
color: #8c97a0;
cursor: pointer;
}
/deep/ .el-input__inner {
background: #ffffff !important;
height: 29px;
}
/deep/ .el-form-item:nth-child(1),
/deep/ .el-form-item:nth-child(2) {
margin-top: 0px;
}
}
}
}
}
.addChildBtn {
margin: 6px 0 0px 0;
.el-button {
border: none;
width: 96px;
height: 26px;
padding: 0px;
background: #fe9200;
opacity: 1;
border-radius: 2px;
margin-left: 160px;
}
}
.caoGao {
margin-left: 160px;
width: 148px;
height: 39px;
background: #ff9800;
box-shadow: 0px 4px 6px rgba(255, 152, 0, 0.12);
opacity: 1;
}
.day,
.codeTag .tag {
width: 100%;
}
.lazycode {
.el-cascader {
width: 276px;
height: 40px;
}
}
.name {
width: 900px;
height: 40px;
}
}
/deep/.treeDialog {
width: 680px;
background: #ffffff;
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
opacity: 1;
border-radius: 8px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -223px !important;
margin-left: -340px;
z-index: 100;
}
.button {
padding: 0 32px;
height: 48px;
background: #ffffff;
box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.08);
opacity: 1;
z-index: 2;
display: flex;
align-items: center;
justify-content: flex-end;
position: fixed;
bottom: 0;
width: calc(100% - 305px);
.finish {
width: 76px;
height: 32px;
background: #0061f7;
border-radius: 4px;
color: #ffffff;
line-height: 9px;
}
.examine {
width: 92px;
}
.saveExamine {
width: 150px;
}
}
.saveButton {
padding: 0 32px;
height: 48px;
background: #fff;
// box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.08);
opacity: 1;
z-index: 4;
// display: flex;
// align-items: center;
// justify-content: flex-end;
// position: fixed;
bottom: 0;
width: calc(100% - 305px);
.finish {
width: 76px;
height: 32px;
background: #0061f7;
border-radius: 4px;
color: #ffffff;
line-height: 9px;
}
}
}
#formCommonPage .el-input.is-disabled /deep/ .el-input__inner {
color: #606266 !important;
background-color: #f1f3f4 !important;
}
#formCommonPage /deep/ .zdyInputW .el-select .is-disabled .el-input__inner {
color: #606266 !important;
background-color: #f1f3f4 !important;
}
/*警员选择*/
.jyDialog {
/deep/ .el-dialog__body {
padding: 10px 15px;
}
/deep/ .el-input__inner {
height: 30px;
line-height: 30px;
}
/deep/ .el-form-item {
margin-bottom: 14px;
}
/deep/ .ryListWrap {
height: 300px;
max-height: 400px;
overflow-y: auto;
margin: 0 15px;
}
li {
list-style-type: none;
display: inline-block;
width: 33%;
margin: 3px 0;
}
/deep/ .el-form-item {
line-height: 30px;
height: 30px;
}
}
.dragwrap {
display: flex;
padding: 10px 20px;
.contentH {
max-height: 400px;
overflow-y: auto;
}
.group-item3 {
width: 33%;
display: inline-block;
}
.group-item1 {
width: 100%;
}
.selected {
width: 565px;
display: inline-block;
margin-right: 40px;
margin-bottom: 15px;
li {
color: $base-color;
cursor: pointer;
div {
display: inline-block;
}
}
}
.waiting {
flex: 1;
display: inline-block;
margin-bottom: 15px;
li {
color: #333333;
cursor: pointer;
display: inline-block;
width: 33%;
div {
display: inline-block;
}
}
}
.select-header {
font-weight: bold;
line-height: 19px;
color: #333333;
margin: 8px 0;
}
}
//电梯
.dt_menu {
position: fixed;
top: 200px;
right: 100px;
}
#ypbg .dt_menu {
.el-steps--vertical {
cursor: pointer;
}
.el-step__icon.is-text {
border: none;
}
.el-step__icon-inner {
width: 6px;
height: 6px;
background: #dddddd;
color: transparent;
border-radius: 50%;
}
.el-step__line {
background-color: #eaeaea;
}
.el-step__icon {
height: 16px;
}
.el-step__head {
top: 4px;
}
}
</style>
<style scoped>
.el-upload-action {
position: absolute;
top: 0;
left: 0;
display: block;
width: 178px;
height: 178px;
font-size: 0;
color: #fff;
text-align: center;
line-height: 120px;
}
.el-upload-action:hover {
font-size: 20px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
}
/* /deep/ .avatar-uploader /deep/ .el-upload {
border: 1px dashed #d9d9d9;
background: #fff !important;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
/deep/ .avatar-uploader /deep/ .el-upload:hover {
border-color: #409eff;
}
/deep/ .avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
} */
/* /deep/ .avatar {
width: 60px;
height: 60px;
display: block;
}
.avatar2 {
width: 150px;
height: 185px;
line-height: 185px;
} */
/* .relative:hover .shadow {
display: block;
}
.relative {
position: relative;
}
.shadow {
display: none;
position: absolute;
cursor: pointer;
width: 150px;
height: 185px;
line-height: 185px;
top: 0px;
left: 0px;
} */
.redColor /deep/ .el-form-item__label {
color: red;
}
/deep/ .zdyCodeDialog {
opacity: 0;
}
/deep/ .uoloadSty /deep/ .el-upload--picture-card,
/deep/ .avatar-uploader-icon {
width: 150px;
height: 185px;
line-height: 185px;
}
.disUoloadSty /deep/ .el-upload--picture-card {
display: none; /* 上传按钮隐藏 */
}
/deep/ .is-required .el-form-item__label {
color: red;
}
/deep/ .is-required .label {
color: red;
}
</style>
src/router/modules/qgccj.js
......@@ -442,6 +442,71 @@ const menuLayouts = [
component: () => import("@/views/qgncj/queryRysyfwbsh/queryRysyfwbsh.vue"),
},
{
path: "/djgzxs",
name: "djgzxs",
meta: {
title: '线索核办'
},
component: () => import("@/views/xshb/xshb/djgzxs.vue")
},
{
path: "/zczzxz",
name: "zczzxz",
meta: {
title: '侦查组织'
},
component: () => import("@/views/xshb/xshb/zczzxz.vue")
},
{
path: "/glgxxz",
name: "glgxxz",
meta: {
title: '关联关系'
},
component: () => import("@/views/xshb/xshb/glgxxz.vue")
},
{
path: "/zczzxq",
name: "zczzxq",
meta: {
title: '侦查组织详情'
},
component: () => import("@/views/xshb/xshb/zczzxq.vue")
},
{
path: "/glgxxq",
name: "glgxxq",
meta: {
title: '关联关系详情'
},
component: () => import("@/views/xshb/xshb/glgxxq.vue")
},
{
path: "/gzjlxz",
name: "gzjlxz",
meta: {
title: '工作结论新增'
},
component: () => import("@/views/xshb/xshb/gzjlxz/gzjl.vue")
},
{
path: "/djgz",
name: "djgz",
meta: {
title: '登记工作线索新增'
},
component: () => import("@/views/xshb/xshb/gzjlxz/djgz.vue")
},
{
path: "/xsxxbc",
name: "xsxxbc",
meta: {
title: '线索信息补充'
},
component: () => import("@/views/xshb/xshb/gzjlxz/xsxxbc.vue")
},
]
export default menuLayouts
\ No newline at end of file
src/router/modules/xshb.js
......@@ -17,14 +17,14 @@ const menuLayouts = [
},
component: () => import("@/views/xshb/queryXshb/queryXshb.vue")
},
{
path: "/djgzxs",
name: "djgzxs",
meta: {
title: '线索核办'
},
component: () => import("@/views/xshb/xshb/djgzxs.vue")
},
// {
// path: "/djgzxs",
// name: "djgzxs",
// meta: {
// title: '线索核办'
// },
// component: () => import("@/views/xshb/xshb/djgzxs.vue")
// },
{
path: "/xsbk",
name: "xsbk",
......
src/utils/params.js
......@@ -5481,6 +5481,130 @@ const sadjb = [
col: "2",
},
]
// //侦查组织
const zczz_jbxx = [
{
name: "姓名:",
id: "xm",
type: "text",
// disabled: true,
value: "",
placeholder: "请输入",
col: "2",
prop: 'checkEmpty',
},
{
name: "性别:",
id: "xbdm",
type: "codeTree",
codeTree: "CODE_XB",
codeOptions: [],
value: "",
placeholder: "请输入",
col: "2",
// prop: 'checkEmpty',
},
{
name: "身份证号:",
id: "gmsfzh",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
// prop: 'checkEmpty',
},
{
name: "联系电话:",
id: "lxdh",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
// prop: 'checkEmpty',
},
{
name: "角色:",
id: "jsdm",
type: "codeTree",
codeTree: "CODE_XSHBJSDM",
codeOptions: [],
value: "",
placeholder: "请输入",
col: "2",
prop: 'checkEmpty',
},
{
name: "角色职责:",
id: "jszz",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
prop: 'checkEmpty',
},
{
name: "单位:",
id: "dwdm",
type: "codeTree",
codeTree: "CODE_UNIT",
codeOptions: [],
value: "",
placeholder: "请输入",
col: "2",
// prop: 'checkEmpty',
},
{
name: "已完成工作:",
id: "ywcgz",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
// prop: 'checkEmpty',
},
{
name: "待办工作:",
id: "dbgz",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
// prop: 'checkEmpty',
},
]
// // 关联关系
const glgx_jbxx = [
{
name: "标识号类型:",
id: "bshlx",
type: "codeTree",
codeTree: "CODE_BKLXDM",
codeOptions: [],
value: "",
placeholder: "请输入",
col: "2",
prop: 'checkEmpty',
},
{
name: "标识号码:",
id: "bshm",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
prop: 'checkEmpty',
},
{
name: "关联依据:",
id: "glyj",
type: "textarea",
value: "",
placeholder: "请输入",
col: "18",
// prop: 'checkEmpty',
},
]
// //立案
const lian_jbxx = [
......@@ -11931,6 +12055,10 @@ export {
jsasj_flws,
sahz,
sadjb,
// 侦查组织
zczz_jbxx,
// 关联关系
glgx_jbxx,
//立案信息
lian_jbxx,
lian_afd,
......
src/views/hbyprw/fphcyp/fphcyp.vue
......@@ -155,7 +155,7 @@ export default {
multipleTable1: [],
dialogTableVisible: false,
dialogTableVisible1: true,
title: "交接合成研判任务信息",
title: "分配合成研判任务信息",
formField: [
//基本信息
{
......
src/views/xshb/queryXshb/queryXshb.vue
......@@ -9,6 +9,13 @@
:cxUrl="cxUrl"
ref="rightContent"
>
<template #btnGroup="scope">
<span
class="hbyp"
@click="toInfor(scope.scope)"
>线索侦办</span
>
</template>
</right-content>
</div>
</template>
......@@ -116,6 +123,7 @@ export default {
{
label: "线索编号",
prop: "xsbh",
// toInfor: true,
width: "250",
},
{
......@@ -191,14 +199,14 @@ export default {
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
{
id: "djgzxs",
label: "线索核办",
newAuth: "M01",
index: "djgzxs",
className: "iconfont icongongnengfuwu",
hasChildren: false,
},
// {
// id: "djgzxs",
// label: "线索核办",
// newAuth: "M01",
// index: "djgzxs",
// className: "iconfont icongongnengfuwu",
// hasChildren: false,
// },
{
id: "xsbk",
label: "线索布控",
......@@ -223,6 +231,14 @@ export default {
this.$store.commit("user/SET_Header", this.header);
},
methods: {
toInfor(scope) {
this.$router.push({
path: "/djgzxs",
query: {
xsbh: scope.row.xsbh,
},
});
},
},
watch: {},
......
src/views/xshb/xshb/djgzxs.vue
<template>
<div id="formCommonPage">
<div class="groupTitleBox">
<img src="~@/assets/img/login/jinhui.png" alt="" />
<span class="groupTitle">{{ propTitle }}</span>
</div>
<div class="header_nav">
<div @mouseleave="noShowNav">
<img
src="@/assets/img/tb.png"
alt=""
:class="[rotate ? 'icons' : ' icons aa']"
@mouseenter="showNav"
/>
<div class="showNav" v-show="isShowNav">
<div class="nav_header_title">操作</div>
<div
v-for="(navItem, index) in porpHeaderNav"
:key="index"
@click="handleTitNav(navItem)"
class="nav_header_item"
>
<div class="nav_childitem">
<div class="nav_item_name">
{{ navItem.bq }}
</div>
</div>
</div>
</div>
</div>
</div>
<div style="margin-top: 20px">
<div class="add">
<div class="contents">
<div>
<div class="title">线索基本信息</div>
<div style="margin: 0px 0 0 18px">
<div style="display: flex; margin: 0 20px; flex-wrap: wrap">
<div class="xsXq" v-for="xsItem in xs" :key="xsItem.id">
<div class="bt">{{ xsItem.name }}:</div>
<div class="nr">
{{ xsItem.content }}
</div>
</div>
</div>
<div style="margin: 10px 20px; display: flex">
<div class="bt">举报人：</div>
<div style="width: 1000px">
<el-table :data="jbrList" stripe border>
<el-table-column
height="20"
type="index"
width="50"
label="序号"
>
</el-table-column>
<el-table-column
v-for="(jbrItem, index) in tableData"
:key="index"
:label="jbrItem.lable"
:prop="jbrItem.prop"
align="center"
height="20"
>
</el-table-column>
</el-table>
</div>
</div>
<div style="margin: 40px 20px; display: flex">
<div class="bt">嫌疑人：</div>
<div style="width: 1000px">
<el-table :data="xyrList" stripe border>
<el-table-column
height="20"
type="index"
width="50"
label="序号"
>
</el-table-column>
<el-table-column
v-for="(xyrItem, index) in tableData1"
:key="index"
:label="xyrItem.lable"
:prop="xyrItem.prop"
:width="xyrItem.width"
align="center"
height="20"
>
</el-table-column>
</el-table>
</div>
</div>
<div style="margin: 0px 20px; display: flex">
<div class="bt">线索附件：</div>
<div class="fj_wrap_all">
<div class="fj_wrap">
<div
class="fj_item"
v-for="(fjitem, fjIndex) in xsFj"
:key="fjIndex"
>
<div class="fj_name">
<i class="iconfont iconfujian-wenjian"></i>
<span>{{ fjitem.xsfjDzwjmc }}</span>
</div>
<div class="cz">
<div class="xz" @click="downs(fjitem)">下载</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="margin-top: 20px">
<div class="add">
<div class="contents">
<div>
<div class="title">侦查组织管理</div>
<div style="margin: -20px 0 0 38px">
<div class="zczz">
<div class="xzs" @click="zczzAdd">
<i class="el-icon-plus"></i>
新增
</div>
<el-table
v-loading="loadingZC"
:data="zczzList"
border
stripe
style="width: 100%"
>
<el-table-column
v-for="(zczzItem, index) in zczzglList"
:key="index"
:label="zczzItem.lable"
:prop="zczzItem.prop"
:width="zczzItem.width"
align="center"
>
</el-table-column>
<el-table-column label="操作" width="200" align="center">
<template slot-scope="scope">
<span
style="margin-right: 10px"
class="anList"
@click="zczzXq(scope)"
>查看详情</span
>
<span
style="margin-right: 10px"
class="anList"
@click="detail(scope)"
>修改</span
>
<span class="anList" @click="elete(scope)">删除</span>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="page"
:page-sizes="[5, 10, 20, 50]"
:page-size="limit"
layout="sizes,prev, pager, next"
:total="tableDataLength"
>
</el-pagination>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="margin-top: 20px">
<div class="add">
<div class="contents">
<div>
<div class="title">关联关系管理</div>
<div style="margin: -20px 0 0 38px">
<div class="zczz">
<div class="xzs" @click="glgxAdd">
<i class="el-icon-plus"></i>
新增
</div>
<el-table
v-loading="loadingGlgx"
:data="glgXList1"
border
stripe
style="width: 100%"
>
<el-table-column
v-for="(glgxItem, index) in glgxlList"
:key="index"
:label="glgxItem.lable"
:prop="glgxItem.prop"
:width="glgxItem.width"
align="center"
>
</el-table-column>
<el-table-column label="操作" width="200" align="center">
<template slot-scope="scope">
<span
style="margin-right: 10px"
class="anList"
@click="GlgxXq(scope)"
>查看详情</span
>
<span
style="margin-right: 10px"
class="anList"
@click="detailGlgx(scope)"
>修改</span
>
<span class="anList" @click="eleteGlgx(scope)">删除</span>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
background
@size-change="handleSizeChange1"
@current-change="handleCurrentChange1"
:current-page.sync="page1"
:page-sizes="[5, 10, 20, 50]"
:page-size="limit1"
layout="sizes,prev, pager, next"
:total="tableDataLength1"
>
</el-pagination>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="margin-top: 20px">
<div class="add">
<div class="contents" v-loading="loadingGzjl">
<div>
<div class="title">工作结论</div>
<div
style="position: relative; bottom: 34px; right: 21px"
class="xzs"
@click="gzjlAdd"
>
<i class="el-icon-plus"></i>
新增
</div>
<div style="margin: 0px 0 0 18px">
<div style="display: flex; margin: 0 20px; flex-wrap: wrap">
<div class="xsXq" v-for="xsItem in gzjl" :key="xsItem.id">
<div class="bt">{{ xsItem.name }}:</div>
<div class="nr">
{{ xsItem.content }}
</div>
</div>
</div>
<div style="margin: 10px 20px; display: flex">
<div class="bt">关联嫌疑人:</div>
<div style="width: 1000px">
<el-table :data="flxyrList" stripe border>
<el-table-column
height="20"
type="index"
width="50"
label="序号"
>
</el-table-column>
<el-table-column
v-for="(jbrItem, index) in tableDataGlxyr"
:key="index"
:label="jbrItem.lable"
:prop="jbrItem.prop"
align="center"
height="20"
>
</el-table-column>
</el-table>
</div>
</div>
<div style="margin: 40px 20px; display: flex">
<div class="bt">关联案件:</div>
<div style="width: 1000px">
<el-table :data="ajList" stripe border>
<el-table-column
height="20"
type="index"
width="50"
label="序号"
>
</el-table-column>
<el-table-column
v-for="(xyrItem, index) in tableDataAj"
:key="index"
:label="xyrItem.lable"
:prop="xyrItem.prop"
:width="xyrItem.width"
align="center"
height="20"
>
</el-table-column>
</el-table>
</div>
</div>
</div>
</div>
<div>
<el-pagination
background
@size-change="handleSizeChange2"
@current-change="handleCurrentChange2"
:current-page.sync="page2"
:page-size="limit2"
layout="prev, pager, next"
:total="tableDataLength2"
>
</el-pagination>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import {
getXsByXsbh,
getZbzzList,
delZbzz,
getXsglbshList,
delXsglbsh,
getHcxxList,
getHcglxyrList,
getHcglasjList,
} from "@/api/xshb/xshb.js";
import axios from "axios";
import base from "@/api/base";
export default {
name: "",
components: {},
data() {
return {
porpHeaderNav: [
{ bq: "线索信息补充", id: "xsxxbc" },
{ bq: "登记工作线索", id: "djgzxs" },
],
isShowNav: false,
rotate: true,
loadingZC: false,
loadingGlgx: false,
loadingGzjl: false,
tableDataLength: 0,
tableDataLength1: 0,
tableDataLength2: 0,
propTitle: "线索详情",
xs: [
{
name: "线索名称",
id: "xsmc",
content: "sssss",
},
{
name: "线索类别",
id: "xsfldmStr",
content: "",
},
{
name: "涉及地区",
id: "sjdqStr",
content: "",
},
{
name: "线索详情",
id: "xsxq",
content: "",
},
{
name: "录入人",
id: "xxdjryXm",
content: "",
},
{
name: "录入单位",
id: "xxdjdwGajgmc",
content: "",
},
{
name: "录入时间",
id: "djsj",
content: "",
},
],
tableData: [
{
lable: "姓名",
prop: "jbrXm",
},
{
lable: "性别",
prop: "jbrXbdmStr",
},
{
lable: "身份证号",
prop: "jbrGmsfzh",
},
{
lable: "所在地区",
prop: "jbrXzqhdmStr",
},
{
lable: "联系电话",
prop: "jbrLxdh",
},
],
tableData1: [
{
lable: "姓名",
prop: "xm",
},
{
lable: "性别",
prop: "xbdmStr",
},
{
lable: "身份证号",
width: "200",
prop: "gmsfzh",
},
{
lable: "出生日期",
prop: "csrq",
},
{
lable: "国籍",
prop: "gjdmStr",
},
{
lable: "民族",
prop: "mzdm",
},
{
lable: "户籍地区划",
width: "200",
prop: "hjdzXzqhdm",
},
{
lable: "户籍地详址",
width: "200",
prop: "hjdzDzmc",
},
{
lable: "现住址区划",
prop: "xzzXzqhdmStr",
width: "200",
},
{
lable: "联系电话",
width: "200",
prop: "lxdh",
},
],
zczzglList: [
{
lable: "姓名",
prop: "xm",
},
{
lable: "联系电话",
prop: "lxdh",
},
{
lable: "角色",
prop: "jsdmStr",
},
{
lable: "角色职责",
prop: "jszz",
},
{
lable: "单位",
prop: "dwdmStr",
},
{
lable: "已完成工作",
width: "150",
prop: "mzdm",
},
{
lable: "待办工作",
width: "150",
prop: "dbgz",
},
],
glgxlList: [
{
lable: "标识号类型",
prop: "bshlxStr",
},
{
lable: "标识号码",
prop: "bshm",
},
{
lable: "关联依据",
prop: "glyj",
},
{
lable: "关联时间",
prop: "djsj",
},
{
lable: "录入人",
prop: "xxdjryXm",
},
],
gzjl: [
{
name: "办结单位",
id: "xxdjdwGajgmc",
content: "sssss",
},
{
name: "办结人",
id: "xxdjryXm",
content: "",
},
{
name: "办结时间",
id: "djsj",
content: "",
},
{
name: "工作结论",
id: "hcnrJyqk",
content: "",
},
{
name: "办结结果",
id: "hcjgdmStr",
content: "",
},
],
tableDataGlxyr: [
{
lable: "姓名",
prop: "xm",
},
{
lable: "性别",
prop: "xbdmStr",
},
{
lable: "身份证号",
prop: "gmsfzh",
},
{
lable: "出生日期",
prop: "csrq",
},
{
lable: "户籍地区划",
prop: "hjdzXzqhdmStr",
},
{
lable: "联系电话",
prop: "lxdh1",
},
],
tableDataAj: [
{
lable: "案件编号",
prop: "asjbh",
},
{
lable: "案件类别",
prop: "ajlbdmStr",
},
{
lable: "案件名称",
prop: "ajmc",
},
{
lable: "案发时间",
prop: "asjfssjAsjfskssj",
},
{
lable: "立案日期",
prop: "larq",
},
{
lable: "简要案情",
prop: "jyaq",
},
],
xsbh: "",
jbrList: [],
xyrList: [],
xsFj: [],
zczzList: [],
flxyrList: [],
ajList: [],
glgXList1: [],
gzjlList1: [],
page: 1,
limit: 5,
page1: 1,
limit1: 5,
page2: 1,
limit2: 1,
};
},
created() {
this.xsbh = this.$route.query.xsbh;
this.getXsByXsbh();
this.getZbzzList();
this.getXsglbshList();
this.getHcxxList();
},
methods: {
//显示(关闭)操作菜单
showNav() {
this.isShowNav = true;
this.rotate = false;
},
noShowNav() {
this.isShowNav = false;
this.rotate = true;
},
handleTitNav(item) {
debugger;
if (item.id == "xsxxbc") {
this.$router.push({
path: "/xsxxbc",
query: {
xsbh: this.xsbh,
},
});
} else if (item.id == "djgzxs") {
this.$router.push({
path: "/djgz",
});
}
},
handleSizeChange(val) {
this.limit = val;
this.getZbzzList();
},
handleCurrentChange(val) {
this.page = val;
this.getZbzzList();
},
handleSizeChange1(val) {
this.limit1 = val;
this.getXsglbshList();
},
handleCurrentChange1(val) {
this.page1 = val;
this.getXsglbshList();
},
handleSizeChange2(val) {
this.limit2 = val;
this.getHcxxList();
},
handleCurrentChange2(val) {
this.page2 = val;
this.getHcxxList();
},
getXsByXsbh() {
let loading = this.$loading({
lock: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
getXsByXsbh({
xsbh: this.xsbh,
}).then((res) => {
if (res.code == 200) {
this.xs.forEach((item) => {
item.content = res.data.xsxq.xs[item.id];
});
this.jbrList = res.data.xsxq.jbrList;
this.xyrList = res.data.xsxq.xyrList;
this.xsFj = res.data.xsxq.fjList;
loading.close();
}
});
},
getZbzzList() {
this.loadingZC = true;
getZbzzList({
xsbh: this.xsbh,
page: this.page,
limit: this.limit,
}).then((res) => {
if (res.code == 200) {
this.zczzList = res.data.rows;
this.tableDataLength = res.data.total;
this.loadingZC = false;
}
});
},
getXsglbshList() {
this.loadingGlgx = true;
getXsglbshList({
xsbh: this.xsbh,
page: this.page1,
limit: this.limit1,
}).then((res) => {
if (res.code == 200) {
this.glgXList1 = res.data.rows;
this.tableDataLength1 = res.data.total;
this.loadingGlgx = false;
}
});
},
getHcxxList() {
this.loadingGzjl = true;
getHcxxList({
xsbh: this.xsbh,
page: this.page2,
limit: this.limit2,
// limit: "5",
}).then((res) => {
if (res.code == 200) {
res.data.rows.forEach((item) => {
this.gzjl.forEach((items) => {
items.content = item[items.id];
});
});
this.loadingGzjl = false;
this.tableDataLength2 = res.data.total;
this.getHcglxyrList(res.data.rows[0].xxzjbh);
this.getHcglasjList(res.data.rows[0].xxzjbh);
}
});
},
getHcglxyrList(hcxxzjbh) {
getHcglxyrList({
hcxxzjbh: hcxxzjbh,
}).then((res) => {
if (res.code == 200) {
this.flxyrList = res.data.xyrList;
}
});
},
getHcglasjList(hcxxzjbh) {
getHcglasjList({
hcxxzjbh: hcxxzjbh,
}).then((res) => {
if (res.code == 200) {
this.ajList = res.data.asjList;
}
});
},
// 侦查组织查看详情
zczzXq(scope) {
this.$router.push({
path: "/zczzxq",
query: {
xxzjbh: scope.row.xxzjbh,
},
});
},
// 关联关系详情
GlgxXq(scope) {
this.$router.push({
path: "/glgxxq",
query: {
xxzjbh: scope.row.xxzjbh,
},
});
},
// 附件下载
downs(fjitem) {
var params = new FormData();
params.append("xxzjbh", fjitem.xxzjbh);
var url = `${base.alyIP}/xshb/downXsfj`;
axios
.post(url, params, {
responseType: "arraybuffer",
})
.then((res) => {
let blob = new Blob([res], {
type: "application/vnd.ms-excel",
});
// 组装a标签
let elink = document.createElement("a");
// 设置下载文件名
elink.download = fjitem.xsfjDzwjmc;
elink.style.display = "none";
elink.href = URL.createObjectURL(blob);
document.body.appendChild(elink);
elink.click();
document.body.removeChild(elink);
});
},
// 侦查组织修改
detail(row) {
this.$router.push({
path: "/zczzxz",
query: {
xxzjbh: row.row.xxzjbh,
},
});
},
// 侦查组织删除
elete(row) {
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
delZbzz({
xxzjbh: row.row.xxzjbh,
}).then((res) => {
if (res.success && res.code == 200) {
this.$message({
type: "success",
message: "删除成功",
});
this.getZbzzList();
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
this.loadingZC = false;
});
},
// 工作结论新增
gzjlAdd() {
this.$router.push({
path: "/gzjlxz",
query: {
xsbh: this.xsbh,
},
});
},
// 侦查组织新增
zczzAdd() {
this.$router.push({
path: "/zczzxz",
query: {
xsbh: this.xsbh,
},
});
},
// 关联关系修改
detailGlgx(row) {
this.$router.push({
path: "/glgxxz",
query: {
xxzjbh: row.row.xxzjbh,
},
});
},
// 关联关系删除
eleteGlgx(row) {
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
delXsglbsh({
xxzjbh: row.row.xxzjbh,
}).then((res) => {
if (res.success && res.code == 200) {
this.$message({
type: "success",
message: "删除成功",
});
this.getXsglbshList();
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
this.loadingZC = false;
});
},
// 关联关系新增
glgxAdd() {
this.$router.push({
path: "/glgxxz",
query: {
xsbh: this.xsbh,
},
});
},
},
watch: {},
};
</script>
<style lang="scss">
/*覆盖ui库得样式，在scoped里没效果*/
.v-modal {
z-index: 10 !important;
}
</style>
<!--级联样式-->
<style scoped lang="scss">
$-header-bg: #1a81e1;
$-header-height: 60px;
$-header-fontSize: 18px;
.prive_picture {
z-index: 999;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
.picture {
width: 500px;
height: 800px;
left: 40%;
top: 50%;
// transform: translateX(-50%);
transform: translateY(-50%);
}
}
.shade {
width: 178px;
height: 178px;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 999;
}
.avatar-uploader {
position: relative;
}
.avatar-uploader .el-upload:hover {
border-color: #409eff;
}
.avatar-uploader .el-upload__input {
position: relative;
z-index: 12;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 178px;
height: 178px;
line-height: 178px;
text-align: center;
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.avatar {
width: 178px;
height: 178px;
display: block;
}
#formCommonPage {
width: 100% !important;
.subTitle {
div {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 600;
line-height: 48px;
height: 48px;
color: #363636;
opacity: 1;
border-bottom: 1px solid rgb(132, 216, 240);
}
}
.sjjcShadow {
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0px;
left: 0px;
z-index: 1000;
.dongTu {
width: 420px;
height: 210px;
/*background: #ffffff;
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);*/
opacity: 1;
border-radius: 8px;
position: fixed;
display: flex;
top: 50%;
left: 55%;
color: #ffe400;
margin-top: -105px;
margin-left: -210px;
z-index: 100;
.littleTips {
width: 110px;
display: flex;
}
.centerImage {
width: 200px;
height: 200px;
position: relative;
top: 19px;
margin-left: 113px;
}
}
}
// 表单内内容
.groupTitleBox {
height: 48px;
background: #0061f7;
font-size: 18px;
font-weight: bold;
line-height: 48px;
color: #ffffff;
padding: 0 17px;
img {
width: 36px;
margin-left: 5px;
}
}
.formContent {
margin: 0 20px;
margin-bottom: 88px;
// background: #ffffff;
// box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
border-radius: 4px;
.caijiIcon {
margin-right: 5px;
}
/deep/.el-input__inner,
/deep/.el-textarea__inner {
background: #fdfdfd !important;
}
/deep/.el-input__inner {
height: 32px;
}
/deep/.el-checkbox-button,
/deep/.el-checkbox-button__inner {
min-width: 74px;
height: 24px;
border-radius: 2px !important;
padding: 6px 4px !important;
margin-top: -10px !important;
}
/deep/.el-upload-list__item.is-success
/deep/.el-upload-list__item-status-label {
line-height: 36px;
}
/deep/.el-date-editor--daterange {
.el-range-separator {
line-height: 20px;
}
}
//分块组级卡片
.paneGroupDiv {
background: #ffffff;
padding: 0 40px;
padding-bottom: 20px;
width: 1200px;
margin: 0 auto;
// 表单元素的真实容器
.zdyLine {
padding-bottom: 20px;
border-bottom: 1px solid #e4e4e4;
// width: 1200px;
/deep/.el-form-item {
margin-bottom: 0px !important;
.el-form-item__label {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
// color: #666666;
line-height: 32px;
}
.el-form-item__content {
font-size: 13px;
line-height: 36px;
// height: 36px;
.el-form-item__error {
padding-top: 0px;
}
.el-textarea {
margin-bottom: 10px;
}
.el-input__inner {
border-radius: 4px;
}
.codeTree {
.el-select {
.el-icon-arrow-up {
font-family: "iconfont" !important;
font-size: 16px !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.el-icon-arrow-up:before {
content: "\e635";
}
}
}
}
}
.item1,
.zdycol1 {
display: inline-block;
width: 100%;
}
.item1col2 {
display: inline-table;
.el-select {
width: 360px;
height: 36px;
}
}
.item3 {
display: inline-block;
width: 25%;
/deep/ .el-input .el-input--suffix,
.el-date-editor {
width: 100%;
}
}
div[class^="item"] {
vertical-align: middle;
}
.item2,
.zdycol2 {
display: inline-table;
width: 50%;
/deep/ .el-input .el-input--suffix,
.el-date-editor {
width: 100%;
}
}
.item2-3,
.zdycol2-3 {
display: inline-table;
width: 33.3%;
/deep/ .el-input .el-input--suffix,
.el-date-editor {
width: 100%;
}
}
.item3 {
width: 66.66%;
display: inline-table;
}
.item5 {
width: 66.66%;
display: inline-table;
}
.item6 {
width: 48%;
display: inline-table;
}
.item7 {
width: 66%;
display: inline-table;
margin-right: 34%;
.zdyInputW,
.el-input {
width: 100% !important;
}
}
.item8 {
width: 90%;
display: inline-block;
}
.item9 {
width: 40%;
margin-right: 20%;
display: inline-table;
/deep/ .el-date-editor {
width: 100% !important;
}
}
.item10 {
width: 40%;
margin-right: 60%;
display: inline-table;
}
.item11 {
width: 90%;
display: inline-block;
}
.item12 {
width: 120px;
margin-left: 140px;
display: inline-block;
}
.item13 {
width: auto;
margin-left: 160px;
display: inline-block;
/deep/.el-checkbox-button {
.el-checkbox-button__inner {
padding-left: 0px !important;
}
padding-left: 0px !important;
}
}
.item14 {
width: auto;
margin-left: 0px;
display: inline-block;
}
.item15 {
width: 120px;
margin-left: 16px;
margin-right: 500px;
display: inline-block;
margin-top: 15px;
margin-bottom: 8px;
}
.item16 {
width: 66%;
display: inline-block;
/deep/ .el-input {
width: calc(91% + 2px) !important;
}
}
.item17 {
width: 65%;
margin-right: 10%;
display: inline-block;
}
.item18 {
width: 100%;
margin: 14px 0;
margin-right: 34%;
display: inline-block;
}
.item18-1 {
width: 100%;
margin: 14px 0;
margin-right: 34%;
display: inline-block;
}
.item19 {
width: 46%;
margin-right: 20%;
display: inline-table;
}
.item20 {
margin-left: 145px;
width: 80%;
display: inline-block;
}
.item21 {
width: 74%;
margin-right: 25%;
display: inline-block;
}
.item22 {
width: 99%;
margin: 14px 0;
.el-input {
width: 65% !important;
}
display: inline-block;
}
.item23 {
width: 30%;
display: inline-block;
}
.item25 {
width: 33%;
margin-right: 33%;
display: inline-table;
}
.upload-demo {
/deep/.el-icon-close {
top: 12px;
right: 4px;
}
/deep/.el-button {
border-radius: 2px;
}
}
.zdyInputW {
width: 100%;
height: 36px;
display: inline-block;
.lazydate {
width: 100%;
}
.lazysjdq {
line-height: 36px;
background: #fdfdfd;
border-radius: 2px;
/* width: 90%; */
width: 360px;
}
.el-cascader {
width: 85%;
}
.el-select {
width: 100%;
}
}
.zdyInputCol2 {
width: 90%;
.el-input {
width: calc((100% - 24px) / 2);
}
}
.childrenAsAdd {
.item2,
.item1 {
margin: 6px 0;
}
.addName {
display: inline-block;
width: 100px;
text-align: right;
vertical-align: top;
font-size: 13px;
line-height: 100px;
padding: 0 12px 0 0;
font-family: Microsoft YaHei;
font-weight: 400;
}
.addContent {
width: calc(100% - 114px);
display: inline-block;
background: #fef6ea;
background: #fef6ea;
border: 0px solid #ffd193;
opacity: 1;
border-radius: 4px;
padding-top: 28px;
margin: 24px 0 4px 0;
padding-bottom: 15px;
position: relative;
.el-input,
.el-select,
.el-date-editor,
.zdyInputW {
width: 85% !important;
}
.zdyInputW {
.el-input,
.el-cascader,
.el-select {
width: 100% !important;
}
}
.zdyicon {
position: absolute;
right: 20px;
top: 36px;
font-size: 12px;
color: #8c97a0;
cursor: pointer;
}
/deep/ .el-input__inner {
background: #ffffff !important;
height: 29px;
}
/deep/ .el-form-item:nth-child(1),
/deep/ .el-form-item:nth-child(2) {
margin-top: 0px;
}
}
}
}
}
.addChildBtn {
margin: 6px 0 0px 0;
.el-button {
border: none;
width: 96px;
height: 26px;
padding: 0px;
background: #fe9200;
opacity: 1;
border-radius: 2px;
margin-left: 160px;
}
}
.caoGao {
margin-left: 160px;
width: 148px;
height: 39px;
background: #ff9800;
box-shadow: 0px 4px 6px rgba(255, 152, 0, 0.12);
opacity: 1;
}
.day,
.codeTag .tag {
width: 100%;
}
.lazycode {
.el-cascader {
width: 276px;
height: 40px;
}
}
.name {
width: 900px;
height: 40px;
}
}
/deep/.treeDialog {
width: 680px;
background: #ffffff;
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
opacity: 1;
border-radius: 8px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -223px !important;
margin-left: -340px;
z-index: 100;
}
.button {
padding: 0 32px;
height: 48px;
background: #ffffff;
box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.08);
opacity: 1;
z-index: 2;
display: flex;
align-items: center;
justify-content: flex-end;
position: fixed;
bottom: 0;
width: calc(100% - 305px);
.finish {
width: 76px;
height: 32px;
background: #0061f7;
border-radius: 4px;
color: #ffffff;
line-height: 9px;
}
.examine {
width: 92px;
}
.saveExamine {
width: 150px;
}
}
.saveButton {
padding: 0 32px;
height: 48px;
background: #fff;
// box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.08);
opacity: 1;
z-index: 4;
// display: flex;
// align-items: center;
// justify-content: flex-end;
// position: fixed;
bottom: 0;
width: calc(100% - 305px);
.finish {
width: 76px;
height: 32px;
background: #0061f7;
border-radius: 4px;
color: #ffffff;
line-height: 9px;
}
}
}
#formCommonPage .el-input.is-disabled /deep/ .el-input__inner {
color: #606266 !important;
background-color: #f1f3f4 !important;
}
#formCommonPage /deep/ .zdyInputW .el-select .is-disabled .el-input__inner {
color: #606266 !important;
background-color: #f1f3f4 !important;
}
/*警员选择*/
.jyDialog {
/deep/ .el-dialog__body {
padding: 10px 15px;
}
/deep/ .el-input__inner {
height: 30px;
line-height: 30px;
}
/deep/ .el-form-item {
margin-bottom: 14px;
}
/deep/ .ryListWrap {
height: 300px;
max-height: 400px;
overflow-y: auto;
margin: 0 15px;
}
li {
list-style-type: none;
display: inline-block;
width: 33%;
margin: 3px 0;
}
/deep/ .el-form-item {
line-height: 30px;
height: 30px;
}
}
.dragwrap {
display: flex;
padding: 10px 20px;
.contentH {
max-height: 400px;
overflow-y: auto;
}
.group-item3 {
width: 33%;
display: inline-block;
}
.group-item1 {
width: 100%;
}
.selected {
width: 565px;
display: inline-block;
margin-right: 40px;
margin-bottom: 15px;
li {
color: $base-color;
cursor: pointer;
div {
display: inline-block;
}
}
}
.waiting {
flex: 1;
display: inline-block;
margin-bottom: 15px;
li {
color: #333333;
cursor: pointer;
display: inline-block;
width: 33%;
div {
display: inline-block;
}
}
}
.select-header {
font-weight: bold;
line-height: 19px;
color: #333333;
margin: 8px 0;
}
}
//电梯
.dt_menu {
position: fixed;
top: 200px;
right: 100px;
}
#ypbg .dt_menu {
.el-steps--vertical {
cursor: pointer;
}
.el-step__icon.is-text {
border: none;
}
.el-step__icon-inner {
width: 6px;
height: 6px;
background: #dddddd;
color: transparent;
border-radius: 50%;
}
.el-step__line {
background-color: #eaeaea;
}
.el-step__icon {
height: 16px;
}
.el-step__head {
top: 4px;
}
}
</style>
<style scoped lang='scss'>
.add {
width: 1200px;
margin: 0 auto;
// height: 600px;
background: #ffffff;
border-radius: 10px;
}
.contents {
padding-bottom: 30px;
.title {
margin: 0 20px;
// width: 1200px;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 600;
line-height: 48px;
height: 48px;
color: #363636;
opacity: 1;
border-bottom: 1px solid #84d8f0;
}
}
.xsXq {
display: flex;
width: 366px;
margin-top: 10px;
}
.bt {
width: 100px;
font-weight: 400;
font-size: 14px;
font-family: Source Han Sans CN;
}
.nr {
width: 280px;
color: #808591;
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
}
.fj_item {
display: flex;
}
i.iconfont.iconfujian-wenjian {
color: #ffa456;
margin-right: 9px;
}
.cz {
line-height: 33px;
margin-left: 17px;
color: #0061f7;
cursor: pointer;
}
.zczz {
width: 1122px;
margin-top: 50px;
}
.anList {
color: #0061f7;
font-family: Source Han Sans CN;
cursor: pointer;
}
.xzs {
float: right;
border: 1px solid #0061f7;
width: 61px;
text-align: center;
margin: 0 0 10px;
cursor: pointer;
color: #0061f7;
}
.icons {
position: fixed;
top: 72px;
right: 250px;
width: 60px;
height: 60px;
border-radius: 50%;
z-index: 2000;
box-shadow: 0 6px 12px rgba(#1a81e1, 0.3);
}
.aa {
transform: rotate(225deg);
transition: ease-in-out 0.3s;
box-shadow: 0 6px 12px rgba(#1a81e1, 0.3);
}
.header_nav {
margin-right: 20px;
line-height: 60px;
position: relative;
.showNav {
position: fixed;
z-index: 999;
right: 289px;
background: #fff;
box-shadow: 0 6px 12px rgba(#000, 0.2);
border-radius: 4px;
width: 185px;
top: 103px;
padding-bottom: 30px;
.nav_header_title {
color: #999999;
font-size: $ns-font-size-lg;
margin-left: 20px;
height: 50px;
}
.nav_header_item {
.nav_childitem {
font-size: $ns-font-size-lg;
display: flex;
color: #000;
height: 50px;
cursor: pointer;
}
.nav_item_name {
color: #222222;
width: 132px;
margin-left: 30px;
}
}
}
}
</style>
src/views/xshb/xshb/glgxxq.vue 0 → 100644
<template>
<div id="formCommonPage">
<div class="groupTitleBox">
<img src="~@/assets/img/login/jinhui.png" alt="" />
<span class="groupTitle">{{ propTitle }}</span>
</div>
<div style="margin-top: 20px">
<div class="add">
<div class="contents">
<div>
<div class="title">关联关系信息</div>
<div style="margin: 0px 0 0 18px">
<div style="display: flex; margin: 0 20px; flex-wrap: wrap">
<div class="xsXq" v-for="xsItem in xs" :key="xsItem.id">
<div class="bt">{{ xsItem.name }}:</div>
<div class="nr">
{{ xsItem.content }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import { getXsglbshByZjbh } from "@/api/xshb/xshb.js";
export default {
name: "",
components: {},
data() {
return {
propTitle: "关联关系详情",
xs: [
{
name: "标识号类型",
id: "bshlxStr",
content: "sssss",
},
{
name: "标识号码",
id: "bshm",
content: "",
},
{
name: "关联依据",
id: "glyj",
content: "",
},
],
};
},
created() {
this.getXsglbshByZjbh();
},
methods: {
getXsglbshByZjbh() {
let loading = this.$loading({
lock: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
getXsglbshByZjbh({
xxzjbh: this.$route.query.xxzjbh,
}).then((res) => {
if (res.code == 200) {
this.xs.forEach((item) => {
item.content = res.data.bsh[item.id];
});
loading.close();
}
});
},
},
watch: {},
};
</script>
<style lang="scss">
/*覆盖ui库得样式，在scoped里没效果*/
.v-modal {
z-index: 10 !important;
}
</style>
<!--级联样式-->
<style scoped lang="scss">
$-header-bg: #1a81e1;
$-header-height: 60px;
$-header-fontSize: 18px;
.prive_picture {
z-index: 999;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
.picture {
width: 500px;
height: 800px;
left: 40%;
top: 50%;
// transform: translateX(-50%);
transform: translateY(-50%);
}
}
.shade {
width: 178px;
height: 178px;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 999;
}
.avatar-uploader {
position: relative;
}
.avatar-uploader .el-upload:hover {
border-color: #409eff;
}
.avatar-uploader .el-upload__input {
position: relative;
z-index: 12;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 178px;
height: 178px;
line-height: 178px;
text-align: center;
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.avatar {
width: 178px;
height: 178px;
display: block;
}
#formCommonPage {
width: 100% !important;
.subTitle {
div {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 600;
line-height: 48px;
height: 48px;
color: #363636;
opacity: 1;
border-bottom: 1px solid rgb(132, 216, 240);
}
}
.sjjcShadow {
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0px;
left: 0px;
z-index: 1000;
.dongTu {
width: 420px;
height: 210px;
/*background: #ffffff;
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);*/
opacity: 1;
border-radius: 8px;
position: fixed;
display: flex;
top: 50%;
left: 55%;
color: #ffe400;
margin-top: -105px;
margin-left: -210px;
z-index: 100;
.littleTips {
width: 110px;
display: flex;
}
.centerImage {
width: 200px;
height: 200px;
position: relative;
top: 19px;
margin-left: 113px;
}
}
}
// 表单内内容
.groupTitleBox {
height: 48px;
background: #0061f7;
font-size: 18px;
font-weight: bold;
line-height: 48px;
color: #ffffff;
padding: 0 17px;
img {
width: 36px;
margin-left: 5px;
}
}
.formContent {
margin: 0 20px;
margin-bottom: 88px;
// background: #ffffff;
// box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
border-radius: 4px;
.caijiIcon {
margin-right: 5px;
}
/deep/.el-input__inner,
/deep/.el-textarea__inner {
background: #fdfdfd !important;
}
/deep/.el-input__inner {
height: 32px;
}
/deep/.el-checkbox-button,
/deep/.el-checkbox-button__inner {
min-width: 74px;
height: 24px;
border-radius: 2px !important;
padding: 6px 4px !important;
margin-top: -10px !important;
}
/deep/.el-upload-list__item.is-success
/deep/.el-upload-list__item-status-label {
line-height: 36px;
}
/deep/.el-date-editor--daterange {
.el-range-separator {
line-height: 20px;
}
}
//分块组级卡片
.paneGroupDiv {
background: #ffffff;
padding: 0 40px;
padding-bottom: 20px;
width: 1200px;
margin: 0 auto;
// 表单元素的真实容器
.zdyLine {
padding-bottom: 20px;
border-bottom: 1px solid #e4e4e4;
// width: 1200px;
/deep/.el-form-item {
margin-bottom: 0px !important;
.el-form-item__label {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
// color: #666666;
line-height: 32px;
}
.el-form-item__content {
font-size: 13px;
line-height: 36px;
// height: 36px;
.el-form-item__error {
padding-top: 0px;
}
.el-textarea {
margin-bottom: 10px;
}
.el-input__inner {
border-radius: 4px;
}
.codeTree {
.el-select {
.el-icon-arrow-up {
font-family: "iconfont" !important;
font-size: 16px !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.el-icon-arrow-up:before {
content: "\e635";
}
}
}
}
}
.item1,
.zdycol1 {
display: inline-block;
width: 100%;
}
.item1col2 {
display: inline-table;
.el-select {
width: 360px;
height: 36px;
}
}
.item3 {
display: inline-block;
width: 25%;
/deep/ .el-input .el-input--suffix,
.el-date-editor {
width: 100%;
}
}
div[class^="item"] {
vertical-align: middle;
}
.item2,
.zdycol2 {
display: inline-table;
width: 50%;
/deep/ .el-input .el-input--suffix,
.el-date-editor {
width: 100%;
}
}
.item2-3,
.zdycol2-3 {
display: inline-table;
width: 33.3%;
/deep/ .el-input .el-input--suffix,
.el-date-editor {
width: 100%;
}
}
.item3 {
width: 66.66%;
display: inline-table;
}
.item5 {
width: 66.66%;
display: inline-table;
}
.item6 {
width: 48%;
display: inline-table;
}
.item7 {
width: 66%;
display: inline-table;
margin-right: 34%;
.zdyInputW,
.el-input {
width: 100% !important;
}
}
.item8 {
width: 90%;
display: inline-block;
}
.item9 {
width: 40%;
margin-right: 20%;
display: inline-table;
/deep/ .el-date-editor {
width: 100% !important;
}
}
.item10 {
width: 40%;
margin-right: 60%;
display: inline-table;
}
.item11 {
width: 90%;
display: inline-block;
}
.item12 {
width: 120px;
margin-left: 140px;
display: inline-block;
}
.item13 {
width: auto;
margin-left: 160px;
display: inline-block;
/deep/.el-checkbox-button {
.el-checkbox-button__inner {
padding-left: 0px !important;
}
padding-left: 0px !important;
}
}
.item14 {
width: auto;
margin-left: 0px;
display: inline-block;
}
.item15 {
width: 120px;
margin-left: 16px;
margin-right: 500px;
display: inline-block;
margin-top: 15px;
margin-bottom: 8px;
}
.item16 {
width: 66%;
display: inline-block;
/deep/ .el-input {
width: calc(91% + 2px) !important;
}
}
.item17 {
width: 65%;
margin-right: 10%;
display: inline-block;
}
.item18 {
width: 100%;
margin: 14px 0;
margin-right: 34%;
display: inline-block;
}
.item18-1 {
width: 100%;
margin: 14px 0;
margin-right: 34%;
display: inline-block;
}
.item19 {
width: 46%;
margin-right: 20%;
display: inline-table;
}
.item20 {
margin-left: 145px;
width: 80%;
display: inline-block;
}
.item21 {
width: 74%;
margin-right: 25%;
display: inline-block;
}
.item22 {
width: 99%;
margin: 14px 0;
.el-input {
width: 65% !important;
}
display: inline-block;
}
.item23 {
width: 30%;
display: inline-block;
}
.item25 {
width: 33%;
margin-right: 33%;
display: inline-table;
}
.upload-demo {
/deep/.el-icon-close {
top: 12px;
right: 4px;
}
/deep/.el-button {
border-radius: 2px;
}
}
.zdyInputW {
width: 100%;
height: 36px;
display: inline-block;
.lazydate {
width: 100%;
}
.lazysjdq {
line-height: 36px;
background: #fdfdfd;
border-radius: 2px;
/* width: 90%; */
width: 360px;
}
.el-cascader {
width: 85%;
}
.el-select {
width: 100%;
}
}
.zdyInputCol2 {
width: 90%;
.el-input {
width: calc((100% - 24px) / 2);
}
}
.childrenAsAdd {
.item2,
.item1 {
margin: 6px 0;
}
.addName {
display: inline-block;
width: 100px;
text-align: right;
vertical-align: top;
font-size: 13px;
line-height: 100px;
padding: 0 12px 0 0;
font-family: Microsoft YaHei;
font-weight: 400;
}
.addContent {
width: calc(100% - 114px);
display: inline-block;
background: #fef6ea;
background: #fef6ea;
border: 0px solid #ffd193;
opacity: 1;
border-radius: 4px;
padding-top: 28px;
margin: 24px 0 4px 0;
padding-bottom: 15px;
position: relative;
.el-input,
.el-select,
.el-date-editor,
.zdyInputW {
width: 85% !important;
}
.zdyInputW {
.el-input,
.el-cascader,
.el-select {
width: 100% !important;
}
}
.zdyicon {
position: absolute;
right: 20px;
top: 36px;
font-size: 12px;
color: #8c97a0;
cursor: pointer;
}
/deep/ .el-input__inner {
background: #ffffff !important;
height: 29px;
}
/deep/ .el-form-item:nth-child(1),
/deep/ .el-form-item:nth-child(2) {
margin-top: 0px;
}
}
}
}
}
.addChildBtn {
margin: 6px 0 0px 0;
.el-button {
border: none;
width: 96px;
height: 26px;
padding: 0px;
background: #fe9200;
opacity: 1;
border-radius: 2px;
margin-left: 160px;
}
}
.caoGao {
margin-left: 160px;
width: 148px;
height: 39px;
background: #ff9800;
box-shadow: 0px 4px 6px rgba(255, 152, 0, 0.12);
opacity: 1;
}
.day,
.codeTag .tag {
width: 100%;
}
.lazycode {
.el-cascader {
width: 276px;
height: 40px;
}
}
.name {
width: 900px;
height: 40px;
}
}
/deep/.treeDialog {
width: 680px;
background: #ffffff;
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
opacity: 1;
border-radius: 8px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -223px !important;
margin-left: -340px;
z-index: 100;
}
.button {
padding: 0 32px;
height: 48px;
background: #ffffff;
box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.08);
opacity: 1;
z-index: 2;
display: flex;
align-items: center;
justify-content: flex-end;
position: fixed;
bottom: 0;
width: calc(100% - 305px);
.finish {
width: 76px;
height: 32px;
background: #0061f7;
border-radius: 4px;
color: #ffffff;
line-height: 9px;
}
.examine {
width: 92px;
}
.saveExamine {
width: 150px;
}
}
.saveButton {
padding: 0 32px;
height: 48px;
background: #fff;
// box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.08);
opacity: 1;
z-index: 4;
// display: flex;
// align-items: center;
// justify-content: flex-end;
// position: fixed;
bottom: 0;
width: calc(100% - 305px);
.finish {
width: 76px;
height: 32px;
background: #0061f7;
border-radius: 4px;
color: #ffffff;
line-height: 9px;
}
}
}
#formCommonPage .el-input.is-disabled /deep/ .el-input__inner {
color: #606266 !important;
background-color: #f1f3f4 !important;
}
#formCommonPage /deep/ .zdyInputW .el-select .is-disabled .el-input__inner {
color: #606266 !important;
background-color: #f1f3f4 !important;
}
/*警员选择*/
.jyDialog {
/deep/ .el-dialog__body {
padding: 10px 15px;
}
/deep/ .el-input__inner {
height: 30px;
line-height: 30px;
}
/deep/ .el-form-item {
margin-bottom: 14px;
}
/deep/ .ryListWrap {
height: 300px;
max-height: 400px;
overflow-y: auto;
margin: 0 15px;
}
li {
list-style-type: none;
display: inline-block;
width: 33%;
margin: 3px 0;
}
/deep/ .el-form-item {
line-height: 30px;
height: 30px;
}
}
.dragwrap {
display: flex;
padding: 10px 20px;
.contentH {
max-height: 400px;
overflow-y: auto;
}
.group-item3 {
width: 33%;
display: inline-block;
}
.group-item1 {
width: 100%;
}
.selected {
width: 565px;
display: inline-block;
margin-right: 40px;
margin-bottom: 15px;
li {
color: $base-color;
cursor: pointer;
div {
display: inline-block;
}
}
}
.waiting {
flex: 1;
display: inline-block;
margin-bottom: 15px;
li {
color: #333333;
cursor: pointer;
display: inline-block;
width: 33%;
div {
display: inline-block;
}
}
}
.select-header {
font-weight: bold;
line-height: 19px;
color: #333333;
margin: 8px 0;
}
}
//电梯
.dt_menu {
position: fixed;
top: 200px;
right: 100px;
}
#ypbg .dt_menu {
.el-steps--vertical {
cursor: pointer;
}
.el-step__icon.is-text {
border: none;
}
.el-step__icon-inner {
width: 6px;
height: 6px;
background: #dddddd;
color: transparent;
border-radius: 50%;
}
.el-step__line {
background-color: #eaeaea;
}
.el-step__icon {
height: 16px;
}
.el-step__head {
top: 4px;
}
}
</style>
<style scoped lang='scss'>
.add {
width: 1200px;
margin: 0 auto;
// height: 600px;
background: #ffffff;
border-radius: 10px;
}
.contents {
padding-bottom: 30px;
.title {
margin: 0 20px;
// width: 1200px;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 600;
line-height: 48px;
height: 48px;
color: #363636;
opacity: 1;
border-bottom: 1px solid #84d8f0;
}
}
.xsXq {
display: flex;
width: 380px;
margin-top: 10px;
}
.bt {
width: 100px;
font-weight: 400;
font-size: 14px;
font-family: Source Han Sans CN;
}
.nr {
width: 280px;
color: #808591;
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
}
.fj_item {
display: flex;
}
i.iconfont.iconfujian-wenjian {
color: #ffa456;
margin-right: 9px;
}
.cz {
line-height: 33px;
margin-left: 17px;
color: #0061f7;
cursor: pointer;
}
.zczz {
width: 1122px;
margin-top: 50px;
}
.anList {
color: #0061f7;
font-family: Source Han Sans CN;
cursor: pointer;
}
.xzs {
float: right;
border: 1px solid #0061f7;
width: 61px;
text-align: center;
margin: 0 0 10px;
color: #0061f7;
}
.icons {
position: fixed;
top: 72px;
right: 250px;
width: 60px;
height: 60px;
border-radius: 50%;
z-index: 2000;
box-shadow: 0 6px 12px rgba(#1a81e1, 0.3);
}
.aa {
transform: rotate(225deg);
transition: ease-in-out 0.3s;
box-shadow: 0 6px 12px rgba(#1a81e1, 0.3);
}
.header_nav {
margin-right: 20px;
line-height: 60px;
position: relative;
.showNav {
position: fixed;
z-index: 999;
right: 289px;
background: #fff;
box-shadow: 0 6px 12px rgba(#000, 0.2);
border-radius: 4px;
width: 185px;
top: 103px;
padding-bottom: 30px;
.nav_header_title {
color: #999999;
font-size: $ns-font-size-lg;
margin-left: 20px;
height: 50px;
}
.nav_header_item {
.nav_childitem {
font-size: $ns-font-size-lg;
display: flex;
color: #000;
height: 50px;
cursor: pointer;
}
.nav_item_name {
color: #222222;
width: 132px;
margin-left: 30px;
}
}
}
}
</style>
src/views/xshb/xshb/glgxxz.vue 0 → 100644
<template>
<div>
<form-compontent
class="formCompontent"
:formField="propFormField"
:formLabelAligns="formLabelAlign"
@submit="submit"
:propTitle="title"
></form-compontent>
</div>
</template>
<script>
import formCompontent from "@c/zczzForm.vue";
import { addXsglbsh, updateXsglbsh,getXsglbshByZjbh } from "@/api/xshb/xshb.js";
import axios from "@/utils/http.js";
import { glgx_jbxx } from "@/utils/params.js";
export default {
name: "zczz",
components: {
formCompontent,
},
data() {
return {
header: "关联关系",
title: "新增关联关系",
propFormField: [
//基本信息
{
title: "关联关系信息",
id: 1,
objStr: "",
index: 0,
data: glgx_jbxx,
},
],
formLabelAlign: {},
glxxXxzjbh: "",
xxzjbh: "",
xsbh: "",
result: {},
};
},
methods: {
submit(params) {
let loading = this.$loading({
lock: true,
text: "正在保存...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
if (!this.xxzjbh) {
this.addSubmit(params, loading);
} else {
this.editSubmit(params, loading);
}
},
windowRefresh() {
window.close();
window.opener.location.reload();
},
addSubmit(params, loading) {
params.append("xsbh", this.xsbh);
addXsglbsh(params).then((res) => {
if (res.success && res.code == 200) {
this.$alert("保存成功!", "提示", {
confirmButtonText: "确定",
type: "success",
callback: () => {
debugger
loading.close();
window.close();
},
});
} else {
loading.close();
this.$message.error("添加失败，请检查数据格式是否正确");
}
});
},
editSubmit(params, loading) {
params.append("xxzjbh", this.xxzjbh);
updateXsglbsh(params).then((res) => {
if (res.success && res.code == 200) {
this.$alert("保存成功!", "提示", {
confirmButtonText: "确定",
type: "success",
callback: () => {
loading.close();
window.close();
},
});
} else {
loading.close();
this.$message.error("添加失败，请检查数据格式是否正确");
}
});
},
getshuju() {
var self = this;
let loading = this.$loading({
lock: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
getXsglbshByZjbh({
xxzjbh: this.xxzjbh,
}).then((res) => {
var result = res.data.bsh;
this.result = result;
self.propFormField.forEach((fieldItem) => {
if (fieldItem.data && fieldItem.data.length > 0) {
fieldItem.data.forEach((i) => {
this.$set(this.formLabelAlign, i.id, result[i.id]);
});
}
this.$forceUpdate();
});
self.$set(self.formLabelAlign, "editing", true);
loading.close();
});
},
},
created() {
this.xsbh = this.$route.query.xsbh;
if (this.$route.query.xxzjbh) {
this.xxzjbh = this.$route.query.xxzjbh;
this.title = "修改关联关系";
this.getshuju();
}
},
};
</script>
<style lang="scss" scoped>
.formCompontent /deep/ {
#spbtn {
width: calc(100% - 40px);
}
}
</style>
src/views/xshb/xshb/gzjlxz/djgz.vue 0 → 100644
<template>
<div
ref="zlXq"
class="xsfk"
element-loading-text="正在加载......"
v-loading="loadingFk"
>
<div
style="
position: fixed;
width: 100%;
z-index: 99;
height: 48px;
background: #0061f7;
font-size: 18px;
font-weight: bold;
line-height: 48px;
color: #ffffff;
padding: 0 17px;
"
>
<img
style="width: 36px; margin-left: 10px"
src="~@/assets/img/login/jinhui.png"
alt=""
/>
{{ headerTitle }}
</div>
<div class="form">
<fj-sc
:xxzjbh="xxzjbh"
:shsexsbh="shsexsbh"
:jshcxxzjbh="jshcxxzjbh"
:formField="formField"
:formLabelAlign="formLabelAlign"
:propSt="st"
:rule="rules"
:propxsTitle="title"
:propBottonType="bottonType"
:url="url"
@hxShuju="ajHx(arguments)"
@xyrIdentity="xyrIdentity(arguments)"
@ajbhHx="ajbhHx"
@submit="callSubmit"
:autowidth="autowidth"
></fj-sc>
</div>
</div>
</template>
<script>
import { getAjxxByAsjbh, getXyrxxByZjhm, addXs } from "@/api/xshb/xshb.js";
import FjSc from "@/views/xshb/xshb/gzjlxz/fksc.vue";
export default {
name: "xshc",
components: {
FjSc,
},
data() {
return {
url: this.$route.query.fkid,
loadingFk: false,
headerTitle: "登记工作新增",
title: "登记工作信息",
autowidth: "1268px",
xsly: "",
codeData: [],
xmDetail: {},
xxzjbh: "",
shsexsbh: "",
ajXxzjbh: "",
result: {
xyrResult: [],
jbrResult: [],
gzryResult: [],
xdzl: [],
bjbrResult: [],
tgrResult: [],
tbrResult: [],
},
xsly: "",
xslyCode: "",
rules: {},
formField: [
{
name: "线索名称:",
id: "xsmc",
prop: "checkEmpty",
type: "text",
value: "",
placeholder: "请输入案件编号",
col: "2",
},
{
name: "线索类别:",
id: "xsfldm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XSHBFL",
value: "",
prop: "checkEmpty",
placeholder: "请选择",
col: "2",
},
{
name: "涉及地区:",
id: "sjdq",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XZQH",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "线索详情:",
id: "xsxq",
type: "textarea",
value: "",
placeholder: "请输入",
col: "textarea",
},
{
childrenAsAdd: [
{
name: "举报人信息:",
id: "jbrList",
list: [
{
name: [
{
name: "姓名:",
id: "jbrXm",
type: "text",
value: "",
prop: "checkEmpty",
placeholder: "请输入",
col: "2",
},
{
name: "性别:",
id: "jbrXbdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XB",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "身份证号:",
id: "jbrGmsfzh",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
},
{
name: "所在地区:",
id: "jbrXzqhdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XZQH",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "联系电话:",
id: "jbrLxdh",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
},
],
},
],
iconClass: "el-icon-delete",
},
],
},
{
childrenAsAdd: [
{
name: "嫌疑人信息:",
id: "xyrList",
list: [
{
name: [
{
name: "姓名:",
id: "xm",
type: "text",
prop: "checkEmpty",
value: "",
placeholder: "请输入姓名",
col: "2",
},
{
name: "性别:",
id: "xbdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XB",
prop: "checkEmpty",
value: "",
placeholder: "请选择性别",
col: "2",
},
{
name: "身份证号:",
id: "gmsfzh",
prop: "emptyAbleIdentity",
type: "textxx",
value: "",
placeholder: "请输入身份证号",
col: "2",
append: true,
},
{
name: "出生日期:",
id: "csrq",
type: "date",
value: "",
placeholder: "请选择出生日期",
col: "2",
},
{
name: "国籍:",
id: "gjdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_GJ",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "民族:",
id: "mzdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_MZ",
value: "",
placeholder: "请选择民族",
col: "2",
},
{
name: "户籍地区划:",
id: "hjdzXzqhdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XZQH",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "户籍地详址:",
id: "hjdzDzmc",
type: "text",
value: "",
placeholder: "请输入户籍地详址",
col: "2",
},
{
name: "现住址区划:",
id: "xzzXzqhdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XZQH",
// prop: "checkEmpty",
value: "",
placeholder: "请输入现住址区划",
col: "2",
},
{
name: "现住址名称:",
id: "xzzDzmc",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
},
{
name: "境外住址区划:",
id: "jwzzGjhdqdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_GJ",
value: "",
placeholder: "请选择境外住址区划",
col: "2",
},
{
name: "境外住址详址:",
id: "jwzzDzmc",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
},
{
name: "联系电话:",
id: "lxdh",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
},
{
name: "政治面貌:",
id: "zzmmdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_ZZMM",
value: "",
placeholder: "请选择政治面貌",
col: "2",
},
],
},
],
iconClass: "el-icon-delete",
},
],
},
// {
// name: '核查报告电子文档:',
// id: 'hcbgDzwd',
// fileId: 'hcbgDzwd',
// type: 'file',
// value: '0',
// placeholder: '',
// col: '1',
// requestUrl: 'http://39.99.224.27:8006/xsHcfkSp/xsHcfk',
// fileList: []
// },
// {
// name: '四长签字扫描件:',
// id: 'szqzySmj',
// fileId: 'szqzySmj',
// type: 'file',
// value: '0',
// placeholder: '',
// col: '1',
// requestUrl: 'http://39.99.224.27:8006/xsHcfkSp/xsHcfk',
// fileList: []
// },
{
name: "附件上传:",
id: "qtFj",
fileId: "qtFj",
type: "file",
value: "",
placeholder: "",
col: "1",
requestUrl: "/flwsFj/tbstasjflwsCj/save",
fileList: [],
},
],
formLabelAlign: {},
st: "xs",
bottonType: "fk",
loading: true,
xszxx: [],
isParent: "",
jshcxxzjbh: this.$route.query.jshcxxzjbh,
};
},
created() {},
methods: {
// 提取反馈的回显
getTqHxFksj() {
debugger;
this.loadingFk = true;
var self = this;
TqHxFksj({
fkxxzjbh: this.$route.query.fkxxzjbh,
newFkxxzjbh: this.$route.query.jshcxxzjbh,
}).then((res) => {
debugger;
// 线索反馈
this.loadingFk = false;
var result = res.data.fkxx;
console.log(result, "1234567890");
self.formField.forEach((item, i) => {
var fieldVale = result[item.id];
debugger;
if (item.multiple === true && item.type == "codeTree") {
if (fieldVale) {
if (fieldVale.length == 4) {
axios
.get(`JsonData/${item.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
fieldVale
)[0];
console.log(value);
item.codeOptions = [{ id: fieldVale, name: value }];
})
.catch((err) => {});
self.$set(self.formLabelAlign, item.id, fieldVale.split(","));
// self.$set(
// self.formLabelAlign,
// fieldItem.id,
// fieldVale.split(",")
// );
} else {
debugger;
axios
.get(`JsonData/${item.codeTree}.json`)
.then((codRes) => {
debugger;
var arr = fieldVale.split(",");
var obj = {};
arr.forEach((itemLise) => {
let value = this.queryTree(
codRes.data.data.rows,
itemLise
)[0];
obj.id = itemLise;
obj.name = value;
item.codeOptions.push(obj);
obj = {};
});
})
.catch((err) => {});
self.$set(self.formLabelAlign, item.id, fieldVale.split(","));
}
} else {
self.$set(self.formLabelAlign, this.formField[i].id, []);
}
} else if (item.type == "codeTree") {
debugger;
axios.get(`JsonData/${item.codeTree}.json`).then((codRes) => {
let value = self.queryTree(codRes.data.data.rows, fieldVale)[0];
item.codeOptions = [{ id: fieldVale, name: value }];
});
self.$set(self.formLabelAlign, item.id, fieldVale);
} else if (item.type == "date") {
// var singleObject = {}
// singleObject[key] = new Date(realChildrenItem[key]);
self.$set(self.formLabelAlign, item.id, new Date(fieldVale));
} else {
self.$set(self.formLabelAlign, item.id, fieldVale);
}
});
// 嫌疑人信息1:
debugger;
var result1 = res.data;
self.formField[6].childrenAsAdd.forEach((childrenIdem) => {
//有可添加子集的情况
//遍历可配置化列表的子集
self.$set(self.formLabelAlign, childrenIdem.id, []);
var realChildrenData = result1["fkxyr"];
if (realChildrenData && realChildrenData.length > 0) {
realChildrenData.forEach((realChildrenItem, childrenIndex) => {
var singleObject = {};
var dateFields = [];
var lazyLoadCodeFields = [];
if (
childrenIdem.list &&
childrenIdem.list.length > 0 &&
childrenIdem.list[0].name
) {
dateFields = childrenIdem.list[0].name.filter((fieldItem) => {
return fieldItem.type == "date";
});
dateFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
lazyLoadCodeFields = childrenIdem.list[0].name.filter(
(fieldItem) => {
return fieldItem.type == "lazyCodeTree";
}
);
lazyLoadCodeFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
}
for (var key in realChildrenItem) {
if (dateFields.indexOf(key) >= 0) {
//过滤时间
if (realChildrenItem[key]) {
singleObject[key] = new Date(realChildrenItem[key]);
}
} else if (lazyLoadCodeFields.indexOf(key) >= 0) {
} else {
singleObject[key] = realChildrenItem[key];
}
}
childrenIdem.list[0].name.forEach((currentField) => {
if (currentField.type == "lazyCodeTree") {
queryCodeByType({
type: currentField.codeTree,
id: realChildrenItem[currentField.id],
grade: "prev",
})
.then((codRes) => {
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.data.length; j++) {
var singleRow = codRes.data[j];
if (singleRow.children) {
codeArry.push(singleRow.id);
self.getChildrenCode(codeArry, singleRow);
}
}
codeArry.push(realChildrenItem[currentField.id]);
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
//改变类型使级联控件重新加载
self.$set(currentField, "type", "lazyCodeTree2");
setTimeout(() => {
self.$set(currentField, "type", "lazyCodeTree");
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
}, 5);
})
.catch((err) => {
// console.log(err);
});
} else if (currentField.type == "codeTree") {
//self.$set(self.formLabelAlign, fieldItem.id, fieldVale);
if (realChildrenItem[currentField.id]) {
axios
.get(`JsonData/${currentField.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
realChildrenItem[currentField.id]
)[0];
currentField.codeOptions = [
{
id: realChildrenItem[currentField.id],
name: value,
},
];
})
.catch((err) => {});
self.$set(
self.formLabelAlign,
currentField.id,
realChildrenItem[currentField.id]
);
}
}
});
self.$set(
self.formLabelAlign[childrenIdem.id],
childrenIndex,
singleObject
);
debugger;
});
} else {
var singleObject = {};
childrenIdem.list[0].name.forEach((val4) => {
if (
(val4.multiple == true && val4.type == "code") ||
val4.type == "lazyCodeTree"
) {
singleObject[val4.id] = [];
} else {
singleObject[val4.id] = "";
}
});
self.$set(self.formLabelAlign[childrenIdem.id], 0, singleObject);
}
});
// 涉及案件
debugger;
var result1 = res.data;
self.formField[5].childrenAsAdd.forEach((childrenIdem) => {
//有可添加子集的情况
//遍历可配置化列表的子集
self.$set(self.formLabelAlign, childrenIdem.id, []);
var realChildrenData = result1["fkaj"];
if (realChildrenData && realChildrenData.length > 0) {
realChildrenData.forEach((realChildrenItem, childrenIndex) => {
var singleObject = {};
var dateFields = [];
var lazyLoadCodeFields = [];
if (
childrenIdem.list &&
childrenIdem.list.length > 0 &&
childrenIdem.list[0].name
) {
dateFields = childrenIdem.list[0].name.filter((fieldItem) => {
return fieldItem.type == "date";
});
dateFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
lazyLoadCodeFields = childrenIdem.list[0].name.filter(
(fieldItem) => {
return fieldItem.type == "lazyCodeTree";
}
);
lazyLoadCodeFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
}
for (var key in realChildrenItem) {
if (dateFields.indexOf(key) >= 0) {
//过滤时间
if (realChildrenItem[key]) {
singleObject[key] = new Date(realChildrenItem[key]);
}
} else if (lazyLoadCodeFields.indexOf(key) >= 0) {
} else {
singleObject[key] = realChildrenItem[key];
}
}
childrenIdem.list[0].name.forEach((currentField) => {
if (currentField.type == "lazyCodeTree") {
queryCodeByType({
type: currentField.codeTree,
id: realChildrenItem[currentField.id],
grade: "prev",
})
.then((codRes) => {
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.data.length; j++) {
var singleRow = codRes.data[j];
if (singleRow.children) {
codeArry.push(singleRow.id);
self.getChildrenCode(codeArry, singleRow);
}
}
codeArry.push(realChildrenItem[currentField.id]);
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
//改变类型使级联控件重新加载
self.$set(currentField, "type", "lazyCodeTree2");
setTimeout(() => {
self.$set(currentField, "type", "lazyCodeTree");
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
}, 5);
})
.catch((err) => {
// console.log(err);
});
} else if (currentField.type == "codeTree") {
//self.$set(self.formLabelAlign, fieldItem.id, fieldVale);
if (realChildrenItem[currentField.id]) {
axios
.get(`JsonData/${currentField.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
realChildrenItem[currentField.id]
)[0];
currentField.codeOptions = [
{
id: realChildrenItem[currentField.id],
name: value,
},
];
})
.catch((err) => {});
self.$set(
self.formLabelAlign,
currentField.id,
realChildrenItem[currentField.id]
);
}
}
});
self.$set(
self.formLabelAlign[childrenIdem.id],
childrenIndex,
singleObject
);
debugger;
});
} else {
var singleObject = {};
childrenIdem.list[0].name.forEach((val4) => {
if (
(val4.multiple == true && val4.type == "code") ||
val4.type == "lazyCodeTree"
) {
singleObject[val4.id] = [];
} else {
singleObject[val4.id] = "";
}
});
self.$set(self.formLabelAlign[childrenIdem.id], 0, singleObject);
}
});
self.formLabelAlign["qtFj"] = [];
self.formLabelAlign["hcbgDzwd"] = [];
self.formLabelAlign["szqzySmj"] = [];
debugger;
let dzwd = res.data.fkfj.filter((item) => {
return item.fjlxdm == "01";
});
let szqz = res.data.fkfj.filter((item) => {
return item.fjlxdm == "02";
});
let qtfj = res.data.fkfj.filter((item) => {
return item.fjlxdm == "03";
});
dzwd.forEach((item, index) => {
self.formLabelAlign["hcbgDzwd"][index] = {
name: item.jshcfjDzwjmc,
url: item.jshcfjDzwjwz,
xxzjbh: item.xxzjbh,
};
});
szqz.forEach((item, index) => {
self.formLabelAlign["szqzySmj"][index] = {
name: item.jshcfjDzwjmc,
url: item.jshcfjDzwjwz,
xxzjbh: item.xxzjbh,
};
});
qtfj.forEach((item, index) => {
self.formLabelAlign["qtFj"][index] = {
name: item.jshcfjDzwjmc,
url: item.jshcfjDzwjwz,
xxzjbh: item.xxzjbh,
};
});
});
self.$set(self.formLabelAlign, "editing", true);
self.$forceUpdate();
},
//案件回显
ajHx(content) {
var self = this;
debugger;
getAjxxByAsjbh({
asjbh: content[0],
}).then((res) => {
var result = res.data.asj;
self.formField[2].childrenAsAdd[0].list[0].name.forEach((item) => {
var fieldVale = result[item.id];
self.$set(
self.formLabelAlign.asjList[content[1]],
item.id,
fieldVale
);
});
var result = res.data.asj;
self.formField[2].childrenAsAdd[0].list[0].name.forEach((item) => {
var fieldVale = result[item.id];
if (item.type == "codeTree") {
axios.get(`JsonData/${item.codeTree}.json`).then((codRes) => {
let value = self.queryTree(codRes.data.data.rows, fieldVale)[0];
item.codeOptions = [{ id: fieldVale, name: value }];
});
self.$set(
self.formLabelAlign.asjList[content[1]],
item.id,
fieldVale
);
} else if (item.type == "date") {
debugger;
// var singleObject = {}
// singleObject[key] = new Date(realChildrenItem[key]);
if (fieldVale == null) {
self.$set(self.formLabelAlign.asjList[content[1]], item.id, "");
} else {
self.$set(
self.formLabelAlign.asjList[content[1]],
item.id,
new Date(fieldVale)
);
}
} else {
// singleObject[key] = new Date(realChildrenItem[key]);
if (fieldVale == null) {
self.$set(self.formLabelAlign.asjList[content[1]], item.id, "");
} else {
self.$set(
self.formLabelAlign.asjList[content[1]],
item.id,
fieldVale
);
}
}
});
});
},
// 嫌疑人提取回显
xyrIdentity(content) {
debugger;
this.loadingFk = true;
var self = this;
this.loading = true;
getXyrxxByZjhm({
gmsfzh: content[0],
}).then((res) => {
// 嫌疑人信息1
var result = res.data.xyr;
self.formField[5].childrenAsAdd[0].list[0].name.forEach((item) => {
var fieldVale = result[item.id];
self.$set(
self.formLabelAlign.xyrList[content[1]],
item.id,
fieldVale
);
});
var result = res.data.xyr;
self.formField[5].childrenAsAdd[0].list[0].name.forEach((item) => {
var fieldVale = result[item.id];
if (item.type == "codeTree") {
axios.get(`JsonData/${item.codeTree}.json`).then((codRes) => {
let value = self.queryTree(codRes.data.data.rows, fieldVale)[0];
item.codeOptions = [{ id: fieldVale, name: value }];
});
self.$set(
self.formLabelAlign.xyrList[content[1]],
item.id,
fieldVale
);
} else if (item.type == "date") {
debugger;
// var singleObject = {}
// singleObject[key] = new Date(realChildrenItem[key]);
if (fieldVale == null) {
self.$set(self.formLabelAlign.xyrList[content[1]], item.id, "");
} else {
self.$set(
self.formLabelAlign.xyrList[content[1]],
item.id,
new Date(fieldVale)
);
}
} else {
// singleObject[key] = new Date(realChildrenItem[key]);
if (fieldVale == null) {
self.$set(self.formLabelAlign.xyrList[content[1]], item.id, "");
} else {
self.$set(
self.formLabelAlign.xyrList[content[1]],
item.id,
fieldVale
);
}
}
});
this.loadingFk = false;
this.loading = false;
});
},
// 案件编号回显
ajbhHx(content) {
var self = this;
this.loadingFk = true;
this.loading = true;
debugger;
getAjAndXyrByAsjbh({
asjbh: content,
}).then((res) => {
debugger;
var result1 = res.data;
self.formField[5].childrenAsAdd.forEach((childrenIdem) => {
//有可添加子集的情况
//遍历可配置化列表的子集
self.$set(self.formLabelAlign, childrenIdem.id, []);
var realChildrenData = result1["laList"];
if (realChildrenData && realChildrenData.length > 0) {
realChildrenData.forEach((realChildrenItem, childrenIndex) => {
var singleObject = {};
var dateFields = [];
var lazyLoadCodeFields = [];
if (
childrenIdem.list &&
childrenIdem.list.length > 0 &&
childrenIdem.list[0].name
) {
dateFields = childrenIdem.list[0].name.filter((fieldItem) => {
return fieldItem.type == "date";
});
dateFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
lazyLoadCodeFields = childrenIdem.list[0].name.filter(
(fieldItem) => {
return fieldItem.type == "lazyCodeTree";
}
);
lazyLoadCodeFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
}
for (var key in realChildrenItem) {
if (dateFields.indexOf(key) >= 0) {
//过滤时间
if (realChildrenItem[key]) {
singleObject[key] = new Date(realChildrenItem[key]);
}
} else if (lazyLoadCodeFields.indexOf(key) >= 0) {
} else {
singleObject[key] = realChildrenItem[key];
}
}
childrenIdem.list[0].name.forEach((currentField) => {
if (currentField.type == "lazyCodeTree") {
queryCodeByType({
type: currentField.codeTree,
id: realChildrenItem[currentField.id],
grade: "prev",
})
.then((codRes) => {
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.data.length; j++) {
var singleRow = codRes.data[j];
if (singleRow.children) {
codeArry.push(singleRow.id);
self.getChildrenCode(codeArry, singleRow);
}
}
codeArry.push(realChildrenItem[currentField.id]);
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
//改变类型使级联控件重新加载
self.$set(currentField, "type", "lazyCodeTree2");
setTimeout(() => {
self.$set(currentField, "type", "lazyCodeTree");
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
}, 5);
})
.catch((err) => {
// console.log(err);
});
} else if (currentField.type == "codeTree") {
//self.$set(self.formLabelAlign, fieldItem.id, fieldVale);
if (realChildrenItem[currentField.id]) {
axios
.get(`JsonData/${currentField.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
realChildrenItem[currentField.id]
)[0];
currentField.codeOptions = [
{
id: realChildrenItem[currentField.id],
name: value,
},
];
})
.catch((err) => {});
self.$set(
self.formLabelAlign,
currentField.id,
realChildrenItem[currentField.id]
);
}
}
});
self.$set(
self.formLabelAlign[childrenIdem.id],
childrenIndex,
singleObject
);
debugger;
});
} else {
var singleObject = {};
childrenIdem.list[0].name.forEach((val4) => {
if (
(val4.multiple == true && val4.type == "code") ||
val4.type == "lazyCodeTree"
) {
singleObject[val4.id] = [];
} else {
singleObject[val4.id] = "";
}
});
self.$set(self.formLabelAlign[childrenIdem.id], 0, singleObject);
}
this.loadingFk = false;
this.loading = false;
});
// 嫌疑人信息1:
debugger;
var result1 = res.data;
self.formField[6].childrenAsAdd.forEach((childrenIdem) => {
//有可添加子集的情况
//遍历可配置化列表的子集
self.$set(self.formLabelAlign, childrenIdem.id, []);
var realChildrenData = result1["xyrList"];
if (realChildrenData && realChildrenData.length > 0) {
realChildrenData.forEach((realChildrenItem, childrenIndex) => {
var singleObject = {};
var dateFields = [];
var lazyLoadCodeFields = [];
if (
childrenIdem.list &&
childrenIdem.list.length > 0 &&
childrenIdem.list[0].name
) {
dateFields = childrenIdem.list[0].name.filter((fieldItem) => {
return fieldItem.type == "date";
});
dateFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
lazyLoadCodeFields = childrenIdem.list[0].name.filter(
(fieldItem) => {
return fieldItem.type == "lazyCodeTree";
}
);
lazyLoadCodeFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
}
for (var key in realChildrenItem) {
if (dateFields.indexOf(key) >= 0) {
//过滤时间
if (realChildrenItem[key]) {
singleObject[key] = new Date(realChildrenItem[key]);
}
} else if (lazyLoadCodeFields.indexOf(key) >= 0) {
} else {
singleObject[key] = realChildrenItem[key];
}
}
childrenIdem.list[0].name.forEach((currentField) => {
if (currentField.type == "lazyCodeTree") {
queryCodeByType({
type: currentField.codeTree,
id: realChildrenItem[currentField.id],
grade: "prev",
})
.then((codRes) => {
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.data.length; j++) {
var singleRow = codRes.data[j];
if (singleRow.children) {
codeArry.push(singleRow.id);
self.getChildrenCode(codeArry, singleRow);
}
}
codeArry.push(realChildrenItem[currentField.id]);
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
//改变类型使级联控件重新加载
self.$set(currentField, "type", "lazyCodeTree2");
setTimeout(() => {
self.$set(currentField, "type", "lazyCodeTree");
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
}, 5);
})
.catch((err) => {
// console.log(err);
});
} else if (currentField.type == "codeTree") {
//self.$set(self.formLabelAlign, fieldItem.id, fieldVale);
if (realChildrenItem[currentField.id]) {
axios
.get(`JsonData/${currentField.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
realChildrenItem[currentField.id]
)[0];
currentField.codeOptions = [
{
id: realChildrenItem[currentField.id],
name: value,
},
];
})
.catch((err) => {});
self.$set(
self.formLabelAlign,
currentField.id,
realChildrenItem[currentField.id]
);
}
}
});
self.$set(
self.formLabelAlign[childrenIdem.id],
childrenIndex,
singleObject
);
debugger;
});
} else {
var singleObject = {};
childrenIdem.list[0].name.forEach((val4) => {
if (
(val4.multiple == true && val4.type == "code") ||
val4.type == "lazyCodeTree"
) {
singleObject[val4.id] = [];
} else {
singleObject[val4.id] = "";
}
});
self.$set(self.formLabelAlign[childrenIdem.id], 0, singleObject);
}
});
});
},
// 搜索树状数据中的 ID
queryTree(tree, id) {
debugger;
const tmp = []; // 路径数组
const FindPos = (sourceTree, sourceId) => {
if (sourceTree.id == sourceId) {
tmp.push(sourceTree.label);
return;
} else {
if (sourceTree.children && sourceTree.children.length != 0) {
sourceTree.children.forEach((item) => {
if (item.id === sourceId) {
// 寻找到指定的元素节点
tmp.push(item.label);
FindPos(tree, sourceTree.id); // 继续寻找上层元素的位置
} else {
// 当前继续寻找别的子项
FindPos(item, sourceId);
}
});
}
}
};
tree.forEach((item2) => {
FindPos(item2, id);
});
return tmp.reverse();
},
//获取子线索信息
getXsJbxxs() {
getXsJbxxsByPid({
pid: this.shsexsbh,
}).then((res) => {
var obj = {};
res.data.xsxxList.forEach((item) => {
obj.xsname = item.shsexsmc;
obj.lrrname = item.xxdjryXm;
obj.lrsj = item.djsj;
obj.shsexsbh = item.shsexsbh;
this.xszxx.push(obj);
obj = {};
});
});
},
//初始化表单
initFields() {
var self = this;
for (var i = 0; i < this.formField.length; i++) {
//遍历可配置化数组
if (this.formField[i].prop) {
this.rules[this.formField[i].id] =
this.$rules[this.formField[i].prop];
//如果有规则的话 拿到全局的规则 规则是一个数组，数组里是对象 将规则复制到所绑定的对象那个中去，然后每一项绑定对象
}
}
},
getCode() {
axios
.get(`JsonData/CODE_SHCE_SJHYLYDM.json`)
.then((res) => {
this.codeData = res.data.data.rows;
})
.catch((err) => {
console.log(err);
});
},
//提交
callSubmit(params, fileLists) {
debugger;
this.loadingFk = true;
this.loading = true;
let arr = {}
fileLists.qtFj.forEach( item => {
arr = item.raw
})
params.append('fileList', arr)
addXs(params).then((res) => {
if (res.code == "200") {
this.$alert("提交成功!", "提示", {
confirmButtonText: "确定",
type: "success",
callback: () => {
window.opener.location.reload();
window.close();
this.loading = false;
this.loadingFk = false;
},
});
}
});
},
//指令详情信息查询
getZlxx() {
var self = this;
getZlxqAllByBh({
xxzjbh: this.xxzjbh,
}).then((res) => {
self.xsList[0].xstz = res.data.zlxq;
// self.getXsTzFj(res.data.zlxq.shsexsbh)
});
},
//获取线索信息
getAjDetail() {
var self = this;
getShsexsXq({
shsexsbh: self.shsexsbh,
page: 1,
rows: 5,
}).then((res) => {
// if (res.data.xs.sfbjPdbz == '是') {
// self.xsList[1].vShow = true
// self.getXsbjFj()
// self.xsList[1].xsxx.forEach(item => {
// item.content = res.data.xs[item.id]
// })
// }
self.xsList[0].xsxx.forEach((item) => {
item.content = res.data.xs[item.id];
});
self.xsly = res.data.xs.shsexslydm;
self.isParent = res.data.xs.isparent;
if (self.xsly == "群众来信" || self.xsly == "群众来电") {
self.xslyCode == "1";
}
setTimeout(() => {
self.loading = false;
}, 100);
});
},
getDetails(res, i) {
var self = this;
self.xsList[0].xsss[i].page.total = res.data.total;
var obj = {};
var key = "";
var value = "";
res.data.rows.forEach((item) => {
self.xsList[0].xsss[i].tableList.forEach((subItem) => {
obj[subItem.prop] = item[subItem.prop];
});
self.xsList[0].xsss[i].shuju.push(obj);
obj = {};
});
},
//嫌疑人信息
getXyrDetail() {
var self = this;
getXsglxyrList({
shsexsbh: this.shsexsbh,
page: self.xsList[0].xsss[0].page.currentPage,
rows: self.xsList[0].xsss[0].page.pageSize,
}).then((res) => {
if (self.xslyCode == "1") {
self.getDetails(res, 5);
self.result.bjbrResult = res.data.rows;
self.xsList[0].xsss[5].type = "show";
self.xsList[0].xsss[0].type = "";
} else {
self.getDetails(res, 0);
self.result.xyrResult = res.data.rows;
self.xsList[0].xsss[0].type = "show";
self.xsList[0].xsss[5].type = "";
}
});
self.xsList[0].xsss[0].shuju = [];
},
//举报人信息
getJbrDetail() {
var self = this;
getXsgljbrList({
shsexsbh: this.shsexsbh,
page: self.xsList[0].xsss[1].page.currentPage,
rows: self.xsList[0].xsss[1].page.pageSize,
}).then((res) => {
if (res.data.rows[0].jbrxm) {
self.getDetails(res, 1);
self.result.jbrResult = res.data.rows;
self.xsList[0].xsss[1].type = "show";
self.xsList[0].xsss[3].type = "";
self.xsList[0].xsss[4].type = "";
} else if (res.data.rows[0].tbrxm) {
self.getDetails(res, 3);
self.result.jbrResult = res.data.rows;
self.xsList[0].xsss[3].type = "show";
self.xsList[0].xsss[4].type = "";
self.xsList[0].xsss[1].type = "";
} else if (res.data.rows[0].xstgrbm) {
self.getDetails(res, 4);
self.result.tgrResult = res.data.rows;
self.xsList[0].xsss[4].type = "show";
self.xsList[0].xsss[1].type = "";
self.xsList[0].xsss[3].type = "";
}
});
self.xsList[0].xsss[1].shuju = [];
},
//公职人员信息
getGzryDetail() {
var self = this;
getSjgzryList({
shsexsbh: this.shsexsbh,
page: self.xsList[0].xsss[2].page.currentPage,
rows: 5,
}).then((res) => {
self.getDetails(res, 2);
self.result.gzryResult = res.data.rows;
if (res.data.rows[0].gzryXm) {
self.xsList[0].xsss[2].type = "show";
} else {
self.xsList[0].xsss[2].type = "";
}
});
self.xsList[0].xsss[2].shuju = [];
},
getXsFj() {
var self = this;
getXsfjByXsbh({
shsexsbh: self.shsexsbh,
}).then((res) => {
var obj = {};
var key = "";
var value = "";
res.data.rows.forEach((item) => {
obj.fjName = item.xsfjDzwjmc;
obj.xxzjbh = item.xxzjbh;
obj.type = "no";
self.xsList[0].xsFj.default.push(obj);
obj = {};
});
});
},
},
watch: {
// 'formLabelAlign.hcjgdm': {
// handler: function (val, oldval) {
// debugger
// console.log(val)
// if (val == '02' || val == '03') {
// this.rules['hcfkglxyr.xm'] = this.$rules.checkEmpty
// this.rules['hcfkglxyr.gmsfzh'] = this.$rules.checkEmpty
// this.rules['asjbh'] = this.$rules.checkEmpty
// // this.$set(this.rules, 'hcfkglxyr.xm', this.$rules.checkEmpty)
// // this.$set(this.rules, 'hcfkglxyr.gmsfzh', this.$rules.checkEmpty)
// // this.rules.hcfkglxyr.xm = this.$rules.checkEmpty
// // this.rules.hcfkglxyr.gmsfzh = this.$rules.checkEmpty
// this.initFields()
// } else {
// this.rules['hcfkglxyr.xm'] = null
// this.rules['asjbh'] = null
// this.rules['hcfkglxyr.gmsfzh'] = null
// // this.$set(this.rules, 'hcfkglxyr.xm', '')
// // this.$set(this.rules, 'hcfkglxyr.gmsfzh', '')
// this.$forceUpdate()
// }
// },
// deep: true
// },
// formLabelAlign: {
// handler: function (val, oldval) {
// console.log(val)
// if (this.$route.query.fkid) {
// this.rules['hcjgdm'] = this.$rules.checkEmpty
// this.rules['sjhyly'] = this.$rules.checkEmpty
// this.rules['fknrJyqk'] = this.$rules.checkEmpty
// this.initFields()
// } else {
// this.rules['hcjgdm'] = null
// this.rules['sjhyly'] = null
// this.rules['fknrJyqk'] = null
// this.$forceUpdate()
// }
// if (val.hcjgdm == '04') {
// this.rules['sjhyly'] = null
// this.rules['fknrJyqk'] = null
// }
// },
// deep: true
// }
},
};
</script>
<style lang="scss" scoped>
.xsfk {
/deep/.el-loading-spinner {
// top: 72%;
// margin-top: -21px;
// width: 100%;
// text-align: center;
// position: absolute;
position: fixed;
top: 50%;
}
// background-image: url(../../assets/img/bj.png);
background-repeat: no-repeat;
background-attachment: scroll;
max-height: 100%;
overflow-y: scroll;
/deep/.el-loading-mask {
height: 249%;
position: absolute;
z-index: 2000;
background-color: rgba(255, 255, 255, 0.9);
margin: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: opacity 0.3s;
}
}
.form {
margin-top: 85px;
/deep/ .formContent .allForm {
margin: 0 !important;
}
/deep/ .itemtextarea .el-textarea__inner {
width: 800px;
}
/deep/ #formCommonPage .formContent .childrenAsAdd .addContent {
width: 1000px;
margin-left: 140px;
margin-top: 0px;
margin-bottom: 16px !important;
padding-top: 10px;
}
/deep/ #formCommonPage .formContent .addChildBtn .el-button {
width: 1000px;
}
/deep/ #formCommonPage .formContent .addChildBtn {
margin-top: 0 !important;
}
/deep/ #formCommonPage .formContent {
padding-left: 15px;
}
}
.det /deep/ #xsDet .xs_main .content .xs .xs_xq .xs_xq_wrap .xs_xq_contents {
&:nth-child(5) {
width: 600px;
}
}
.det /deep/ #xsDet .xs_main .content .xs .xs_xq {
padding-left: 35px;
}
.det
/deep/
#xsDet
.xs_main
.content
.xs
.xs_xq
.xs_xq_wrap
.xs_xq_contents
.xs_xq_content {
width: 250px;
}
.det
/deep/
#xsDet
.xs_main
.content
.xs
.xs_xq
.xs_xq_wrap
.xs_xq_contents
.xs_xq_name {
width: 118px;
}
.det /deep/ #xsDet .xs_main .content .xs .xs_xq .xs_xq_wrap {
width: 1280px;
}
.det /deep/ #xsDet .xs_main .content .xs .xs_form .name {
width: 118px;
min-width: 118px;
}
.det /deep/ #xsDet .xs_main .content .xs .xs_fj .fj_title {
width: 118px;
min-width: 118px;
}
.det /deep/ #xsDet .xs_main .content {
margin-left: 7px;
}
.hcfksh {
width: 1400px;
margin: 10px auto;
box-shadow: 0px 1px 2px rgba($color: #000000, $alpha: 0.2);
padding: 20px;
background: #fff;
color: #8c97a0;
.content_item {
.name {
color: $base-color;
}
.ba_radio {
display: flex;
}
}
}
</style>
<style lang="scss" scoped>
// .xshc /deep/ #xsDet .xs_main {
// margin-left: 7px;
// }
.form /deep/ .childrenAsAdd {
.addName {
width: 110px !important;
}
}
/deep/.el-button {
margin-right: -19px !important;
}
/deep/.el-dialog__header {
background: #0081f7 !important;
}
/deep/.el-dialog {
position: relative;
margin: 0 auto 50px;
border-radius: 2px;
box-sizing: border-box;
width: 50%;
}
</style>
src/views/xshb/xshb/gzjlxz/fksc.vue 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/views/xshb/xshb/gzjlxz/gzjl.vue 0 → 100644
<template>
<div
ref="zlXq"
class="xsfk"
element-loading-text="正在加载......"
v-loading="loadingFk"
>
<div
style="
position: fixed;
width: 100%;
z-index: 99;
height: 48px;
background: #0061f7;
font-size: 18px;
font-weight: bold;
line-height: 48px;
color: #ffffff;
padding: 0 17px;
"
>
<img
style="width: 36px; margin-left: 10px"
src="~@/assets/img/login/jinhui.png"
alt=""
/>
{{ headerTitle }}
</div>
<div class="form">
<fj-sc
:xxzjbh="xxzjbh"
:shsexsbh="shsexsbh"
:jshcxxzjbh="jshcxxzjbh"
:formField="formField"
:formLabelAlign="formLabelAlign"
:propSt="st"
:rule="rules"
:propxsTitle="title"
:propBottonType="bottonType"
:url="url"
@hxShuju="ajHx(arguments)"
@xyrIdentity="xyrIdentity(arguments)"
@ajbhHx="ajbhHx"
@submit="callSubmit"
:autowidth="autowidth"
></fj-sc>
</div>
</div>
</template>
<script>
import {
getAjxxByAsjbh,
getXyrxxByZjhm,
addHcxx,
} from "@/api/xshb/xshb.js";
import FjSc from "@/views/xshb/xshb/gzjlxz/fksc.vue";
export default {
name: "xshc",
components: {
FjSc,
},
data() {
return {
url: this.$route.query.fkid,
loadingFk: false,
headerTitle: "工作结论新增",
title: "工作结论信息",
autowidth: "1268px",
xsly: "",
codeData: [],
xmDetail: {},
xxzjbh: "",
shsexsbh: "",
ajXxzjbh: "",
result: {
xyrResult: [],
jbrResult: [],
gzryResult: [],
xdzl: [],
bjbrResult: [],
tgrResult: [],
tbrResult: [],
},
xsly: "",
xslyCode: "",
rules: {},
formField: [
{
name: "办结结果:",
id: "hcjgdm",
ids: "hcjgdm",
value: "",
placeholder: "请选择",
codeOptions: [],
type: "codeTree",
codeTree: "CODE_XSHBJGDM",
prop: "checkEmpty",
col: "2",
},
{
name: "工作结论:",
id: "hcnrJyqk",
prop: "checkEmpty",
type: "textarea",
value: "",
placeholder: "请输入",
col: "textarea",
},
{
childrenAsAdd: [
{
name: "案件信息:",
id: "asjList",
list: [
{
name: [
{
name: "案件编号:",
id: "asjbh",
prop: "checkEmpty",
type: "text",
value: "",
placeholder: "请输入案件编号",
col: "2",
append: true,
},
{
name: "侦查阶段:",
id: "zcjddm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_ZCJDDM",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "案件类别:",
id: "ajlbdm",
type: "codeTree",
codeOptions: [],
prop: "checkEmpty",
codeTree: "CODE_AJLB",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "案件名称:",
id: "ajmc",
type: "text",
value: "",
prop: "checkEmpty",
placeholder: "请输入",
col: "2",
},
{
name: "案发时间:",
id: "asjfssjAsjfskssj",
prop: "checkEmpty",
type: "date",
value: "",
placeholder: "请选择日期",
col: "2",
},
{
name: "案发地区划:",
id: "asjfsddXzqhdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XZQH",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "立案单位:",
id: "ladwGajgjgdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_UNIT",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "立案日期:",
id: "larq",
prop: "checkEmpty",
type: "date",
value: "",
placeholder: "请选择日期",
col: "2",
},
{
name: "案发地详址:",
id: "asjfsddDzmc",
type: "textarea",
value: "",
placeholder: "请输入",
col: "childtext",
bj: "1",
},
{
name: "案情简要:",
id: "jyaq",
type: "textarea",
value: "",
placeholder: "请输入",
col: "childtext",
bj: "1",
},
],
},
],
iconClass: "el-icon-delete",
},
],
},
{
childrenAsAdd: [
{
name: "嫌疑人信息:",
id: "xyrList",
list: [
{
name: [
{
name: "姓名:",
id: "xm",
type: "text",
prop: "checkEmpty",
value: "",
placeholder: "请输入姓名",
col: "2",
},
{
name: "性别:",
id: "xbdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XB",
prop: "checkEmpty",
value: "",
placeholder: "请选择性别",
col: "2",
},
{
name: "身份证号:",
id: "gmsfzh",
prop: "emptyAbleIdentity",
type: "textxx",
value: "",
placeholder: "请输入身份证号",
col: "2",
append: true,
},
{
name: "出生日期:",
id: "csrq",
type: "date",
value: "",
placeholder: "请选择出生日期",
col: "2",
},
{
name: "国籍:",
id: "gjdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_GJ",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "民族:",
id: "mzdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_MZ",
value: "",
placeholder: "请选择民族",
col: "2",
},
{
name: "户籍地区划:",
id: "hjdzXzqhdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XZQH",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "户籍地详址:",
id: "hjdzDzmc",
type: "text",
value: "",
placeholder: "请输入户籍地详址",
col: "2",
},
{
name: "现住址区划:",
id: "xzzXzqhdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XZQH",
prop: "checkEmpty",
value: "",
placeholder: "请输入现住址区划",
col: "2",
},
{
name: "现住址名称:",
id: "xzzDzmc",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
},
{
name: "境外住址区划:",
id: "jwzzGjhdqdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_GJ",
value: "",
placeholder: "请选择境外住址区划",
col: "2",
},
{
name: "境外住址详址:",
id: "jwzzDzmc",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
},
{
name: "联系电话:",
id: "lxdh",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
},
{
name: "政治面貌:",
id: "zzmmdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_ZZMM",
value: "",
placeholder: "请选择政治面貌",
col: "2",
},
],
},
],
iconClass: "el-icon-delete",
},
],
},
// {
// name: '核查报告电子文档:',
// id: 'hcbgDzwd',
// fileId: 'hcbgDzwd',
// type: 'file',
// value: '0',
// placeholder: '',
// col: '1',
// requestUrl: 'http://39.99.224.27:8006/xsHcfkSp/xsHcfk',
// fileList: []
// },
// {
// name: '四长签字扫描件:',
// id: 'szqzySmj',
// fileId: 'szqzySmj',
// type: 'file',
// value: '0',
// placeholder: '',
// col: '1',
// requestUrl: 'http://39.99.224.27:8006/xsHcfkSp/xsHcfk',
// fileList: []
// },
// {
// name: '其它附件:',
// id: 'qtFj',
// fileId: 'qtFj',
// type: 'file',
// value: '',
// placeholder: '',
// col: '1',
// requestUrl: 'http://39.99.224.27:8006/xsHcfkSp/xsHcfk',
// fileList: []
// }
],
formLabelAlign: {},
st: "hc",
bottonType: "fk",
loading: true,
xszxx: [],
isParent: "",
jshcxxzjbh: this.$route.query.jshcxxzjbh,
};
},
created() {
},
methods: {
// 提取反馈的回显
getTqHxFksj() {
debugger;
this.loadingFk = true;
var self = this;
TqHxFksj({
fkxxzjbh: this.$route.query.fkxxzjbh,
newFkxxzjbh: this.$route.query.jshcxxzjbh,
}).then((res) => {
debugger;
// 线索反馈
this.loadingFk = false;
var result = res.data.fkxx;
console.log(result, "1234567890");
self.formField.forEach((item, i) => {
var fieldVale = result[item.id];
debugger;
if (item.multiple === true && item.type == "codeTree") {
if (fieldVale) {
if (fieldVale.length == 4) {
axios
.get(`JsonData/${item.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
fieldVale
)[0];
console.log(value);
item.codeOptions = [{ id: fieldVale, name: value }];
})
.catch((err) => {});
self.$set(self.formLabelAlign, item.id, fieldVale.split(","));
// self.$set(
// self.formLabelAlign,
// fieldItem.id,
// fieldVale.split(",")
// );
} else {
debugger;
axios
.get(`JsonData/${item.codeTree}.json`)
.then((codRes) => {
debugger;
var arr = fieldVale.split(",");
var obj = {};
arr.forEach((itemLise) => {
let value = this.queryTree(
codRes.data.data.rows,
itemLise
)[0];
obj.id = itemLise;
obj.name = value;
item.codeOptions.push(obj);
obj = {};
});
})
.catch((err) => {});
self.$set(self.formLabelAlign, item.id, fieldVale.split(","));
}
} else {
self.$set(self.formLabelAlign, this.formField[i].id, []);
}
} else if (item.type == "codeTree") {
debugger;
axios.get(`JsonData/${item.codeTree}.json`).then((codRes) => {
let value = self.queryTree(codRes.data.data.rows, fieldVale)[0];
item.codeOptions = [{ id: fieldVale, name: value }];
});
self.$set(self.formLabelAlign, item.id, fieldVale);
} else if (item.type == "date") {
// var singleObject = {}
// singleObject[key] = new Date(realChildrenItem[key]);
self.$set(self.formLabelAlign, item.id, new Date(fieldVale));
} else {
self.$set(self.formLabelAlign, item.id, fieldVale);
}
});
// 嫌疑人信息1:
debugger;
var result1 = res.data;
self.formField[6].childrenAsAdd.forEach((childrenIdem) => {
//有可添加子集的情况
//遍历可配置化列表的子集
self.$set(self.formLabelAlign, childrenIdem.id, []);
var realChildrenData = result1["fkxyr"];
if (realChildrenData && realChildrenData.length > 0) {
realChildrenData.forEach((realChildrenItem, childrenIndex) => {
var singleObject = {};
var dateFields = [];
var lazyLoadCodeFields = [];
if (
childrenIdem.list &&
childrenIdem.list.length > 0 &&
childrenIdem.list[0].name
) {
dateFields = childrenIdem.list[0].name.filter((fieldItem) => {
return fieldItem.type == "date";
});
dateFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
lazyLoadCodeFields = childrenIdem.list[0].name.filter(
(fieldItem) => {
return fieldItem.type == "lazyCodeTree";
}
);
lazyLoadCodeFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
}
for (var key in realChildrenItem) {
if (dateFields.indexOf(key) >= 0) {
//过滤时间
if (realChildrenItem[key]) {
singleObject[key] = new Date(realChildrenItem[key]);
}
} else if (lazyLoadCodeFields.indexOf(key) >= 0) {
} else {
singleObject[key] = realChildrenItem[key];
}
}
childrenIdem.list[0].name.forEach((currentField) => {
if (currentField.type == "lazyCodeTree") {
queryCodeByType({
type: currentField.codeTree,
id: realChildrenItem[currentField.id],
grade: "prev",
})
.then((codRes) => {
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.data.length; j++) {
var singleRow = codRes.data[j];
if (singleRow.children) {
codeArry.push(singleRow.id);
self.getChildrenCode(codeArry, singleRow);
}
}
codeArry.push(realChildrenItem[currentField.id]);
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
//改变类型使级联控件重新加载
self.$set(currentField, "type", "lazyCodeTree2");
setTimeout(() => {
self.$set(currentField, "type", "lazyCodeTree");
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
}, 5);
})
.catch((err) => {
// console.log(err);
});
} else if (currentField.type == "codeTree") {
//self.$set(self.formLabelAlign, fieldItem.id, fieldVale);
if (realChildrenItem[currentField.id]) {
axios
.get(`JsonData/${currentField.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
realChildrenItem[currentField.id]
)[0];
currentField.codeOptions = [
{
id: realChildrenItem[currentField.id],
name: value,
},
];
})
.catch((err) => {});
self.$set(
self.formLabelAlign,
currentField.id,
realChildrenItem[currentField.id]
);
}
}
});
self.$set(
self.formLabelAlign[childrenIdem.id],
childrenIndex,
singleObject
);
debugger;
});
} else {
var singleObject = {};
childrenIdem.list[0].name.forEach((val4) => {
if (
(val4.multiple == true && val4.type == "code") ||
val4.type == "lazyCodeTree"
) {
singleObject[val4.id] = [];
} else {
singleObject[val4.id] = "";
}
});
self.$set(self.formLabelAlign[childrenIdem.id], 0, singleObject);
}
});
// 涉及案件
debugger;
var result1 = res.data;
self.formField[5].childrenAsAdd.forEach((childrenIdem) => {
//有可添加子集的情况
//遍历可配置化列表的子集
self.$set(self.formLabelAlign, childrenIdem.id, []);
var realChildrenData = result1["fkaj"];
if (realChildrenData && realChildrenData.length > 0) {
realChildrenData.forEach((realChildrenItem, childrenIndex) => {
var singleObject = {};
var dateFields = [];
var lazyLoadCodeFields = [];
if (
childrenIdem.list &&
childrenIdem.list.length > 0 &&
childrenIdem.list[0].name
) {
dateFields = childrenIdem.list[0].name.filter((fieldItem) => {
return fieldItem.type == "date";
});
dateFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
lazyLoadCodeFields = childrenIdem.list[0].name.filter(
(fieldItem) => {
return fieldItem.type == "lazyCodeTree";
}
);
lazyLoadCodeFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
}
for (var key in realChildrenItem) {
if (dateFields.indexOf(key) >= 0) {
//过滤时间
if (realChildrenItem[key]) {
singleObject[key] = new Date(realChildrenItem[key]);
}
} else if (lazyLoadCodeFields.indexOf(key) >= 0) {
} else {
singleObject[key] = realChildrenItem[key];
}
}
childrenIdem.list[0].name.forEach((currentField) => {
if (currentField.type == "lazyCodeTree") {
queryCodeByType({
type: currentField.codeTree,
id: realChildrenItem[currentField.id],
grade: "prev",
})
.then((codRes) => {
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.data.length; j++) {
var singleRow = codRes.data[j];
if (singleRow.children) {
codeArry.push(singleRow.id);
self.getChildrenCode(codeArry, singleRow);
}
}
codeArry.push(realChildrenItem[currentField.id]);
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
//改变类型使级联控件重新加载
self.$set(currentField, "type", "lazyCodeTree2");
setTimeout(() => {
self.$set(currentField, "type", "lazyCodeTree");
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
}, 5);
})
.catch((err) => {
// console.log(err);
});
} else if (currentField.type == "codeTree") {
//self.$set(self.formLabelAlign, fieldItem.id, fieldVale);
if (realChildrenItem[currentField.id]) {
axios
.get(`JsonData/${currentField.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
realChildrenItem[currentField.id]
)[0];
currentField.codeOptions = [
{
id: realChildrenItem[currentField.id],
name: value,
},
];
})
.catch((err) => {});
self.$set(
self.formLabelAlign,
currentField.id,
realChildrenItem[currentField.id]
);
}
}
});
self.$set(
self.formLabelAlign[childrenIdem.id],
childrenIndex,
singleObject
);
debugger;
});
} else {
var singleObject = {};
childrenIdem.list[0].name.forEach((val4) => {
if (
(val4.multiple == true && val4.type == "code") ||
val4.type == "lazyCodeTree"
) {
singleObject[val4.id] = [];
} else {
singleObject[val4.id] = "";
}
});
self.$set(self.formLabelAlign[childrenIdem.id], 0, singleObject);
}
});
self.formLabelAlign["qtFj"] = [];
self.formLabelAlign["hcbgDzwd"] = [];
self.formLabelAlign["szqzySmj"] = [];
debugger;
let dzwd = res.data.fkfj.filter((item) => {
return item.fjlxdm == "01";
});
let szqz = res.data.fkfj.filter((item) => {
return item.fjlxdm == "02";
});
let qtfj = res.data.fkfj.filter((item) => {
return item.fjlxdm == "03";
});
dzwd.forEach((item, index) => {
self.formLabelAlign["hcbgDzwd"][index] = {
name: item.jshcfjDzwjmc,
url: item.jshcfjDzwjwz,
xxzjbh: item.xxzjbh,
};
});
szqz.forEach((item, index) => {
self.formLabelAlign["szqzySmj"][index] = {
name: item.jshcfjDzwjmc,
url: item.jshcfjDzwjwz,
xxzjbh: item.xxzjbh,
};
});
qtfj.forEach((item, index) => {
self.formLabelAlign["qtFj"][index] = {
name: item.jshcfjDzwjmc,
url: item.jshcfjDzwjwz,
xxzjbh: item.xxzjbh,
};
});
});
self.$set(self.formLabelAlign, "editing", true);
self.$forceUpdate();
},
//案件回显
ajHx(content) {
var self = this;
debugger
getAjxxByAsjbh({
asjbh: content[0],
}).then((res) => {
var result = res.data.asj;
self.formField[2].childrenAsAdd[0].list[0].name.forEach((item) => {
var fieldVale = result[item.id];
self.$set(
self.formLabelAlign.asjList[content[1]],
item.id,
fieldVale
);
});
var result = res.data.asj;
self.formField[2].childrenAsAdd[0].list[0].name.forEach((item) => {
var fieldVale = result[item.id];
if (item.type == "codeTree") {
axios.get(`JsonData/${item.codeTree}.json`).then((codRes) => {
let value = self.queryTree(codRes.data.data.rows, fieldVale)[0];
item.codeOptions = [{ id: fieldVale, name: value }];
});
self.$set(
self.formLabelAlign.asjList[content[1]],
item.id,
fieldVale
);
} else if (item.type == "date") {
debugger;
// var singleObject = {}
// singleObject[key] = new Date(realChildrenItem[key]);
if (fieldVale == null) {
self.$set(self.formLabelAlign.asjList[content[1]], item.id, "");
} else {
self.$set(
self.formLabelAlign.asjList[content[1]],
item.id,
new Date(fieldVale)
);
}
} else {
// singleObject[key] = new Date(realChildrenItem[key]);
if (fieldVale == null) {
self.$set(self.formLabelAlign.asjList[content[1]], item.id, "");
} else {
self.$set(
self.formLabelAlign.asjList[content[1]],
item.id,
fieldVale
);
}
}
});
});
},
// 嫌疑人提取回显
xyrIdentity(content) {
debugger
this.loadingFk = true;
var self = this;
this.loading = true;
getXyrxxByZjhm({
gmsfzh: content[0],
}).then((res) => {
// 嫌疑人信息1
var result = res.data.xyr;
self.formField[3].childrenAsAdd[0].list[0].name.forEach((item) => {
var fieldVale = result[item.id];
self.$set(
self.formLabelAlign.xyrList[content[1]],
item.id,
fieldVale
);
});
var result = res.data.xyr;
self.formField[3].childrenAsAdd[0].list[0].name.forEach((item) => {
var fieldVale = result[item.id];
if (item.type == "codeTree") {
axios.get(`JsonData/${item.codeTree}.json`).then((codRes) => {
let value = self.queryTree(codRes.data.data.rows, fieldVale)[0];
item.codeOptions = [{ id: fieldVale, name: value }];
});
self.$set(
self.formLabelAlign.xyrList[content[1]],
item.id,
fieldVale
);
} else if (item.type == "date") {
debugger;
// var singleObject = {}
// singleObject[key] = new Date(realChildrenItem[key]);
if (fieldVale == null) {
self.$set(self.formLabelAlign.xyrList[content[1]], item.id, "");
} else {
self.$set(
self.formLabelAlign.xyrList[content[1]],
item.id,
new Date(fieldVale)
);
}
} else {
// singleObject[key] = new Date(realChildrenItem[key]);
if (fieldVale == null) {
self.$set(self.formLabelAlign.xyrList[content[1]], item.id, "");
} else {
self.$set(
self.formLabelAlign.xyrList[content[1]],
item.id,
fieldVale
);
}
}
});
this.loadingFk = false;
this.loading = false;
});
},
// 案件编号回显
ajbhHx(content) {
var self = this;
this.loadingFk = true;
this.loading = true;
debugger;
getAjAndXyrByAsjbh({
asjbh: content,
}).then((res) => {
debugger;
var result1 = res.data;
self.formField[5].childrenAsAdd.forEach((childrenIdem) => {
//有可添加子集的情况
//遍历可配置化列表的子集
self.$set(self.formLabelAlign, childrenIdem.id, []);
var realChildrenData = result1["laList"];
if (realChildrenData && realChildrenData.length > 0) {
realChildrenData.forEach((realChildrenItem, childrenIndex) => {
var singleObject = {};
var dateFields = [];
var lazyLoadCodeFields = [];
if (
childrenIdem.list &&
childrenIdem.list.length > 0 &&
childrenIdem.list[0].name
) {
dateFields = childrenIdem.list[0].name.filter((fieldItem) => {
return fieldItem.type == "date";
});
dateFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
lazyLoadCodeFields = childrenIdem.list[0].name.filter(
(fieldItem) => {
return fieldItem.type == "lazyCodeTree";
}
);
lazyLoadCodeFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
}
for (var key in realChildrenItem) {
if (dateFields.indexOf(key) >= 0) {
//过滤时间
if (realChildrenItem[key]) {
singleObject[key] = new Date(realChildrenItem[key]);
}
} else if (lazyLoadCodeFields.indexOf(key) >= 0) {
} else {
singleObject[key] = realChildrenItem[key];
}
}
childrenIdem.list[0].name.forEach((currentField) => {
if (currentField.type == "lazyCodeTree") {
queryCodeByType({
type: currentField.codeTree,
id: realChildrenItem[currentField.id],
grade: "prev",
})
.then((codRes) => {
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.data.length; j++) {
var singleRow = codRes.data[j];
if (singleRow.children) {
codeArry.push(singleRow.id);
self.getChildrenCode(codeArry, singleRow);
}
}
codeArry.push(realChildrenItem[currentField.id]);
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
//改变类型使级联控件重新加载
self.$set(currentField, "type", "lazyCodeTree2");
setTimeout(() => {
self.$set(currentField, "type", "lazyCodeTree");
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
}, 5);
})
.catch((err) => {
// console.log(err);
});
} else if (currentField.type == "codeTree") {
//self.$set(self.formLabelAlign, fieldItem.id, fieldVale);
if (realChildrenItem[currentField.id]) {
axios
.get(`JsonData/${currentField.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
realChildrenItem[currentField.id]
)[0];
currentField.codeOptions = [
{
id: realChildrenItem[currentField.id],
name: value,
},
];
})
.catch((err) => {});
self.$set(
self.formLabelAlign,
currentField.id,
realChildrenItem[currentField.id]
);
}
}
});
self.$set(
self.formLabelAlign[childrenIdem.id],
childrenIndex,
singleObject
);
debugger;
});
} else {
var singleObject = {};
childrenIdem.list[0].name.forEach((val4) => {
if (
(val4.multiple == true && val4.type == "code") ||
val4.type == "lazyCodeTree"
) {
singleObject[val4.id] = [];
} else {
singleObject[val4.id] = "";
}
});
self.$set(self.formLabelAlign[childrenIdem.id], 0, singleObject);
}
this.loadingFk = false;
this.loading = false;
});
// 嫌疑人信息1:
debugger;
var result1 = res.data;
self.formField[6].childrenAsAdd.forEach((childrenIdem) => {
//有可添加子集的情况
//遍历可配置化列表的子集
self.$set(self.formLabelAlign, childrenIdem.id, []);
var realChildrenData = result1["xyrList"];
if (realChildrenData && realChildrenData.length > 0) {
realChildrenData.forEach((realChildrenItem, childrenIndex) => {
var singleObject = {};
var dateFields = [];
var lazyLoadCodeFields = [];
if (
childrenIdem.list &&
childrenIdem.list.length > 0 &&
childrenIdem.list[0].name
) {
dateFields = childrenIdem.list[0].name.filter((fieldItem) => {
return fieldItem.type == "date";
});
dateFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
lazyLoadCodeFields = childrenIdem.list[0].name.filter(
(fieldItem) => {
return fieldItem.type == "lazyCodeTree";
}
);
lazyLoadCodeFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
}
for (var key in realChildrenItem) {
if (dateFields.indexOf(key) >= 0) {
//过滤时间
if (realChildrenItem[key]) {
singleObject[key] = new Date(realChildrenItem[key]);
}
} else if (lazyLoadCodeFields.indexOf(key) >= 0) {
} else {
singleObject[key] = realChildrenItem[key];
}
}
childrenIdem.list[0].name.forEach((currentField) => {
if (currentField.type == "lazyCodeTree") {
queryCodeByType({
type: currentField.codeTree,
id: realChildrenItem[currentField.id],
grade: "prev",
})
.then((codRes) => {
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.data.length; j++) {
var singleRow = codRes.data[j];
if (singleRow.children) {
codeArry.push(singleRow.id);
self.getChildrenCode(codeArry, singleRow);
}
}
codeArry.push(realChildrenItem[currentField.id]);
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
//改变类型使级联控件重新加载
self.$set(currentField, "type", "lazyCodeTree2");
setTimeout(() => {
self.$set(currentField, "type", "lazyCodeTree");
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
}, 5);
})
.catch((err) => {
// console.log(err);
});
} else if (currentField.type == "codeTree") {
//self.$set(self.formLabelAlign, fieldItem.id, fieldVale);
if (realChildrenItem[currentField.id]) {
axios
.get(`JsonData/${currentField.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
realChildrenItem[currentField.id]
)[0];
currentField.codeOptions = [
{
id: realChildrenItem[currentField.id],
name: value,
},
];
})
.catch((err) => {});
self.$set(
self.formLabelAlign,
currentField.id,
realChildrenItem[currentField.id]
);
}
}
});
self.$set(
self.formLabelAlign[childrenIdem.id],
childrenIndex,
singleObject
);
debugger;
});
} else {
var singleObject = {};
childrenIdem.list[0].name.forEach((val4) => {
if (
(val4.multiple == true && val4.type == "code") ||
val4.type == "lazyCodeTree"
) {
singleObject[val4.id] = [];
} else {
singleObject[val4.id] = "";
}
});
self.$set(self.formLabelAlign[childrenIdem.id], 0, singleObject);
}
});
});
},
// 搜索树状数据中的 ID
queryTree(tree, id) {
debugger;
const tmp = []; // 路径数组
const FindPos = (sourceTree, sourceId) => {
if (sourceTree.id == sourceId) {
tmp.push(sourceTree.label);
return;
} else {
if (sourceTree.children && sourceTree.children.length != 0) {
sourceTree.children.forEach((item) => {
if (item.id === sourceId) {
// 寻找到指定的元素节点
tmp.push(item.label);
FindPos(tree, sourceTree.id); // 继续寻找上层元素的位置
} else {
// 当前继续寻找别的子项
FindPos(item, sourceId);
}
});
}
}
};
tree.forEach((item2) => {
FindPos(item2, id);
});
return tmp.reverse();
},
//获取子线索信息
getXsJbxxs() {
getXsJbxxsByPid({
pid: this.shsexsbh,
}).then((res) => {
var obj = {};
res.data.xsxxList.forEach((item) => {
obj.xsname = item.shsexsmc;
obj.lrrname = item.xxdjryXm;
obj.lrsj = item.djsj;
obj.shsexsbh = item.shsexsbh;
this.xszxx.push(obj);
obj = {};
});
});
},
//初始化表单
initFields() {
var self = this;
for (var i = 0; i < this.formField.length; i++) {
//遍历可配置化数组
if (this.formField[i].prop) {
this.rules[this.formField[i].id] =
this.$rules[this.formField[i].prop];
//如果有规则的话 拿到全局的规则 规则是一个数组，数组里是对象 将规则复制到所绑定的对象那个中去，然后每一项绑定对象
}
}
},
getCode() {
axios
.get(`JsonData/CODE_SHCE_SJHYLYDM.json`)
.then((res) => {
this.codeData = res.data.data.rows;
})
.catch((err) => {
console.log(err);
});
},
//提交
callSubmit(params) {
this.loadingFk = true;
this.loading = true;
var self = this;
params.append("xsbh", this.$route.query.xsbh);
addHcxx(params).then((res) => {
if (res.code == "200") {
this.$alert("提交成功!", "提示", {
confirmButtonText: "确定",
type: "success",
callback: () => {
window.opener.location.reload();
window.close();
this.loading = false;
this.loadingFk = false;
},
});
}
});
},
//指令详情信息查询
getZlxx() {
var self = this;
getZlxqAllByBh({
xxzjbh: this.xxzjbh,
}).then((res) => {
self.xsList[0].xstz = res.data.zlxq;
// self.getXsTzFj(res.data.zlxq.shsexsbh)
});
},
//获取线索信息
getAjDetail() {
var self = this;
getShsexsXq({
shsexsbh: self.shsexsbh,
page: 1,
rows: 5,
}).then((res) => {
// if (res.data.xs.sfbjPdbz == '是') {
// self.xsList[1].vShow = true
// self.getXsbjFj()
// self.xsList[1].xsxx.forEach(item => {
// item.content = res.data.xs[item.id]
// })
// }
self.xsList[0].xsxx.forEach((item) => {
item.content = res.data.xs[item.id];
});
self.xsly = res.data.xs.shsexslydm;
self.isParent = res.data.xs.isparent;
if (self.xsly == "群众来信" || self.xsly == "群众来电") {
self.xslyCode == "1";
}
setTimeout(() => {
self.loading = false;
}, 100);
});
},
getDetails(res, i) {
var self = this;
self.xsList[0].xsss[i].page.total = res.data.total;
var obj = {};
var key = "";
var value = "";
res.data.rows.forEach((item) => {
self.xsList[0].xsss[i].tableList.forEach((subItem) => {
obj[subItem.prop] = item[subItem.prop];
});
self.xsList[0].xsss[i].shuju.push(obj);
obj = {};
});
},
//嫌疑人信息
getXyrDetail() {
var self = this;
getXsglxyrList({
shsexsbh: this.shsexsbh,
page: self.xsList[0].xsss[0].page.currentPage,
rows: self.xsList[0].xsss[0].page.pageSize,
}).then((res) => {
if (self.xslyCode == "1") {
self.getDetails(res, 5);
self.result.bjbrResult = res.data.rows;
self.xsList[0].xsss[5].type = "show";
self.xsList[0].xsss[0].type = "";
} else {
self.getDetails(res, 0);
self.result.xyrResult = res.data.rows;
self.xsList[0].xsss[0].type = "show";
self.xsList[0].xsss[5].type = "";
}
});
self.xsList[0].xsss[0].shuju = [];
},
//举报人信息
getJbrDetail() {
var self = this;
getXsgljbrList({
shsexsbh: this.shsexsbh,
page: self.xsList[0].xsss[1].page.currentPage,
rows: self.xsList[0].xsss[1].page.pageSize,
}).then((res) => {
if (res.data.rows[0].jbrxm) {
self.getDetails(res, 1);
self.result.jbrResult = res.data.rows;
self.xsList[0].xsss[1].type = "show";
self.xsList[0].xsss[3].type = "";
self.xsList[0].xsss[4].type = "";
} else if (res.data.rows[0].tbrxm) {
self.getDetails(res, 3);
self.result.jbrResult = res.data.rows;
self.xsList[0].xsss[3].type = "show";
self.xsList[0].xsss[4].type = "";
self.xsList[0].xsss[1].type = "";
} else if (res.data.rows[0].xstgrbm) {
self.getDetails(res, 4);
self.result.tgrResult = res.data.rows;
self.xsList[0].xsss[4].type = "show";
self.xsList[0].xsss[1].type = "";
self.xsList[0].xsss[3].type = "";
}
});
self.xsList[0].xsss[1].shuju = [];
},
//公职人员信息
getGzryDetail() {
var self = this;
getSjgzryList({
shsexsbh: this.shsexsbh,
page: self.xsList[0].xsss[2].page.currentPage,
rows: 5,
}).then((res) => {
self.getDetails(res, 2);
self.result.gzryResult = res.data.rows;
if (res.data.rows[0].gzryXm) {
self.xsList[0].xsss[2].type = "show";
} else {
self.xsList[0].xsss[2].type = "";
}
});
self.xsList[0].xsss[2].shuju = [];
},
getXsFj() {
var self = this;
getXsfjByXsbh({
shsexsbh: self.shsexsbh,
}).then((res) => {
var obj = {};
var key = "";
var value = "";
res.data.rows.forEach((item) => {
obj.fjName = item.xsfjDzwjmc;
obj.xxzjbh = item.xxzjbh;
obj.type = "no";
self.xsList[0].xsFj.default.push(obj);
obj = {};
});
});
},
},
watch: {
// 'formLabelAlign.hcjgdm': {
// handler: function (val, oldval) {
// debugger
// console.log(val)
// if (val == '02' || val == '03') {
// this.rules['hcfkglxyr.xm'] = this.$rules.checkEmpty
// this.rules['hcfkglxyr.gmsfzh'] = this.$rules.checkEmpty
// this.rules['asjbh'] = this.$rules.checkEmpty
// // this.$set(this.rules, 'hcfkglxyr.xm', this.$rules.checkEmpty)
// // this.$set(this.rules, 'hcfkglxyr.gmsfzh', this.$rules.checkEmpty)
// // this.rules.hcfkglxyr.xm = this.$rules.checkEmpty
// // this.rules.hcfkglxyr.gmsfzh = this.$rules.checkEmpty
// this.initFields()
// } else {
// this.rules['hcfkglxyr.xm'] = null
// this.rules['asjbh'] = null
// this.rules['hcfkglxyr.gmsfzh'] = null
// // this.$set(this.rules, 'hcfkglxyr.xm', '')
// // this.$set(this.rules, 'hcfkglxyr.gmsfzh', '')
// this.$forceUpdate()
// }
// },
// deep: true
// },
// formLabelAlign: {
// handler: function (val, oldval) {
// console.log(val)
// if (this.$route.query.fkid) {
// this.rules['hcjgdm'] = this.$rules.checkEmpty
// this.rules['sjhyly'] = this.$rules.checkEmpty
// this.rules['fknrJyqk'] = this.$rules.checkEmpty
// this.initFields()
// } else {
// this.rules['hcjgdm'] = null
// this.rules['sjhyly'] = null
// this.rules['fknrJyqk'] = null
// this.$forceUpdate()
// }
// if (val.hcjgdm == '04') {
// this.rules['sjhyly'] = null
// this.rules['fknrJyqk'] = null
// }
// },
// deep: true
// }
},
};
</script>
<style lang="scss" scoped>
.xsfk {
/deep/.el-loading-spinner {
// top: 72%;
// margin-top: -21px;
// width: 100%;
// text-align: center;
// position: absolute;
position: fixed;
top: 50%;
}
// background-image: url(../../assets/img/bj.png);
background-repeat: no-repeat;
background-attachment: scroll;
max-height: 100%;
overflow-y: scroll;
/deep/.el-loading-mask {
height: 249%;
position: absolute;
z-index: 2000;
background-color: rgba(255, 255, 255, 0.9);
margin: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: opacity 0.3s;
}
}
.form {
margin-top: 85px;
/deep/ .formContent .allForm {
margin: 0 !important;
}
/deep/ .itemtextarea .el-textarea__inner {
width: 800px;
}
/deep/ #formCommonPage .formContent .childrenAsAdd .addContent {
width: 1000px;
margin-left: 140px;
margin-top: 0px;
margin-bottom: 16px !important;
padding-top: 10px;
}
/deep/ #formCommonPage .formContent .addChildBtn .el-button {
width: 1000px;
}
/deep/ #formCommonPage .formContent .addChildBtn {
margin-top: 0 !important;
}
/deep/ #formCommonPage .formContent {
padding-left: 15px;
}
}
.det /deep/ #xsDet .xs_main .content .xs .xs_xq .xs_xq_wrap .xs_xq_contents {
&:nth-child(5) {
width: 600px;
}
}
.det /deep/ #xsDet .xs_main .content .xs .xs_xq {
padding-left: 35px;
}
.det
/deep/
#xsDet
.xs_main
.content
.xs
.xs_xq
.xs_xq_wrap
.xs_xq_contents
.xs_xq_content {
width: 250px;
}
.det
/deep/
#xsDet
.xs_main
.content
.xs
.xs_xq
.xs_xq_wrap
.xs_xq_contents
.xs_xq_name {
width: 118px;
}
.det /deep/ #xsDet .xs_main .content .xs .xs_xq .xs_xq_wrap {
width: 1280px;
}
.det /deep/ #xsDet .xs_main .content .xs .xs_form .name {
width: 118px;
min-width: 118px;
}
.det /deep/ #xsDet .xs_main .content .xs .xs_fj .fj_title {
width: 118px;
min-width: 118px;
}
.det /deep/ #xsDet .xs_main .content {
margin-left: 7px;
}
.hcfksh {
width: 1400px;
margin: 10px auto;
box-shadow: 0px 1px 2px rgba($color: #000000, $alpha: 0.2);
padding: 20px;
background: #fff;
color: #8c97a0;
.content_item {
.name {
color: $base-color;
}
.ba_radio {
display: flex;
}
}
}
</style>
<style lang="scss" scoped>
// .xshc /deep/ #xsDet .xs_main {
// margin-left: 7px;
// }
.form /deep/ .childrenAsAdd {
.addName {
width: 110px !important;
}
}
/deep/.el-button {
margin-right: -19px !important;
}
/deep/.el-dialog__header {
background: #0081f7 !important;
}
/deep/.el-dialog {
position: relative;
margin: 0 auto 50px;
border-radius: 2px;
box-sizing: border-box;
width: 50%;
}
</style>
src/views/xshb/xshb/gzjlxz/xsxxbc.vue 0 → 100644
<template>
<div
ref="zlXq"
class="xsfk"
element-loading-text="正在加载......"
v-loading="loadingFk"
>
<div
style="
position: fixed;
width: 100%;
z-index: 99;
height: 48px;
background: #0061f7;
font-size: 18px;
font-weight: bold;
line-height: 48px;
color: #ffffff;
padding: 0 17px;
"
>
<img
style="width: 36px; margin-left: 10px"
src="~@/assets/img/login/jinhui.png"
alt=""
/>
{{ headerTitle }}
</div>
<div class="form">
<fj-sc
:xxzjbh="xxzjbh"
:shsexsbh="shsexsbh"
:jshcxxzjbh="jshcxxzjbh"
:formField="formField"
:formLabelAlign="formLabelAlign"
:propSt="st"
:rule="rules"
:propxsTitle="title"
:propBottonType="bottonType"
:url="url"
@hxShuju="ajHx(arguments)"
@xyrIdentity="xyrIdentity(arguments)"
@ajbhHx="ajbhHx"
@deleteObj="deleteObj"
@submit="callSubmit"
:autowidth="autowidth"
></fj-sc>
</div>
</div>
</template>
<script>
import {
getAjxxByAsjbh,
getXyrxxByZjhm,
downXsfj,
getXsByXsbh,
delXsgljbr,
delXsglxyr,
updateXs,
} from "@/api/xshb/xshb.js";
import FjSc from "@/views/xshb/xshb/gzjlxz/fksc.vue";
export default {
name: "xshc",
components: {
FjSc,
},
data() {
return {
url: this.$route.query.fkid,
loadingFk: false,
headerTitle: "线索信息补充",
title: "线索信息",
autowidth: "1268px",
xsly: "",
codeData: [],
xmDetail: {},
xxzjbh: "",
shsexsbh: "",
ajXxzjbh: "",
result: {
xyrResult: [],
jbrResult: [],
gzryResult: [],
xdzl: [],
bjbrResult: [],
tgrResult: [],
tbrResult: [],
},
xsly: "",
xslyCode: "",
rules: {},
formField: [
{
name: "线索名称:",
id: "xsmc",
prop: "checkEmpty",
type: "text",
value: "",
placeholder: "请输入案件编号",
col: "2",
},
{
name: "线索类别:",
id: "xsfldm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XSHBFL",
value: "",
prop: "checkEmpty",
placeholder: "请选择",
col: "2",
},
{
name: "涉及地区:",
id: "sjdq",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XZQH",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "线索详情:",
id: "xsxq",
type: "textarea",
value: "",
placeholder: "请输入",
col: "textarea",
},
{
childrenAsAdd: [
{
name: "举报人信息:",
id: "jbrList",
list: [
{
name: [
{
name: "姓名:",
id: "jbrXm",
type: "text",
value: "",
prop: "checkEmpty",
placeholder: "请输入",
col: "2",
},
{
name: "性别:",
id: "jbrXbdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XB",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "身份证号:",
id: "jbrGmsfzh",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
},
{
name: "所在地区:",
id: "jbrXzqhdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XZQH",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "联系电话:",
id: "jbrLxdh",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
},
],
},
],
iconClass: "el-icon-delete",
},
],
},
{
childrenAsAdd: [
{
name: "嫌疑人信息:",
id: "xyrList",
list: [
{
name: [
{
name: "姓名:",
id: "xm",
type: "text",
prop: "checkEmpty",
value: "",
placeholder: "请输入姓名",
col: "2",
},
{
name: "性别:",
id: "xbdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XB",
prop: "checkEmpty",
value: "",
placeholder: "请选择性别",
col: "2",
},
{
name: "身份证号:",
id: "gmsfzh",
prop: "emptyAbleIdentity",
type: "textxx",
value: "",
placeholder: "请输入身份证号",
col: "2",
append: true,
},
{
name: "出生日期:",
id: "csrq",
type: "date",
value: "",
placeholder: "请选择出生日期",
col: "2",
},
{
name: "国籍:",
id: "gjdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_GJ",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "民族:",
id: "mzdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_MZ",
value: "",
placeholder: "请选择民族",
col: "2",
},
{
name: "户籍地区划:",
id: "hjdzXzqhdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XZQH",
value: "",
placeholder: "请选择",
col: "2",
},
{
name: "户籍地详址:",
id: "hjdzDzmc",
type: "text",
value: "",
placeholder: "请输入户籍地详址",
col: "2",
},
{
name: "现住址区划:",
id: "xzzXzqhdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_XZQH",
// prop: "checkEmpty",
value: "",
placeholder: "请输入现住址区划",
col: "2",
},
{
name: "现住址名称:",
id: "xzzDzmc",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
},
{
name: "境外住址区划:",
id: "jwzzGjhdqdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_GJ",
value: "",
placeholder: "请选择境外住址区划",
col: "2",
},
{
name: "境外住址详址:",
id: "jwzzDzmc",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
},
{
name: "联系电话:",
id: "lxdh",
type: "text",
value: "",
placeholder: "请输入",
col: "2",
},
{
name: "政治面貌:",
id: "zzmmdm",
type: "codeTree",
codeOptions: [],
codeTree: "CODE_ZZMM",
value: "",
placeholder: "请选择政治面貌",
col: "2",
},
],
},
],
iconClass: "el-icon-delete",
},
],
},
// {
// name: '核查报告电子文档:',
// id: 'hcbgDzwd',
// fileId: 'hcbgDzwd',
// type: 'file',
// value: '0',
// placeholder: '',
// col: '1',
// requestUrl: 'http://39.99.224.27:8006/xsHcfkSp/xsHcfk',
// fileList: []
// },
// {
// name: '四长签字扫描件:',
// id: 'szqzySmj',
// fileId: 'szqzySmj',
// type: 'file',
// value: '0',
// placeholder: '',
// col: '1',
// requestUrl: 'http://39.99.224.27:8006/xsHcfkSp/xsHcfk',
// fileList: []
// },
{
name: "附件上传:",
id: "qtFj",
fileId: "qtFj",
type: "file",
value: "",
placeholder: "",
col: "1",
requestUrl: "/flwsFj/tbstasjflwsCj/save",
fileList: [],
},
],
formLabelAlign: {},
st: "xs",
bottonType: "fk",
loading: true,
xszxx: [],
isParent: "",
jshcxxzjbh: this.$route.query.jshcxxzjbh,
};
},
created() {
if (this.$route.query.xsbh) {
this.getTqHxFksj();
}
},
methods: {
deleteObj(obj) {
debugger
var self = this
self.formField[4].childrenAsAdd.forEach((item) => {
console.log(item);
self.scId = item.id;
});
self.formField[5].childrenAsAdd.forEach((item) => {
console.log(item);
self.scId = item.id;
});
if (self.scId == "jbrList") {
delXsgljbr({
xxzjbh: obj.xxzjbh,
}).then((res) => {
if (res.code == "200") {
self.formField.forEach((val) => {
if (val.childrenAsAdd) {
val.childrenAsAdd.forEach((val2) => {
self.formLabelAlign[val2.id].forEach((val3, index) => {
console.log(index);
if (val3 == obj) {
debugger;
self.formLabelAlign[val2.id].splice(
// val2.list.indexOf(val3),
index,
1
);
// this.$message.success("删除成功");
this.$alert("删除成功!", "提示", {
confirmButtonText: "确定",
type: "success",
callback: () => {
// this.$router.go(0)
// self.formLabelAlign[val2.id].splice(
// // val2.list.indexOf(val3),
// index,
// 1
// )
},
});
}
});
});
}
});
}
});
} else if (self.scId == "xyrList") {
delXsglxyr({
xxzjbh: obj.xxzjbh,
}).then((res) => {
if (res.code == "200") {
self.formField.forEach((val) => {
if (val.childrenAsAdd) {
val.childrenAsAdd.forEach((val2) => {
self.formLabelAlign[val2.id].forEach((val3, index) => {
console.log(index);
if (val3 == obj) {
debugger;
self.formLabelAlign[val2.id].splice(
// val2.list.indexOf(val3),
index,
1
);
// this.$message.success("删除成功");
this.$alert("删除成功!", "提示", {
confirmButtonText: "确定",
type: "success",
callback: () => {
// this.$router.go(0)
// self.formLabelAlign[val2.id].splice(
// // val2.list.indexOf(val3),
// index,
// 1
// )
},
});
}
});
});
}
});
}
});
}
},
// 提取反馈的回显
getTqHxFksj() {
this.loadingFk = true;
var self = this;
getXsByXsbh({
xsbh: this.$route.query.xsbh,
}).then((res) => {
debugger;
// 线索反馈
this.loadingFk = false;
var result = res.data.xsxq.xs;
self.formField.forEach((item, i) => {
var fieldVale = result[item.id];
debugger;
if (item.type == "codeTree") {
if (fieldVale) {
if (fieldVale.length == 4) {
axios
.get(`JsonData/${item.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
fieldVale
)[0];
console.log(value);
item.codeOptions = [{ id: fieldVale, name: value }];
})
.catch((err) => {});
self.$set(self.formLabelAlign, item.id, fieldVale.split(","));
// self.$set(
// self.formLabelAlign,
// fieldItem.id,
// fieldVale.split(",")
// );
} else {
debugger;
axios
.get(`JsonData/${item.codeTree}.json`)
.then((codRes) => {
debugger;
var arr = fieldVale.split(",");
var obj = {};
arr.forEach((itemLise) => {
let value = this.queryTree(
codRes.data.data.rows,
itemLise
)[0];
obj.id = itemLise;
obj.name = value;
item.codeOptions.push(obj);
obj = {};
});
})
.catch((err) => {});
self.$set(self.formLabelAlign, item.id, fieldVale.split(","));
}
} else {
self.$set(self.formLabelAlign, this.formField[i].id, []);
}
} else if (item.type == "codeTree") {
debugger;
axios.get(`JsonData/${item.codeTree}.json`).then((codRes) => {
let value = self.queryTree(codRes.data.data.rows, fieldVale)[0];
item.codeOptions = [{ id: fieldVale, name: value }];
});
self.$set(self.formLabelAlign, item.id, fieldVale);
} else if (item.type == "date") {
// var singleObject = {}
// singleObject[key] = new Date(realChildrenItem[key]);
self.$set(self.formLabelAlign, item.id, new Date(fieldVale));
} else {
self.$set(self.formLabelAlign, item.id, fieldVale);
}
});
// 嫌疑人信息1:
debugger;
var result1 = res.data.xsxq;
self.formField[4].childrenAsAdd.forEach((childrenIdem) => {
//有可添加子集的情况
//遍历可配置化列表的子集
self.$set(self.formLabelAlign, childrenIdem.id, []);
var realChildrenData = result1["jbrList"];
if (realChildrenData && realChildrenData.length > 0) {
realChildrenData.forEach((realChildrenItem, childrenIndex) => {
var singleObject = {};
var dateFields = [];
var lazyLoadCodeFields = [];
if (
childrenIdem.list &&
childrenIdem.list.length > 0 &&
childrenIdem.list[0].name
) {
dateFields = childrenIdem.list[0].name.filter((fieldItem) => {
return fieldItem.type == "date";
});
dateFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
lazyLoadCodeFields = childrenIdem.list[0].name.filter(
(fieldItem) => {
return fieldItem.type == "lazyCodeTree";
}
);
lazyLoadCodeFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
}
for (var key in realChildrenItem) {
if (dateFields.indexOf(key) >= 0) {
//过滤时间
if (realChildrenItem[key]) {
singleObject[key] = new Date(realChildrenItem[key]);
}
} else if (lazyLoadCodeFields.indexOf(key) >= 0) {
} else {
singleObject[key] = realChildrenItem[key];
}
}
childrenIdem.list[0].name.forEach((currentField) => {
if (currentField.type == "lazyCodeTree") {
queryCodeByType({
type: currentField.codeTree,
id: realChildrenItem[currentField.id],
grade: "prev",
})
.then((codRes) => {
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.data.length; j++) {
var singleRow = codRes.data[j];
if (singleRow.children) {
codeArry.push(singleRow.id);
self.getChildrenCode(codeArry, singleRow);
}
}
codeArry.push(realChildrenItem[currentField.id]);
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
//改变类型使级联控件重新加载
self.$set(currentField, "type", "lazyCodeTree2");
setTimeout(() => {
self.$set(currentField, "type", "lazyCodeTree");
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
}, 5);
})
.catch((err) => {
// console.log(err);
});
} else if (currentField.type == "codeTree") {
//self.$set(self.formLabelAlign, fieldItem.id, fieldVale);
if (realChildrenItem[currentField.id]) {
axios
.get(`JsonData/${currentField.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
realChildrenItem[currentField.id]
)[0];
currentField.codeOptions = [
{
id: realChildrenItem[currentField.id],
name: value,
},
];
})
.catch((err) => {});
self.$set(
self.formLabelAlign,
currentField.id,
realChildrenItem[currentField.id]
);
}
}
});
self.$set(
self.formLabelAlign[childrenIdem.id],
childrenIndex,
singleObject
);
debugger;
});
} else {
var singleObject = {};
childrenIdem.list[0].name.forEach((val4) => {
if (
(val4.multiple == true && val4.type == "code") ||
val4.type == "lazyCodeTree"
) {
singleObject[val4.id] = [];
} else {
singleObject[val4.id] = "";
}
});
self.$set(self.formLabelAlign[childrenIdem.id], 0, singleObject);
}
});
// 涉及案件
debugger;
var result1 = res.data.xsxq;
self.formField[5].childrenAsAdd.forEach((childrenIdem) => {
//有可添加子集的情况
//遍历可配置化列表的子集
self.$set(self.formLabelAlign, childrenIdem.id, []);
var realChildrenData = result1["xyrList"];
if (realChildrenData && realChildrenData.length > 0) {
realChildrenData.forEach((realChildrenItem, childrenIndex) => {
var singleObject = {};
var dateFields = [];
var lazyLoadCodeFields = [];
if (
childrenIdem.list &&
childrenIdem.list.length > 0 &&
childrenIdem.list[0].name
) {
dateFields = childrenIdem.list[0].name.filter((fieldItem) => {
return fieldItem.type == "date";
});
dateFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
lazyLoadCodeFields = childrenIdem.list[0].name.filter(
(fieldItem) => {
return fieldItem.type == "lazyCodeTree";
}
);
lazyLoadCodeFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
}
for (var key in realChildrenItem) {
if (dateFields.indexOf(key) >= 0) {
//过滤时间
if (realChildrenItem[key]) {
singleObject[key] = new Date(realChildrenItem[key]);
}
} else if (lazyLoadCodeFields.indexOf(key) >= 0) {
} else {
singleObject[key] = realChildrenItem[key];
}
}
childrenIdem.list[0].name.forEach((currentField) => {
if (currentField.type == "lazyCodeTree") {
queryCodeByType({
type: currentField.codeTree,
id: realChildrenItem[currentField.id],
grade: "prev",
})
.then((codRes) => {
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.data.length; j++) {
var singleRow = codRes.data[j];
if (singleRow.children) {
codeArry.push(singleRow.id);
self.getChildrenCode(codeArry, singleRow);
}
}
codeArry.push(realChildrenItem[currentField.id]);
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
//改变类型使级联控件重新加载
self.$set(currentField, "type", "lazyCodeTree2");
setTimeout(() => {
self.$set(currentField, "type", "lazyCodeTree");
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
}, 5);
})
.catch((err) => {
// console.log(err);
});
} else if (currentField.type == "codeTree") {
//self.$set(self.formLabelAlign, fieldItem.id, fieldVale);
if (realChildrenItem[currentField.id]) {
axios
.get(`JsonData/${currentField.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
realChildrenItem[currentField.id]
)[0];
currentField.codeOptions = [
{
id: realChildrenItem[currentField.id],
name: value,
},
];
})
.catch((err) => {});
self.$set(
self.formLabelAlign,
currentField.id,
realChildrenItem[currentField.id]
);
}
}
});
self.$set(
self.formLabelAlign[childrenIdem.id],
childrenIndex,
singleObject
);
debugger;
});
} else {
var singleObject = {};
childrenIdem.list[0].name.forEach((val4) => {
if (
(val4.multiple == true && val4.type == "code") ||
val4.type == "lazyCodeTree"
) {
singleObject[val4.id] = [];
} else {
singleObject[val4.id] = "";
}
});
self.$set(self.formLabelAlign[childrenIdem.id], 0, singleObject);
}
});
self.formLabelAlign["qtFj"] = [];
res.data.xsxq.fjList.forEach((item, index) => {
self.formLabelAlign["qtFj"][index] = {
name: item.xsfjDzwjmc,
url: item.xsfjDzwjnr,
xxzjbh: item.xxzjbh,
};
});
});
self.$set(self.formLabelAlign, "editing", true);
self.$forceUpdate();
},
//案件回显
ajHx(content) {
var self = this;
debugger;
getAjxxByAsjbh({
asjbh: content[0],
}).then((res) => {
var result = res.data.asj;
self.formField[2].childrenAsAdd[0].list[0].name.forEach((item) => {
var fieldVale = result[item.id];
self.$set(
self.formLabelAlign.asjList[content[1]],
item.id,
fieldVale
);
});
var result = res.data.asj;
self.formField[2].childrenAsAdd[0].list[0].name.forEach((item) => {
var fieldVale = result[item.id];
if (item.type == "codeTree") {
axios.get(`JsonData/${item.codeTree}.json`).then((codRes) => {
let value = self.queryTree(codRes.data.data.rows, fieldVale)[0];
item.codeOptions = [{ id: fieldVale, name: value }];
});
self.$set(
self.formLabelAlign.asjList[content[1]],
item.id,
fieldVale
);
} else if (item.type == "date") {
debugger;
// var singleObject = {}
// singleObject[key] = new Date(realChildrenItem[key]);
if (fieldVale == null) {
self.$set(self.formLabelAlign.asjList[content[1]], item.id, "");
} else {
self.$set(
self.formLabelAlign.asjList[content[1]],
item.id,
new Date(fieldVale)
);
}
} else {
// singleObject[key] = new Date(realChildrenItem[key]);
if (fieldVale == null) {
self.$set(self.formLabelAlign.asjList[content[1]], item.id, "");
} else {
self.$set(
self.formLabelAlign.asjList[content[1]],
item.id,
fieldVale
);
}
}
});
});
},
// 嫌疑人提取回显
xyrIdentity(content) {
debugger;
this.loadingFk = true;
var self = this;
this.loading = true;
getXyrxxByZjhm({
gmsfzh: content[0],
}).then((res) => {
// 嫌疑人信息1
var result = res.data.xyr;
self.formField[5].childrenAsAdd[0].list[0].name.forEach((item) => {
var fieldVale = result[item.id];
self.$set(
self.formLabelAlign.xyrList[content[1]],
item.id,
fieldVale
);
});
var result = res.data.xyr;
self.formField[5].childrenAsAdd[0].list[0].name.forEach((item) => {
var fieldVale = result[item.id];
if (item.type == "codeTree") {
axios.get(`JsonData/${item.codeTree}.json`).then((codRes) => {
let value = self.queryTree(codRes.data.data.rows, fieldVale)[0];
item.codeOptions = [{ id: fieldVale, name: value }];
});
self.$set(
self.formLabelAlign.xyrList[content[1]],
item.id,
fieldVale
);
} else if (item.type == "date") {
debugger;
// var singleObject = {}
// singleObject[key] = new Date(realChildrenItem[key]);
if (fieldVale == null) {
self.$set(self.formLabelAlign.xyrList[content[1]], item.id, "");
} else {
self.$set(
self.formLabelAlign.xyrList[content[1]],
item.id,
new Date(fieldVale)
);
}
} else {
// singleObject[key] = new Date(realChildrenItem[key]);
if (fieldVale == null) {
self.$set(self.formLabelAlign.xyrList[content[1]], item.id, "");
} else {
self.$set(
self.formLabelAlign.xyrList[content[1]],
item.id,
fieldVale
);
}
}
});
this.loadingFk = false;
this.loading = false;
});
},
// 案件编号回显
ajbhHx(content) {
var self = this;
this.loadingFk = true;
this.loading = true;
debugger;
getAjAndXyrByAsjbh({
asjbh: content,
}).then((res) => {
debugger;
var result1 = res.data;
self.formField[5].childrenAsAdd.forEach((childrenIdem) => {
//有可添加子集的情况
//遍历可配置化列表的子集
self.$set(self.formLabelAlign, childrenIdem.id, []);
var realChildrenData = result1["laList"];
if (realChildrenData && realChildrenData.length > 0) {
realChildrenData.forEach((realChildrenItem, childrenIndex) => {
var singleObject = {};
var dateFields = [];
var lazyLoadCodeFields = [];
if (
childrenIdem.list &&
childrenIdem.list.length > 0 &&
childrenIdem.list[0].name
) {
dateFields = childrenIdem.list[0].name.filter((fieldItem) => {
return fieldItem.type == "date";
});
dateFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
lazyLoadCodeFields = childrenIdem.list[0].name.filter(
(fieldItem) => {
return fieldItem.type == "lazyCodeTree";
}
);
lazyLoadCodeFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
}
for (var key in realChildrenItem) {
if (dateFields.indexOf(key) >= 0) {
//过滤时间
if (realChildrenItem[key]) {
singleObject[key] = new Date(realChildrenItem[key]);
}
} else if (lazyLoadCodeFields.indexOf(key) >= 0) {
} else {
singleObject[key] = realChildrenItem[key];
}
}
childrenIdem.list[0].name.forEach((currentField) => {
if (currentField.type == "lazyCodeTree") {
queryCodeByType({
type: currentField.codeTree,
id: realChildrenItem[currentField.id],
grade: "prev",
})
.then((codRes) => {
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.data.length; j++) {
var singleRow = codRes.data[j];
if (singleRow.children) {
codeArry.push(singleRow.id);
self.getChildrenCode(codeArry, singleRow);
}
}
codeArry.push(realChildrenItem[currentField.id]);
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
//改变类型使级联控件重新加载
self.$set(currentField, "type", "lazyCodeTree2");
setTimeout(() => {
self.$set(currentField, "type", "lazyCodeTree");
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
}, 5);
})
.catch((err) => {
// console.log(err);
});
} else if (currentField.type == "codeTree") {
//self.$set(self.formLabelAlign, fieldItem.id, fieldVale);
if (realChildrenItem[currentField.id]) {
axios
.get(`JsonData/${currentField.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
realChildrenItem[currentField.id]
)[0];
currentField.codeOptions = [
{
id: realChildrenItem[currentField.id],
name: value,
},
];
})
.catch((err) => {});
self.$set(
self.formLabelAlign,
currentField.id,
realChildrenItem[currentField.id]
);
}
}
});
self.$set(
self.formLabelAlign[childrenIdem.id],
childrenIndex,
singleObject
);
debugger;
});
} else {
var singleObject = {};
childrenIdem.list[0].name.forEach((val4) => {
if (
(val4.multiple == true && val4.type == "code") ||
val4.type == "lazyCodeTree"
) {
singleObject[val4.id] = [];
} else {
singleObject[val4.id] = "";
}
});
self.$set(self.formLabelAlign[childrenIdem.id], 0, singleObject);
}
this.loadingFk = false;
this.loading = false;
});
// 嫌疑人信息1:
debugger;
var result1 = res.data;
self.formField[6].childrenAsAdd.forEach((childrenIdem) => {
//有可添加子集的情况
//遍历可配置化列表的子集
self.$set(self.formLabelAlign, childrenIdem.id, []);
var realChildrenData = result1["xyrList"];
if (realChildrenData && realChildrenData.length > 0) {
realChildrenData.forEach((realChildrenItem, childrenIndex) => {
var singleObject = {};
var dateFields = [];
var lazyLoadCodeFields = [];
if (
childrenIdem.list &&
childrenIdem.list.length > 0 &&
childrenIdem.list[0].name
) {
dateFields = childrenIdem.list[0].name.filter((fieldItem) => {
return fieldItem.type == "date";
});
dateFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
lazyLoadCodeFields = childrenIdem.list[0].name.filter(
(fieldItem) => {
return fieldItem.type == "lazyCodeTree";
}
);
lazyLoadCodeFields = dateFields.map((fieldItem) => {
return fieldItem.id;
});
}
for (var key in realChildrenItem) {
if (dateFields.indexOf(key) >= 0) {
//过滤时间
if (realChildrenItem[key]) {
singleObject[key] = new Date(realChildrenItem[key]);
}
} else if (lazyLoadCodeFields.indexOf(key) >= 0) {
} else {
singleObject[key] = realChildrenItem[key];
}
}
childrenIdem.list[0].name.forEach((currentField) => {
if (currentField.type == "lazyCodeTree") {
queryCodeByType({
type: currentField.codeTree,
id: realChildrenItem[currentField.id],
grade: "prev",
})
.then((codRes) => {
var codeArry = [];
var realCodeResult = [];
for (var j = 0; j < codRes.data.length; j++) {
var singleRow = codRes.data[j];
if (singleRow.children) {
codeArry.push(singleRow.id);
self.getChildrenCode(codeArry, singleRow);
}
}
codeArry.push(realChildrenItem[currentField.id]);
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
//改变类型使级联控件重新加载
self.$set(currentField, "type", "lazyCodeTree2");
setTimeout(() => {
self.$set(currentField, "type", "lazyCodeTree");
self.$set(
self.formLabelAlign[childrenIdem.id][childrenIndex],
currentField.id,
codeArry
);
}, 5);
})
.catch((err) => {
// console.log(err);
});
} else if (currentField.type == "codeTree") {
//self.$set(self.formLabelAlign, fieldItem.id, fieldVale);
if (realChildrenItem[currentField.id]) {
axios
.get(`JsonData/${currentField.codeTree}.json`)
.then((codRes) => {
let value = this.queryTree(
codRes.data.data.rows,
realChildrenItem[currentField.id]
)[0];
currentField.codeOptions = [
{
id: realChildrenItem[currentField.id],
name: value,
},
];
})
.catch((err) => {});
self.$set(
self.formLabelAlign,
currentField.id,
realChildrenItem[currentField.id]
);
}
}
});
self.$set(
self.formLabelAlign[childrenIdem.id],
childrenIndex,
singleObject
);
debugger;
});
} else {
var singleObject = {};
childrenIdem.list[0].name.forEach((val4) => {
if (
(val4.multiple == true && val4.type == "code") ||
val4.type == "lazyCodeTree"
) {
singleObject[val4.id] = [];
} else {
singleObject[val4.id] = "";
}
});
self.$set(self.formLabelAlign[childrenIdem.id], 0, singleObject);
}
});
});
},
// 搜索树状数据中的 ID
queryTree(tree, id) {
debugger;
const tmp = []; // 路径数组
const FindPos = (sourceTree, sourceId) => {
if (sourceTree.id == sourceId) {
tmp.push(sourceTree.label);
return;
} else {
if (sourceTree.children && sourceTree.children.length != 0) {
sourceTree.children.forEach((item) => {
if (item.id === sourceId) {
// 寻找到指定的元素节点
tmp.push(item.label);
FindPos(tree, sourceTree.id); // 继续寻找上层元素的位置
} else {
// 当前继续寻找别的子项
FindPos(item, sourceId);
}
});
}
}
};
tree.forEach((item2) => {
FindPos(item2, id);
});
return tmp.reverse();
},
//获取子线索信息
getXsJbxxs() {
getXsJbxxsByPid({
pid: this.shsexsbh,
}).then((res) => {
var obj = {};
res.data.xsxxList.forEach((item) => {
obj.xsname = item.shsexsmc;
obj.lrrname = item.xxdjryXm;
obj.lrsj = item.djsj;
obj.shsexsbh = item.shsexsbh;
this.xszxx.push(obj);
obj = {};
});
});
},
//初始化表单
initFields() {
var self = this;
for (var i = 0; i < this.formField.length; i++) {
//遍历可配置化数组
if (this.formField[i].prop) {
this.rules[this.formField[i].id] =
this.$rules[this.formField[i].prop];
//如果有规则的话 拿到全局的规则 规则是一个数组，数组里是对象 将规则复制到所绑定的对象那个中去，然后每一项绑定对象
}
}
},
getCode() {
axios
.get(`JsonData/CODE_SHCE_SJHYLYDM.json`)
.then((res) => {
this.codeData = res.data.data.rows;
})
.catch((err) => {
console.log(err);
});
},
//提交
callSubmit(params, fileLists) {
debugger;
this.loadingFk = true;
this.loading = true;
let arr = {};
fileLists.qtFj.forEach((item) => {
arr = item.raw;
});
params.append("fileList", arr);
params.append("xs.xsbh", this.$route.query.xsbh);
updateXs(params).then((res) => {
if (res.code == "200") {
this.$alert("提交成功!", "提示", {
confirmButtonText: "确定",
type: "success",
callback: () => {
window.opener.location.reload();
window.close();
this.loading = false;
this.loadingFk = false;
},
});
}
});
},
//指令详情信息查询
getZlxx() {
var self = this;
getZlxqAllByBh({
xxzjbh: this.xxzjbh,
}).then((res) => {
self.xsList[0].xstz = res.data.zlxq;
// self.getXsTzFj(res.data.zlxq.shsexsbh)
});
},
//获取线索信息
getAjDetail() {
var self = this;
getShsexsXq({
shsexsbh: self.shsexsbh,
page: 1,
rows: 5,
}).then((res) => {
// if (res.data.xs.sfbjPdbz == '是') {
// self.xsList[1].vShow = true
// self.getXsbjFj()
// self.xsList[1].xsxx.forEach(item => {
// item.content = res.data.xs[item.id]
// })
// }
self.xsList[0].xsxx.forEach((item) => {
item.content = res.data.xs[item.id];
});
self.xsly = res.data.xs.shsexslydm;
self.isParent = res.data.xs.isparent;
if (self.xsly == "群众来信" || self.xsly == "群众来电") {
self.xslyCode == "1";
}
setTimeout(() => {
self.loading = false;
}, 100);
});
},
getDetails(res, i) {
var self = this;
self.xsList[0].xsss[i].page.total = res.data.total;
var obj = {};
var key = "";
var value = "";
res.data.rows.forEach((item) => {
self.xsList[0].xsss[i].tableList.forEach((subItem) => {
obj[subItem.prop] = item[subItem.prop];
});
self.xsList[0].xsss[i].shuju.push(obj);
obj = {};
});
},
//嫌疑人信息
getXyrDetail() {
var self = this;
getXsglxyrList({
shsexsbh: this.shsexsbh,
page: self.xsList[0].xsss[0].page.currentPage,
rows: self.xsList[0].xsss[0].page.pageSize,
}).then((res) => {
if (self.xslyCode == "1") {
self.getDetails(res, 5);
self.result.bjbrResult = res.data.rows;
self.xsList[0].xsss[5].type = "show";
self.xsList[0].xsss[0].type = "";
} else {
self.getDetails(res, 0);
self.result.xyrResult = res.data.rows;
self.xsList[0].xsss[0].type = "show";
self.xsList[0].xsss[5].type = "";
}
});
self.xsList[0].xsss[0].shuju = [];
},
//举报人信息
getJbrDetail() {
var self = this;
getXsgljbrList({
shsexsbh: this.shsexsbh,
page: self.xsList[0].xsss[1].page.currentPage,
rows: self.xsList[0].xsss[1].page.pageSize,
}).then((res) => {
if (res.data.rows[0].jbrxm) {
self.getDetails(res, 1);
self.result.jbrResult = res.data.rows;
self.xsList[0].xsss[1].type = "show";
self.xsList[0].xsss[3].type = "";
self.xsList[0].xsss[4].type = "";
} else if (res.data.rows[0].tbrxm) {
self.getDetails(res, 3);
self.result.jbrResult = res.data.rows;
self.xsList[0].xsss[3].type = "show";
self.xsList[0].xsss[4].type = "";
self.xsList[0].xsss[1].type = "";
} else if (res.data.rows[0].xstgrbm) {
self.getDetails(res, 4);
self.result.tgrResult = res.data.rows;
self.xsList[0].xsss[4].type = "show";
self.xsList[0].xsss[1].type = "";
self.xsList[0].xsss[3].type = "";
}
});
self.xsList[0].xsss[1].shuju = [];
},
//公职人员信息
getGzryDetail() {
var self = this;
getSjgzryList({
shsexsbh: this.shsexsbh,
page: self.xsList[0].xsss[2].page.currentPage,
rows: 5,
}).then((res) => {
self.getDetails(res, 2);
self.result.gzryResult = res.data.rows;
if (res.data.rows[0].gzryXm) {
self.xsList[0].xsss[2].type = "show";
} else {
self.xsList[0].xsss[2].type = "";
}
});
self.xsList[0].xsss[2].shuju = [];
},
getXsFj() {
var self = this;
getXsfjByXsbh({
shsexsbh: self.shsexsbh,
}).then((res) => {
var obj = {};
var key = "";
var value = "";
res.data.rows.forEach((item) => {
obj.fjName = item.xsfjDzwjmc;
obj.xxzjbh = item.xxzjbh;
obj.type = "no";
self.xsList[0].xsFj.default.push(obj);
obj = {};
});
});
},
},
watch: {
// 'formLabelAlign.hcjgdm': {
// handler: function (val, oldval) {
// debugger
// console.log(val)
// if (val == '02' || val == '03') {
// this.rules['hcfkglxyr.xm'] = this.$rules.checkEmpty
// this.rules['hcfkglxyr.gmsfzh'] = this.$rules.checkEmpty
// this.rules['asjbh'] = this.$rules.checkEmpty
// // this.$set(this.rules, 'hcfkglxyr.xm', this.$rules.checkEmpty)
// // this.$set(this.rules, 'hcfkglxyr.gmsfzh', this.$rules.checkEmpty)
// // this.rules.hcfkglxyr.xm = this.$rules.checkEmpty
// // this.rules.hcfkglxyr.gmsfzh = this.$rules.checkEmpty
// this.initFields()
// } else {
// this.rules['hcfkglxyr.xm'] = null
// this.rules['asjbh'] = null
// this.rules['hcfkglxyr.gmsfzh'] = null
// // this.$set(this.rules, 'hcfkglxyr.xm', '')
// // this.$set(this.rules, 'hcfkglxyr.gmsfzh', '')
// this.$forceUpdate()
// }
// },
// deep: true
// },
// formLabelAlign: {
// handler: function (val, oldval) {
// console.log(val)
// if (this.$route.query.fkid) {
// this.rules['hcjgdm'] = this.$rules.checkEmpty
// this.rules['sjhyly'] = this.$rules.checkEmpty
// this.rules['fknrJyqk'] = this.$rules.checkEmpty
// this.initFields()
// } else {
// this.rules['hcjgdm'] = null
// this.rules['sjhyly'] = null
// this.rules['fknrJyqk'] = null
// this.$forceUpdate()
// }
// if (val.hcjgdm == '04') {
// this.rules['sjhyly'] = null
// this.rules['fknrJyqk'] = null
// }
// },
// deep: true
// }
},
};
</script>
<style lang="scss" scoped>
.xsfk {
/deep/.el-loading-spinner {
// top: 72%;
// margin-top: -21px;
// width: 100%;
// text-align: center;
// position: absolute;
position: fixed;
top: 50%;
}
// background-image: url(../../assets/img/bj.png);
background-repeat: no-repeat;
background-attachment: scroll;
max-height: 100%;
overflow-y: scroll;
/deep/.el-loading-mask {
height: 249%;
position: absolute;
z-index: 2000;
background-color: rgba(255, 255, 255, 0.9);
margin: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: opacity 0.3s;
}
}
.form {
margin-top: 85px;
/deep/ .formContent .allForm {
margin: 0 !important;
}
/deep/ .itemtextarea .el-textarea__inner {
width: 800px;
}
/deep/ #formCommonPage .formContent .childrenAsAdd .addContent {
width: 1000px;
margin-left: 140px;
margin-top: 0px;
margin-bottom: 16px !important;
padding-top: 10px;
}
/deep/ #formCommonPage .formContent .addChildBtn .el-button {
width: 1000px;
}
/deep/ #formCommonPage .formContent .addChildBtn {
margin-top: 0 !important;
}
/deep/ #formCommonPage .formContent {
padding-left: 15px;
}
}
.det /deep/ #xsDet .xs_main .content .xs .xs_xq .xs_xq_wrap .xs_xq_contents {
&:nth-child(5) {
width: 600px;
}
}
.det /deep/ #xsDet .xs_main .content .xs .xs_xq {
padding-left: 35px;
}
.det
/deep/
#xsDet
.xs_main
.content
.xs
.xs_xq
.xs_xq_wrap
.xs_xq_contents
.xs_xq_content {
width: 250px;
}
.det
/deep/
#xsDet
.xs_main
.content
.xs
.xs_xq
.xs_xq_wrap
.xs_xq_contents
.xs_xq_name {
width: 118px;
}
.det /deep/ #xsDet .xs_main .content .xs .xs_xq .xs_xq_wrap {
width: 1280px;
}
.det /deep/ #xsDet .xs_main .content .xs .xs_form .name {
width: 118px;
min-width: 118px;
}
.det /deep/ #xsDet .xs_main .content .xs .xs_fj .fj_title {
width: 118px;
min-width: 118px;
}
.det /deep/ #xsDet .xs_main .content {
margin-left: 7px;
}
.hcfksh {
width: 1400px;
margin: 10px auto;
box-shadow: 0px 1px 2px rgba($color: #000000, $alpha: 0.2);
padding: 20px;
background: #fff;
color: #8c97a0;
.content_item {
.name {
color: $base-color;
}
.ba_radio {
display: flex;
}
}
}
</style>
<style lang="scss" scoped>
// .xshc /deep/ #xsDet .xs_main {
// margin-left: 7px;
// }
.form /deep/ .childrenAsAdd {
.addName {
width: 110px !important;
}
}
/deep/.el-button {
margin-right: -19px !important;
}
/deep/.el-dialog__header {
background: #0081f7 !important;
}
/deep/.el-dialog {
position: relative;
margin: 0 auto 50px;
border-radius: 2px;
box-sizing: border-box;
width: 50%;
}
</style>
src/views/xshb/xshb/zczzxq.vue 0 → 100644
<template>
<div id="formCommonPage">
<div class="groupTitleBox">
<img src="~@/assets/img/login/jinhui.png" alt="" />
<span class="groupTitle">{{ propTitle }}</span>
</div>
<div style="margin-top: 20px">
<div class="add">
<div class="contents">
<div>
<div class="title">侦查组织信息</div>
<div style="margin: 0px 0 0 18px">
<div style="display: flex; margin: 0 20px; flex-wrap: wrap">
<div class="xsXq" v-for="xsItem in xs" :key="xsItem.id">
<div class="bt">{{ xsItem.name }}:</div>
<div class="nr">
{{ xsItem.content }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import {getZbzzByZjbh} from "@/api/xshb/xshb.js";
export default {
name: "",
components: {},
data() {
return {
propTitle: "侦查组织详情",
xs: [
{
name: "姓名",
id: "xm",
content: "sssss",
},
{
name: "性别",
id: "xbdmStr",
content: "",
},
{
name: "身份证号",
id: "gmsfzh",
content: "",
},
{
name: "联系电话",
id: "lxdh",
content: "",
},
{
name: "角色",
id: "jsdmStr",
content: "",
},
{
name: "角色职责",
id: "jszz",
content: "",
},
{
name: "单位",
id: "dwdmStr",
content: "",
},
{
name: "已完成工作",
id: "ywcgz",
content: "",
},
{
name: "待办工作",
id: "dbgz",
content: "",
},
],
};
},
created() {
this.getZbzzByZjbh()
},
methods: {
getZbzzByZjbh() {
let loading = this.$loading({
lock: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
getZbzzByZjbh({
xxzjbh: this.$route.query.xxzjbh,
}).then((res) => {
if (res.code == 200) {
this.xs.forEach((item) => {
item.content = res.data.zbzz[item.id];
});
loading.close();
}
});
},
},
watch: {},
};
</script>
<style lang="scss">
/*覆盖ui库得样式，在scoped里没效果*/
.v-modal {
z-index: 10 !important;
}
</style>
<!--级联样式-->
<style scoped lang="scss">
$-header-bg: #1a81e1;
$-header-height: 60px;
$-header-fontSize: 18px;
.prive_picture {
z-index: 999;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
.picture {
width: 500px;
height: 800px;
left: 40%;
top: 50%;
// transform: translateX(-50%);
transform: translateY(-50%);
}
}
.shade {
width: 178px;
height: 178px;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 999;
}
.avatar-uploader {
position: relative;
}
.avatar-uploader .el-upload:hover {
border-color: #409eff;
}
.avatar-uploader .el-upload__input {
position: relative;
z-index: 12;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 178px;
height: 178px;
line-height: 178px;
text-align: center;
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.avatar {
width: 178px;
height: 178px;
display: block;
}
#formCommonPage {
width: 100% !important;
.subTitle {
div {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 600;
line-height: 48px;
height: 48px;
color: #363636;
opacity: 1;
border-bottom: 1px solid rgb(132, 216, 240);
}
}
.sjjcShadow {
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0px;
left: 0px;
z-index: 1000;
.dongTu {
width: 420px;
height: 210px;
/*background: #ffffff;
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);*/
opacity: 1;
border-radius: 8px;
position: fixed;
display: flex;
top: 50%;
left: 55%;
color: #ffe400;
margin-top: -105px;
margin-left: -210px;
z-index: 100;
.littleTips {
width: 110px;
display: flex;
}
.centerImage {
width: 200px;
height: 200px;
position: relative;
top: 19px;
margin-left: 113px;
}
}
}
// 表单内内容
.groupTitleBox {
height: 48px;
background: #0061f7;
font-size: 18px;
font-weight: bold;
line-height: 48px;
color: #ffffff;
padding: 0 17px;
img {
width: 36px;
margin-left: 5px;
}
}
.formContent {
margin: 0 20px;
margin-bottom: 88px;
// background: #ffffff;
// box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
border-radius: 4px;
.caijiIcon {
margin-right: 5px;
}
/deep/.el-input__inner,
/deep/.el-textarea__inner {
background: #fdfdfd !important;
}
/deep/.el-input__inner {
height: 32px;
}
/deep/.el-checkbox-button,
/deep/.el-checkbox-button__inner {
min-width: 74px;
height: 24px;
border-radius: 2px !important;
padding: 6px 4px !important;
margin-top: -10px !important;
}
/deep/.el-upload-list__item.is-success
/deep/.el-upload-list__item-status-label {
line-height: 36px;
}
/deep/.el-date-editor--daterange {
.el-range-separator {
line-height: 20px;
}
}
//分块组级卡片
.paneGroupDiv {
background: #ffffff;
padding: 0 40px;
padding-bottom: 20px;
width: 1200px;
margin: 0 auto;
// 表单元素的真实容器
.zdyLine {
padding-bottom: 20px;
border-bottom: 1px solid #e4e4e4;
// width: 1200px;
/deep/.el-form-item {
margin-bottom: 0px !important;
.el-form-item__label {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
// color: #666666;
line-height: 32px;
}
.el-form-item__content {
font-size: 13px;
line-height: 36px;
// height: 36px;
.el-form-item__error {
padding-top: 0px;
}
.el-textarea {
margin-bottom: 10px;
}
.el-input__inner {
border-radius: 4px;
}
.codeTree {
.el-select {
.el-icon-arrow-up {
font-family: "iconfont" !important;
font-size: 16px !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.el-icon-arrow-up:before {
content: "\e635";
}
}
}
}
}
.item1,
.zdycol1 {
display: inline-block;
width: 100%;
}
.item1col2 {
display: inline-table;
.el-select {
width: 360px;
height: 36px;
}
}
.item3 {
display: inline-block;
width: 25%;
/deep/ .el-input .el-input--suffix,
.el-date-editor {
width: 100%;
}
}
div[class^="item"] {
vertical-align: middle;
}
.item2,
.zdycol2 {
display: inline-table;
width: 50%;
/deep/ .el-input .el-input--suffix,
.el-date-editor {
width: 100%;
}
}
.item2-3,
.zdycol2-3 {
display: inline-table;
width: 33.3%;
/deep/ .el-input .el-input--suffix,
.el-date-editor {
width: 100%;
}
}
.item3 {
width: 66.66%;
display: inline-table;
}
.item5 {
width: 66.66%;
display: inline-table;
}
.item6 {
width: 48%;
display: inline-table;
}
.item7 {
width: 66%;
display: inline-table;
margin-right: 34%;
.zdyInputW,
.el-input {
width: 100% !important;
}
}
.item8 {
width: 90%;
display: inline-block;
}
.item9 {
width: 40%;
margin-right: 20%;
display: inline-table;
/deep/ .el-date-editor {
width: 100% !important;
}
}
.item10 {
width: 40%;
margin-right: 60%;
display: inline-table;
}
.item11 {
width: 90%;
display: inline-block;
}
.item12 {
width: 120px;
margin-left: 140px;
display: inline-block;
}
.item13 {
width: auto;
margin-left: 160px;
display: inline-block;
/deep/.el-checkbox-button {
.el-checkbox-button__inner {
padding-left: 0px !important;
}
padding-left: 0px !important;
}
}
.item14 {
width: auto;
margin-left: 0px;
display: inline-block;
}
.item15 {
width: 120px;
margin-left: 16px;
margin-right: 500px;
display: inline-block;
margin-top: 15px;
margin-bottom: 8px;
}
.item16 {
width: 66%;
display: inline-block;
/deep/ .el-input {
width: calc(91% + 2px) !important;
}
}
.item17 {
width: 65%;
margin-right: 10%;
display: inline-block;
}
.item18 {
width: 100%;
margin: 14px 0;
margin-right: 34%;
display: inline-block;
}
.item18-1 {
width: 100%;
margin: 14px 0;
margin-right: 34%;
display: inline-block;
}
.item19 {
width: 46%;
margin-right: 20%;
display: inline-table;
}
.item20 {
margin-left: 145px;
width: 80%;
display: inline-block;
}
.item21 {
width: 74%;
margin-right: 25%;
display: inline-block;
}
.item22 {
width: 99%;
margin: 14px 0;
.el-input {
width: 65% !important;
}
display: inline-block;
}
.item23 {
width: 30%;
display: inline-block;
}
.item25 {
width: 33%;
margin-right: 33%;
display: inline-table;
}
.upload-demo {
/deep/.el-icon-close {
top: 12px;
right: 4px;
}
/deep/.el-button {
border-radius: 2px;
}
}
.zdyInputW {
width: 100%;
height: 36px;
display: inline-block;
.lazydate {
width: 100%;
}
.lazysjdq {
line-height: 36px;
background: #fdfdfd;
border-radius: 2px;
/* width: 90%; */
width: 360px;
}
.el-cascader {
width: 85%;
}
.el-select {
width: 100%;
}
}
.zdyInputCol2 {
width: 90%;
.el-input {
width: calc((100% - 24px) / 2);
}
}
.childrenAsAdd {
.item2,
.item1 {
margin: 6px 0;
}
.addName {
display: inline-block;
width: 100px;
text-align: right;
vertical-align: top;
font-size: 13px;
line-height: 100px;
padding: 0 12px 0 0;
font-family: Microsoft YaHei;
font-weight: 400;
}
.addContent {
width: calc(100% - 114px);
display: inline-block;
background: #fef6ea;
background: #fef6ea;
border: 0px solid #ffd193;
opacity: 1;
border-radius: 4px;
padding-top: 28px;
margin: 24px 0 4px 0;
padding-bottom: 15px;
position: relative;
.el-input,
.el-select,
.el-date-editor,
.zdyInputW {
width: 85% !important;
}
.zdyInputW {
.el-input,
.el-cascader,
.el-select {
width: 100% !important;
}
}
.zdyicon {
position: absolute;
right: 20px;
top: 36px;
font-size: 12px;
color: #8c97a0;
cursor: pointer;
}
/deep/ .el-input__inner {
background: #ffffff !important;
height: 29px;
}
/deep/ .el-form-item:nth-child(1),
/deep/ .el-form-item:nth-child(2) {
margin-top: 0px;
}
}
}
}
}
.addChildBtn {
margin: 6px 0 0px 0;
.el-button {
border: none;
width: 96px;
height: 26px;
padding: 0px;
background: #fe9200;
opacity: 1;
border-radius: 2px;
margin-left: 160px;
}
}
.caoGao {
margin-left: 160px;
width: 148px;
height: 39px;
background: #ff9800;
box-shadow: 0px 4px 6px rgba(255, 152, 0, 0.12);
opacity: 1;
}
.day,
.codeTag .tag {
width: 100%;
}
.lazycode {
.el-cascader {
width: 276px;
height: 40px;
}
}
.name {
width: 900px;
height: 40px;
}
}
/deep/.treeDialog {
width: 680px;
background: #ffffff;
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
opacity: 1;
border-radius: 8px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -223px !important;
margin-left: -340px;
z-index: 100;
}
.button {
padding: 0 32px;
height: 48px;
background: #ffffff;
box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.08);
opacity: 1;
z-index: 2;
display: flex;
align-items: center;
justify-content: flex-end;
position: fixed;
bottom: 0;
width: calc(100% - 305px);
.finish {
width: 76px;
height: 32px;
background: #0061f7;
border-radius: 4px;
color: #ffffff;
line-height: 9px;
}
.examine {
width: 92px;
}
.saveExamine {
width: 150px;
}
}
.saveButton {
padding: 0 32px;
height: 48px;
background: #fff;
// box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.08);
opacity: 1;
z-index: 4;
// display: flex;
// align-items: center;
// justify-content: flex-end;
// position: fixed;
bottom: 0;
width: calc(100% - 305px);
.finish {
width: 76px;
height: 32px;
background: #0061f7;
border-radius: 4px;
color: #ffffff;
line-height: 9px;
}
}
}
#formCommonPage .el-input.is-disabled /deep/ .el-input__inner {
color: #606266 !important;
background-color: #f1f3f4 !important;
}
#formCommonPage /deep/ .zdyInputW .el-select .is-disabled .el-input__inner {
color: #606266 !important;
background-color: #f1f3f4 !important;
}
/*警员选择*/
.jyDialog {
/deep/ .el-dialog__body {
padding: 10px 15px;
}
/deep/ .el-input__inner {
height: 30px;
line-height: 30px;
}
/deep/ .el-form-item {
margin-bottom: 14px;
}
/deep/ .ryListWrap {
height: 300px;
max-height: 400px;
overflow-y: auto;
margin: 0 15px;
}
li {
list-style-type: none;
display: inline-block;
width: 33%;
margin: 3px 0;
}
/deep/ .el-form-item {
line-height: 30px;
height: 30px;
}
}
.dragwrap {
display: flex;
padding: 10px 20px;
.contentH {
max-height: 400px;
overflow-y: auto;
}
.group-item3 {
width: 33%;
display: inline-block;
}
.group-item1 {
width: 100%;
}
.selected {
width: 565px;
display: inline-block;
margin-right: 40px;
margin-bottom: 15px;
li {
color: $base-color;
cursor: pointer;
div {
display: inline-block;
}
}
}
.waiting {
flex: 1;
display: inline-block;
margin-bottom: 15px;
li {
color: #333333;
cursor: pointer;
display: inline-block;
width: 33%;
div {
display: inline-block;
}
}
}
.select-header {
font-weight: bold;
line-height: 19px;
color: #333333;
margin: 8px 0;
}
}
//电梯
.dt_menu {
position: fixed;
top: 200px;
right: 100px;
}
#ypbg .dt_menu {
.el-steps--vertical {
cursor: pointer;
}
.el-step__icon.is-text {
border: none;
}
.el-step__icon-inner {
width: 6px;
height: 6px;
background: #dddddd;
color: transparent;
border-radius: 50%;
}
.el-step__line {
background-color: #eaeaea;
}
.el-step__icon {
height: 16px;
}
.el-step__head {
top: 4px;
}
}
</style>
<style scoped lang='scss'>
.add {
width: 1200px;
margin: 0 auto;
// height: 600px;
background: #ffffff;
border-radius: 10px;
}
.contents {
padding-bottom: 30px;
.title {
margin: 0 20px;
// width: 1200px;
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 600;
line-height: 48px;
height: 48px;
color: #363636;
opacity: 1;
border-bottom: 1px solid #84d8f0;
}
}
.xsXq {
display: flex;
width: 380px;
margin-top: 10px;
}
.bt {
width: 100px;
font-weight: 400;
font-size: 14px;
font-family: Source Han Sans CN;
}
.nr {
width: 280px;
color: #808591;
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
}
.fj_item {
display: flex;
}
i.iconfont.iconfujian-wenjian {
color: #ffa456;
margin-right: 9px;
}
.cz {
line-height: 33px;
margin-left: 17px;
color: #0061f7;
cursor: pointer;
}
.zczz {
width: 1122px;
margin-top: 50px;
}
.anList {
color: #0061f7;
font-family: Source Han Sans CN;
cursor: pointer;
}
.xzs {
float: right;
border: 1px solid #0061f7;
width: 61px;
text-align: center;
margin: 0 0 10px;
color: #0061f7;
}
.icons {
position: fixed;
top: 72px;
right: 250px;
width: 60px;
height: 60px;
border-radius: 50%;
z-index: 2000;
box-shadow: 0 6px 12px rgba(#1a81e1, 0.3);
}
.aa {
transform: rotate(225deg);
transition: ease-in-out 0.3s;
box-shadow: 0 6px 12px rgba(#1a81e1, 0.3);
}
.header_nav {
margin-right: 20px;
line-height: 60px;
position: relative;
.showNav {
position: fixed;
z-index: 999;
right: 289px;
background: #fff;
box-shadow: 0 6px 12px rgba(#000, 0.2);
border-radius: 4px;
width: 185px;
top: 103px;
padding-bottom: 30px;
.nav_header_title {
color: #999999;
font-size: $ns-font-size-lg;
margin-left: 20px;
height: 50px;
}
.nav_header_item {
.nav_childitem {
font-size: $ns-font-size-lg;
display: flex;
color: #000;
height: 50px;
cursor: pointer;
}
.nav_item_name {
color: #222222;
width: 132px;
margin-left: 30px;
}
}
}
}
</style>
src/views/xshb/xshb/zczzxz.vue 0 → 100644
<template>
<div>
<form-compontent
class="formCompontent"
:formField="propFormField"
:formLabelAligns="formLabelAlign"
@submit="submit"
:propTitle="title"
></form-compontent>
</div>
</template>
<script>
import formCompontent from "@c/zczzForm.vue";
import { addZbzz, updateZbzz, getZbzzByZjbh } from "@/api/xshb/xshb.js";
import axios from "@/utils/http.js";
import { zczz_jbxx } from "@/utils/params.js";
export default {
name: "zczz",
components: {
formCompontent,
},
data() {
return {
header: "侦查组织",
title: "新增侦查组织",
propFormField: [
//基本信息
{
title: "侦查组织信息",
id: 1,
objStr: "",
index: 0,
data: zczz_jbxx,
},
],
formLabelAlign: {},
glxxXxzjbh: "",
xxzjbh: "",
xsbh: "",
result: {},
};
},
methods: {
submit(params) {
let loading = this.$loading({
lock: true,
text: "正在保存...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
if (!this.xxzjbh) {
this.addSubmit(params, loading);
} else {
this.editSubmit(params, loading);
}
},
windowRefresh() {
window.close();
window.opener.location.reload();
},
addSubmit(params, loading) {
params.append("xsbh", this.xsbh);
addZbzz(params).then((res) => {
if (res.success && res.code == 200) {
window.opener.location.reload()
window.close()
this.$alert("保存成功!", "提示", {
confirmButtonText: "确定",
type: "success",
callback: () => {
debugger;
loading.close();
// window.close();
},
});
} else {
loading.close();
this.$message.error("添加失败，请检查数据格式是否正确");
}
});
},
editSubmit(params, loading) {
params.append("xxzjbh", this.xxzjbh);
updateZbzz(params).then((res) => {
if (res.success && res.code == 200) {
this.$alert("保存成功!", "提示", {
confirmButtonText: "确定",
type: "success",
callback: () => {
loading.close();
window.close();
},
});
} else {
loading.close();
this.$message.error("添加失败，请检查数据格式是否正确");
}
});
},
getshuju() {
var self = this;
let loading = this.$loading({
lock: true,
text: "正在加载...",
spinner: "el-icon-loading",
background: "rgba(255, 255, 255, 0.7)",
});
getZbzzByZjbh({
xxzjbh: this.xxzjbh,
}).then((res) => {
var result = res.data.zbzz;
this.result = result;
self.propFormField.forEach((fieldItem) => {
if (fieldItem.data && fieldItem.data.length > 0) {
fieldItem.data.forEach((i) => {
this.$set(this.formLabelAlign, i.id, result[i.id]);
});
}
this.$forceUpdate();
});
self.$set(self.formLabelAlign, "editing", true);
loading.close();
});
},
},
created() {
this.xsbh = this.$route.query.xsbh;
if (this.$route.query.xxzjbh) {
this.xxzjbh = this.$route.query.xxzjbh;
this.title = "修改侦查组织";
this.getshuju();
}
},
};
</script>
<style lang="scss" scoped>
.formCompontent /deep/ {
#spbtn {
width: calc(100% - 40px);
}
}
</style>
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