Merge branch 'master' of http://42.193.1.25:9521/r/sccg_ui
| | |
| | | <label class="data-title"> |
| | | 大类名称: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.violations.categoryText}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.categoryText}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | |
| | | <label class="data-title"> |
| | | 小类名称: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.violations.typeText}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.typeText}}</span> |
| | | </div> |
| | | <div class="data-item__right"> |
| | | <label class="data-title"> |
| | | 事件等级: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.violations.gradeText}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.gradeText}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | |
| | | <label class="data-title"> |
| | | 案由: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.violations.actionCause}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.actionCause}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | |
| | | <label class="data-title"> |
| | | 关联商铺名称: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.violations.shopName}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.shopName}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | |
| | | <label class="data-title"> |
| | | 问题描述: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.violations.description}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.description}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-user"> |
| | |
| | | <label class="data-title"> |
| | | 反映人: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.violations.informant}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.informant}}</span> |
| | | </div> |
| | | <div class="data-item__right"> |
| | | <label class="data-title"> |
| | | 联系方式: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.violations.informantPhoneCode}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.informantPhoneCode}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="data-item"> |
| | |
| | | <label class="data-title"> |
| | | 身份证号: |
| | | </label> |
| | | <span class="data-detail">{{baseCase.violations.informantIdCard}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.informantIdCard}}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | this.arrivalSituation.situationPic = mylist.situationPic.split(",") |
| | | } |
| | | this.mybaseCase = baseCase; |
| | | if (baseCase.violations) { |
| | | this.type = baseCase.violations.typeText; |
| | | if (baseCase.violationsVO) { |
| | | this.type = baseCase.violationsVO.typeText; |
| | | } else { |
| | | this.type = baseCase.illegalBuilding.categoryText; |
| | | } |
| | |
| | | <template> |
| | | <div class="study-judge"> |
| | | <div class="study-judge-header"> |
| | | <span>您有{{ eventList.length }}条待审核报警信息,今日立案0条,再学习{{ countData.review }}条</span> |
| | | <span>您有{{ countData.register }}条待审核报警信息,今日立案{{ countData.review }}条,再学习{{ countData.study }}条</span> |
| | | </div> |
| | | <div class="study-judge-main"> |
| | | <div class="sjm-header"> |
| | |
| | | <span>{{ currentEvent.grade }}</span> |
| | | </el-form-item> |
| | | <el-form-item label="首次报警时间:"> |
| | | <span>{{ currentEvent.firstTime }}</span> |
| | | <span>{{ currentEvent.alarmTime }}</span> |
| | | </el-form-item> |
| | | <el-form-item label="最近报警时间:"> |
| | | <span>{{ currentEvent.recentTime }}</span> |
| | | <span>{{ currentEvent.currentAlarmTime }}</span> |
| | | </el-form-item> |
| | | <el-form-item label="持续时间:"> |
| | | <span>{{ currentEvent.conntinueTime }}</span> |
| | |
| | | <el-form-item v-if="eventInfoData.store" label="店铺得分:"> |
| | | <span>{{ selectStoreChange(eventInfoData.store).storeScore }}</span> |
| | | </el-form-item> |
| | | <el-form-item label="处理意见:" prop="advice"> |
| | | <el-radio-group v-model="eventInfoData.advice"> |
| | | <el-radio :label="item.id" v-for="item in adviceList" :key="item.id">{{ item.label }}</el-radio> |
| | | <el-form-item label="处理意见:" prop="state"> |
| | | <el-radio-group v-model="eventInfoData.state"> |
| | | <el-radio :label="item.id" v-for="item in stateList" :key="item.id">{{ item.label }}</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | <el-form-item label="大类名称:" prop="categoryId"> |
| | |
| | | } |
| | | }; |
| | | return { |
| | | eventList: [], |
| | | countData: { |
| | | review: 0 |
| | | study: 0, |
| | | review: 0, |
| | | register: 0 |
| | | }, |
| | | currentEvent: {}, |
| | | adviceList: [ |
| | | stateList: [ |
| | | { |
| | | id: 2, |
| | | label: '上报', |
| | |
| | | ], |
| | | eventInfoData: null, |
| | | rules:{ |
| | | advice:[ |
| | | state:[ |
| | | { |
| | | required: true, trigger:['blur', 'change'], message: '处理意见不能为空' |
| | | }, |
| | |
| | | getInspectionData() { |
| | | basecase.getInspectionData({ current: this.currentPage }) |
| | | .then(({ records }) => { |
| | | this.eventList = records; |
| | | this.currentEvent = this.eventList[0]; |
| | | this.currentEvent = records[0]; |
| | | if (this.currentEvent?.picData) { |
| | | this.imageList = this.currentEvent.picData.split(',').map(item => `${FILE_ORIGINAL_URL}${item}`); |
| | | } |
| | | if (this.currentEvent?.alarmTime || this.currentEvent?.currentAlarmTime) { |
| | | const { alarmTime, currentAlarmTime } = this.currentEvent; |
| | | const continueAlarmTime = new Date().getTime() - |
| | | (currentAlarmTime ? new Date(currentAlarmTime).getTime() : new Date(alarmTime).getTime()); |
| | | const CONTINUE_DAY = continueAlarmTime / 1000 / 60 / 60 / 24; |
| | | const CONTINUE_HOURS = (CONTINUE_DAY - parseInt(CONTINUE_DAY)) * 24; |
| | | this.currentEvent.conntinueTime = `${parseInt(CONTINUE_DAY)}天${parseInt(CONTINUE_HOURS)}小时`; |
| | | } |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | |
| | | handleConfirm(){ |
| | | this.$refs.currentEvent.validate((flag)=>{ |
| | | if(flag){ |
| | | this.eventInfoData.baseId = this.currentEvent.code; |
| | | this.eventInfoData.baseId = this.currentEvent.baseId; |
| | | |
| | | // 调度 |
| | | if (this.eventInfoData.advice === 6) { |
| | | if (this.eventInfoData.state === 6) { |
| | | this.isShowDialog = true; |
| | | } else { |
| | | this.confirmInspection(); |
| | |
| | | this.eventInfoData = { |
| | | baseId: null, |
| | | store: null, |
| | | advice: null, |
| | | state: null, |
| | | categoryId: null, |
| | | typeId: null, |
| | | carNumber: null, |
| | |
| | | }, |
| | | |
| | | confirmInspection(data) { |
| | | basecase.confirmInspection({ ...this.eventInfoData, ...data }) |
| | | if (data) { |
| | | data.baseCaseId = data.id; |
| | | } |
| | | const eventParams = Object.assign({}, this.eventInfoData); |
| | | delete eventParams.store; |
| | | basecase.confirmInspection({ ...eventParams, ...data }) |
| | | .then(() => { |
| | | this.$message.success('操作成功'); |
| | | this.getInspectionData(); |
| | |
| | | |
| | | selectStoreChange(id) { |
| | | const selectedStore = this.storeList.find(store => store.id === id); |
| | | this.eventInfoData.shopName = selectedStore.storeName; |
| | | this.eventInfoData.shopName = selectedStore.id; |
| | | this.eventInfoData.linkShop = 1; |
| | | return selectedStore; |
| | | } |
| | |
| | | <!-- 左侧菜单 --> |
| | | <div class="header-left"> |
| | | <div class="menu-left__item" v-for="(item, index) in menuLeftList" :key="item.id" @click="changeActive(index)"> |
| | | <span :class="item.checked ? 'my-active' : ''">{{ item.label }}</span> |
| | | <span :class="item.checked ? 'my-active' : ''" @click="menuChange(item)">{{ item.label }}</span> |
| | | </div> |
| | | </div> |
| | | <!-- 右侧菜单 --> |
| | |
| | | }) |
| | | }) |
| | | .catch(err => this.$message.error(`${err}`)) |
| | | }, |
| | | menuChange(data) { |
| | | if (data.id === '1f') { |
| | | window.open('http://121.37.167.200:28081/cockpit-pub/pc-board?boardId=zfu0LsJ9', '_blank'); |
| | | } |
| | | } |
| | | } |
| | | }; |
| | |
| | | |
| | | .el-header { |
| | | background-color: #071a38; |
| | | color: #333; |
| | | text-align: center; |
| | | line-height: 60px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | padding: 0 20px; |
| | | // width: 100%; |
| | | color: #4b9bb7; |
| | | |
| | | .header-left { |
| | |
| | | await casequery.getBaseCaseDetail(data.code) |
| | | .then(({ baseCase, currentSitVo, filesPictureVo, handlePassVo }) => { |
| | | this.vioData = currentSitVo; |
| | | this.illData = currentSitVo; |
| | | debugger; |
| | | this.imageResourceId = filesPictureVo.imageResources[0]?.id; |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | |
| | | writ: null |
| | | } |
| | | }, |
| | | props: ['caseId','closeDialog', 'vioData', 'illegalType', 'imageResourceId'], |
| | | props: ['caseId','closeDialog', 'illData', 'illegalType', 'imageResourceId'], |
| | | created() { |
| | | this.arriveData = this.vioData.arrivalSituation; |
| | | this.evidenceData = this.vioData.investigation; |
| | | this.writ = this.vioData.writ; |
| | | this.arriveData = this.illData.arrivalSituation; |
| | | this.evidenceData = this.illData.investigation; |
| | | this.writ = this.illData.writ; |
| | | }, |
| | | methods: { |
| | | handleSubmit() { |
| | |
| | | }}</span> |
| | | </el-form-item> |
| | | <el-form-item label="事件等级:"> |
| | | <span class="data-detail">{{ baseCase.violations.gradeText }}</span> |
| | | <span class="data-detail">{{ baseCase.violationsVO.gradeText }}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="大类名称:"> |
| | | <span class="data-detail">{{ |
| | | baseCase.violations.categoryText |
| | | baseCase.violationsVO.categoryText |
| | | }}</span> |
| | | </el-form-item> |
| | | <el-form-item label="小类名称:"> |
| | | <span class="data-detail">{{ |
| | | baseCase.violations.categoryText |
| | | baseCase.violationsVO.categoryText |
| | | }}</span> |
| | | </el-form-item> |
| | | </div> |
| | |
| | | <span class="data-detail">{{ baseCase.site }}</span> |
| | | </el-form-item> |
| | | <el-form-item label="车牌号:"> |
| | | <span class="data-detail">{{ baseCase.violations.carNumber }}</span> |
| | | <span class="data-detail">{{ baseCase.violationsVO.carNumber }}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="关联商铺名称:"> |
| | | <span class="data-detail">{{ baseCase.violations.shopName }}</span> |
| | | <span class="data-detail">{{ baseCase.violationsVO.shopName }}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="问题描述:"> |
| | | <span class="data-detail">{{ |
| | | baseCase.violations.description |
| | | baseCase.violationsVO.description |
| | | }}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="反映人:"> |
| | | <span class="data-detail">{{ baseCase.violations.informant }}</span> |
| | | <span class="data-detail">{{ baseCase.violationsVO.informant }}</span> |
| | | </el-form-item> |
| | | <el-form-item label="联系方式:"> |
| | | <span class="data-detail">{{ |
| | | baseCase.violations.informantPhoneCode |
| | | baseCase.violationsVO.informantPhoneCode |
| | | }}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <el-form-item label="审核意见" prop="auditOpinion"> |
| | | <span class="data-detail">{{ baseCase.auditOpinion }}</span> |
| | | </el-form-item> |
| | | <!-- 审核意见 |
| | | <el-form-item label="审核意见" prop="auditOpinion"> |
| | | <el-input type="textarea" placeholder="请输入审核意见" v-model="baseCase.auditOpinion"></el-input> |
| | | </el-form-item> |
| | | <div class="el-form-footer"> |
| | | <el-button @click.native.prevent="handleSubmit(0)">驳回</el-button> |
| | | <el-button type="primary" @click.native.prevent="handleSubmit(1)">通过</el-button> |
| | | </div> --> |
| | | </el-form> |
| | | </div> |
| | | <div class="view-process"> |
| | |
| | | <span class="data-detail">{{baseCase.category === 1 ? '违规' : '违建'}}</span> |
| | | </el-form-item> |
| | | <el-form-item label="大类名称:"> |
| | | <span class="data-detail">{{baseCase.violations.categoryText}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.categoryText}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="小类名称:"> |
| | | <span class="data-detail">{{baseCase.violations.typeText}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.typeText}}</span> |
| | | </el-form-item> |
| | | <el-form-item label="事件等级:"> |
| | | <span class="data-detail">{{baseCase.violations.gradeText}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.gradeText}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="案由:"> |
| | | <span class="data-detail">{{baseCase.violations.actionCause}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.actionCause}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <!-- <el-form-item label="所属区县:"> |
| | | <span class="data-detail">xxxx</span> |
| | | </el-form-item> --> |
| | | <el-form-item label="所属街道:"> |
| | | <span class="data-detail">{{baseCase.streetText}}</span> |
| | | </el-form-item> |
| | |
| | | <span class="data-detail">{{baseCase.communityText}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <!-- <div class="data-item"> |
| | | <el-form-item label="所属社区:"> |
| | | <span class="data-detail">{{baseCase.communityText}}</span> |
| | | </el-form-item> |
| | | </div> --> |
| | | <div class="data-item"> |
| | | <el-form-item label="事发地点:"> |
| | | <span class="data-detail">{{baseCase.site}}</span> |
| | |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="问题描述:"> |
| | | <span class="data-detail">{{baseCase.violations.description}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.description}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <!-- 审核意见 --> |
| | |
| | | methods: { |
| | | getTableData() { |
| | | myWait |
| | | .getMybackLog({ num: this.context }) |
| | | .then((res) => { |
| | | this.tableData = res; |
| | | .getMybackLog({ num: this.context, current: this.currentPage, pageSize: this.pageSize }) |
| | | .then(({ records }) => { |
| | | this.tableData = records; |
| | | this.tableData = this.tableData.filter((item) => !!item); |
| | | }) |
| | | .catch((err) => this.$message({ type: "error", message: err })); |
| | |
| | | } |
| | | } |
| | | }; |
| | | const validatePhone = (rule, value, callback) => { |
| | | if (!value) { |
| | | callback(new Error("请填写手机号码")); |
| | | } else { |
| | | const rep = /(^1[3|4|5|7|8|9]\d{9}$)|(^09\d{8}$)/; |
| | | if (!rep.test(value)) { |
| | | callback("请输入正确的手机号码"); |
| | | } |
| | | } |
| | | }; |
| | | return { |
| | | myInterface: {}, |
| | | createmyInterfaceRules: { |
| | |
| | | > |
| | | </el-date-picker> |
| | | </div> |
| | | <!-- <div class="mydate"> |
| | | <el-input placeholder="请输入开始时间"></el-input> |
| | | <div class="line">——— ———</div> |
| | | <el-input placeholder="请输入结束时间"></el-input> |
| | | </div> --> |
| | | </div> |
| | | <div class="search"> |
| | | <el-input placeholder="请输入标题或者任务编号"></el-input> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="mainContent"> |
| | | <!-- @selection-change="handleSelectionChange" --> |
| | | <!-- 数据渲染 --> |
| | | <el-table |
| | | ref="multipleTable" |
| | |
| | | }" |
| | | :row-class-name="tableRowClassName" |
| | | > |
| | | <!-- <el-table-column type="selection" width="55"> |
| | | </el-table-column> --> |
| | | <el-table-column label="任务编号" prop="num" min-width="10"> |
| | | </el-table-column> |
| | | <el-table-column prop="type" label="问题类型" min-width="10"> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- 分页 --> |
| | | <!-- <div class="pagination"> |
| | | <el-pagination background :current-page="currentPage" layout="prev, pager, next" :total="totalNum" |
| | | :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev" |
| | | @next-click="handleNext"> |
| | | </el-pagination> |
| | | </div> --> |
| | | </div> |
| | | </main> |
| | | <footer> |
| | |
| | | date: "", |
| | | beginTime: "", |
| | | endTime: "", |
| | | // totalNum: 200, |
| | | // pageSize: 10, |
| | | // currentPage: 1, |
| | | }; |
| | | }, |
| | | created() { |
| | |
| | | // 获取接口列表 |
| | | getUserList() { |
| | | const that = this; |
| | | // const { currentPage, pageSize, search } = this; |
| | | this.dialogCreate = false; |
| | | this.$axios.get("sccg/system/portal/thirdApp/search").then((res) => { |
| | | const { code, data } = res; |
| | | if (code == 200) { |
| | | if (code === 200) { |
| | | this.tableData = data; |
| | | } |
| | | }); |
| | | }, |
| | | // 设置表格斑马纹 |
| | | tableRowClassName({ row, rowIndex }) { |
| | | if ((rowIndex + 1) % 2 == 0) { |
| | | if ((rowIndex + 1) % 2 === 0) { |
| | | return "warning-row"; |
| | | } else { |
| | | return "success-row"; |
| | | } |
| | | return ""; |
| | | }, |
| | | // 打开新增界面 |
| | | handleAdd() { |
| | |
| | | .catch((_) => {}); |
| | | }, |
| | | closeDialog({ flag, index }) { |
| | | index === 1 ? "" : ""; |
| | | this.dialogCreate = flag; |
| | | }, |
| | | // 创建查看弹窗 |
| | |
| | | } |
| | | } |
| | | }; |
| | | const validatePhone = (rule, value, callback) => { |
| | | if (!value) { |
| | | callback(new Error("请填写手机号码")); |
| | | } else { |
| | | const rep = /(^1[3|4|5|7|8|9]\d{9}$)|(^09\d{8}$)/ |
| | | if (!rep.test(value)) { |
| | | callback("请输入正确的手机号码"); |
| | | } |
| | | } |
| | | }; |
| | | return { |
| | | myInterface: { |
| | | }, |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | const that = this; |
| | | const {userInfo} = this; |
| | | this.myInterface = JSON.parse(JSON.stringify(userInfo)); |
| | | }, |
| | |
| | | <div class="findBtn"> |
| | | <el-button type="primary" @click="searchVideoList">查询</el-button> |
| | | </div> |
| | | <!-- <div class="findBtn"> |
| | | <el-button class="button-addition" type="primary" @click="handleOpera(null, 'create')">添加</el-button> |
| | | </div> --> |
| | | </div> |
| | | </div> |
| | | </header> |
| | |
| | | <template> |
| | | <div class="updateUser"> |
| | | <el-form label-position="right" label-width="150px" :model="videoData" :rules="rules" :disabled="isDisabled" ref="user"> |
| | | <!-- <el-form-item prop="belongToId" label="所属事件编号"> |
| | | <el-input v-model="videoData.belongToId"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="eventSource" label="事件来源"> |
| | | <el-input v-model="videoData.eventSource"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="category" label="问题类别"> |
| | | <el-input v-model="videoData.category"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="type" label="类型"> |
| | | <el-select v-model="videoData.type"> |
| | | <el-option v-for="item in getResourceType()" :key="item.value" :label="item.label" :value="item.value" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item prop="regionName" label="社区名称"> |
| | | <el-input v-model="videoData.regionName"></el-input> |
| | | </el-form-item> |
| | | <el-form-item prop="id" label="视频Id"> |
| | | <el-input v-model="videoData.id"></el-input> |
| | | </el-form-item> --> |
| | | <el-form-item prop="url" label="视频" min-width="8"> |
| | | <template v-if="videoList" > |
| | | <div class="video-cover" v-for="video in videoList" :key="video"> |
| | |
| | | <span class="data-detail">{{baseCase.category === 1 ? '违规' : '违建'}}</span> |
| | | </el-form-item> |
| | | <el-form-item label="事件等级:"> |
| | | <span class="data-detail">{{baseCase.violations.gradeText}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.gradeText}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="大类名称:"> |
| | | <span class="data-detail">{{baseCase.violations.categoryText}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.categoryText}}</span> |
| | | </el-form-item> |
| | | <el-form-item label="小类名称:"> |
| | | <span class="data-detail">{{baseCase.violations.categoryText}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.categoryText}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | |
| | | <span class="data-detail">{{baseCase.site}}</span> |
| | | </el-form-item> |
| | | <el-form-item label="车牌号:"> |
| | | <span class="data-detail">{{baseCase.violations.carNumber}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.carNumber}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="关联商铺名称:"> |
| | | <span class="data-detail">{{baseCase.violations.shopName}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.shopName}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="问题描述:"> |
| | | <span class="data-detail">{{baseCase.violations.description}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.description}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="反映人:"> |
| | | <span class="data-detail">{{baseCase.violations.informant}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.informant}}</span> |
| | | </el-form-item> |
| | | <el-form-item label="联系方式:"> |
| | | <span class="data-detail">{{baseCase.violations.informantPhoneCode}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.informantPhoneCode}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <!-- 审核意见 |
| | | <el-form-item label="审核意见" prop="auditOpinion"> |
| | | <el-input type="textarea" placeholder="请输入审核意见" v-model="baseCase.auditOpinion"></el-input> |
| | | </el-form-item> |
| | | <div class="el-form-footer"> |
| | | <el-button @click.native.prevent="handleSubmit(0)">驳回</el-button> |
| | | <el-button type="primary" @click.native.prevent="handleSubmit(1)">通过</el-button> |
| | | </div> --> |
| | | </el-form> |
| | | </div> |
| | | <div class="view-process"> |
| | |
| | | } else { |
| | | return false; |
| | | } |
| | | }) |
| | | }, |
| | | // 获取当前用户登录信息 |
| | | getUserLoginInfo() { |
| | | // 获取登录名; |
| | | const username = sessionStorage.getItem('name'); |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: 'sccg/admin/info', |
| | | data: { |
| | | name: 'username' |
| | | } |
| | | }) |
| | | .then(res => { |
| | | }) |
| | | } |
| | | }, |
| | |
| | | <span class="data-detail">{{baseCase.category === 1 ? '违规' : '违建'}}</span> |
| | | </el-form-item> |
| | | <el-form-item label="大类名称:"> |
| | | <span class="data-detail">{{baseCase.violations.categoryText}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.categoryText}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="小类名称:"> |
| | | <span class="data-detail">{{baseCase.violations.typeText}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.typeText}}</span> |
| | | </el-form-item> |
| | | <el-form-item label="事件等级:"> |
| | | <span class="data-detail">{{baseCase.violations.gradeText}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.gradeText}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="案由:"> |
| | | <span class="data-detail">{{baseCase.violations.actionCause}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.actionCause}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="问题描述:"> |
| | | <span class="data-detail">{{baseCase.violations.description}}</span> |
| | | <span class="data-detail">{{baseCase.violationsVO.description}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <!-- <div class="data-item"> |
| | | <el-form-item label="处置方式:"> |
| | | <span class="data-detail">xxxxxxx</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="处置手段:"> |
| | | <span class="data-detail">xxxxxxx</span> |
| | | </el-form-item> |
| | | </div>--> |
| | | <!-- 审核意见 --> |
| | | <el-form-item label="审核意见" prop="auditOpinion"> |
| | | <el-input type="textarea" placeholder="请输入审核意见" v-model="baseCase.auditOpinion"></el-input> |
| | |
| | | return false; |
| | | } |
| | | }) |
| | | }, |
| | | // 获取当前用户登录信息 |
| | | getUserLoginInfo() { |
| | | // 获取登录名; |
| | | const username = sessionStorage.getItem('name'); |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: 'sccg/admin/info', |
| | | data: { |
| | | name: 'username' |
| | | } |
| | | }) |
| | | .then(res => { |
| | | }) |
| | | }, |
| | | }, |
| | | props: ['info', 'closeDialog'] |
| | | } |
| | |
| | | <span class="data-detail">{{baseCase.illegalBuilding.description}}</span> |
| | | </el-form-item> |
| | | </div> |
| | | <!-- <div class="data-item"> |
| | | <el-form-item label="处置方式:"> |
| | | <span class="data-detail">xxxxxxx</span> |
| | | </el-form-item> |
| | | </div> |
| | | <div class="data-item"> |
| | | <el-form-item label="处置手段:"> |
| | | <span class="data-detail">xxxxxxx</span> |
| | | </el-form-item> |
| | | </div> --> |
| | | <!-- 审核意见 --> |
| | | <el-form-item label="审核意见" prop="auditOpinion"> |
| | | <el-input type="textarea" placeholder="请输入审核意见" v-model="baseCase.auditOpinion"></el-input> |
| | |
| | | return false; |
| | | } |
| | | }) |
| | | }, |
| | | // 获取当前用户登录信息 |
| | | getUserLoginInfo() { |
| | | // 获取登录名; |
| | | const username = sessionStorage.getItem('name'); |
| | | this.$axios({ |
| | | method: 'get', |
| | | url: 'sccg/admin/info', |
| | | data: { |
| | | name: 'username' |
| | | } |
| | | }) |
| | | .then(res => { |
| | | }) |
| | | }, |
| | | }, |
| | | props: ['info', 'closeDialog'] |
| | | } |
| | |
| | | <div class="contentItem"> |
| | | <div style="width: 80px">按类型:</div> |
| | | <div class="search"> |
| | | <el-input |
| | | placeholder=" 请输入类型" |
| | | v-model="searchData.categories" |
| | | ></el-input> |
| | | <el-select clearable v-model="searchData.categories" placeholder=" 请选择类型"> |
| | | <el-option v-for="option in categoryOptions" :key="option.id" :label="option.label" :value="option.value"></el-option> |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | <div class="contentItem"> |
| | | <div style="width: 80px">按社区:</div> |
| | | <div class="search"> |
| | | <el-input |
| | | placeholder=" 请输入社区" |
| | | v-model="searchData.communityId" |
| | | ></el-input> |
| | | <el-cascader clearable v-model="searchData.community" :props="communityProps" :options="communityOptions" placeholder="请选择社区"> |
| | | </el-cascader> |
| | | </div> |
| | | </div> |
| | | <div class="contentItem"> |
| | |
| | | import helper from "@/utils/mydate"; |
| | | import casequery from "@/api/operate/basecase"; |
| | | import { CATEGOTY } from "@/utils/helper"; |
| | | import department from "@/api/system/department"; |
| | | |
| | | export default { |
| | | components: { |
| | |
| | | totalNum: null, |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | typeList: [ |
| | | { |
| | | name: "违规", |
| | | value: 1, |
| | | checked: true, |
| | | categoryOptions: CATEGOTY, |
| | | communityOptions: [], |
| | | communityProps: { |
| | | label: 'regionName', |
| | | value: 'id' |
| | | }, |
| | | { |
| | | name: "违建", |
| | | value: 2, |
| | | checked: false, |
| | | }, |
| | | ], |
| | | myproblem: 1, |
| | | number: "", |
| | | searchData: { |
| | | categories: null, |
| | | number: null, |
| | | communityId: null, |
| | | community: null, |
| | | endTime: null, |
| | | site: null, |
| | | startTime: null, |
| | |
| | | }, |
| | | created() { |
| | | this.getList(); |
| | | this.getCommunityOptions(); |
| | | }, |
| | | methods: { |
| | | // 获取列表 |
| | | getList() { |
| | | const searchData = Object.assign({}, this.searchData); |
| | | if (this.searchData.community) { |
| | | searchData.communityId = searchData.community[1]; |
| | | } |
| | | delete searchData.community; |
| | | casequery |
| | | .baseCaseQuery({ |
| | | current: this.currentPage, |
| | | pageSize: this.pageSize, |
| | | ...this.searchData, |
| | | ...searchData, |
| | | }) |
| | | .then((res) => { |
| | | this.tableData = res.records; |
| | |
| | | this.tableData = []; |
| | | }); |
| | | }, |
| | | |
| | | // 获取社区和街道 |
| | | getCommunityOptions() { |
| | | department.getDepartmentList() |
| | | .then(res => { |
| | | this.communityOptions = res; |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | }, |
| | | |
| | | // 设置表格斑马纹 |
| | | tableRowClassName({ row, rowIndex }) { |
| | | if ((rowIndex + 1) % 2 === 0) { |
| | |
| | | </header> |
| | | <main> |
| | | <div class="main-content"> |
| | | <!-- <div class="main-title"> |
| | | <el-button class="el-icon-plus" type="primary" @click="handleAdd" |
| | | >添加</el-button |
| | | > |
| | | </div> --> |
| | | <!-- 数据展示 --> |
| | | <el-table |
| | | ref="multipleTable" |
| | |
| | | |
| | | // 设置表格斑马纹 |
| | | tableRowClassName({ row, rowIndex }) { |
| | | if ((rowIndex + 1) % 2 == 0) { |
| | | if ((rowIndex + 1) % 2 === 0) { |
| | | return "warning-row"; |
| | | } else { |
| | | return "success-row"; |
| | | } |
| | | return ""; |
| | | }, |
| | | // 弹窗关闭 |
| | | handleClose(done) { |
| | |
| | | |
| | | header { |
| | | background-color: #09152f; |
| | | border: 1pox solid #fff; |
| | | |
| | | .header-content { |
| | | padding: 0 40px; |
| | |
| | | background-color: #09152f; |
| | | margin-top: 20px; |
| | | padding-bottom: 50px; |
| | | border: 1pox solid #fff; |
| | | |
| | | .main-title { |
| | | line-height: 60px; |
| | |
| | | |
| | | header { |
| | | background-color: #09152f; |
| | | border: 1pox solid #fff; |
| | | |
| | | .header-content { |
| | | padding: 0 40px; |
| | |
| | | background-color: #09152f; |
| | | margin-top: 20px; |
| | | padding-bottom: 50px; |
| | | border: 1pox solid #fff; |
| | | |
| | | .main-title { |
| | | line-height: 60px; |