From 6529b4ed52605babca0c7641007b45adc35ada96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AB=98=E5=B5=A9?= <gaosong@syxysoft.com>
Date: Tue, 22 Nov 2022 15:55:26 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BC=98=E5=8C=96=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/system/UserAnnouncementList.vue | 597 ++++++++++--------
 1 file changed, 323 insertions(+), 274 deletions(-)

diff --git a/jero-web/src/views/system/UserAnnouncementList.vue b/jero-web/src/views/system/UserAnnouncementList.vue
index 019721871..c05737509 100644
--- a/jero-web/src/views/system/UserAnnouncementList.vue
+++ b/jero-web/src/views/system/UserAnnouncementList.vue
@@ -7,7 +7,7 @@
           <a-col :md="6" :sm="8" style="line-height: 48px">
             <div class="box-title-text">
               <div class="title-text" :title="$t('MessageContent')">
-                <span>{{this.$t('MessageContent')}}</span>
+                <span>{{ this.$t('MessageContent') }}</span>
               </div>
               <a-input class="box-input"
                        :placeholder="$t('pleaseEnter')+$t('MessageContent')"
@@ -18,16 +18,16 @@
           <a-col :md="6" :sm="8" style="line-height: 48px">
             <div class="box-title-text">
               <div class="title-text" :title="$t('MessageType')">
-                <span>{{this.$t('MessageType')}}</span>
+                <span>{{ this.$t('MessageType') }}</span>
               </div>
               <a-select class="box-input"
                         :placeholder="$t('pleaseSelect')+$t('MessageType')"
                         v-model="queryParam.msgCategory">
-                <a-select-option :value="undefined">{{$t('pleaseSelect')}}</a-select-option>
+                <a-select-option :value="undefined">{{ $t('pleaseSelect') }}</a-select-option>
                 <a-select-option v-for="(item, key) in Object.keys(msgCategoryQuery)"
                                  :key="key" :value="item">
                   <span style="display: inline-block;width: 100%" :title="msgCategoryQuery[item]">
-                               {{ msgCategoryQuery[item]}}
+                               {{ msgCategoryQuery[item] }}
                     </span>
                 </a-select-option>
               </a-select>
@@ -35,8 +35,9 @@
           </a-col>
           <span style="float: right;overflow: hidden;margin-right: 11px" class="table-page-search-submitButtons">
                <a-col :md="6" :sm="24">
-                  <a-button class="box-button" type="primary" @click="searchQuery">{{$t('query')}}</a-button>
-                  <a-button class="box-button" style="margin-left: 8px" @click="searchReset">{{$t('reset')}}</a-button>
+                  <a-button class="box-button" type="primary" @click="searchQuery">{{ $t('query') }}</a-button>
+                  <a-button class="box-button" style="margin-left: 8px"
+                            @click="searchReset">{{ $t('reset') }}</a-button>
                </a-col>
          </span>
 
@@ -46,12 +47,12 @@
 
     <div class="table-operator">
       <div @click="readAll" class="operator-text" :title="$t('AllLabelsRead')">
-        <a-icon type="eye"/>
-        {{$t('AllLabelsRead')}}
+        <a-icon type="eye" />
+        {{ $t('AllLabelsRead') }}
       </div>
       <div @click="handleDel" class="operator-text">
-        <a-icon type="delete"/>
-        {{$t('BatchDelete')}}
+        <a-icon type="delete" />
+        {{ $t('BatchDelete') }}
       </div>
     </div>
 
@@ -63,7 +64,7 @@
       :dataSource="dataSource"
       :scroll="{x: '100%'}"
       :pagination="ipagination"
-      :expandIconAsCell='false'
+      :expandIconAsCell="false"
       :expandIconColumnIndex="5"
       :expandIcon="expandIcon"
       :expandRowByClick="true"
@@ -74,13 +75,13 @@
 <!--         @click="msgContentClick(scope)"-->
            <a :style="{'color':scope.readFlag == 0 ? 'red':'#00A0E9'}"
               :title="language == 'zh-cn' && scope.msgContentCn? scope.msgContentCn : scope.msgContent">
-             {{language == 'zh-cn' && scope.msgContentCn? scope.msgContentCn : scope.msgContent}}
+             {{ language == 'zh-cn' && scope.msgContentCn ? scope.msgContentCn : scope.msgContent }}
            </a>
       </span>
       <span slot="msgCategory" slot-scope="text,scope">
 <!--        :style="{'color':scope.readFlag == 0 ? 'red':'#00A0E9'}" @click="msgContentClick(scope)"-->
            <span :title="msgCategoryQuery[text]">
-             {{msgCategoryQuery[text]}}
+             {{ msgCategoryQuery[text] }}
            </span>
       </span>
       <p slot="expandedRowRender" slot-scope="record" style="margin: 0;padding-left: 58px;">
@@ -89,300 +90,348 @@
       </p>
     </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, deleteAction } from '@/api/manage'
-  import ShowAnnouncement from '@/components/tools/ShowAnnouncement'
-  import { JeroListMixin } from '@/mixins/JeroListMixin'
-  import DynamicNotice from '../../components/tools/DynamicNotice'
+import { filterObj } from '@/utils/util'
+import { getAction, putAction, deleteAction } from '@/api/manage'
+import ShowAnnouncement from '@/components/tools/ShowAnnouncement'
+import { JeroListMixin } from '@/mixins/JeroListMixin'
+import DynamicNotice from '../../components/tools/DynamicNotice'
+import Vue from 'vue'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
 
-  export default {
-    name: 'UserAnnouncementList',
-    mixins: [JeroListMixin],
-    components: {
-      DynamicNotice,
-      ShowAnnouncement
-    },
-    data() {
-      return {
-        description: '系统通告表管理页面',
-        queryParam: {},
-        selectedRowKeys: [],
-        // '5': this.$t('taskRegulationComplianceTask'),
-        msgCategoryQuery: {
-          '1': this.$t('SubscriptionNotification'),
-          '2': this.$t('warningInformation'),
-          '3': this.$t('ForwardPush')
-          // '4': this.$t('CollectinguthenticationParameters'),
-          // '6':this.$t('RegulationListConfirmationTask'),
-          // '7':this.$t('RegulationListConfirmationNotification'),
-          // '8':this.$t('RegulationTaskConfirmation'),
-          // '9':this.$t('DesignComplianceTask'),
-          // '10':this.$t('PreHomoTask'),
-          // '11':this.$t('ValidationTask'),
-          // '12':this.$t('DesignComplianceNotification'),
-          // '13':this.$t('PreHomoNotification'),
-          // '14':this.$t('ValidationComplianceNotification'),
-          // '15':this.$t('RegulationTaskConfirmationNotification'),
-          // '17':this.$t('listConfirmation'),
-          // '18':this.$t('taskAffirm'),
-          // '19':this.$t('complianceConfirmation'),
-          // '20':this.$t('collectionLegislativeComments'),
-          // '21':this.$t('regulatoryAndTechnicalAssessment'),
+export default {
+  name: 'UserAnnouncementList',
+  mixins: [JeroListMixin],
+  components: {
+    DynamicNotice,
+    ShowAnnouncement
+  },
+  data() {
+    return {
+      description: '系统通告表管理页面',
+      queryParam: {},
+      selectedRowKeys: [],
+      // '5': this.$t('taskRegulationComplianceTask'),
+      msgCategoryQuery: {
+        '1': this.$t('SubscriptionNotification'),
+        '2': this.$t('warningInformation'),
+        '3': this.$t('ForwardPush')
+        // '4': this.$t('CollectinguthenticationParameters'),
+        // '6':this.$t('RegulationListConfirmationTask'),
+        // '7':this.$t('RegulationListConfirmationNotification'),
+        // '8':this.$t('RegulationTaskConfirmation'),
+        // '9':this.$t('DesignComplianceTask'),
+        // '10':this.$t('PreHomoTask'),
+        // '11':this.$t('ValidationTask'),
+        // '12':this.$t('DesignComplianceNotification'),
+        // '13':this.$t('PreHomoNotification'),
+        // '14':this.$t('ValidationComplianceNotification'),
+        // '15':this.$t('RegulationTaskConfirmationNotification'),
+        // '17':this.$t('listConfirmation'),
+        // '18':this.$t('taskAffirm'),
+        // '19':this.$t('complianceConfirmation'),
+        // '20':this.$t('collectionLegislativeComments'),
+        // '21':this.$t('regulatoryAndTechnicalAssessment'),
+      },
+      columns: [
+        {
+          title: this.$t('MessageContent'),
+          align: 'left',
+          dataIndex: 'msgContent',
+          ellipsis: true,
+          scopedSlots: { customRender: 'msgTitile' }
         },
-        columns: [
-          {
-            title: this.$t('MessageContent'),
-            align: 'left',
-            dataIndex: 'msgContent',
-            ellipsis: true,
-            scopedSlots: { customRender: 'msgTitile' }
-          },
-          {
-            title: this.$t('Sponsor'),
-            align: 'left',
-            ellipsis: true,
-            dataIndex: 'initiator',
-            width: 200
-          },
-          {
-            title: this.$t('MessageType'),
-            align: 'left',
-            ellipsis: true,
-            dataIndex: 'msgCategory',
-            width: 200,
-            scopedSlots: { customRender: 'msgCategory' }
-          },
-          {
-            title: this.$t('NotificationTime'),
-            align: 'left',
-            ellipsis: true,
-            width: 200,
-            dataIndex: 'sendTime'
-          },
-          {
-            title: '',
-            align: 'left',
-            ellipsis: true,
-            width: 50
-          }
-        ],
-        url: {
-          list: '/sys/sysAnnouncementSend/getMyAnnouncementSend',
-          editCementSend: 'sys/sysAnnouncementSend/editByAnntIdAndUserId',
-          readAllMsg: 'sys/sysAnnouncementSend/read',
-          deleteUrl: 'sys/sysAnnouncementSend/deleteBatch'
+        {
+          title: this.$t('Sponsor'),
+          align: 'left',
+          ellipsis: true,
+          dataIndex: 'initiator',
+          width: 200
         },
-        loading: false,
-        openPath: '',
-        formData: '',
-        language: ''
+        {
+          title: this.$t('MessageType'),
+          align: 'left',
+          ellipsis: true,
+          dataIndex: 'msgCategory',
+          width: 200,
+          scopedSlots: { customRender: 'msgCategory' }
+        },
+        {
+          title: this.$t('NotificationTime'),
+          align: 'left',
+          ellipsis: true,
+          width: 200,
+          dataIndex: 'sendTime'
+        },
+        {
+          title: '',
+          align: 'left',
+          ellipsis: true,
+          width: 50
+        }
+      ],
+      url: {
+        list: '/sys/sysAnnouncementSend/getMyAnnouncementSend',
+        editCementSend: 'sys/sysAnnouncementSend/editByAnntIdAndUserId',
+        readAllMsg: 'sys/sysAnnouncementSend/read',
+        deleteUrl: 'sys/sysAnnouncementSend/deleteBatch'
+      },
+      loading: false,
+      openPath: '',
+      formData: '',
+      language: ''
+    }
+  },
+  watch: {
+    $route: function(res) {
+      console.log(res)
+      this.loadData()
+    }
+  },
+  mounted() {
+    this.language = localStorage.getItem('language') || ''
+  },
+  methods: {
+    expandIcon(props) {
+      if (props.expanded) {
+        return <a-icon type="down" onClick={e => {
+          props.onExpand(props.record, e)
+        }
+        }
+        />
+      } else {
+        return <a-icon type="right" onClick={e => {
+          props.onExpand(props.record, e)
+        }
+        }
+        />
       }
     },
-    watch: {
-      $route: function(res) {
-        console.log(res)
-        this.loadData()
+    loadData(arg) {
+      if (!this.url.list) {
+        this.$message.error('请设置url.list属性!')
+        return
+      }
+      //加载数据 若传入参数1则加载第一页的内容
+      if (arg === 1) {
+        this.ipagination.current = 1
+      }
+
+      var params = this.getQueryParams()//查询条件
+      this.loading = true
+      getAction(this.url.list, params).then((res) => {
+        if (res.success) {
+          //update-begin---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
+          if (res.result.current > 1 && res.result.records.length == 0) {
+            this.loadData(1)
+            return
+          }
+          this.dataSource = res.result.records || res.result
+          if (this.dataSource && this.dataSource.length > 0) {
+            this.dataSource.forEach(val => {
+              if (val.msgContentInfoCn && val.msgContentInfoCn.includes('/common/downLoadFile')) {
+                let index = val.msgContentInfoCn.indexOf('target')
+                val.msgContentInfoCn = val.msgContentInfoCn.slice(0, index - 2) + '&token=' + Vue.ls.get(ACCESS_TOKEN) + '\' '
+                  + val.msgContentInfoCn.slice(index)
+              }
+              if (val.msgContentInfo && val.msgContentInfo.includes('/common/downLoadFile')) {
+                let index = val.msgContentInfo.indexOf('target')
+                val.msgContentInfo = val.msgContentInfo.slice(0, index - 2) + '&token=' + Vue.ls.get(ACCESS_TOKEN) + '\' '
+                  + val.msgContentInfo.slice(index)
+              }
+            })
+          }
+
+          if (res.result.total) {
+            this.ipagination.total = res.result.total
+          } else {
+            this.ipagination.total = 0
+          }
+          //update-end---author:zhangyafei    Date:20201118  for：适配不分页的数据列表------------
+        }
+        if (res.code === 510) {
+          this.$message.warning(res.message)
+        }
+        this.loading = false
+      })
+    },
+    getQueryParams() {
+      //获取查询条件
+      let sqp = {}
+      if (this.superQueryParams) {
+        sqp['superQueryParams'] = encodeURI(this.superQueryParams)
+        sqp['superQueryMatchType'] = this.superQueryMatchType
+      }
+      if (localStorage.getItem('msgContent')) {
+        this.queryParam.msgContent = localStorage.getItem('msgContent')
+        this.queryParam = { ...this.queryParam }
+        localStorage.removeItem('msgContent')
+      }
+      var param = Object.assign(sqp, this.queryParam, this.isorter, this.filters)
+      param.field = this.getQueryField()
+      param.pageNo = this.ipagination.current
+      param.pageSize = this.ipagination.pageSize
+      return filterObj(param)
+    },
+    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)
       }
     },
-    mounted() {
-      this.language = localStorage.getItem('language') || ''
+    expandChange(isTrue, val) {
+      if (isTrue) {
+        if (val.readFlag == '0') {
+          this.msgContentClick(val)
+        }
+      }
     },
-    methods: {
-      expandIcon(props) {
-        if (props.expanded) {
-          return <a-icon type = 'down'onClick = { e=>
-          {
-            props.onExpand(props.record, e)
-          }
-        }
-          />;
-        } else {
-          return <a-icon type = 'right' onClick = { e =>
-          {
-            props.onExpand(props.record, e)
-          }
-        }
-          />;
-        }
-      },
-      getQueryParams() {
-        //获取查询条件
-        let sqp = {}
-        if (this.superQueryParams) {
-          sqp['superQueryParams'] = encodeURI(this.superQueryParams)
-          sqp['superQueryMatchType'] = this.superQueryMatchType
-        }
-        if (localStorage.getItem('msgContent')) {
-          this.queryParam.msgContent = localStorage.getItem('msgContent')
-          this.queryParam = { ...this.queryParam }
-          localStorage.removeItem('msgContent')
-        }
-        var param = Object.assign(sqp, this.queryParam, this.isorter, this.filters)
-        param.field = this.getQueryField()
-        param.pageNo = this.ipagination.current
-        param.pageSize = this.ipagination.pageSize
-        return filterObj(param)
-      },
-      showAnnouncement(record) {
-        putAction(this.url.editCementSend, { anntId: record.anntId }).then((res) => {
-          if (res.success) {
-            this.loadData()
-            this.syncHeadNotic(record.anntId)
+    readAll() {
+      var that = this
+      if (this.selectedRowKeys.length > 0) {
+        that.$confirm({
+          content: that.$t('AreAllLabelsRead'),
+          onOk: function() {
+            let selectedRowKeys = JSON.parse(JSON.stringify(that.selectedRowKeys))
+            getAction(that.url.readAllMsg, { ids: selectedRowKeys.join(',') }).then((res) => {
+              if (res.success) {
+                that.selectedRowKeys = []
+                that.$message.success(that.$t('OperationSuccessful'))
+                that.loadData()
+              } else {
+                that.$message.success(that.$t('operationFailed'))
+              }
+            })
           }
         })
-        if (record.openType === 'component') {
-          this.openPath = record.openPage
-          this.formData = { id: record.busId }
-          this.$refs.showDynamNotice.detail()
-        } else {
-          this.$refs.ShowAnnouncement.detail(record)
-        }
-      },
-      expandChange(isTrue, val) {
-        if (isTrue) {
-          if (val.readFlag == '0') {
-            this.msgContentClick(val)
+      } else {
+        this.$message.warning(this.$t('PleaseSelectData'))
+      }
+    },
+    onSelectChange(value) {
+      this.selectedRowKeys = value
+    },
+    msgContentClick(row) {
+      getAction(this.url.readAllMsg, { ids: row.id }).then((res) => {
+        // this.loadData()
+      })
+      // this.$router.push({
+      //   path: '/system/MessageDetails',
+      //   query: row
+      // })
+    },
+    handleDel() {
+      var that = this
+      if (this.selectedRowKeys.length > 0) {
+        that.$confirm({
+          content: that.$t('ConfirmBatchDeletion'),
+          onOk: function() {
+            let selectedRowKeys = JSON.parse(JSON.stringify(that.selectedRowKeys))
+            deleteAction(that.url.deleteUrl, { ids: selectedRowKeys.join(',') }).then((res) => {
+              if (res.success) {
+                that.selectedRowKeys = []
+                that.$message.success(that.$t('OperationSuccessful'))
+                that.loadData()
+              } else {
+                that.$message.warning(that.$t('operationFailed'))
+              }
+            })
           }
-        }
-      },
-      readAll() {
-        var that = this
-        if (this.selectedRowKeys.length > 0) {
-          that.$confirm({
-            content: that.$t('AreAllLabelsRead'),
-            onOk: function() {
-              let selectedRowKeys = JSON.parse(JSON.stringify(that.selectedRowKeys))
-              getAction(that.url.readAllMsg, { ids: selectedRowKeys.join(',') }).then((res) => {
-                if (res.success) {
-                  that.selectedRowKeys = []
-                  that.$message.success(that.$t('OperationSuccessful'))
-                  that.loadData()
-                } else {
-                  that.$message.success(that.$t('operationFailed'))
-                }
-              })
-            }
-          })
-        } else {
-          this.$message.warning(this.$t('PleaseSelectData'))
-        }
-      },
-      onSelectChange(value) {
-        this.selectedRowKeys = value
-      },
-      msgContentClick(row) {
-        getAction(this.url.readAllMsg, { ids: row.id }).then((res) => {
-          // this.loadData()
         })
-        // this.$router.push({
-        //   path: '/system/MessageDetails',
-        //   query: row
-        // })
-      },
-      handleDel() {
-        var that = this
-        if (this.selectedRowKeys.length > 0) {
-          that.$confirm({
-            content: that.$t('ConfirmBatchDeletion'),
-            onOk: function() {
-              let selectedRowKeys = JSON.parse(JSON.stringify(that.selectedRowKeys))
-              deleteAction(that.url.deleteUrl, { ids: selectedRowKeys.join(',') }).then((res) => {
-                if (res.success) {
-                  that.selectedRowKeys = []
-                  that.$message.success(that.$t('OperationSuccessful'))
-                  that.loadData()
-                } else {
-                  that.$message.warning(that.$t('operationFailed'))
-                }
-              })
-            }
-          })
-        } else {
-          this.$message.warning(this.$t('PleaseSelectData'))
-        }
+      } else {
+        this.$message.warning(this.$t('PleaseSelectData'))
       }
     }
   }
+}
 </script>
 <style scoped>
-  @import '~@assets/less/common.less';
+@import '~@assets/less/common.less';
 
-  .ant-card-body .table-operator {
-    margin-bottom: 18px;
-  }
+.ant-card-body .table-operator {
+  margin-bottom: 18px;
+}
 
-  .anty-row-operator button {
-    margin: 0 5px
-  }
+.anty-row-operator button {
+  margin: 0 5px
+}
 
-  .ant-btn-danger {
-    background-color: #ffffff
-  }
+.ant-btn-danger {
+  background-color: #ffffff
+}
 
-  .ant-modal-cust-warp {
-    height: 100%
-  }
+.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-body {
+  height: calc(100% - 110px) !important;
+  overflow-y: auto
+}
 
-  .ant-modal-cust-warp .ant-modal-content {
-    height: 90% !important;
-    overflow-y: hidden
-  }
+.ant-modal-cust-warp .ant-modal-content {
+  height: 90% !important;
+  overflow-y: hidden
+}
 
-  .box-title-text {
-    line-height: 1.4;
-    display: flex;
-    align-items: center;
-    margin-bottom: 10px;
-  }
+.box-title-text {
+  line-height: 1.4;
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
 
-  .title-text {
-    width: 20%;
-    min-width: 90px;
-    color: #000F16;
-    display: inline-block;
-    font-weight: 500;
-    font-size: 14px;
-    margin-right: 16px;
-    margin-top: 3px;
-    text-align: right;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
+.title-text {
+  width: 20%;
+  min-width: 90px;
+  color: #000F16;
+  display: inline-block;
+  font-weight: 500;
+  font-size: 14px;
+  margin-right: 16px;
+  margin-top: 3px;
+  text-align: right;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 
-  .box-input {
-    display: inline-block;
-    width: 70%;
-    height: 38px;
-    margin-top: 2px;
-  }
+.box-input {
+  display: inline-block;
+  width: 70%;
+  height: 38px;
+  margin-top: 2px;
+}
 
-  .box-button {
-    height: 38px;
-    /*margin-top: 2px;*/
-  }
+.box-button {
+  height: 38px;
+  /*margin-top: 2px;*/
+}
 
-  ::v-deep .ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
-    margin-right: 0;
-  }
+::v-deep .ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
+  margin-right: 0;
+}
 </style>
 <style>
-  .box-input .ant-select-selection {
-    height: 38px;
-    line-height: 38px;
-  }
+.box-input .ant-select-selection {
+  height: 38px;
+  line-height: 38px;
+}
 
-  .box-input .ant-select-selection__rendered {
-    line-height: 38px;
-  }
+.box-input .ant-select-selection__rendered {
+  line-height: 38px;
+}
 </style>
\ No newline at end of file