课程内容

src/components/education/addLecturer.vue

+<template>
+  <div v-loading="loading" class="addLecturer">
+    <div class="head-title">
+      <span @click="CommonJump('lecturermanage')" class="blue point">讲师管理</span> / 编辑讲师管理
+    </div>
+    <div class="content">
+      <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="150px" style="width:50%">
+
+        <el-form-item label="讲师名称" prop="Name" class="is-required" size="small">
+          <el-input v-model="addMsg.Name" placeholder="请输入讲师名称" />
+        </el-form-item>
+
+        <el-form-item label="头像" class="is-required" size="small">
+          <el-button @click="openChangeDig(1)" size="small">选择文件</el-button>
+          <div class="app-gallery-item" style="position: relative;width: 100px;margin-top: 10px;">
+            <img v-if="!addMsg.TeacherLogo || addMsg.TeacherLogo==''"
+                 src="../../assets/img/default.png" style="width:80px;height:80px" alt="">
+            <img v-else style="width:80px;height:80px" :src="addMsg.TeacherLogo"
+                 alt="">
+          </div>
+        </el-form-item>
+        <el-form-item label="电话" prop="Telephone" class="is-required" size="small">
+          <el-input v-model="addMsg.Telephone" placeholder="请输入电话" type="number"/>
+        </el-form-item>
+        <el-form-item label="专业" prop="Major" class="is-required" size="small">
+          <el-input v-model="addMsg.Major" placeholder="请输入专业" />
+        </el-form-item>
+        <el-form-item label="工作年限" prop="WorkYears" class="is-required" size="small">
+          <el-input v-model="addMsg.WorkYears" placeholder="请输入工作年限" />
+        </el-form-item>
+        <el-form-item label="上架状态" size="small">
+          <el-switch v-model="addMsg.TeacherStatus" active-color="#409EFF" :active-value="1"
+                     :inactive-value="2">
+          </el-switch>
+        </el-form-item>
+        <el-form-item label="简介">
+          <UE style="width:750px;" :defaultMsg="defaultMsg" :config="config" :IsMultiple="true" ref="ue"></UE>
+        </el-form-item>
+
+      </el-form>
+    </div>
+    <div style="margin-top:20px">
+      <el-button size="small" type="primary" @click="Save('addMsg')">保存</el-button>
+    </div>
+
+    <!-- 选择文件 -->
+    <el-dialog title="选择文件" :visible.sync="changeState" width="1240px">
+      <ChooseImg  @SelectId="SelectId"></ChooseImg>
+    </el-dialog>
+  </div>
+
+</template>
+<script>
+  import ChooseImg from "@/components/global/ChooseImg.vue";
+  import UE from "@/components/global/UE.vue";
+
+  export default {
+    components: {
+      ChooseImg,
+      UE
+    },
+    data() {
+      return {
+        addMsg: {
+          ID: 0,
+          TeacherLogo:'',
+          Name:'',
+          Telephone:"",
+          Introduction:'',
+          Major:'',
+          WorkYears:'',
+          TeacherStatus:2,
+        },
+        defaultMsg: "",
+        config: {
+          initialFrameWidth: null,
+          initialFrameHeight: 350
+        },
+        Picindex:0,
+        rules: {
+
+          Name: [{
+            required: true,
+            message: '请输入讲师名称',
+            trigger: 'blur'
+          }],
+          Telephone: [{
+            required: true,
+            message: '请输入讲师电话',
+            trigger: 'blur'
+          }],
+          Introduction: [{
+            required: true,
+            message: '请输入讲师简介',
+            trigger: 'blur'
+          }],
+          Major: [{
+            required: true,
+            message: '请输入讲师专业',
+            trigger: 'blur'
+          }],
+          WorkYears: [{
+            required: true,
+            message: '请输入讲师年限',
+            trigger: 'blur'
+          }],
+        },
+
+        loading: false,
+        changeState:false,
+        imgType:0,
+      };
+    },
+    created() {
+
+      if(this.$route.query.ID){
+        this.getData(this.$route.query.ID)
+      }
+
+    },
+    methods: {
+
+      SelectId(msg){
+        if(this.imgType==1){
+          let url  = this.getIconLink(msg.url)
+          this.addMsg.TeacherLogo = url
+        }
+        this.changeState = false;
+      },
+
+      openChangeDig(num) {
+
+        this.changeState = true;
+        this.imgType=num;
+      },
+      Save(formName) {
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            if(this.addMsg.TeacherLogo==''){
+              this.Error('请上传品牌Logo')
+              return false
+            }
+
+
+            let content = this.$refs.ue.getUEContent();
+            this.addMsg.Introduction = content;
+            this.apipost("/api/Education/AddOrUpdateTeacher", this.addMsg, res => {
+              if (res.data.resultCode == 1) {
+                this.CommonJump('lecturermanage');
+                this.Success(res.data.message);
+              } else {
+                this.Error(res.data.message);
+              }
+            })
+          } else {
+            return false;
+          }
+        });
+      },
+
+
+      getData(ID) {
+        this.loading = true;
+        this.apipost("/api/Education/GetTeacherModel", {
+          ID: ID
+        }, res => {
+          this.loading = false;
+          this.addMsg = res.data.data;
+          if (this.addMsg.Introduction && this.addMsg.Introduction != "") {
+            this.defaultMsg = this.addMsg.Introduction;
+          }
+        })
+      },
+
+
+    },
+    mounted() {
+    }
+  };
+</script>
+<style>
+  .app-add-cat .el-checkbox-group {
+    font-size: 14px !important;
+  }
+
+  .app-add-cat .el-checkbox {
+    margin-right: 0;
+  }
+
+  .app-add-cat .el-dialog__body {
+    padding: 10px 20px !important;
+  }
+
+  .app-add-cat .tag-box .tag-item {
+    margin-right: 5px;
+  }
+
+  .app-add-cat .tag-box {
+    margin: 20px 0;
+  }
+
+  .app-add-cat .app-goods-cat-list .active {
+    background: #FAFAFA;
+  }
+
+  .app-add-cat .app-goods-cat-list .cat-item {
+    cursor: pointer;
+    padding: 5px 10px;
+  }
+
+  .app-add-cat .app-goods-cat-list {
+    border: 1px solid #E8EAEE;
+    border-radius: 5px;
+    margin-top: -5px;
+    padding: 10px 0;
+    overflow: scroll;
+    height: 400px;
+  }
+
+
+
+  .addLecturer .blue {
+    color: #409EFF;
+
+  }
+
+  .addLecturer .content {
+    background: #fff;
+    margin-top: 10px;
+    padding: 20px;
+    box-sizing: border-box;
+  }
+  .addLecturer .gez_list{
+    /*width: 650px;*/
+    margin-bottom: 12px;
+    padding: 20px;
+    border: 1px solid #EBEEF5;
+    background-color: #FFF;
+    color: #303133;
+
+  }
+  .addLecturer .quyu{
+    background-color: #f4f4f5;
+    color: #909399;
+    padding: 10px;
+    line-height: 30px;
+    height: 30px;
+    font-size: 12px;
+    border-radius: 4px;
+    white-space: nowrap;
+    margin: 5px;
+  }
+
+
+</style>

src/components/education/courseCardManage.vue

+<template>
+  <div class="courseCardManage">
+    <div class="el-card__header">
+      <span>课程卡管理</span>
+      <div style="display: flex;flex-direction: row;align-items: center">
+        <el-button type="primary" class="el-button--small" @click="addRecharge">新增</el-button>
+      </div>
+    </div>
+    <div class="content">
+      <div style="display: flex;flex-direction: row;align-items: center">
+        <div class="block">
+          <div class="searchInput" style="width:250px">
+            <el-input style="display:inline-block;width:225px;height:30px"
+                      placeholder="请输入课程卡名称搜索"
+                      v-model="msg.Name"
+                      size="small"
+                      @clear="getList"
+                      @keyup.enter.native="getList"
+                      clearable>
+            </el-input>
+            <span @click="getList" class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
+          </div>
+        </div>
+      </div>
+    </div>
+
+
+    <div style="padding: 20px;background: #fff;">
+      <el-table
+        :data="tableData"
+        header-cell-class-name="headClass"
+        style="width: 100%"
+        border
+      >
+
+        <el-table-column
+          prop="ID"
+          label="ID"
+          width="100">
+        </el-table-column>
+
+        <el-table-column
+          prop="Name"
+          label="课程卡信息">
+          <template slot-scope="scope">
+            <div class="app-image" :style="{backgroundImage:'url(' + scope.row.CouponIco + ')',backgroundSize:'cover'}"></div>
+            <div flex="dir:left cross:center">
+              {{scope.row.Name}}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="TotalNum"
+          label="可用次数">
+          <template slot-scope="scope">
+            <div v-if="scope.row.TotalNum!=-1">{{scope.row.TotalNum}}</div>
+            <div v-if="scope.row.TotalNum==-1">无限制</div>
+          </template>
+        </el-table-column>
+<!--        <el-table-column-->
+<!--          prop="MinConsumePrice"-->
+<!--          label="最低消费金额（元）"-->
+<!--          width="100">-->
+<!--        </el-table-column>-->
+<!--        <el-table-column-->
+<!--          label="优惠方式"-->
+<!--          width="150">-->
+<!--          <template slot-scope="scope">-->
+<!--            <div v-if="scope.row.CouponType==1">优惠:{{scope.row.DiscountsPrice}}元</div>-->
+<!--            <div v-if="scope.row.CouponType==2">-->
+<!--              <div>{{scope.row.DiscountsPrice}}折</div>-->
+<!--              <div v-if="scope.row.MaxDiscountsPrice!=0">优惠上限:{{scope.row.MaxDiscountsPrice}}元</div>-->
+<!--              <div v-if="scope.row.MaxDiscountsPrice==0">优惠上限:无上限</div>-->
+<!--            </div>-->
+<!--          </template>-->
+<!--        </el-table-column>-->
+<!--        <el-table-column-->
+<!--          prop="UseTypeStr"-->
+<!--          label="使用范围"-->
+<!--          width="120">-->
+<!--        </el-table-column>-->
+
+        <el-table-column
+          label="有效时间"
+          prop="StartDate">
+          <template slot-scope="scope">
+            <div v-if="scope.row.IndateType==1">领取后{{scope.row.IndateDay}}天内有效</div>
+            <div v-if="scope.row.IndateType==2">开始时间：{{scope.row.StartDate}}</div>
+            <div v-if="scope.row.IndateType==2">结束时间：{{scope.row.EndDate}}</div>
+          </template>
+        </el-table-column>
+
+        <el-table-column
+          label="添加日期"
+          prop="CreateDate">
+
+        </el-table-column>
+
+        <el-table-column
+          label="加入领券中心 "
+          width="120">
+          <!--PickupType-->
+          <template slot-scope="scope">
+            <el-switch
+              @change="dianswitch(scope.row)"
+              :active-value="1"
+              :inactive-value="0"
+              v-model="scope.row.PickupCenter"
+            >
+            </el-switch>
+          </template>
+        </el-table-column>
+
+        <el-table-column
+          fixed="right"
+          label="操作"
+          width="180"
+        >
+          <template slot-scope="scope">
+            <el-tooltip class="item" effect="dark" content="发放优惠券" placement="top" >
+              <img src="../../assets/img/setup/send.png" alt="" class="imgstyle" @click="grant(scope.row)">
+            </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="编辑" placement="top" >
+              <img src="../../assets/img/setup/edit.png" alt="" class="imgstyle" @click="Edit(scope.row)">
+            </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="删除" placement="top" >
+              <img src="../../assets/img/setup/del.png" alt="" class="imgstyle" @click="delete_b(scope.row)">
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination style="text-align:right"
+                     background
+                     @current-change="handleCurrentChange"
+                     :page-size="msg.pageSize"
+                     layout="prev, pager, next"
+                     :current-page.sync="msg.pageIndex"
+                     :total="count">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "courseCardManage",
+    data(){
+      return{
+        msg:{
+          pageIndex:1,
+          pageSize:20,
+          Name:'',
+        },
+        tableData:[],
+        count:0,
+        loading:false
+      }
+    },
+    created(){
+      this.getDateList();
+
+    },
+    methods:{
+      getDateList(){
+        this.loading=true;
+        this.apipost("/api/Education/GetDiscountCouponPageList", this.msg, res => {
+          this.loading=false;
+          if(res.data.resultCode==1){
+            this.tableData = res.data.data.pageData;
+            this.count = res.data.data.count;
+          }else {
+            this.Info(res.data.message);
+          }
+
+        })
+      },
+      addRecharge(){
+        this.$router.push('/addCourseCard');
+
+      },
+      grant(row){
+        var arr=JSON.stringify(row)
+        this.$router.push({
+          name: 'edgrantCouPon',
+          query: {
+            row
+          }
+        });
+      },
+      Edit(row){
+        this.$router.push({
+          name: 'addCourseCard',
+          query: {
+            ID:row.ID,
+            blank: "y"
+          }
+        });
+      },
+      delete_b(row){
+        let that=this;
+        that.Confirm("是否删除?", function () {
+          that.apipost(
+            "/api/Education/DelDiscountCoupon",
+            {Id:row.ID},
+            res => {
+              if (res.data.resultCode == 1) {
+                that.Success(res.data.message);
+                that.getDateList();
+              } else {
+                that.Error(res.data.message);
+              }
+            },
+          );
+        });
+      },
+      SetUp(){
+        this.$router.push('/rechargeSet');
+      },
+      getList(){
+        this.msg.pageIndex = 1
+        this.getDateList()
+      },
+      dianswitch(row){
+        this.apipost("/api/Education/UpdatePickupType", {'Id':row.ID}, res => {
+          if(res.data.resultCode==1){
+            this.Success(res.data.message);
+          }else {
+            this.Info(res.data.message);
+          }
+
+        })
+      },
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getDateList();
+      },
+    },
+  }
+</script>
+
+<style >
+  .courseCardManage .el-card__header{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    background: #fff;
+
+  }
+  .courseCardManage .el-button--small{
+    padding: 9px 15px;
+  }
+  .courseCardManage .content .searchInput{
+    border: 1px solid #DCDFE6;
+    border-radius: 4px;
+    margin-left: 20px;
+  }
+  .courseCardManage .content .searchInput .el-input__inner{
+    border:none;outline:none;
+    height: 30px;
+    line-height: 30px;
+  }
+  .courseCardManage .content .searchInput{
+    line-height: normal;
+    display: inline-table;
+    border-collapse: separate;
+    border-spacing: 0;
+    width:250px;
+  }
+  .courseCardManage .content{
+    background: #fff;
+    margin-top:10px;
+    padding: 15px;
+    box-sizing: border-box;
+  }
+  .courseCardManage .app-image{
+    background-position: center center;
+    width: 50px;
+    height: 50px;
+    border-radius:0%;
+    float: left;
+    margin-right: 8px;
+  }
+</style>

src/components/education/edautorelease.vue

+<template>
+  <div class="edautorelease">
+    <div class="el-card__header">
+      <span>自动发放</span>
+      <div style="display: flex;flex-direction: row;align-items: center">
+        <el-button type="primary" class="el-button--small" @click="addRecharge">添加自动发放方案</el-button>
+      </div>
+    </div>
+    <div style="padding: 20px;background: #fff;">
+      <el-table
+        :data="tableData"
+        header-cell-class-name="headClass"
+        style="100%"
+        border
+        v-loading="loading"
+      >
+
+        <el-table-column
+          prop="ID"
+          label="ID">
+        </el-table-column>
+
+        <el-table-column
+          prop="TriggerTypeStr"
+          label="触发事件">
+        </el-table-column>
+        <el-table-column
+          prop="DiscountCouponName"
+          label="课程卡">
+        </el-table-column>
+        <el-table-column
+          prop="GrantNum"
+          label="发放次数限制">
+          <template slot-scope="scope">
+            <div v-if="scope.row.GrantNum==0">
+              无限制
+            </div>
+            <div v-if="scope.row.GrantNum>0">
+              {{scope.row.GrantNum}}次
+            </div>
+          </template>
+        </el-table-column>
+
+        <el-table-column
+          fixed="right"
+          label="操作"
+        >
+          <template slot-scope="scope">
+
+            <el-tooltip class="item" effect="dark" content="编辑" placement="top" >
+              <img src="../../assets/img/setup/edit.png" alt="" class="imgstyle" @click="Edit(scope.row)">
+            </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="删除" placement="top" >
+              <img src="../../assets/img/setup/del.png" alt="" class="imgstyle" @click="delete_b(scope.row)">
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination style="text-align:right"
+                     background
+                     @current-change="handleCurrentChange"
+                     :page-size="msg.pageSize"
+                     layout="prev, pager, next"
+                     :total="count">
+      </el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "edautorelease",
+    data(){
+      return{
+        msg:{
+          pageIndex:1,
+          pageSize:20,
+        },
+        tableData:[],
+        count:0,
+        loading:false
+      }
+    },
+    created(){
+      this.getDateList();
+
+    },
+    methods:{
+      getDateList(){
+        this.loading=true;
+        this.apipost("/api/Education/GetSelfMotionPageList", this.msg, res => {
+          this.loading=false;
+          if(res.data.resultCode==1){
+            this.tableData = res.data.data.pageData;
+            this.count = res.data.data.count;
+          }else {
+            this.Info(res.data.message);
+          }
+
+        })
+      },
+      addRecharge(){
+        this.$router.push('/addedautorelease');
+
+      },
+      Edit(row){
+        this.$router.push({
+          name: 'addedautorelease',
+          query: {
+            ID:row.ID,
+            blank: "y"
+          }
+        });
+      },
+      delete_b(row){
+        let that=this;
+        that.Confirm("是否删除?", function () {
+          that.apipost(
+            "/api/Education/DelDiscountSelfMotion",
+            {Id:row.ID},
+            res => {
+              if (res.data.resultCode == 1) {
+                that.Success(res.data.message);
+                that.getDateList();
+              } else {
+                that.Error(res.data.message);
+              }
+            },
+          );
+        });
+      },
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getDateList();
+      },
+    }
+  }
+</script>
+
+<style >
+  .edautorelease .el-card__header{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    background: #fff;
+
+  }
+  .edautorelease .el-button--small{
+    padding: 9px 15px;
+  }
+  .edautorelease .content .searchInput{
+    border: 1px solid #DCDFE6;
+    border-radius: 4px;
+    margin-left: 20px;
+  }
+  .edautorelease .content .searchInput .el-input__inner{
+    border:none;outline:none;
+    height: 30px;
+    line-height: 30px;
+  }
+  .edautorelease .content .searchInput{
+    line-height: normal;
+    display: inline-table;
+    border-collapse: separate;
+    border-spacing: 0;
+    width:250px;
+  }
+  .edautorelease .content{
+    background: #fff;
+    margin-top:10px;
+    padding: 15px;
+    box-sizing: border-box;
+  }
+</style>

src/components/education/edgrantCouPon.vue

+<template>
+  <div class="edgrantCouPon">
+    <div class="form-box" style="margin-top: 0">
+      <div>
+        <span style="color: rgb(64, 158, 255);cursor: pointer;margin-left: 20px" @click="cancel">课程卡管理</span>
+        <span style="margin: 0 5px;color: #C0C4CC;">/</span>
+        <span>课程卡发放</span>
+      </div>
+    </div>
+    <div class="el-card__body" style="background-color: white; padding: 15px 50% 15px 0 ;margin-top: 20px">
+      <el-form :model="msg" style="padding:0 20px;" :rules="rules" ref="msg" label-width="160px"  size="medium">
+        <el-form-item label="课程卡名称">
+          <span>{{record.Name}}</span>
+        </el-form-item>
+
+        <el-form-item label="剩余数量">
+          <div v-if="record.TotalNum ==-1">{{record.TotalNum ==-1? '无限制领取':record.TotalNum}}</div>
+          <div v-if="record.TotalNum !=-1">{{record.TotalNum}}</div>
+        </el-form-item>
+        <el-form-item label="课程卡有效期">
+          <div v-if="record.IndateType==1">领取后{{record.IndateDay}}天内有效</div>
+          <div v-if="record.IndateType==2">开始时间：{{record.StartDate}}</div>
+          <div v-if="record.IndateType==2">结束时间：{{record.EndDate}}</div>
+        </el-form-item>
+
+        <el-form-item label="发送数量" prop="GrantNum">
+          <el-input v-model="msg.GrantNum" size="small" style="width: 40%" step="1"  min="0" onkeyup="this.value= this.value.match(/\d+(\d{0,2})?/) ? this.value.match(/\d+(\d{0,2})?/)[0] : ''"/>
+        </el-form-item>
+        <el-form-item label="发放对象" >
+          <el-tooltip class="item" effect="dark" content="请输入昵称/ID/手机号查找用户" placement="top"
+                      style="position: absolute;left: -10px;top:10px">
+            <i class="el-tooltip el-icon-info"></i>
+          </el-tooltip>
+          <el-input v-model="AliasName" style="width: 20%;margin-left: 5px"  placeholder="昵称/ID/手机号" size="small"/>
+          <el-button :loading="loading" @click="lookup" size="small">查找用户</el-button>
+          <div style="width: 80%;display: flex;flex-direction: row;flex-wrap: wrap;margin-top: 5px" v-if="ByPhone.length>0">
+            <el-checkbox-group v-model="msg.UserIds" @change = 'SelectBy'>
+              <el-checkbox-button v-for="(item,index) in ByPhone" :label="item.Id" :key="index" >
+                <img :src="item.Photo" alt="" class="avatar">
+                <div class="username">{{item.AliasName}}</div>
+              </el-checkbox-button>
+
+            </el-checkbox-group>
+          </div>
+          <div style="width: 30%;display: flex;flex-direction: row;margin-top: 5px;justify-content: center;color: #666666" v-if="ByPhone.length==0">暂无数据~</div>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-button type="primary" style="margin: 12px 0 " @click="preserve('msg')" :loading="loading2">保存</el-button>
+    <el-button @click="cancel">取消</el-button>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "edgrantCouPon",
+    data(){
+      return{
+        record:{},
+        msg:{
+          GrantNum:0,
+          UserIds:[],
+        },
+        AliasName:'',
+        rules:{
+          GrantNum:[
+            { validator: this.DiscountsPrice, trigger: 'blur' }
+          ]
+        },
+        loading:false,
+        loading2:false,
+        ByPhone:[],
+      }
+    },
+    created(){
+      if(this.$route.query.row){
+        this.record = this.$route.query.row
+      }
+    },
+    methods:{
+      cancel(){
+        this.$router.go(-1)
+      },
+      lookup(){
+        this.msg.UserIds = [];//重新选择的时候清楚之前的
+        this.loading = true;
+        this.apipost("/api/User/GetListByPhoneOrAliasName",{'AliasName':this.AliasName,SmallShopId:this.record.SmallShopId}, res => {
+          this.loading = false;
+
+          if (res.data.resultCode == 1) {
+            this.ByPhone = res.data.data
+          } else {
+            this.Info(res.data.message);
+          }
+
+        })
+
+      },
+      SelectBy(val){
+        this.msg.UserIds = val
+      },
+      DiscountsPrice(rule, value, callback) {
+        if(value>0){
+          return callback();
+        }else {
+          return callback(new Error('发送数量需大于零'));
+        }
+
+      },
+      preserve(formName){
+
+        this.$refs[formName].validate((valid) => {
+          if (valid) {
+            let UserIds = ''
+            if(this.msg.UserIds.length>0){
+              UserIds = this.msg.UserIds.join(",")
+            }
+            let data = {
+              ID: this.record.ID,
+              GrantNum :this.msg.GrantNum,
+              UserIds:UserIds,
+            }
+            this.apipost("/api/Education/GrantCoupon",data, res => {
+              this.loading2 = false;
+
+              if (res.data.resultCode == 1) {
+                this.Success(res.data.message);
+                this.$router.go(-1);//返回上一层
+              } else {
+                this.Info(res.data.message);
+              }
+
+            })
+          } else {
+            return false;
+          }
+        });
+      }
+    }
+  }
+</script>
+
+<style >
+  .edgrantCouPon .form-box {
+    background: #fff;
+    padding: 18px 50% 18px 0;
+    margin-top: 10px;
+  }
+  .edgrantCouPon .el-input--small .el-input__inner{
+    height: 32px;
+    line-height: 32px;
+  }
+  .edgrantCouPon .username{
+    margin-top: 10px;
+    font-size: 13px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .edgrantCouPon  .el-checkbox-button__inner {
+    border: 1px solid #e2e2e2;
+    height: 125px;
+    width: 120px;
+    padding-top: 15px;
+    text-align: center;
+    margin: 0 20px 20px 0;
+    cursor: pointer;
+    border-radius: 0!important;
+  }
+  .edgrantCouPon .el-checkbox-button, .el-checkbox-button__inner{
+    display: inline-block;
+    position: relative;
+  }
+  .edgrantCouPon  .avatar {
+    height: 60px;
+    width: 60px;
+    border-radius: 30px;
+  }
+</style>

src/components/education/educationIndex.vue

@@ -169,6 +169,12 @@
           <li class="menu_item" :class="{'Fchecked':isChecked=='/lecturermanage'}"  @click="isChecked='/lecturermanage',CommonJump('lecturermanage')">
             <i class="el-icon-menu"></i><span>讲师管理</span>
           </li>
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/courseCardManage'}"  @click="isChecked='/courseCardManage',CommonJump('courseCardManage')">
+            <i class="el-icon-menu"></i><span>课程卡管理</span>
+          </li>
+          <li class="menu_item" :class="{'Fchecked':isChecked=='/edautorelease'}"  @click="isChecked='/edautorelease',CommonJump('edautorelease')">
+            <i class="el-icon-menu"></i><span>课程卡自动发放</span>
+          </li>
 
 
         </ul>

src/components/education/lecturermanage.vue

 <template>
-<div>讲师管理</div>
+  <div class="lecturermanage">
+    <div class="el-card__header">
+      <span>讲师管理</span>
+      <div style="display: flex;flex-direction: row;align-items: center">
+        <el-button type="primary" class="el-button--small" @click="addRecharge">新增</el-button>
+      </div>
+    </div>
+    <div class="content">
+      <div style="display: flex;flex-direction: row;align-items: center">
+        <div class="block" >
+          <div class="searchInput" style="width:200px">
+            <el-input style="display:inline-block;width:170px;height:30px"
+                      placeholder="请输入姓名搜索"
+                      v-model="msg.Name"
+                      size="small"
+                      @clear="getList"
+                      @keyup.enter.native="getList"
+                      clearable>
+            </el-input>
+            <span @click="getList" class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
+          </div>
+
+          <div class="searchInput" style="width:200px">
+            <el-input style="display:inline-block;width:170px;height:30px"
+                      placeholder="请输入ID搜索"
+                      v-model="msg.ID"
+                      size="small"
+                      @clear="getList"
+                      @keyup.enter.native="getList"
+                      clearable>
+            </el-input>
+            <span @click="getList" class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
+          </div>
+          <div class="searchInput" style="width:200px">
+            <el-input style="display:inline-block;width:170px;height:30px"
+                      placeholder="请输入联系电话搜索"
+                      v-model="msg.Telephone"
+                      size="small"
+                      @clear="getList"
+                      @keyup.enter.native="getList"
+                      clearable>
+            </el-input>
+            <span @click="getList" class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
+          </div>
+          <el-button @click="tableSet(1)" style="margin-left:10px;" size="mini">上架</el-button>
+          <el-button @click="tableSet(2)" style="margin-left:10px;" size="mini">下架</el-button>
+
+        </div>
+
+      </div>
+    </div>
+
+
+    <div style="padding: 20px;background: #fff;">
+      <el-table
+        :data="tableData"
+        header-cell-class-name="headClass"
+        style="width: 100%"
+        border
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" style="text-align:center;"></el-table-column>
+
+        <el-table-column
+          prop="ID"
+          label="ID"
+          width="100">
+        </el-table-column>
+
+        <el-table-column
+          prop="Name"
+          label="信息">
+          <template slot-scope="scope">
+            <div class="app-image" :style="{backgroundImage:'url(' + scope.row.TeacherLogo + ')',backgroundSize:'cover'}"></div>
+            <div flex="dir:left cross:center">
+              {{scope.row.Name}}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="Major"
+          label="专业"
+        >
+        </el-table-column>
+
+
+        <el-table-column
+          prop="GoodsNum"
+          label="关联课程数">
+        </el-table-column>
+        <el-table-column
+          prop="OrderNum"
+          label="关联订单">
+
+        </el-table-column>
+        <el-table-column
+          prop="Telephone"
+          label="联系电话"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="TeacherStatus"
+          width="100"
+          label="状态">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.TeacherStatus==1" type="success">销售中</el-tag>
+            <el-tag v-if="scope.row.TeacherStatus==2" type="warning">下架中</el-tag>
+          </template>
+        </el-table-column>
+
+        <el-table-column
+          fixed="right"
+          label="操作"
+          width="180"
+        >
+          <template slot-scope="scope">
+
+            <el-tooltip class="item" effect="dark" content="编辑" placement="top" >
+              <img src="../../assets/img/setup/edit.png" alt="" class="imgstyle" @click="Edit(scope.row)">
+            </el-tooltip>
+            <!--            <el-tooltip class="item" effect="dark" content="删除" placement="top" >-->
+            <!--              <img src="../../assets/img/setup/del.png" alt="" class="imgstyle" @click="delete_b(scope.row)">-->
+            <!--            </el-tooltip>-->
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination style="text-align:right"
+                     background
+                     @current-change="handleCurrentChange"
+                     :page-size="msg.pageSize"
+                     layout="prev, pager, next"
+                     :current-page.sync="msg.pageIndex"
+                     :total="count">
+      </el-pagination>
+    </div>
+  </div>
 </template>
 
 <script>
-    export default {
-        name: "lecturermanage"
-    }
+  export default {
+    name: "lecturermanage",
+    data(){
+      return{
+        msg:{
+          pageIndex:1,
+          pageSize:20,
+          Name:'',
+          ID:'',
+          Telephone:'',
+
+        },
+        changeState:false,
+        dateList:[],
+
+        tableData:[],
+        count:0,
+        loading:false,
+        EnableMsg:{
+          Ids:'',
+          TeacherStatus:0,
+        },
+      }
+    },
+    created(){
+      this.getDateList();//获取老师分页
+
+    },
+    methods:{
+      getDateList(){
+        let msg = JSON.parse(JSON.stringify(this.msg))
+        if(msg.ID ==''){
+          msg.ID=0
+        }
+
+        this.loading=true;
+        this.apipost("/api/Education/GetTeacherPageList", msg, res => {
+          this.loading=false;
+          if(res.data.resultCode==1){
+            this.tableData = res.data.data.pageData;
+            this.count = res.data.data.count;
+          }else {
+            this.Info(res.data.message);
+          }
+
+        })
+      },
+
+
+      addRecharge(){
+        this.$router.push('/addLecturer');
+
+      },
+      enableGuideCar(){
+        this.apipost("/api/Education/EnableTeacherInfo", this.EnableMsg, res => {
+          if(res.data.resultCode==1){
+            this.Success(res.data.message)
+            this.getList()
+          }
+        })
+      },
+      tableSet(type){
+        this.EnableMsg.TeacherStatus = type;
+        if(this.EnableMsg.Ids.length==0){
+          this.Info('请选择讲师');
+          return
+        }
+        this.EnableMsg.Ids = this.EnableMsg.Ids.join(",");
+        this.enableGuideCar()
+      },
+
+      Edit(row){
+        this.$router.push({
+          name: 'addLecturer',
+          query: {
+            ID:row.ID,
+            blank: "y"
+          }
+        });
+      },
+      delete_b(row){
+        let that=this;
+        that.Confirm("是否删除?", function () {
+          that.apipost(
+            "/api/GuideCar/DelGuideCarSiteInfo",
+            {Id:row.ID},
+            res => {
+              if (res.data.resultCode == 1) {
+                that.Success(res.data.message);
+                that.getDateList();
+              } else {
+                that.Error(res.data.message);
+              }
+            },
+          );
+        });
+      },
+
+      //勾选导游
+      handleSelectionChange(val){
+        var selectRow = JSON.parse(JSON.stringify(val));
+        let array= [];
+        selectRow.forEach(x => {
+          let obj = {}
+          obj = x.ID;
+          array.push(obj)
+        });
+        this.EnableMsg.Ids = array
+      },
+
+
+      getList(){
+        this.msg.pageIndex = 1
+        this.getDateList()
+      },
+
+      handleCurrentChange(val) {
+        this.msg.pageIndex = val;
+        this.getDateList();
+      },
+    },
+  }
 </script>
 
-<style scoped>
+<style >
+  .lecturermanage .el-card__header{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    background: #fff;
 
+  }
+  .lecturermanage .el-button--small{
+    padding: 9px 15px;
+  }
+  .lecturermanage .content .searchInput{
+    border: 1px solid #DCDFE6;
+    border-radius: 4px;
+    /*margin-left: 10px;*/
+  }
+  .lecturermanage .content .searchInput .el-input__inner{
+    border:none;outline:none;
+    height: 30px;
+    line-height: 30px;
+  }
+  .lecturermanage .content .searchInput{
+    line-height: normal;
+    display: inline-table;
+    border-collapse: separate;
+    border-spacing: 0;
+    width:250px;
+  }
+  .lecturermanage .content{
+    background: #fff;
+    margin-top:10px;
+    padding: 15px;
+    box-sizing: border-box;
+  }
+  .lecturermanage .el-tag{
+    margin-right: 5px;
+  }
+  .lecturermanage .app-image{
+    background-position: center center;
+    width: 50px;
+    height: 50px;
+    border-radius:0%;
+    float: left;
+    margin-right: 8px;
+  }
 </style>

src/router/index.js

@@ -259,6 +259,42 @@ export default new Router({
           name: 'lecturermanage',
           component: resolve => require(['@/components/education/lecturermanage'], resolve),
         },
+        //网课 新增、修改讲师
+        {
+          path: '/addLecturer',
+          name: 'addLecturer',
+          component: resolve => require(['@/components/education/addLecturer'], resolve),
+        },
+        //网课 课程卡管理
+        {
+          path: '/courseCardManage',
+          name: 'courseCardManage',
+          component: resolve => require(['@/components/education/courseCardManage'], resolve),
+        },
+        //网课 新增、修改课程卡
+        {
+          path: '/addCourseCard',
+          name: 'addCourseCard',
+          component: resolve => require(['@/components/education/addCourseCard'], resolve),
+        },
+        //网课 发放课程卡
+        {
+          path: '/edgrantCouPon',
+          name: 'edgrantCouPon',
+          component: resolve => require(['@/components/education/edgrantCouPon'], resolve),
+        },
+        //网课 自动发放
+        {
+          path: '/edautorelease',
+          name: 'edautorelease',
+          component: resolve => require(['@/components/education/edautorelease'], resolve),
+        },
+        //网课 新增、修改自动发放
+        {
+          path: '/addedautorelease',
+          name: 'addedautorelease',
+          component: resolve => require(['@/components/education/addedautorelease'], resolve),
+        },
 
 
       ]