From a26af4a8afc3c1b59a33c0642cd07778a89e5813 Mon Sep 17 00:00:00 2001 From: wjt <1797368093@qq.com> Date: 星期六, 22 六月 2024 21:04:50 +0800 Subject: [PATCH] 投书处理天机 --- src/views/infomanger/enforcement/index.vue | 182 +++++++++++++++++++++++++++++++++++++------- 1 files changed, 151 insertions(+), 31 deletions(-) diff --git a/src/views/infomanger/enforcement/index.vue b/src/views/infomanger/enforcement/index.vue index 98136e1..d52eeb4 100644 --- a/src/views/infomanger/enforcement/index.vue +++ b/src/views/infomanger/enforcement/index.vue @@ -1,67 +1,187 @@ <template> <div class="app-container"> - <el-form inline class="evenly-distributed-labels" ref="formRef" :model="form.queryParams" label-width="80px"> - <el-form-item label="鎵ф硶璁板綍" prop="content"> - <el-input placeholder="璇疯緭鍏�" v-model="form.queryParams.content"></el-input> + <el-form inline class="evenly-distributed-labels" ref="formRef" :model="refValue.queryParams" label-width="80px"> + <el-form-item label="鎵ф硶璁板綍" prop="enforceReason"> + <el-input placeholder="璇疯緭鍏�" v-model="refValue.quparams.enforceReason" ></el-input> </el-form-item> - <el-form-item label="鎵ф硶绫诲瀷"> - <el-input placeholder="璇疯緭鍏�"></el-input> + <el-form-item label="鎵ф硶绫诲瀷" prop="enforceType"> + <el-select v-model="refValue.quparams.enforceType" placeholder="璇烽�夋嫨" style="width: 170px;"> + <el-option v-for="(item,index) in enforce_type" :label="item.label" :value="item.value" :key="index"></el-option> + </el-select> </el-form-item> - <el-form-item label="鎵ф硶鏃堕棿"> - <el-input placeholder="璇疯緭鍏�"></el-input> + <el-form-item label="鎵ф硶鏃堕棿" prop="enforceType"> + <el-date-picker + v-model="refValue.quparams.pertime" + @change="timeChange" + format="YYYY-MM-DD" + value-format="YYYY-MM-DD" + type="daterange" + range-separator="鑷�" + start-placeholder="寮�濮嬫椂闂�" + end-placeholder="缁撴潫鏃堕棿" + /> </el-form-item> - <el-form-item label="浼佷笟"> - <el-input placeholder="璇疯緭鍏�"></el-input> + <el-form-item label="浼佷笟" prop="companyName"> + <el-input placeholder="璇疯緭鍏�" v-model="refValue.quparams.companyName"></el-input> </el-form-item> - <el-form-item label="鎵ф硶閮ㄩ棬"> - <el-input placeholder="璇疯緭鍏�"></el-input> + <el-form-item label="鎵ф硶閮ㄩ棬" prop="applyDeptName"> + <el-input placeholder="璇疯緭鍏�" v-model="refValue.quparams.applyDeptName"></el-input> </el-form-item> - <el-form-item label="鐘舵��"> - <el-input placeholder="璇疯緭鍏�"></el-input> + <el-form-item label="鐘舵��" prop="orderStatus"> + <!-- <el-input placeholder="璇疯緭鍏�" ></el-input> --> + <el-select v-model="refValue.quparams.orderStatus" placeholder="璇烽�夋嫨" style="width: 170px;"> + <el-option v-for="(item,index) in refValue.orderStatusMap" :lable="index" :value="item"></el-option> + </el-select> </el-form-item> - <el-form-item label="鎵ф硶缁撴灉"> - <el-input placeholder="璇疯緭鍏�"></el-input> + <el-form-item label="鎵ф硶缁撴灉" prop="enforceResult"> + <el-select style="width: 170px;" v-model="refValue.quparams.enforceResult" placeholder="璇烽�夋嫨"> + <el-option label="姝e父" value="0"></el-option> + <el-option label="鍋滀笟鏁撮】" value="1"></el-option> + </el-select> </el-form-item> - <el-form-item label="鏄惁閫氱煡"> - <el-input placeholder="璇疯緭鍏�"></el-input> + <el-form-item label="鏄惁閫氱煡" prop="isNoticeCompany"> + <el-select v-model="refValue.quparams.isNoticeCompany" placeholder="璇烽�夋嫨" style="width: 170px;"> + <el-option label="鍚�" value="0"></el-option> + <el-option label="鏄�" value="1"></el-option> + </el-select> </el-form-item> <el-form-item> <el-button type="primary" icon="Search" @click="handleQuery">鎼滅储</el-button> <el-button icon="Refresh" @click="resetQuery">閲嶇疆</el-button> </el-form-item> </el-form> - <el-row class="mt20 mb10"> + <!-- <el-row class="mt20 mb10"> <el-col> <el-button icon="Download" type="primary" plain>瀵煎嚭</el-button> </el-col> - </el-row> - <el-table> - <el-table-column label="浼佷笟"></el-table-column> - <el-table-column label="鎵ф硶閮ㄩ棬"></el-table-column> - <el-table-column label="鎵ф硶浜�"></el-table-column> - <el-table-column label="鎵ф硶绫诲瀷"></el-table-column> - <el-table-column label="鎵ф硶涓婚"></el-table-column> - <el-table-column label="鐢宠鏃堕棿"></el-table-column> - <el-table-column label="鎵ф硶鏃堕棿"></el-table-column> - <el-table-column label="鐘舵��"></el-table-column> - <el-table-column label="鎵ф硶缁撴灉"></el-table-column> - <el-table-column label="鏄惁閫氱煡浼佷笟"></el-table-column> + </el-row> --> + <el-table :data="refValue.tableData"> + <el-table-column label="浼佷笟" prop="companyName"></el-table-column> + <el-table-column label="鎵ф硶閮ㄩ棬" prop="applyDeptName"></el-table-column> + <el-table-column label="鎵ф硶浜�" prop="applyUser"></el-table-column> + <el-table-column label="鎵ф硶绫诲瀷" prop="enforceType"> + <template #default="scope"> + {{dispImgType(scope.row.enforceType)}} + </template> + </el-table-column> + <el-table-column label="鎵ф硶涓婚" prop="enforceReason"> + <template #default="scope"> + <el-link type="primary" @click="openDetails(scope.row)">{{ scope.row.enforceReason }}</el-link> + </template> + </el-table-column> + <el-table-column label="鐢宠鏃堕棿" prop="applyTime" width="180"></el-table-column> + <el-table-column label="鎵ф硶鏃堕棿" prop="planTime" width="180"></el-table-column> + <el-table-column label="鐘舵��" prop="orderStatus" width="100"> + <template #default="scope"> + {{ refValue.orderStatusMap[scope.row.orderStatus] }} + </template> + </el-table-column> + <el-table-column label="鎵ф硶缁撴灉" prop="regionStatus" width="100"> + <template #default="scope"> + {{ refValue.regionStatus[scope.row.regionStatus] }} + </template> + </el-table-column> + <el-table-column label="鏄惁閫氱煡浼佷笟" prop="isNoticeCompany" width="120"> + <template #default="scope"> + {{ refValue.isNoticeCompany[scope.row.isNoticeCompany] }} + </template> + </el-table-column> </el-table> + <pagination v-show="refValue.quparams.total > 0" :total="refValue.quparams.total" v-model:page="refValue.quparams.pageNum" v-model:limit="refValue.quparams.pageSize" @pagination="getList" /> + <detailsCom ref="refDetails"></detailsCom> </div> </template> <script lang="ts" setup> +import { companyListEnforce } from '@/api/system/company/company' +import detailsCom from './component/details.vue' const formRef = ref() +const refDetails = ref() +const { proxy } = getCurrentInstance() +const { enforce_type } = proxy.useDictPer("enforce_type"); +const time = ref("") +const refValue: any = reactive({ + tableData: [], + total: 1, + quparams: { + pageNum: 1, + pageSize: 10, + total: 1, + companyName: '', + enforceType: '', + applyDeptName: '', + orderStatus: "", + enforceReason: "", + isNoticeCompany: "", + enforceTime: "", + begineTime: "", + endTime: "", + }, + orderStatusMap: { + '-1': '鎷掔粷', + 0: '寰呮彁浜�', + 1: '宸叉彁浜�', + 2: '寰呮墽琛�', + 3: '寰呬笂鎶�', + 4: '宸茬粨鏉�', + }, + regionStatus: { + 0: '姝e父', + 1: '鍋滀笟鏁撮】', + }, + isNoticeCompany: { + 0: '鍚�', + 1: '鏄�', + } +}) const form = reactive({ queryParams: { content: '' } }) +const dispImgType = (e: string) => { + return enforce_type.value.find((f: any) => f.value == e)?.label; +}; +function getList(e: { limit: number; page: number }) { + refValue.quparams.pageSize = e.limit + refValue.quparams.pageNum = e.page + companyListEnforceHandle() +} +function companyListEnforceHandle() { + companyListEnforce(refValue.quparams).then(res => { + refValue.tableData = res.rows + refValue.quparams.total = res.total + }) +} +companyListEnforceHandle() function handleQuery() { - + refValue.quparams.pageNum = 1 + companyListEnforceHandle() +} +function timeChange(e: string[]) { + refValue.quparams.begineTime = e[0] + " " + "00:00:00" + refValue.quparams.endTime = e[1] + " " + "23:59:59" +} +function openDetails(item: any) { + refDetails.value.openDialog(item) } function resetQuery() { + refValue.quparams = { + pageNum: 1, + pageSize: 10, + total: 1, + companyName: '', + enforceType: '', + applyDeptName: '', + orderStatus: "", + enforceReason: "", + isNoticeCompany: "", + begineTime: "", + endTime: "", + } formRef.value.resetFields() + companyListEnforceHandle() + } </script> -- Gitblit v1.9.1