| | |
| | | <template> |
| | | <div class="userList"> |
| | | <header> |
| | | <MyHeader ref="myHeader" |
| | | <MyHeader |
| | | ref="myHeader" |
| | | @dialogCreatepro="dialogCreatepro" |
| | | @getUserList="getUserList" |
| | | ></MyHeader> |
| | |
| | | :row-class-name="tableRowClassName" |
| | | @selection-change="tableChange" |
| | | > |
| | | <el-table-column type="selection" min-width="5"> |
| | | <el-table-column label="序号" type="index" width="60px"> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="code" |
| | |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="state" |
| | | label="状态" |
| | | min-width="8" |
| | | :formatter="formatPrivilegeType" |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="operation" |
| | | label="操作" |
| | | min-width="20" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <div class="operation" v-if="statusArr[0] === 0"> |
| | | <span @click="handleFind(scope.row)">上报</span> |
| | | <div |
| | | class="operation" |
| | | v-if="statusArr[0] === 'wait'" |
| | | > |
| | | <span @click="handleUpload(scope.row)" |
| | | >上报</span |
| | | > |
| | | <span class="line">|</span> |
| | | <span @click="handleDispatch(scope.row)" |
| | | >调度</span |
| | |
| | | </el-table> |
| | | <!-- 详情页展示 --> |
| | | <el-dialog |
| | | custom-class="customWidth" |
| | | :visible.sync="dialogView" |
| | | width="60%" |
| | | title="基础信息(人工)" |
| | | v-if="dialogView" |
| | | :before-close="handleClose" |
| | | :before-close="handleClose2" |
| | | > |
| | | <MyDetail :info="info" v-if="mystatus === 1"></MyDetail> |
| | | <MyIllDetail :info="info" v-else></MyIllDetail> |
| | | <MyDetail |
| | | style="min-width: 300px" |
| | | :info="info" |
| | | v-if="mystatus === 1" |
| | | ></MyDetail> |
| | | <MyIllDetail |
| | | style="min-width: 500px" |
| | | :info="info" |
| | | v-else |
| | | ></MyIllDetail> |
| | | </el-dialog> |
| | | <!-- 调度 --> |
| | | <el-dialog |
| | |
| | | import helper from "@/utils/mydate"; |
| | | import { RESOURCE_OPTIONS } from "@/utils/helper"; |
| | | import basecase from "@/api/operate/basecase"; |
| | | import MyHeader from "@/components/seachHeader/index" |
| | | import MyHeader from "@/components/seachHeader/index"; |
| | | export default { |
| | | components: { |
| | | createUser, |
| | |
| | | MyDetail, |
| | | MyDispatch, |
| | | MyIllDetail, |
| | | MyHeader |
| | | MyHeader, |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | tagList: [ |
| | | { |
| | | name: "待处理", |
| | | value: 0, |
| | | value: 'wait', |
| | | checked: true, |
| | | }, |
| | | { |
| | | name: "已上报", |
| | | value: 3, |
| | | name: "处理中", |
| | | value: 'handle', |
| | | checked: false, |
| | | }, |
| | | { |
| | | name: "已调度", |
| | | value: 6, |
| | | checked: false, |
| | | }, |
| | | { |
| | | name: "在学习", |
| | | value: 3, |
| | | checked: false, |
| | | }, |
| | | { |
| | | name: "暂不处理", |
| | | value: 4, |
| | | name: "已完成", |
| | | value: 'finish', |
| | | checked: false, |
| | | }, |
| | | ], |
| | |
| | | }); |
| | | this.getUserList(undefined); |
| | | }, |
| | | mounted() { |
| | | }, |
| | | mounted() { }, |
| | | methods: { |
| | | dialogCreatepro() { |
| | | console.log('-------------------') |
| | | this.dialogCreate = true |
| | | this.dialogCreate = true; |
| | | }, |
| | | // 调度 |
| | | handleDispatch(data) { |
| | |
| | | // 获取用户列表 |
| | | getUserList(seachData) { |
| | | // console.log(seachData.seachData.resource) |
| | | let params |
| | | let params; |
| | | if (seachData) { |
| | | params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | resource: seachData.seachData.resource == undefined ? null : seachData.seachData.resource, |
| | | region: seachData.seachData.region == undefined ? null : seachData.seachData.region, |
| | | resource: |
| | | seachData.seachData.resource == undefined |
| | | ? null |
| | | : seachData.seachData.resource, |
| | | region: |
| | | seachData.seachData.region == undefined |
| | | ? null |
| | | : seachData.seachData.region, |
| | | type: this.statusArr[1] ?? null, |
| | | code: seachData.seachData.code == undefined ? null : seachData.seachData.code, |
| | | categoryBig: seachData.seachData.categoryBig == undefined ? null : seachData.seachData.categoryBig, |
| | | categorySmall: seachData.seachData.categorySmall == undefined ? null : seachData.seachData.categorySmall, |
| | | site: seachData.seachData.site == undefined ? null : seachData.seachData.site, |
| | | street: seachData.seachData.street == undefined ? null : seachData.seachData.street, |
| | | |
| | | code: |
| | | seachData.seachData.code == undefined |
| | | ? null |
| | | : seachData.seachData.code, |
| | | categoryBig: |
| | | seachData.seachData.categoryBig == undefined |
| | | ? null |
| | | : seachData.seachData.categoryBig, |
| | | categorySmall: |
| | | seachData.seachData.categorySmall == undefined |
| | | ? null |
| | | : seachData.seachData.categorySmall, |
| | | site: |
| | | seachData.seachData.site == undefined |
| | | ? null |
| | | : seachData.seachData.site, |
| | | street: |
| | | seachData.seachData.street == undefined |
| | | ? null |
| | | : seachData.seachData.street, |
| | | }; |
| | | if (seachData.seachData.alarmTime) { |
| | | params.startTime = seachData.seachData.alarmTime[0] |
| | | params.endTime = seachData.seachData.alarmTime[1] |
| | | params.startTime = seachData.seachData.alarmTime[0]; |
| | | params.endTime = seachData.seachData.alarmTime[1]; |
| | | } |
| | | } else { |
| | | |
| | | params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | |
| | | return "success-row"; |
| | | } |
| | | }, |
| | | // 查看用户信息(不可修改) |
| | | handleFind(rowData) { }, |
| | | |
| | | handleUpload(rowData) { |
| | | basecase |
| | | .uploadEvent(rowData.id) |
| | | .then((res) => { |
| | | }) |
| | | .catch((err) => this.$message.error(err)); |
| | | }, |
| | | // 当前页改变触发事件 |
| | | changeCurrentPage(page) { |
| | | this.currentPage = page; |
| | |
| | | this.dialogCreate = flag; |
| | | this.dialogView = flag; |
| | | this.dialogDispatch = flag; |
| | | }, |
| | | handleClose2(done) { |
| | | this.dialogCreate = false; |
| | | this.dialogNewAdd = false; |
| | | this.dialogDispatch = false; |
| | | this.dialogView = false; |
| | | }, |
| | | handleClose(done) { |
| | | this.$confirm("确认关闭?") |
| | |
| | | }, |
| | | // 更改一级标签的选中 |
| | | changeNavChecked(idx) { |
| | | |
| | | this.currentPage = 1 |
| | | this.tagList.forEach((item, index) => { |
| | | item.checked = index === idx; |
| | | }); |
| | |
| | | this.statusArr[0] = this.tagList[idx].value; |
| | | this.statusArr[1] = 1; |
| | | this.getUserList(); |
| | | this.$refs.myHeader.seachData = {} |
| | | this.$refs.myHeader.seachData = {}; |
| | | }, |
| | | // 更改违规/违建 |
| | | changeTypeChecked(idx) { |
| | | this.currentPage = 1 |
| | | this.typeList.forEach((item, index) => { |
| | | item.checked = index === idx; |
| | | }); |
| | | this.mystatus = idx + 1; |
| | | this.statusArr[1] = this.typeList[idx].value; |
| | | this.getUserList(); |
| | | this.$refs.myHeader.seachData = {} |
| | | this.$refs.myHeader.seachData = {}; |
| | | }, |
| | | async JumpView(data) { |
| | | await this.getEventInfo(data.code); |
| | |
| | | filterTime(time) { |
| | | return helper(time); |
| | | }, |
| | | formatPrivilegeType: function (row, column) { |
| | | let value = ''; |
| | | switch (row.state) { |
| | | case 0: |
| | | value = '待处理' |
| | | break; |
| | | case 1: |
| | | value = '再学习 / 再训练' |
| | | break; |
| | | case 2: |
| | | value = '上报' |
| | | break; |
| | | case 3: |
| | | value = '再学习 / 再训练' |
| | | break; |
| | | case 4: |
| | | value = '暂不处理' |
| | | break; |
| | | case 5: |
| | | value = '立案' |
| | | break; |
| | | case 6: |
| | | value = '调度' |
| | | break; |
| | | case 7: |
| | | value = '处置' |
| | | break; |
| | | case 8: |
| | | value = '核查' |
| | | break; |
| | | case 9: |
| | | value = '结案' |
| | | break; |
| | | default: |
| | | break; |
| | | } |
| | | return value |
| | | } |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | } |
| | | } |
| | | </style> |
| | | <style> |
| | | .customWidth { |
| | | width: 1000px !important; |
| | | } |
| | | </style> |