From a531e8cce9f8d30a2ef9789eb04eb00b73f16a2b Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Sat, 06 Jan 2024 16:01:19 +0800
Subject: [PATCH] 数据管理下所有模块对应页面调整:搜索、字段展示; 搜索后,分页切换显示异常BUG

---
 src/views/userHouse/houseList.vue |   40 ++++++++++++++++++++++++++++++++++------
 1 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/src/views/userHouse/houseList.vue b/src/views/userHouse/houseList.vue
index fe280c0..601875f 100644
--- a/src/views/userHouse/houseList.vue
+++ b/src/views/userHouse/houseList.vue
@@ -145,6 +145,19 @@
         householdManager
     },
     data () {
+
+        //手机号格式校验
+        let validatorPhone = function (rule, value, callback) {
+            if (value) {
+                if (!/^1[3456789]\d{9}$/.test(value)) {
+                    callback(new Error('手机号格式有误!'))
+                } else {
+                    callback()
+                }
+            }
+            callback()
+        }
+
         return {
             labelData: [],
             labelForm: {},
@@ -199,18 +212,21 @@
                 total: 0
             },
             option: {
+                labelWidth: 120,
+                searchLabelWidth: 96,
+                searchShow: true,
+                searchMenuSpan: 3,
+                menuWidth: 350,
+
                 height: 'auto',
                 calcHeight: 80,
                 tip: false,
-                searchShow: true,
-                searchMenuSpan: 3,
                 border: true,
                 index: true,
                 selection: true,
                 viewBtn: true,
                 dialogType: 'drawer',
                 dialogClickModal: false,
-                menuWidth: 340,
                 column: [
                     {
                         label: "房屋编号",
@@ -220,9 +236,10 @@
                         display: false
                     },
                     {
+                        width: 156,
+                        overHidden: true,
                         label: "地址",
                         prop: "address",
-                        width: 180,
                         display: false
                     },
 
@@ -343,7 +360,7 @@
                     {
                         label: "房屋照片",
                         prop: "imageUrls",
-                        width: 80,
+                        width: 110,
                         type: "upload",
                         listType: "picture-card",
                         dataType: "string",
@@ -357,12 +374,21 @@
                         span: 24,
                     },
 
+
                     {
-                        width: 110,
+                        width: 120,
                         label: "电话",
                         prop: "phone",
                         slot: true,
+                        rules: [
+
+                            {
+                                validator: validatorPhone,
+                                trigger: 'blur'
+                            }
+                        ],
                     },
+
                     {
                         label: "幢",
                         prop: "building",
@@ -404,6 +430,7 @@
                     },
                     {
                         width: 210,
+                        overHidden: true,
                         label: "标签",
                         prop: "userHouseLabelVOList",
                         display: false
@@ -746,6 +773,7 @@
         },
         onLoad (page, params = {}) {
             this.loading = true
+
             getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
                 const data = {
                     ...res.data.data,

--
Gitblit v1.9.3