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/banner/index.vue | 168 ++++++++++++++++++
src/views/infomanger/complating/index.vue | 68 +++++++
src/api/system/company/company.ts | 27 ++
src/views/infomanger/companymanger/index.vue | 46 +++-
src/views/infomanger/enforcement/index.vue | 80 ++++++++
src/utils/mapList/index.ts | 4
src/views/infomanger/policy/index.vue | 51 ++++-
src/views/infomanger/policy/components/addNews.vue | 87 +++++---
8 files changed, 466 insertions(+), 65 deletions(-)
diff --git a/src/api/system/company/company.ts b/src/api/system/company/company.ts
index 30a17b3..9dc0f5e 100644
--- a/src/api/system/company/company.ts
+++ b/src/api/system/company/company.ts
@@ -71,10 +71,11 @@
})
}
// /system/doc/list 鎱т紒鏀跨瓥鍒楄〃
-export function docList() {
+export function docList(params) {
return request({
url: '/system/doc/list',
method: 'get',
+ params: params
})
}
// 鏂板浼佷笟淇℃伅 /system/doc/add
@@ -156,4 +157,28 @@
method: 'post',
data: data
})
+}
+// 鎵ф硶璇勪环椤�
+export function listEvaluate(data) {
+ return request({
+ url: `/enforce/evaluate/detail`,
+ method: 'get',
+ params: data
+ })
+}
+// 淇敼鐘舵�� /system/company/updStatus
+export function updStatus(data) {
+ return request({
+ url: `/system/company/updStatus`,
+ method: 'post',
+ data: data
+ })
+}
+// 鎵ф硶璇勪环绠＄悊 /enforce/evaluate/save
+export function saveEvaluate(data) {
+ return request({
+ url: `/enforce/evaluate/save`,
+ method: 'post',
+ data: data
+ })
}
\ No newline at end of file
diff --git a/src/utils/mapList/index.ts b/src/utils/mapList/index.ts
index d95f2f3..ad0b55c 100644
--- a/src/utils/mapList/index.ts
+++ b/src/utils/mapList/index.ts
@@ -17,4 +17,8 @@
export const scopeList = {
0: '娉ㄥ唽',
1: '瀵煎叆'
+}
+// 鏀跨瓥绫诲瀷
+export const policyType = {
+ 1: '鎯犱紒鏀跨瓥'
}
\ No newline at end of file
diff --git a/src/views/infomanger/banner/index.vue b/src/views/infomanger/banner/index.vue
index a8f2bbc..100c33a 100644
--- a/src/views/infomanger/banner/index.vue
+++ b/src/views/infomanger/banner/index.vue
@@ -1,9 +1,165 @@
<template>
<div class="app-container">
- <el-row>
- <el-col :span="24">
- <el-button></el-button>
- </el-col>
- </el-row>
+ <div class="form-content">
+ <el-form inline :model="form.questionList" label-width="80px" :rules="rules">
+ <div
+ class="border"
+ v-for="(item, index) in form.questionList"
+ :key="index"
+ >
+ <div class="close-icon">
+ <el-icon><Close /></el-icon>
+ </div>
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="璇曢鍐呭" style="width: 100%" :prop="item.questionName">
+ <el-input
+ placeholder="璇疯緭鍏�"
+ v-model="item.questionName"
+ type="textarea"
+ ></el-input>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="12">
+ <el-form-item label="鏈寰楀垎" :prop="item.questionScore">
+ <el-input
+ type="number"
+ placeholder="璇疯緭鍏�"
+ v-model="item.questionScore"
+ style="width: 200px"
+ ></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="棰樼洰绫诲瀷" :prop="item.questionType">
+ <el-radio-group
+ placeholder="璇疯緭鍏�"
+ v-model="item.questionType"
+ >
+ <el-radio value="1">閫夋嫨</el-radio>
+ <el-radio value="2">鎵撳垎</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row v-if="item.questionType === '1'">
+ <el-col :span="24">
+ <el-form-item label="鏈閫夐」" style="width: 100%;" :prop="item.answerList">
+ <div
+ v-for="(ele, childIndex) in item.answerList"
+ :key="index"
+ style="width: 100%;"
+ class="set-flex"
+ >
+ <div style="font-size: 14px;margin-right: 10px">{{ childIndex + 1 }}</div>
+ <el-input
+ v-model="ele.answerName"
+ placeholder="璇疯緭鍏�"
+ style="width: 85%; margin-right: 10px"
+ ></el-input>
+ <el-checkbox v-model="ele.isScore" @change="changeValue($event, index, childIndex)" :true-value="1" :false-value="0" :label="'鏄惁璁″垎'"/>
+ </div>
+
+ <!-- </el-radio-group> -->
+
+ <div class="mt10">
+ <el-button type="primary" plain @click="addOptions(index, item.questionName)">娣诲姞閫夐」</el-button>
+ </div>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </div>
+ <div class="add-button" @click="addContent">娣诲姞鎵ф硶椤�</div>
+ </el-form>
+ <div class="center mt20">
+ <el-button @click="save" type="primary" style="width: 100%;padding: 20px 0">淇濆瓨鍐呭</el-button>
+ </div>
+ </div>
</div>
-</template>
\ No newline at end of file
+</template>
+
+<script lang="ts" setup>
+import { listEvaluate, saveEvaluate } from '@/api/system/company/company'
+import { ElMessage} from 'element-plus'
+const tableData = ref([])
+const addNewRef = ref()
+const form: any = ref({
+ questionList: []
+})
+const rules = ref({
+ questionName: [
+ {
+ required: true,
+ message: '璇疯緭鍏ラ棶棰�',
+ trigger: 'blur'
+ }
+ ]
+})
+function getListEvaluate() {
+ listEvaluate().then((val) => {
+ tableData.value = val.data.questionList
+ })
+}
+function addContent() {
+ form.value.questionList.push({
+ questionStatus: 0,
+ questionType: '2',
+ answerList: []
+ })
+}
+function addOptions(index: number, name){
+ form.value.questionList[index].answerList.push({
+ questionName: name
+ })
+}
+function save() {
+ saveEvaluate({questionList: form.value.questionList}).then(val => {
+ ElMessage.success('淇濆瓨鎴愬姛')
+ })
+}
+function changeValue(event, index, childIndex) {
+ // form.value.questionList[index].isScore = event.target.
+ form.value.questionList[index].answerList.forEach((item: { isScore: number }) => {
+ item.isScore = 0
+ })
+ form.value.questionList[index].answerList[childIndex].isScore = 1
+}
+getListEvaluate()
+</script>
+
+<style scoped lang="scss">
+.form-content {
+ width: 80%;
+}
+
+.border {
+ border: 1px solid #e2e2e2;
+ margin-bottom: 10px;
+ padding: 30px;
+ position: relative;
+}
+.close-icon {
+ position: absolute;
+ right: 10px;
+ top: 10px;
+ cursor: pointer;
+}
+
+.add-button {
+ text-align: center;
+ border: 1px dotted #979797;
+ line-height: 40px;
+ cursor: pointer;
+ border-radius: 5px;
+}
+.set-flex{
+ display: flex;
+ justify-content: flex-start;
+ margin-top: 10px
+}
+.center{
+ text-align: center;
+}
+</style>
diff --git a/src/views/infomanger/companymanger/index.vue b/src/views/infomanger/companymanger/index.vue
index dcf38c6..515867e 100644
--- a/src/views/infomanger/companymanger/index.vue
+++ b/src/views/infomanger/companymanger/index.vue
@@ -1,17 +1,17 @@
<template>
<div class="app-container">
- <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="80px">
+ <el-form :model="queryParams" ref="queryRef" class="evenly-distributed-labels" :inline="true" v-show="showSearch" label-width="80px" label-position="left">
<el-form-item label="浼佷笟鍚嶇О" prop="companyName">
<el-input v-model="queryParams.companyName" placeholder="璇疯緭鍏ヤ紒涓氬悕绉�" clearable style="width: 200px" @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="浼佷笟缂栧彿" prop="companyCode">
<el-input v-model="queryParams.companyCode" placeholder="璇疯緭鍏ヤ紒涓氱紪鍙�" clearable style="width: 200px" @keyup.enter="handleQuery" />
</el-form-item>
- <el-form-item label="浼佷笟绫诲瀷" prop="status">
+ <!-- <el-form-item label="浼佷笟绫诲瀷" prop="status">
<el-select v-model="queryParams.status" placeholder="浼佷笟绫诲瀷" clearable style="width: 200px">
<el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
</el-select>
- </el-form-item>
+ </el-form-item> -->
<el-form-item label="鑱旂郴浜�" prop="companyUser">
<el-input v-model="queryParams.companyUser" placeholder="璇疯緭鍏ヨ仈绯讳汉" clearable style="width: 200px" @keyup.enter="handleQuery" />
</el-form-item>
@@ -39,7 +39,7 @@
<el-button type="primary" plain icon="Plus" @click="handleAdd()" v-hasPermi="['system:dept:add']">鏂板</el-button>
</el-col>
<el-col :span="1.5">
- <el-button type="primary" plain icon="Plus" @click="exportExcel" v-hasPermi="['system:dept:add']">瀵煎叆</el-button>
+ <el-button type="primary" plain icon="Download" @click="exportExcel" v-hasPermi="['system:dept:add']">瀵煎叆</el-button>
</el-col>
<!-- <el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="exportRecordComOpen" v-hasPermi="['system:dept:add']">瀵煎叆璁板綍</el-button>
@@ -79,13 +79,13 @@
</el-table-column>
<el-table-column label="鎿嶄綔" align="center" fixed="right" class-name="small-padding fixed-width" width="240">
<template #default="scope">
- <el-link type="primary" v-if="scope.row.checkStatus < 2" v-hasPermi="['sys:company:check']" @click="checkJudge(scope.row)">瀹℃牳</el-link>
+ <el-link type="success" v-if="scope.row.checkStatus < 2" v-hasPermi="['sys:company:check']" @click="checkJudge(scope.row)">瀹℃牳</el-link>
<el-divider direction="vertical" v-hasPermi="['sys:company:check']" v-if="scope.row.checkStatus < 2"/>
- <el-link type="primary" v-if="scope.row.checkStatus == 2" @click="createQrcodeHandler(scope.row)">浜岀淮鐮�</el-link>
- <el-divider direction="vertical" />
+ <el-link type="info" v-if="scope.row.checkStatus == 2" @click="createQrcodeHandler(scope.row)">浜岀淮鐮�</el-link>
+ <el-divider direction="vertical" v-if="scope.row.checkStatus == 2"/>
<el-link type="primary" @click="handleAdd(scope.row)">缂栬緫</el-link>
<el-divider direction="vertical" />
- <el-link type="primary" @click="handleDelete(scope.row)">鍒犻櫎</el-link>
+ <el-link type="error" @click="handleDelete(scope.row)">鍒犻櫎</el-link>
</template>
</el-table-column>
</el-table>
@@ -114,7 +114,7 @@
<el-input placeholder="璇疯緭鍏ヤ紒涓氬湴鍧�" v-model="form.companyAddress"></el-input>
</el-form-item>
<el-form-item label="鐘舵��">
- <el-switch v-model="form.companyStatus" :active-value="1" :inactive-value="0"></el-switch>
+ <el-switch v-model="form.companyStatus" :active-value="0" :inactive-value="1"></el-switch>
</el-form-item>
<el-form-item label="澶囨敞">
<el-input placeholder="璇疯緭鍏ュ娉�" v-model="form.remark"></el-input>
@@ -139,7 +139,7 @@
import exportRecord from './components/exportRecord'
import createQrcode from './components/createQrcode'
import judgeCom from './components/judge'
-import { listCompany,addCompany, updateCompany, delCompany } from "@/api/system/company/company";
+import { listCompany,addCompany, updStatus, delCompany } from "@/api/system/company/company";
import exportExcelCom from './components/export'
import { computed } from "vue";
import { judgeStatus, companyStatus, scopeList } from '@/utils/mapList/index.ts'
@@ -182,11 +182,11 @@
companyStatus: [
{
label: '姝ｅ父',
- value: 1
+ value: 0
},
{
label: '绂佺敤',
- value: 0
+ value: 1
},
],
socreList: [
@@ -275,7 +275,9 @@
form.value = row
title.value = "缂栬緫浼佷笟";
} else {
- form.value = {}
+ form.value = {
+ companyStatus: 0
+ }
title.value = "娣诲姞浼佷笟";
}
open.value = true;
@@ -319,7 +321,7 @@
if(loading.value){
return
}
- updateCompany(row).then(val => {
+ updStatus(row).then(val => {
proxy.$modal.msgSuccess("淇敼鎴愬姛");
getList();
})
@@ -344,3 +346,19 @@
}
getList();
</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>
diff --git a/src/views/infomanger/complating/index.vue b/src/views/infomanger/complating/index.vue
new file mode 100644
index 0000000..276397a
--- /dev/null
+++ b/src/views/infomanger/complating/index.vue
@@ -0,0 +1,68 @@
+<template>
+ <div class="app-container">
+ <el-form inline 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>
+ <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>
+ </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
diff --git a/src/views/infomanger/enforcement/index.vue b/src/views/infomanger/enforcement/index.vue
new file mode 100644
index 0000000..98136e1
--- /dev/null
+++ b/src/views/infomanger/enforcement/index.vue
@@ -0,0 +1,80 @@
+<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
diff --git a/src/views/infomanger/policy/components/addNews.vue b/src/views/infomanger/policy/components/addNews.vue
index d7953f5..55d76ea 100644
--- a/src/views/infomanger/policy/components/addNews.vue
+++ b/src/views/infomanger/policy/components/addNews.vue
@@ -2,28 +2,30 @@
<template>
<el-dialog title="鎯犱紒鏀跨瓥" v-model="dialogVisible" width="900px" append-to-body @close="closeDialog">
<div style="padding: 0 20px;">
- <el-form :mode="form" :rules="rules">
- <el-form-item label="鏀跨瓥绫诲瀷" prop="docType">
- <el-select v-model="form.docType" placeholder="璇烽�夋嫨" style="width: 200px">
- <el-option v-for="(item,index) in policyList" :label="item.label" :value="item.value"></el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="鏀跨瓥鍚嶇О" prop="docTitle">
- <el-input v-model="form.docTitle" placeholder="璇疯緭鍏ユ斂绛栧悕绉�"></el-input>
- </el-form-item>
- <el-form-item label="鏀跨瓥鍐呭" prop="docContent">
- <div><editPolicy v-model="form.docContent"></editPolicy></div>
- </el-form-item>
- <el-form-item label="鐘舵��" >
- <el-switch v-model="form.docStatus" :active-value="0" :inactive-value="1"></el-switch>
- </el-form-item>
- </el-form>
+ <el-form :model="form" :rules="rules" ref="form" label-width="80px">
+ <el-form-item label="鏀跨瓥绫诲瀷" prop="docType">
+ <el-select v-model="form.docType" placeholder="璇烽�夋嫨" style="width: 200px">
+ <el-option v-for="(item, index) in policyList" :label="item.label" :value="item.value"></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鏀跨瓥鍚嶇О" prop="docTitle">
+ <el-input v-model="form.docTitle" placeholder="璇疯緭鍏ユ斂绛栧悕绉�"></el-input>
+ </el-form-item>
+ <el-form-item label="鏀跨瓥鍐呭" prop="docContent">
+ <div>
+ <editPolicy v-model="form.docContent"></editPolicy>
+ </div>
+ </el-form-item>
+ <el-form-item label="鐘舵��">
+ <el-switch v-model="form.docStatus" :active-value="0" :inactive-value="1"></el-switch>
+ </el-form-item>
+ </el-form>
</div>
<template v-slot:footer>
- <el-button type="primary" @click="addDoc">纭</el-button>
+ <el-button type="primary" @click="addDocHandler">纭</el-button>
<el-button @click="closeDialog">鍙栨秷</el-button>
</template>
-</el-dialog>
+ </el-dialog>
</template>
<script>
@@ -48,11 +50,18 @@
docStatus: 0
},
rules: {
- docType:[{
+ docType: [{
required: true,
message: '璇疯緭鍏ユ斂绛栧悕绉�',
trigger: 'blur'
}],
+ docTitle: [
+ {
+ required: true,
+ message: '璇疯緭鍏ユ斂绛栧悕绉�',
+ trigger: 'blur'
+ }
+ ],
docName: [
{
required: true,
@@ -75,7 +84,7 @@
this.dialogVisible = false
},
openDialog(row) {
- if(row) {
+ if (row) {
this.form = row
this.form.docContent = decodeURIComponent(row.docContent)
} else {
@@ -85,21 +94,31 @@
}
this.dialogVisible = true
},
- addDoc() {
- this.form.docContent = encodeURIComponent(this.form.docContent)
- if(this.form.docId) {
- updDoc(this.form).then(val => {
- this.$message.success('娣诲姞鎴愬姛')
- this.closeDialog()
- this.$emit('upload')
+ addDocHandler() {
+ this.$refs.form.validate((valid) => {
+ if (valid) {
+ const form = JSON.parse(JSON.stringify(this.form))
+ form.docContent = encodeURIComponent(this.form.docContent)
+ if (form.docId) {
+ updDoc(form).then(val => {
+ this.$message.success('娣诲姞鎴愬姛')
+ this.closeDialog()
+ this.$emit('upload')
+ }).catch(err => {
+ console.log(err)
+ })
+ } else {
+ addDoc(form).then(val => {
+ this.$message.success('娣诲姞鎴愬姛')
+ this.closeDialog()
+ this.$emit('upload')
+ }).catch(err => {
+ console.log(err.message)
+ })
+ }
+ }
})
- } else {
- addDoc(this.form).then(val => {
- this.$message.success('娣诲姞鎴愬姛')
- this.closeDialog()
- this.$emit('upload')
- })
- }
+
}
}
}
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