添加列表页标题组件

This commit is contained in:
fengachen
2021-09-01 19:24:15 +08:00
parent 541197c12f
commit 3da0bc2c6b
4 changed files with 227 additions and 199 deletions
@@ -1,4 +1,6 @@
<template> <template>
<div>
<page-header-title :img-for-icon="IconImg"></page-header-title>
<a-card :bordered="false"> <a-card :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
@@ -89,6 +91,7 @@
<!-- <meet-modal ref="modalForm" @ok="modalFormOk"></meet-modal>--> <!-- <meet-modal ref="modalForm" @ok="modalFormOk"></meet-modal>-->
<upload-meet-file-modal ref="modalForm" @ok="modalFormOk"></upload-meet-file-modal> <upload-meet-file-modal ref="modalForm" @ok="modalFormOk"></upload-meet-file-modal>
</a-card> </a-card>
</div>
</template> </template>
<script> <script>
@@ -96,6 +99,8 @@ import {mixinDevice} from '@/utils/mixin'
import {JeroListMixin} from '@/mixins/JeroListMixin' import {JeroListMixin} from '@/mixins/JeroListMixin'
import JYearDate from "@comp/jero/JYearDate"; import JYearDate from "@comp/jero/JYearDate";
import UploadMeetFileModal from "@views/incomePayments/meetManage/modules/UploadMeetFileModal"; import UploadMeetFileModal from "@views/incomePayments/meetManage/modules/UploadMeetFileModal";
import PageHeaderTitle from "@comp/layouts/PageHeaderTitle";
import IconImg from '@/assets/imgs/icon/icon_company_management.png'
// import MeetModal from "@views/incomePayments/meetManage/modules/MeetModal"; // import MeetModal from "@views/incomePayments/meetManage/modules/MeetModal";
export default { export default {
@@ -103,12 +108,14 @@ export default {
mixins: [JeroListMixin, mixinDevice], mixins: [JeroListMixin, mixinDevice],
components: { components: {
JYearDate, JYearDate,
UploadMeetFileModal UploadMeetFileModal,
PageHeaderTitle
// MeetModal // MeetModal
}, },
data() { data() {
return { return {
description: '会员项目管理页面', description: '会员项目管理页面',
IconImg,
columns: [ columns: [
{ {
title: '序号', title: '序号',
@@ -214,6 +221,7 @@ export default {
<style scoped lang="less"> <style scoped lang="less">
@import '~@assets/less/common.less'; @import '~@assets/less/common.less';
.primary-color { .primary-color {
color: #069f99; color: #069f99;
cursor: pointer; cursor: pointer;
@@ -1,5 +1,8 @@
<template> <template>
<div>
<page-header-title :img-for-icon="IconImg"></page-header-title>
<a-card :bordered="false"> <a-card :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery"> <a-form layout="inline" @keyup.enter.native="searchQuery">
@@ -69,6 +72,7 @@
</div> </div>
<member-project-modal ref="modalForm" @ok="modalFormOk"></member-project-modal> <member-project-modal ref="modalForm" @ok="modalFormOk"></member-project-modal>
</a-card> </a-card>
</div>
</template> </template>
<script> <script>
@@ -76,17 +80,21 @@ import {mixinDevice} from '@/utils/mixin'
import {JeroListMixin} from '@/mixins/JeroListMixin' import {JeroListMixin} from '@/mixins/JeroListMixin'
import JYearDate from "@comp/jero/JYearDate"; import JYearDate from "@comp/jero/JYearDate";
import MemberProjectModal from "@views/incomePayments/memberManage/modules/MemberProjectModal"; import MemberProjectModal from "@views/incomePayments/memberManage/modules/MemberProjectModal";
import PageHeaderTitle from "@comp/layouts/PageHeaderTitle";
import IconImg from '@/assets/imgs/icon/icon_company_management.png'
export default { export default {
mixins: [JeroListMixin, mixinDevice], mixins: [JeroListMixin, mixinDevice],
name: "MemberProjectList", name: "MemberProjectList",
components: { components: {
JYearDate, JYearDate,
MemberProjectModal MemberProjectModal,
PageHeaderTitle
}, },
data() { data() {
return { return {
description: '会员项目管理页面', description: '会员项目管理页面',
IconImg,
columns: [ columns: [
{ {
title: '序号', title: '序号',
@@ -154,6 +162,7 @@ export default {
<style scoped lang="less"> <style scoped lang="less">
@import '~@assets/less/common.less'; @import '~@assets/less/common.less';
.primary-color { .primary-color {
color: #069f99; color: #069f99;
cursor: pointer; cursor: pointer;
@@ -120,6 +120,9 @@ import JYearDate from "@comp/jero/JYearDate";
import SafeguardMemberModal from "@views/incomePayments/memberManage/modules/SafeguardMemberModal"; import SafeguardMemberModal from "@views/incomePayments/memberManage/modules/SafeguardMemberModal";
import ProjectDetailModal from "@comp/ProjectDetailModal"; import ProjectDetailModal from "@comp/ProjectDetailModal";
import StatusSlot from "@comp/tools/StatusSlot"; import StatusSlot from "@comp/tools/StatusSlot";
import PageHeaderTitle from "@comp/layouts/PageHeaderTitle";
import IconImg from '@/assets/imgs/icon/icon_company_management.png'
import {getAction} from "@api/manage"; import {getAction} from "@api/manage";
import {getFileInfo} from "@api/api"; import {getFileInfo} from "@api/api";
@@ -130,11 +133,13 @@ export default {
JYearDate, JYearDate,
SafeguardMemberModal, SafeguardMemberModal,
ProjectDetailModal, ProjectDetailModal,
StatusSlot StatusSlot,
PageHeaderTitle
}, },
data() { data() {
return { return {
description: '会员项目成员维护页面', description: '会员项目成员维护页面',
IconImg,
columns: [ columns: [
{ {
title: '序号', title: '序号',
@@ -1,4 +1,6 @@
<template> <template>
<div>
<page-header-title :img-for-icon="IconImg"></page-header-title>
<a-card :bordered="false"> <a-card :bordered="false">
<!-- 查询区域 --> <!-- 查询区域 -->
<div class="table-page-search-wrapper"> <div class="table-page-search-wrapper">
@@ -63,6 +65,7 @@
</a-table> </a-table>
</div> </div>
</a-card> </a-card>
</div>
</template> </template>
<script> <script>
@@ -72,9 +75,13 @@ import {JeroListMixin} from '@/mixins/JeroListMixin'
export default { export default {
name: "StardsMemberProject", name: "StardsMemberProject",
mixins: [JeroListMixin, mixinDevice], mixins: [JeroListMixin, mixinDevice],
components: {
PageHeaderTitle
},
data() { data() {
return { return {
description: '会员项目管理页面', description: '会员项目管理页面',
IconImg,
columns: [ columns: [
{ {
title: '序号', title: '序号',
@@ -106,8 +113,7 @@ export default {
console.log(1) console.log(1)
this.$router.push({ this.$router.push({
path: '/incomePayments/memberManage/SafeguardStardsMemberList', path: '/incomePayments/memberManage/SafeguardStardsMemberList',
query: { query: {}
}
}) })
} }
} }