授权中心

src/components/authorize.vue

+<style>
+  .authorize {
+    height: 100%;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -ms-flex-direction: row;
+    flex-direction: row;
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    -ms-flex-preferred-size: auto;
+    flex-basis: auto;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    min-width: 0;
+    font-size: 14px;
+  }
+
+  .authorize .mainLeftMenu {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    color: #fff;
+  }
+
+  .authorize .leftMenu1 {
+    background: #444444;
+    cursor: pointer;
+    width: 200px;
+    height: 100%;
+    overflow-y: auto;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+
+  .authorize .asideInner {
+    background: rgba(0, 0, 0, 0.15);
+    padding: 6px 6px;
+    width: 100%;
+    border-radius: 3px;
+    font-weight: bold;
+  }
+
+  .authorize .F_Logo {
+    height: 60px;
+    background: #464d54;
+    color: #f2f2f2;
+    cursor: pointer;
+    font-weight: bold;
+    text-align: center;
+    padding: 0 15px;
+    display: flex;
+    align-items: center;
+  }
+
+  .authorize .mainRightContent {
+    width: 100%;
+    height: 100%;
+    background-color: #f3f3f3;
+  }
+
+  .authorize .mainRightTop {
+    width: 100%;
+    height: 60px;
+    background: #fff;
+    display: flex;
+    justify-content: space-between;
+    color: #909399;
+  }
+
+  .authorize .mainRightLeft {
+    width: 110px;
+    height: 60px;
+    line-height: 62px;
+    text-align: center;
+    margin-left: 30px;
+    cursor: pointer;
+    position: relative;
+    top: -2px;
+  }
+
+  .authorize .marinRightList {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    width: 300px;
+    float: right;
+  }
+
+  .authorize .marinRightList ul {
+    display: flex;
+    width: 100%;
+    justify-content: space-around;
+  }
+
+  .authorize .marinRightList ul li {
+    display: block;
+    list-style-type: none;
+    cursor: pointer;
+    color: #909399;
+    outline: none;
+    border: none;
+  }
+
+  .authorize .main_routerPage {
+    padding: 20px;
+    overflow-y: scroll;
+  }
+  .authorize .FsettingUU{
+    position: fixed;
+    width: 200px;
+    height: 100%;
+    position: fixed;
+    top: 60px;
+    left: 0;
+    overflow: auto;
+    z-index: 5;
+    background-color: rgb(84, 92, 100);
+}
+.authorize .FsettingUU .menu_item{
+    font-size: 14px;
+    color: #303133;
+    padding: 0 20px;
+    cursor: pointer;
+    -webkit-transition: border-color .3s,background-color .3s,color .3s;
+    transition: border-color .3s,background-color .3s,color .3s;
+    box-sizing: border-box;
+    height:56px;
+    line-height: 56px;
+    list-style: none;
+    white-space: nowrap;
+    color:#fff;
+    display: flex;
+    align-items: center;
+}
+.authorize .FsettingUU .menu_item i {
+    margin-right: 5px;
+    width: 24px;
+    text-align: center;
+    font-size: 18px;
+    vertical-align: middle;
+    color:#909399;
+}
+.authorize .menu_item:hover{
+    background-color: rgba(67,74,80);
+}
+.authorize .F_Logo:hover{
+    background-color: #30353a;
+    color:#fff;
+}
+.authorize .Fchecked{
+    color:rgb(255, 208, 75)!important;
+}
+.authorize .Fchecked i{
+    color:rgb(255, 208, 75)!important;
+}
+</style>
+<template>
+  <div class="authorize">
+    <div class="mainLeftMenu">
+      <div class="leftMenu1">
+        <div class="F_Logo">
+          <div class="asideInner" @click="CommonJump('mallIndex')">{{currentUser.MallName}}
+          </div>
+        </div>
+        <ul class="FsettingUU">
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/groupEmpower'}"  @click="isChecked='/groupEmpower',CommonJump('groupEmpower')">
+              <i class="el-icon-menu"></i><span>集团授权</span>
+          </li>
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/empowerManage'}"  @click="isChecked='/empowerManage',CommonJump('empowerManage')">
+              <i class="el-icon-menu"></i><span>授权列表</span>
+          </li>
+         
+        </ul>
+      </div>
+    </div>
+    <div class="mainRightContent">
+      <div class="mainRightTop">
+        <div class="mainRightLeft">授权中心</div>
+        <div class="marinRightList">
+          <ul>
+            <li style="display:none">缓存</li>
+            <li style="display:none"> title="教程管理">
+              <el-dropdown trigger="click">
+                <span class="el-dropdown-link">
+                  教程管理<i class="el-icon-arrow-down el-icon--right"></i>
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item>操作教程</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </li>
+            <li :title="currentUser.MallName">
+              <el-dropdown trigger="click">
+                <span class="el-dropdown-link">
+                  {{currentUser.MallName}}<i class="el-icon-arrow-down el-icon--right"></i>
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item disabled>{{currentUser.MallName}}</el-dropdown-item>
+                  <el-dropdown-item disabled>{{currentUser.Account}}({{currentUser.MobilePhone}})</el-dropdown-item>
+                  <el-dropdown-item @click.native="CommonJump('index')">返回系统</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </li>
+          </ul>
+        </div>
+      </div>
+      <div class="main_routerPage" :style="{height: Height+'px'}">
+        <router-view />
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        currentUser: {},
+        isChecked:'',
+        Height:0
+      };
+    },
+    created() {
+      this.currentUser = this.getLocalStorage();
+      console.log(this.getLocalStorage())
+      this.isChecked=this.$route.path;
+      if(this.$route.query.FIndex){
+        this.CommonJump('groupEmpower');
+        this.isChecked='/groupEmpower'
+      }
+    },
+    methods: {
+    },
+    mounted() {
+      this.Height = document.documentElement.clientHeight - 60;
+      //监听浏览器窗口变化　
+      window.onresize = () => {
+        this.Height = document.documentElement.clientHeight - 60
+      }
+    }
+  };
+
+</script>

src/components/empower/empowerEdit.vue

+<style>
+.empowerEdit .mimitBody {
+  padding: 20px;
+  background-color: #fff;
+  margin: 10px 0 20px 0;
+  display: table;
+  width: 100%;
+}
+.empowerEdit .tpEdit_header {
+    padding: 18px;
+    background: #fff;
+    color: #606266;
+    margin-bottom: 10px;
+  }
+.empowerEdit .mimitList {
+  margin-bottom: 15px;
+  display: flex;
+  flex-direction: row;
+}
+
+.empowerEdit .mimitBody .el-tag {
+  min-width: 120px;
+  padding-right: 50px;
+}
+
+.empowerEdit .el-button--small {
+  padding: 9px 25px;
+}
+</style>
+<template>
+  <div class="empowerEdit">
+    <div class="tpEdit_header">
+      <span style="color:rgb(64, 158, 255);cursor:pointer;" @click="CommonJump('empowerManage',{})">授权管理</span><span
+        style="margin:0 9px;color:#C0C4CC">/</span><span>新增</span>
+    </div>
+    <div class="mimitBody">
+      <div class="el-col el-col-6">
+        <el-form
+          :model="msg"
+          :rules="rules"
+          ref="msg"
+          label-width="150px"
+        >
+          <el-form-item label="集团域名"  size="small" prop="DomainName">
+            <el-input
+              type="text"
+              size="small"
+              maxlength="200"
+              v-model="msg.DomainName"
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item label="账号"  size="small" prop="Account">
+            <el-input
+              type="text"
+              size="small"
+              maxlength="200"
+              v-model="msg.Account"
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item label="密码"  size="small" prop="Password">
+            <el-input
+              type="text"
+              size="small"
+              maxlength="200"
+              v-model="msg.Password"
+            >
+            </el-input>
+          </el-form-item>
+        <el-form-item label="绑定用户"  size="small" prop="MallUserId">
+            <el-select  style="margin-right: 10px;width:100%" v-model="msg.MallUserId" size="small" 
+                    placeholder="请选择" >
+                    <el-option v-for="item in options" :key="item.EmpId" :label="item.EmpName" :value="item.EmpId">
+                    </el-option>
+                </el-select>
+        </el-form-item>
+         
+        </el-form>
+      </div>
+    </div>
+    
+    <el-button size="small" type="primary" @click="submitForm('msg')" 
+      >保存</el-button
+    >
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      msg:{
+          ID:0,
+          DomainName:'',
+          Account:'',
+          Password:'',
+          Type:1,
+          MallUserId:''
+      },
+      options:[],
+      rules: {
+          DomainName: [{
+            required: true,
+            message: "请输入集团域名",
+            trigger: "blur"
+          }],
+          Account: [{
+            required: true,
+            message: "请输入账户",
+            trigger: "blur"
+          }],
+          Password: [{
+            required: true,
+            message: "请输入密码",
+            trigger: "blur"
+          }],
+          MallUserId: [{
+            required: true,
+            message: "请输入绑定用户",
+            trigger: "blur"
+          }],
+        }
+    };
+  },
+  created() {},
+  methods: {
+    //获取集团授权信息
+    getEmployeeData(data) {
+      this.apipost(
+        "/api/Authorize/GetAuthorizeModel",
+        {
+            Type:data.Type,
+            ID:data.ID
+            },
+        res => {
+            if (res.data.resultCode == 1) {
+                if(res.data.data !=null){
+                    let data = res.data.data
+                    this.msg.ID = data.ID;
+                    this.msg.DomainName = data.DomainName;
+                    this.msg.Account = data.Account;
+                    this.msg.Type = data.Type;
+                    this.msg.MallUserId = data.MallUserId;
+                }
+            } else {
+            this.Info(res.data.message);
+            }
+        }
+      );
+    },
+    getEmployeeList(){
+    this.apipost(
+        "/api/Employee/GetEmployeeList",
+        {},
+        res => {
+          if (res.data.resultCode == 1) {
+              this.options = res.data.data
+          } else {
+            this.Info(res.data.message);
+          }
+        }
+      );
+    },
+    submitForm(msg){
+        this.$refs[msg].validate(valid => {
+          if (valid) {
+            this.apipost(
+              "/api/Authorize/SetAuthorize",
+              this.msg,
+              res => {
+                if (res.data.resultCode == 1) {
+                    this.Success(res.data.message);
+                   this.CommonJump("empowerManage");
+                } else {
+                  this.Info(res.data.message);
+                }
+              }
+            );
+          } else {
+            return false;
+          }
+        });
+    }
+  },
+  mounted() {
+    // this.GetWeiXinAppConfig();
+    this.getEmployeeList()
+    if( this.$route.query.ID!=0){
+        this.getEmployeeData(this.$route.query)
+    }
+    
+  }
+};
+</script>

src/components/empower/empowerManage.vue

+<style>
+  .empowerManage .template_comheader {
+    padding: 13px 20px;
+    border-bottom: 1px solid #EBEEF5;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    background: #fff;
+  }
+
+  .empowerManage .template_comheader>div {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-direction: row;
+  }
+
+  .empowerManage .temp_content {
+    margin-top: 10px;
+    background: #fff;
+    padding: 20px;
+  }
+
+  .empowerManage .temp_imgStyle {
+    display: inline-block;
+    margin-right: 10px;
+  }
+
+</style>
+<template>
+  <div class="empowerManage">
+    <div class="template_comheader">
+      <div>
+        <span>授权管理</span>
+        <el-button type="primary" size="small" @click="CommonJump('empowerEdit',{ID:0})">新增用户</el-button>
+      </div>
+    </div>
+    <div class="temp_content">
+    
+        <el-table :data="dataList" border style="width: 100%">
+            <el-table-column prop="ID" label="ID" width="80"></el-table-column>
+            <el-table-column  label="类型">
+                <template slot-scope="scope">
+                    <span v-if="scope.row.Type==1">用户</span>
+                    <span v-if="scope.row.Type==2">集团</span>
+                </template>    
+            </el-table-column>
+            <el-table-column  label="类型">
+                <template slot-scope="scope">
+                    <span v-if="scope.row.Status==1">待审核</span>
+                    <span v-if="scope.row.Status==2">已审核</span>
+                    <span v-if="scope.row.Status==3">已拒绝</span>
+                    <span v-if="scope.row.Status==4">已作废</span>
+                </template>    
+            </el-table-column>
+            <el-table-column prop="CreateBy" label="创建人Id"></el-table-column>
+            <el-table-column prop="EmpName" label="创建人姓名"></el-table-column>
+            <el-table-column prop="DomainName" label="域名"></el-table-column>
+            <el-table-column prop="Account" label="关联erp账号"></el-table-column>
+            <el-table-column prop="MallUserName" label="电商员工姓名"></el-table-column>
+            <el-table-column prop="CreateDate" label="创建时间"></el-table-column>
+            <el-table-column prop="UpdateDate" label="更新时间"></el-table-column>
+            <el-table-column label="操作">
+            <template slot-scope="scope">
+                <el-tooltip class="item" effect="dark" content="编辑" placement="top" v-if="scope.row.Status==3">
+                <img src="../../assets/img/setup/edit.png" alt="" class="temp_imgStyle" @click="EditeTemplate(scope.row)">
+                </el-tooltip>
+                <el-tooltip class="item" effect="dark" content="删除" placement="top">
+                <img src="../../assets/img/setup/del.png" alt="" class="temp_imgStyle" @click="DeleteTemplate(scope.row)">
+                </el-tooltip>
+            </template>
+            </el-table-column>
+        </el-table>
+        <el-pagination style="text-align:right" background @current-change="handleCurrentChange"  :current-page.sync="msg.pageIndex"
+            :page-size="msg.pageSize" layout="prev, pager, next" :total="total">
+        </el-pagination>
+    </div>
+  </div>
+</template>
+<script>
+  export default {
+    data() {
+      return {
+        dataList: [],
+        msg: {
+          pageIndex: 1,
+          pageSize: 15,
+        },
+        total: 0
+      };
+    },
+    created() {
+
+    },
+    methods: {
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getList();
+      },
+      getList() {
+        this.apipost("/api/Authorize/GetAuthorizePageList", this.msg, res => {
+          if (res.data.resultCode == 1) {
+            this.dataList = res.data.data.pageData;
+            this.total = res.data.data.count;
+          } else {
+            this.Info(res.data.message);
+          }
+        })
+      },
+      //修改授权信息
+      EditeTemplate(item) {
+        this.CommonJump('empowerEdit', {
+          ID: item.ID,
+          Type: item.Type
+        });
+      },
+      //删除授权信息
+      DeleteTemplate(item) {
+        let that = this;
+        that.Confirm("是否删除?", function () {
+          that.apipost("/api/Authorize/DelERPAuthorize", {
+            ID: item.ID,
+          }, res => {
+            if (res.data.resultCode == 1) {
+                that.Success(res.data.message);
+              that.getList();
+            } else {
+              that.Info(res.data.message);
+            }
+          })
+        });
+      }
+    },
+    mounted() {
+      this.getList();
+    }
+  };
+
+</script>

src/components/empower/groupEmpower.vue

+<style>
+.groupEmpower .mimitBody {
+  padding: 20px;
+  background-color: #fff;
+  margin: 10px 0 20px 0;
+  display: table;
+  width: 100%;
+}
+
+.groupEmpower .mimitList {
+  margin-bottom: 15px;
+  display: flex;
+  flex-direction: row;
+}
+
+.groupEmpower .mimitBody .el-tag {
+  min-width: 120px;
+  padding-right: 50px;
+}
+
+.groupEmpower .el-button--small {
+  padding: 9px 25px;
+}
+</style>
+<template>
+  <div class="groupEmpower">
+    <div class="CommonHeader">集团授权</div>
+    <div class="mimitBody">
+      <div class="el-col el-col-12">
+        <el-form
+          :model="msg"
+          :rules="rules"
+          ref="msg"
+          label-width="150px"
+        >
+          <el-form-item label="集团域名"  size="small" prop="DomainName">
+            <el-input
+              type="text"
+              size="small"
+              :disabled="msg.Status==3 || !msg.Status ? false: true"
+              maxlength="200"
+              v-model="msg.DomainName"
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            label="审核状态"
+            size="small"
+          >
+            <span v-if="msg.Status ==1 ">待审核</span>
+            <span v-if="msg.Status ==2 ">已审核</span>
+            <span v-if="msg.Status ==3 ">已拒绝</span>
+            <span v-if="msg.Status ==4 ">已作废</span>
+          </el-form-item>
+        </el-form>
+      </div>
+    </div>
+    
+    <el-button size="small" type="primary" @click="submitForm('msg')" v-if=" (msg.Status==3)  || !msg.Status"
+      >保存</el-button
+    >
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      msg:{},
+      rules: {
+          DomainName: [{
+            required: true,
+            message: "请输入集团域名",
+            trigger: "blur"
+          }],
+          
+        }
+    };
+  },
+  created() {},
+  methods: {
+    //获取集团授权信息
+    GetWeiXinAppConfig() {
+      // type 1-个人，2-集团
+      this.apipost(
+        "/api/Authorize/GetAuthorizeModel",
+        {Type:2},
+        res => {
+          if (res.data.resultCode == 1) { 
+            if( res.data.data !=null){
+                this.msg = res.data.data 
+            }
+              
+          } else {
+            this.Info(res.data.message);
+          }
+        }
+      );
+    },
+    submitForm(msg){
+        this.$refs[msg].validate(valid => {
+          if (valid) {
+            this.apipost(
+              "/api/Authorize/SetAuthorize",
+              {
+                ID:this.msg.ID? this.msg.ID:0,
+                DomainName:this.msg.DomainName,
+                Account:'',
+                Password:'',
+                Type:2
+              },
+              res => {
+                if (res.data.resultCode == 1) {
+                    this.Success(res.data.message);
+                    this.GetWeiXinAppConfig()
+                } else {
+                  this.Info(res.data.message);
+                }
+              }
+            );
+          } else {
+            return false;
+          }
+        });
+    }
+  },
+  mounted() {
+    this.GetWeiXinAppConfig();
+  }
+};
+</script>

src/components/orderMan/afterSalesOrder.vue

@@ -59,6 +59,9 @@
                                 <div class="app-order-user">
                                     <span class="app-order-time">订单号：</span>{{item.ReOrderNo}}
                                 </div>
+                                <div class="app-order-user">
+                                    <span class="app-order-time">原订单号：</span>{{item.OrderModel.OrderNo}}({{item.OrderModel.OrderId}})
+                                </div>
                                 <div flex="cross:center" class="app-order-user">
                                     <img v-if="item.OrderModel.OrderSource==1" src="../../assets/img/userman/wx.png" alt="">
                                     <span>{{item.UserName}}({{item.UserId}})</span>

src/components/sallCenter/pluginCenter.vue

@@ -57,6 +57,16 @@
                     </div>
                 </div>
             </div>
+            <div class="el-col el-col-24 el-col-xs-24 el-col-sm-12 el-col-md-8 el-col-lg-6 el-col-xl-4" @click="goDiyCenter('authorize')">
+                <div flex="dir:left box:first" class="plugin-item">
+                    <div style="padding-right: 12px;"><img src="../../assets/img/sallCenter/em.png" style="width: 50px; height: 50px; display: block;"></div> 
+                        <div>
+                            <div class="display-name">授权中心</div> 
+                            <div flex="box:last"><div class="name">authorize</div> 
+                        </div>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
 </template>

src/plug/index.js

@@ -54,9 +54,9 @@ export default {
             //域名管理对象
             Vue.prototype.domainManager = function() {
                 let domainUrl = '';
-                domainUrl = "https://mallapi.oytour.com";
+                // domainUrl = "https://mallapi.oytour.com";
                 // domainUrl = "https://localhost:5001";
-                // domainUrl = "http://192.168.2.65";  
+                domainUrl = "http://192.168.2.65";  
                 // domainUrl = "http://192.168.2.16:8088"; 
                     
 

src/router/index.js

@@ -105,6 +105,31 @@ export default new Router({
         component: resolve => require(['@/components/sallCenter/templateMarketManage'], resolve),
       }]
     },
+    {
+      path: '/authorize', //授权中心
+      name: 'authorize',
+      component: resolve => require(['@/components/authorize'], resolve),
+      children: [
+        //授权中心 集团授权状态
+        {
+          path: '/groupEmpower',
+          name: 'groupEmpower',
+          component: resolve => require(['@/components/empower/groupEmpower'], resolve),
+        }, 
+         //授权中心 授权管理
+         {
+          path: '/empowerManage',
+          name: 'empowerManage',
+          component: resolve => require(['@/components/empower/empowerManage'], resolve),
+        }, 
+         //授权中心 授权管理
+         {
+          path: '/empowerEdit',
+          name: 'empowerEdit',
+          component: resolve => require(['@/components/empower/empowerEdit'], resolve),
+        }, 
+      ]
+    },
     {
       path: '/mall',
       name: 'mall',