| | |
| | | import http from "@/http"; |
| | | |
| | | export default { |
| | | baseCasePoolList: (params) => { |
| | | return http.get('/sccg/base_case/query', params); |
| | | }, |
| | | |
| | | baseCaseQuery: (params) => { |
| | | return http.get('/sccg/base_case/query_case', params); |
| | | }, |
| | |
| | | { label: '上报', value: '01' }, |
| | | { label: '处置', value: '02' } |
| | | ] |
| | | |
| | | export const RESOURCE_OPTIONS = [ |
| | | { label: '人工上报', value: 1 }, |
| | | { label: '视频巡查', value: 2 } |
| | | ] |
| | |
| | | <template> |
| | | <div class="study-judge"> |
| | | <div class="study-judge-header"> |
| | | <span>您有{{ countData.register }}条待审核报警信息,今日立案{{ countData.review }}条,再学习{{ countData.study }}条</span> |
| | | <span>您有{{ countData.review }}条待审核报警信息,今日立案{{ countData.register }}条,再学习{{ countData.study }}条</span> |
| | | </div> |
| | | <div class="study-judge-main"> |
| | | <div class="sjm-header"> |
| | |
| | | <div class="search"> |
| | | <span>筛选条件:</span> |
| | | <div class="option"> |
| | | <el-select v-model="mystatus" placeholder="违规" @change="setMystatus"> |
| | | <el-option v-for="item in typeList" :key="item.label" :label="item.name" |
| | | <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> |
| | |
| | | import MyIllDetail from '@/components/illdetail' |
| | | import casequery from "@/api/operate/basecase"; |
| | | import helper from '@/utils/mydate' |
| | | import basecase from "@/api/operate/basecase"; |
| | | import { RESOURCE_OPTIONS } from "@/utils/helper"; |
| | | |
| | | export default { |
| | | components: { |
| | | uploadVio, uploadIll, MyDetail,MyIllDetail |
| | |
| | | caseId: '', |
| | | caseCode: null, |
| | | vioData: null, |
| | | illData: null |
| | | illData: null, |
| | | resource: null, |
| | | resourceOptions: RESOURCE_OPTIONS |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | methods: { |
| | | // 顶部下拉框 |
| | | setMystatus(value) { |
| | | this.statusArr[1] = value; |
| | | this.changeTypeChecked(value - 1); |
| | | this.resource = value; |
| | | this.getUserList(); |
| | | }, |
| | | // 批量删除 |
| | |
| | | }, |
| | | // 获取用户列表 |
| | | getUserList() { |
| | | const { currentPage, pageSize, context, statusArr } = this; |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: `sccg/base_case/query?state=${statusArr[0]}¤t=${currentPage}&size=${pageSize}&resource=2&type=${statusArr[1]}` |
| | | }).then(res => { |
| | | this.totalNum = res.data.total; |
| | | this.tableData = res.data.records; |
| | | }) |
| | | const params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | resource: this.resource, |
| | | type: this.statusArr[1] ?? null |
| | | } |
| | | basecase.baseCasePoolList(params) |
| | | .then(({ records, total }) => { |
| | | this.tableData = records; |
| | | this.totalNum = total; |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | }, |
| | | // 更改违规/违建 |
| | | changeTypeChecked(idx) { |
| | |
| | | <el-select |
| | | v-model="mystatus" |
| | | placeholder="违规" |
| | | @change="setMystatus" |
| | | > |
| | | <el-option |
| | | v-for="item in typeList" |
| | | v-for="item in resourceOptions" |
| | | :key="item.label" |
| | | :label="item.name" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | </el-option> |
| | |
| | | <el-button type="primary" @click="getUserList">查询</el-button> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="addUser"> |
| | | <el-button class="addBtn" 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="60%" v-if="dialogNewAdd"> |
| | | <MyIll v-if="newAddType === 1" :mytype=newAddType @changeDialog=changeDialog /> |
| | | <myVio v-else :mytype=newAddType @changeDialog=changeDialog /> |
| | | </el-dialog> |
| | | </div> --> |
| | | |
| | | </div> |
| | | </header> |
| | | <main> |
| | | <div class="mainContent"> |
| | | <!-- 导航状态标签 --> |
| | | <!-- <div class="nav"> |
| | | <div @click="changeNavChecked(index)" :class="[item.checked ? 'is-active':'','nav-item']" |
| | | v-for="(item,index) in tagList" :key="item.name">{{item.name}}</div> |
| | | </div> |
| | | <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" |
| | |
| | | </el-table-column> |
| | | <el-table-column prop="continueTime" label="持续时间" min-width="10"> |
| | | </el-table-column> |
| | | <!-- <el-table-column prop="operation" label="操作" min-width="20"> |
| | | <template slot-scope="scope"> |
| | | <div class="operation"> |
| | | <span @click="handleFind(scope.row)">上报</span> |
| | | <span class="line">|</span> |
| | | <span @click="handleDelete(scope.row)">调度</span> |
| | | <span class="line">|</span> |
| | | <span @click="handleDelete(scope.row)">在学习</span> |
| | | <span class="line">|</span> |
| | | <span @click="handleDelete(scope.row)">暂不处理</span> |
| | | </div> |
| | | </template> |
| | | </el-table-column>--> |
| | | </el-table> |
| | | <!-- 详情页展示 --> |
| | | <el-dialog |
| | |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import { CATEGOTY, EVENT_SOURCE } from "@/utils/helper"; |
| | | // import updateUser from "./updateUser" |
| | | import { RESOURCE_OPTIONS, EVENT_SOURCE } from "@/utils/helper"; |
| | | import MyDetail from "@/components/detail"; |
| | | // import createUser from "./createUser" |
| | | // import MyIll from './createUser/ill' |
| | | // import MyVio from './createUser/vio' |
| | | import basecase from "@/api/operate/basecase"; |
| | | |
| | | export default { |
| | | components: { |
| | | MyDetail, |
| | | }, |
| | | data() { |
| | | return { |
| | | tableData: [ |
| | | // { |
| | | // code:1, |
| | | // eventSource:1, |
| | | // category:1, |
| | | // type:1, |
| | | // actionCause:'案由1111', |
| | | // site:'你好', |
| | | // streetId:1, |
| | | // alarmTime:'2022-21-20', |
| | | // continueTime:'8小时', |
| | | // } |
| | | ], |
| | | tableData: [], |
| | | context: "", |
| | | dialogCreate: false, |
| | | dialogView: false, |
| | |
| | | ], |
| | | mystatus: "", |
| | | statusArr: [], |
| | | resource: null, |
| | | resourceOptions: RESOURCE_OPTIONS |
| | | }; |
| | | }, |
| | | created() { |
| | |
| | | this.getUserList(); |
| | | }, |
| | | methods: { |
| | | setMystatus(value) { |
| | | this.statusArr[1] = value; |
| | | this.changeTypeChecked(value - 1); |
| | | this.getUserList(); |
| | | }, |
| | | setDialog({ flag, type }) { |
| | | this.dialogCreate = flag; |
| | | this.dialogNewAdd = true; |
| | |
| | | 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() { |
| | |
| | | }, |
| | | // 获取用户列表 |
| | | getUserList() { |
| | | const { currentPage, pageSize, context, statusArr } = this; |
| | | this.$axios({ |
| | | method: "get", |
| | | url: `sccg/base_case/query?state=${statusArr[0]}¤t=${currentPage}&size=${pageSize}&resource=2&type=${statusArr[1]}`, |
| | | }).then((res) => { |
| | | this.totalNum = res.data.total; |
| | | this.tableData = res.data.records; |
| | | }); |
| | | const params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | resource: this.resource, |
| | | type: this.statusArr[1] ?? null |
| | | } |
| | | basecase.baseCasePoolList(params) |
| | | .then(({ records, total }) => { |
| | | this.tableData = records; |
| | | this.totalNum = total; |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | }, |
| | | // 设置表格斑马纹 |
| | | tableRowClassName({ row, rowIndex }) { |
| | | if ((rowIndex + 1) % 2 == 0) { |
| | | if ((rowIndex + 1) % 2 === 0) { |
| | | return "warning-row"; |
| | | } else { |
| | | return "success-row"; |
| | | } |
| | | return ""; |
| | | }, |
| | | // 查看用户信息(不可修改) |
| | | handleFind(rowData) { |
| | |
| | | <div class="search"> |
| | | <span>筛选条件:</span> |
| | | <div class="option"> |
| | | <el-select v-model="mystatus" placeholder="违规" @change="setMystatus"> |
| | | <el-option v-for="item in typeList" :key="item.label" :label="item.name" |
| | | <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> |
| | |
| | | import MyDetail from '@/components/detail' |
| | | import MyIllDetail from '@/components/illdetail' |
| | | import helper from '@/utils/mydate' |
| | | import { RESOURCE_OPTIONS } from "@/utils/helper"; |
| | | import basecase from "@/api/operate/basecase"; |
| | | |
| | | export default { |
| | | components: { |
| | | uploadVio, uploadIll, MyDetail, MyIllDetail |
| | |
| | | statusArr: [], |
| | | mystatus: 1, |
| | | caseId: '', |
| | | resource: null, |
| | | resourceList: RESOURCE_OPTIONS |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | methods: { |
| | | // 顶部下拉框 |
| | | setMystatus(value) { |
| | | this.statusArr[1] = value; |
| | | this.changeTypeChecked(value - 1); |
| | | this.getUserList(); |
| | | this.resource = value; |
| | | this.getUserList(); |
| | | }, |
| | | // 批量删除 |
| | | mulDelete(idArr) { |
| | |
| | | }, |
| | | // 获取用户列表 |
| | | getUserList() { |
| | | const { currentPage, pageSize, context, statusArr } = this; |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: `sccg/base_case/query?state=${statusArr[0]}¤t=${currentPage}&size=${pageSize}&resource=2&type=${statusArr[1]}` |
| | | }).then(res => { |
| | | this.totalNum = res.data.total; |
| | | this.tableData = res.data.records; |
| | | }) |
| | | const params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | resource: this.resource, |
| | | type: this.statusArr[1] ?? null |
| | | } |
| | | basecase.baseCasePoolList(params) |
| | | .then(({ records, total }) => { |
| | | this.tableData = records; |
| | | this.totalNum = total; |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | }, |
| | | // 更改违规/违建 |
| | | changeTypeChecked(idx) { |
| | |
| | | <span>筛选条件:</span> |
| | | <div class="option"> |
| | | <el-select v-model="mystatus" placeholder="违规" @change="setMystatus"> |
| | | <el-option v-for="item in typeList" :key="item.label" :label="item.name" |
| | | <el-option v-for="item in resourceOptions" :key="item.label" :label="item.label" |
| | | :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | |
| | | import MyDetail from '@/components/detail' |
| | | import helper from '@/utils/mydate' |
| | | import MyIllDetail from '@/components/illdetail' |
| | | import basecase from "@/api/operate/basecase"; |
| | | import { RESOURCE_OPTIONS } from "@/utils/helper"; |
| | | |
| | | export default { |
| | | components: { |
| | | uploadVio,uploadIll,MyDetail,MyIllDetail |
| | |
| | | tableData: [], |
| | | context: "", |
| | | dialogUpload:false, |
| | | // dialogUpdate: false, |
| | | dialogView:false, |
| | | info: {}, |
| | | totalNum: null, |
| | |
| | | statusArr:[], |
| | | mystatus:1, |
| | | caseId:'', |
| | | resource: null, |
| | | resourceOptions: RESOURCE_OPTIONS |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | }, |
| | | // 获取用户列表 |
| | | getUserList() { |
| | | const { currentPage, pageSize, context, statusArr } = this; |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: `sccg/base_case/query?state=${statusArr[0]}¤t=${currentPage}&size=${pageSize}&resource=2&type=${statusArr[1]}` |
| | | }).then(res => { |
| | | this.totalNum = res.data.total; |
| | | this.tableData = res.data.records; |
| | | }) |
| | | const params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | resource: this.resource, |
| | | type: this.statusArr[1] ?? null |
| | | } |
| | | basecase.baseCasePoolList(params) |
| | | .then(({ records, total }) => { |
| | | this.tableData = records; |
| | | this.totalNum = total; |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | }, |
| | | // 更改违规/违建 |
| | | changeTypeChecked(idx) { |
| | |
| | | <div class="search"> |
| | | <span>来源查询:</span> |
| | | <div class="option"> |
| | | <el-select v-model="mystatus" placeholder="违规" @change="setMyStatus"> |
| | | <el-option v-for="item in typeList" :key="item.label" :label="item.name" |
| | | <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> |
| | |
| | | </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="mystatus === 1 ? 'category' :'category'" |
| | |
| | | import MyVio from './createUser/vio' |
| | | import MyDispatch from '@/components/dispatch' |
| | | import helper from '@/utils/mydate' |
| | | import { RESOURCE_OPTIONS } from "@/utils/helper"; |
| | | import basecase from "@/api/operate/basecase"; |
| | | |
| | | export default { |
| | | components: { |
| | | createUser, MyIll, MyVio, MyDetail, MyDispatch, MyIllDetail |
| | |
| | | checked: false, |
| | | }, |
| | | ], |
| | | eventSourceOptions: RESOURCE_OPTIONS, |
| | | mystatus: 1, |
| | | statusArr: [], |
| | | baseId: 0 |
| | | |
| | | baseId: 0, |
| | | resource: null |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | handleDispatch(data) { |
| | | this.baseId = data.id; |
| | | this.dialogDispatch = true; |
| | | }, |
| | | // 顶部下拉框 |
| | | setMyStatus(value) { |
| | | this.statusArr[1] = value; |
| | | this.changeTypeChecked(value - 1); |
| | | }, |
| | | // 选择违规违建 |
| | | setDialog({ flag, type }) { |
| | |
| | | }, |
| | | // 获取用户列表 |
| | | getUserList() { |
| | | const { currentPage, pageSize, statusArr } = this; |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: `sccg/base_case/query?state=${statusArr[0]}¤t=${currentPage}&size=${pageSize}&resource=2&type=${statusArr[1]}` |
| | | }).then(res => { |
| | | this.totalNum = res.data.total; |
| | | this.tableData = res.data.records; |
| | | }) |
| | | .catch(err => { |
| | | this.tableData = []; |
| | | const params = { |
| | | current: this.currentPage, |
| | | state: this.statusArr[0] ?? null, |
| | | size: this.pageSize, |
| | | resource: this.resource, |
| | | type: this.statusArr[1] ?? null |
| | | } |
| | | basecase.baseCasePoolList(params) |
| | | .then(({ records, total }) => { |
| | | this.tableData = records; |
| | | this.totalNum = total; |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | }, |
| | | // 设置表格斑马纹 |
| | | tableRowClassName({ row, rowIndex }) { |
| | |
| | | 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; |