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 | 108 ++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 88 insertions(+), 20 deletions(-)
diff --git a/src/views/infomanger/policy/index.vue b/src/views/infomanger/policy/index.vue
index fbcb569..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>
@@ -24,22 +24,38 @@
<el-button type="primary" plain icon="Plus" @click="handleAdd()" v-hasPermi="['system:dept:add']">鏂板</el-button>
</el-col>
</el-row>
- <el-table :data="deptList">
- <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="鍒涘缓浜�" width="200"></el-table-column>
- <el-table-column label="鐘舵��" width="200"></el-table-column>
- <el-table-column label="鎿嶄綔"></el-table-column>
+ <el-table :data="tableData" v-loading="loading" border>
+ <el-table-column label="鏀跨瓥鍚嶇О" prop="docTitle"></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">
+ <template #default="scope">
+ <el-switch v-if="scope.row.docId" v-model="scope.row.docStatus" :active-value="0" :inactive-value="1" @change="changeStatus(scope.row)"></el-switch>
+ </template>
+ </el-table-column>
+ <el-table-column label="鎿嶄綔">
+ <template #default="scope">
+ <el-link type="primary" @click="handleAdd(scope.row)">缂栬緫</el-link>
+ <el-divider direction="vertical" />
+ <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" />
- <addNews ref="addnews"></addNews>
+ <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>
<script>
-import { docList } from '@/api/system/company/company'
+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
@@ -67,18 +83,28 @@
pageNum: 1,
pageSize: 10
},
- tableData: []
+ tableData: [],
+ loading: false,
+ form: {},
+ policyType
}
},
- mounted() {
+ created() {
+ this.loading = true
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
})
},
// 鎼滅储
@@ -86,9 +112,51 @@
this.queryParams.pageNum = 1
this.getList()
},
- handleAdd() {
- this.$refs.addnews.openDialog()
+ handleAdd(row) {
+ this.$refs.addnews.openDialog(row)
+ },
+ changeStatus(row) {
+ if(this.loading){
+ return
+ }
+ updDoc(row).then(val => {
+ this.$message.success('淇敼鎴愬姛')
+ this.getList()
+ })
+ },
+ delData(row) {
+ ElMessageBox({
+ type: 'warning',
+ message: '纭鍒犻櫎璇ユ斂绛栵紵',
+ title: '鎻愮ず',
+ cancelButtonText: '鍙栨秷',
+
+ }).then(val => {
+ delDoc({delId: row.docId}).then(val => {
+ this.$message.success('鍒犻櫎鎴愬姛')
+ 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