| | |
| | | |
| | | <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' |
| | | |
| | |
| | | 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, |
| | |
| | | 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: { |
| | |
| | | }, |
| | | 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", |
| | |
| | | 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 () { |