From ef4723d012ca9227b0a5442560c15910c2438f1d Mon Sep 17 00:00:00 2001 From: wjt <1797368093@qq.com> Date: 星期二, 25 六月 2024 18:16:22 +0800 Subject: [PATCH] 后台问题修改 --- src/views/infomanger/complating/index.vue | 140 +++++++++++++++++++++++++++++++++++++++------- 1 files changed, 117 insertions(+), 23 deletions(-) diff --git a/src/views/infomanger/complating/index.vue b/src/views/infomanger/complating/index.vue index 276397a..d850958 100644 --- a/src/views/infomanger/complating/index.vue +++ b/src/views/infomanger/complating/index.vue @@ -1,56 +1,150 @@ <template> <div class="app-container"> - <el-form inline ref="formRef" :model="form.queryParams" label-width="80px"> + <el-form inline ref="formRef" :model="form.quparams" label-width="80px"> <el-form-item label="鎶曡瘔鍐呭" prop="content"> - <el-input placeholder="璇疯緭鍏�" v-model="form.queryParams.content"></el-input> + <el-input placeholder="璇疯緭鍏�" v-model="form.quparams.complaintReason"></el-input> </el-form-item> - <el-form-item label="鎶曡瘔瀵硅薄"> - <el-input placeholder="璇疯緭鍏�"></el-input> + <el-form-item label="鎶曡瘔瀵硅薄" prop="executeDeptName"> + <el-input placeholder="璇疯緭鍏�" v-model="form.quparams.executeDeptName"></el-input> </el-form-item> - <el-form-item label="鎶曡瘔浜�"> - <el-input placeholder="璇疯緭鍏�"></el-input> + <el-form-item label="鎶曡瘔浜�" prop="companyName"> + <el-input placeholder="璇疯緭鍏�" v-model="form.quparams.companyName"></el-input> </el-form-item> - <el-form-item label="鎵ф硶璁板綍"> - <el-input placeholder="璇疯緭鍏�"></el-input> + <el-form-item label="鎵ф硶涓婚" prop="enforceReason"> + <el-input placeholder="璇疯緭鍏�" v-model="form.quparams.enforceReason"></el-input> </el-form-item> - <el-form-item label="鍔炵悊鐘舵��"> - <el-input placeholder="璇疯緭鍏�"></el-input> + <el-form-item label="鍔炵悊鐘舵��" prop="complaintStatus"> + <el-select style="width: 180px;" v-model="form.quparams.complaintStatus" placeholder="璇烽�夋嫨"> + <el-option v-for="(item,index) in form.status" :key="index" :label="item" :value="index"></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-row> --> + <el-table :data="form.tableData"> + <el-table-column label="鎶曡瘔浼佷笟" prop="companyName"></el-table-column> + <el-table-column label="鎶曡瘔瀵硅薄" prop="executeDeptName"> + <template #default="scope"> + {{ scope.row.executeDeptName }} + </template> + </el-table-column> + <el-table-column label="鎶曡瘔绫诲瀷"> + <template #default="scope"> + {{ dispImgType(scope.row.complaintType) }} + </template> + </el-table-column> + <el-table-column label="鎶曡瘔鍐呭" prop="complaintReason"></el-table-column> + <el-table-column label="鎵ф硶涓婚" prop="enforceReason"> + <template #default="scope"> + <el-link type="primary" @click="look(scope.row)">{{ scope.row.enforceReason }}</el-link> + </template> + </el-table-column> + <el-table-column label="鍔炵悊鐘舵��" prop="complaintStatus"> + <template #default="scope"> + {{ form.status[scope.row.complaintStatus] }} + </template> + </el-table-column> + <el-table-column label="鎿嶄綔"> + <template #default="scope"> + <el-link type="primary" v-if="scope.row.complaintStatus == 2 || scope.row.complaintStatus == -1" @click="look(scope.row)">鏌ョ湅</el-link> + <el-link type="primary" v-if="scope.row.complaintStatus == 0" @click="inComplaintLogHandler(scope.row)">鍝嶅簲</el-link> + <el-link type="primary" @click="handlerRes(scope.row)" v-if="scope.row.complaintStatus == 1">鍔炵粨</el-link> + </template> + </el-table-column> </el-table> + <pagination v-show="form.quparams.total > 0" :total="form.quparams.total" v-model:page="form.quparams.pageNum" v-model:limit="form.quparams.pageSize" @pagination="getList" /> + <handlerCom @upload="upload" ref="handlerComRef"></handlerCom> + <orderDetails ref="orderDetailsRef"></orderDetails> </div> </template> <script lang="ts" setup> +import { listComplaint, inComplaintLog } from '@/api/system/company/company' +import { ElMessageBox } from 'element-plus' +import handlerCom from './component/index.vue' +import orderDetails from '@/views/infomanger/enforcement/component/details.vue' +const { proxy } = getCurrentInstance() +const { complaint_type } = proxy.useDictPer("complaint_type"); +console.log(complaint_type) +const handlerComRef = ref() +const orderDetailsRef = ref() const formRef = ref() const form = reactive({ - queryParams: { - content: '' + quparams: { + content: '', + pageSize: 10, + pageNum: 1, + total: 0, + complaintReason: '', + executeDeptName: '', + complaintStatus: '' + }, + tableData: [], + status: { + "-1":"宸查┏鍥�",0:"寰呭搷搴�",1:"澶勭悊涓�",2:"宸插姙缁�" } }) +const dispImgType = (e: string) => { + return complaint_type.value.find((f: any) => f.value == e)?.label; +}; function handleQuery() { - + form.quparams.pageNum = 1 + listComplaintHttp() } function resetQuery() { formRef.value.resetFields() + form.quparams.pageNum = 1 + listComplaintHttp() } +function listComplaintHttp() { + listComplaint(form.quparams).then((res: any) => { + // console.log(res.rows) + form.tableData = res.rows + form.quparams.total = res.total + }) +} +function handlerRes(item) { + handlerComRef.value.openDialog(item) +} +function look(item) { + orderDetailsRef.value.openDialog(item) +} +function inComplaintLogHandler(item) { + ElMessageBox.confirm( + '纭鍝嶅簲璇ユ潯鏁版嵁?', + '鎻愮ず', + { + confirmButtonText: '纭', + cancelButtonText: '鍙栨秷', + type: 'warning', + } + ) + .then(() => { + inComplaintLog({id: item.id}).then((res: any) => { + // console.log(res) + listComplaintHttp() + }) + }) + + +} +function getList(e: { limit: number; page: number }) { + form.quparams.pageSize = e.limit + form.quparams.pageNum = e.page + listComplaintHttp() +} +function upload() { + // console.log(111) + listComplaintHttp() +} +listComplaintHttp() </script> <style scoped lang="scss"> -- Gitblit v1.9.1