| | |
| | | @selection-change="tableChange"> |
| | | <el-table-column type="selection" min-width="5"> |
| | | </el-table-column> |
| | | <el-table-column prop="code" label="事件编号" min-width="10"> |
| | | <el-table-column prop="code" label="事件编号" min-width="18"> |
| | | <template slot-scope="scope"> |
| | | <el-link @click="JumpView(scope.row)">{{scope.row.code}}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="eventSource" label="问题来源" min-width="10"> |
| | | <el-table-column prop="eventSource" label="问题来源" min-width="8"> |
| | | <template slot-scope="scope"> |
| | | <span>{{scope.row.eventSource === 2 ? '人工上报' : '视频上传'}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="category" label="大类名称" min-width="10"> |
| | | <el-table-column :prop="myproblem === 1 ? 'category' :'category'" :label="myproblem===1 ? '大类名称' : '违建类别'" :min-width="myproblem===1?'10':'20'"> |
| | | </el-table-column> |
| | | <el-table-column prop="type" label="小类名称" min-width="10"> |
| | | <el-table-column :prop="myproblem === 1 ? 'type' :'site'" :label="myproblem===1 ? '小类名称' : '违建地点'" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="actionCause" label="案由" min-width="10"> |
| | | <el-table-column :prop="myproblem === 1 ? 'actionCause' :'communityId'" :label="myproblem===1 ? '案由' : '所属社区'" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="site" label="报警点位" min-width="10"> |
| | | <el-table-column :prop="myproblem === 1 ? 'site' :''" :label="myproblem===1 ? '报警点位' : '违法建筑长、宽、高'" :min-width="myproblem===1?'10' :'20' "> |
| | | <template slot-scope="scope"> |
| | | <div v-if="myproblem ===2"><span>{{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 prop="streetId" label="所属区域" min-width="10"> |
| | | <el-table-column :prop="myproblem === 1 ? 'street' :'buildingArea'" :label="myproblem===1 ? '所属区域' : '违法建筑面积'" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="alarmTime" label="报警时间" min-width="10"> |
| | | <el-table-column prop="alarmTime" label="报警时间" min-width="15" v-if="myproblem===1"> |
| | | <template slot-scope="scope"> |
| | | <span>{{filterTime(scope.row.alarmTime)}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="continueTime" label="持续时间" min-width="10"> |
| | | <el-table-column :prop="myproblem === 1 ? 'continueTime' :'materials'" :label="myproblem===1 ? '持续时间' : '违法建筑材料'" min-width="15"> |
| | | </el-table-column> |
| | | <el-table-column prop="operation" label="操作" min-width="20"> |
| | | <el-table-column prop="operation" label="操作" min-width="15"> |
| | | <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> --> |
| | | <!-- v-if="instatus===7 ? true : false" --> |
| | | <span @click="handleExamine(scope.row)" v-if="instatus===7">审核</span> |
| | | <span @click="handleClosure(scope.row)" v-if="instatus===8">结案</span> |
| | | <span class="line" v-if="instatus !==9">|</span> |
| | | <span @click="JumpView(scope.row)">查看</span> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | <!-- 审核页面 --> |
| | | <el-dialog :visible.sync="dialogExamine" width="80%" title="基础信息(人工)" v-if="dialogExamine" |
| | | :before-close="handleClose"> |
| | | <MyExamine :info="info" @closeDialog="closeDialog"></MyExamine> |
| | | <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" |
| | | :before-close="handleClose"> |
| | | <MyClosure :info="info" @closeDialog="closeDialog"></MyClosure> |
| | | <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> |
| | | :before-close="handleNoClose"> |
| | | <MyDetail :info=info v-if="myproblem==1 ? true:false" :mycode = 'code'></MyDetail> |
| | | <MyIllDetail :info=info v-else :mycode="code"></MyIllDetail> |
| | | </el-dialog> |
| | | <!-- tools --> |
| | | <div class="tools"> |
| | | <div class="funs"> |
| | | <div class="funsItem"> |
| | | <div class="funsItem funs-sp"> |
| | | <el-checkbox v-model="all" @change="selectAll()">全选</el-checkbox> |
| | | </div> |
| | | <div class="funsItem"> |
| | | <div class="funsItem funs-sp"> |
| | | <el-checkbox v-model="unsame" @change="disSame(tableData)">反选</el-checkbox> |
| | | </div> |
| | | <div class="funsItem"> |
| | |
| | | <script> |
| | | import MyExamine from './components/examine' |
| | | import MyClosure from './components/closure' |
| | | import MyIllExamine from './components/illExamine' |
| | | import MyIllClosure from './components/illclosure' |
| | | import MyDetail from '@/components/detail' |
| | | import MyIllDetail from '@/components/illdetail' |
| | | import helper from '@/utils/mydate' |
| | | export default { |
| | | components: { |
| | | MyExamine,MyClosure,MyDetail,MyIllDetail |
| | | MyExamine,MyClosure,MyDetail,MyIllDetail,MyIllExamine,MyIllClosure |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | caseId: '', |
| | | myproblem: 1, |
| | | instatus: 7, |
| | | code:'' |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | }) |
| | | .catch(_ => { }); |
| | | }, |
| | | handleNoClose(done) { |
| | | done(); |
| | | }, |
| | | async JumpView(data) { |
| | | this.code = data.code |
| | | await this.getEventInfo(data.code); |
| | | }, |
| | | // 获取案件信息 |
| | |
| | | // 审核状态 |
| | | changeInStatus(val){ |
| | | this.getUserList(); |
| | | }, |
| | | filterTime(time){ |
| | | return helper(time); |
| | | } |
| | | } |
| | | } |
| | |
| | | |
| | | .funs { |
| | | display: flex; |
| | | |
| | | .funs-sp{ |
| | | border: 1px solid #17324c; |
| | | } |
| | | .funsItem { |
| | | line-height: 28px; |
| | | display: flex; |
| | | align-items: center; |
| | | border: 1px solid #17324c; |
| | | border-radius: 4px; |
| | | font-size: 12px; |
| | | margin-left: 10px; |