sccg_ui.git - Gitblit

			@@ -6,44 +6,44 @@
			<div class="contentItem">
			<span>按编号: </span>
			<div>
			<el-input placeholder=" 请输入编号" v-model="info.code"></el-input>
			<el-input placeholder=" 请输入编号" v-model="searchData.number"></el-input>
			</div>
			</div>
			<div class="contentItem">
			<span>按类型: </span>
			<div class="search">
			<el-input placeholder=" 请输入编号" v-model="info.type"></el-input>
			<el-input placeholder=" 请输入类型" v-model="searchData.categories"></el-input>
			</div>
			</div>
			<div class="contentItem">
			<span>按社区: </span>
			<div class="search">
			<el-input placeholder=" 请输入编号" v-model="info.community"></el-input>
			<el-input placeholder=" 请输入社区" v-model="searchData.communityId"></el-input>
			</div>
			</div>
			<div class="contentItem">
			<span>按事发地点: </span>
			<div class="search">
			<el-input placeholder=" 请输入编号" v-model="info.site"></el-input>
			<el-input placeholder=" 请输入事发地点" v-model="searchData.site"></el-input>
			</div>
			</div>
			<div class="date-search contentItem">
			<div class="btn">
			<el-button icon="el-icon-plus" type="primary">搜索</el-button>
			<el-button icon="el-icon-plus" categories="primary" @click="getList">搜索</el-button>
			</div>
			</div>
			</div>
			<div class="headerContent">
			<span>时间: </span>
			<div>
			<el-input placeholder=" 请输入开始时间" v-model="info.startTime"></el-input>
			</div>
			<div class="line">
			--
			</div>
			<div>
			<el-input placeholder=" 请输入结束时间" v-model="info.endTime"></el-input>
			</div>
			<el-date-picker
			v-model="datepick"
			type="daterange"
			@change="datepickChange"
			value-format="yyyy-MM-dd HH:mm:ss"
			range-separator="至"
			start-placeholder="开始日期"
			end-placeholder="结束日期">
			</el-date-picker>
			</div>
			</header>
			<main>
			@@ -53,11 +53,11 @@
			: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 categories="selection" min-width="5">
			</el-table-column>
			<el-table-column prop="code" label="事件编号" min-width="18">
			<el-table-column prop="id" label="事件编号" min-width="18">
			<template slot-scope="scope">
			<el-link @click="JumpView(scope.row)">{{ scope.row.code }}</el-link>
			<el-link @click="JumpView(scope.row)">{{ scope.row.id }}</el-link>
			</template>
			</el-table-column>
			<el-table-column prop="eventSource" label="问题来源" min-width="8">
			@@ -68,7 +68,7 @@
			<el-table-column :prop="myproblem === 1 ? 'category' : 'category'"
			:label="myproblem === 1 ? '大类名称' : '违建类别'" :min-width="myproblem === 1 ? '10' : '20'">
			</el-table-column>
			<el-table-column :prop="myproblem === 1 ? 'type' : 'site'"
			<el-table-column :prop="myproblem === 1 ? 'categories' : 'site'"
			:label="myproblem === 1 ? '小类名称' : '违建地点'" min-width="10">
			</el-table-column>
			<el-table-column :prop="myproblem === 1 ? 'actionCause' : 'communityId'"
			@@ -96,22 +96,22 @@
			</el-table-column>
			</el-table>
			<!-- 审核页面 -->
			<el-dialog :visible.sync="dialogExamine" width="80%" title="基础信息(人工)" v-if="dialogExamine"
			<el-dialog :visible.sync="dialogExamine" width="80%" title="基础信息(人工)"
			:before-close="handleClose">
			<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"
			<el-dialog :visible.sync="dialogClosure" width="80%" title="基础信息(人工)"
			:before-close="handleClose">
			<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"
			<el-dialog :visible.sync="dialogView" width="80%" title="基础信息(人工)"
			:before-close="handleNoClose">
			<MyDetail :info=info v-if="myproblem === 1" :mycode='code'></MyDetail>
			<MyIllDetail :info=info v-else :mycode="code"></MyIllDetail>
			<MyDetail :info=info v-if="myproblem === 1" :mycode='number'></MyDetail>
			<MyIllDetail :info=info v-else :mycode="number"></MyIllDetail>
			</el-dialog>
			<!-- tools -->
			<div class="tools">
			@@ -132,8 +132,7 @@
			</div>
			<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">
			:total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage">
			</el-pagination>
			</div>
			</div>
			@@ -149,12 +148,15 @@
			import MyDetail from '@/components/detail'
			import MyIllDetail from '@/components/illdetail'
			import helper from '@/utils/mydate'
			import casequery from "@/api/operate/casequery";

			export default {
			components: {
			MyExamine, MyClosure, MyDetail, MyIllDetail, MyIllExamine, MyIllClosure
			},
			data() {
			return {
			datepick: null,
			tableData: [],
			dialogExamine: false,
			dialogClosure: false,
			@@ -202,30 +204,36 @@
			caseId: '',
			myproblem: 1,
			instatus: 7,
			code: ''
			number: '',
			searchData: {
			categories: null,
			number: null,
			communityId: null,
			endTime: null,
			site: null,
			startTime: null
			}
			}
			},
			created() {
			this.getUserList();
			this.getList();
			},
			methods: {
			// 批量删除
			mulDelete(idArr) {
			console.log(idArr);
			this.$axios({
			method: 'delete',
			url: 'sccg/violations/batch_delete?ids=' + idArr,
			}).then(res => {
			this.getUserList();
			this.getList();
			this.$message({
			message: res.message,
			type: res.code === 200 ? 'success' : 'warning'
			categories: res.number === 200 ? 'success' : 'warning'
			})
			})
			},
			// 执行下拉框操作
			selectChange(list) {
			console.log(this.tempList);
			if (this.tempList.length !== 0) {
			if (list === 3) {
			this.preMyIdx = list;
			@@ -234,7 +242,7 @@
			} else {
			this.myIdx = this.preMyIdx;
			this.$message({
			type: 'warning',
			categories: 'warning',
			message: '您还没选中任何数据',
			})
			}
			@@ -243,13 +251,9 @@
			tableChange(list) {
			this.tempList = [];
			list.forEach(item => {
			this.tempList.push(item.code);
			this.tempList.push(item.number);
			})
			if (list.length === this.tableData.length) {
			this.all = true;
			} else {
			this.all = false
			}
			this.all = list.length === this.tableData.length;
			},
			// 全选
			selectAll() {
			@@ -263,61 +267,50 @@
			},
			// 删除单条数据
			handleDelete({ number }) {
			console.log(number);
			this.$confirm('确认删除？')
			.then(_ => {
			console.log(1);
			this.$axios({
			method: 'delete',
			url: `sccg/violations/delete?id=${number}`,
			})
			.then(res => {
			console.log(res);
			this.$message({
			type: res.code === 200 ? 'success' : 'warning',
			categories: res.number === 200 ? 'success' : 'warning',
			message: res.message
			})

			this.getUserList();
			this.getList();
			})
			})
			.catch(_ => { console.log(2) });
			},
			// 获取用户列表
			getUserList() {
			const { currentPage, pageSize, instatus, myproblem } = this;
			this.$axios({
			method: 'get',
			url: `sccg/base_case/query?state=${instatus}&current=${currentPage}&size=${pageSize}&resource=2&type=${myproblem}`
			}).then(res => {
			this.totalNum = res.data.total;
			this.tableData = res.data.records;
			})
			// 获取列表
			getList() {
			casequery.baseCaseQuery({ current: this.currentPage, pageSize: this.pageSize, ...this.searchData })
			.then((res) => {
			this.tableData = res;
			})
			.catch(err => this.$message({ type: 'error', message: err }))
			},
			// 设置表格斑马纹
			tableRowClassName({ row, rowIndex }) {
			if ((rowIndex + 1) % 2 == 0) {
			if ((rowIndex + 1) % 2 === 0) {
			return 'warning-row';
			} else {
			return 'success-row';
			}
			return '';
			},
			// 当前页改变触发事件
			changeCurrentPage(page) {
			this.currentPage = page;
			this.getUserList();
			this.getList();
			},
			// 上一页点击事件
			handlePrev(page) {
			this.currentPage = page;
			this.getUserList();

			datepickChange() {
			this.searchData.startTime = this.datepick[0];
			this.searchData.endTime = this.datepick[1].replace('00:00:00', '23:59:59');
			},
			// 下一页点击事件
			handleNext(page) {
			this.currentPage = page;
			this.getUserList();
			},

			handleClose(done) {
			this.$confirm('确认关闭？')
			.then(_ => {
			@@ -329,68 +322,27 @@
			handleNoClose(done) {
			done();
			},
			async JumpView(data) {
			this.code = data.code
			await this.getEventInfo(data.code);
			JumpView(data) {

			},
			// 获取案件信息
			getEventInfo(code) {
			this.$axios({
			method: 'get',
			url: `sccg/base_case/baseCaseDetail/${code}`
			})
			.then(res => {
			console.log(res);
			this.info = res.data;
			this.dialogView = true;
			})
			},
			// 获取案件信息
			getEventInfo3(code) {
			this.$axios({
			method: 'get',
			url: `sccg/base_case/baseCaseDetail/${code}`
			})
			.then(res => {
			console.log(res);
			this.info = res.data;
			this.dialogExamine = true;
			})
			},
			// 获取案件信息
			getEventInfo2(code) {
			this.$axios({
			method: 'get',
			url: `sccg/base_case/baseCaseDetail/${code}`
			})
			.then(res => {
			console.log(res);
			this.info = res.data;
			this.dialogClosure = true;
			})
			},
			// 去审核
			handleExamine({ code }) {
			this.getEventInfo3(code);
			},
			// 去结案
			handleClosure({ code }) {
			this.getEventInfo2(code);
			},

			// 关闭dialog
			closeDialog({ flag }) {
			this.dialogExamine = flag;
			this.dialogClosure = flag;
			this.getUserList();
			this.getList();
			},

			// 问题类型
			changeMyProblem(val) {
			this.getUserList();
			this.getList();
			},

			// 审核状态
			changeInStatus(val) {
			this.getUserList();
			this.getList();
			},

			filterTime(time) {
			return helper(time);
			}
			@@ -407,7 +359,6 @@
			display: flex;
			line-height: 60px;
			flex-direction: column;
			// justify-content: space-between;
			padding: 0 20px;
			color: #4b9bb7;

			@@ -436,7 +387,6 @@
			background-color: #09152f;
			margin-top: 20px;
			padding-bottom: 50px;
			border: 1pox solid #fff;

			.btn span:hover {
			cursor: pointer;
			@@ -610,5 +560,9 @@
			&::v-deep .el-dialog__body {
			padding: 0;
			}

			&::v-deep .el-range-input {
			background-color: #06122c;
			}
			}
			</style>