From 8c81312cc08f3a5acddc4e1ec52f1ce3c8d099da Mon Sep 17 00:00:00 2001
From: lideqin <694785430@qq.com>
Date: Tue, 18 Jul 2023 16:49:19 +0800
Subject: [PATCH] =?UTF-8?q?[update]=20=E6=B7=BB=E5=8A=A0=E5=85=AC=E5=91=8A?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/imgs/icon/icon_notice.png          | Bin 0 -> 7657 bytes
 src/views/modules/notice/SysNoticeList.vue    | 144 ++++++++++++++++++
 .../modules/notice/modules/SysNoticeModal.vue | 143 +++++++++++++++++
 3 files changed, 287 insertions(+)
 create mode 100644 src/assets/imgs/icon/icon_notice.png
 create mode 100644 src/views/modules/notice/SysNoticeList.vue
 create mode 100644 src/views/modules/notice/modules/SysNoticeModal.vue

diff --git a/src/assets/imgs/icon/icon_notice.png b/src/assets/imgs/icon/icon_notice.png
new file mode 100644
index 0000000000000000000000000000000000000000..b9358a93a0b52f72346e64218fcd1f58ab413266
GIT binary patch
literal 7657
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

literal 0
HcmV?d00001

diff --git a/src/views/modules/notice/SysNoticeList.vue b/src/views/modules/notice/SysNoticeList.vue
new file mode 100644
index 0000000..74845ba
--- /dev/null
+++ b/src/views/modules/notice/SysNoticeList.vue
@@ -0,0 +1,144 @@
+<template>
+  <div>
+    <page-header-title :img-for-icon="IconImg"></page-header-title>
+    <a-card :bordered="false">
+
+      <!-- 查询区域 -->
+      <div class="table-page-search-wrapper">
+        <a-form layout="inline" @keyup.enter.native="searchQuery">
+          <a-row :gutter="24">
+            <a-col :xl="6" :lg="8" :md="8" :sm="24">
+              <a-form-item label="公告名称">
+                <a-input placeholder="请输入公告名称" v-model="queryParam.noticeName" :maxLength="50"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="8" :md="8" :sm="24">
+              <a-form-item label="公告内容">
+                <a-input placeholder="请输入公告内容" v-model="queryParam.noticeContent"></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <span class="table-page-search-submitButtons">
+<!--               v-has="'template:list'"-->
+              <a-button type="primary" @click="searchQuery" icon="search" v-has="'sysNotice:pageList'">查询</a-button>
+              <a-button @click="searchReset" icon="reload" class="reset-button" style="margin-left: 8px">重置</a-button>
+            </span>
+            </a-col>
+          </a-row>
+        </a-form>
+      </div>
+
+      <!-- 操作按钮区域 -->
+      <div class="table-operator">
+<!--        v-has="'template:add:systemNotifications'"-->
+        <a-button @click="handleAdd" type="primary" icon="plus" v-has="'sysNotice:add'">新增</a-button>
+      </div>
+
+      <!-- table区域-begin -->
+      <div>
+        <a-table
+          ref="table"
+          size="middle"
+          bordered
+          rowKey="id"
+          :columns="columns"
+          :dataSource="dataSource"
+          :pagination="ipagination"
+          :loading="loading"
+          :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+          class="j-table-force-nowrap"
+          @change="handleTableChange">
+
+          <!-- 字符串超长截取省略号显示-->
+          <span slot="templateContent" slot-scope="text">
+            <a-tooltip>
+              <template slot="title">
+                <span v-html="text"></span>
+              </template>
+              <span v-html="myEllipsis(text,40)"></span>
+            </a-tooltip>
+          </span>
+
+          <template slot="text" slot-scope="text">
+            <j-ellipsis v-if="text" :length="20" :value="text"></j-ellipsis>
+            <span v-else></span>
+          </template>
+
+          <span slot="action" class="action-span-cell" slot-scope="text, record">
+<!--             v-has="'template:list'"-->
+            <a @click="handleEdit(record)" v-has="'sysNotice:edit'">编辑</a>
+<!--             v-has="'template:delete'"-->
+            <a @click="handleDelete(record.id)" v-has="'sysNotice:deleteById'">删除</a>
+          </span>
+
+        </a-table>
+      </div>
+      <!-- table区域-end -->
+
+      <!-- 表单区域 -->
+      <sys-notice-modal ref="modalForm" @ok="modalFormOk"></sys-notice-modal>
+    </a-card>
+  </div>
+</template>
+
+<script>
+import {JeroListMixin} from '@/mixins/JeroListMixin'
+import IconImg from '@/assets/imgs/icon/icon_notice.png'
+import SysNoticeModal from './modules/SysNoticeModal'
+import PageHeaderTitle from '../../../components/layouts/PageHeaderTitle'
+
+export default {
+  name: 'SysNoticeList',
+  mixins: [JeroListMixin],
+  components: {SysNoticeModal, PageHeaderTitle},
+  data() {
+    return {
+      description: '公告管理页面',
+      IconImg,
+      // 表头
+      columns: [
+        {
+          title: '序号',
+          dataIndex: '',
+          key: 'rowIndex',
+          width: 60,
+          align: 'center',
+          customRender: function (t, r, index) {
+            return parseInt(index) + 1
+          }
+        },
+        {
+          title: '公告名称',
+          align: 'center',
+          dataIndex: 'noticeName',
+          scopedSlots: { customRender: 'text' },
+          width: 300
+        },
+        {
+          title: '公告内容',
+          align: 'center',
+          dataIndex: 'noticeContent',
+          scopedSlots: { customRender: 'text' },
+          width: 200
+        },
+        {
+          title: '操作',
+          dataIndex: 'action',
+          align: 'center',
+          scopedSlots: { customRender: 'action' },
+          width: 160
+        }
+      ],
+      url: {
+        list: '/sysNotice/pageList',
+        delete: '/sysNotice/deleteById',
+        deleteBatch: '/sysNotice/deleteBatch'
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import '~@assets/less/common.less';
+</style>
\ No newline at end of file
diff --git a/src/views/modules/notice/modules/SysNoticeModal.vue b/src/views/modules/notice/modules/SysNoticeModal.vue
new file mode 100644
index 0000000..0d5416e
--- /dev/null
+++ b/src/views/modules/notice/modules/SysNoticeModal.vue
@@ -0,0 +1,143 @@
+<template>
+  <a-modal
+    :title="title"
+    :width="800"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    @ok="handleOk"
+    @cancel="handleCancel"
+    cancelText="关闭">
+
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+
+        <a-form-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          label="公告名称">
+          <a-input placeholder="请输入公告名称" v-decorator="['noticeName', validatorRules.noticeName]" :maxLength="50"/>
+        </a-form-item>
+        <a-form-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          label="公告内容">
+          <a-textarea placeholder="请输入发送内容" v-decorator="['noticeContent', validatorRules.noticeContent]"
+                      :autoSize="{minRows: 3, maxRows: 6}" :maxLength="200"/>
+        </a-form-item>
+        <a-form-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          label="附件">
+          <j-upload :returnId="true" v-decorator="['noticeFile', validatorRules.noticeFile]"/>
+        </a-form-item>
+        <a-form-item
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+          label="使用状态">
+          <a-switch checkedChildren="禁用" unCheckedChildren="启用" v-model="model.noticeStatus"/>
+        </a-form-item>
+      </a-form>
+    </a-spin>
+  </a-modal>
+</template>
+
+<script>
+import pick from 'lodash.pick'
+import { httpAction } from '@/api/manage'
+import JUpload from '@/components/jero/JUpload'
+
+export default {
+  name: 'SysNoticeModal',
+  components: {JUpload},
+  data() {
+    return {
+      title: '操作',
+      visible: false,
+      disable: true,
+      model: {noticeStatus: false},
+      labelCol: {
+        xs: {span: 24},
+        sm: {span: 5},
+      },
+      wrapperCol: {
+        xs: {span: 24},
+        sm: {span: 16},
+      },
+      confirmLoading: false,
+      form: this.$form.createForm(this),
+      disableSubmit: false,
+      validatorRules: {
+        noticeName: {rules: [{required: true, message: '请输入公告名称!' }],validateTrigger: 'blur'},
+        noticeContent: {rules: [{required: true, message: '请选择公告内容!'}],validateTrigger: 'blur'},
+        noticeFile:{rules: [{required: false, message: '请上传附件!'}],validateTrigger: 'change'}
+      },
+      url: {
+        add: '/sysNotice/add',
+        edit: '/sysNotice/edit',
+      }
+    }
+  },
+  methods: {
+    add() {
+      this.disable = false
+      this.edit({})
+    },
+    edit(record) {
+      this.form.resetFields()
+      this.model = Object.assign({}, record)
+      if (this.model.id) {
+        this.model.noticeStatus = (this.model.noticeStatus === 1 ? true : false)
+      }
+      console.log(this.model)
+      this.visible = true
+      this.$nextTick(() => {
+        this.form.setFieldsValue(pick(this.model, 'noticeName', 'noticeContent', 'noticeFile'))
+      })
+    },
+    close() {
+      this.$emit('close')
+      this.visible = false
+      this.disable = true
+    },
+    handleOk() {
+      const that = this
+      // 触发表单验证
+      this.form.validateFields((err, values) => {
+        if (!err) {
+          that.confirmLoading = true
+          let httpurl = ''
+          let method = 'post'
+          if (!this.model.id) {
+            httpurl += this.url.add
+          } else {
+            httpurl += this.url.edit
+          }
+          console.log(values)
+          let formData = Object.assign(this.model, values)
+          formData.noticeStatus = formData.noticeStatus ? 1 : 0
+          console.log(formData)
+          httpAction(httpurl, formData, method).then((res) => {
+            if (res.success) {
+              that.$message.success(res.message)
+              that.$emit('ok')
+            } else {
+              that.$message.warning(res.message)
+            }
+          }).finally(() => {
+            that.confirmLoading = false
+            that.close()
+          })
+        }
+      })
+    },
+    handleCancel() {
+      this.close()
+    }
+
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file