Merge branch 'master' of http://git.shengws.com/zhangbj/scrm-vue

config/index.js

@@ -17,10 +17,8 @@ module.exports = {
     // can be overwritten by process.env.HOST
     // if you want dev by ip, please set host: '0.0.0.0'
 
-    // host: 'test1.sgjyun.com',
-    // host: 'jk.kuyicloud.com',
     host: 'test1.sgjyun.com',
-    // host:'localhost',
+    // host: 'jk.kuyicloud.com',
     port: 8090, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: true,
     errorOverlay: true,

src/api/member/member.js

@@ -57,11 +57,64 @@ export function EditMemberCard(params) {
   })
 }
 
-export function GetTags() {
+export function GetTags(params) {
   return request({
     url: '/api/members/tags',
     method: 'get',
+    params: params
+  })
+}
+
+export function CreateTag(data) {
+  return request({
+    url: '/api/members/tag/create',
+    method: 'post',
+    data: data
   })
 }
 
+export function EditTag(id,data) {
+  return request({
+    url: '/api/members/tag/edit?id='+id,
+    method: 'put',
+    data: data
+  })
+}
+export function DeleteTags(data) {
+  return request({
+    url: '/api/members/tags/delete',
+    method: 'delete',
+    data: data
+  })
+}
 
+export function GetCards() {
+  return request({
+    url: '/api/membercards',
+    method: 'get',
+  })
+}
+
+export function CreateMemberShipCard(data) {
+  return request({
+    url: '/api/membercard/create',
+    method: 'post',
+    data: data
+  })
+}
+
+export function EditMemberShipCard(id,data) {
+  return request({
+    url: '/api/membercard/edit?id='+id,
+    method: 'put',
+    data: data
+  })
+}
+
+export function DeleteMemberShipCard(data) {
+  return request({
+    url: '/api/membercards/delete',
+    method: 'delete',
+    data: data
+  })
+}

src/router/modules/member.js

@@ -24,5 +24,11 @@ export default {
       name: 'memberTaglist',
       meta: { title: '标签管理', noCache: true }
     },
+    {
+      path: '/member/cards',
+      component: () => import('@/scrm_pages/members/cards'),
+      name: 'memberCardlist',
+      meta: { title: '会员卡管理', noCache: true }
+    },
   ]
 }

src/router/modules/system.js

@@ -1,21 +1,27 @@
 import Layout from '@/views/layout/Layout'
 
-export default{
-    alwaysShow: true,
-    path: '/Systemsetting',
-    component: Layout,
-    redirect: 'noredirect',
-    name: 'Systemsetting',
-    meta: {
-        title: 'systemsetting',
-        icon: 'peoples'
-      },
-      children: [
-        {
-          path: '/Systemsetting/staffmanagement',
-          component: () => import('@/scrm_pages/Systemsetting/staffmanagement'),
-          name: 'memberslist',
-          meta: { title: 'staffmanagement', noCache: true }
-        },
-      ]  
+export default {
+  alwaysShow: true,
+  path: '/Systemsetting',
+  component: Layout,
+  redirect: 'noredirect',
+  name: 'Systemsetting',
+  meta: {
+    title: 'systemsetting',
+    icon: 'peoples'
+  },
+  children: [
+    {
+      path: '/weixinmp/authorization',
+      component: () => import('@/scrm_pages/weixinmp/authorization'),
+      name: 'weixinMpAuth',
+      meta: { title: '公众号授权', noCache: true }
+    },
+    {
+      path: '/Systemsetting/staffmanagement',
+      component: () => import('@/scrm_pages/Systemsetting/staffmanagement'),
+      name: 'memberslist',
+      meta: { title: 'staffmanagement', noCache: true }
+    },
+  ]
 }

src/scrm_pages/members/cards.vue

@@ -0,0 +1,207 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+      <el-button  style="float:right;" type="primary" size="small" icon="el-icon-circle-plus-outline" @click="openCreate">添加会员卡</el-button>
+    </div>
+    <div class="app-container">
+        <div class="filter-container" style="margin-top: 10px;margin-left: 5px " id="member-cards-box">
+          <div class="col" v-for="(card, index) in cardsData" :key="index">
+              <div class="thumbnail">
+
+                  <div class="pic" v-if="card.background_type==1" :style="'background: '+card.background">
+                      <div class="ico_crow" ></div>
+                  </div>
+                  <div class="pic" v-else>
+                      <img :src="card.background" alt="...">
+                  </div>
+                  <h3 class="tit">{{card.card_name}}</h3>
+                  <div class="caption">
+                      <h3 class="card_edier">
+                        <span @click="openEdit(card, index)">编辑会员卡</span> -
+                        <span @click="openDelete(card, index)">删除会员卡</span>
+                      </h3>
+                  </div>
+              </div>
+          </div>
+        </div>
+        <!--create-card-form 添加会员卡-->
+        <create-card-form ref="createCardForm" :cardsData="cardsData" ></create-card-form>
+        <!--create-card-form 编辑会员卡-->
+        <edit-card-form ref="editCardForm" :cardsData="cardsData" :cardIndex="cardIndex" :form="editFormData"></edit-card-form>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {GetCards, DeleteMemberShipCard} from "@/api/member/member";
+  import BreadCrumb from '../components/bread-crumb';
+  import CreateCardForm from "./components/CreateCardForm";
+  import EditCardForm from "./components/EditCardForm";
+
+  export default {
+    name: 'memberCardList',
+    components:{
+      BreadCrumb,
+      CreateCardForm,
+      EditCardForm,
+    },
+    data(){
+      return{
+        crumbs: [
+          { path: false, name: '会员管理' },
+          { path: false, name: '会员卡管理' }
+        ],
+        cardsData:[],
+        editFormData:{
+            background_type:1,
+            background:"#409EFF",
+            background_color:"#409EFF",
+            background_image:"",
+            card_name:'',
+            use_notice:'',
+            card_right:'',
+            service_phone:'',
+            upgrade_integral:0,
+            id:0,
+        },
+        cardIndex:-1,
+      }
+    },
+    methods:{
+        openCreate:function(){
+          this.$refs.createCardForm.open();
+        },
+        openEdit(row, index) {
+          for (const key in this.editFormData) {
+            this.editFormData[key] = row[key];
+          }
+          this.cardIndex = index;
+          this.$refs.editCardForm.open();
+        },
+        openDelete:function(row,index){
+          this.$confirm('确认要删除该会员卡吗？<br>删除后，该会员卡将无法恢复', '删除提示', {
+            dangerouslyUseHTMLString:true,
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }).then(() => {
+            var ids = [];
+            ids.push(row.id);
+            DeleteMemberShipCard({ids:ids}).then(response=>{
+              var res = response.data;
+              if (res.state === 1) {
+                this.cardsData.splice(index, 1);
+                this.$message.success("删除会员卡成功");
+              }else {
+                this.$message.error(res.msg);
+              }
+            }).catch(e=>{});
+          }).catch(() => {
+            return false        
+          });
+        },
+        GetCards(){
+            GetCards().then(response=>{
+                var res = response.data;
+                if(res.state===1) {
+                    this.cardsData = res.data.cards;
+                }
+            }).catch(e=>{})
+        }
+    },
+    created(){
+        this.GetCards();
+    }
+  }
+</script>
+
+<style scoped>
+ #member-cards-box .col {
+    float: left;
+    padding: 0 6px;
+ }
+ #member-cards-box .thumbnail {
+    padding: 0;
+    position: relative;
+    border: none;
+    background: #dde1e4;
+    color: #58a2ec;
+    display: block;
+    padding: 4px;
+    margin-bottom: 20px;
+    line-height: 1.42857143;
+    background-color: #fff;
+    border-radius: 4px;
+    -webkit-transition: border .2s ease-in-out;
+    -o-transition: border .2s ease-in-out;
+    transition: border .2s ease-in-out;
+}
+ #member-cards-box .thumbnail .pic {
+    width: 20rem;
+    height: 8rem;
+    background: #58a2ec;
+    border-radius: 25px 25px 0 0;
+    position: relative;
+}
+ #member-cards-box .thumbnail .ico_crow {
+    position: absolute;
+    right: 18px;
+    top: 10px;
+    width: 64px;
+    height: 54px;
+    background: url("https://images.shengws.com/icos-201906141103.png") no-repeat -58px -422px;
+}
+ #member-cards-box .thumbnail .pic img {
+    width: 100%;
+    height: 100%;
+    object-position: top left;
+    object-fit: cover;
+    border-radius: 25px 25px 0 0;
+    margin: 0;
+    border: 0;
+    vertical-align: middle;
+}
+
+ #member-cards-box .thumbnail .tit {
+    position: absolute;
+    top: 1.5rem;
+    left: 1.5rem;
+    font-size: 1rem;
+    color: #fff;
+}
+ #member-cards-box .thumbnail .caption {
+    background: #eef6fd;
+    border-radius: 0 0 20px 20px;
+    height: 38px;
+    cursor: pointer;
+    max-width: 100%;
+    padding: 9px;
+    color: #333;
+}
+ #member-cards-box .thumbnail .caption .card_edier {
+    font-size: 12px;
+    color: #58a2ec;
+    padding-left: 0.8rem;
+}
+ #member-cards-box .thumbnail .caption .card_edier span {
+    color: #58a2ec;
+    text-decoration: none;
+}
+
+ #member-cards-box .thumbnail .caption .card_edier span:hover {
+    color: #58a2ec;
+    text-decoration: underline;
+}
+  /*.app-container .cell.clearfix .time ul li {*/
+    /*float: left;*/
+    /*list-style: none;*/
+    /*cursor: pointer;*/
+    /*padding: 6px 20px;*/
+    /*color: #606266;*/
+    /*border-radius: 4px;*/
+    /*margin: 0 8px 0 0;*/
+    /*font-size: 14px;*/
+    /*text-align: center;*/
+  /*}*/
+</style>

src/scrm_pages/members/components/CreateCardForm.vue

@@ -0,0 +1,385 @@
+<template>
+    <div id="create-card-form-box">
+        <el-dialog title="添加会员卡" :visible.sync="createCardFormVisible" width="900px" id="create-member-card-show" v-loading="submitLoading" :element-loading-text="loadingText">
+            <el-row>
+                <el-col :span="10">
+                    <div class="membercard-area" :style="membercardAreaBackground">
+                        <span class="ico_crown"></span>
+                        <div class="card-header clearfix">
+                            <h4 class="shop-name">
+                                <span class="shop-logo">
+                                    <img :src="orgLogo"> 
+                                </span>
+                                <span class="tit">{{form.card_name}}</span>
+                            </h4>
+                            <div class="qr-code"></div>
+                        </div>
+                        <h3 class="member-type"></h3>
+                        <div class="card-content">
+                            <p class="expiry-date">
+                                有效期：
+                                <span>无限期</span>
+                            </p>
+                        </div>
+                    </div>
+                </el-col>
+                <el-col :span="14">
+                    <el-form ref="cardForm" :rules="cardRules" :model="form" label-width="100px" id="create-member-card-form">
+                        <el-form-item label="机构Logo:" >
+                            <el-upload class="org-logo" action="https://upload.qiniup.com" disabled >
+                                <img v-if="orgLogo" :src="orgLogo" class="org-logo-image">
+                                <i v-else class="el-icon-plus org-logo-icon"></i>
+                                <div class="el-upload__tip" slot="tip">如需修改机构Logo信息，请在<em>机构中心</em>中更新。</div>
+                            </el-upload>
+                        </el-form-item>
+                        <el-form-item label="卡片封面:" required prop="background_type">
+                            <el-radio-group v-model="form.background_type">
+                                <el-radio :label="bgt.id" :value="bgt.id" :key="index" v-for="(bgt, index) in backgroundTypeOptions">{{bgt.name}}</el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="背景色:"  prop="background_color"  v-show="form.background_type==1">
+                            <el-color-picker v-model="form.background_color" @change="handleChangeColor" :predefine="predefineData"></el-color-picker>
+                        </el-form-item>
+                        <el-form-item label="封面图片:"  prop="background_image"  v-show="form.background_type==2">
+                           <el-upload
+                                v-loading="uploading"
+                                :element-loading-text="loadingText"
+                                class="bg-image-uploader"
+                                :data="uploadData"
+                                action="https://upload.qiniup.com"
+                                :show-file-list="false"
+                                :on-error="handleBackImageError"
+                                :on-success="handleBackImageSuccess"
+                                :before-upload="beforeBackImageUpload"
+                            >
+                                <img v-if="form.background_image" :src="form.background_image" class="bg-image">
+                                <i v-else class="el-icon-plus bg-image-uploader-icon"></i>
+                                <div class="el-upload__tip" slot="tip">尺寸：906*498像素，小于2M，支持jpg、png、jpeg格式</div>
+                            </el-upload>
+                        </el-form-item>
+
+                        <el-form-item label="会员卡名称:" required prop="card_name" >
+                            <el-input v-model="form.card_name" placeholder="最多可输入9个字符" maxlength="9"></el-input>
+                        </el-form-item>
+                        <el-form-item label="使用须知:"  prop="use_notice">
+                            <el-input v-model="form.use_notice" type="textarea" rows='4' placeholder="会员特权会根据您上文的勾选情况系统自动生成，此处可填写其它补充信息以便会员知晓，最多可输入300个字符"  maxlength="300"></el-input>
+                        </el-form-item>
+                        <el-form-item label="会员权益:"  prop="card_right">
+                            <el-input v-model="form.card_right" type="textarea" rows='4' placeholder="会员特权会根据您上文的勾选情况系统自动生成，此处可填写其它补充信息以便会员知晓，最多可输入300个字符"  maxlength="300"></el-input>
+                        </el-form-item>
+                        <el-form-item label="客服电话:"  prop="service_phone" >
+                            <el-input v-model="form.service_phone" placeholder="请输入手机号或固定电话" ></el-input>
+                        </el-form-item>
+                        <el-form-item label="升级条件:"  prop="upgrade_integral" >
+                            累积积分达到
+                            <el-input v-model.number="form.upgrade_integral" style="width:100px;" placeholder="" ></el-input>
+                            分
+                        </el-form-item>
+                    </el-form>
+                </el-col>
+            </el-row>
+            
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="createCardFormVisible = false">取消</el-button>
+                <el-button
+                type="primary"
+                @click="submitForm('cardForm')"
+                >保 存
+                </el-button>
+            </div>
+        </el-dialog>  
+    </div>
+</template>
+
+<script>
+import {CreateMemberShipCard} from "@/api/member/member";
+import { getFileExtension,checkHexColor,checkMobileOrPhone } from "@/utils/tools";
+import { getToken } from "@/api/qiniu";
+
+export default {
+    name:'CreateCardForm',
+    props:{
+        cardsData:{
+            type: Array,
+            default: function () {
+                return [];
+            }
+        },
+    },
+    data(){
+        var checkBgColorRule = (rule, value, callback) => {
+            if (this.form.background_type == 1 && !checkHexColor(value)) {
+                callback(new Error('请选择背景色'));
+            }else {
+               callback(); 
+            }
+        };
+        var checkBgImageRule = (rule, value, callback) => {
+            if (this.form.background_type == 2 && !value) {
+                callback(new Error('请上图片封面图片'));
+            }else {
+               callback(); 
+            }
+        };
+        var checkTelRule = (rule, value, callback) => {
+            if (value && !checkMobileOrPhone(value)) {
+                callback(new Error('请填写正确的客服电话:13888888888 或 0756-1234567'));
+            }else {
+               callback(); 
+            }
+        };
+        var checkIntegralRule = (rule, value, callback) => {
+            if(!value) {
+                callback(); 
+            }else {
+                if(!Number.isInteger(value)) {
+                    callback(new Error('必须是整数'));
+                }else {
+                    if (value<0) {
+                        callback(new Error('不能小于0'));
+                    }else {
+                        callback(); 
+                    }
+                }
+            }
+        };
+        return {
+            createCardFormVisible:false,
+            qiniuDomain: "https://images.shengws.com/",
+            uploading:false,
+            loadingText:'',
+            submitLoading:false,
+            uploadData: { token: "", key: "" },
+            predefineData:['#65d3e3','#82cecb','#5bd18b','#58a2ec','#9675cc','#f2ca68','#ff7979','#aed15b','#75c075','#67b192','#7b8a97','#34495e','#262626'],
+            backgroundTypeOptions:[
+                {id:1, name:'背景色'},
+                {id:2, name:'封面图片'},
+            ],
+            
+            cardRules: {
+                card_name: [{required: true, message: "请填写会员卡名称",},],
+                background_color: [{ validator: checkBgColorRule}],
+                background_image: [{ validator: checkBgImageRule}],
+                service_phone: [{ validator: checkTelRule}],
+                upgrade_integral: [{ validator:checkIntegralRule}],
+            },
+            form:{
+                background_type:1,
+                background:"#409EFF",
+                background_color:"#409EFF",
+                background_image:"",
+                card_name:'',
+                use_notice:'',
+                card_right:'',
+                service_phone:'',
+                upgrade_integral:0,
+            },
+        }
+    },
+    methods:{
+        open:function(){
+            this.resetForm("cardForm");
+            this.createCardFormVisible = true;
+        },
+        resetForm:function(formName) {
+            if (typeof(this.$refs[formName]) !='undefined') {
+                this.$refs[formName].resetFields();
+            }
+        },
+        handleChangeColor:function(color){
+            this.form.background = color;
+        },
+        handleBackImageError(err, file, fileList) {
+            this.$message.error(err);
+            this.uploading = false;
+            return false;
+        },
+        handleBackImageSuccess(res, file) {
+            var url = this.qiniuDomain + res.url;
+            this.form.background_image = url
+            this.form.background = url;
+            this.uploading = false;
+        },
+        beforeBackImageUpload(file) {
+            var fileType = file.type;
+            const isJPG = fileType.indexOf("image") > -1;
+            const isLt2M = file.size / 1024 / 1024 < 2;
+            if (!isJPG) {
+                this.$message.error("只能上传图片");
+                return false;
+            }
+            if (!isLt2M) {
+                this.$message.error("图片大小不能超过 2MB!");
+                return false;
+            }
+
+            var date = new Date();
+            var ext = getFileExtension(file.name);
+            var key = "" + date.getFullYear() + (date.getMonth() + 1) + date.getDate() + date.getHours() + date.getMinutes() + date.getSeconds() + "_card_" +file.uid +"." + ext;
+            this.uploading = true;
+            this.loadingText = "图片上传中";
+
+            const _self = this;
+            return new Promise((resolve, reject) => {
+                getToken()
+                .then(response => {
+                    const token = response.data.data.uptoken;
+                    _self._data.uploadData.token = token;
+                    _self._data.uploadData.key = key;
+                    resolve(true);
+                })
+                .catch(err => {
+                    reject(false);
+                    this.uploading = false;
+                });
+            });
+        },
+        submitForm:function(formName){
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    this.loadingText = "正在保存...";
+                    this.submitLoading = true;
+                    CreateMemberShipCard(this.form).then(response=>{
+                        var res = response.data;
+                        if(res.state === 1) {
+                            var card = res.data.card;
+                            this.cardsData.push(card);
+                            this.resetForm("cardForm");
+                            this.createCardFormVisible = false;
+                            this.$message.success("添加会员卡成功");
+                        }else {
+                            this.$message.error(res.msg);
+                        }
+                        this.submitLoading = false;
+                    }).catch(e=>{
+                        this.submitLoading = false;
+                    });
+                } else {
+                    return false;
+                }
+            });
+        },
+    },
+    computed: {
+      orgLogo: function() {
+        var avatar = this.$store.getters.xt_user.org.org_logo
+        return avatar.length > 0
+          ? avatar
+          : require('../../../assets/home/userData.png')
+      },
+      membercardAreaBackground:function(){
+          if (this.form.background_type == 1) {
+              return 'background:' + this.form.background_color;
+          }else {
+              return 'background: url("' + this.form.background_image + '") 0% 0% / 100% 100% no-repeat;'
+          }
+      }
+    },
+}
+</script>
+
+<style rel="stylesheet/scss" >
+#create-member-card-form .org-logo .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 25px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+#create-member-card-form .org-logo .el-upload:hover {
+  border-color: #409eff;
+}
+#create-member-card-form .org-logo-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 50px;
+  height: 50px;
+  line-height: 50px;
+  text-align: center;
+}
+
+#create-member-card-form .el-upload__tip em {
+    color: #5599eb;
+}
+
+#create-member-card-form .org-logo-image {
+  width: 50px;
+  height: 50px;
+  display: block;
+}
+
+
+#create-member-card-form .bg-image-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 10px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+#create-member-card-form .bg-image-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+#create-member-card-form .bg-image-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 278px;
+  height: 130px;
+  line-height: 130px;
+  text-align: center;
+}
+#create-member-card-form .bg-image {
+  width: 278px;
+  height: 130px;
+  display: block;
+}
+
+#create-member-card-show .membercard-area {
+    margin: 9px;
+    padding: 14px 18px 24px 17px;
+    background: #5599eb;
+    color: #fff;
+    border-radius: 20px 20px 20px 20px;
+    position: relative;
+}
+#create-member-card-show  .membercard-area .ico_crown {
+    position: absolute;
+    right: 18px;
+    width: 64px;
+    height: 54px;
+    background: url("https://images.shengws.com/icos-201906141103.png") no-repeat -58px -422px;
+}
+#create-member-card-show .clearfix {
+    clear: both;
+}
+#create-member-card-show .clearfix:before {
+    display: table;
+    content: " ";
+}
+#create-member-card-show .membercard-area .shop-name {
+    font-size: 14px;
+}
+#create-member-card-show .membercard-area .shop-name .shop-logo {
+    display: inline-block;
+    width: 40px;
+    height: 40px;
+    float: left;
+    margin-right: 13px;
+}
+#create-member-card-show .membercard-area .shop-name .shop-logo img {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+}
+#create-member-card-show .membercard-area .shop-name .tit {
+    height: 41px;
+    line-height: 41px;
+}
+#create-member-card-show  .member-type {
+    height: 70px;
+    line-height: 70px;
+}
+#create-member-card-show .membercard-area .card-content .expiry-date {
+    font-size: 12px;
+}
+</style>
+

src/scrm_pages/members/components/CreateTagForm.vue

@@ -0,0 +1,87 @@
+<template>
+    <div id="create-tag-form-box">
+        <el-dialog title="添加标签" :visible.sync="createTagFormVisible" width="700px" >
+            <el-form ref="tagForm" :rules="tagRules" :model="form" label-width="60px">
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="标签:" required prop="tag_name">
+                        <el-input v-model="form.tag_name"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="createTagFormVisible = false">取消</el-button>
+                <el-button
+                type="primary"
+                @click="submitForm('tagForm')"
+                >保 存
+                </el-button>
+            </div>
+        </el-dialog>  
+    </div>
+</template>
+
+<script>
+import {CreateTag} from "@/api/member/member";
+
+export default {
+    name:'CreateTagForm',
+    props:{
+        tagsData:{
+            type: Array,
+            default: function () {
+                return [];
+            }
+        },
+    },
+    data(){
+        return {
+            createTagFormVisible:false,
+            
+            tagRules: {
+                tag_name: [{required: true, message: "请填写标签",},],
+                
+            },
+            form:{
+                tag_name:'',
+            },
+            
+        }
+    },
+    methods:{
+        open:function(){
+            this.resetForm("tagForm");
+            this.createTagFormVisible = true;
+        },
+        resetForm(formName) {
+            if (typeof(this.$refs[formName]) !='undefined') {
+                this.$refs[formName].resetFields();
+            }
+        },
+        submitForm(formName){
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    CreateTag(this.form).then(response=>{
+                        var res = response.data;
+                        if(res.state === 1) {
+                            var tag = res.data.tag;
+                            tag["member_count"] = 0;
+                            this.tagsData.unshift(tag);
+                            this.resetForm("tagForm");
+                            this.createTagFormVisible = false;
+                            this.$message.success("添加标签成功");
+                        }else {
+                            this.$message.error(res.msg);
+                        }
+                    }).catch(e=>{});
+
+                } else {
+                    return false;
+                }
+            });
+        },
+    }
+}
+</script>
+

src/scrm_pages/members/components/EditCardForm.vue

@@ -0,0 +1,396 @@
+<template>
+    <div id="edit-card-form-box">
+        <el-dialog title="编辑会员卡" :visible.sync="editCardFormVisible" width="900px" id="edit-member-card-show" v-loading="submitLoading" :element-loading-text="loadingText">
+            <el-row>
+                <el-col :span="10">
+                    <div class="membercard-area" :style="membercardAreaBackground">
+                        <span class="ico_crown"></span>
+                        <div class="card-header clearfix">
+                            <h4 class="shop-name">
+                                <span class="shop-logo">
+                                    <img :src="orgLogo"> 
+                                </span>
+                                <span class="tit">{{form.card_name}}</span>
+                            </h4>
+                            <div class="qr-code"></div>
+                        </div>
+                        <h3 class="member-type"></h3>
+                        <div class="card-content">
+                            <p class="expiry-date">
+                                有效期：
+                                <span>无限期</span>
+                            </p>
+                        </div>
+                    </div>
+                </el-col>
+                <el-col :span="14">
+                    <el-form ref="cardForm" :rules="cardRules" :model="form" label-width="100px" id="edit-member-card-form">
+                        <el-form-item label="机构Logo:" >
+                            <el-upload class="org-logo" action="https://upload.qiniup.com" disabled >
+                                <img v-if="orgLogo" :src="orgLogo" class="org-logo-image">
+                                <i v-else class="el-icon-plus org-logo-icon"></i>
+                                <div class="el-upload__tip" slot="tip">如需修改机构Logo信息，请在<em>机构中心</em>中更新。</div>
+                            </el-upload>
+                        </el-form-item>
+                        <el-form-item label="卡片封面:" required prop="background_type">
+                            <el-radio-group v-model="form.background_type">
+                                <el-radio :label="bgt.id" :value="bgt.id" :key="index" v-for="(bgt, index) in backgroundTypeOptions">{{bgt.name}}</el-radio>
+                            </el-radio-group>
+                        </el-form-item>
+                        <el-form-item label="背景色:"  prop="background_color"  v-show="form.background_type==1">
+                            <el-color-picker v-model="form.background_color" @change="handleChangeColor" :predefine="predefineData"></el-color-picker>
+                        </el-form-item>
+                        <el-form-item label="封面图片:"  prop="background_image"  v-show="form.background_type==2">
+                           <el-upload
+                                v-loading="uploading"
+                                :element-loading-text="loadingText"
+                                class="bg-image-uploader"
+                                :data="uploadData"
+                                action="https://upload.qiniup.com"
+                                :show-file-list="false"
+                                :on-error="handleBackImageError"
+                                :on-success="handleBackImageSuccess"
+                                :before-upload="beforeBackImageUpload"
+                            >
+                                <img v-if="form.background_image" :src="form.background_image" class="bg-image">
+                                <i v-else class="el-icon-plus bg-image-uploader-icon"></i>
+                                <div class="el-upload__tip" slot="tip">尺寸：906*498像素，小于2M，支持jpg、png、jpeg格式</div>
+                            </el-upload>
+                        </el-form-item>
+
+                        <el-form-item label="会员卡名称:" required prop="card_name" >
+                            <el-input v-model="form.card_name" placeholder="最多可输入9个字符" maxlength="9"></el-input>
+                        </el-form-item>
+                        <el-form-item label="使用须知:"  prop="use_notice">
+                            <el-input v-model="form.use_notice" type="textarea" rows='4' placeholder="会员特权会根据您上文的勾选情况系统自动生成，此处可填写其它补充信息以便会员知晓，最多可输入300个字符"  maxlength="300"></el-input>
+                        </el-form-item>
+                        <el-form-item label="会员权益:"  prop="card_right">
+                            <el-input v-model="form.card_right" type="textarea" rows='4' placeholder="会员特权会根据您上文的勾选情况系统自动生成，此处可填写其它补充信息以便会员知晓，最多可输入300个字符"  maxlength="300"></el-input>
+                        </el-form-item>
+                        <el-form-item label="客服电话:"  prop="service_phone" >
+                            <el-input v-model="form.service_phone" placeholder="请输入手机号或固定电话" ></el-input>
+                        </el-form-item>
+                        <el-form-item label="升级条件:"  prop="upgrade_integral" >
+                            累积积分达到
+                            <el-input v-model.number="form.upgrade_integral" style="width:100px;" placeholder="" ></el-input>
+                            分
+                        </el-form-item>
+                    </el-form>
+                </el-col>
+            </el-row>
+            
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="editCardFormVisible = false">取消</el-button>
+                <el-button
+                type="primary"
+                @click="submitForm('cardForm')"
+                >保 存
+                </el-button>
+            </div>
+        </el-dialog>  
+    </div>
+</template>
+
+<script>
+import {EditMemberShipCard} from "@/api/member/member";
+import { getFileExtension,checkHexColor,checkMobileOrPhone } from "@/utils/tools";
+import { getToken } from "@/api/qiniu";
+
+export default {
+    name:'EditCardForm',
+    props:{
+        cardsData:{
+            type: Array,
+            default: function () {
+                return [];
+            }
+        },
+        cardIndex:{
+            type:Number,
+            default:-1.
+        },
+        form:{
+            background_type:1,
+            background:"#409EFF",
+            background_color:"#409EFF",
+            background_image:"",
+            card_name:'',
+            use_notice:'',
+            card_right:'',
+            service_phone:'',
+            upgrade_integral:0,
+            id:0,
+        },
+    },
+    data(){
+        var checkBgColorRule = (rule, value, callback) => {
+            if (this.form.background_type == 1 && !checkHexColor(value)) {
+                callback(new Error('请选择背景色'));
+            }else {
+               callback(); 
+            }
+        };
+        var checkBgImageRule = (rule, value, callback) => {
+            if (this.form.background_type == 2 && !value) {
+                callback(new Error('请上图片封面图片'));
+            }else {
+               callback(); 
+            }
+        };
+        var checkTelRule = (rule, value, callback) => {
+            if (value && !checkMobileOrPhone(value)) {
+                callback(new Error('请填写正确的客服电话:13888888888 或 0756-1234567'));
+            }else {
+               callback(); 
+            }
+        };
+        var checkIntegralRule = (rule, value, callback) => {
+            if(!value) {
+                callback(); 
+            }else {
+                if(!Number.isInteger(value)) {
+                    callback(new Error('必须是整数'));
+                }else {
+                    if (value<0) {
+                        callback(new Error('不能小于0'));
+                    }else {
+                        callback(); 
+                    }
+                }
+            }
+        };
+        return {
+            editCardFormVisible:false,
+            qiniuDomain: "https://images.shengws.com/",
+            uploading:false,
+            loadingText:'',
+            submitLoading:false,
+            uploadData: { token: "", key: "" },
+            predefineData:['#65d3e3','#82cecb','#5bd18b','#58a2ec','#9675cc','#f2ca68','#ff7979','#aed15b','#75c075','#67b192','#7b8a97','#34495e','#262626'],
+            backgroundTypeOptions:[
+                {id:1, name:'背景色'},
+                {id:2, name:'封面图片'},
+            ],
+            
+            cardRules: {
+                card_name: [{required: true, message: "请填写会员卡名称",},],
+                background_color: [{ validator: checkBgColorRule}],
+                background_image: [{ validator: checkBgImageRule}],
+                service_phone: [{ validator: checkTelRule}],
+                upgrade_integral: [{ validator:checkIntegralRule}],
+            },
+        }
+    },
+    methods:{
+        open:function(){
+            this.form.background_color = '';
+            this.form.background_image = '';
+            if (this.form.background_type == 1) {
+                this.form.background_color = this.form.background;
+            }else {
+                this.form.background_image = this.form.background;
+            }
+            this.editCardFormVisible = true;
+        },
+        resetForm:function(formName) {
+            if (typeof(this.$refs[formName]) !='undefined') {
+                this.$refs[formName].resetFields();
+            }
+        },
+        handleChangeColor:function(color){
+            this.form.background = color;
+        },
+        handleBackImageError(err, file, fileList) {
+            this.$message.error(err);
+            this.uploading = false;
+            return false;
+        },
+        handleBackImageSuccess(res, file) {
+            var url = this.qiniuDomain + res.url;
+            this.form.background_image = url
+            this.form.background = url;
+            this.uploading = false;
+        },
+        beforeBackImageUpload(file) {
+            var fileType = file.type;
+            const isJPG = fileType.indexOf("image") > -1;
+            const isLt2M = file.size / 1024 / 1024 < 2;
+            if (!isJPG) {
+                this.$message.error("只能上传图片");
+                return false;
+            }
+            if (!isLt2M) {
+                this.$message.error("图片大小不能超过 2MB!");
+                return false;
+            }
+
+            var date = new Date();
+            var ext = getFileExtension(file.name);
+            var key = "" + date.getFullYear() + (date.getMonth() + 1) + date.getDate() + date.getHours() + date.getMinutes() + date.getSeconds() + "_card_" +file.uid +"." + ext;
+            this.uploading = true;
+            this.loadingText = "图片上传中";
+
+            const _self = this;
+            return new Promise((resolve, reject) => {
+                getToken()
+                .then(response => {
+                    const token = response.data.data.uptoken;
+                    _self._data.uploadData.token = token;
+                    _self._data.uploadData.key = key;
+                    resolve(true);
+                })
+                .catch(err => {
+                    reject(false);
+                    this.uploading = false;
+                });
+            });
+        },
+        submitForm:function(formName){
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    this.loadingText = "正在保存...";
+                    this.submitLoading = true;
+                    EditMemberShipCard(this.form.id, this.form).then(response=>{
+                        var res = response.data;
+                        if(res.state === 1) {
+                            var card = res.data.card;
+                            this.cardsData.splice(this.cardIndex, 1, card);
+                            this.resetForm("cardForm");
+                            this.editCardFormVisible = false;
+                            this.$message.success("编辑会员卡成功");
+                        }else {
+                            this.$message.error(res.msg);
+                        }
+                        this.submitLoading = false;
+                    }).catch(e=>{
+                        this.submitLoading = false;
+                    });
+                } else {
+                    return false;
+                }
+            });
+        },
+    },
+    computed: {
+      orgLogo: function() {
+        var avatar = this.$store.getters.xt_user.org.org_logo
+        return avatar.length > 0
+          ? avatar
+          : require('../../../assets/home/userData.png')
+      },
+      membercardAreaBackground:function(){
+          if (this.form.background_type == 1) {
+              return 'background:' + this.form.background_color;
+          }else {
+              return 'background: url("' + this.form.background_image + '") 0% 0% / 100% 100% no-repeat;'
+          }
+      }
+    },
+}
+</script>
+
+<style rel="stylesheet/scss" >
+#edit-member-card-form .org-logo .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 25px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+#edit-member-card-form .org-logo .el-upload:hover {
+  border-color: #409eff;
+}
+#edit-member-card-form .org-logo-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 50px;
+  height: 50px;
+  line-height: 50px;
+  text-align: center;
+}
+
+#edit-member-card-form .el-upload__tip em {
+    color: #5599eb;
+}
+
+#edit-member-card-form .org-logo-image {
+  width: 50px;
+  height: 50px;
+  display: block;
+}
+
+
+#edit-member-card-form .bg-image-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 10px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+#edit-member-card-form .bg-image-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+#edit-member-card-form .bg-image-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 278px;
+  height: 130px;
+  line-height: 130px;
+  text-align: center;
+}
+#edit-member-card-form .bg-image {
+  width: 278px;
+  height: 130px;
+  display: block;
+}
+
+#edit-member-card-show .membercard-area {
+    margin: 9px;
+    padding: 14px 18px 24px 17px;
+    background: #5599eb;
+    color: #fff;
+    border-radius: 20px 20px 20px 20px;
+    position: relative;
+}
+#edit-member-card-show  .membercard-area .ico_crown {
+    position: absolute;
+    right: 18px;
+    width: 64px;
+    height: 54px;
+    background: url("https://images.shengws.com/icos-201906141103.png") no-repeat -58px -422px;
+}
+#edit-member-card-show .clearfix {
+    clear: both;
+}
+#edit-member-card-show .clearfix:before {
+    display: table;
+    content: " ";
+}
+#edit-member-card-show .membercard-area .shop-name {
+    font-size: 14px;
+}
+#edit-member-card-show .membercard-area .shop-name .shop-logo {
+    display: inline-block;
+    width: 40px;
+    height: 40px;
+    float: left;
+    margin-right: 13px;
+}
+#edit-member-card-show .membercard-area .shop-name .shop-logo img {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+}
+#edit-member-card-show .membercard-area .shop-name .tit {
+    height: 41px;
+    line-height: 41px;
+}
+#edit-member-card-show  .member-type {
+    height: 70px;
+    line-height: 70px;
+}
+#edit-member-card-show .membercard-area .card-content .expiry-date {
+    font-size: 12px;
+}
+</style>
+

src/scrm_pages/members/components/EditTagForm.vue

@@ -0,0 +1,94 @@
+<template>
+    <div id="edit-tag-form-box">
+        <el-dialog title="编辑标签" :visible.sync="editTagFormVisible" width="700px" >
+            <el-form ref="tagForm" :rules="tagRules" :model="form" label-width="60px">
+                <el-row>
+                    <el-col :span="24">
+                        <el-form-item label="标签:" required prop="tag_name">
+                        <el-input v-model="form.tag_name"></el-input>
+                        </el-form-item>
+                    </el-col>
+                </el-row>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="editTagFormVisible = false">取消</el-button>
+                <el-button
+                type="primary"
+                @click="submitForm('tagForm')"
+                >保 存
+                </el-button>
+            </div>
+        </el-dialog>  
+    </div>
+</template>
+
+<script>
+import {EditTag} from "@/api/member/member";
+
+export default {
+    name:'EditTagForm',
+    props:{
+        tagsData:{
+            type: Array,
+            default: function () {
+                return [];
+            }
+        },
+        form:{
+            tag_name:'',
+            id:0,
+        },
+        tagIndex:{
+            type:Number,
+            default:-1,
+        },
+    },
+    data(){
+        return {
+            editTagFormVisible:false,
+            tagRules: {
+                tag_name: [{required: true, message: "请填写标签",},],
+            },
+            oldTagName:'',
+        }
+    },
+    methods:{
+        open:function(){
+            this.oldTagName = this.form.tag_name;
+            this.editTagFormVisible = true;
+        },
+        resetForm(formName) {
+            if (typeof(this.$refs[formName]) !='undefined') {
+                this.$refs[formName].resetFields();
+            }
+        },
+        submitForm(formName){
+            this.$refs[formName].validate((valid) => {
+                if (valid) {
+                    if(this.oldTagName == this.form.tag_name) {
+                        this.$message.success("标签名未变化");
+                        this.editTagFormVisible = false;
+                        return false;
+                    }
+                    EditTag(this.form.id, this.form).then(response=>{
+                        var res = response.data;
+                        if(res.state === 1) {
+                            var tag = res.data.tag;
+                            this.tagsData[this.tagIndex].tag_name = tag.tag_name;
+                            this.resetForm("tagForm");
+                            this.editTagFormVisible = false;
+                            this.$message.success("编辑标签成功");
+                        }else {
+                            this.$message.error(res.msg);
+                        }
+                    }).catch(e=>{});
+
+                } else {
+                    return false;
+                }
+            });
+        },
+    }
+}
+</script>
+

src/scrm_pages/members/tags.vue

@@ -15,7 +15,7 @@
         </div>
         <div class="filter-container" style="margin-top: 10px;margin-left: 5px">
             <el-checkbox style="width: 30px" @change="changeCheck" v-model="checkAllStatus">全选</el-checkbox>
-            <el-button size="small" icon="el-icon-delete" >批量删除</el-button>
+            <el-button size="small" icon="el-icon-delete" @click="openDeleteTags">批量删除</el-button>
         </div>
         <el-table ref="multipleTable"  @selection-change="handleSelectionChange"  :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)'}" :data="tagsData" border fit highlight-current-row  style="width: 100%;margin-top: 10px;">
             <el-table-column
@@ -30,7 +30,7 @@
             </el-table-column>
             <el-table-column label="会员数" align="center">
                 <template slot-scope="scope">
-                <span>{{scope.row.created_time}}</span>
+                <span>{{scope.row.member_count}}</span>
                 </template>
             </el-table-column>
             <el-table-column label="操作" align="center">
@@ -44,24 +44,44 @@
                 </template>
             </el-table-column>
         </el-table>
+        <el-pagination
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :page-sizes="[10,20,50,100]"
+            :page-size="10"
+            background
+            style="margin-top:20px;"
+            align="right"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="total">
+        </el-pagination>
+
+        <!--create-tag-form 添加标签-->
+        <create-tag-form ref="createTagForm" :tagsData="tagsData" ></create-tag-form>
+        <!--edit-tag-form 编辑标签-->
+        <edit-tag-form ref="editTagForm" :tagsData="tagsData" :tagIndex="tagIndex" :form="editForm"></edit-tag-form>
     </div>
   </div>
 </template>
 
 <script>
-  import {GetTags} from "@/api/member/member";
+  import {GetTags,DeleteTags} from "@/api/member/member";
   import BreadCrumb from '../components/bread-crumb';
-  
+  import CreateTagForm from "./components/CreateTagForm";
+  import EditTagForm from "./components/EditTagForm";
+
   export default {
     name: 'memberTagList',
     components:{
       BreadCrumb,
+      CreateTagForm,
+      EditTagForm,
     },
     data(){
       return{
         crumbs: [
           { path: false, name: '会员管理' },
-          { path: false, name: '标签列表' }
+          { path: false, name: '标签管理' }
         ],
         total:0,
         listQuery:{
@@ -70,30 +90,109 @@
             search:'',
         },
         checkAllStatus:false,
-       
+        selectedTags:[],
         tagsData:[],
+        tagIndex:-1,
+        editForm:{
+            id:0,
+            tag_name:'',
+        },
       }
     },
     methods:{
         openCreate:function(){
-            this.tagsData.push({id:1,tag_name:'2'});
+          this.$refs.createTagForm.open();
         },
-        openEdit:function(row,index){},
-        openDelete:function(row,index){},
-        changeCheck:function(){
+        openEdit:function(row,index){
+            this.tagIndex = index;
+            this.editForm.id = row.id;
+            this.editForm.tag_name = row.tag_name;
+            this.$refs.editTagForm.open();
+        },
+        openDeleteTags:function(){
+          if (this.selectedTags.length==0) {
+            this.$message.error("请选择要删除的标签");
+            return false;
+          }
 
+          this.$confirm('确认要删除所选的标签吗？<br>删除后，标签将无法恢复', '删除提示', {
+            dangerouslyUseHTMLString:true,
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }).then(() => {
+            var ids = [];
+            var idMap = {};
+            for (const index in this.selectedTags) {
+              ids.push(this.selectedTags[index].id);
+              idMap[this.selectedTags[index].id] = this.selectedTags[index].id;
+            }
+            DeleteTags({ids:ids}).then(response=>{
+              var res = response.data;
+              if (res.state === 1) {
+                var tagsDataLength = this.tagsData.length;
+                for (let index = tagsDataLength-1; index >= 0; index--) {
+                  if(this.tagsData[index].id in idMap) {
+                    this.tagsData.splice(index, 1);
+                  }                  
+                }
+                this.$message.success("删除标签成功");
+              }else {
+                this.$message.error(res.msg);
+              }
+            }).catch(e=>{});
+          }).catch(() => {
+            return false        
+          });
+        },
+        openDelete:function(row,index){
+          this.$confirm('确认要删除该标签吗？<br>删除后，该标签将无法恢复', '删除提示', {
+            dangerouslyUseHTMLString:true,
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }).then(() => {
+            var ids = [];
+            ids.push(row.id);
+            DeleteTags({ids:ids}).then(response=>{
+              var res = response.data;
+              if (res.state === 1) {
+                this.tagsData.splice(index, 1);
+                this.$message.success("删除标签成功");
+              }else {
+                this.$message.error(res.msg);
+              }
+            }).catch(e=>{});
+          }).catch(() => {
+            return false        
+          });
+        },
+        changeCheck:function(){
+          this.$refs.multipleTable.clearSelection();
+          if (this.checkAllStatus) {
+            this.$refs.multipleTable.toggleAllSelection();
+          }
         },
         handleSelectionChange:function (val) {
-            
+          this.selectedTags = val;
+        },
+        handleSizeChange(limit) {
+            this.listQuery.limit = limit;
+            this.GetTags();
+        },
+        handleCurrentChange(page) {
+            this.listQuery.page = page;
+            this.GetTags();
         },
         changeKey(){
             this.GetTags();
         },
         GetTags(){
-            GetTags().then(response=>{
+            GetTags(this.listQuery).then(response=>{
                 var res = response.data;
                 if(res.state===1) {
                     this.tagsData = res.data.tags;
+                    this.total = res.data.total;
                 }
             }).catch(e=>{})
         }

src/scrm_pages/weixinmp/authorization.vue

@@ -0,0 +1,180 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
+    </div>
+    <div class="app-container" id="winxin-auth-box">
+      <div class="filter-container" style="margin-top: 10px;margin-left: 5px ">
+        <div v-if="authData.authorizer_status==1">
+          <div class="bind-title-box">
+            <span class="bind-title">您已绑定公众号，如需更换绑定公众号，请点击下面按钮</span>
+          </div>
+          <el-button type="warning">更换绑定公众号</el-button>
+          <div class="bind-massage-box">
+            <span>
+              授权公众号：{{authData.authorizer_nick_name}}，类型：{{mpTypeName}}，
+              <!--授权方公众号类型，0代表订阅号，1代表由历史老帐号升级后的订阅号，2代表服务号-->
+              <!-- authorizer_service_type_info -->
+            </span>
+          </div>
+        </div>
+        <div v-else>
+          <div class="bind-title-box">
+            <span class="bind-title">您尚未绑定公众号</span>
+          </div>
+          <el-button type="warning">已有公众号，立刻绑定</el-button>
+          <div class="bind-massage-box">
+            <span>
+              如果还没有公众号，需要先在微信公众号平台进行申请。 去
+              <a href="https://mp.weixin.qq.com/" title="申请微信公众号">申请>></a>
+            </span>
+          </div>
+        </div>
+
+      </div>
+      <div style="height:20px">&nbsp;</div>
+      <div class="dataTitle title-15">授权公众号后可以使用什么功能？</div>
+      <div class="dataBody">
+        <p>1.微信公众号的菜单设置</p>
+        <p>2.微网站分享功能</p>
+      </div>
+
+      <div style="height:20px">&nbsp;</div>
+      <div class="dataTitle title-7">授权有风险吗？</div>
+      <div class="dataBody">
+        <p>没有，酷医云使用了微信平台提供的官方授权接口，是非常安全的。</p>
+      </div>
+
+      <div style="height:20px">&nbsp;</div>
+      <div class="dataTitle title-23">我的公众号已经授权了其它的第三方平台，怎么办？</div>
+      <div class="dataBody">
+        <p>没问题，秀米的授权不会影响任何第三方平台，也不影响现有的任何自定义菜单、开发模式、自定义回复等功能。</p>
+      </div>
+
+      <div style="height:20px">&nbsp;</div>
+      <div class="dataTitle title-12">如何取消给酷医云的授权？</div>
+      <div class="dataBody">
+        <p>公众号取消授权，进入微信后台，点击“+添加功能插件”，进入“授权管理”，就可以看到酷医云的授权，并且解除授权了。</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BreadCrumb from "../components/bread-crumb";
+
+export default {
+  name: "authorization",
+  components: {
+    BreadCrumb
+  },
+  data() {
+    return {
+      crumbs: [
+        { path: false, name: "系统设置" },
+        { path: false, name: "公众号授权" }
+      ],
+
+      authData: {
+        id: 0,
+        user_org_id: 0,
+        authorizer_appid: "",
+        authorizer_access_token: "",
+        authorizer_refresh_token: "",
+        authorizer_jsapi_ticket: "",
+        authorizer_funcscope_category: "",
+        authorizer_nick_name: "",
+        authorizer_head_img: "",
+        authorizer_service_type_info: 0,
+        authorizer_verify_type_info: 0,
+        authorizer_user_name: "",
+        authorizer_principal_name: "",
+        authorizer_business_info: "",
+        authorizer_qrcode_url: "",
+        created_time: "",
+        updated_time: "",
+        authorizer_status: 1
+      }
+    };
+  },
+  methods: {},
+  created() {},
+  computed:{
+    mpTypeName:function(){
+      return 'xx';
+    }
+  },
+};
+</script>
+
+<style scoped>
+#winxin-auth-box .bind-title-box {
+  margin-bottom: 20px;
+}
+
+#winxin-auth-box .bind-title {
+  color: #000;
+  font-size: 24px;
+}
+
+#winxin-auth-box .bind-massage-box {
+  margin-top: 10px;
+  color: #303133;
+  font-size: 14px;
+}
+#winxin-auth-box .bind-massage-box a,#winxin-auth-box .bind-massage-box a:visited,#winxin-auth-box .bind-massage-box a:active {
+  color: #409eff;
+}
+#winxin-auth-box .bind-massage-box a:hover {
+  color: #409eff;
+  text-decoration: underline;
+}
+
+#winxin-auth-box .dataTitle {
+  color: #303133;
+  font-size: 14px;
+  border-bottom: 1px #409eff solid;
+  height: 36px;
+  line-height: 36px;
+  margin: 0 0 20px 0;
+  position: relative;
+}
+
+#winxin-auth-box .dataTitle::before {
+  position: absolute;
+  left: 0;
+  bottom: -1px;
+  content: "";
+  height: 3px;
+  background: #409eff;
+}
+
+#winxin-auth-box .title-15::before {
+  width: 200px;
+}
+#winxin-auth-box .title-12::before {
+  width: 158px;
+}
+#winxin-auth-box .title-7::before {
+  width: 88px;
+}
+#winxin-auth-box .title-23::before {
+  width: 312px;
+}
+#winxin-auth-box .dataBody {
+  color: #303133;
+  font-size: 14px;
+  line-height: 18px;
+}
+/*.app-container .cell.clearfix .time ul li {*/
+/*float: left;*/
+/*list-style: none;*/
+/*cursor: pointer;*/
+/*padding: 6px 20px;*/
+/*color: #606266;*/
+/*border-radius: 4px;*/
+/*margin: 0 8px 0 0;*/
+/*font-size: 14px;*/
+/*text-align: center;*/
+/*}*/
+</style>

src/utils/tools.js

@@ -175,4 +175,16 @@ export function uParseTime(time, cFormat) {
         return false; 
     } 
     return true;
+  } 
+  
+  export function checkMobileOrPhone(tel){ 
+    var mobile = /^1[2-9][0-9]\d{8}$/ , phone = /^0\d{2,3}-?\d{7,8}$/;
+    return mobile.test(tel) || phone.test(tel);
+  } 
+
+  export function checkHexColor(color){ 
+    if(!(/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color))){ 
+        return false; 
+    } 
+    return true;
   }