| | |
| | | <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"> |
| | |
| | | } |
| | | }; |
| | | return { |
| | | eventList: [], |
| | | countData: { |
| | | review: 0 |
| | | study: 0, |
| | | review: 0, |
| | | register: 0 |
| | | }, |
| | | currentEvent: {}, |
| | | adviceList: [ |
| | |
| | | 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}`); |
| | | } |
| | |
| | | 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) { |
| | |
| | | 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.violations.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"> |
| | |
| | | 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.violations.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-select clearable v-model="searchData.communityId" placeholder="请选择社区"> |
| | | <el-option v-for="option in communityOptions" :key="option.id" :value="option.id" :label="option.regionName"></el-option> |
| | | </el-select> |
| | | </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, |
| | | }, |
| | | { |
| | | name: "违建", |
| | | value: 2, |
| | | checked: false, |
| | | }, |
| | | ], |
| | | categoryOptions: CATEGOTY, |
| | | communityOptions: [], |
| | | myproblem: 1, |
| | | number: "", |
| | | searchData: { |
| | |
| | | }, |
| | | created() { |
| | | this.getList(); |
| | | this.getCommunityOptions(); |
| | | }, |
| | | methods: { |
| | | // 获取列表 |
| | |
| | | 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; |