| | |
| | | }}</el-tag> |
| | | </template> |
| | | |
| | | <template slot-scope="{row, size}" slot="confirmFlag"> |
| | | <el-tag :size="size" :type="showConfirmFlag(row.confirmFlag).type">{{ showConfirmFlag(row.confirmFlag).text |
| | | }}</el-tag> |
| | | </template> |
| | | |
| | | <template slot-scope="{row, size}" slot="source"> |
| | | <el-tag :size="size" :type="showSource(row.source).type">{{ showSource(row.source).text |
| | | }}</el-tag> |
| | |
| | | </template> |
| | | <template slot-scope="{row, size}" slot="principalPhone"> |
| | | <el-button :size="size" type="text" @click="showStringDispose(row, 'principalPhoneflag')" |
| | | v-text="textDispose(row, 'principalPhoneflag', 'principalPhone')"></el-button> |
| | | v-text="textDispose(row, 'principalPhoneflag', 'principalPhone')"> |
| | | </el-button> |
| | | </template> |
| | | <template slot-scope="{row, size}" slot="policePhone"> |
| | | <el-button :size="size" type="text" @click="showStringDispose(row, 'policePhoneflag')" |
| | | v-text="textDispose(row, 'policePhoneflag', 'policePhone')"> |
| | | </el-button> |
| | | </template> |
| | | <template slot="menuLeft"> |
| | | <el-button type="warning" size="small" plain icon="el-icon-download" @click="handleExport">导出 |
| | |
| | | label: "责任民警联系方式", |
| | | prop: "policePhone", |
| | | align: 'center', |
| | | slot: true, |
| | | width: 120 |
| | | }], |
| | | }, |
| | |
| | | return { |
| | | ...item, |
| | | 'principalIdCardflag': false, |
| | | 'principalPhoneflag': false |
| | | 'principalPhoneflag': false, |
| | | 'policePhoneflag': false |
| | | } |
| | | }) |
| | | } |
| | |
| | | :before-open="beforeOpen" @search-change="searchChange" @search-reset="searchReset" |
| | | @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange" |
| | | @refresh-change="refreshChange" @on-load="onLoad"> |
| | | <template slot-scope="{row, size}" slot="principalPhone"> |
| | | <el-button :size="size" type="text" @click="showStringDispose(row, 'principalPhoneflag')" |
| | | v-text="textDispose(row, 'principalPhoneflag', 'principalPhone')"> |
| | | </el-button> |
| | | </template> |
| | | <template slot-scope="{type,size,row }" slot="menu"> |
| | | <el-button icon="el-icon-detail" :size="size" :type="type" @click.stop="getDetail(row)"> |
| | | 详情 |
| | |
| | | searchLabelWidth: 96, |
| | | searchShow: true, |
| | | searchMenuSpan: 3, |
| | | // menuWidth: 450, |
| | | menuWidth: 100, |
| | | // menu: false, |
| | | height: "auto", |
| | | calcHeight: 54, |
| | |
| | | row: true, |
| | | searchSpan: 4, |
| | | search: true, |
| | | align: 'center' |
| | | }, |
| | | { |
| | | label: "所属社区", |
| | |
| | | row: true, |
| | | searchSpan: 4, |
| | | search: true, |
| | | width: 160, |
| | | overHidden: true, |
| | | align: 'center' |
| | | }, |
| | | { |
| | | label: "所属网格", |
| | |
| | | row: true, |
| | | searchSpan: 4, |
| | | search: true, |
| | | align: 'center' |
| | | }, |
| | | { |
| | | label: "场所名称", |
| | |
| | | row: true, |
| | | searchSpan: 4, |
| | | search: true, |
| | | align: 'center' |
| | | }, |
| | | { |
| | | label: "场所隐患", |
| | |
| | | span: 24, |
| | | row: true, |
| | | searchSpan: 4, |
| | | align: 'center' |
| | | }, |
| | | |
| | | { |
| | |
| | | row: true, |
| | | searchSpan: 4, |
| | | search: true, |
| | | align: 'center' |
| | | }, |
| | | |
| | | { |
| | |
| | | prop: "principalPhone", |
| | | span: 24, |
| | | row: true, |
| | | slot: true, |
| | | searchSpan: 4, |
| | | align: 'center' |
| | | }, |
| | | { |
| | | label: "场所地址", |
| | |
| | | row: true, |
| | | searchSpan: 4, |
| | | searchLabelWidth: 46, |
| | | overHidden: true, |
| | | align: 'center' |
| | | }, |
| | | { |
| | | width: 110, |
| | |
| | | type: "upload", |
| | | listType: "picture-img", |
| | | span: 24, |
| | | align: 'center' |
| | | }, |
| | | { |
| | | label: "创建时间", |
| | |
| | | row: true, |
| | | searchSpan: 4, |
| | | searchLabelWidth: 46, |
| | | align: 'center' |
| | | }, |
| | | ], |
| | | }, |
| | |
| | | } |
| | | }, |
| | | |
| | | textDispose () { |
| | | return (row, flag, type) => { |
| | | console.log('row', row, flag, type) |
| | | if (row[flag] || row[type] == null) { |
| | | return row[type] |
| | | } else { |
| | | if (type == 'principalIdCard') { |
| | | return row[type].replace(/^(.{6})(?:\d+)(.{4})$/, "$1******$2") |
| | | } else { |
| | | return row[type].replace(/^(.{3})(?:\d+)(.{4})$/, "$1****$2") |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | }, |
| | | |
| | | created () { |
| | |
| | | }, |
| | | |
| | | methods: { |
| | | showStringDispose (row, type) { |
| | | console.log(row, type) |
| | | row[type] = !row[type] |
| | | }, |
| | | |
| | | // 点击展开收缩 |
| | | flodQL (index) { |
| | | this.rowDetail.qTypeList[index].isShowQList = !this.rowDetail.qTypeList[index].isShowQList |
| | |
| | | onLoad (page, params = {}) { |
| | | this.loading = true |
| | | 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 |
| | | this.data.forEach(item => { |
| | | const data = { |
| | | ...res.data.data, |
| | | records: res.data.data.records.map(item => { |
| | | return { |
| | | ...item, |
| | | 'createTime': item.createTime.slice(0, 16), |
| | | 'principalPhoneflag': false, |
| | | } |
| | | }) |
| | | } |
| | | data.records.forEach(item => { |
| | | if (item.signaturePath.length > 0) { |
| | | var urls = [] |
| | | var names = item.signaturePath.split(",") |
| | |
| | | item.signaturePath = urls.join(",") |
| | | } |
| | | }) |
| | | this.page.total = data.total |
| | | this.data = data.records |
| | | this.loading = false |
| | | this.selectionClear() |
| | | }).catch(err => { |
| | |
| | | background-color: #409EFF; |
| | | } |
| | | |
| | | :deep(.avue-crud__img) { |
| | | height: 30px !important; |
| | | } |
| | | |
| | | .title { |
| | | margin: 10px; |
| | | height: 40px; |
| | |
| | | <el-button type="warning" size="small" plain icon="el-icon-download" @click="handleExport">导出 |
| | | </el-button> |
| | | </template> |
| | | |
| | | <template slot-scope="{row, size}" slot="status"> |
| | | <el-tag :size="size" :type="showConfirmFlag(row.status).type">{{ showConfirmFlag(row.status).text |
| | | }}</el-tag> |
| | | </template> |
| | | <template slot-scope="{type,size,row }" slot="menu"> |
| | | <el-button icon="el-icon-detail" :size="size" :type="type" @click.stop="getDetail(row)"> |
| | | 详情 |
| | |
| | | searchShow: true, |
| | | searchMenuSpan: 3, |
| | | menu: true, |
| | | menuWidth: 120, |
| | | border: true, |
| | | index: true, |
| | | editBtn: false, |
| | |
| | | searchSpan: 4, |
| | | searchLabelWidth: 106, |
| | | }, { |
| | | label: "审核状态", |
| | | prop: "status", |
| | | align: 'center', |
| | | dicData: [ |
| | | { |
| | | label: "待审核", |
| | | value: 1, |
| | | }, |
| | | { |
| | | label: "审核通过", |
| | | value: 2, |
| | | }, |
| | | { |
| | | label: "审核不通过", |
| | | value: 3, |
| | | }, |
| | | { |
| | | label: "待上报", |
| | | value: 4, |
| | | } |
| | | ], |
| | | search: true, |
| | | searchSpan: 4, |
| | | searchLabelWidth: 106, |
| | | }, { |
| | | label: "检查时间", |
| | | prop: "dateRange", |
| | | type: "daterange", |
| | |
| | | return ids.join(",") |
| | | }, |
| | | |
| | | showConfirmFlag () { |
| | | return (data) => { |
| | | let tags = { |
| | | text: '', |
| | | type: '' |
| | | } |
| | | if (data == 1) { |
| | | tags = { |
| | | text: '待审核', |
| | | type: 'warning' |
| | | } |
| | | } else if (data == 2) { |
| | | tags = { |
| | | text: '审核通过', |
| | | type: 'success' |
| | | } |
| | | } else if (data == 3) { |
| | | tags = { |
| | | text: '审核不通过', |
| | | type: 'danger' |
| | | } |
| | | } else if (data == 4) { |
| | | tags = { |
| | | text: '待上报', |
| | | type: 'info' |
| | | } |
| | | } |
| | | |
| | | return tags |
| | | } |
| | | } |
| | | }, |
| | | |
| | | created () { |
| | |
| | | |
| | | onLoad (page, params = {}) { |
| | | this.loading = true |
| | | if (this.typeStatus == 3) { |
| | | if (this.typeStatus == 1) { |
| | | this.query.status = '1' |
| | | } else if (this.typeStatus == 2) { |
| | | this.query.status = '2' |
| | | } else if (this.typeStatus == 3) { |
| | | this.query.status = '' |
| | | } else { |
| | | this.query.status = this.typeStatus |
| | | } |
| | | getZGQKList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
| | | console.log('getZGQKList', res.data.data) |