页面上方标题组件；普通项目管理和工作组项目管理接口联调

src/views/businessManagement/BusinessManagement.vue

@@ -1,75 +1,80 @@
 <template>
-  <a-card :bordered="false">
-    <!--    查询区域-start -->
-    <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.companyName"></a-input>
-            </a-form-item>
-          </a-col>
-          <a-col :xl="6" :lg="7" :md="8" :sm="24">
+  <div>
+    <page-header-title :img-for-icon="IconImg"></page-header-title>
+    <a-card :bordered="false">
+      <!--    查询区域-start -->
+      <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.companyName"></a-input>
+              </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">查询</a-button>
               <a-button icon="reload" @click="searchReset">重置</a-button>
             </span>
-          </a-col>
-        </a-row>
-      </a-form>
-    </div>
-    <!--    查询区域-end-->
+            </a-col>
+          </a-row>
+        </a-form>
+      </div>
+      <!--    查询区域-end-->
 
-    <!--    操作按钮区域-->
-    <div class="table-operator">
-      <a-button type="primary" icon="plus" @click="handleAdd">新增</a-button>
-      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
-        <a-button type="primary" icon="import">导入</a-button>
-      </a-upload>
-      <a-button type="primary" icon="export" @click="handleExportXls('企业管理')">导出</a-button>
-      <a-button type="primary" icon="download" @click="downTemplate('企业管理导入模板')">下载模板</a-button>
-      <a-button type="danger" icon="delete" @click="batchDel">批量删除</a-button>
-    </div>
-    <!--    操作按钮区域-end-->
+      <!--    操作按钮区域-->
+      <div class="table-operator">
+        <a-button type="primary" icon="plus" @click="handleAdd">新增</a-button>
+        <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
+          <a-button type="primary" icon="import">导入</a-button>
+        </a-upload>
+        <a-button type="primary" icon="export" @click="handleExportXls('企业管理')">导出</a-button>
+        <a-button type="primary" icon="download" @click="downTemplate('企业管理导入模板')">下载模板</a-button>
+        <a-button type="danger" icon="delete" @click="batchDel">批量删除</a-button>
+      </div>
+      <!--    操作按钮区域-end-->
 
-    <!--    table表格区域-->
-    <div>
-      <a-table
-          ref="table"
-          size="middle"
-          bordered
-          rowKey="id"
-          :columns="columns"
-          :scroll="{x: 1500}"
-          :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"
+            :columns="columns"
+            :scroll="{x: 1500}"
+            :dataSource="dataSource"
+            :pagination="ipagination"
+            :loading="loading"
+            :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
+            @change="handleTableChange"
+            class="j-table-force-nowrap">
 
-        <template slot="text" slot-scope="text,record">
-          <j-ellipsis :value="text" :length="18"></j-ellipsis>
-        </template>
+          <template slot="text" slot-scope="text,record">
+            <j-ellipsis :value="text" :length="18"></j-ellipsis>
+          </template>
 
-        <span slot="action" class="action-span-cell" slot-scope="text, record">
+          <span slot="action" class="action-span-cell" slot-scope="text, record">
           <a @click="handleEdit(record)">编辑</a>
           <a @click="handleDelete(record.id)">删除</a>
         </span>
-      </a-table>
-    </div>
-    <business-management-module ref="modalForm" @ok="modalFormOk"></business-management-module>
-  </a-card>
+        </a-table>
+      </div>
+      <business-management-module ref="modalForm" @ok="modalFormOk"></business-management-module>
+    </a-card>
+  </div>
 </template>
 
 <script>
 import { JeroListMixin } from '@/mixins/JeroListMixin'
 import JEllipsis from '@comp/jero/JEllipsis'
 import BusinessManagementModule from './modules/BusinessManagementModule'
+import PageHeaderTitle from '@comp/layouts/PageHeaderTitle'
+import IconImg from '@/assets/imgs/icon/icon_company_management.png'
 
 export default {
   name: 'BusinessManagement',
-  components: { JEllipsis, BusinessManagementModule },
+  components: { JEllipsis, BusinessManagementModule, PageHeaderTitle },
   mixins: [JeroListMixin],
   computed: {
     importExcelUrl: function(){
@@ -78,6 +83,7 @@ export default {
   },
   data() {
     return {
+      IconImg,
       labelCol: {
         xs: { span: 24 },
         sm: { span: 5 }