New file |
| | |
| | | <template> |
| | | <div class="header"> |
| | | <el-form :inline="true" :model="seachData" class="demo-form-inline"> |
| | | <el-form-item label="事件编号"> |
| | | <el-input v-model="seachData.code" placeholder="事件编号"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="来源查询"> |
| | | <el-select v-model="seachData.resource" placeholder="请选择来源"> |
| | | <el-option |
| | | v-for="item in eventSourceOptions" |
| | | :key="item.label" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="大类名称"> |
| | | <el-input v-model="seachData.categoryBig" placeholder="大类名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="小类名称"> |
| | | <el-input v-model="seachData.categorySmall" placeholder="小类名称"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="报警点位"> |
| | | <el-input v-model="seachData.site" placeholder="报警点位"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="所属区域"> |
| | | <el-input v-model="seachData.street" placeholder="所属区域"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="报警时间"> |
| | | <el-date-picker |
| | | v-model="seachData.alarmTime" |
| | | type="daterange" |
| | | align="right" |
| | | unlink-panels |
| | | range-separator="至" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | | :picker-options="pickerOptions"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="getUserList">查询</el-button> |
| | | <el-button |
| | | v-if="addData" |
| | | class="addBtn button-addition" |
| | | type="primary" |
| | | @click="dialogCreate()" |
| | | >添加</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | <!-- <div>--> |
| | | <!-- <el-button type="primary" @click="getUserList">查询</el-button>--> |
| | | <!-- <el-button--> |
| | | <!-- class="addBtn button-addition"--> |
| | | <!-- type="primary"--> |
| | | <!-- @click="dialogCreate()"--> |
| | | <!-- >添加</el-button--> |
| | | <!-- >--> |
| | | <!-- </div>--> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import {RESOURCE_OPTIONS} from "@/utils/helper"; |
| | | |
| | | export default { |
| | | data(){ |
| | | return{ |
| | | eventSourceOptions: RESOURCE_OPTIONS, |
| | | seachData:{ |
| | | |
| | | }, |
| | | addData:false, |
| | | alarmTime:'', |
| | | pickerOptions: { |
| | | shortcuts: [{ |
| | | text: '最近一周', |
| | | onClick(picker) { |
| | | const end = new Date(); |
| | | const start = new Date(); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
| | | picker.$emit('pick', [start, end]); |
| | | } |
| | | }, { |
| | | text: '最近一个月', |
| | | onClick(picker) { |
| | | const end = new Date(); |
| | | const start = new Date(); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
| | | picker.$emit('pick', [start, end]); |
| | | } |
| | | }, { |
| | | text: '最近三个月', |
| | | onClick(picker) { |
| | | const end = new Date(); |
| | | const start = new Date(); |
| | | start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); |
| | | picker.$emit('pick', [start, end]); |
| | | } |
| | | }]}, |
| | | } |
| | | }, |
| | | created() { |
| | | }, |
| | | mounted() { |
| | | this.getPool() |
| | | }, |
| | | methods:{ |
| | | getPool(){ |
| | | console.log(this.$route.name); |
| | | let name = this.$route.name |
| | | this.addData = name == 'pool'; |
| | | }, |
| | | onSubmit(){ |
| | | |
| | | }, |
| | | getUserList(){ |
| | | this.$emit('getUserList', {seachData:this.seachData}) |
| | | }, |
| | | dialogCreate(){ |
| | | this.$emit('dialogCreatepro') |
| | | }, |
| | | }, |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .header{ |
| | | line-height: normal; |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <div class="userList"> |
| | | <header> |
| | | <div class="headerContent"> |
| | | <div class="search"> |
| | | <span>筛选条件:</span> |
| | | <div class="option"> |
| | | <el-select v-model="resource" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in resourceOptions" |
| | | :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> |
| | | <MyHeader @getUserList ="getUserList"></MyHeader> |
| | | <!-- <div class="headerContent">--> |
| | | <!-- <div class="search">--> |
| | | <!-- <span>筛选条件:</span>--> |
| | | <!-- <div class="option">--> |
| | | <!-- <el-select v-model="resource" placeholder="请选择">--> |
| | | <!-- <el-option--> |
| | | <!-- v-for="item in resourceOptions"--> |
| | | <!-- :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>--> |
| | | </header> |
| | | <main> |
| | | <div class="mainContent"> |
| | |
| | | import helper from "@/utils/mydate"; |
| | | import basecase from "@/api/operate/basecase"; |
| | | import { RESOURCE_OPTIONS } from "@/utils/helper"; |
| | | import MyHeader from "@/components/seachHeader"; |
| | | |
| | | export default { |
| | | components: { |
| | |
| | | uploadIll, |
| | | MyDetail, |
| | | MyIllDetail, |
| | | MyHeader |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | .catch((_) => {}); |
| | | }, |
| | | // 获取用户列表 |
| | | getUserList() { |
| | | const params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | resource: this.resource, |
| | | type: this.statusArr[1] ?? null, |
| | | }; |
| | | getUserList(seachData) { |
| | | // console.log(seachData.seachData.resource) |
| | | 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, |
| | | 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, |
| | | }; |
| | | }else { |
| | | |
| | | params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | type: this.statusArr[1] ?? null, |
| | | }; |
| | | } |
| | | |
| | | basecase |
| | | .baseCasePoolList(params) |
| | | .then(({ records, total }) => { |
| | | this.tableData = records; |
| | | this.totalNum = total; |
| | | }) |
| | | .catch((err) => this.$message.error(err)); |
| | | .baseCasePoolList(params) |
| | | .then(({ records, total }) => { |
| | | this.tableData = records; |
| | | this.totalNum = total; |
| | | }) |
| | | .catch((err) => this.$message.error(err)); |
| | | }, |
| | | // 更改违规/违建 |
| | | changeTypeChecked(idx) { |
| | |
| | | <template> |
| | | <div class="userList"> |
| | | <header> |
| | | <div class="headerContent"> |
| | | <div class="search"> |
| | | <span>来源查询:</span> |
| | | <div class="option"> |
| | | <el-select |
| | | v-model="mystatus" |
| | | placeholder="违规" |
| | | > |
| | | <el-option |
| | | v-for="item in resourceOptions" |
| | | :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> |
| | | <MyHeader @getUserList ="getUserList"></MyHeader> |
| | | <!-- <div class="headerContent">--> |
| | | <!-- <div class="search">--> |
| | | <!-- <span>来源查询:</span>--> |
| | | <!-- <div class="option">--> |
| | | <!-- <el-select--> |
| | | <!-- v-model="mystatus"--> |
| | | <!-- placeholder="违规"--> |
| | | <!-- >--> |
| | | <!-- <el-option--> |
| | | <!-- v-for="item in resourceOptions"--> |
| | | <!-- :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> |
| | | <!-- </div>--> |
| | | </header> |
| | | <main> |
| | | <div class="mainContent"> |
| | |
| | | import { RESOURCE_OPTIONS, EVENT_SOURCE } from "@/utils/helper"; |
| | | import MyDetail from "@/components/detail"; |
| | | import basecase from "@/api/operate/basecase"; |
| | | import MyHeader from "@/components/seachHeader/index" |
| | | |
| | | export default { |
| | | components: { |
| | | MyDetail, |
| | | MyHeader |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | }); |
| | | }, |
| | | // 获取用户列表 |
| | | getUserList() { |
| | | const params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | resource: this.resource, |
| | | type: this.statusArr[1] ?? null |
| | | getUserList(seachData) { |
| | | // console.log(seachData.seachData.resource) |
| | | 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, |
| | | 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, |
| | | }; |
| | | }else { |
| | | |
| | | params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | type: this.statusArr[1] ?? null, |
| | | }; |
| | | } |
| | | basecase.baseCasePoolList(params) |
| | | |
| | | basecase |
| | | .baseCasePoolList(params) |
| | | .then(({ records, total }) => { |
| | | this.tableData = records; |
| | | this.totalNum = total; |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | .catch((err) => this.$message.error(err)); |
| | | }, |
| | | // 设置表格斑马纹 |
| | | tableRowClassName({ row, rowIndex }) { |
| | |
| | | <template> |
| | | <div class="userList"> |
| | | <header> |
| | | <div class="headerContent"> |
| | | <div class="search"> |
| | | <span>筛选条件:</span> |
| | | <div class="option"> |
| | | <el-select |
| | | v-model="resource" |
| | | placeholder="违规" |
| | | @change="setMystatus" |
| | | > |
| | | <el-option |
| | | v-for="item in resourceList" |
| | | :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> |
| | | <MyHeader @getUserList ="getUserList"></MyHeader> |
| | | <!-- <div class="headerContent">--> |
| | | <!-- <div class="search">--> |
| | | <!-- <span>筛选条件:</span>--> |
| | | <!-- <div class="option">--> |
| | | <!-- <el-select--> |
| | | <!-- v-model="resource"--> |
| | | <!-- placeholder="违规"--> |
| | | <!-- @change="setMystatus"--> |
| | | <!-- >--> |
| | | <!-- <el-option--> |
| | | <!-- v-for="item in resourceList"--> |
| | | <!-- :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>--> |
| | | </header> |
| | | <main> |
| | | <div class="mainContent"> |
| | |
| | | import helper from "@/utils/mydate"; |
| | | import { RESOURCE_OPTIONS } from "@/utils/helper"; |
| | | import basecase from "@/api/operate/basecase"; |
| | | |
| | | import MyHeader from "@/components/seachHeader"; |
| | | export default { |
| | | components: { |
| | | uploadVio, |
| | | uploadIll, |
| | | MyDetail, |
| | | MyIllDetail, |
| | | MyHeader |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | .catch((_) => {}); |
| | | }, |
| | | // 获取用户列表 |
| | | getUserList() { |
| | | const params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | resource: this.resource, |
| | | type: this.statusArr[1] ?? null, |
| | | }; |
| | | getUserList(seachData) { |
| | | // console.log(seachData.seachData.resource) |
| | | 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, |
| | | 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, |
| | | }; |
| | | }else { |
| | | |
| | | params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | type: this.statusArr[1] ?? null, |
| | | }; |
| | | } |
| | | |
| | | basecase |
| | | .baseCasePoolList(params) |
| | | .then(({ records, total }) => { |
| | | this.tableData = records; |
| | | this.totalNum = total; |
| | | }) |
| | | .catch((err) => this.$message.error(err)); |
| | | .baseCasePoolList(params) |
| | | .then(({ records, total }) => { |
| | | this.tableData = records; |
| | | this.totalNum = total; |
| | | }) |
| | | .catch((err) => this.$message.error(err)); |
| | | }, |
| | | // 更改违规/违建 |
| | | changeTypeChecked(idx) { |
| | |
| | | <template> |
| | | <div class="userList"> |
| | | <header> |
| | | <div class="headerContent"> |
| | | <div class="search"> |
| | | <span>筛选条件:</span> |
| | | <div class="option"> |
| | | <el-select |
| | | v-model="mystatus" |
| | | placeholder="违规" |
| | | @change="setMystatus" |
| | | > |
| | | <el-option |
| | | v-for="item in resourceOptions" |
| | | :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> |
| | | <MyHeader @getUserList ="getUserList"></MyHeader> |
| | | <!-- <div class="headerContent">--> |
| | | <!-- <div class="search">--> |
| | | <!-- <span>筛选条件:</span>--> |
| | | <!-- <div class="option">--> |
| | | <!-- <el-select--> |
| | | <!-- v-model="mystatus"--> |
| | | <!-- placeholder="违规"--> |
| | | <!-- @change="setMystatus"--> |
| | | <!-- >--> |
| | | <!-- <el-option--> |
| | | <!-- v-for="item in resourceOptions"--> |
| | | <!-- :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>--> |
| | | </header> |
| | | <main> |
| | | <div class="mainContent"> |
| | |
| | | import MyIllDetail from "@/components/illdetail"; |
| | | import basecase from "@/api/operate/basecase"; |
| | | import { RESOURCE_OPTIONS } from "@/utils/helper"; |
| | | |
| | | import MyHeader from "@/components/seachHeader"; |
| | | export default { |
| | | components: { |
| | | uploadVio, |
| | | uploadIll, |
| | | MyDetail, |
| | | MyIllDetail, |
| | | MyHeader |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | .catch((_) => {}); |
| | | }, |
| | | // 获取用户列表 |
| | | getUserList() { |
| | | const params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | resource: this.resource, |
| | | type: this.statusArr[1] ?? null, |
| | | }; |
| | | getUserList(seachData) { |
| | | // console.log(seachData.seachData.resource) |
| | | 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, |
| | | 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, |
| | | }; |
| | | }else { |
| | | |
| | | params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | type: this.statusArr[1] ?? null, |
| | | }; |
| | | } |
| | | |
| | | basecase |
| | | .baseCasePoolList(params) |
| | | .then(({ records, total }) => { |
| | | this.tableData = records; |
| | | this.totalNum = total; |
| | | }) |
| | | .catch((err) => this.$message.error(err)); |
| | | .baseCasePoolList(params) |
| | | .then(({ records, total }) => { |
| | | this.tableData = records; |
| | | this.totalNum = total; |
| | | }) |
| | | .catch((err) => this.$message.error(err)); |
| | | }, |
| | | // 更改违规/违建 |
| | | changeTypeChecked(idx) { |
| | |
| | | <template> |
| | | <div class="userList"> |
| | | <header> |
| | | <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 |
| | | > |
| | | <!-- 选择登记类型 --> |
| | | <el-dialog |
| | | :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" |
| | | > |
| | | <!-- 违建登记 --> |
| | | <MyIll |
| | | v-if="newAddType === 1" |
| | | :refresh="getUserList" |
| | | :mytype="newAddType" |
| | | @changeDialog="changeDialog" |
| | | /> |
| | | <!-- 违规登记 --> |
| | | <myVio |
| | | v-else |
| | | :refresh="getUserList" |
| | | :mytype="newAddType" |
| | | @changeDialog="changeDialog" |
| | | /> |
| | | </el-dialog> |
| | | </div> |
| | | </div> |
| | | <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>--> |
| | | </header> |
| | | <main> |
| | | <div class="mainContent"> |
| | |
| | | </div> |
| | | </div> |
| | | </main> |
| | | <!-- 选择登记类型 --> |
| | | <el-dialog |
| | | :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" |
| | | > |
| | | <!-- 违建登记 --> |
| | | <MyIll |
| | | v-if="newAddType === 1" |
| | | :refresh="getUserList" |
| | | :mytype="newAddType" |
| | | @changeDialog="changeDialog" |
| | | /> |
| | | <!-- 违规登记 --> |
| | | <myVio |
| | | v-else |
| | | :refresh="getUserList" |
| | | :mytype="newAddType" |
| | | @changeDialog="changeDialog" |
| | | /> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | <script> |
| | |
| | | import helper from "@/utils/mydate"; |
| | | import { RESOURCE_OPTIONS } from "@/utils/helper"; |
| | | import basecase from "@/api/operate/basecase"; |
| | | |
| | | import MyHeader from "@/components/seachHeader/index" |
| | | export default { |
| | | components: { |
| | | createUser, |
| | |
| | | MyDetail, |
| | | MyDispatch, |
| | | MyIllDetail, |
| | | MyHeader |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | this.statusArr[1] = item.value; |
| | | } |
| | | }); |
| | | this.getUserList(); |
| | | this.getUserList(undefined); |
| | | }, |
| | | mounted() { |
| | | }, |
| | | methods: { |
| | | dialogCreatepro(){ |
| | | console.log('-------------------') |
| | | this.dialogCreate = true |
| | | }, |
| | | // 调度 |
| | | handleDispatch(data) { |
| | | this.baseId = data.id; |
| | |
| | | }); |
| | | }, |
| | | // 获取用户列表 |
| | | getUserList() { |
| | | const params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | resource: this.resource, |
| | | type: this.statusArr[1] ?? null, |
| | | }; |
| | | getUserList(seachData) { |
| | | // console.log(seachData.seachData.resource) |
| | | 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, |
| | | 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, |
| | | }; |
| | | }else { |
| | | |
| | | params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | type: this.statusArr[1] ?? null, |
| | | }; |
| | | } |
| | | |
| | | basecase |
| | | .baseCasePoolList(params) |
| | | .then(({ records, total }) => { |
| | |
| | | v-model="getCategory(imagedata.category).label" |
| | | ></el-input> |
| | | </el-form-item> |
| | | |
| | | |
| | | <el-form-item prop="regionName" label="社区名称"> |
| | | <el-input v-model="imagedata.regionName"></el-input> |
| | | </el-form-item> |
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> --> |
| | | <el-form-item prop="url" label="图片:" min-width="8"> |
| | | <el-form-item prop="url" label="图片:" min-width="8"> |
| | | <my-upload |
| | | :picture-list="imageList" |
| | | :is-show-upload="dialogType !== 'view'" |
| | |
| | | type="primary" |
| | | class="btn submit" |
| | | @click.native.prevent="onSubmit" |
| | | >提交</el-button |
| | | > |
| | | >提交</el-button> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | |
| | | .el-select { |
| | | width: 280px !important; |
| | | } |
| | | </style> |
| | | </style> |
| | |
| | | importTable(file) { |
| | | const formData = new FormData(); |
| | | formData.append("file", file.file); |
| | | console.log(formData) |
| | | console.log(file) |
| | | importTeamInfo(formData) |
| | | .then(() => { |
| | | this.$message({ type: "success", message: "操作成功" }); |