Merge branch 'dev1.0' of http://42.193.1.25:9521/r/sccg_ui into dev1.0
| | |
| | | </div> |
| | | </el-form> |
| | | <div class="map"> |
| | | <MyMap></MyMap> |
| | | <MyMap style="width: 600px; height: 400px"></MyMap> |
| | | </div> |
| | | <div class="footer"> |
| | | <el-button type="primary" @click="handleDispatch">确定</el-button> |
| | |
| | | padding: 10px 20px; |
| | | } |
| | | } |
| | | </style> |
| | | </style> |
| | |
| | | }; |
| | | }, |
| | | mounted() { |
| | | console.log('/* 创建地图实例 */') |
| | | setTimeout(() => { |
| | | this.createrMap(); |
| | | }, 100); |
| | |
| | | methods: { |
| | | /* 创建地图实例 */ |
| | | createrMap() { |
| | | |
| | | this.option.center = [eval(this.map_point.y), eval(this.map_point.x)]; |
| | | this.option.zoom = this.map_zoom; |
| | | this.map = this.$map.createrMap("map-container", this.option); |
| | | // this.$map.createrLayers(this.map, this.mapUrls) //切片地图 |
| | | // this.$map.createrChinatm(this.map, this.mapUrl); // 图层 |
| | | |
| | | this.map.pm.setLang("zh"); |
| | | // this.map.pm.addControls(this.options); |
| | | // this.map.on("pm:drawstart", (e) => { |
| | | // // // workingLayer.on('pm:create', e => { |
| | | // // console.log("绘制开始"); |
| | | // // console.log(e); |
| | | // // // }); |
| | | // }); |
| | | // this.map.on("pm:drawend", (e) => { |
| | | // // // workingLayer.on('pm:create', e => { |
| | | // // console.log("绘制结束"); |
| | | // // // }); |
| | | // }); |
| | | this.locationMap(); |
| | | |
| | | }, |
| | | locationMap() { |
| | | if (this.mark && this.map) { |
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-cascader |
| | | v-model="seachData.street" |
| | | :options="communityOptions" |
| | | :props="options" |
| | | @change="handleChange"></el-cascader> |
| | | </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"; |
| | | import department from "@/api/system/department"; |
| | | |
| | | export default { |
| | | data(){ |
| | | return{ |
| | | options:{ |
| | | label:'regionName', |
| | | value:'id', |
| | | }, |
| | | communityOptions:[], |
| | | 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() |
| | | this.getCommunityOptions() |
| | | }, |
| | | methods:{ |
| | | handleChange(value) { |
| | | console.log(value); |
| | | }, |
| | | // 获取社区和街道 |
| | | getCommunityOptions() { |
| | | department.getDepartmentList() |
| | | .then(res => { |
| | | this.communityOptions = res; |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | }, |
| | | getPool(){ |
| | | console.log(this.$route.name); |
| | | let name = this.$route.name |
| | | this.addData = name == 'pool'; |
| | | }, |
| | | onSubmit(){ |
| | | |
| | | }, |
| | | getUserList(){ |
| | | console.log(this.seachData) |
| | | // this.seachData.alarmTimeOne =this.seachData.alarmTime[0]; |
| | | // this.seachData.alarmTimeTwo = this.seachData.alarmTime[1]; |
| | | this.seachData.street=this.seachData.street?this.seachData.street[this.seachData.street.length-1]:null; |
| | | this.$emit('getUserList', {seachData:this.seachData}); |
| | | }, |
| | | dialogCreate(){ |
| | | this.$emit('dialogCreatepro') |
| | | }, |
| | | }, |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .header{ |
| | | line-height: normal; |
| | | } |
| | | </style> |
| | |
| | | <template> |
| | | <div class="userList"> |
| | | <div class="headerTitle">运营管理》基础设置》违建事项设置</div> |
| | | <!-- <div class="headerTitle">运营管理》基础设置》违建事项设置</div>--> |
| | | <header> |
| | | <div class="headerContent"> |
| | | <div class="search"> |
| | |
| | | </div> |
| | | <div class="addUser"> |
| | | <el-button class="addBtn" type="primary" @click="dialogCreate = true" |
| | | >新增违建</el-button |
| | | >新增违建类型</el-button |
| | | > |
| | | <el-dialog |
| | | :visible.sync="dialogCreate" |
| | | title="新增违建" |
| | | title="新增违建类型" |
| | | width="45%" |
| | | v-if="dialogCreate" |
| | | :before-close="handleClose" |
| | |
| | | <!-- tools --> |
| | | <div class="tools"> |
| | | <div class="funs"> |
| | | <!-- <div class="funsItem"> |
| | | <div class="funsItem"> |
| | | <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox> |
| | | </div> |
| | | <div class="funsItem"> |
| | |
| | | :value="item.value" :disabled="item.disabled"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | <div class="pagination"> |
| | | <el-pagination |
| | |
| | | } |
| | | |
| | | header { |
| | | background-color: #fff; |
| | | //background-color: #fff; |
| | | |
| | | .headerContent { |
| | | padding: 0; |
| | |
| | | } |
| | | |
| | | main { |
| | | background-color: #fff; |
| | | //background-color: #fff; |
| | | margin-top: 20px; |
| | | padding-bottom: 50px; |
| | | |
| | |
| | | line-height: 28px; |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #17324c; |
| | | border: 1px solid #ccc; |
| | | border-radius: 4px; |
| | | font-size: 12px; |
| | | margin-left: 10px; |
| | |
| | | .el-select { |
| | | width: 120px; |
| | | } |
| | | |
| | | &::v-deep .el-input__inner { |
| | | border: none; |
| | | // background-color: #09152f; |
| | | } |
| | | &:hover { |
| | | border: 1px solid #4b9bb7; |
| | | } |
| | |
| | | <template> |
| | | <div class="userList"> |
| | | <div class="headerTitle">运营管理》基础设置》违规事项设置</div> |
| | | <!-- <div class="headerTitle">运营管理》基础设置》违规事项设置</div>--> |
| | | <header> |
| | | <div class="headerContent"> |
| | | <div class="search"> |
| | |
| | | <!-- tools --> |
| | | <div class="tools"> |
| | | <div class="funs"> |
| | | <!-- <div class="funsItem"> |
| | | <div class="funsItem"> |
| | | <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox> |
| | | </div> |
| | | <div class="funsItem"> |
| | |
| | | :value="item.value" :disabled="item.disabled"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | <div class="pagination"> |
| | | <el-pagination |
| | |
| | | line-height: 28px; |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #17324c; |
| | | border: 1px solid #ccc; |
| | | border-radius: 4px; |
| | | font-size: 12px; |
| | | margin-left: 10px; |
| | |
| | | <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) { |
| | |
| | | </el-form-item> |
| | | <el-form-item class="optionItems" label-width='0px' prop="buildingWidth"> |
| | | <el-input placeholder="单位米" v-model="ill.buildingWidth"></el-input> |
| | | </el-form-item> |
| | | </el-form-item> |
| | | <el-form-item class="optionItems" label-width='0px' prop="buildingHigh"> |
| | | <el-input placeholder="单位米" v-model="ill.buildingHigh"></el-input> |
| | | </el-form-item> |
| | |
| | | created() { |
| | | const { getBigKind, getCommityList,getStreetList } = this; |
| | | getStreetList(0); |
| | | |
| | | |
| | | // this.ill.category = this.mytype + 1; |
| | | getBigKind(); |
| | | getCommityList(); |
| | |
| | | } |
| | | .input-form { |
| | | |
| | | |
| | | |
| | | .upload-demo { |
| | | position: relative; |
| | | margin-right: 20px; |
| | |
| | | flex: 2; |
| | | } |
| | | } |
| | | </style> |
| | | </style> |
| | |
| | | <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"> |
| | |
| | | :prop="mystatus === 1 ? 'site' : ''" |
| | | :label="mystatus === 1 ? '报警点位' : '违法建筑长、宽、高'" |
| | | :min-width="mystatus === 1 ? '10' : '20'" |
| | | 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 |
| | |
| | | </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 }) => { |
| | |
| | | .nav { |
| | | display: flex; |
| | | line-height: 40px; |
| | | |
| | | .is-active { |
| | | // background-color: #070f22; |
| | | //color: #333; |
| | | color: #f5222d; |
| | | font-weight: 700; |
| | | } |
| | | .nav-item { |
| | | width: 80px; |
| | | text-align: center; |
| | | |
| | | &:hover { |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | |
| | | .is-active { |
| | | // background-color: #070f22; |
| | | color: #333; |
| | | font-size: 500; |
| | | } |
| | | } |
| | | |
| | |
| | | .is-active { |
| | | // background-color: #070f22; |
| | | border-radius: 4px; |
| | | color: #333; |
| | | font-size: 500; |
| | | color: #f5222d; |
| | | font-weight: 700; |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | .operation { |
| | | display: flex; |
| | | |
| | | color: #2f54eb; |
| | | .line { |
| | | padding: 0 5px; |
| | | } |
| | |
| | | <div class="search-item"> |
| | | <span>输入查询:</span> |
| | | <el-input |
| | | style="flex: 1" |
| | | |
| | | style="flex: 1;margin-left: 15px" |
| | | :placeholder=" |
| | | isStorePage() ? '店铺(门店)名称' : '请输入店铺编号' |
| | | " |
| | |
| | | </div> |
| | | <div class="search-item"> |
| | | <span>店铺状态:</span> |
| | | <el-select v-model="storeStatus" placeholder="选择店铺状态"> |
| | | <el-select v-model="storeStatus" style="margin-left: 15px" placeholder="选择店铺状态"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | |
| | | </el-form> |
| | | </div> |
| | | </el-dialog> |
| | | <!-- 分页 --> |
| | | <div class="pagination"> |
| | | <el-pagination |
| | | background |
| | | :current-page="currentPage" |
| | | layout="prev, pager, next" |
| | | :total="totalNum" |
| | | :page-size="pageSize" |
| | | @current-change="changeCurrentPage" |
| | | > |
| | | </el-pagination> |
| | | <div class="tools"> |
| | | <div class="funs"> |
| | | <div class="funsItem"> |
| | | <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox> |
| | | </div> |
| | | <div class="funsItem"> |
| | | <el-checkbox v-model="unsame" @change="disSame(tableData)">反选</el-checkbox> |
| | | </div> |
| | | <div class="funsItem"> |
| | | <el-select v-model="myIdx" placeholder="批量操作" @change="selectChange"> |
| | | <el-option v-for="item in options" :key="item.value" :label="item.label" |
| | | :value="item.value" :disabled="item.disabled"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | <div class="pagination"> |
| | | <el-pagination |
| | | background |
| | | :current-page="currentPage" |
| | | layout="prev, pager, next" |
| | | :total="totalNum" |
| | | :page-size="pageSize" |
| | | @current-change="changeCurrentPage" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | <!-- 分页 --> |
| | | <!-- <div class="pagination">--> |
| | | <!-- <el-pagination--> |
| | | <!-- background--> |
| | | <!-- :current-page="currentPage"--> |
| | | <!-- layout="prev, pager, next"--> |
| | | <!-- :total="totalNum"--> |
| | | <!-- :page-size="pageSize"--> |
| | | <!-- @current-change="changeCurrentPage"--> |
| | | <!-- >--> |
| | | <!-- </el-pagination>--> |
| | | <!-- </div>--> |
| | | </main> |
| | | </div> |
| | | </template> |
| | |
| | | }, |
| | | |
| | | methods: { |
| | | // 批量删除 |
| | | mulDelete(idArr) { |
| | | this.$axios({ |
| | | method: "delete", |
| | | url: "sccg/illegal_building/batch_delete?ids=" + idArr, |
| | | }).then((res) => { |
| | | this.getUserList(); |
| | | this.$message({ |
| | | message: res.message, |
| | | type: res.code === 200 ? "success" : "warning", |
| | | }); |
| | | }); |
| | | }, |
| | | // 执行下拉框操作 |
| | | selectChange(val) { |
| | | let ids = []; |
| | | this.tempList.forEach((item) => { |
| | | ids.push(item.number); |
| | | }); |
| | | if (ids.length !== 0) { |
| | | if (val === 3) { |
| | | this.mulDelete(ids); |
| | | } |
| | | } else { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: "您还没选中任何数据", |
| | | }); |
| | | } |
| | | }, |
| | | // 全选 |
| | | selectAll() { |
| | | this.$refs.multipleTable.toggleAllSelection(); |
| | | }, |
| | | // 反选 |
| | | disSame(list) { |
| | | list.forEach((row) => { |
| | | this.$refs.multipleTable.toggleRowSelection(row); |
| | | }); |
| | | }, |
| | | // 新建/保存消息(1:新建,0保存消息) |
| | | handleSubmit(mystatus) { |
| | | this.role.body = this.$refs.edit.editor.txt.html(); |
| | |
| | | .mainTitle { |
| | | line-height: 60px; |
| | | } |
| | | .tools { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | padding: 0 20px; |
| | | |
| | | .funs { |
| | | display: flex; |
| | | |
| | | .funsItem { |
| | | line-height: 28px; |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #ccc; |
| | | border-radius: 4px; |
| | | font-size: 12px; |
| | | margin-left: 10px; |
| | | |
| | | .el-checkbox { |
| | | width: 80px; |
| | | padding: 0 10px; |
| | | } |
| | | |
| | | .el-select { |
| | | width: 120px; |
| | | } |
| | | &::v-deep .el-input__inner { |
| | | border: none; |
| | | // background-color: #09152f; |
| | | } |
| | | &:hover { |
| | | border: 1px solid #4b9bb7; |
| | | } |
| | | |
| | | &:hover .el-checkbox { |
| | | color: #4b9bb7; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .pagination { |
| | | margin-top: 50px; |
| | | display: flex; |
| | | line-height: 50px; |
| | | justify-content: center; |
| | | |
| | | .el-pagination { |
| | | &::v-deep li, |
| | | &::v-deep .btn-prev, |
| | | &::v-deep .btn-next { |
| | | // background-color: #071f39; |
| | | color: #4b9bb7; |
| | | } |
| | | |
| | | &::v-deep .active { |
| | | background-color: #409eff; |
| | | color: #fff; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | .el-link { |
| | | color: #4b9bb7; |
| | | } |
| | |
| | | // background-color: #09152f; |
| | | margin-top: 20px; |
| | | padding-bottom: 50px; |
| | | |
| | | &::v-deep .el-dialog__body{ |
| | | overflow: auto; |
| | | } |
| | | .btn span:hover { |
| | | cursor: pointer; |
| | | } |
| | |
| | | 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> |
| | |
| | | <template> |
| | | <div class="userList"> |
| | | <div class="headerTitle">运营管理》我的待办</div> |
| | | <!-- <div class="headerTitle">运营管理》我的待办</div>--> |
| | | <header> |
| | | <div class="headerContent"> |
| | | <div class="search"> |
| | |
| | | } |
| | | |
| | | header { |
| | | background-color: white; |
| | | //background-color: white; |
| | | |
| | | .headerContent { |
| | | padding: 0; |
| | |
| | | } |
| | | |
| | | main { |
| | | background-color: #fff; |
| | | //background-color: #fff; |
| | | margin-top: 20px; |
| | | padding-bottom: 50px; |
| | | |
| | |
| | | <template> |
| | | <div class="userList"> |
| | | <header> |
| | | <div class="headerTitle">运营管理 >> 案卷查询</div> |
| | | <!-- <div class="headerTitle">运营管理 >> 案卷查询</div>--> |
| | | <div class="headerContent"> |
| | | <div class="contentItem"> |
| | | <div style="width: 80px">按编号:</div> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="btn"> |
| | | <el-button type="primary" @click="getList">搜索</el-button> |
| | | <el-button type="primary" @click="getList">查询</el-button> |
| | | </div> |
| | | </div> |
| | | <div class="headerContent"> |
| | |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | :row-class-name="tableRowClassName" |
| | | @selection-change="tableChange" |
| | | > |
| | | <el-table-column type="selection" min-width="5"> </el-table-column> |
| | | <el-table-column prop="code" label="事件编号" min-width="18"> |
| | | <template slot-scope="scope"> |
| | | <el-link @click="handleView(scope.row)">{{ scope.row.code }}</el-link> |
| | |
| | | </el-dialog> |
| | | <!-- tools --> |
| | | <div class="tools"> |
| | | <div class="funs"> |
| | | <div class="funsItem"> |
| | | <el-checkbox v-model="all" @change="selectAll()" |
| | | >全选</el-checkbox |
| | | > |
| | | </div> |
| | | <div class="funsItem"> |
| | | <el-checkbox v-model="unsame" @change="disSame(tableData)" |
| | | >反选</el-checkbox |
| | | > |
| | | </div> |
| | | <div class="funsItem"> |
| | | <el-select |
| | | v-model="myIdx" |
| | | placeholder="批量操作" |
| | | @change="selectChange" |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | :disabled="item.disabled" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | <div class="pagination"> |
| | | <el-pagination |
| | | background |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | all: false, |
| | | unsame: false, |
| | | myIdx: 0, |
| | | options: [ |
| | | { |
| | | value: 0, |
| | | label: "批量操作", |
| | | disabled: true, |
| | | }, |
| | | { |
| | | value: 1, |
| | | label: "批量启用", |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: "批量禁用", |
| | | }, |
| | | { |
| | | value: 3, |
| | | label: "批量删除", |
| | | }, |
| | | ], |
| | | datepick: null, |
| | | tableData: [], |
| | | dialogExamine: false, |
| | |
| | | this.getCommunityOptions(); |
| | | }, |
| | | methods: { |
| | | // 批量删除 |
| | | mulDelete(idArr) {}, |
| | | // 执行下拉框操作 |
| | | selectChange(val) { |
| | | let ids = []; |
| | | this.tempList.forEach((item) => { |
| | | ids.push(item.number); |
| | | }); |
| | | if (ids.length !== 0) { |
| | | if (val === 3) { |
| | | this.mulDelete(ids); |
| | | } |
| | | } else { |
| | | this.$message({ |
| | | type: "warning", |
| | | message: "您还没选中任何数据", |
| | | }); |
| | | } |
| | | }, |
| | | // 监听表格选中状态 |
| | | tableChange(list) { |
| | | this.tempList = list; |
| | | this.all = list.length === this.tableData.length; |
| | | }, |
| | | // 全选 |
| | | selectAll() { |
| | | this.$refs.multipleTable.toggleAllSelection(); |
| | | }, |
| | | // 反选 |
| | | disSame(list) { |
| | | list.forEach((row) => { |
| | | this.$refs.multipleTable.toggleRowSelection(row); |
| | | }); |
| | | }, |
| | | // 获取列表 |
| | | getList() { |
| | | const searchData = Object.assign({}, this.searchData); |
| | |
| | | } |
| | | |
| | | main { |
| | | background-color: #fff; |
| | | //background-color: #fff; |
| | | margin-top: 20px; |
| | | padding-bottom: 50px; |
| | | |
| | |
| | | line-height: 28px; |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #ccc; |
| | | border-radius: 4px; |
| | | font-size: 12px; |
| | | margin-left: 10px; |
| | |
| | | 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: "操作成功" }); |