成员专区代码提交

src/components/layout/header/mock.js

@@ -762,12 +762,6 @@ export const nav = [
                         ],
                     },
 
-                    
-
-
-
-
-
                 ],
             },
             {
@@ -792,7 +786,7 @@ export const nav = [
         id: "8",
         name: "成员专区",
         index: 8,
-        link: "/LeaguerService",
+        link: "/Member",
         children: [],
     },
 ];

src/router/index.js

@@ -639,7 +639,16 @@ const routes = [
           name: "法律法规",
         },
         component: () => import("@/views/Knowledge/Statute.vue"),
-      }
+      },
+      //成员专区
+      {
+        path: "/Member",
+        name: "Member",
+        meta: {
+          name: "成员专区",
+        },
+        component: () => import("@/views/Member/index.vue"),
+      },
 
     ],
   },
@@ -775,6 +784,8 @@ const routes = [
       },
     ],
   },
+  
+
   {
     path: "/login",
     name: "login",

src/views/Member/index.vue

 <template>
-  <div></div>
-</template>
+  <div class="org container">
+    <div class="row status-container">
+
+      <div class="col-lg-9 "  >
+        <div class="listStyle">
+          <div class="title">欢迎登陆系统成员服务专区</div>
+          <p>本专区面向中国商品条码系统成员开放，专区包括线上咨询、产品管理、共享中心、课程会议及应用市场等功能。</p>
+          <p>专区功能简单介绍如下：</p>
+          <p>1. 线上咨询：供系统成员浏览条码常见问题并在线进行提问，问题会有专人进行回复；</p>
+          <p>2. 产品管理：提供标准化产品信息管理服务，支持用户商品编码及产品基础信息的填报、存储与维护服务，并且全面收集市场中商品条码信息，向用户反馈缺失信息，供用户了解商品条码市场应用情况，并可对缺失产品进行处理；</p>
+          <p>3. 共享中心：基于商品信息数据库推出的数据深度应用项目，面向生产企业与数据应用方提供高质量商品数据的整合、加工与应用服务；</p>
+          <p>4. 学习课程：为系统成员提供相关条码知识的PPT课件及视频课程，课程内容会随行业动态等信息的变换而做相应的更新和调整；</p>
+          <p>5. 会议功能：发布中国物品编码中心以及系统成员所属分支机构提供的培训等会议信息和报名服务；</p>
+          <p>6. 应用市场：面向系统成员提供商品条码标准化应用与信息化产品的开放式应用中心，服务内容涉及软件应用、系统集成开发、技术支持与培训、定制化服务等标准化与信息化解决方案。</p>
+          <p>继续使用该专区功能，请使用条码卡卡号及密码登录。</p>
+       
+          <p style="text-align:center"><el-button type="primary" style="padding: 9px 30px;margin-right: 6px"  @click="handleToLogin">登录
+          </el-button></p>
+        </div>
+      
         
+        
+      </div>
+      <div class="col-lg-3">
+        <div class="listStyle xgbz">
+          <div class="title">中国物品编码中心分支机构培训计划公告</div>
+          <p>为更好的开展我国商品条码系统成员教育培训工作，使我国商品条码系统成员第一时间了解各地区分支机构培训时间及培训内容，现将中国物品编码中心全国分支机构培训计划进行公布，如需了解请按下方提示点击进入。</p>
+          <p style="text-align:center;margin-top:110px"><el-button type="primary" style="padding: 9px 30px;margin-right: 6px"  >分支机构季度培训计划
+          </el-button></p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
 <script>
+
+
+
+export default {
+  
+  data() {
+    return {
+ 
+    };
+  },
+  computed: {
+    routes() {
+     
+    },
+  },
+  created() {
+    
+  },
+  methods: {
+    handleToLogin() {
+      window.location.href='http://v3.gds.org.cn/LoginService.aspx';
+    }
+  },
+};
 </script>
+<style lang="scss"  scoped>
+
+  @media screen and(min-width: 992px) {
+    .listStyle{
+
+    }
+  }
+  @media screen and (max-width:  992px) {
+    .listStyle{
+      height: auto!important;
+    }
+}
+
+</style>
+<style lang="scss" scoped>
+.org {
+  padding-bottom: 20px;
+ 
+ 
+    }
+  
+  .listStyle{
+    
+    font-size: 14px;
+    background: #fff;
+    margin-top: 20px;
+    padding: 20px;
+    height: 650px;
+    .title {
+        padding: 20px;
+        font-size: 24px;
+        font-weight: 800;
+        color: #f26335;
+        line-height: 30px;
+        border-bottom: 1px solid #b1b3b3;
+        margin-bottom: 15px;
+        text-align: center;
+      }
+    p{
+      line-height: 24px;
+      // margin: 0;
+      text-indent: 28px;
+      button{
+          border-radius: 4px;
+      }
+
+    }
+    .listStyle-title{
+      text-align: center;
+      background: #F7F7F7;
+      margin: 0;
+      >div{
+        padding: 0;
+      }
+      
+    }
+    
+   
+  
+
    
-<style lang="scss">
+}
 </style>
\ No newline at end of file