| | |
| | | <template> |
| | | <div class="userList"> |
| | | <header> |
| | | <MyHeader @dialogCreatepro="dialogCreatepro" @getUserList ="getUserList"></MyHeader> |
| | | <!-- <div class="headerContent">--> |
| | | <!-- <div class="search">--> |
| | | <!-- <span>来源查询:</span>--> |
| | | <!-- <div class="option">--> |
| | | <!-- <el-select clearable v-model="resource" placeholder="请选择来源">--> |
| | | <!-- <el-option--> |
| | | <!-- v-for="item in eventSourceOptions"--> |
| | | <!-- :key="item.label"--> |
| | | <!-- :label="item.label"--> |
| | | <!-- :value="item.value"--> |
| | | <!-- >--> |
| | | <!-- </el-option>--> |
| | | <!-- </el-select>--> |
| | | <!-- </div>--> |
| | | <!-- <div class="findBtn">--> |
| | | <!-- <el-button type="primary" @click="getUserList">查询</el-button>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <!-- <div class="addUser">--> |
| | | <!-- <el-button--> |
| | | <!-- class="addBtn button-addition"--> |
| | | <!-- type="primary"--> |
| | | <!-- @click="dialogCreate = true"--> |
| | | <!-- >添加</el-button--> |
| | | <!-- >--> |
| | | |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | <MyHeader |
| | | ref="myHeader" |
| | | @dialogCreatepro="dialogCreatepro" |
| | | @getUserList="getUserList" |
| | | ></MyHeader> |
| | | </header> |
| | | <main> |
| | | <div class="mainContent"> |
| | |
| | | :row-class-name="tableRowClassName" |
| | | @selection-change="tableChange" |
| | | > |
| | | <el-table-column type="selection" min-width="5"> </el-table-column> |
| | | <el-table-column label="序号" type="index" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="code" label="事件编号" min-width="18"> |
| | | <template slot-scope="scope"> |
| | | <el-link @click="JumpView(scope.row)">{{ |
| | |
| | | <el-table-column prop="eventSource" label="问题来源" min-width="8"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ |
| | | scope.row.eventSource === 2 ? "人工上传" : "视频巡查" |
| | | scope.row.eventSource === 2 ? "网格巡查" : "视频巡查" |
| | | }}</span> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | show-overflow-tooltip |
| | | > |
| | | <template slot-scope="scope"> |
| | | <div v-if="mystatus === 2"> |
| | | <div v-if="mystatus === 2"> |
| | | <span>{{ |
| | | scope.row.buildingLength + |
| | | "米" + |
| | | "、" + |
| | | scope.row.buildingWidth + |
| | | "米" + |
| | | "、" + |
| | | scope.row.buildingHigh + |
| | | "米" |
| | | }}</span> |
| | | </div> |
| | | <div v-else>{{ scope.row.site }}</div> |
| | | scope.row.buildingLength + |
| | | "米" + |
| | | "、" + |
| | | scope.row.buildingWidth + |
| | | "米" + |
| | | "、" + |
| | | scope.row.buildingHigh + |
| | | "米" |
| | | }}</span> |
| | | </div> |
| | | <div v-else>{{ scope.row.site }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <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> |
| | | <span @click="handleUpload(scope.row)">上报</span> |
| | | <span class="line">|</span> |
| | | <span @click="handleDispatch(scope.row)">调度</span> |
| | | <span class="line">|</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 |
| | |
| | | </main> |
| | | <!-- 选择登记类型 --> |
| | | <el-dialog |
| | | :before-close="handleClose" |
| | | :visible.sync="dialogCreate" |
| | | title="请选择上报事件类型" |
| | | width="45%" |
| | | v-if="dialogCreate" |
| | | :before-close="handleClose" |
| | | :visible.sync="dialogCreate" |
| | | title="请选择上报事件类型" |
| | | width="45%" |
| | | v-if="dialogCreate" |
| | | > |
| | | <createUser @getPageProp="setDialog" /> |
| | | </el-dialog> |
| | | <!-- 事件登记 --> |
| | | <el-dialog |
| | | :before-close="handleClose" |
| | | :visible.sync="dialogNewAdd" |
| | | :title="newAddType === 0 ? '违规事件登记' : '违建事件登记'" |
| | | width="80%" |
| | | v-if="dialogNewAdd" |
| | | :before-close="handleClose" |
| | | :visible.sync="dialogNewAdd" |
| | | :title="newAddType === 0 ? '违规事件登记' : '违建事件登记'" |
| | | width="80%" |
| | | v-if="dialogNewAdd" |
| | | > |
| | | <!-- 违建登记 --> |
| | | <MyIll |
| | | v-if="newAddType === 1" |
| | | :refresh="getUserList" |
| | | :mytype="newAddType" |
| | | @changeDialog="changeDialog" |
| | | v-if="newAddType === 1" |
| | | :refresh="getUserList" |
| | | :mytype="newAddType" |
| | | @changeDialog="changeDialog" |
| | | /> |
| | | <!-- 违规登记 --> |
| | | <myVio |
| | | v-else |
| | | :refresh="getUserList" |
| | | :mytype="newAddType" |
| | | @changeDialog="changeDialog" |
| | | v-else |
| | | :refresh="getUserList" |
| | | :mytype="newAddType" |
| | | @changeDialog="changeDialog" |
| | | /> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | 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 { |
| | |
| | | }); |
| | | this.getUserList(undefined); |
| | | }, |
| | | mounted() { |
| | | }, |
| | | mounted() {}, |
| | | methods: { |
| | | dialogCreatepro(){ |
| | | console.log('-------------------') |
| | | this.dialogCreate = true |
| | | dialogCreatepro() { |
| | | this.dialogCreate = true; |
| | | }, |
| | | // 调度 |
| | | handleDispatch(data) { |
| | |
| | | // 获取用户列表 |
| | | getUserList(seachData) { |
| | | // console.log(seachData.seachData.resource) |
| | | let params |
| | | if (seachData){ |
| | | 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, |
| | | alarmTime:seachData.seachData.alarmTime ==undefined?null:seachData.seachData.alarmTime, |
| | | 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, |
| | | }; |
| | | }else { |
| | | |
| | | if (seachData.seachData.alarmTime) { |
| | | 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) { |
| | | debugger; |
| | | basecase |
| | | .uploadEvent(rowData.id) |
| | | .then((res) => { |
| | | debugger; |
| | | }) |
| | | .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("确认关闭?") |
| | |
| | | this.statusArr[0] = this.tagList[idx].value; |
| | | this.statusArr[1] = 1; |
| | | this.getUserList(); |
| | | this.$refs.myHeader.seachData = {}; |
| | | }, |
| | | // 更改违规/违建 |
| | | changeTypeChecked(idx) { |
| | |
| | | this.mystatus = idx + 1; |
| | | this.statusArr[1] = this.typeList[idx].value; |
| | | this.getUserList(); |
| | | this.$refs.myHeader.seachData = {}; |
| | | }, |
| | | async JumpView(data) { |
| | | await this.getEventInfo(data.code); |
| | |
| | | } |
| | | } |
| | | </style> |
| | | <style> |
| | | .customWidth { |
| | | width: 1000px !important; |
| | | } |
| | | </style> |