| | |
| | | </header> |
| | | <main> |
| | | <div class="mainContent"> |
| | | <div class="type-nav"> |
| | | <div @click="changeTypeChecked(index)" v-for="(item,index) in typeList" :key="item.name" |
| | | :class="[item.checked ? 'is-active':'','type-item']">{{item.name}}</div> |
| | | </div> |
| | | <!-- 数据展示 --> |
| | | <el-table ref="multipleTable" |
| | | :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}" |
| | |
| | | <template slot-scope="scope"> |
| | | <div class="btn"> |
| | | <span @click="handleExamine(scope.row)" v-if="instatus===7 ? true : false">审核</span> |
| | | <span class="line" v-if="instatus===7 ? true : false">|</span> |
| | | <span @click="handleClosure(scope.row)">结案</span> |
| | | <!-- <span class="line" v-if="instatus===7 ? true : false">|</span> --> |
| | | <span @click="handleClosure(scope.row)" v-if="instatus===8">结案</span> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | :before-close="handleClose"> |
| | | <MyClosure :info="info" @closeDialog="closeDialog"></MyClosure> |
| | | </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> |
| | | <!-- tools --> |
| | | <div class="tools"> |
| | | <div class="funs"> |
| | |
| | | <el-checkbox v-model="unsame" @change="disSame(tableData)">反选</el-checkbox> |
| | | </div> |
| | | <div class="funsItem"> |
| | | <el-select v-model="myIdx" placeholder="批量操作" @change="selectChange"> |
| | | <el-select v-model="myIdx" placeholder="批量操作" @change="selectChange" disabled> |
| | | <el-option v-for="item in options" :key="item.value" :label="item.label" |
| | | :value="item.value" :disabled="item.disabled"> |
| | | </el-option> |
| | |
| | | <script> |
| | | import MyExamine from './components/examine' |
| | | import MyClosure from './components/closure' |
| | | import MyDetail from '@/components/detail' |
| | | import MyIllDetail from '@/components/illdetail' |
| | | export default { |
| | | components: { |
| | | MyExamine,MyClosure |
| | | MyExamine,MyClosure,MyDetail,MyIllDetail |
| | | }, |
| | | data() { |
| | | return { |
| | | tableData: [], |
| | | dialogExamine:false, |
| | | dialogClosure:false, |
| | | dialogView:false, |
| | | info: {}, |
| | | totalNum: null, |
| | | pageSize: 10, |
| | |
| | | this.tableData = res.data.records; |
| | | }) |
| | | }, |
| | | // 更改违规/违建 |
| | | changeTypeChecked(idx) { |
| | | this.typeList.forEach((item, index) => { |
| | | if (index === idx) { |
| | | item.checked = true; |
| | | } else { |
| | | item.checked = false; |
| | | } |
| | | }); |
| | | this.myproblem = idx+1; |
| | | this.getUserList(); |
| | | }, |
| | | // 设置表格斑马纹 |
| | | tableRowClassName({ row, rowIndex }) { |
| | | if ((rowIndex + 1) % 2 == 0) { |
| | |
| | | .catch(_ => { }); |
| | | }, |
| | | async JumpView(data) { |
| | | console.log(data); |
| | | await this.getEventInfo(data.code); |
| | | }, |
| | | // 获取案件信息 |
| | | getEventInfo(code) { |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: `sccg/base_case/baseCaseDetail/${code}` |
| | | }) |
| | | .then(res => { |
| | | console.log(res); |
| | | this.info = res.data; |
| | | this.dialogView = true; |
| | | }) |
| | | }, |
| | | // 获取案件信息 |
| | | getEventInfo3(code) { |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: `sccg/base_case/baseCaseDetail/${code}` |
| | |
| | | }, |
| | | // 去审核 |
| | | handleExamine({code}) { |
| | | this.getEventInfo(code); |
| | | this.getEventInfo3(code); |
| | | }, |
| | | // 去结案 |
| | | handleClosure({code}){ |
| | |
| | | margin-top: 20px; |
| | | padding-bottom: 50px; |
| | | border: 1pox solid #fff; |
| | | |
| | | .type-nav { |
| | | display: flex; |
| | | line-height: 40px; |
| | | margin-left: 30px; |
| | | padding-top: 10px; |
| | | margin-bottom: 10px; |
| | | |
| | | .type-item { |
| | | width: 80px; |
| | | text-align: center; |
| | | |
| | | &:hover { |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | |
| | | .is-active { |
| | | background-color: #070f22; |
| | | border-radius: 4px; |
| | | color: #fff; |
| | | } |
| | | .btn span:hover{ |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .tools { |
| | | display: flex; |
| | | justify-content: space-between; |