From cb4c19ae0305d90f64df67f3c42bdce420cebc05 Mon Sep 17 00:00:00 2001
From: guoxing <1369478551@qq.com>
Date: Tue, 30 Jan 2024 16:25:14 +0800
Subject: [PATCH] 1111111

---
 src/api/appletNotice/appletNotice.js       |  40 +++
 src/layout/components/Sidebar/index.vue    |  13 +-
 src/router/index.js                        |  14 ++
 src/views/appletNotice/appletNoticeAdd.vue | 226 +++++++++++++++++
 src/views/appletNotice/index.vue           | 271 +++++++++++++++++++++
 5 files changed, 563 insertions(+), 1 deletion(-)
 create mode 100644 src/api/appletNotice/appletNotice.js
 create mode 100644 src/views/appletNotice/appletNoticeAdd.vue
 create mode 100644 src/views/appletNotice/index.vue

diff --git a/src/api/appletNotice/appletNotice.js b/src/api/appletNotice/appletNotice.js
new file mode 100644
index 0000000..34d37f6
--- /dev/null
+++ b/src/api/appletNotice/appletNotice.js
@@ -0,0 +1,40 @@
+import request from '@/utils/request'
+
+export default {
+	
+	// 查询分页列表
+	listPage: function(params) {
+	  return request({
+	    url: '/appletnotice/pageList',
+	    method: 'post',
+	    data: params,
+	  })
+	},
+	
+	// 新增、保存
+	saveNotice: function(data) {
+		return request({
+			url: '/appletnotice/saveOrUpdate',
+			method: 'post',
+			data: data
+		});
+	},
+	
+	// 初始化
+	noticeInit: function(data) {
+		return request({
+			url: '/appletnotice/noticeInit/'+data,
+			method: 'get'
+		});
+	},
+	
+	
+	// 修改是否可见
+	updateAppletUseTo: function(sid,isEnable) {
+		return request({
+			url: '/appletnotice/isDisplayed/'+sid+"/"+isEnable
+		});
+	},
+	
+	
+}
\ No newline at end of file
diff --git a/src/layout/components/Sidebar/index.vue b/src/layout/components/Sidebar/index.vue
index fb810ff..d7f22b4 100644
--- a/src/layout/components/Sidebar/index.vue
+++ b/src/layout/components/Sidebar/index.vue
@@ -421,7 +421,18 @@
 							}
 
 						]
-					}
+					},
+					{
+						alwaysShow: true,
+						component: 'appletNotice',
+						meta: {
+							icon: 'el-icon-menu',
+							title: '小程序通告'
+						},
+						name: '/appletNotice/index',
+						path: '/appletNotice/index'
+					},
+					
 
 				]
 			}
diff --git a/src/router/index.js b/src/router/index.js
index 29647c9..8755ae9 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -473,6 +473,20 @@ export const constantRoutes = [{
 			}
 		}, ]
 	},
+	{
+		path: '/appletNotice',
+		component: Layout,
+		redirect: '/appletNotice/index',
+		children: [{
+			path: '/appletNotice/index',
+			component: () =>
+				import('@/views/appletNotice/index.vue'),
+			name: 'index',
+			meta: {
+				title: '小程序通告'
+			}
+		}, ]
+	},
 
 
 	...codemenu,
diff --git a/src/views/appletNotice/appletNoticeAdd.vue b/src/views/appletNotice/appletNoticeAdd.vue
new file mode 100644
index 0000000..2469d5b
--- /dev/null
+++ b/src/views/appletNotice/appletNoticeAdd.vue
@@ -0,0 +1,226 @@
+<template>
+	<div>
+
+		<div class="tab-header webtop">
+			<!-- 标题 -->
+			<div>通告信息</div>
+			<!-- start 添加修改按钮 -->
+			<div>
+				<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
+				<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+			</div>
+			<!-- end 添加修改按钮 -->
+			<!-- end 详情按钮 -->
+		</div>
+
+		<div class="listconadd">
+
+			<el-card class="box-card">
+
+				<div class="item">
+					<span class="item_text">标题：</span>
+					<el-input v-model="formobj.title" placeholder="" class="item_input" clearable />
+				</div>
+
+				<div class="item">
+					<span class="item_text">发布人：</span>
+					<el-input v-model="formobj.publisher" placeholder="" class="item_input" clearable />
+				</div>
+				<div class="item">
+					<span class="item_text">发布日期：</span>
+					<el-date-picker v-model="formobj.releaseTime" type="date" class="item_input"
+						value-format="yyyy-MM-dd" placeholder="选择日期">
+					</el-date-picker>
+				</div>
+				<div class="item">
+					<span class="item_text">时效开始日期：</span>
+					<el-date-picker v-model="formobj.startDate" type="date" class="item_input" value-format="yyyy-MM-dd"
+						placeholder="选择日期">
+					</el-date-picker>
+				</div>
+				<div class="item">
+					<span class="item_text">时效结束日期：</span>
+					<el-date-picker v-model="formobj.endDate" type="date" class="item_input" value-format="yyyy-MM-dd"
+						placeholder="选择日期">
+					</el-date-picker>
+				</div>
+
+			<!-- 	<div class="item2">
+					<span class="item_text">内容：</span>
+					<el-input v-model="formobj.content" type="textarea" :rows="6" placeholder="商品简介" class="item_input"
+						clearable />
+
+				</div> -->
+
+				<div class="item2">
+					<span class="item_text">通告内容：</span>
+					<editor class="item_input" :height="300" :min-height="100" :value="formobj.content" @input="editinput" />
+				</div>
+
+
+			</el-card>
+
+		</div>
+
+	</div>
+</template>
+
+<script>
+	import req from '@/api/appletNotice/appletNotice.js'
+	import Editor from '@/components/Editor'
+
+	export default {
+		components: {
+			Editor
+		},
+		data() {
+			return {
+				submitdisabled: false,
+				formobj: {
+					sid: '',
+					title: '',
+					publisher: '',
+					releaseTime: '',
+					startDate: '',
+					endDate: '',
+					content: ''
+				},
+			}
+		},
+		methods: {
+			editinput(text) {
+				this.formobj.content = text
+			},
+			saveOrUpdate() {
+				console.log('>>>>>>>>>saveOrUpdate', this.formobj)
+				req.saveNotice(this.formobj)
+					.then(resp => {
+						if (resp.success) {
+							this.$message({
+								showClose: true,
+								type: 'success',
+								message: resp.msg
+							})
+							this.handleReturn('true')
+						} else {
+							// 根据resp.code进行异常情况处理
+						}
+					})
+					.catch(() => {})
+			},
+			handleReturn(isreload) {
+				if (isreload === 'true') this.$emit('reloadlist')
+				this.formobj = {
+					sid: '',
+					title: '',
+					publisher: '',
+					releaseTime: '',
+					startDate: '',
+					endDate: '',
+					content: ''
+				}
+				this.$emit('doback')
+			},
+			showAdd() {},
+			showEdit(row) {
+				req.noticeInit(row.sid)
+					.then(resp => {
+						if (resp.success) {
+							this.formobj = resp.data
+
+						}
+					})
+					.catch(e => {
+						this.formobj = row
+					})
+			},
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	// 隐藏上传组件
+
+	.box-card {
+		margin-left: 60px;
+		margin-right: 60px;
+		min-width: 70%;
+		margin-top: 20px;
+		height: auto;
+
+		.item {
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			margin-top: 15px;
+			height: 40px;
+			line-height: 40px;
+
+			.item_text {
+				flex: 0.8;
+				font-size: 18px;
+				text-align: right;
+			}
+
+			.item_input {
+				flex: 4;
+				font-size: 16px;
+				margin-left: 10px;
+				margin-right: 80px;
+			}
+
+			.item_left_input {
+				width: 20%;
+			}
+
+			.item_left_text {
+				height: 30px;
+				margin-left: 20px;
+				line-height: 30px;
+				color: #018AD2;
+				padding: 0px 15px;
+				border: 1.5px solid #018AD2;
+				border-radius: 5px;
+
+			}
+
+			.item_right {
+				flex: 1;
+				justify-items: center;
+
+				.item_right_list_text {
+					font-size: 16px;
+				}
+
+				.item_right_list_delect {
+					color: #5E94FF;
+					margin-left: 20px;
+					font-size: 16px;
+					text-decoration: underline;
+				}
+			}
+
+		}
+
+		.item2 {
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			margin-top: 15px;
+
+			.item_text {
+				flex: 0.8;
+				font-size: 18px;
+				text-align: right;
+			}
+
+			.item_input {
+				flex: 4;
+				font-size: 16px;
+				margin-left: 10px;
+				margin-right: 80px;
+			}
+
+		}
+
+	}
+</style>
\ No newline at end of file
diff --git a/src/views/appletNotice/index.vue b/src/views/appletNotice/index.vue
new file mode 100644
index 0000000..b16b7f5
--- /dev/null
+++ b/src/views/appletNotice/index.vue
@@ -0,0 +1,271 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <button-bar ref="btnbar" view-title="通告列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">
+            {{ searchxianshitit }}
+          </el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form :inline="true" class="tab-header">
+              <el-form-item label="通告标题">
+                <el-input v-model="queryParams.params.name" placeholder="" clearable />
+              </el-form-item>
+
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button
+                type="primary"
+                size="small"
+                icon="el-icon-search"
+                @click="dosearch"
+              >查询</el-button>
+              <el-button
+                type="primary"
+                size="small"
+                icon="el-icon-refresh"
+                @click="resetQuery"
+              >重置</el-button>
+            </div>
+          </div>
+        </div>
+        <!-- Start 项目列表头部 -->
+        <div class="listtop">
+          <div class="tit">通告列表</div>
+        </div>
+        <!-- End 项目列表头部 -->
+        <!-- Start 项目列表 -->
+        <div class="">
+          <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
+            <!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
+            <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
+            <el-table-column label="操作" align="center" width="180">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="toRelevancy(scope.row)">编辑</el-button>
+                <!-- <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button> -->
+              </template>
+            </el-table-column>
+           <el-table-column label="是否可见" align="center" width="140">
+              <template slot-scope="scope">
+                <el-switch
+                  v-model="scope.row.isShow"
+                  active-text="是"
+                  inactive-text="否"
+                  active-value="1"
+                  inactive-value="2"
+                  @change="enableChange2(scope.row.sid,scope.row.isShow)"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column prop="title" label="标题" align="center" />
+			 <el-table-column prop="publisher" label="发布人" align="center" />
+            <el-table-column prop="releaseTime" label="发布日期" align="center" />
+			<el-table-column prop="startDate" label="开始日期" align="center" />
+			<el-table-column prop="endDate" label="结束日期" align="center" />
+           
+          </el-table>
+        </div>
+        <!-- End 项目列表 -->
+        <div class="pages">
+          <div class="tit" />
+          <!--  翻页  -->
+          <pagination
+            v-show="dataList.length > 0"
+            :total="queryParams.total"
+            :page.sync="queryParams.current"
+            :limit.sync="queryParams.size"
+            class="pagination"
+            @pagination="loadList"
+          />
+        </div>
+      </div>
+    </div>
+    <!-- End 查询和其列表部分 -->
+    <!-- 新增修改部分组件 -->
+    <divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
+  </div>
+</template>
+
+<script>
+	import req from '@/api/appletNotice/appletNotice.js'
+	import ButtonBar from '@/components/ButtonBar'
+	import Pagination from '@/components/pagination'
+	import pageye from '@/components/pagination/pageye'
+	import divAdd from './appletNoticeAdd.vue'
+	export default {
+		name: 'SupplierBankInfoIndex',
+		components: {
+			ButtonBar,
+			Pagination,
+			pageye,
+			divAdd
+		},
+		data() {
+			return {
+				btndisabled: false,
+				viewState: 1, // 1、列表 2、添加 3、修改 4、查看
+				isSearchShow: false,
+				searchxianshitit: '显示查询条件',
+				tableLoading: false,
+				dataList: [],
+				btnList: [{
+						type: 'primary',
+						size: 'small',
+						icon: 'plus',
+						btnKey: 'toAdd',
+						btnLabel: '新增'
+					},
+					{
+						type: 'info',
+						size: 'small',
+						icon: 'cross',
+						btnKey: 'doClose',
+						btnLabel: '关闭'
+					}
+				],
+				queryParams: {
+					current: 1,
+					size: 10,
+					total: 0,
+					params: {
+						name: ''
+					}
+				},
+				sids: []
+			}
+		},
+		mounted() {
+			this.$refs['btnbar'].setButtonList(this.btnList)
+		},
+		created() {
+			this.loadList()
+		},
+		methods: {
+			// 搜索条件效果
+			clicksearchShow() {
+				this.isSearchShow = !this.isSearchShow
+				if (this.isSearchShow) {
+					this.searchxianshitit = '隐藏查询条件'
+				} else {
+					this.searchxianshitit = '显示查询条件'
+				}
+			},
+			btnHandle(btnKey) {
+				switch (btnKey) {
+					case 'toAdd':
+						this.toAdd()
+						break
+					case 'doClose':
+						this.doClose()
+						break
+					default:
+						break
+				}
+			},
+			loadList() {
+				this.tableLoading = true
+				req.listPage(this.queryParams).then((resp) => {
+					this.tableLoading = false
+					if (resp.success) {
+						const data = resp.data
+						this.queryParams.total = data.total
+						this.dataList = data.records
+					} else {
+						// 根据resp.code进行异常情况处理
+						this.dataList = []
+						this.queryParams.total = 0
+					}
+				}).catch(() => {
+					this.tableLoading = false
+				})
+			},
+
+			// 序号
+			indexMethod(index) {
+				var pagestart = (this.queryParams.current - 1) * this.queryParams.size
+				var pageindex = index + 1 + pagestart
+				return pageindex
+			},
+			dosearch() {
+				this.queryParams.current = 1
+				this.loadList()
+			},
+			resetQuery() {
+				this.queryParams = {
+					current: 1,
+					size: 10,
+					total: 0,
+					params: {
+						name: ''
+					}
+				}
+				this.loadList()
+			},
+			toAdd() {
+				this.viewState = 2
+				this.$refs['divadd'].showAdd()
+			},
+
+	doClose() {
+			  this.$store.dispatch('tagsView/delView', this.$route)
+			  this.$router.go(-1)
+			},
+			toRelevancy(row) {
+				this.viewState = 3
+				this.$refs['divadd'].showEdit(row)
+			},
+			toRelevancyInfo(row) {
+				const tip = '请确认是否删除所选商品?'
+				this.$confirm(tip, '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					const loading = this.$loading({
+						lock: true,
+						text: 'Loading',
+						spinner: 'el-icon-loading',
+						background: 'rgba(0, 0, 0, 0.7)'
+					})
+					req.deleteGoods(row.sid).then((resp) => {
+						loading.close()
+						if (resp.success) {
+							this.$message({
+								type: 'success',
+								message: resp.msg,
+								showClose: true
+							})
+							this.loadList()
+						} else {
+							// 根据resp.code进行异常情况处理
+						}
+					}).catch(e => {
+						loading.close()
+					})
+				}).catch(() => {})
+			},
+			resetState() {
+				this.viewState = 1
+			},
+			enableChange2(sid, state) {
+				console.log('sid', sid)
+				console.log('state', state)
+				req.updateAppletUseTo(sid, state).then((resp) => {
+					if (resp.success) {
+						this.$message({
+							type: 'success',
+							message: '状态已更新',
+							showClose: true
+						})
+					} else { // 根据resp.code进行异常情况处理
+					}
+				}).catch(e => {
+					console.log(e)
+				})
+			}
+		}
+	}
+</script>
+<style scoped>
+</style>