From d3059a6205121ce357acef995dfdd16211a43202 Mon Sep 17 00:00:00 2001
From: wangyuhang <139@qq.com>
Date: 星期二, 18 十一月 2025 10:14:02 +0800
Subject: [PATCH] 增加字段 修改字段
---
src/views/infomanger/enforcement/index.vue | 293 ++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 213 insertions(+), 80 deletions(-)
diff --git a/src/views/infomanger/enforcement/index.vue b/src/views/infomanger/enforcement/index.vue
index 98136e1..f3c5abe 100644
--- a/src/views/infomanger/enforcement/index.vue
+++ b/src/views/infomanger/enforcement/index.vue
@@ -1,80 +1,213 @@
-<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-item>
- <el-form-item label="鎵ф硶绫诲瀷">
- <el-input placeholder="璇疯緭鍏�"></el-input>
- </el-form-item>
- <el-form-item label="鎵ф硶鏃堕棿">
- <el-input placeholder="璇疯緭鍏�"></el-input>
- </el-form-item>
- <el-form-item label="浼佷笟">
- <el-input placeholder="璇疯緭鍏�"></el-input>
- </el-form-item>
- <el-form-item label="鎵ф硶閮ㄩ棬">
- <el-input placeholder="璇疯緭鍏�"></el-input>
- </el-form-item>
- <el-form-item label="鐘舵��">
- <el-input placeholder="璇疯緭鍏�"></el-input>
- </el-form-item>
- <el-form-item label="鎵ф硶缁撴灉">
- <el-input placeholder="璇疯緭鍏�"></el-input>
- </el-form-item>
- <el-form-item label="鏄惁閫氱煡">
- <el-input placeholder="璇疯緭鍏�"></el-input>
- </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-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-table>
- </div>
-</template>
-
-<script lang="ts" setup>
-const formRef = ref()
-const form = reactive({
- queryParams: {
- content: ''
- }
-})
-function handleQuery() {
-
-}
-function resetQuery() {
- formRef.value.resetFields()
-}
-</script>
-
-<style scoped lang="scss">
-.evenly-distributed-labels {
- :deep(){
- .el-form-item__label {
- position: relative; /* 璁剧疆鐩稿瀹氫綅浣滀负鏄熷彿鐨勫畾浣嶅熀鍑� */
- text-align: justify;
- text-align-last: justify; /* 纭繚鏈�鍚庝竴琛屼篃涓ょ瀵归綈 */
- padding-left: 10px; /* 涓烘槦鍙烽鐣欑┖闂� */
- display: inline-block;
- }
- }
-}
-</style>
\ No newline at end of file
+<template>
+ <div class="app-container">
+ <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="鎵ф硶绫诲瀷" 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="鎵ф硶鏃堕棿" 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="浼佷笟" prop="companyName">
+ <el-input placeholder="璇疯緭鍏�" v-model="refValue.quparams.companyName"></el-input>
+ </el-form-item>
+ <el-form-item label="鎵ф硶閮ㄩ棬" prop="applyDeptName">
+ <el-input placeholder="璇疯緭鍏�" v-model="refValue.quparams.applyDeptName"></el-input>
+ </el-form-item>
+ <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" :value="index" :label="item">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鎵ф硶缁撴灉" prop="regionStatus">
+ <el-select style="width: 170px;" v-model="refValue.quparams.regionStatus" placeholder="璇烽�夋嫨">
+ <el-option label="姝ｅ父" value="0"></el-option>
+ <el-option label="鍋滀笟鏁撮】" value="1"></el-option>
+ </el-select>
+ </el-form-item>
+ <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-col>
+ <el-button icon="Download" type="primary" plain>瀵煎嚭</el-button>
+ </el-col>
+ </el-row> -->
+ <el-table :data="refValue.tableData">
+ <el-table-column label="浼佷笟" prop="companyName"></el-table-column>
+ <el-table-column label="鎵ф硶閮ㄩ棬" prop="executeDeptName"></el-table-column>
+ <el-table-column label="鎵ф硶浜�" prop="executeUser"></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-column label="璁″垝绫诲瀷" prop="orderType" width="120">
+ <template #default="scope">
+ {{ refValue.orderType[scope.row.orderType] }}
+ </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: "",
+ orderType: "",
+ enforceTime: "",
+ begineTime: "",
+ endTime: "",
+ },
+ orderStatusMap: {
+ '-1': '鎷掔粷',
+ 0: '寰呮彁浜�',
+ 1: '宸叉彁浜�',
+ 2: '寰呮墽琛�',
+ 3: '寰呬笂鎶�',
+ 4: '宸蹭笂鎶�',
+ 5: '浼佷笟宸茬‘璁�',
+ },
+ regionStatus: {
+ 0: '姝ｅ父',
+ 1: '鍋滀笟鏁撮】',
+ },
+ isNoticeCompany: {
+ 0: '鍚�',
+ 1: '鏄�',
+ },
+ orderType: {
+ 0: '璁″垝澶�',
+ 1: '璁″垝鍐�',
+ 2: '缁煎悎鏌ヤ竴娆�',
+ }
+})
+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>
+
+<style scoped lang="scss">
+.evenly-distributed-labels {
+ :deep(){
+ .el-form-item__label {
+ position: relative; /* 璁剧疆鐩稿瀹氫綅浣滀负鏄熷彿鐨勫畾浣嶅熀鍑� */
+ text-align: justify;
+ text-align-last: justify; /* 纭繚鏈�鍚庝竴琛屼篃涓ょ瀵归綈 */
+ padding-left: 10px; /* 涓烘槦鍙烽鐣欑┖闂� */
+ display: inline-block;
+ }
+ }
+}
+</style>
--
Gitblit v1.9.1