| | |
| | | <div class="mainContent"> |
| | | <!-- 数据展示 --> |
| | | <el-table ref="multipleTable" |
| | | :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}" |
| | | :header-cell-style="{'font-weight':'650','line-height':'45px'}" |
| | | :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="eventSource" label="问题来源" min-width="8"> |
| | | <template slot-scope="scope"> |
| | | <span>{{scope.row.eventSource === 2 ? '人工上报' : '视频上传'}}</span> |
| | | <span>{{scope.row.eventSource === 2 ? '人工上报' : '视频巡查'}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column :prop="myproblem === 1 ? 'category' :'category'" :label="myproblem===1 ? '大类名称' : '违建类别'" :min-width="myproblem===1?'10':'20'"> |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- 审核页面 --> |
| | | <el-dialog :visible.sync="dialogExamine" width="80%" title="基础信息(人工)" v-if="dialogExamine" |
| | | <el-dialog :visible.sync="dialogExamine" width="60%" title="基础信息(人工)" v-if="dialogExamine" |
| | | :before-close="handleClose"> |
| | | <MyExamine :info="info" v-if="myproblem === 1" @closeDialog="closeDialog"></MyExamine> |
| | | <MyIllExamine :info="info" v-else @closeDialog="closeDialog"></MyIllExamine> |
| | | </el-dialog> |
| | | <!-- 结案页面 --> |
| | | <el-dialog :visible.sync="dialogClosure" width="80%" title="基础信息(人工)" v-if="dialogClosure" |
| | | <el-dialog :visible.sync="dialogClosure" width="60%" title="基础信息(人工)" v-if="dialogClosure" |
| | | :before-close="handleClose"> |
| | | <MyClosure :info="info" v-if="myproblem === 1" @closeDialog="closeDialog"></MyClosure> |
| | | <MyIllClosure :info="info" v-else @closeDialog="closeDialog"></MyIllClosure> |
| | | </el-dialog> |
| | | <!-- 详情页面 --> |
| | | <el-dialog :visible.sync="dialogView" width="80%" title="基础信息(人工)" v-if="dialogView" |
| | | :before-close="handleClose"> |
| | | <MyDetail :info=info v-if="myproblem==1 ? true:false"></MyDetail> |
| | | <MyIllDetail :info=info v-else></MyIllDetail> |
| | | <el-dialog :visible.sync="dialogView" width="60%" title="基础信息(人工)" v-if="dialogView" |
| | | :before-close="handleNoClose"> |
| | | <MyDetail :info=info v-if="myproblem === 1" :mycode = 'code'></MyDetail> |
| | | <MyIllDetail :info=info v-else :mycode="code"></MyIllDetail> |
| | | </el-dialog> |
| | | <!-- tools --> |
| | | <div class="tools"> |
| | | <!-- <div class="tools"> |
| | | <div class="funs"> |
| | | <div class="funsItem funs-sp"> |
| | | <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox> |
| | |
| | | @prev-click="handlePrev" @next-click="handleNext"> |
| | | </el-pagination> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </main> |
| | | </div> |
| | |
| | | caseId: '', |
| | | myproblem: 1, |
| | | instatus: 7, |
| | | code:'' |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | methods: { |
| | | // 批量删除 |
| | | mulDelete(idArr) { |
| | | console.log(idArr); |
| | | this.$axios({ |
| | | method: 'delete', |
| | | url: 'sccg/violations/batch_delete?ids=' + idArr, |
| | |
| | | }, |
| | | // 执行下拉框操作 |
| | | selectChange(list) { |
| | | console.log(this.tempList); |
| | | if (this.tempList.length !== 0) { |
| | | if (list === 3) { |
| | | this.preMyIdx = list; |
| | |
| | | list.forEach(item => { |
| | | this.tempList.push(item.code); |
| | | }) |
| | | if (list.length === this.tableData.length) { |
| | | this.all = true; |
| | | } else { |
| | | this.all = false |
| | | } |
| | | this.all = list.length === this.tableData.length; |
| | | }, |
| | | // 全选 |
| | | selectAll() { |
| | |
| | | }, |
| | | // 删除单条数据 |
| | | handleDelete({ number }) { |
| | | console.log(number); |
| | | this.$confirm('确认删除?') |
| | | .then(_ => { |
| | | console.log(1); |
| | | this.$axios({ |
| | | method: 'delete', |
| | | url: `sccg/violations/delete?id=${number}`, |
| | | }) |
| | | .then(res => { |
| | | console.log(res); |
| | | this.$message({ |
| | | type: res.code === 200 ? 'success' : 'warning', |
| | | message: res.message |
| | |
| | | this.getUserList(); |
| | | }) |
| | | }) |
| | | .catch(_ => { console.log(2) }); |
| | | .catch(_ => { }); |
| | | }, |
| | | // 获取用户列表 |
| | | getUserList() { |
| | | const { currentPage, pageSize, instatus, myproblem } = this; |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: `sccg/base_case/query?state=${instatus}¤t=${currentPage}&size=${pageSize}&resource=2&type=${myproblem}` |
| | | url: `sccg/base_case/query?state=${instatus}¤t=${currentPage}&size=${pageSize}&type=${myproblem}` |
| | | }).then(res => { |
| | | this.totalNum = res.data.total; |
| | | this.tableData = res.data.records; |
| | |
| | | }, |
| | | // 设置表格斑马纹 |
| | | tableRowClassName({ row, rowIndex }) { |
| | | if ((rowIndex + 1) % 2 == 0) { |
| | | if ((rowIndex + 1) % 2 === 0) { |
| | | return 'warning-row'; |
| | | } else { |
| | | return 'success-row'; |
| | | } |
| | | return ''; |
| | | }, |
| | | // 当前页改变触发事件 |
| | | changeCurrentPage(page) { |
| | |
| | | }) |
| | | .catch(_ => { }); |
| | | }, |
| | | handleNoClose(done) { |
| | | done(); |
| | | }, |
| | | async JumpView(data) { |
| | | this.code = data.code |
| | | await this.getEventInfo(data.code); |
| | | }, |
| | | // 获取案件信息 |
| | |
| | | url: `sccg/base_case/baseCaseDetail/${code}` |
| | | }) |
| | | .then(res => { |
| | | console.log(res); |
| | | this.info = res.data; |
| | | this.dialogView = true; |
| | | }) |
| | |
| | | url: `sccg/base_case/baseCaseDetail/${code}` |
| | | }) |
| | | .then(res => { |
| | | console.log(res); |
| | | this.info = res.data; |
| | | this.dialogExamine = true; |
| | | }) |
| | |
| | | url: `sccg/base_case/baseCaseDetail/${code}` |
| | | }) |
| | | .then(res => { |
| | | console.log(res); |
| | | this.info = res.data; |
| | | this.dialogClosure = true; |
| | | }) |
| | |
| | | color: #4b9bb7; |
| | | |
| | | header { |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | padding: 10px 20px; |
| | | |
| | | .problem, |
| | |
| | | } |
| | | |
| | | &::v-deep .el-input__inner { |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | border: 1px solid #17324c; |
| | | } |
| | | |
| | | main { |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | margin-top: 20px; |
| | | padding-bottom: 50px; |
| | | border: 1pox solid #fff; |
| | | .btn span:hover{ |
| | | cursor: pointer; |
| | | } |
| | |
| | | |
| | | &::v-deep .el-input__inner { |
| | | border: none; |
| | | background-color: #09152f; |
| | | // background-color: #09152f; |
| | | } |
| | | |
| | | &:hover { |
| | |
| | | } |
| | | |
| | | .el-table { |
| | | color: #4b9bb7; |
| | | font-size: 10px; |
| | | // color: #4b9bb7; |
| | | // font-size: 10px; |
| | | |
| | | &::v-deep .cell { |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | .el-checkbox { |
| | | display: none; |
| | | } |
| | | } |
| | | |
| | | &::v-deep .el-table__empty-block { |
| | | background-color: #09152f; |
| | | } |
| | | // &::v-deep .el-table__empty-block { |
| | | // background-color: #09152f; |
| | | // } |
| | | |
| | | &::v-deep .el-table__empty-block { |
| | | color: #4b9bb7; |
| | |
| | | } |
| | | } |
| | | |
| | | .el-table::v-deep .warning-row { |
| | | background: #06122c; |
| | | } |
| | | // .el-table::v-deep .warning-row { |
| | | // background: #06122c; |
| | | // } |
| | | |
| | | .el-table::v-deep .success-row { |
| | | background: #071f39; |
| | |
| | | } |
| | | |
| | | &::v-deep .el-dialog__header, |
| | | &::v-deep .el-dialog__body { |
| | | background-color: #06122c; |
| | | } |
| | | // &::v-deep .el-dialog__body { |
| | | // background-color: #06122c; |
| | | // } |
| | | |
| | | &::v-deep .el-dialog__header { |
| | | display: flex; |