From 7c44da4fa2e67c3efe0aa9e631e0d80e2ea4cdd4 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Fri, 18 Aug 2023 17:42:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=9A=E5=91=98=E4=B8=AD=E5=BF=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/logo1.png      | Bin 0 -> 19229 bytes
 src/const/modules.js             | 115 +++++++++++++++++
 src/pages/column/page/member.vue | 207 +++++++++++++++++++++++++++++++
 src/router/modules/column.js     |   5 +
 4 files changed, 327 insertions(+)
 create mode 100644 src/assets/images/logo1.png
 create mode 100644 src/pages/column/page/member.vue

diff --git a/src/assets/images/logo1.png b/src/assets/images/logo1.png
new file mode 100644
index 0000000000000000000000000000000000000000..96be788f9b7ee3287796bb4bba99db2309282f76
GIT binary patch
literal 19229
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

literal 0
HcmV?d00001

diff --git a/src/const/modules.js b/src/const/modules.js
index f451cf8..656abf4 100644
--- a/src/const/modules.js
+++ b/src/const/modules.js
@@ -62,4 +62,119 @@ export default {
       ]
     },
   ],
+  member: [
+    {
+      type: 'introduce',
+      forms: [
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+      ],
+      form: {
+        title: '',
+        isEnable: 1
+      },
+      list: [
+        {
+          title: '找实训产品难？',
+          isEnable: 1
+        },
+        {
+          title: '专业咨询、写方案难？',
+          isEnable: 1
+        },
+        {
+          title: '产品与方案匹配难？',
+          isEnable: 1
+        },
+        {
+          title: '项目垫资难？',
+          isEnable: 1
+        },
+      ]
+    },
+    {
+      type: 'form',
+      forms: [
+        {
+          type: 'editor',
+          prop: 'des',
+          label: '描述',
+          required: true
+        },
+      ],
+      form: {
+        des: '职站商城聚合新商科实训产品，高品质低价格，让你一站式采购无忧',
+      }
+    },
+    {
+      type: 'introduce',
+      forms: [
+        {
+          type: 'upload',
+          prop: 'pic',
+          label: '图片',
+          required: true,
+        },
+        {
+          type: 'input',
+          prop: 'title',
+          label: '标题',
+          required: true
+        },
+        {
+          type: 'textarea',
+          prop: 'des',
+          label: '描述'
+        }
+      ],
+      form: {
+        pic: '',
+        title: '',
+        des: '',
+        isEnable: 1
+      },
+      list: [
+        {
+          pic: 'https://www.occupationlab.com/images/member/icon1.png',
+          title: '一站式采购',
+          des: '优选高品质低价格产品',
+          isEnable: 1
+        },
+        {
+          pic: 'https://www.occupationlab.com/images/member/icon2.png',
+          title: '精准产品匹配',
+          des: '体系化产品方案匹配满足不同学科需求',
+          isEnable: 1
+        },
+        {
+          pic: 'https://www.occupationlab.com/images/member/icon3.png',
+          title: '本地化售前顾问',
+          des: '提供项目全流程售前售后支持服务',
+          isEnable: 1
+        },
+        {
+          pic: 'https://www.occupationlab.com/images/member/icon4.png',
+          title: '移动办公',
+          des: '查看产品、参数，下单，方案生成，手机上即可完成',
+          isEnable: 1
+        },
+        {
+          pic: 'https://www.occupationlab.com/images/member/icon5.png',
+          title: '免息账期',
+          des: '先发货后付款，支持背靠背支付',
+          isEnable: 1
+        },
+        {
+          pic: 'https://www.occupationlab.com/images/member/icon6.png',
+          title: '智能方案生成',
+          des: '内置有实验室配置方案模板只需3分钟即可生成方案',
+          isEnable: 1
+        },
+      ]
+    },
+  ],
 }
\ No newline at end of file
diff --git a/src/pages/column/page/member.vue b/src/pages/column/page/member.vue
new file mode 100644
index 0000000..2608240
--- /dev/null
+++ b/src/pages/column/page/member.vue
@@ -0,0 +1,207 @@
+<template>
+  <div class="wrap">
+    <div class="actions">
+      <p class="page-name">页面设置/会员中心</p>
+      <div>
+        <el-button type="primary"
+                   @click="preview">预览</el-button>
+        <el-button @click="save(0)">保存为草稿</el-button>
+        <el-button type="primary"
+                   @click="save(1)">发布</el-button>
+        <el-button @click="back">放弃编辑</el-button>
+      </div>
+    </div>
+
+    <div class="modules">
+      <div class="reg">
+        <div class="equity-wrap">
+          <img class="logo"
+               src="@/assets/images/logo1.png"
+               alt="">
+          <div class="equity">
+            <h6>
+              会员<em>专享权益</em>
+            </h6>
+            <div class="c-wrap">
+              <ul class="step">
+                <template v-for="(item, i) in modules[0].list">
+                  <li v-if="item.isEnable"
+                      :key="i">{{ item.title }}</li>
+                </template>
+              </ul>
+              <div class="cover"
+                   @click="toSet(0)">点击更改标题</div>
+            </div>
+            <div class="c-wrap m-b-20">
+              <div class="member-des"
+                   v-html="modules[1].form.des"></div>
+              <div class="cover"
+                   @click="toSet(1)">点击更改描述</div>
+            </div>
+            <div class="c-wrap">
+              <ul class="param">
+                <li v-for="(item, i) in modules[2].list"
+                    :key="i">
+                  <img :src="item.pic"
+                       alt="">
+                  <p class="name">{{ item.name }}</p>
+                  <p class="des">{{ item.des }}</p>
+                </li>
+              </ul>
+              <div class="cover"
+                   @click="toSet(2)">点击更改图片、标题与描述</div>
+            </div>
+            <div class="btn">立即注册 | 0元成会员</div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <Module ref="module"
+            :data.sync="curData"
+            :visible.sync="diaVisible"
+            @moduleSubmit="moduleSubmit" />
+  </div>
+</template>
+
+<script>
+import mixins from '@/mixins/page'
+import Modules from '@/const/modules'
+export default {
+  mixins: [mixins],
+  data () {
+    return {
+      modules: Modules.member,
+    }
+  },
+  mounted () {
+    this.$store.commit('user/setCrumbs', [
+      {
+        name: '站点管理',
+        route: '/site'
+      },
+      {
+        name: '内容管理',
+        route: '/column'
+      },
+      {
+        name: '栏目管理',
+        route: '/column'
+      },
+      {
+        name: '会员中心'
+      }
+    ])
+  },
+  methods: {
+
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@import '../../../styles/page/page.scss';
+.reg {
+    padding-bottom: 50px;
+    background: url(https://www.occupationlab.com/images/member/1.jpg) 0 0/100% 605px no-repeat;
+    .equity-wrap {
+        width: 1190px;
+        padding-top: 20px;
+        margin: 0 auto;
+    }
+    .logo {
+        width: 150px;
+    }
+    .equity {
+        min-height: 614px;
+        margin-top: 20px;
+        background: url(https://www.occupationlab.com/images/member/2.jpg) 0 0/100% 100% no-repeat;
+        background-color: #111d42;
+        border-radius: 24px 18px 18px 18px;
+        box-shadow: 0 0 20px 4px rgba(0, 16, 42, 0.3);
+        overflow: hidden;
+    }
+    h6 {
+        position: relative;
+        margin: 60px 0 39px;
+        font-size: 2rem;
+        font-weight: 600;
+        text-align: center;
+        color: #fff;
+        em {
+            font-style: normal;
+            color: #e3b871;
+        }
+        &:after {
+            content: 'VIP';
+            position: absolute;
+            top: -37px;
+            left: 0;
+            width: 100%;
+            text-align: center;
+            font-size: 6rem;
+            font-weight: 700;
+            color: hsla(0, 0%, 100%, 0.05);
+        }
+    }
+    .step {
+        display: flex;
+        justify-content: space-between;
+        padding: 0 60px 0 100px;
+        li {
+            position: relative;
+            font-size: 1.4rem;
+            color: #fff;
+            &:before {
+                content: '';
+                position: absolute;
+                top: 5px;
+                left: -34px;
+                width: 24px;
+                height: 24px;
+                background: url(https://www.occupationlab.com/images/member/3.png) 0 0/100% 100% no-repeat;
+            }
+        }
+    }
+    .member-des {
+        margin-top: 25px;
+        font-size: 1rem;
+        text-align: center;
+        color: #fff;
+    }
+    .param {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        padding: 0 120px;
+        li {
+            width: 33.33%;
+            padding: 20px 30px;
+            text-align: center;
+            .name {
+                margin: 10px 0 10px;
+                font-size: 1.1rem;
+                color: #fff;
+            }
+            .des {
+                font-size: 0.9rem;
+                line-height: 1.6;
+                color: hsla(0, 0%, 100%, 0.7);
+            }
+        }
+    }
+    .btn {
+        width: 400px;
+        height: 72px;
+        margin: 30px auto;
+        font-size: 24px;
+        color: #13192e;
+        font-weight: 600;
+        line-height: 72px;
+        text-align: center;
+        background-color: #e3b871;
+        background-image: linear-gradient(233.36deg, #e8ce8c, #f3c169);
+        border-radius: 38px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/router/modules/column.js b/src/router/modules/column.js
index bdd01d7..3f25669 100644
--- a/src/router/modules/column.js
+++ b/src/router/modules/column.js
@@ -31,5 +31,10 @@ export default {
       component: () => import('@/pages/column/page/index'),
       meta: { title: '首页' }
     },
+    {
+      path: `member`,
+      component: () => import('@/pages/column/page/member'),
+      meta: { title: '会员中心' }
+    },
   ]
 }