From 0a87fb00f345fa192705cfcaa753d304ff7fe1f3 Mon Sep 17 00:00:00 2001
From: wjt <1797368093@qq.com>
Date: 星期三, 19 六月 2024 13:23:50 +0800
Subject: [PATCH] 部分页面添加
---
src/views/infomanger/policy/index.vue | 51 +++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 41 insertions(+), 10 deletions(-)
diff --git a/src/views/infomanger/policy/index.vue b/src/views/infomanger/policy/index.vue
index 6a30ab6..7af91e6 100644
--- a/src/views/infomanger/policy/index.vue
+++ b/src/views/infomanger/policy/index.vue
@@ -1,16 +1,16 @@
<template>
<div class="app-container">
- <el-form :inline="true" label-width="100px" :model="form">
+ <el-form :inline="true" class="evenly-distributed-labels" :model="form" ref="form" label-position="left" label-width="80px">
<el-form-item label="鏀跨瓥鍚嶇О">
- <el-input placeholder="璇疯緭鍏�" ></el-input>
+ <el-input placeholder="璇疯緭鍏�" v-model="form.docTitle"></el-input>
</el-form-item>
<el-form-item label="鏀跨瓥绫诲瀷">
- <el-select placeholder="璇烽�夋嫨" style="width: 200px;">
+ <el-select placeholder="璇烽�夋嫨" style="width: 200px;" v-model="form.docType">
<el-option v-for="item in policyList" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="鐘舵��">
- <el-select placeholder="璇烽�夋嫨" style="width: 200px;">
+ <el-select placeholder="璇烽�夋嫨" style="width: 200px;" v-model="form.docStatus">
<el-option v-for="item in statusList" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
@@ -26,7 +26,11 @@
</el-row>
<el-table :data="tableData" v-loading="loading" border>
<el-table-column label="鏀跨瓥鍚嶇О" prop="docTitle"></el-table-column>
- <el-table-column label="鏀跨瓥绫诲瀷" prop="docType"></el-table-column>
+ <el-table-column label="鏀跨瓥绫诲瀷" prop="docType">
+ <template #default="scope">
+ {{ policyType[scope.row.docType] }}
+ </template>
+ </el-table-column>
<el-table-column label="鍒涘缓鏃堕棿" prop="createTime"></el-table-column>
<el-table-column label="鍒涘缓浜�" width="200" prop="createBy"></el-table-column>
<el-table-column label="鐘舵��" width="200" prop="docStatus">
@@ -38,11 +42,11 @@
<template #default="scope">
<el-link type="primary" @click="handleAdd(scope.row)">缂栬緫</el-link>
<el-divider direction="vertical" />
- <el-link type="primary" @click="delData(scope.row)">鍒犻櫎</el-link>
+ <el-link type="error" @click="delData(scope.row)">鍒犻櫎</el-link>
</template>
</el-table-column>
</el-table>
- <pagination v-show="queryParams.total > 0" :total="queryParams.total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+ <pagination v-show="queryParams.total > 0" :total="queryParams.total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="pageChange" />
<addNews ref="addnews" :policyList="policyList" @upload="getList"></addNews>
</div>
</template>
@@ -51,6 +55,7 @@
import { docList,updDoc, delDoc } from '@/api/system/company/company'
import addNews from './components/addNews'
import { ElMessageBox } from 'element-plus'
+import { policyType } from '@/utils/mapList/index'
export default {
components: {
addNews
@@ -79,7 +84,9 @@
pageSize: 10
},
tableData: [],
- loading: false
+ loading: false,
+ form: {},
+ policyType
}
},
created() {
@@ -87,9 +94,14 @@
this.getList()
},
methods: {
+ pageChange(e) {
+ this.queryParams.pageNum = e.page
+ this.queryParams.pageSize = e.limit
+ this.getList()
+ },
// 鑾峰彇鍒楄〃
getList() {
- docList(this.queryParams).then(res => {
+ docList({...this.queryParams, ...this.form}).then(res => {
this.tableData = res.rows
this.queryParams.total = res.total
this.loading = false
@@ -125,7 +137,26 @@
this.getList()
})
})
+ },
+ resetQuery() {
+ this.form = {}
+ this.queryParams.pageNum = 1
+ this.$refs.form.resetFields()
+ this.getList()
}
}
}
-</script>
\ No newline at end of file
+</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