From 5ddfc7f1897163be5ee89c45d8a8fcc5e70f15e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E7=8F=AE=E5=AE=87?= <peiyu_ren@163.com>
Date: Thu, 30 Nov 2023 14:38:15 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86=E6=B6=88=E6=81=AF=E4=B8=AD?=
 =?UTF-8?q?=E5=BF=83=E9=A1=B5=E9=9D=A2=E7=A7=8D=E7=9A=84table=20=E5=8F=8A?=
 =?UTF-8?q?=20=E5=88=86=E9=A1=B5=E7=9A=84=E6=A0=B7=E5=BC=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/UserAnnouncementList.vue | 259 ++++++++++++----------
 1 file changed, 138 insertions(+), 121 deletions(-)

diff --git a/src/views/system/UserAnnouncementList.vue b/src/views/system/UserAnnouncementList.vue
index 646726d..e13dfb6 100644
--- a/src/views/system/UserAnnouncementList.vue
+++ b/src/views/system/UserAnnouncementList.vue
@@ -4,7 +4,6 @@
     <div class="table-page-search-wrapper">
       <a-form layout="inline" @keyup.enter.native="searchQuery">
         <a-row :gutter="24">
-
           <a-col :span="6">
             <a-form-item label="Title">
               <a-input placeholder="Please enter the title" v-model="queryParam.titile"></a-input>
@@ -16,13 +15,12 @@
             </a-form-item>
           </a-col>
 
-          <a-col :span="8" >
-            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+          <a-col :span="8">
+            <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
               <a-button type="primary" @click="searchQuery" icon="search">Query</a-button>
               <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">Reset</a-button>
             </span>
           </a-col>
-
         </a-row>
       </a-form>
     </div>
@@ -33,160 +31,179 @@
 
     <a-table
       ref="table"
-      size="default"
-      bordered
+      size="middle"
       rowKey="id"
       :columns="columns"
       :dataSource="dataSource"
       :pagination="ipagination"
       :loading="loading"
-      @change="handleTableChange">
+      @change="handleTableChange"
+    >
       <span slot="action" slot-scope="text, record">
         <a @click="showAnnouncement(record)">VIEW</a>
       </span>
     </a-table>
     <show-announcement ref="ShowAnnouncement"></show-announcement>
-    <dynamic-notice ref="showDynamNotice" :path="openPath" :formData="formData"/>
+    <dynamic-notice ref="showDynamNotice" :path="openPath" :formData="formData" />
   </a-card>
 </template>
 
 <script>
-  import { filterObj } from '@/utils/util'
-  import { getAction,putAction } from '@/api/manage'
-  import ShowAnnouncement from '@/components/tools/ShowAnnouncement'
-  import {JeecgListMixin} from '@/mixins/JeecgListMixin'
-  import DynamicNotice from '../../components/tools/DynamicNotice'
+import { filterObj } from '@/utils/util'
+import { getAction, putAction } from '@/api/manage'
+import ShowAnnouncement from '@/components/tools/ShowAnnouncement'
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import DynamicNotice from '../../components/tools/DynamicNotice'
 
-  export default {
-    name: "UserAnnouncementList",
-    mixins: [JeecgListMixin],
-    components: {
-      DynamicNotice,
-      ShowAnnouncement
-    },
-    data () {
-      return {
-        description: '系统通告表管理页面',
-        queryParam: {},
-        columns: [{
+export default {
+  name: 'UserAnnouncementList',
+  mixins: [JeecgListMixin],
+  components: {
+    DynamicNotice,
+    ShowAnnouncement,
+  },
+  data() {
+    return {
+      description: '系统通告表管理页面',
+      queryParam: {},
+      columns: [
+        {
           title: 'TITLE',
-          align:"center",
-          dataIndex: 'titile'
-        },{
+          align: 'center',
+          dataIndex: 'titile',
+        },
+        {
           title: 'MESSAGE TYPE',
-          align: "center",
+          align: 'center',
           dataIndex: 'msgCategory',
           customRender: function (text) {
             if (text == '1') {
-              return "NOTICE";
-            } else if (text == "2") {
-              return "SYSTEM";
+              return 'NOTICE'
+            } else if (text == '2') {
+              return 'SYSTEM'
             } else {
-              return text;
+              return text
             }
-          }
-        },{
+          },
+        },
+        {
           title: 'SENDER',
-          align:"center",
-          dataIndex: 'sender'
-        },{
+          align: 'center',
+          dataIndex: 'sender',
+        },
+        {
           title: 'SEND TIME',
-          align:"center",
-          dataIndex: 'sendTime'
-        },{
+          align: 'center',
+          dataIndex: 'sendTime',
+        },
+        {
           title: 'PRIORTIY',
-          align:"center",
+          align: 'center',
           dataIndex: 'priority',
-          customRender:function (text) {
-            if(text=='L'){
-              return "LOW";
-            }else if(text=="M"){
-              return "MIDDLE";
-            }else if(text=="H"){
-              return "HIGH";
+          customRender: function (text) {
+            if (text == 'L') {
+              return 'LOW'
+            } else if (text == 'M') {
+              return 'MIDDLE'
+            } else if (text == 'H') {
+              return 'HIGH'
             } else {
-              return text;
+              return text
             }
-          }
-        },{
+          },
+        },
+        {
           title: 'READING STATE',
-          align:"center",
+          align: 'center',
           dataIndex: 'readFlag',
-          customRender:function (text) {
-            if(text=='0'){
-              return "UNREAD";
-            }else if(text=="1"){
-              return "READ";
+          customRender: function (text) {
+            if (text == '0') {
+              return 'UNREAD'
+            } else if (text == '1') {
+              return 'READ'
             } else {
-              return text;
+              return text
             }
-          }
-        },{
+          },
+        },
+        {
           title: 'ACTION',
           dataIndex: 'action',
-          align:"center",
+          align: 'center',
           scopedSlots: { customRender: 'action' },
-        }],
-		    url: {
-          list: "/sys/sysAnnouncementSend/getMyAnnouncementSend",
-          editCementSend:"sys/sysAnnouncementSend/editByAnntIdAndUserId",
-          readAllMsg:"sys/sysAnnouncementSend/readAll",
         },
-        loading:false,
-        openPath:'',
-        formData:''
+      ],
+      url: {
+        list: '/sys/sysAnnouncementSend/getMyAnnouncementSend',
+        editCementSend: 'sys/sysAnnouncementSend/editByAnntIdAndUserId',
+        readAllMsg: 'sys/sysAnnouncementSend/readAll',
+      },
+      loading: false,
+      openPath: '',
+      formData: '',
+    }
+  },
+  methods: {
+    handleDetail: function (record) {
+      this.$refs.sysAnnouncementModal.detail(record)
+      this.$refs.sysAnnouncementModal.title = 'VIEW'
+    },
+    showAnnouncement(record) {
+      putAction(this.url.editCementSend, { anntId: record.anntId }).then((res) => {
+        if (res.success) {
+          this.loadData()
+          this.syncHeadNotic(record.anntId)
+        }
+      })
+      if (record.openType === 'component') {
+        this.openPath = record.openPage
+        this.formData = { id: record.busId }
+        this.$refs.showDynamNotice.detail()
+      } else {
+        this.$refs.ShowAnnouncement.detail(record)
       }
     },
-    methods: {
-      handleDetail: function(record){
-        this.$refs.sysAnnouncementModal.detail(record);
-        this.$refs.sysAnnouncementModal.title="VIEW";
-      },
-      showAnnouncement(record){
-        putAction(this.url.editCementSend,{anntId:record.anntId}).then((res)=>{
-          if(res.success){
-            this.loadData();
-            this.syncHeadNotic(record.anntId)
-          }
-        });
-        if(record.openType==='component'){
-          this.openPath = record.openPage;
-          this.formData = {id:record.busId};
-          this.$refs.showDynamNotice.detail();
-        }else{
-          this.$refs.ShowAnnouncement.detail(record);
-        }
-      },
-      syncHeadNotic(anntId){
-        getAction("sys/annountCement/syncNotic",{anntId:anntId})
-      },
-      readAll(){
-        var that = this;
-        that.$confirm({
-          title:"Config",
-          content:"Whether all marks are read?",
-          onOk: function(){
-            putAction(that.url.readAllMsg).then((res)=>{
-              if(res.success){
-                that.$message.success(res.message);
-                that.loadData();
-                that.syncHeadNotic();
-              }
-            });
-          }
-        });
-      },
-    }
-  }
+    syncHeadNotic(anntId) {
+      getAction('sys/annountCement/syncNotic', { anntId: anntId })
+    },
+    readAll() {
+      var that = this
+      that.$confirm({
+        title: 'Config',
+        content: 'Whether all marks are read?',
+        onOk: function () {
+          putAction(that.url.readAllMsg).then((res) => {
+            if (res.success) {
+              that.$message.success(res.message)
+              that.loadData()
+              that.syncHeadNotic()
+            }
+          })
+        },
+      })
+    },
+  },
+}
 </script>
-<style scoped>
-  .ant-card-body .table-operator{
-    margin-bottom: 18px;
-  }
-  .anty-row-operator button{margin: 0 5px}
-  .ant-btn-danger{background-color: #ffffff}z
-
-  .ant-modal-cust-warp{height: 100%}
-  .ant-modal-cust-warp .ant-modal-body{height:calc(100% - 110px) !important;overflow-y: auto}
-  .ant-modal-cust-warp .ant-modal-content{height:90% !important;overflow-y: hidden}
+<style lang="less" scoped>
+.ant-card-body .table-operator {
+  margin-bottom: 18px;
+}
+.anty-row-operator button {
+  margin: 0 5px;
+}
+.ant-btn-danger {
+  background-color: #ffffff;
+}
+z .ant-modal-cust-warp {
+  height: 100%;
+}
+.ant-modal-cust-warp .ant-modal-body {
+  height: calc(100% - 110px) !important;
+  overflow-y: auto;
+}
+.ant-modal-cust-warp .ant-modal-content {
+  height: 90% !important;
+  overflow-y: hidden;
+}
 </style>
\ No newline at end of file