城市合作商页面开发

assets/scss/cus-client/cus-client-page.scss

@@ -1850,5 +1850,347 @@
 
 
   }
+
+  /**************** describe:城市合作商  author: TX  date:2022-09-22 ****************/
+  .urban-partners-page{
+    // 标题
+    .urban-partners-title{
+      font-size: 36px;color: #3b3838;text-align: center;font-weight: 700;
+    }
+
+    // banner
+    .urban-partners-banner{
+     width:100%;height: 514px;background-position: center;position: relative;
+      background-image:url("~static/images/client/urbanPartners/urban-partners-banner-pc.png");
+      span{
+        width: 222px;height: 58px;line-height:58px;display: inline-block;font-size: 24px;
+        background: #f5f5f5;border-radius: 10px;color: #1d1ab2;position: absolute;left: 50%;
+        transform: translateX(-50%);bottom: 126px;text-align: center;cursor: pointer;
+      }
+    }
+
+    // 携手栋科软件
+    .xs-dk-box{
+      width: 100%;height: 386px;padding-top: 105px;box-sizing: border-box;
+      background-image:url("~static/images/client/urbanPartners/xs-dk-bj.png");
+      background-position: center;background-size: cover;
+      ul{display: flex;margin-top: 82px;justify-content: space-around;}
+      li{font-size: 22px;text-align: center;}
+      span{color: #0165CD;font-size: 36px;font-family: 'Din';padding: 0 4px;}
+    }
+
+    // 私有化部署
+    .syh-bs-box{
+      background: #F9F9F9;padding: 70px 0 114px;
+        // 布局
+      .syh-bs-card{
+        display: flex;
+        >div{width: 50%;}
+        >div +div{margin-left: 50px;}
+      }
+        // 头部
+        .syh-bs-head{
+          h4{font-size: 36px;font-weight: 700;color: #3b3838;text-align: center}
+          i{
+            width:313px;height:35px;display: block;margin: 12px auto;
+            background-image:url("~static/images/client/urbanPartners/tree-branch-icon.png");}
+        }
+
+        // 内容区域
+        .syh-bs-body{
+          display: flex;margin: 0 -25px;
+          li{width: 50%;}
+          div{height:352px;margin: 0 25px;background: #fff;border: 1px solid #d0d0d0;border-radius: 10px;}
+          i{width: 83px;height: 80px;display: block;margin: 56px auto 0;}
+          h5{font-size: 20px;font-weight: 700;color: #3b3838;text-align: center;margin: 36px 0 24px;}
+          p{width:82%;font-size: 18px;font-weight: 400;color: #3b3838;display: flex;
+            line-height: 28px;margin: 0 auto;text-align: justify;}
+          p:before{
+            content: '';width: 6px;height: 6px;background: #1d3ac3;border-radius: 50%;
+            flex-shrink: 0;margin: 10px 12px 0 0;
+          }
+          li:nth-child(1) i{background-image:url("~static/images/client/urbanPartners/syh-bs-icon1.png");}
+          li:nth-child(2) i{background-image:url("~static/images/client/urbanPartners/syh-bs-icon1.png");}
+          li:nth-child(3) i{background-image:url("~static/images/client/urbanPartners/syh-bs-icon1.png");}
+          li:nth-child(4) i{background-image:url("~static/images/client/urbanPartners/syh-bs-icon1.png");}
+        }
+    }
+
+    // 合作优势
+    .hz-ys-box{
+      background-color: #fff;padding: 94px 0 120px;font-size: 0;
+      h5{font-size: 24px;color: #3b3838;text-align: center;margin: 24px 0 75px;}
+      .hz-ys-card{
+        width: 48%;display: inline-block;border: 1px solid #2a63c6;padding: 35px 48px 35px 78px;
+        border-radius: 10px;box-sizing: border-box;
+        p{display: flex;font-size: 20px;font-weight: 500;margin-bottom: 32px;
+          color: #3b3838;line-height: 64px;}
+        p:last-child{margin-bottom: 0;}
+        i{width: 64px;height: 64px;display: block;margin-right: 44px;}
+      }
+      .hz-ys-card +.hz-ys-card{margin-left: 4%;}
+      .card-left p:nth-child(1) i{background-image:url("~static/images/client/urbanPartners/hz-ys-icon1.png");}
+      .card-left p:nth-child(2) i{background-image:url("~static/images/client/urbanPartners/hz-ys-icon2.png");}
+      .card-left p:nth-child(3) i{background-image:url("~static/images/client/urbanPartners/hz-ys-icon3.png");}
+      .card-right p:nth-child(1) i{background-image:url("~static/images/client/urbanPartners/hz-ys-icon4.png");}
+      .card-right p:nth-child(2) i{background-image:url("~static/images/client/urbanPartners/hz-ys-icon5.png");}
+      .card-right p:nth-child(3) i{background-image:url("~static/images/client/urbanPartners/hz-ys-icon6.png");}
+    }
+
+    // 合作条件
+    .hz-tj-box{
+      width: 100%;height: 651px;padding: 128px 0 124px;box-sizing: border-box;
+      background-image:url("~static/images/client/urbanPartners/hz-tj-bj.png");background-repeat: no-repeat;
+      background-position: center;
+      .hz-yj-body{
+        display: flex;margin: 100px -12px 0;
+      li{width: 25%;}
+      div{height: 267px;display: block;background: #fff;border-radius: 10px;margin: 0 12px;overflow: hidden;}
+      div:before{content: '';width:100%;height: 10px;display: block;
+        background: linear-gradient(89deg,#2739f6 0%, #5bbaf9 100%);}
+      p{
+        font-size: 26px;font-weight: 500;text-align: center;color: #2a63c6;margin-top: 70px;
+      }
+      span{
+        font-size: 18px;font-weight: 400;text-align: center;color: #3b3838;line-height: 30px;
+        margin-top: 30px;display: block;
+      }
+      }
+    }
+
+    // 申请城市合作商弹窗
+    .apply-collaborate-dialog{
+      .el-dialog{width: 480px;border-radius: 8px;}
+      .el-dialog__header{display: none;}
+      .el-dialog__body{padding:0 48px 38px;}
+      // 弹窗标题
+      h4{
+        font-size: 28px;font-weight: 700;color: #2a63c6;
+        padding: 36px 0 40px;text-align: center;
+      }
+      // 按钮
+      .apply-dialog-btn{
+        width: 180px;height: 54px;
+        line-height: 54px;background: #2a63c6;border-radius: 6px;
+        font-size: 20px;color: #fff;text-align: center;margin: 0 auto;
+      }
+    }
+
+    // 合作商申请流程
+    .sq-lc-box{
+      padding: 90px 0 44px;
+      // 内容区域
+      .sq-lc-body{
+        display: flex;justify-content: space-between;margin-top: 83px;border-bottom: 1px dashed #d0d0d0;padding-bottom: 24px;
+        i{width: 91px;height: 91px;display: block;margin-bottom: 18px;}
+        span{
+          font-size: 22px;font-weight: 400;text-align: center;color: #3b3838;
+        }
+        li{position: relative}
+        li:nth-child(1) i{background-image:url("~static/images/client/urbanPartners/sq-lc-icon1.png");}
+        li:nth-child(2) i{background-image:url("~static/images/client/urbanPartners/sq-lc-icon2.png");}
+        li:nth-child(3) i{background-image:url("~static/images/client/urbanPartners/sq-lc-icon3.png");}
+        li:nth-child(4) i{background-image:url("~static/images/client/urbanPartners/sq-lc-icon4.png");}
+        li:nth-child(5) i{background-image:url("~static/images/client/urbanPartners/sq-lc-icon5.png");}
+        li:nth-child(6) i{background-image:url("~static/images/client/urbanPartners/sq-lc-icon6.png");}
+        li:after{
+          content: '';width: 8px;height: 8px;background: #898989;display: block;border-radius: 50%;
+          position: absolute;bottom: -28px;left: 50%;transform: translateX(-50%);
+        }
+      }
+
+      // 二维码区域
+      .two-code-box{
+        i{width: 115px;height: 115px;display: block;margin: 60px auto 20px;
+          background-image:url("~static/images/client/urbanPartners/zs-qd-code.png");}
+        p{
+          font-size: 20px;font-weight: 400;text-align: center;color: #3b3838;
+        }
+        a{
+          width: 205px;height: 52px;line-height:52px;background: #2a63c6;border-radius: 6px;cursor: pointer;
+          font-size: 24px;font-weight: 400;text-align: center;color: #e6e8ef;display: block;margin: 20px auto;
+        }
+      }
+    }
+
+    // 优秀合作伙伴真实评价
+    .zs-pj-box{
+        background-color: #F9F9F9;padding: 100px 0 70px;
+        ul{display: flex;margin: 70px 0 0;justify-content: space-between;}
+        li{
+          width: 366px;height:420px;border-radius: 4px;background-color: #fff;overflow: hidden;
+          i{width:367px;height:196px;display: block;}
+          h5{
+            font-size: 20px;font-weight: 700;text-align: justify;
+            color: #3b3838;line-height: 24px;margin: 30px 24px 0;
+          }
+          p{
+            font-size: 16px;font-weight: 400;text-align: justify;
+            color: #3b3838;line-height: 24px;margin: 16px 24px 0;
+          }
+        }
+
+      li:nth-child(1) i{background-image:url("~static/images/client/urbanPartners/zs-pj-img1.jpg");}
+      li:nth-child(2) i{background-image:url("~static/images/client/urbanPartners/zs-pj-img2.jpg");}
+      li:nth-child(3) i{background-image:url("~static/images/client/urbanPartners/zs-pj-img3.jpg");}
+    }
+
+    // 申请城市合作商
+    .sqcs-hzs-box{
+      width: 100%;height: 303px;padding: 77px 0 50px;box-sizing: border-box;
+      background-image:url("~static/images/client/urbanPartners/zs-sq-bj-pc.png");
+      h4,h5{font-size: 36px;font-weight: 400;text-align: center;color: #ffffff;}
+      h5{font-weight: 700;margin-top: 20px;}
+      a{
+        width: 208px;height: 54px;background: #ffffff;display: block;
+        line-height:54px;border-radius: 6px;font-size: 24px;font-weight: 400;
+        text-align: center;color: #2a63c6;margin: 28px auto 0;}
+    }
+
+    @media (max-width: 768px){
+      // 标题
+      .urban-partners-title{
+        font-size: 18px;line-height: 26px;
+      }
+
+      // banner
+      .urban-partners-banner{
+        width: 100%;height: 222px;background-size: cover;
+        background-image:url("~static/images/client/urbanPartners/urban-partners-banner-sj.png");
+        span{
+          width: 120px;height: 28px;line-height:28px;font-size:14px;border-radius: 4px;bottom: 16px;
+        }
+      }
+
+      // 携手栋科软件
+      .xs-dk-box{
+        height: 218px;padding-top: 25px;
+        ul{justify-content: center;flex-wrap: wrap;margin-top: 36px;}
+        li{width: 50%;font-size: 12px;font-weight: 600;margin-bottom: 22px;}
+        span{font-size: 18px;padding: 0 2px;font-weight: normal;}
+      }
+
+      // 私有化部署
+      .syh-bs-box{
+        padding: 26px 0;
+        // 布局
+        .syh-bs-card{
+          display: flex;flex-wrap: wrap;
+          >div{width: 100%;}
+          >div +div{margin-left: unset;}
+        }
+
+        // 头部
+        .syh-bs-head{
+          flex-wrap: wrap;
+          div{width: 100%;}
+          h4{font-size: 24px;}
+          i{
+            width:156px;height:17px;margin: 8px auto 6px;background-size: contain;
+            background-repeat: no-repeat;background-position: center;
+          }
+        }
+
+        // 内容区域
+        .syh-bs-body{
+          display: flex;margin: 0 0 42px;
+          li{width: 50%;}
+          div{height: 110%;margin: 0 6%;}
+          i{width: 38px;height: 36px;margin: 30px auto 0;background-size: contain;
+            background-repeat: no-repeat;background-position: center;}
+          h5{font-size: 12px;margin: 20px 0 12px;}
+          p{width:90%;font-size: 12px;line-height: 20px;}
+          p:before{
+            content: '';width: 3px;height: 3px;margin: 10px 6px 0 0;
+          }
+        }
+      }
+
+      // 合作优势
+      .hz-ys-box{
+        padding: 36px 0 24px;
+        h5{font-size: 12px;margin: 12px 0 38px;}
+        .hz-ys-card{
+          width: 90%;display: block;padding: 18px 18px 18px 24px;margin: 0 auto 18px;
+          p{font-size: 12px;margin-bottom: 16px;
+            color: #3b3838;line-height: 32px;}
+          i{width: 32px;height: 32px;margin-right: 14px;background-size: contain;
+            background-repeat: no-repeat;background-position: center;}
+        }
+        .hz-ys-card +.hz-ys-card{margin-left:unset;}
+        .card-right{margin: 0 auto!important;}
+      }
+
+      // 合作条件
+      .hz-tj-box{
+        height: 391px;padding: 34px 0 30px;background-size: cover;
+        .hz-yj-body{
+          display: flex;margin: 20px 0 0;flex-wrap: wrap;
+          li{width: 50%;margin-bottom: 23px;}
+          div{height: 134px;margin: 0 6px;}
+          div:before{height: 5px;}
+          p{font-size: 14px;margin-top: 24px;}
+          span{
+            font-size: 12px;line-height: 18px;margin-top: 20px;
+          }
+        }
+      }
+
+      // 合作商申请流程
+      .sq-lc-box {
+        padding: 32px 0 34px;
+        // 二维码区域
+        .two-code-box {
+          i {width: 60px;height: 60px;margin: 36px auto 10px;background-size: cover;}
+            p {font-size: 10px;}
+            a {
+              width: 102px;height: 26px;line-height: 26px;
+              border-radius: 4px;font-size: 12px;margin: 10px auto;
+            }
+          }
+        }
+
+      // 优秀合作伙伴真实评价
+      .zs-pj-box{
+        padding: 38px 0 34px;
+        ul{margin: 27px 0 0;justify-content: center;flex-wrap: wrap;}
+        li{
+          width: 48%;height:auto;background-size: cover;margin-bottom: 32px;border-radius: 2px;
+          i{width: 100%;height: 100px;background-size: cover;flex-shrink: 0;}
+          h5{
+            font-size: 12px;line-height: 12px;margin: 14px 10px 0;
+          }
+          p{
+            font-size: 11px;line-height: 18px;margin: 8px 10px 10px;
+          }
+        }
+        li + li{margin-left: 4%;}
+      }
+
+      // 申请城市合作商
+      .sqcs-hzs-box{
+        width: 100%;height: 150px;padding: 36px 0 24px;background-repeat: no-repeat;
+        background-size: cover;background-position: center;
+        background-image:url("~static/images/client/urbanPartners/zs-sq-bj-sj.png");
+        h4,h5{font-size: 18px;}
+        h5{margin-top: 10px;}
+        a{
+          width: 104px;height: 27px;line-height:27px;border-radius: 3px;
+          font-size: 12px;margin: 14px auto 0;}
+      }
+
+      // 弹窗
+      .apply-collaborate-dialog{
+        .el-dialog{width: 90%;}
+        .el-dialog__body{padding:0 20px 24px;}
+        // 弹窗标题
+        h4{font-size: 20px;padding: 20px 0;}
+        // 按钮
+        .apply-dialog-btn{
+          width: 120px;height: 36px;line-height: 36px;font-size: 14px;
+        }
+      }
+    }
+  }
 }
 

assets/scss/main.scss

@@ -8,7 +8,11 @@
 @import "../../node_modules/swiper/swiper.min.css";
 
 
-
+@font-face {
+  font-family: 'Din'; //重命名字体名
+  src: url('./font/Din.TTF'); //引入字体
+  font-weight: normal;font-style: normal;
+}
 
 body {
     font-family: "Helvetica Neue", Helvetica, Arial, "微软雅黑", sans-serif;

components/header.vue

@@ -122,8 +122,8 @@
             children: [],
           },*/
           {
-            content:  '体验中心',
-            keyPath:  '/tiyanCenter',
+            content:  '城市合作商',
+            keyPath:  '/urbanPartners',
             children: [],
           },
           {

pages/urbanPartners/index.vue

@@ -0,0 +1,303 @@
+<template>
+  <div class="client-platform-page urban-partners-page">
+      <!-- banner-->
+      <div class="urban-partners-banner">
+        <span @click="applyDialog =true">申请城市合作商</span>
+      </div>
+      <!-- 携手栋科软件 -->
+      <div class="xs-dk-box">
+        <div class="client-container">
+          <h4 class="mta-hidden-xs urban-partners-title">携手栋科软件,共享千亿市场,开创移动学习产业新历史！</h4>
+          <h4 class="mta-hidden-sm urban-partners-title">携手栋科软件,共享千亿市场,<br>开创移动学习产业新历史！</h4>
+          <ul>
+            <li>与<span>5000+</span>企业达成战略合作</li>
+            <li>覆盖<span>12</span>大行业客户解决方案</li>
+            <li><span>20</span>万平台注册用户</li>
+            <li><span>4</span>大明星产品</li>
+          </ul>
+        </div>
+      </div>
+
+    <!-- 私有化部署 -->
+    <div class="syh-bs-box">
+      <div class="client-container syh-bs-card">
+          <div>
+            <div class="syh-bs-head">
+              <h4>私有化部署</h4>
+              <i></i>
+            </div>
+            <ul class="syh-bs-body">
+              <li>
+                <div>
+                  <i></i>
+                  <h5>麦塔在线考试系统</h5>
+                  <p>稳定安全的在线考场</p>
+                  <p>为大中型企事业单位、教育机构提供不同场景的考试解决方案。</p>
+                </div>
+              </li>
+              <li>
+                <div>
+                  <i></i>
+                  <h5>麦塔在线培训系统</h5>
+                  <p>企业线上培训组织专家</p>
+                  <p>集学、测、考、练于一体的私有化移动智能学习平台。</p>
+                </div>
+              </li>
+            </ul>
+          </div>
+          <div>
+            <div class="syh-bs-head">
+              <h4>SaaS服务</h4>
+              <i></i>
+            </div>
+            <ul class="syh-bs-body">
+              <li>
+                <div>
+                  <i></i>
+                  <h5>麦塔SaaS在线考试系统 </h5>
+                  <p>全功能定制化考务平台</p>
+                  <p>即买即用、按需订阅、仅需10分钟超低成本云端部署。</p>
+                </div>
+              </li>
+              <li>
+                <div>
+                  <i></i>
+                  <h5>麦塔SaaS在线培训系统 </h5>
+                  <p>学练考评一站式平台</p>
+                  <p>支持灵活布局在线培训考试模块，帮助客户快速搭建完整内容平台。</p>
+                </div>
+              </li>
+            </ul>
+          </div>
+      </div>
+    </div>
+
+    <!-- 合作优势 -->
+    <div class="hz-ys-box">
+      <div class="client-container">
+        <h4 class="urban-partners-title">合作优势</h4>
+        <h5>各大城市合作商，可享受以下扶持</h5>
+        <div class="hz-ys-card card-left">
+          <p><i></i><span>低成本加入，无风险</span></p>
+          <p><i></i><span>免费提供系统化产品培训，全方位支持</span></p>
+          <p><i></i><span>0技术要求，为客户搭建在线培训平台</span></p>
+        </div>
+        <div class="hz-ys-card card-right">
+          <p><i></i><span>后期维护及服务保障</span></p>
+          <p><i></i><span>高回报返利体系带来稳定营收</span></p>
+          <p><i></i><span>季/年度优秀代理商激励</span></p>
+        </div>
+      </div>
+    </div>
+
+    <!-- 合作条件 -->
+    <div class="hz-tj-box">
+      <h4 class="urban-partners-title">合作条件</h4>
+      <div class="client-container">
+        <ul class="hz-yj-body">
+        <li><div>
+          <p>认同栋科的产品、理念</p>
+          <span>愿与栋科达成长期合<br>作伙伴，形成事业共<br>同体</span>
+        </div></li>
+        <li><div>
+          <p>具有公司资质</p>
+          <span>有营业执照和独立法人代<br>表良好的业内口碑和信誉</span>
+        </div></li>
+        <li><div>
+          <p>具有客户资源</p>
+          <span>拥有丰富的客户资源<br>企事业单位及高校等教育<br>机构资源</span>
+        </div></li>
+        <li><div>
+          <p>具有行业背景</p>
+          <span>有互联网背景<br>对企业人才数字化培训行<br>业、SaaS行业有一定了解</span>
+        </div></li>
+      </ul>
+      </div>
+    </div>
+
+    <!-- 栋科软件城市合作商申请流程 -->
+    <div class="sq-lc-box">
+      <div class="client-container">
+        <h4 class="urban-partners-title">栋科软件城市合作商申请流程</h4>
+        <ul class="sq-lc-body mta-hidden-xs">
+          <li><i></i><span>提交申请</span></li>
+          <li><i></i><span>审核资料</span></li>
+          <li><i></i><span>合作洽谈</span></li>
+          <li><i></i><span>签订合同</span></li>
+          <li><i></i><span>业务培训</span></li>
+          <li><i></i><span>开展合作</span></li>
+        </ul>
+        <div class="sq-lc-body-img mta-hidden-sm"></div>
+        <div class="two-code-box">
+          <i></i>
+          <p>专属渠道合作小助手</p>
+          <a @click="applyDialog =true">申请城市合作商</a>
+        </div>
+      </div>
+    </div>
+
+    <!-- 优秀合作伙伴真实评价 -->
+    <div class="zs-pj-box">
+      <div class="client-container">
+        <h4 class="urban-partners-title">优秀合作伙伴真实评价</h4>
+        <ul>
+          <li>
+            <div>
+            <i></i>
+            <h5>广州某合作伙伴</h5>
+            <p>从2019年我们企业就开始用栋科软件的产品了，从客户发展成城市合作商最关键的原因，还是栋科的产品资质齐全、质量过硬，加盟扶持力度够大，其实加盟前也做了很多的市场调查，整体产品前景广泛，利润空间极大，打消了我迟迟不敢创业的顾虑。 </p>
+            </div>
+          </li>
+          <li>
+            <div>
+            <i></i>
+            <h5>河北某合作伙伴</h5>
+            <p>这个项目最大的好处就是，虽然是高新技术产业，但栋科软件给我们提供技术和产品，不需要出开发成本，减少投入，可以快速回本，我经常和其他创业伙伴开玩笑说“这个项目是我开启财富之路的密码”。 </p>
+            </div>
+          </li>
+          <li>
+            <div>
+            <i></i>
+            <h5>上海某合作伙伴</h5>
+            <p>现在在线学习行业发展是大势所趋，政策所向，身边很多企业都在用栋科这款麦塔在线培训（考试）系统，前景广阔，十分看好，合作首月就创下了高达20多万的业绩，实现了业务品牌的双赢。 </p>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <!-- 申请城市合作商 -->
+    <div class="sqcs-hzs-box">
+      <div class="client-container">
+        <h4>如果你有教育、企业、高校资源</h4>
+        <h5>欢迎加入我们，抢占市场先机</h5>
+        <a @click="applyDialog =true">申请城市合作商</a>
+      </div>
+    </div>
+
+    <!-- 申请城市合作商弹窗 -->
+    <el-dialog
+      :close-on-click-modal="false"
+      :visible.sync="applyDialog"
+      class="apply-collaborate-dialog"
+      center>
+      <h4>栋科软件城市合作商申请表</h4>
+      <el-form :model="applyDialogDate" status-icon :rules="applyRules" ref="applyDialogForm" class="application-scheme-form">
+        <el-form-item  prop="user">
+          <el-input v-model="applyDialogDate.user" placeholder="请输入联系人" class="dialog-input-tel"></el-input>
+        </el-form-item>
+        <el-form-item  prop="tel">
+          <el-input v-model="applyDialogDate.tel" placeholder="请输入联系电话" class="dialog-input-tel"></el-input>
+        </el-form-item>
+        <el-form-item  prop="companyName">
+        <el-input v-model="applyDialogDate.companyName" placeholder="请输入公司名称" class="dialog-input-tel"></el-input>
+      </el-form-item>
+        <el-form-item  prop="region">
+          <el-input v-model="applyDialogDate.region" placeholder="请输入公司所在地区" class="dialog-input-tel"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="applyDialogDate.email" placeholder="请输入邮箱" class="dialog-input-tel"></el-input>
+        </el-form-item>
+      </el-form>
+      <div class="apply-dialog-btn" @click="applyBtn">申请方案</div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import Swiper, {Navigation, Pagination,Autoplay} from 'swiper';
+  Swiper.use([Navigation, Pagination,Autoplay]);
+  export default {
+    name:     'urbanPartners',
+    layout:   'templateB',
+    async asyncData({ $axios,store }) {
+      // 设置选中菜单
+      store.commit('setActiveNav', '/urbanPartners');
+    },
+    data() {
+      return {
+        applyDialog:false,
+        applyDialogDate:{},
+        applyRules:        {
+          user:          [
+            { trigger: 'blur', required: true, message: '请输入联系人' },
+          ],
+          tel:          [
+            { trigger: 'blur', required: true, message: '请输入联系电话' },
+          ],
+          companyName:          [
+            { trigger: 'blur', required: true, message: '请输入公司名称' },
+          ],
+          region:          [
+            { trigger: 'blur', required: true, message: '请输入公司所在地区' },
+          ],
+        },
+      };
+    },
+    head(){
+      return {
+        title: 'SaaS考试系统_麦塔在线考试系统_麦塔在线培训系统体验版',
+        meta:  [
+          {
+            description: '企业考培,就用麦塔,现在注册立享30人纯免费版本3年使用权限.麦塔在线考试系统体验版-简单好用的SaaS考试系统;麦塔在线培训系统体验版-学练考评一站式培训平台。',
+            keywords:    'saas考试系统',
+          },
+        ],
+      };
+    },
+    computed: {},
+    methods:  {
+      // 申请方案按钮
+      applyBtn(){
+        this.$refs['applyDialogForm'].validate((valid) => {
+          if (valid) {
+            this.$axios.$post('/business/exists',{phone: this.applyDialogDate.tel}).then(res=>{
+            if (res.code === 0 && res.data) {
+              this.addPartners();
+            } else {
+              this.$message.error('申请失败');
+            }
+          });
+          }
+
+        });
+      },
+
+      //  添加合作商
+      addPartners(){
+        const options = {
+          name:  this.applyDialogDate.user,
+          phone: this.applyDialogDate.tel,
+          company:  this.applyDialogDate.companyName,
+          area: this.applyDialogDate.region,
+          email:  this.applyDialogDate.email,
+        };
+        this.$axios.$post('/business/add',options).then(res=>{
+          if (res.code === 0 && res.data) {
+            this.applyDialog = false;
+            this.$message.success('申请成功');
+            this.clearApplyDL();
+          } else {
+            this.$message.error('申请失败');
+          }
+        });
+      },
+
+      // 清空
+      clearApplyDL(){
+        this.$refs['applyDialogForm'].clearValidate();
+          this.applyDialogDate.user = '';
+          this.applyDialogDate.tel = '';
+          this.applyDialogDate.companyName = '';
+          this.applyDialogDate.region = '';
+          this.applyDialogDate.email = '';
+      },
+    },
+    created() {
+    },
+    mounted() {
+    },
+    beforeDestroy() {
+    },
+  };
+</script>