From 2a39af937f29471dab27b152dfae2b1fc28b32d6 Mon Sep 17 00:00:00 2001
From: WXL <1785969728@qq.com>
Date: 星期五, 01 十一月 2024 18:45:29 +0800
Subject: [PATCH] 测试完成
---
src/views/system/notice/index.vue | 185 +++++++++++++++++++++++++++++++++------------
1 files changed, 135 insertions(+), 50 deletions(-)
diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
index 7982b54..6881881 100644
--- a/src/views/system/notice/index.vue
+++ b/src/views/system/notice/index.vue
@@ -1,6 +1,13 @@
<template>
<div class="app-container">
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+ <el-form
+ :model="queryParams"
+ ref="queryForm"
+ size="small"
+ :inline="true"
+ v-show="showSearch"
+ label-width="68px"
+ >
<el-form-item label="鍏憡鏍囬" prop="noticeTitle">
<el-input
v-model="queryParams.noticeTitle"
@@ -18,7 +25,11 @@
/>
</el-form-item>
<el-form-item label="绫诲瀷" prop="noticeType">
- <el-select v-model="queryParams.noticeType" placeholder="鍏憡绫诲瀷" clearable>
+ <el-select
+ v-model="queryParams.noticeType"
+ placeholder="鍏憡绫诲瀷"
+ clearable
+ >
<el-option
v-for="dict in dict.type.sys_notice_type"
:key="dict.value"
@@ -27,9 +38,27 @@
/>
</el-select>
</el-form-item>
+ <el-form-item label="鍙戦�佹椂闂�" prop="createBy">
+ <el-date-picker
+ v-model="queryParams.timeofdeparture"
+ type="daterange"
+ range-separator="鑷�"
+ start-placeholder="寮�濮嬫棩鏈�"
+ end-placeholder="缁撴潫鏃ユ湡"
+ >
+ </el-date-picker>
+ </el-form-item>
<el-form-item>
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+ <el-button
+ type="primary"
+ icon="el-icon-search"
+ size="mini"
+ @click="handleQuery"
+ >鎼滅储</el-button
+ >
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+ >閲嶇疆</el-button
+ >
</el-form-item>
</el-form>
@@ -42,7 +71,8 @@
size="mini"
@click="handleAdd"
v-hasPermi="['system:notice:add']"
- >鏂板</el-button>
+ >鏂板</el-button
+ >
</el-col>
<el-col :span="1.5">
<el-button
@@ -53,7 +83,8 @@
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:notice:edit']"
- >淇敼</el-button>
+ >淇敼</el-button
+ >
</el-col>
<el-col :span="1.5">
<el-button
@@ -64,37 +95,75 @@
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:notice:remove']"
- >鍒犻櫎</el-button>
+ >鍒犻櫎</el-button
+ >
</el-col>
- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+ <right-toolbar
+ :showSearch.sync="showSearch"
+ @queryTable="getList"
+ ></right-toolbar>
</el-row>
- <el-table v-loading="loading" :data="noticeList" @selection-change="handleSelectionChange">
+ <el-table
+ v-loading="loading"
+ :data="noticeList"
+ @selection-change="handleSelectionChange"
+ >
<el-table-column type="selection" width="55" align="center" />
- <el-table-column label="搴忓彿" align="center" prop="noticeId" width="100" />
+ <el-table-column
+ label="搴忓彿"
+ align="center"
+ prop="noticeId"
+ width="100"
+ />
<el-table-column
label="鍏憡鏍囬"
align="center"
prop="noticeTitle"
:show-overflow-tooltip="true"
/>
- <el-table-column label="鍏憡绫诲瀷" align="center" prop="noticeType" width="100">
+ <el-table-column
+ label="鍏憡绫诲瀷"
+ align="center"
+ prop="noticeType"
+ width="100"
+ >
<template slot-scope="scope">
- <dict-tag :options="dict.type.sys_notice_type" :value="scope.row.noticeType"/>
+ <dict-tag
+ :options="dict.type.sys_notice_type"
+ :value="scope.row.noticeType"
+ />
</template>
</el-table-column>
<el-table-column label="鐘舵��" align="center" prop="status" width="100">
<template slot-scope="scope">
- <dict-tag :options="dict.type.sys_notice_status" :value="scope.row.status"/>
+ <dict-tag
+ :options="dict.type.sys_notice_status"
+ :value="scope.row.status"
+ />
</template>
</el-table-column>
- <el-table-column label="鍒涘缓鑰�" align="center" prop="createBy" width="100" />
- <el-table-column label="鍒涘缓鏃堕棿" align="center" prop="createTime" width="100">
+ <el-table-column
+ label="鍒涘缓鑰�"
+ align="center"
+ prop="createBy"
+ width="100"
+ />
+ <el-table-column
+ label="鍒涘缓鏃堕棿"
+ align="center"
+ prop="createTime"
+ width="100"
+ >
<template slot-scope="scope">
- <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
+ <span>{{ parseTime(scope.row.createTime, "{y}-{m}-{d}") }}</span>
</template>
</el-table-column>
- <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+ <el-table-column
+ label="鎿嶄綔"
+ align="center"
+ class-name="small-padding fixed-width"
+ >
<template slot-scope="scope">
<el-button
size="mini"
@@ -102,20 +171,22 @@
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:notice:edit']"
- >淇敼</el-button>
+ >淇敼</el-button
+ >
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:notice:remove']"
- >鍒犻櫎</el-button>
+ >鍒犻櫎</el-button
+ >
</template>
</el-table-column>
</el-table>
<pagination
- v-show="total>0"
+ v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@@ -128,7 +199,10 @@
<el-row>
<el-col :span="12">
<el-form-item label="鍏憡鏍囬" prop="noticeTitle">
- <el-input v-model="form.noticeTitle" placeholder="璇疯緭鍏ュ叕鍛婃爣棰�" />
+ <el-input
+ v-model="form.noticeTitle"
+ placeholder="璇疯緭鍏ュ叕鍛婃爣棰�"
+ />
</el-form-item>
</el-col>
<el-col :span="12">
@@ -150,13 +224,14 @@
v-for="dict in dict.type.sys_notice_status"
:key="dict.value"
:label="dict.value"
- >{{dict.label}}</el-radio>
+ >{{ dict.label }}</el-radio
+ >
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="鍐呭">
- <editor v-model="form.noticeContent" :min-height="192"/>
+ <editor v-model="form.noticeContent" :min-height="192" />
</el-form-item>
</el-col>
</el-row>
@@ -170,11 +245,17 @@
</template>
<script>
-import { listNotice, getNotice, delNotice, addNotice, updateNotice } from "@/api/system/notice";
+import {
+ listNotice,
+ getNotice,
+ delNotice,
+ addNotice,
+ updateNotice,
+} from "@/api/system/notice";
export default {
name: "Notice",
- dicts: ['sys_notice_status', 'sys_notice_type'],
+ dicts: ["sys_notice_status", "sys_notice_type"],
data() {
return {
// 閬僵灞�
@@ -201,19 +282,19 @@
pageSize: 10,
noticeTitle: undefined,
createBy: undefined,
- status: undefined
+ status: undefined,
},
// 琛ㄥ崟鍙傛暟
form: {},
// 琛ㄥ崟鏍￠獙
rules: {
noticeTitle: [
- { required: true, message: "鍏憡鏍囬涓嶈兘涓虹┖", trigger: "blur" }
+ { required: true, message: "鍏憡鏍囬涓嶈兘涓虹┖", trigger: "blur" },
],
noticeType: [
- { required: true, message: "鍏憡绫诲瀷涓嶈兘涓虹┖", trigger: "change" }
- ]
- }
+ { required: true, message: "鍏憡绫诲瀷涓嶈兘涓虹┖", trigger: "change" },
+ ],
+ },
};
},
created() {
@@ -223,7 +304,7 @@
/** 鏌ヨ鍏憡鍒楄〃 */
getList() {
this.loading = true;
- listNotice(this.queryParams).then(response => {
+ listNotice(this.queryParams).then((response) => {
this.noticeList = response.rows;
this.total = response.total;
this.loading = false;
@@ -241,7 +322,7 @@
noticeTitle: undefined,
noticeType: undefined,
noticeContent: undefined,
- status: "0"
+ status: "0",
};
this.resetForm("form");
},
@@ -257,9 +338,9 @@
},
// 澶氶�夋閫変腑鏁版嵁
handleSelectionChange(selection) {
- this.ids = selection.map(item => item.noticeId)
- this.single = selection.length!=1
- this.multiple = !selection.length
+ this.ids = selection.map((item) => item.noticeId);
+ this.single = selection.length != 1;
+ this.multiple = !selection.length;
},
/** 鏂板鎸夐挳鎿嶄綔 */
handleAdd() {
@@ -270,25 +351,25 @@
/** 淇敼鎸夐挳鎿嶄綔 */
handleUpdate(row) {
this.reset();
- const noticeId = row.noticeId || this.ids
- getNotice(noticeId).then(response => {
+ const noticeId = row.noticeId || this.ids;
+ getNotice(noticeId).then((response) => {
this.form = response.data;
this.open = true;
this.title = "淇敼鍏憡";
});
},
/** 鎻愪氦鎸夐挳 */
- submitForm: function() {
- this.$refs["form"].validate(valid => {
+ submitForm: function () {
+ this.$refs["form"].validate((valid) => {
if (valid) {
if (this.form.noticeId != undefined) {
- updateNotice(this.form).then(response => {
+ updateNotice(this.form).then((response) => {
this.$modal.msgSuccess("淇敼鎴愬姛");
this.open = false;
this.getList();
});
} else {
- addNotice(this.form).then(response => {
+ addNotice(this.form).then((response) => {
this.$modal.msgSuccess("鏂板鎴愬姛");
this.open = false;
this.getList();
@@ -299,14 +380,18 @@
},
/** 鍒犻櫎鎸夐挳鎿嶄綔 */
handleDelete(row) {
- const noticeIds = row.noticeId || this.ids
- this.$modal.confirm('鏄惁纭鍒犻櫎鍏憡缂栧彿涓�"' + noticeIds + '"鐨勬暟鎹」锛�').then(function() {
- return delNotice(noticeIds);
- }).then(() => {
- this.getList();
- this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
- }).catch(() => {});
- }
- }
+ const noticeIds = row.noticeId || this.ids;
+ this.$modal
+ .confirm('鏄惁纭鍒犻櫎鍏憡缂栧彿涓�"' + noticeIds + '"鐨勬暟鎹」锛�')
+ .then(function () {
+ return delNotice(noticeIds);
+ })
+ .then(() => {
+ this.getList();
+ this.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ })
+ .catch(() => {});
+ },
+ },
};
</script>
--
Gitblit v1.9.3