所有页面搜索栏左侧对齐

guanqb

2024-01-29 bf45ce8559383eb2c940affc6296c4c156ecf5e2

 src/views/community/index.vue

@@ -15,8 +15,16 @@
</template>

<script>
import { getList, remove, update, add, getCommunity } from "@/api/community/index"
import { mapGetters } from "vuex"
import {
    getList,
    remove,
    update,
    add,
    getCommunity
} from "@/api/community/index"
import {
    mapGetters
} from "vuex"
import website from '@/config/website'
export default {
    data () {
@@ -32,7 +40,7 @@
            datetime: "",
            selectionList: [],
            option: {
                labelWidth: 120,
                labelWidth: 96,
                searchLabelWidth: 96,
                searchShow: true,
                searchMenuSpan: 3,
@@ -48,140 +56,130 @@
                viewBtn: true,
                selection: true,
                dialogClickModal: false,
                column: [
                    {
                        width: 156,
                        overHidden: true,
                        label: "社区名称",
                        prop: "name",
                        searchSpan: 4,
                        search: true,
                        span: 12,
                        rules: [
                            {
                                required: true,
                                message: "请输入社区名称",
                                trigger: "blur",
                            },
                        ],
                    },
                    {
                        width: 110,
                        overHidden: true,
                        label: "社区编号",
                        prop: "code",
                        searchSpan: 4,
                        search: true,
                        span: 12,
                        rules: [
                            {
                                required: true,
                                message: "请输入社区编号",
                                trigger: "blur",
                            },
                        ],
                    },
                column: [{
                    width: 156,
                    overHidden: true,
                    label: "社区名称",
                    prop: "name",
                    searchSpan: 4,
                    search: true,
                    searchLabelWidth: 76,
                    span: 12,
                    rules: [{
                        required: true,
                        message: "请输入社区名称",
                        trigger: "blur",
                    },],
                },
                {
                    width: 110,
                    overHidden: true,
                    label: "社区编号",
                    prop: "code",
                    searchSpan: 4,
                    search: true,
                    span: 12,
                    rules: [{
                        required: true,
                        message: "请输入社区编号",
                        trigger: "blur",
                    },],
                },

                    {
                        width: 110,
                        label: "所属街道",
                        parent: false,
                        addDisplay: false,
                        editDisplay: false,
                        viewDisplay: false,
                        prop: "townName",
                        search: true,
                        searchSpan: 4
                    },
                {
                    width: 110,
                    label: "所属街道",
                    parent: false,
                    addDisplay: false,
                    editDisplay: false,
                    viewDisplay: false,
                    prop: "townName",
                    search: true,
                    searchSpan: 4
                },

                    {
                        label: "所属街道",
                        hide: true,
                        parent: false,
                        prop: "streetCode",
                        type: "tree",
                        dicUrl: "/api/blade-system/region/getTownTree",
                        props: {
                            label: "name",
                            value: "id"
                        },
                        rules: [
                            {
                                required: true,
                                message: "请选择所属街道",
                                trigger: "blur",
                            },
                        ],
                {
                    label: "所属街道",
                    hide: true,
                    parent: false,
                    prop: "streetCode",
                    type: "tree",
                    dicUrl: "/api/blade-system/region/getTownTree",
                    props: {
                        label: "name",
                        value: "id"
                    },
                    rules: [{
                        required: true,
                        message: "请选择所属街道",
                        trigger: "blur",
                    },],
                },

                    {
                        width: 110,
                        label: "社区民警",
                        prop: "resPoliceUserId",
                        type: "tree",
                        dicUrl: "/api/blade-system/user/getUserListByParam?roleName=民警",
                        props: {
                            label: "name",
                            value: "id"
                        },
                        rules: [
                            {
                                required: true,
                                message: "请选择社区民警",
                                trigger: "blur",
                            },
                        ],
                {
                    width: 110,
                    label: "社区民警",
                    prop: "resPoliceUserId",
                    type: "tree",
                    multiple: true,
                    dicUrl: "/api/blade-system/user/getUserListByParam?roleName=民警",
                    props: {
                        label: "name",
                        value: "id"
                    },
                    {
                        width: 110,
                        label: "社区图片",
                        prop: "picUrl",
                        type: "upload",
                        listType: "picture-img",
                    rules: [{
                        required: true,
                        message: "请选择社区民警",
                        trigger: "blur",
                    },],
                },
                {
                    width: 110,
                    label: "社区图片",
                    prop: "picUrl",
                    type: "upload",
                    listType: "picture-img",
                    action: "/api/blade-resource/oss/endpoint/put-file",
                    propsHttp: {
                        res: "data",
                        url: "link",
                    },
                    span: 24,
                },

                {
                    overHidden: true,
                    label: "地址",
                    prop: "address",
                    span: 24,
                    rules: [{
                        required: false,
                        message: "请输入地址",
                        trigger: "blur",
                    },],
                },
                {
                    label: "社区简介",
                    prop: "remark",
                    component: "AvueUeditor",
                    options: {
                        action: "/api/blade-resource/oss/endpoint/put-file",
                        propsHttp: {
                        props: {
                            res: "data",
                            url: "link",
                        },
                        span: 24,
                    },

                    {
                        overHidden: true,
                        label: "地址",
                        prop: "address",
                        span: 24,
                        rules: [
                            {
                                required: false,
                                message: "请输入地址",
                                trigger: "blur",
                            },
                        ],
                    },
                    {
                        label: "社区简介",
                        prop: "remark",
                        component: "AvueUeditor",
                        options: {
                            action: "/api/blade-resource/oss/endpoint/put-file",
                            props: {
                                res: "data",
                                url: "link",
                            },
                        },
                        hide: true,
                        minRows: 6,
                        span: 24,
                    },
                    hide: true,
                    minRows: 6,
                    span: 24,
                },

                ],
            },
            data: [],
        }
    },
    watch: {
    },
    watch: {},
    computed: {
        ...mapGetters(["permission", "userInfo"]),
        permissionList () {
@@ -365,4 +363,4 @@
.avue-upload__icon {
    line-height: 6;
}
</style>
</style>