From 24a447efef50bc474facc874d7d718b714c9a5db Mon Sep 17 00:00:00 2001
From: zhaoxiao <zhaoxiao@syxysoft.com>
Date: Thu, 21 Oct 2021 19:00:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B6=88=E6=81=AF=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/UserAnnouncementList.vue | 192 +++++++++++-----------
 1 file changed, 98 insertions(+), 94 deletions(-)

diff --git a/src/views/system/UserAnnouncementList.vue b/src/views/system/UserAnnouncementList.vue
index 5bac534..82b3904 100644
--- a/src/views/system/UserAnnouncementList.vue
+++ b/src/views/system/UserAnnouncementList.vue
@@ -1,63 +1,67 @@
 <template>
-  <a-card :bordered="false">
-    <!-- 查询区域 -->
-    <div class="table-page-search-wrapper">
-      <a-form layout="inline" @keyup.enter.native="searchQuery">
-        <a-row :gutter="24">
+  <div class="main-box">
+    <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="7" :lg="8" :md="8" :sm="24">
-            <a-form-item label="提醒类型">
-              <a-select
-                v-model="queryParam.titile"
-                show-search
-                allowClear
-                option-filter-prop="children"
-                :filter-option="filterOption"
-                placeholder="请选择提醒类型"
-              >
-                <a-select-option v-for="(item,index) in noticeTypeList" :key="index" :value="item.value">{{ item.name }}</a-select-option>
-              </a-select>
-            </a-form-item>
-          </a-col>
-          <a-col :xxl="7" :xl="10"  :md="10" :sm="24">
-            <a-form-item label="提醒时间">
-              <j-date
-                placeholder="请选择开始日期"
-                class="query-group-cust"
-                v-model="queryParam.startTime"
-                :disabled-date="disabledStartDate">
-              </j-date>
-              <span class="query-group-split-cust"></span>
-              <j-date
-                placeholder="请选择结束日期"
-                class="query-group-cust"
-                v-model="queryParam.endTime"
-                :disabled-date="disabledEndDate">
-              </j-date>
-            </a-form-item>
-          </a-col>
+            <a-col :xl="7" :lg="8" :md="8" :sm="24">
+              <a-form-item label="提醒类型">
+                <a-select
+                  v-model="queryParam.titile"
+                  show-search
+                  allowClear
+                  option-filter-prop="children"
+                  :filter-option="filterOption"
+                  placeholder="请选择提醒类型"
+                >
+                  <a-select-option v-for="(item,index) in noticeTypeList" :key="index" :value="item.value">{{
+                      item.name
+                    }}
+                  </a-select-option>
+                </a-select>
+              </a-form-item>
+            </a-col>
+            <a-col :xxl="7" :xl="10" :md="10" :sm="24">
+              <a-form-item label="提醒时间">
+                <j-date
+                  placeholder="请选择开始日期"
+                  class="query-group-cust"
+                  v-model="queryParam.startTime"
+                  :disabled-date="disabledStartDate">
+                </j-date>
+                <span class="query-group-split-cust"></span>
+                <j-date
+                  placeholder="请选择结束日期"
+                  class="query-group-cust"
+                  v-model="queryParam.endTime"
+                  :disabled-date="disabledEndDate">
+                </j-date>
+              </a-form-item>
+            </a-col>
 
-          <a-col :xl="6" :lg="8" :md="8" :sm="24">
+            <a-col :xl="6" :lg="8" :md="8" :sm="24">
             <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
               <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
               <a-button class="reset-button" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
             </span>
-          </a-col>
+            </a-col>
 
-        </a-row>
-      </a-form>
-    </div>
+          </a-row>
+        </a-form>
+      </div>
 
-    <a-table
-      ref="table"
-      size="default"
-      bordered
-      rowKey="id"
-      :columns="columns"
-      :dataSource="dataSource"
-      :pagination="ipagination"
-      :loading="loading"
-      @change="handleTableChange">
+      <a-table
+        ref="table"
+        size="default"
+        bordered
+        rowKey="id"
+        :columns="columns"
+        :dataSource="dataSource"
+        :pagination="ipagination"
+        :loading="loading"
+        @change="handleTableChange">
         <span slot="templateContent" slot-scope="text">
           <a-tooltip>
             <template slot="title">
@@ -67,30 +71,30 @@
           </a-tooltip>
         </span>
 
-      <template slot="text" slot-scope="text">
-        <j-ellipsis v-if="text" :value="text" :length="20"></j-ellipsis>
-        <span v-else></span>
-      </template>
-      <span slot="action" class="action-span-cell" slot-scope="text, record">
+        <template slot="text" slot-scope="text">
+          <j-ellipsis v-if="text" :value="text" :length="20"></j-ellipsis>
+          <span v-else></span>
+        </template>
+        <span slot="action" class="action-span-cell" slot-scope="text, record">
         <a @click="showAnnouncement(record)">查看</a>
         <a @click="haveRead(record)" v-if="record.readFlag === '0' ">已读</a>
          <a class="readed" v-if="record.readFlag === '1' ">已读</a>
       </span>
-    </a-table>
-    <show-announcement ref="ShowAnnouncement"></show-announcement>
-    <dynamic-notice ref="showDynamNotice" :path="openPath" :formData="formData"/>
-  </a-card>
+      </a-table>
+      <show-announcement ref="ShowAnnouncement"></show-announcement>
+      <dynamic-notice ref="showDynamNotice" :path="openPath" :formData="formData"/>
+    </a-card>
+  </div>
 </template>
 
 <script>
-import {getAction, putAction} from '@/api/manage'
+import { getAction, putAction } from '@/api/manage'
 import ShowAnnouncement from '@/components/tools/ShowAnnouncement'
-import {JeroListMixin} from '@/mixins/JeroListMixin'
-import {RangeDateMixin} from '@/mixins/RangeDateMixin'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import { RangeDateMixin } from '@/mixins/RangeDateMixin'
 import DynamicNotice from '../../components/tools/DynamicNotice'
 import JDate from '@comp/tools/JDate'
-import {Bus} from '@comp/tools/Bus'
-
+import { Bus } from '@comp/tools/Bus'
 
 
 export default {
@@ -99,7 +103,7 @@ export default {
   components: {
     DynamicNotice,
     ShowAnnouncement,
-    JDate,
+    JDate
 
   },
   data() {
@@ -121,57 +125,57 @@ export default {
           title: '提醒类型',
           align: 'center',
           dataIndex: 'titile_dictText',
-          scopedSlots: {customRender: 'text'},
-          width: 160
+          scopedSlots: { customRender: 'text' },
+          width: 200
         },
         {
           title: '提醒内容',
           align: 'center',
           dataIndex: 'msgContent',
-          scopedSlots: {customRender: 'templateContent'},
+          scopedSlots: { customRender: 'templateContent' }
         },
         {
           title: '提醒时间',
           align: 'center',
           dataIndex: 'sendTime',
-          scopedSlots: {customRender: 'text'},
+          scopedSlots: { customRender: 'text' },
           width: 240
         },
         {
           title: '操作',
           dataIndex: 'action',
           align: 'center',
-          scopedSlots: {customRender: 'action'},
+          scopedSlots: { customRender: 'action' },
           width: 160
         }
       ],
       url: {
         list: '/sys/sysAnnouncementSend/getCompanyMyAnnouncementSend',
         editCementSend: 'sys/sysAnnouncementSend/editCompanyByAnntIdAndUserId',
-        readAllMsg: 'sys/sysAnnouncementSend/readAll',
+        readAllMsg: 'sys/sysAnnouncementSend/readAll'
       },
       // eeditCompanyByAnntIdAndUserId
       loading: false,
       openPath: '',
       formData: '',
       // 企业短消息提醒类型
-      noticeTypeList:[
+      noticeTypeList: [
         {
-          name:'会议通知',
-          value:'3'
+          name: '会议通知',
+          value: '3'
         },
         {
-          name:'邮寄通知',
-          value:'7'
+          name: '邮寄通知',
+          value: '7'
         },
         {
-          name:'文件通知',
-          value:'6'
+          name: '文件通知',
+          value: '6'
         },
         {
-          name:'催款通知',
-          value:'8'
-        },
+          name: '催款通知',
+          value: '8'
+        }
       ]
     }
   },
@@ -195,37 +199,37 @@ export default {
 
     },
     showAnnouncement(record) {
-      putAction(this.url.editCementSend, {anntId: record.anntId}).then((res) => {
+      putAction(this.url.editCementSend, { anntId: record.anntId }).then((res) => {
         if (res.success) {
           this.loadData()
           this.syncHeadNotic(record.anntId)
           Bus.$emit('notice-change')
         }
       })
-      const param =  record.busId ? JSON.parse(record.busId) : {}
+      const param = record.busId ? JSON.parse(record.busId) : {}
       if (record.openType === 'component') {
         this.openPath = record.openPage
         // 将参数传入
         this.formData = param
         this.$refs.showDynamNotice.detail()
-      } else if(record.openType === 'url') {
-        console.log(record.openPage,'url')
+      } else if (record.openType === 'url') {
+        console.log(record.openPage, 'url')
         const param = JSON.parse(record.busId)
         // 如果是url 跳转页面
         this.$router.push({
-          path:record.openPage,
-          query:param
+          path: record.openPage,
+          query: param
         })
-      }else if(record.openType === 'href'){
-        let url = `${record.openPage}=${param.id}`
+      } else if (record.openType === 'href') {
+        let url = `${ record.openPage }=${ param.id }`
         // 返回的是报名页面的链接 打开网址
-        window.open(url,'_blank')
+        window.open(url, '_blank')
       } else {
         this.$refs.ShowAnnouncement.detail(record)
       }
     },
     syncHeadNotic(anntId) {
-      getAction('sys/annountCement/syncNotic', {anntId: anntId})
+      getAction('sys/annountCement/syncNotic', { anntId: anntId })
     },
     readAll() {
       var that = this
@@ -261,7 +265,7 @@ export default {
         title: '确认已读',
         content: '是否确认将消息改为已读状态?',
         onOk: function () {
-          putAction(that.url.editCementSend, {anntId: record.anntId}).then((res) => {
+          putAction(that.url.editCementSend, { anntId: record.anntId }).then((res) => {
             if (res.success) {
               that.loadData()
               that.syncHeadNotic(record.anntId)
@@ -271,7 +275,7 @@ export default {
         }
       })
 
-    },
+    }
   }
 }
 </script>