From 127188cb84a91dd76bf467423501436b94e019de Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Fri, 02 Feb 2024 15:55:17 +0800
Subject: [PATCH] 九小场所修改
---
src/views/publicSecurity/ninePlaceManage/archivesManage.vue | 109 ++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 97 insertions(+), 12 deletions(-)
diff --git a/src/views/publicSecurity/ninePlaceManage/archivesManage.vue b/src/views/publicSecurity/ninePlaceManage/archivesManage.vue
index ee37fbd..1e8d774 100644
--- a/src/views/publicSecurity/ninePlaceManage/archivesManage.vue
+++ b/src/views/publicSecurity/ninePlaceManage/archivesManage.vue
@@ -5,6 +5,15 @@
:before-open="beforeOpen" @search-change="searchChange" @search-reset="searchReset"
@selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
@refresh-change="refreshChange" @on-load="onLoad">
+ <template slot-scope="{row, size}" slot="principalIdCard">
+ <el-button :size="size" type="text" @click="showStringDispose(row, 'principalIdCardflag')">
+ {{ textDispose(row, 'principalIdCardflag', 'principalIdCard') }}
+ </el-button>
+ </template>
+ <template slot-scope="{row, size}" slot="principalPhone">
+ <el-button :size="size" type="text" @click="showStringDispose(row, 'principalPhoneflag')"
+ v-text="textDispose(row, 'principalPhoneflag', 'principalPhone')"></el-button>
+ </template>
</avue-crud>
</basic-container>
</template>
@@ -13,7 +22,9 @@
import {
mapGetters
} from "vuex"
-import website from '@/config/website'
+import {
+ getDAGLList
+} from "@/api/publicSecurity/ninePlaceManage"
export default {
data () {
@@ -46,44 +57,77 @@
dialogClickModal: false,
column: [{
label: "地区",
- prop: "regionName",
+ prop: "townStreetName",
align: 'center',
+ search: true,
+ searchSpan: 4,
+ searchLabelWidth: 46,
+ labelWidth: 120,
+ width: 156
}, {
label: "场所名称",
- prop: "regionName",
+ prop: "placeName",
align: 'center',
+ search: true,
+ searchSpan: 4,
+ searchLabelWidth: 96,
+ width: 156
}, {
label: "场所地址",
- prop: "regionName",
+ prop: "location",
align: 'center',
}, {
label: "场所类别",
- prop: "regionName",
+ prop: "nineType",
align: 'center',
+ dicUrl: "/api/blade-system/dict-biz/tree?code=nineType",
+ props: {
+ label: "title",
+ value: "key",
+ },
+ search: true,
+ searchSpan: 4,
+ searchLabelWidth: 96
}, {
label: "场所负责人",
- prop: "regionName",
+ prop: "principal",
align: 'center',
+ search: true,
+ searchSpan: 4,
+ searchLabelWidth: 106,
+ width: 110
}, {
label: "身份证信息",
- prop: "regionName",
+ prop: "principalIdCard",
align: 'center',
+ slot: true,
+ width: 160
}, {
label: "联系方式",
- prop: "regionName",
+ prop: "principalPhone",
align: 'center',
+ slot: true,
+ width: 120
}, {
label: "辖区派出所",
- prop: "regionName",
+ prop: "deptName",
align: 'center',
+ search: true,
+ searchSpan: 4,
+ searchLabelWidth: 106
}, {
label: "责任民警",
- prop: "regionName",
+ prop: "policeName",
align: 'center',
+ search: true,
+ searchSpan: 4,
+ searchLabelWidth: 96,
+ width: 110
}, {
label: "责任民警联系方式",
- prop: "regionName",
+ prop: "policePhone",
align: 'center',
+ width: 120
}],
},
data: []
@@ -108,8 +152,25 @@
return ids.join(",")
},
+ textDispose () {
+ return (row, flag, type) => {
+ if (row[flag] || row[type] == null) {
+ return row[type]
+ } else {
+ if (type == 'principalIdCard') {
+ return row[type].replace(/^(.{6})(?:\d+)(.{4})$/, "$1******$2")
+ } else {
+ return row[type].replace(/^(.{3})(?:\d+)(.{4})$/, "$1****$2")
+ }
+ }
+ }
+ }
},
methods: {
+ showStringDispose (row, type) {
+ row[type] = !row[type]
+ },
+
rowSave (row, done, loading) {
if (row.imageUrls.length > 0) {
var urls = []
@@ -274,7 +335,23 @@
onLoad (page, params = {}) {
this.loading = true
- this.loading = false
+ getDAGLList(page.currentPage, page.pageSize, { ...Object.assign(params, this.query), isNine: 1 }).then(res => {
+ console.log('getDAGLList', res.data.data.records)
+ const data = {
+ ...res.data.data,
+ records: res.data.data.records.map(item => {
+ return {
+ ...item,
+ 'principalIdCardflag': false,
+ 'principalPhoneflag': false
+ }
+ })
+ }
+ this.page.total = data.total
+ this.data = data.records
+ this.loading = false
+ this.selectionClear()
+ })
}
}
}
@@ -284,4 +361,12 @@
.avue-upload__icon {
line-height: 6;
}
+
+:deep(.el-form-item__content) {
+ text-align: left !important;
+}
+
+:deep(.avue-form__menu--center .el-button) {
+ margin: 0 5px 0 0;
+}
</style>
--
Gitblit v1.9.3