From c7a066096b3f12906fdf3e029ef8edfd5e4c2884 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 09 Jan 2024 19:26:32 +0800
Subject: [PATCH] 社区治理下所有页面调整

---
 src/views/cGovernance/taskECall.vue        |   37 ++++++++++++++----
 src/views/cGovernance/gridPatrolRecord.vue |   13 ++++--
 src/views/cGovernance/gridWorkLog.vue      |    8 ++-
 src/views/cGovernance/punchCard.vue        |   14 +++++-
 4 files changed, 54 insertions(+), 18 deletions(-)

diff --git a/src/views/cGovernance/gridPatrolRecord.vue b/src/views/cGovernance/gridPatrolRecord.vue
index b5d0e66..e8bed72 100644
--- a/src/views/cGovernance/gridPatrolRecord.vue
+++ b/src/views/cGovernance/gridPatrolRecord.vue
@@ -46,13 +46,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: false,
                 //stripe:true,
                 index: true,
@@ -102,6 +105,7 @@
                     },
 
                     {
+                        width: 96,
                         slot: true,
                         addDisplay: false,
                         editDisplay: false,
@@ -111,6 +115,7 @@
                     },
 
                     {
+                        width: 96,
                         slot: true,
                         addDisplay: false,
                         editDisplay: false,
@@ -134,9 +139,9 @@
                         span: 24,
                     },
                     {
+                        width: 144,
                         label: "巡查时间",
                         prop: "patrolTime",
-                        width: 160,
                         type: "date",
                         format: "yyyy-MM-dd HH:mm:ss",
                         valueFormat: "yyyy-MM-dd HH:mm:ss",
diff --git a/src/views/cGovernance/gridWorkLog.vue b/src/views/cGovernance/gridWorkLog.vue
index 9d46550..e485eae 100644
--- a/src/views/cGovernance/gridWorkLog.vue
+++ b/src/views/cGovernance/gridWorkLog.vue
@@ -43,13 +43,14 @@
             option: {
                 labelWidth: 120,
                 searchLabelWidth: 96,
+                searchShow: true,
+                searchMenuSpan: 3,
+                menuWidth: 210,
+
                 height: "auto",
                 calcHeight: 54,
                 dialogWidth: 950,
                 tip: false,
-                searchShow: true,
-                searchMenuSpan: 3,
-                menuWidth: 280,
                 border: false,
                 //stripe:true,
                 index: true,
@@ -59,6 +60,7 @@
                 dialogClickModal: false,
                 column: [
                     {
+                        width: 120,
                         label: "走访类型",
                         prop: "type",
                         span: 12,
diff --git a/src/views/cGovernance/punchCard.vue b/src/views/cGovernance/punchCard.vue
index c10562f..5531740 100644
--- a/src/views/cGovernance/punchCard.vue
+++ b/src/views/cGovernance/punchCard.vue
@@ -28,6 +28,12 @@
             datetime: "",
             selectionList: [],
             option: {
+                labelWidth: 120,
+                searchLabelWidth: 96,
+                searchShow: true,
+                searchMenuSpan: 3,
+                menuWidth: 280,
+
                 menu: false,
                 addBtn: false,
                 border: true,
@@ -37,15 +43,13 @@
                 calcHeight: 54,
                 dialogWidth: 950,
                 tip: false,
-                searchShow: true,
-                searchMenuSpan: 3,
                 //stripe:true,
                 viewBtn: true,
                 excelBtn: true,
                 dialogClickModal: false,
                 column: [
                     {
-                        width: 96,
+                        width: 110,
                         label: "打卡人员",
                         prop: "name",
                         search: true,
@@ -71,6 +75,7 @@
                         },],
                     },
                     {
+                        width: 144,
                         label: "打卡时间",
                         prop: "createTime",
                         type: "date",
@@ -89,14 +94,17 @@
                         prop: "workContent",
                     },
                     {
+                        width: 96,
                         label: "经度",
                         prop: "lng",
                     },
                     {
+                        width: 96,
                         label: "纬度",
                         prop: "lat",
                     },
                     {
+                        overHidden: true,
                         label: "打卡地址",
                         prop: "address",
                     },
diff --git a/src/views/cGovernance/taskECall.vue b/src/views/cGovernance/taskECall.vue
index 05ab674..91e3d1e 100644
--- a/src/views/cGovernance/taskECall.vue
+++ b/src/views/cGovernance/taskECall.vue
@@ -34,6 +34,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 +59,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,
@@ -74,13 +90,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",
@@ -142,11 +158,12 @@
                     // search: true,
                 },
                 {
+                    width: 110,
                     label: "姓名",
                     prop: "realName",
                     span: 12,
                     searchSpan: 4,
-                    width: 100,
+                    searchLabelWidth: 66,
                     search: true,
                     rules: [{
                         required: false,
@@ -155,17 +172,21 @@
                     },],
                 },
                 {
+                    width: 120,
                     label: "联系方式",
                     prop: "phone",
                     span: 12,
-                    width: 100,
                     searchSpan: 4,
                     search: true,
                     rules: [{
                         required: false,
                         message: "请输入联系方式",
                         trigger: "blur",
-                    },],
+                    },
+                    {
+                        validator: validatorPhone,
+                        trigger: 'blur'
+                    }],
                 },
                 {
                     label: "事发地点",
@@ -178,9 +199,9 @@
                     },],
                 },
                 {
+                    width: 100,
                     label: "事发时间",
                     prop: "occurrenceTime",
-                    width: 100,
                     type: "date",
                     format: "yyyy-MM-dd",
                     valueFormat: "yyyy-MM-dd",

--
Gitblit v1.9.3