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

src/views/projectManagement/ConferenceMaintenance.vue

@@ -1,129 +1,130 @@
 <template>
-  <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>
+    <page-header-title :is-level-one="false" :level-two-title="workingGroupProject"></page-header-title>
+    <a-card :bordered="false">
+      <!--    查询区域-->
+      <div class="table-page-search-wrapper">
+        <a-form layout="inline" @keyup.enter.native="searchQuery">
+          <a-row>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="会议名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <a-input placeholder="请输入会议名称" v-model="queryParam.meetingName" :maxLength='50'></a-input>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="10" :lg="12" :md="12" :sm="24">
+              <a-form-item label="会议时间">
+                <j-date
+                  placeholder="请选择开始日期"
+                  class="query-group-cust"
+                  v-model="queryParam.meetingStartTime"
+                  :disabled-date="disabledStartDate">
+                </j-date>
+                <span class="query-group-split-cust"></span>
+                <j-date
+                  placeholder="请选择结束日期"
+                  class="query-group-cust"
+                  v-model="queryParam.meetingEndTime"
+                  :disabled-date="disabledEndDate">
+                </j-date>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <j-year-date style="width:100%" placeholder="请选择年份"
+                             v-model="queryParam.particularYear"></j-year-date>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="10" :lg="12" :md="12" :sm="24">
+              <a-form-item label="创建时间">
+                <j-date
+                  placeholder="请选择开始日期"
+                  class="query-group-cust"
+                  v-model="queryParam.createTime_begin"
+                  :disabled-date="disabledStartCreateDate">
+                </j-date>
+                <span class="query-group-split-cust"></span>
+                <j-date
+                  placeholder="请选择结束日期"
+                  class="query-group-cust"
+                  v-model="queryParam.createTime_end"
+                  :disabled-date="disabledEndCreateDate">
+                </j-date>
+              </a-form-item>
+            </a-col>
 
-    <!--    查询区域-->
-    <div class="table-page-search-wrapper">
-      <a-form layout="inline" @keyup.enter.native="searchQuery">
-        <a-row>
-          <a-col :xl="6" :lg="7" :md="8" :sm="24">
-            <a-form-item label="会议名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <a-input placeholder="请输入会议名称" v-model="queryParam.meetingName" :maxLength='50'></a-input>
-            </a-form-item>
-          </a-col>
-          <a-col :xl="10" :lg="12" :md="12" :sm="24">
-            <a-form-item label="会议时间">
-              <j-date
-                placeholder="请选择开始日期"
-                class="query-group-cust"
-                v-model="queryParam.meetingStartTime"
-                :disabled-date="disabledStartDate">
-              </j-date>
-              <span class="query-group-split-cust"></span>
-              <j-date
-                placeholder="请选择结束日期"
-                class="query-group-cust"
-                v-model="queryParam.meetingEndTime"
-                :disabled-date="disabledEndDate">
-              </j-date>
-            </a-form-item>
-          </a-col>
-          <a-col :xl="6" :lg="7" :md="8" :sm="24">
-            <a-form-item label="年份" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <j-year-date style="width:100%" placeholder="请选择年份"
-                           v-model="queryParam.particularYear"></j-year-date>
-            </a-form-item>
-          </a-col>
-          <a-col :xl="10" :lg="12" :md="12" :sm="24">
-            <a-form-item label="创建时间">
-              <j-date
-                placeholder="请选择开始日期"
-                class="query-group-cust"
-                v-model="queryParam.createTime_begin"
-                :disabled-date="disabledStartCreateDate">
-              </j-date>
-              <span class="query-group-split-cust"></span>
-              <j-date
-                placeholder="请选择结束日期"
-                class="query-group-cust"
-                v-model="queryParam.createTime_end"
-                :disabled-date="disabledEndCreateDate">
-              </j-date>
-            </a-form-item>
-          </a-col>
-
-          <a-col :xl="6" :lg="7" :md="8" :sm="24">
-            <a-form-item label="已提醒" :labelCol="labelCol" :wrapperCol="wrapperCol">
-              <j-dict-select-tag style="width: 100%"
-                                 dict-code="yn"
-                                 v-model="queryParam.remind"
-                                 placeholder="请选择提醒类型"></j-dict-select-tag>
-            </a-form-item>
-          </a-col>
-          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
+              <a-form-item label="已提醒" :labelCol="labelCol" :wrapperCol="wrapperCol">
+                <j-dict-select-tag style="width: 100%"
+                                   dict-code="yn"
+                                   v-model="queryParam.remind"
+                                   placeholder="请选择提醒类型"></j-dict-select-tag>
+              </a-form-item>
+            </a-col>
+            <a-col :xl="6" :lg="7" :md="8" :sm="24">
             <span class="table-page-search-submitButtons">
               <a-button type="primary" icon="search" @click="searchQuery"
                         v-has="'workGroupMeeting:search'">查询</a-button>
               <a-button icon="reload" @click="searchReset" class="reset-button">重置</a-button>
             </span>
-          </a-col>
-        </a-row>
-      </a-form>
-    </div>
-    <!--    /查询区域-->
+            </a-col>
+          </a-row>
+        </a-form>
+      </div>
+      <!--    /查询区域-->
 
-    <!--    操作按钮区域-->
-    <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="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="primary" @click="publishRemind" v-has="'workGroupMeeting:publish'" v-if="canOperate">发布</a-button>
-    </div>
-    <!--    /操作按钮区域-end-->
+      <!--    操作按钮区域-->
+      <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="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="primary" @click="publishRemind" v-has="'workGroupMeeting:publish'" v-if="canOperate">发布
+        </a-button>
+      </div>
+      <!--    /操作按钮区域-end-->
 
-    <!--    table表格区域-->
-    <div>
-      <a-table
-        ref="table"
-        size="middle"
-        bordered
-        rowKey="id"
-        :scroll="{x:true}"
-        :columns="columns"
-        :dataSource="dataSource"
-        :pagination="ipagination"
-        :loading="loading"
-        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
-        @change="handleTableChange"
-        class="j-table-force-nowrap">
+      <!--    table表格区域-->
+      <div>
+        <a-table
+          ref="table"
+          size="middle"
+          bordered
+          rowKey="id"
+          :scroll="{x:true}"
+          :columns="columns"
+          :dataSource="dataSource"
+          :pagination="ipagination"
+          :loading="loading"
+          :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+          @change="handleTableChange"
+          class="j-table-force-nowrap">
 
-        <!-- 会议名称 点击去参会情况-->
-        <template slot="htmlSlot" slot-scope="text, record">
-          <j-ellipsis v-if="!!text" class="primary-color" :value="text" :length="20"
-                      @click="toAttendance(record)"></j-ellipsis>
-        </template>
+          <!-- 会议名称 点击去参会情况-->
+          <template slot="htmlSlot" slot-scope="text, record">
+            <j-ellipsis v-if="!!text" class="primary-color" :value="text" :length="20"
+                        @click="toAttendance(record)"></j-ellipsis>
+          </template>
 
-        <template slot="text" slot-scope="text">
-          <j-ellipsis :value="text" :length="20"></j-ellipsis>
-        </template>
+          <template slot="text" slot-scope="text">
+            <j-ellipsis :value="text" :length="20"></j-ellipsis>
+          </template>
 
-        <span slot="action" class="action-span-cell" slot-scope="text, record" v-if="canOperate">
+          <span slot="action" class="action-span-cell" slot-scope="text, record" v-if="canOperate">
           <a @click="uploadFile(record)" v-has="'workGroupMeeting:upload'">上传文件</a>
-          <!--          <a @click="applyMsg">报名信息</a>-->
+            <!--          <a @click="applyMsg">报名信息</a>-->
           <a @click="handleEdit(record)" v-has="'workGroupMeeting:edit'">编辑</a>
           <a @click="handleDelete(record.id)" v-has="'workGroupMeeting:delete'">删除</a>
         </span>
-      </a-table>
-    </div>
-    <publish-remind-modal ref="publishRemindModal" @ok="modalFormOk"></publish-remind-modal>
-    <upload-meet-file-modal ref="modalForm" @ok="modalFormOk"></upload-meet-file-modal>
-  </a-card>
+        </a-table>
+      </div>
+      <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() {
@@ -277,7 +280,7 @@ export default {
         path: '/incomePayments/meetManage/AddOrDetailMeet',
         query: {
           workingGroupProjectId: currentId,
-          meetingType:'1'
+          meetingType: '1'
         }
       })
     },
@@ -291,7 +294,7 @@ export default {
         path: '/incomePayments/meetManage/AddOrDetailMeet',
         query: {
           workingGroupProjectId: currentId,
-          id: record.id,
+          id: record.id
         }
       })
     },
@@ -332,7 +335,7 @@ export default {
         query: {
           id: record.id,
           meetingName: record.meetingName,
-          meetingType:'1'
+          meetingType: '1'
         }
       })
     },
@@ -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>