| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud" @row-del="rowDel" |
| | | v-model="form" :permission="permissionList" @row-update="rowUpdate" @row-save="rowSave" :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="scope" slot="menu"> |
| | | <el-button type="text" size="small" icon="el-icon-view" plain @click="lookDetail(scope.row,0)">查 看 |
| | | v-model="form" :permission="permissionList" @row-update="rowUpdate" @row-save="rowSave" |
| | | :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, index}" slot="menu"> |
| | | <el-button :size="size" type="text" icon="el-icon-view" plain @click="lookDetail(row, 0)">查 看 |
| | | </el-button> |
| | | <el-button type="text" size="small" icon="el-icon-s-check" v-if="scope.row.status == 1" plain |
| | | @click="lookDetail(scope.row,1)">审 核 |
| | | <el-button :size="size" type="text" icon="el-icon-s-check" v-if="row.status == 1" plain |
| | | @click="lookDetail(row, 1)">审 核 |
| | | </el-button> |
| | | <el-button type="text" size="small" icon="el-icon-delete" plain @click="rowDel(scope.row)">删 除 |
| | | <el-button :size="size" type="text" icon="el-icon-delete" plain @click="rowDel(row)">删 除 |
| | | </el-button> |
| | | </template> |
| | | |
| | | <template slot="status" slot-scope="{row, size}"> |
| | | <el-tag :size="size" :type="showStatus(row.status).type"> |
| | | {{ showStatus(row.status).text }} |
| | | </el-tag> |
| | | </template> |
| | | </avue-crud> |
| | | |
| | | <el-dialog class="place-info-box audit-info-box" title="" append-to-body :visible.sync="auditBasePopup" width="60%"> |
| | |
| | | |
| | | export default { |
| | | data() { |
| | | |
| | | //手机号格式校验 |
| | | let validatorPhone = function (rule, value, callback) { |
| | | if (value) { |
| | | if (!/^1[3456789]\d{9}$/.test(value)) { |
| | | callback(new Error('手机号格式有误!')) |
| | | } else { |
| | | callback() |
| | | } |
| | | } |
| | | callback() |
| | | } |
| | | |
| | | return { |
| | | curRow: {}, |
| | | roleBox: false, |
| | |
| | | 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, |
| | | // menu: false, |
| | | //stripe:true, |
| | |
| | | selection: true, |
| | | dialogClickModal: false, |
| | | column: [{ |
| | | width: 110, |
| | | label: "所属街道", |
| | | // hide: true, |
| | | searchSpan: 4, |
| | |
| | | trigger: "blur", |
| | | }, ], |
| | | }, { |
| | | width: 156, |
| | | // hide: true, |
| | | parent: false, |
| | | searchSpan: 4, |
| | |
| | | trigger: "blur", |
| | | }, ], |
| | | }, { |
| | | width: 220, |
| | | overHidden: true, |
| | | label: "小区", |
| | | prop: "aoiCode", |
| | | searchSpan: 4, |
| | | type: 'tree', |
| | | searchLabelWidth: 66, |
| | | search: true, |
| | | parent: false, |
| | | dicUrl: `/api/blade-district/district/getDistrictTree`, |
| | |
| | | }, |
| | | // defaultExpandedKeys: ["361102003"], |
| | | span: 12, |
| | | labelWidth: 120, |
| | | // width: 220, |
| | | // overHidden: true, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择小区", |
| | |
| | | // hide: true, |
| | | }, |
| | | { |
| | | width: 100, |
| | | span: 12, |
| | | label: "名称", |
| | | prop: "name", |
| | | searchSpan: 4, |
| | | searchLabelWidth: 66, |
| | | search: true, |
| | | }, { |
| | | width: 120, |
| | | span: 12, |
| | | label: "电话", |
| | | label: "联系方式", |
| | | prop: "phone", |
| | | searchSpan: 4, |
| | | search: true, |
| | | rules: [ |
| | | { |
| | | validator: validatorPhone, |
| | | trigger: 'blur' |
| | | } |
| | | ], |
| | | }, |
| | | { |
| | | width: 144, |
| | | label: "创建时间", |
| | | prop: "createTime", |
| | | searchSpan: 4, |
| | | }, |
| | | { |
| | | width: 100, |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | viewDisplay: false, |
| | |
| | | }] |
| | | }, |
| | | { |
| | | width: 100, |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | viewDisplay: false, |
| | |
| | | }, ] |
| | | }, |
| | | { |
| | | overHidden: true, |
| | | span: 12, |
| | | label: "地址", |
| | | prop: "addressName", |
| | |
| | | }) |
| | | return ids.join(",") |
| | | }, |
| | | |
| | | showStatus () { |
| | | return (data) => { |
| | | let tags = {} |
| | | |
| | | if (data == 1) { |
| | | tags = { |
| | | type: 'warning', |
| | | text: '待审核' |
| | | } |
| | | } else if (data == 2) { |
| | | tags = { |
| | | type: 'success', |
| | | text: '已审核' |
| | | } |
| | | } else if (data == 3) { |
| | | tags = { |
| | | type: 'danger', |
| | | text: '未通过' |
| | | } |
| | | } |
| | | |
| | | return tags |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | colseDetail() { |
| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud" @row-del="rowDel" |
| | | v-model="form" :permission="permissionList" @row-update="rowUpdate" @row-save="rowSave" :before-open="beforeOpen" |
| | | @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange" |
| | | @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad"> |
| | | v-model="form" :permission="permissionList" @row-update="rowUpdate" @row-save="rowSave" |
| | | :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="scope" slot="menu"> |
| | | <el-button type="text" size="small" icon="el-icon-view" plain @click="lookDetail(scope.row,0)">查 看 |
| | | <template slot-scope="{row, size}" slot="menu"> |
| | | <el-button type="text" :size="size" icon="el-icon-view" plain @click="lookDetail(row, 0)">查 看 |
| | | </el-button> |
| | | <el-button type="text" size="small" icon="el-icon-s-check" v-if="scope.row.status == 1" plain |
| | | @click="lookDetail(scope.row,1)">审 核 |
| | | <el-button type="text" :size="size" icon="el-icon-s-check" v-if="row.status == 1" plain |
| | | @click="lookDetail(row, 1)">审 核 |
| | | </el-button> |
| | | <el-button type="text" size="small" icon="el-icon-delete" plain @click="rowDel(scope.row)">删 除 |
| | | <el-button type="text" :size="size" icon="el-icon-delete" plain @click="rowDel(row)">删 除 |
| | | </el-button> |
| | | </template> |
| | | |
| | | <template slot="status" slot-scope="{row, size}"> |
| | | <el-tag :size="size" :type="showStatus(row.status).type"> |
| | | {{ showStatus(row.status).text }} |
| | | </el-tag> |
| | | </template> |
| | | |
| | | </avue-crud> |
| | |
| | | |
| | | export default { |
| | | data() { |
| | | |
| | | //手机号格式校验 |
| | | let validatorPhone = function (rule, value, callback) { |
| | | if (value) { |
| | | if (!/^1[3456789]\d{9}$/.test(value)) { |
| | | callback(new Error('手机号格式有误!')) |
| | | } else { |
| | | callback() |
| | | } |
| | | } |
| | | callback() |
| | | } |
| | | |
| | | return { |
| | | taskType: 0, |
| | | curRow: {}, |
| | |
| | | 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, |
| | | // menu: false, |
| | | border: true, |
| | | //stripe:true, |
| | |
| | | selection: true, |
| | | dialogClickModal: false, |
| | | column: [{ |
| | | width: 110, |
| | | label: "所属街道", |
| | | // hide: true, |
| | | search: true, |
| | |
| | | trigger: "blur", |
| | | }, ], |
| | | }, { |
| | | width: 156, |
| | | // hide: true, |
| | | search: true, |
| | | parent: false, |
| | |
| | | trigger: "blur", |
| | | }, ], |
| | | }, { |
| | | width: 220, |
| | | overHidee: true, |
| | | // hide: true, |
| | | searchLabelWidth: 66, |
| | | search: true, |
| | | parent: false, |
| | | searchSpan: 4, |
| | |
| | | // search: true, |
| | | // }, |
| | | { |
| | | width: 110, |
| | | span: 12, |
| | | label: "名称", |
| | | prop: "realName", |
| | | searchSpan: 4, |
| | | searchLabelWidth: 66, |
| | | search: true, |
| | | }, { |
| | | width: 120, |
| | | span: 12, |
| | | label: "电话", |
| | | label: "联系方式", |
| | | prop: "phone", |
| | | searchSpan: 4, |
| | | search: true, |
| | | rules: [ |
| | | { |
| | | validator: validatorPhone, |
| | | trigger: 'blur' |
| | | } |
| | | ], |
| | | }, { |
| | | span: 12, |
| | | label: "地址", |
| | | prop: "addressName", |
| | | searchSpan: 4, |
| | | }, { |
| | | label: "创建时间", |
| | | prop: "createTime", |
| | | searchSpan: 4, |
| | | |
| | | }, { |
| | | overHidee: true, |
| | | span: 12, |
| | | label: "地址", |
| | | prop: "addressName", |
| | |
| | | // search: true, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请输入场所名称", |
| | | message: "请输入地址", |
| | | trigger: "blur", |
| | | }, ], |
| | | }, { |
| | | width: 144, |
| | | label: "创建时间", |
| | | prop: "createTime", |
| | | searchSpan: 4, |
| | |
| | | }, |
| | | |
| | | { |
| | | width: 100, |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | viewDisplay: false, |
| | |
| | | value: 3 |
| | | }] |
| | | }, { |
| | | width: 100, |
| | | addDisplay: false, |
| | | editDisplay: false, |
| | | viewDisplay: false, |
| | |
| | | prop: 'reportType', |
| | | type: 'radio', |
| | | slot: true, |
| | | searchSpan: 4, |
| | | searchLabelWidth: 66, |
| | | search: true, |
| | | searchSpan: 3, |
| | | dicData: [{ |
| | | label: '旅馆安全', |
| | | value: 2 |
| | |
| | | }) |
| | | return ids.join(",") |
| | | }, |
| | | showStatus () { |
| | | return (data) => { |
| | | let tags = {} |
| | | |
| | | if (data == 1) { |
| | | tags = { |
| | | type: 'warning', |
| | | text: '待审核' |
| | | } |
| | | } else if (data == 2) { |
| | | tags = { |
| | | type: 'success', |
| | | text: '已审核' |
| | | } |
| | | } else if (data == 3) { |
| | | tags = { |
| | | type: 'danger', |
| | | text: '未通过' |
| | | } |
| | | } |
| | | |
| | | return tags |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2023-12-14 17:10:00 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2024-01-09 18:31:13 |
| | | * @LastEditTime: 2024-01-09 18:59:37 |
| | | * @FilePath: \jczz_web\src\views\task\reportForRepairs.vue |
| | | * @Description: |
| | | * |
| | |
| | | :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="confirmFlag" slot-scope="{row}"> |
| | | <el-tag size="small" :type="showConfirmFlag(row.confirmFlag).type"> |
| | | <template slot="confirmFlag" slot-scope="{row, size}"> |
| | | <el-tag :size="size" :type="showConfirmFlag(row.confirmFlag).type"> |
| | | {{ showConfirmFlag(row.confirmFlag).text }} |
| | | </el-tag> |
| | | </template> |