|
@@ -1,52 +1,52 @@
|
|
|
<template>
|
|
|
<div class="u-detail">
|
|
|
- <el-form ref="ruleForm" label-width="120px" label-suffix=":">
|
|
|
+ <el-form v-if="detailInfo.id" ref="ruleForm" label-width="120px" label-suffix=":">
|
|
|
<dg-row :gutter="20">
|
|
|
<dg-col :span="12">
|
|
|
<el-form-item label="姓名" prop="name">
|
|
|
- <div class="u-detail__text">{{ sizeForm.name }}</div>
|
|
|
+ <div class="u-detail__text">{{ detailInfo.name }}</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="身份证" prop="idcard">
|
|
|
- <div class="u-detail__text">{{ sizeForm.idcard }}</div>
|
|
|
+ <div class="u-detail__text">{{ detailInfo.idcard }}</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="省份" prop="area" class="form-area">
|
|
|
- <div class="u-detail__text" v-translate="{ code: 'DM_AREA_CODE' }">{{ sizeForm.area }}</div>
|
|
|
+ <div class="u-detail__text" v-translate="{ code: 'DM_AREA_CODE' }">{{ detailInfo.area }}</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="警号" prop="policeNumber">
|
|
|
- <div class="u-detail__text">{{ sizeForm.policeNumber }}</div>
|
|
|
+ <div class="u-detail__text">{{ detailInfo.policeNumber }}</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="性别" prop="sex">
|
|
|
- <div class="u-detail__text" v-translate="{ code: 'DM_SEX' }">{{ sizeForm.sex }}</div>
|
|
|
+ <div class="u-detail__text" v-translate="{ code: 'DM_SEX' }">{{ detailInfo.sex }}</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="出生日期" prop="birth">
|
|
|
- <div class="u-detail__text">{{ sizeForm.birth }}</div>
|
|
|
+ <div class="u-detail__text">{{ detailInfo.birth }}</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="警种" prop="policeCategory">
|
|
|
<div class="u-detail__text" v-translate="{ code: 'T_MD_POLICE_TYPE' }">
|
|
|
- {{ sizeForm.policeCategory }}
|
|
|
+ {{ detailInfo.policeCategory }}
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="人员类型" prop="manType">
|
|
|
- <div class="u-detail__text" v-translate="{ code: 'DM_MAN_TYPE' }">{{ sizeForm.manType }}</div>
|
|
|
+ <div class="u-detail__text" v-translate="{ code: 'DM_MAN_TYPE' }">{{ detailInfo.manType }}</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="警衔" prop="rank">
|
|
|
- <div class="u-detail__text" v-translate="{ code: 'DM_POLICE_RANK' }">{{ sizeForm.rank }}</div>
|
|
|
+ <div class="u-detail__text" v-translate="{ code: 'DM_POLICE_RANK' }">{{ detailInfo.rank }}</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="手机号码(1)" prop="mobileWork">
|
|
|
- <div class="u-detail__text">{{ sizeForm.mobileWork }}</div>
|
|
|
+ <div class="u-detail__text">{{ detailInfo.mobileWork }}</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="QQ号">
|
|
|
- <div class="u-detail__text">{{ sizeForm.qqAccount }}</div>
|
|
|
+ <div class="u-detail__text">{{ detailInfo.qqAccount }}</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="微信号" prop="wxAccount">
|
|
|
- <div class="u-detail__text">{{ sizeForm.wxAccount }}</div>
|
|
|
+ <div class="u-detail__text">{{ detailInfo.wxAccount }}</div>
|
|
|
</el-form-item>
|
|
|
</dg-col>
|
|
|
<dg-col :span="12">
|
|
|
<el-form-item label="" prop="file">
|
|
|
<dg-upload
|
|
|
- v-model="sizeForm.file"
|
|
|
+ v-model="detailInfo.file"
|
|
|
disabled
|
|
|
icon-zoom
|
|
|
leaflet
|
|
@@ -56,14 +56,16 @@
|
|
|
></dg-upload>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="民族" prop="nation">
|
|
|
- <div class="u-detail__text" v-translate="{ code: 'DM_NATION_CODE' }">{{ sizeForm.nation }}</div>
|
|
|
+ <div class="u-detail__text" v-translate="{ code: 'DM_NATION_CODE' }">
|
|
|
+ {{ detailInfo.nation }}
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="业务域">
|
|
|
- <div class="u-detail__text">{{ policeBusinessLabel }}</div>
|
|
|
+ <el-form-item label="业务域标签">
|
|
|
+ <div class="u-detail__text">{{ transferBusinessTag(detailInfo.policeBusiness) }}</div>
|
|
|
<!--<dg-select-->
|
|
|
- <!--v-model="sizeForm.policeBusinessLabel"-->
|
|
|
+ <!--v-model="detailInfo.policeBusinessLabel"-->
|
|
|
<!--:url="`/duacm/codeSon/v2/searchColumn?codeDicId=DM_POLICE_BUSINESS&columnName=police_type_id&columnValue=${-->
|
|
|
- <!--sizeForm.policeCategory || '01'-->
|
|
|
+ <!--detailInfo.policeCategory || '01'-->
|
|
|
<!--}`"-->
|
|
|
<!--placeholder="请选择业务域"-->
|
|
|
<!--multiple-->
|
|
@@ -72,29 +74,26 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="职级" prop="title">
|
|
|
<div class="u-detail__text" v-translate="{ code: 'DM_CERT_DUTY_LEVEL' }">
|
|
|
- {{ sizeForm.title }}
|
|
|
+ {{ detailInfo.title }}
|
|
|
</div>
|
|
|
- <!--<div class="u-detail__text" v-for="item in treeData" :key="item.CODE">-->
|
|
|
- <!--<span v-if="item.CODE == sizeForm.title">{{item.NAME}}</span>-->
|
|
|
- <!--</div>-->
|
|
|
</el-form-item>
|
|
|
<el-form-item label="座机" prop="phone">
|
|
|
- <div class="u-detail__text">{{ sizeForm.phone }}</div>
|
|
|
+ <div class="u-detail__text">{{ detailInfo.phone }}</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="手机号码(2)" prop="mobilePrivate">
|
|
|
- <div class="u-detail__text">{{ sizeForm.mobilePrivate }}</div>
|
|
|
+ <div class="u-detail__text">{{ detailInfo.mobilePrivate }}</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="e-mail" prop="email">
|
|
|
- <div class="u-detail__text">{{ sizeForm.email }}</div>
|
|
|
+ <div class="u-detail__text">{{ detailInfo.email }}</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="联系地址" prop="address">
|
|
|
- <div class="u-detail__text">{{ sizeForm.address }}</div>
|
|
|
+ <div class="u-detail__text">{{ detailInfo.address }}</div>
|
|
|
</el-form-item>
|
|
|
</dg-col>
|
|
|
</dg-row>
|
|
|
<dg-row>
|
|
|
<dg-col :span="24">
|
|
|
- <dg-table :data="sizeForm.postInfos" :pagination="false" stripe border style="width: 100%;">
|
|
|
+ <dg-table :data="detailInfo.postInfos" :pagination="false" stripe border style="width: 100%">
|
|
|
<dg-table-column prop="orgName" label="单位名称" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<span v-show="scope.row.type == '1'">
|
|
@@ -116,15 +115,16 @@
|
|
|
</dg-table>
|
|
|
</dg-col>
|
|
|
</dg-row>
|
|
|
- <div class="dg-layer-demo" v-footer>
|
|
|
- <dg-button @click="handleClose">取消</dg-button>
|
|
|
- </div>
|
|
|
</el-form>
|
|
|
+ <div class="dg-layer-demo" v-footer>
|
|
|
+ <dg-button @click="handleClose">取消</dg-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import * as policeMsgApi from "@/api/police-manage";
|
|
|
+import { detail } from "@/api/police-manage";
|
|
|
+import transferBusinessTag from "@/mixins/transfer-business-tag";
|
|
|
|
|
|
export default {
|
|
|
name: "policeDetail",
|
|
@@ -132,15 +132,12 @@ export default {
|
|
|
sizeForm: {
|
|
|
type: Object,
|
|
|
required: true
|
|
|
- },
|
|
|
- treeData: {
|
|
|
- type: Array,
|
|
|
- default: () => []
|
|
|
}
|
|
|
},
|
|
|
+ mixins: [transferBusinessTag],
|
|
|
data() {
|
|
|
return {
|
|
|
- policeBusinessLabel: ""
|
|
|
+ detailInfo: {}
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
@@ -149,28 +146,9 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
- const that = this;
|
|
|
- const { sizeForm } = that;
|
|
|
- let str = "";
|
|
|
- policeMsgApi
|
|
|
- .businessDetail({
|
|
|
- codeDicId: "DM_POLICE_BUSINESS",
|
|
|
- columnName: "police_type_id",
|
|
|
- columnValue: sizeForm.policeCategory ? sizeForm.policeCategory : "01"
|
|
|
- })
|
|
|
- .then(res => {
|
|
|
- if (sizeForm.policeBusiness) {
|
|
|
- if (res && res.length > 0) {
|
|
|
- res.forEach(item => {
|
|
|
- if (sizeForm.policeBusiness.indexOf(item.value) !== -1) {
|
|
|
- str += item.label + ",";
|
|
|
- }
|
|
|
- });
|
|
|
- str = str.slice(0, str.length - 1);
|
|
|
- }
|
|
|
- that.policeBusinessLabel = str;
|
|
|
- }
|
|
|
- });
|
|
|
+ detail(this.sizeForm.id).then((res) => {
|
|
|
+ this.detailInfo = res;
|
|
|
+ });
|
|
|
}
|
|
|
};
|
|
|
</script>
|