shuishen
2024-01-06 25e73114a2d23d8d43e392e8a1f71ecf12ecb970
src/views/cGovernance/gridWorkLog.vue
@@ -17,6 +17,7 @@
<script>
import { getList, remove, update, add, getGridWorkLog } from "@/api/grid/gridWorkLog"
import { getList as getHouseholdList, getDetatils as getHouseholdDetail } from "@/api/userHouse/list/houseHold"
import { mapGetters } from "vuex"
import website from '@/config/website'
@@ -34,13 +35,15 @@
            datetime: "",
            selectionList: [],
            option: {
                labelWidth: 120,
                searchLabelWidth: 96,
                height: "auto",
                calcHeight: 54,
                dialogWidth: 950,
                tip: false,
                searchShow: true,
                searchMenuSpan: 3,
                menuWidth: 350,
                menuWidth: 280,
                border: false,
                //stripe:true,
                index: true,
@@ -50,43 +53,215 @@
                dialogClickModal: false,
                column: [
                    {
                        label: "走访人员姓名",
                        prop: "name",
                        label: "走访类型",
                        prop: "type",
                        span: 12,
                        labelWidth: 120,
                        searchLabelWidth: 120,
                        searchSpan: 5,
                        searchSpan: 4,
                        search: true,
                        type: "select",
                        dicUrl: "/api/blade-system/dict-biz/dictionary?code=haveType",
                        dataType: "number",
                        props: {
                            label: "dictValue",
                            value: "dictKey",
                        },
                        rules: [
                            {
                                required: true,
                                message: "请输入走访人员姓名",
                                message: "请选择走访类型",
                                trigger: "blur",
                            },
                        ],
                    },
                    {
                        label: "走访人员电话",
                        prop: "phone",
                        overHidden: true,
                        label: "重点人群",
                        prop: "personType",
                        span: 12,
                        labelWidth: 120,
                        type: "tree",
                        dicUrl: "/api/blade-label/label/getLabelList?parentId=100",
                        props: {
                            label: "name",
                            value: "id"
                        },
                        searchSpan: 4,
                        search: true,
                        rules: [
                            {
                                required: true,
                                message: "请选择重点人群",
                                trigger: "blur",
                            },
                        ],
                    },
                    {
                        width: 110,
                        display: false,
                        label: "被访人姓名",
                        prop: "name",
                        searchLabelWidth: 120,
                        searchSpan: 5,
                        search: true,
                    },
                    {
                        label: "内容",
                        labelWidth: 120,
                        label: "被访人姓名",
                        prop: "householdId",
                        hide: true,
                        type: "table",
                        span: 12,
                        children: {
                            border: true,
                            height: 400,
                            searchShow: true,
                            searchMenuSpan: 6,
                            submitText: "确定",
                            column: [
                                {
                                    width: 110,
                                    label: "姓名",
                                    prop: "name",
                                    search: true,
                                    searchSpan: 4,
                                    rules: [
                                        {
                                            required: true,
                                            message: "请输入姓名",
                                            trigger: "blur",
                                        },
                                    ],
                                },
                                {
                                    width: 120,
                                    label: "联系方式",
                                    prop: "phoneNumber",
                                    search: true,
                                    searchSpan: 4,
                                    rules: [
                                        {
                                            required: true,
                                            message: "请输入联系方式",
                                            trigger: "blur",
                                        },
                                    ],
                                },
                                {
                                    label: "地址",
                                    search: true,
                                    searchSpan: 8,
                                    prop: "currentAddress",
                                    display: false
                                },
                            ],
                        },
                        page: {
                            pageSize: 10,
                            currentPage: 1,
                            total: 0
                        },
                        formatter: (row) => {
                            this.form.phone = row.phoneNumber
                            this.form.address = row.currentAddress
                            return row.name
                        },
                        onLoad: ({
                            page,
                            value,
                            data
                        }, callback) => {
                            //首次加载去查询对应的值
                            if (value) {
                                getHouseholdDetail(value).then(res => {
                                    var resData = res.data.data
                                    // 查询对应行数据
                                    callback(resData)
                                    return
                                })
                            }
                            if (page) {
                                this.loading = true
                                var params = {
                                    ...data,
                                    townStreetCode: "361102005"
                                }
                                getHouseholdList(page.currentPage, page.pageSize, Object.assign(params)).then(res => {
                                    const resData = res.data.data
                                    var total = resData.total
                                    var data = resData.records
                                    this.loading = false
                                    this.selectionClear()
                                    //分页查询信息
                                    callback({
                                        total: total,
                                        data: data
                                    })
                                })
                            }
                        },
                        props: {
                            label: 'name',
                            value: 'id'
                        }
                    },
                    {
                        width: 120,
                        label: "联系方式",
                        prop: "phone",
                        span: 12,
                        disabled: true,
                        searchSpan: 4,
                        search: true,
                    },
                    {
                        width: 156,
                        overHidden: true,
                        label: "走访地址",
                        prop: "address",
                        span: 24,
                        disabled: true,
                    },
                    {
                        width: 110,
                        label: "所属街道",
                        display: false,
                        prop: "townName",
                    },
                    {
                        width: 156,
                        overHidden: true,
                        label: "所属社区",
                        display: false,
                        prop: "neiName",
                        search: true,
                        searchSpan: 4
                    },
                    {
                        width: 110,
                        overHidden: true,
                        label: "所属网格",
                        display: false,
                        prop: "gridName",
                    },
                    {
                        overHidden: true,
                        label: "走访内容",
                        prop: "context",
                        type: "textarea",
                        span: 24,
                    },
                    {
                        width: 110,
                        label: "图片",
                        label: "走访取证",
                        prop: "url",
                        type: "upload",
                        labelWidth: 120,
                        listType: "picture-img",
                        action: "/api/blade-resource/oss/endpoint/put-file",
                        propsHttp: {
@@ -96,10 +271,19 @@
                        },
                        span: 24,
                    },
                    {
                        width: 110,
                        label: "录入人",
                        display: false,
                        prop: "createUserName",
                    },
                    {
                        width: 144,
                        label: "走访时间",
                        prop: "workTime",
                        width: 160,
                        searchLabelWidth: 120,
                        type: "date",
                        format: "yyyy-MM-dd HH:mm:ss",
                        valueFormat: "yyyy-MM-dd HH:mm:ss",
@@ -110,14 +294,32 @@
                                trigger: "blur",
                            },
                        ],
                    }
                    },
                    {
                        width: 144,
                        label: "上报时间",
                        prop: "createTime",
                        searchLabelWidth: 120,
                        type: "date",
                        format: "yyyy-MM-dd HH:mm:ss",
                        valueFormat: "yyyy-MM-dd HH:mm:ss",
                        rules: [
                            {
                                required: true,
                                message: "请输入上报时间",
                                trigger: "blur",
                            },
                        ],
                    },
                ],
            },
            data: [],
        }
    },
    watch: {
    },
    watch: {},
    computed: {
        ...mapGetters(["permission", "userInfo"]),
        permissionList () {