所有页面搜索栏左侧对齐

guanqb

2024-01-29 bf45ce8559383eb2c940affc6296c4c156ecf5e2

 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,
@@ -67,6 +83,7 @@
                    searchSpan: 4,
                    width: 100,
                    search: true,
                    searchLabelWidth: 76,
                    rules: [{
                        required: true,
                        message: "请输入事件名称",
@@ -74,13 +91,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,17 +110,35 @@
                    },],
                    // search: true,
                },

                {
                    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: [
                        {
@@ -113,6 +148,7 @@
                        },
                    ],
                },

                {
                    label: "数据来源",
                    prop: "source",
@@ -123,11 +159,12 @@
                    // search: true,
                },
                {
                    width: 110,
                    label: "姓名",
                    prop: "realName",
                    span: 12,
                    searchSpan: 4,
                    width: 100,
                    searchLabelWidth: 66,
                    search: true,
                    rules: [{
                        required: false,
@@ -136,17 +173,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: "事发地点",
@@ -159,9 +200,9 @@
                    },],
                },
                {
                    width: 100,
                    label: "事发时间",
                    prop: "occurrenceTime",
                    width: 100,
                    type: "date",
                    format: "yyyy-MM-dd",
                    valueFormat: "yyyy-MM-dd",
@@ -270,9 +311,9 @@
                },

                {
                    width: 110,
                    label: "现场图片",
                    prop: "imageUrls",
                    width: 80,
                    type: "upload",
                    listType: "picture-card",
                    dataType: "string",
@@ -330,13 +371,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,