工作组会议页面上方组件替换

src/views/projectManagement/ConferenceMaintenance.vue

@@ -1,11 +1,7 @@
 <template>
+  <div>
+    <page-header-title :is-level-one="false" :level-two-title="workingGroupProject"></page-header-title>
     <a-card :bordered="false">
-    <div class="title">
-      <a-icon type="left" :style="{ fontSize: '22px' }" @click="backWorkingGroupProject"></a-icon>
-      <span class="title-text">{{ workingGroupProject }}</span>
-    </div>
-    <div class="divider"></div>
-
       <!--    查询区域-->
       <div class="table-page-search-wrapper">
         <a-form layout="inline" @keyup.enter.native="searchQuery">
@@ -78,12 +74,16 @@
 
       <!--    操作按钮区域-->
       <div class="table-operator">
-      <a-button type="primary" icon="plus" @click="handleAdd" v-has="'workGroupMeeting:add'" v-if="canOperate">新增</a-button>
+        <a-button type="primary" icon="plus" @click="handleAdd" v-has="'workGroupMeeting:add'" v-if="canOperate">新增
+        </a-button>
         <a-button type="primary" icon="export" @click="handleExportXls('工作组会议')"
                   v-has="'workGroupMeeting:export'">导出
         </a-button>
-      <a-button type="danger" icon="delete" @click="batchDel" v-has="'workGroupMeeting:batchDel'" v-if="canOperate">批量删除</a-button>
+        <a-button type="danger" icon="delete" @click="batchDel" v-has="'workGroupMeeting:batchDel'" v-if="canOperate">
-      <a-button type="primary" @click="publishRemind" v-has="'workGroupMeeting:publish'" v-if="canOperate">发布</a-button>
+          批量删除
+        </a-button>
+        <a-button type="primary" @click="publishRemind" v-has="'workGroupMeeting:publish'" v-if="canOperate">发布
+        </a-button>
       </div>
       <!--    /操作按钮区域-end-->
 
@@ -124,6 +124,7 @@
       <publish-remind-modal ref="publishRemindModal" @ok="modalFormOk"></publish-remind-modal>
       <upload-meet-file-modal ref="modalForm" @ok="modalFormOk"></upload-meet-file-modal>
     </a-card>
+  </div>
 </template>
 
 <script>
@@ -136,6 +137,7 @@ import JDictSelectTag from '@comp/dict/JDictSelectTag'
 import PublishRemindModal from '@views/projectManagement/modules/PublishRemindModal'
 import UploadMeetFileModal from '@views/incomePayments/meetManage/modules/UploadMeetFileModal'
 import '@/assets/less/TableExpand.less'
+import PageHeaderTitle from '../../components/layouts/PageHeaderTitle'
 
 export default {
   name: 'ConferenceMaintenance',
@@ -144,7 +146,8 @@ export default {
     JDate,
     JDictSelectTag,
     PublishRemindModal,
-    UploadMeetFileModal
+    UploadMeetFileModal,
+    PageHeaderTitle
   },
   mixins: [JeroListMixin, RangeDateMixin],
   data() {
@@ -181,7 +184,7 @@ export default {
           align: 'center',
           dataIndex: 'meetingName',
           scopedSlots: { customRender: 'htmlSlot' },
-          width: 160,
+          width: 160
 
         },
         {
@@ -240,15 +243,15 @@ export default {
           fixed: 'right',
           width: 160,
           scopedSlots: { customRender: 'action' }
-        },
+        }
       ],
       url: {
         list: '/meeting/workGroupMeeting/page',
         delete: '/meeting/workGroupMeeting/delete',
         deleteBatch: '/meeting/workGroupMeeting/deleteBatch',
-        exportXlsUrl: '/meeting/workGroupMeeting/exportXls',
+        exportXlsUrl: '/meeting/workGroupMeeting/exportXls'
       },
-      canOperate: true, // 是否可操作（负责人B不可操作）
+      canOperate: true // 是否可操作（负责人B不可操作）
     }
   },
   created() {
@@ -291,7 +294,7 @@ export default {
         path: '/incomePayments/meetManage/AddOrDetailMeet',
         query: {
           workingGroupProjectId: currentId,
-          id: record.id,
+          id: record.id
         }
       })
     },
@@ -366,7 +369,7 @@ export default {
       this.queryParam.createTime_end = this.queryParam.createTime_end ? this.queryParam.createTime_end + ' ' + '23:59:59' : undefined
       this.lastQueryParam = { ...this.queryParam }
       this.loadData(1)
-    },
+    }
   }
 }
 </script>