| | |
| | | >查询</el-button |
| | | > |
| | | </div> |
| | | <div class="findBtn"> |
| | | <!-- <div class="findBtn"> |
| | | <el-button |
| | | type="primary" |
| | | @click="handleUpdateImageResource(null, 'create')" |
| | | >添加</el-button |
| | | >添加图片</el-button |
| | | > |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | </header> |
| | |
| | | :model="role" |
| | | :rules="createRoleRules" |
| | | label-position="right" |
| | | :disabled="edit" |
| | | :disabled="type === 'view'" |
| | | > |
| | | <!-- 提醒方式 --> |
| | | <el-form-item class="optionItem" label="提醒方式:" prop="channelCode" > |
| | |
| | | type="primary" |
| | | @click.native.prevent="handleSubmit(0)" |
| | | class="btn save" |
| | | v-if="this.type=='update'||this.type=='create'" |
| | | v-if="type !== 'view'" |
| | | >保存 |
| | | </el-button> |
| | | <el-button |
| | | type="primary" |
| | | @click.native.prevent="handleSubmit(1)" |
| | | class="btn submit" |
| | | v-if="this.type=='update'||this.type=='create'" |
| | | v-if="type !== 'view'" |
| | | >发布 |
| | | </el-button> |
| | | <el-button |
| | | type="primary" |
| | | @click.native.prevent="handleView" |
| | | class="btn submit" |
| | | v-if="this.type=='update'||this.type=='create'" |
| | | v-if="type !== 'view'" |
| | | >预览 |
| | | </el-button> |
| | | <el-button class="btn cancel" @click.native.prevent="handleReset" v-if="this.type=='update'||this.type=='create'" |
| | | <el-button class="btn cancel" @click.native.prevent="handleReset" v-if="type !== 'view'" |
| | | >重置</el-button |
| | | > |
| | | </div> |
| | |
| | | }, |
| | | ], |
| | | }, |
| | | edit: false, |
| | | colList: [], |
| | | departList: [], |
| | | typeList: [], |
| | |
| | | this.getColumnList(); |
| | | this.getDepartList(); |
| | | this.getLoginUserInfo(); |
| | | if(this.type=="view"){ |
| | | this.edit=true; |
| | | } |
| | | if (this.type !== "create" && this.myDataRow) { |
| | | getMessageById(this.myDataRow.id) |
| | | .then(res => { |
| | | this.role = res; |
| | | if (res.targetTo) { |
| | | this.checkedList = res.targetTo.split(','); |
| | | this.role.targetTo = `${this.checkedList}人`; |
| | | this.role.targetTo = `${this.checkedList.length}人`; |
| | | } |
| | | }) |
| | | .catch(err => this.$message.error(`${err}`)) |
| | |
| | | url: 'sccg/admin/info?name=' + name, |
| | | }) |
| | | .then(res => { |
| | | this.role.targetFrom = res.data.userId |
| | | this.sendUser = res.data.username |
| | | this.role.targetFrom = res.data.userId; |
| | | this.sendUser = res.data.username; |
| | | }) |
| | | } |
| | | } |
| | |
| | | </el-form-item> |
| | | <!-- 消息内容 --> |
| | | <el-form-item class="optionItem" label="消息内容:" prop="body"> |
| | | <MyEditor ref="edit" :readOnly="formDisabled" @getMyBody="getMyBody"></MyEditor> |
| | | <MyEditor ref="edit" :readOnly="formDisabled"></MyEditor> |
| | | </el-form-item> |
| | | <el-form-item v-if="!formDisabled"> |
| | | <div class="optionBtn"> |
| | |
| | | <!-- 数据展示 --> |
| | | <el-table ref="multipleTable" |
| | | :header-cell-style="{ background: '#06122c', 'font-size': '12px', color: '#4b9bb7', '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> |
| | | :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"> |
| | | <el-table-column prop="code" label="事件编号" min-width="18"> |
| | | <template slot-scope="scope"> |
| | | <el-link @click="JumpView(scope.row)">{{ scope.row.code }}</el-link> |
| | | <el-link>{{ scope.row.code }}</el-link> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="category" label="问题类别" min-width="8"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.row.category == 1 ? '违规' : '违建' }}</span> |
| | | <template v-if="scope.row.category" slot-scope="scope"> |
| | | <span>{{ getCategoryLabel(scope.row.category) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="eventSource" label="问题来源" min-width="8"> |
| | | <template slot-scope="scope"> |
| | | <template v-if="scope.row.eventSource" slot-scope="scope"> |
| | | <span>{{ scope.row.eventSource === 2 ? '人工上报' : '视频上传' }}</span> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | </el-dialog> |
| | | <!-- tools --> |
| | | <div class="tools"> |
| | | <div class="funs"> |
| | | <div class="funsItem funs-sp"> |
| | | <el-checkbox v-model="all" @change="selectAll()" |
| | | :disabled="tableData.length === 0">全选</el-checkbox> |
| | | </div> |
| | | <div class="funsItem funs-sp"> |
| | | <el-checkbox v-model="unsame" @change="disSame(tableData)">反选</el-checkbox> |
| | | </div> |
| | | <div class="funsItem"> |
| | | <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> |
| | | </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"> |
| | |
| | | import MyIllDetail from '@/components/illdetail' |
| | | import helper from '@/utils/mydate' |
| | | import casequery from "@/api/operate/basecase"; |
| | | import { CATEGOTY } from "@/utils/helper"; |
| | | |
| | | export default { |
| | | components: { |
| | |
| | | totalNum: null, |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | all: false, |
| | | unsame: false, |
| | | myIdx: 0, |
| | | preMyIdx: 0, |
| | | options: [ |
| | | { |
| | | value: 0, |
| | | label: '批量操作', |
| | | disabled: true, |
| | | }, |
| | | { |
| | | value: 1, |
| | | label: '批量启用', |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: '批量禁用', |
| | | }, |
| | | { |
| | | value: 3, |
| | | label: '批量删除', |
| | | } |
| | | ], |
| | | tempList: [], |
| | | typeList: [ |
| | | { |
| | | name: '违规', |
| | |
| | | checked: false, |
| | | }, |
| | | ], |
| | | caseId: '', |
| | | myproblem: 1, |
| | | instatus: 7, |
| | | number: '', |
| | | searchData: { |
| | | categories: null, |
| | |
| | | this.getList(); |
| | | }, |
| | | methods: { |
| | | // 批量删除 |
| | | mulDelete(idArr) { |
| | | this.$axios({ |
| | | method: 'delete', |
| | | url: 'sccg/violations/batch_delete?ids=' + idArr, |
| | | }).then(res => { |
| | | this.getList(); |
| | | this.$message({ |
| | | message: res.message, |
| | | categories: res.number === 200 ? 'success' : 'warning' |
| | | }) |
| | | }) |
| | | }, |
| | | // 执行下拉框操作 |
| | | selectChange(list) { |
| | | if (this.tempList.length !== 0) { |
| | | if (list === 3) { |
| | | this.preMyIdx = list; |
| | | this.mulDelete(this.tempList); |
| | | } |
| | | } else { |
| | | this.myIdx = this.preMyIdx; |
| | | this.$message({ |
| | | categories: 'warning', |
| | | message: '您还没选中任何数据', |
| | | }) |
| | | } |
| | | }, |
| | | // 监听表格 |
| | | tableChange(list) { |
| | | this.tempList = []; |
| | | list.forEach(item => { |
| | | this.tempList.push(item.number); |
| | | }) |
| | | this.all = list.length === this.tableData.length; |
| | | }, |
| | | // 全选 |
| | | selectAll() { |
| | | this.$refs.multipleTable.toggleAllSelection(); |
| | | }, |
| | | // 反选 |
| | | disSame(list) { |
| | | list.forEach(row => { |
| | | this.$refs.multipleTable.toggleRowSelection(row) |
| | | }) |
| | | }, |
| | | // 删除单条数据 |
| | | handleDelete({ number }) { |
| | | this.$confirm('确认删除?') |
| | | .then(_ => { |
| | | this.$axios({ |
| | | method: 'delete', |
| | | url: `sccg/violations/delete?id=${number}`, |
| | | }) |
| | | .then(res => { |
| | | this.$message({ |
| | | categories: res.number === 200 ? 'success' : 'warning', |
| | | message: res.message |
| | | }) |
| | | |
| | | this.getList(); |
| | | }) |
| | | }) |
| | | .catch(_ => { console.log(2) }); |
| | | }, |
| | | // 获取列表 |
| | | getList() { |
| | | casequery.baseCaseQuery({ current: this.currentPage, pageSize: this.pageSize, ...this.searchData }) |
| | |
| | | handleNoClose(done) { |
| | | done(); |
| | | }, |
| | | JumpView(data) { |
| | | |
| | | }, |
| | | |
| | | // 关闭dialog |
| | | closeDialog({ flag }) { |
| | |
| | | this.getList(); |
| | | }, |
| | | |
| | | // 问题类型 |
| | | changeMyProblem(val) { |
| | | this.getList(); |
| | | }, |
| | | |
| | | // 审核状态 |
| | | changeInStatus(val) { |
| | | this.getList(); |
| | | }, |
| | | |
| | | filterTime(time) { |
| | | return helper(time); |
| | | } |
| | | }, |
| | | |
| | | getCategoryLabel(data) { |
| | | return CATEGOTY.find(item => item.value === data).label; |
| | | } |
| | | } |
| | | } |
| | | </script> |