From ebfc739bdbbc0dd0fccd0bf47b7d2d5397c3c511 Mon Sep 17 00:00:00 2001
From: lin <sbla5888@163.com>
Date: Fri, 22 Mar 2024 12:44:21 +0800
Subject: [PATCH] 轮播图片
---
src/views/grid/gridman.vue | 110 ++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 92 insertions(+), 18 deletions(-)
diff --git a/src/views/grid/gridman.vue b/src/views/grid/gridman.vue
index 56ab9da..e9216df 100644
--- a/src/views/grid/gridman.vue
+++ b/src/views/grid/gridman.vue
@@ -10,6 +10,11 @@
除
</el-button>
</template>
+ <template slot-scope="{row, size}" slot="mobile">
+ <el-button :size="size" type="text" @click="showStringDispose(row, 'mobileflag')"
+ v-text="textDispose(row, 'mobileflag', 'mobile')">
+ </el-button>
+ </template>
</avue-crud>
</basic-container>
</template>
@@ -32,13 +37,16 @@
datetime: "",
selectionList: [],
option: {
+ labelWidth: 96,
+ searchLabelWidth: 96,
+ searchShow: true,
+ searchMenuSpan: 3,
+ menuWidth: 210,
+
height: "auto",
calcHeight: 54,
dialogWidth: 950,
tip: false,
- searchShow: true,
- searchMenuSpan: 3,
- menuWidth: 350,
border: true,
//stripe:true,
index: true,
@@ -47,17 +55,19 @@
dialogClickModal: false,
column: [
{
+ hide: true,
+ parent: false,
label: "所属社区",
prop: "communityCode",
- search: true,
- searchSpan: 4,
- width: 150,
+ search: false,
type: "tree",
+ dataType: 'string',
dicUrl: "/api/blade-system/region/tree",
props: {
label: "name",
- value: "id"
+ value: "id",
},
+ cascader: ["gridCode"],
rules: [
{
required: true,
@@ -66,18 +76,19 @@
},
],
},
+
{
- label: "网格名称",
- prop: "gridId",
- searchSpan: 4,
- search: true,
+ label: "所属网格",
+ prop: "gridCode",
+ hide: true,
type: "tree",
- dicUrl: "/api/blade-grid/grid/getGridTree",
- defaultExpandedKeys: ["361102003"],
+ cell: true,
props: {
- label: "name",
- value: "id"
+ label: "gridName",
+ value: "gridCode",
},
+ dicUrl:
+ "/api/blade-grid/grid/getGridList?communityCode={{communityCode}}",
rules: [
{
required: true,
@@ -86,11 +97,14 @@
},
],
},
+
{
+ width: 110,
label: "网格员",
prop: "gridmanName",
searchSpan: 4,
search: true,
+ searchLabelWidth: 60,
rules: [
{
required: true,
@@ -99,7 +113,9 @@
},
],
},
+
{
+ width: 120,
label: "联系电话",
prop: "mobile",
searchSpan: 4,
@@ -111,11 +127,41 @@
trigger: "blur",
},
],
+ slot: true
},
+
{
+ overHidden: true,
+ label: "所属社区",
+ display: false,
+ prop: "communityName",
+ search: true,
+ searchSpan: 4,
+ rules: [{
+ required: true,
+ message: "请选择所属社区",
+ trigger: "blur",
+ }],
+ },
+
+ {
+ overHidden: true,
+ label: "所属网格",
+ addDisplay: false,
+ editDisplay: false,
+ viewDisplay: false,
+ prop: "gridName",
+ rules: [{
+ required: true,
+ message: "请选择所属网格",
+ trigger: "blur",
+ }],
+ },
+
+ {
+ width: 110,
label: "形象照",
prop: "picUrl",
- width: 80,
type: "upload",
listType: "picture-img",
action: "/api/blade-resource/oss/endpoint/put-file-attach",
@@ -157,8 +203,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.picUrl) {
var names = row.picUrl.split("jczz/")
@@ -257,7 +320,10 @@
},
beforeOpen (done, type) {
if (["edit", "view"].includes(type)) {
- getGridman(this.form.id).then((res) => {
+ const param = {
+ id: this.form.id
+ }
+ getGridman(param).then((res) => {
this.form = res.data.data
if (this.form.picUrl) {
this.form.picUrl = website.minioUrl + this.form.picUrl
@@ -292,7 +358,15 @@
}
this.loading = true
getList(page.currentPage, page.pageSize, values).then((res) => {
- const data = res.data.data
+ const data = {
+ ...res.data.data,
+ records: res.data.data.records.map(item => {
+ return {
+ ...item,
+ 'mobileflag': false
+ }
+ })
+ }
this.page.total = data.total
this.data = data.records
this.data.forEach(item => {
--
Gitblit v1.9.3