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,158 +40,146 @@
            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,
                viewBtn: true,
                selection: true,
                dialogClickModal: false,
                column: [
                    {
                        label: "社区名称",
                        prop: "name",
                        searchSpan: 5,
                        search: true,
                        span: 12,
                        labelWidth: 120,
                        width: 220,
                        overHidden: true,
                        rules: [
                            {
                                required: true,
                                message: "请输入社区名称",
                                trigger: "blur",
                            },
                        ],
                    },
                    {
                        label: "社区编号",
                        prop: "code",
                        searchSpan: 5,
                        search: true,
                        span: 12,
                        labelWidth: 120,
                        width: 220,
                        overHidden: true,
                        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",
                    },],
                },
                    {
                        parent: false,
                        addDisplay: false,
                        editDisplay: false,
                        viewDisplay: false,
                        width: 96,
                        label: "所属街道",
                        prop: "townName",
                        search: true,
                        searchSpan: 4
                    },
                {
                    width: 110,
                    label: "所属街道",
                    parent: false,
                    addDisplay: false,
                    editDisplay: false,
                    viewDisplay: false,
                    prop: "townName",
                    search: true,
                    searchSpan: 4
                },
                    {
                        hide: true,
                        parent: false,
                        label: "所属街道",
                        prop: "streetCode",
                        width: 150,
                        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",
                    },],
                },
                    {
                        label: "社区民警",
                        prop: "resPoliceUserId",
                        labelWidth: 120,
                        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"
                    },
                    {
                        label: "社区图片",
                        prop: "picUrl",
                        width: 80,
                        labelWidth: 120,
                        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,
                    },
                    {
                        label: "地址",
                        prop: "address",
                        span: 24,
                        labelWidth: 120,
                        rules: [
                            {
                                required: false,
                                message: "请输入地址",
                                trigger: "blur",
                            },
                        ],
                    },
                    {
                        label: "社区简介",
                        prop: "remark",
                        labelWidth: 120,
                        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 () {
@@ -337,21 +333,9 @@
            this.onLoad(this.page, this.query)
        },
        onLoad (page, params = {}) {
            const { dateTime } = this.query
            let values = {
                ...params,
            }
            if (dateTime) {
                values = {
                    ...params,
                    startTime: dateTime[0],
                    endTime: dateTime[1],
                    ...this.query,
                }
                values.dateTime = null
            }
            this.loading = true
            getList(page.currentPage, page.pageSize, values).then((res) => {
            getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then((res) => {
                const data = res.data.data
                this.page.total = data.total
                this.data = data.records
@@ -379,4 +363,4 @@
.avue-upload__icon {
    line-height: 6;
}
</style>
</style>