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/cGovernance/taskECall.vue | 96 +++++++++++++++++++++++++++++++++++++++--------
1 files changed, 79 insertions(+), 17 deletions(-)
diff --git a/src/views/cGovernance/taskECall.vue b/src/views/cGovernance/taskECall.vue
index 9eb8858..a53d835 100644
--- a/src/views/cGovernance/taskECall.vue
+++ b/src/views/cGovernance/taskECall.vue
@@ -11,6 +11,11 @@
除
</el-button>
</template>
+ <template slot-scope="{row, size}" slot="phone">
+ <el-button :size="size" type="text" @click="showStringDispose(row, 'phoneflag')"
+ v-text="textDispose(row, 'phoneflag', 'phone')">
+ </el-button>
+ </template>
</avue-crud>
</basic-container>
</template>
@@ -34,6 +39,19 @@
// import AvueMap from "avue-plugin-map";
export default {
data () {
+
+ //手机号格式校验
+ let validatorPhone = function (rule, value, callback) {
+ if (value) {
+ if (!/^1[3456789]\d{9}$/.test(value)) {
+ callback(new Error('手机号格式有误！'))
+ } else {
+ callback()
+ }
+ }
+ callback()
+ }
+
return {
form: {},
query: {},
@@ -46,13 +64,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: 280,
border: true,
//stripe:true,
index: true,
@@ -67,6 +88,7 @@
searchSpan: 4,
width: 100,
search: true,
+ searchLabelWidth: 76,
rules: [{
required: true,
message: "请输入事件名称",
@@ -74,13 +96,13 @@
},],
},
{
+ width: 100,
label: "事件类型",
prop: "type",
span: 12,
searchSpan: 4,
dataType: "number",
type: "select",
- width: 100,
dicUrl: "/api/blade-system/dict-biz/dictionary?code=eCallEventType",
props: {
label: "dictValue",
@@ -93,18 +115,35 @@
},],
// search: true,
},
+
{
- parent: false,
+ width: 156,
+ overHidden: true,
label: "所属社区",
- prop: "communityCode",
+ addDisplay: false,
+ editDisplay: false,
+ viewDisplay: false,
+ prop: "communityName",
search: true,
searchSpan: 4,
- width: 150,
+ rules: [{
+ required: true,
+ message: "请选择所属社区",
+ trigger: "blur",
+ }],
+ },
+
+ {
+ label: "所属社区",
+ hide: true,
+ parent: false,
+ prop: "communityCode",
+ search: false,
type: "tree",
dicUrl: "/api/blade-system/region/tree",
props: {
label: "name",
- value: "id"
+ value: "id",
},
rules: [
{
@@ -114,6 +153,7 @@
},
],
},
+
{
label: "数据来源",
prop: "source",
@@ -124,11 +164,12 @@
// search: true,
},
{
+ width: 110,
label: "姓名",
prop: "realName",
span: 12,
searchSpan: 4,
- width: 100,
+ searchLabelWidth: 66,
search: true,
rules: [{
required: false,
@@ -137,17 +178,22 @@
},],
},
{
+ width: 120,
label: "联系方式",
prop: "phone",
span: 12,
- width: 100,
searchSpan: 4,
search: true,
rules: [{
required: false,
message: "请输入联系方式",
trigger: "blur",
- },],
+ },
+ {
+ validator: validatorPhone,
+ trigger: 'blur'
+ }],
+ slot: true
},
{
label: "事发地点",
@@ -160,9 +206,9 @@
},],
},
{
+ width: 100,
label: "事发时间",
prop: "occurrenceTime",
- width: 100,
type: "date",
format: "yyyy-MM-dd",
valueFormat: "yyyy-MM-dd",
@@ -175,7 +221,7 @@
{
label: "事发位置",
prop: "location",
- submitBtn: "提交",
+ submitBtn: "保存",
hide: true,
type: 'map',
dataType: "string",
@@ -271,9 +317,9 @@
},
{
+ width: 110,
label: "现场图片",
prop: "imageUrls",
- width: 80,
type: "upload",
listType: "picture-card",
dataType: "string",
@@ -331,13 +377,11 @@
// form是表单或者表格绑定的数据集，v-model='form'
handler (val) {
if (typeof val == "string") {
- console.log(val, 7777)
var arr = val.split(",")
- console.log(val, 88888)
//经纬度替换
this.form.lat = arr[1]
this.form.lng = arr[0]
- // this.form.location = arr[2];
+ this.form.address = arr[2]
}
},
immediate: true,
@@ -360,8 +404,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 = []
@@ -516,6 +577,7 @@
this.page.total = data.total
this.data = data.records
this.data.forEach(item => {
+ this.$set(item, 'phoneflag', false)
if (item.imageUrls) {
if (item.imageUrls.length > 0) {
var urls = []
--
Gitblit v1.9.3