1

src/components/education/addSchoolAndCompany.vue

+<template>
+  <div v-loading="loading" class="addLecturer">
+    <div class="head-title">
+      <span @click="CommonJump('schoolAndCompanyList')" class="blue point"
+        >校企合作列表</span
+      >
+      / 校企合作详情
+    </div>
+    <div class="content">
+      <el-form
+        :model="addMsg"
+        :rules="rules"
+        ref="addMsg"
+        label-width="150px"
+        style="width: 600px"
+      >
+        <el-form-item label="学校名称" prop="ShoolName" size="small">
+          <el-input v-model="addMsg.ShoolName"></el-input>
+        </el-form-item>
+        <el-form-item label="关联分销商" prop="AgentIds" size="small">
+          <el-input
+            v-model="DistributorMsg.NickName"
+            style="margin-bottom: 10px"
+            placeholder="输入会员昵称"
+          >
+            <el-button
+              slot="append"
+              icon="el-icon-search"
+              @click="GetDistributorInfoList"
+            ></el-button>
+          </el-input>
+          <el-select v-model="addMsg.AgentIds" multiple placeholder="请选择">
+            <el-option
+              v-for="item in DLoptions"
+              :key="item.UserId"
+              :label="item.NickName"
+              :value="item.UserId"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item class="tooltiplabel" label="LOGO" prop="CoverPhoto">
+          <el-upload
+            class="logo-uploader"
+            :show-file-list="false"
+            action=""
+            :http-request="UploadImage"
+          >
+            <el-image
+              v-if="addMsg.CoverPhoto"
+              :src="addMsg.CoverPhoto"
+              class="logo"
+              fit="cover"
+            />
+            <i v-else class="el-icon-plus logo-uploader-icon"></i>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+    </div>
+    <div style="margin-top: 20px">
+      <el-button size="small" type="primary" @click="submitForm('addMsg')"
+        >保存</el-button
+      >
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      addMsg: {
+        Id: 0,
+        ShoolName: "",
+        CoverPhoto: "",
+        AgentIds: [],
+      },
+
+      rules: {
+        ShoolName: [
+          { required: true, message: "请输入学校名称", trigger: "blur" },
+        ],
+      },
+      DistributorMsg: {
+        AuditStatus: 0,
+        GradeId: -1,
+        Mobile: "",
+        Name: "",
+        NickName: "",
+        Source: 0,
+        UserId: 0,
+        pageIndex: 1,
+        pageSize: 30,
+      },
+      DLoptions: [],
+      loading: false,
+    };
+  },
+  created() {
+    if (this.$route.query.Id) {
+      this.addMsg.Id = this.$route.query.Id;
+      this.getData(this.$route.query.Id);
+      this.GetDistributorInfoList();
+    } else {
+      this.addMsg = {
+        Id: 0,
+        ShoolName: "",
+        CoverPhoto: "",
+        AgentIds: [],
+      };
+    }
+  },
+  methods: {
+    getData(ID) {
+      this.loading = true;
+      this.apipost(
+        "/api/Education/GetEducationSchoolDetails ",
+        {
+          Id: ID,
+        },
+        (res) => {
+          this.loading = false;
+          if (res.data.resultCode == 1) {
+            this.addMsg.ShoolName = res.data.data[0].ShoolName;
+            this.addMsg.CoverPhoto = res.data.data[0].CoverPhoto;
+            let arr = res.data.data[0].AgentIds.split(",");
+            this.addMsg.AgentIds = arr.map((e) => {
+              e = parseInt(e);
+              return e;
+            });
+            // res.data.data[0].AgentList.forEach((e) => {
+            //   e.UserId = e.Id;
+            //   e.NickName = e.UserName;
+            //   let _res = this.DLoptions.filter((_e) => {
+            //     return _e.UserId == e.Id;
+            //   });
+            //   if (_res.length == 0) {
+            //     // this.DLoptions.push(e);
+            //   }
+            //   console.log("134", _res);
+            //   console.log("tag", this.DLoptions, e);
+            // });
+          }
+        }
+      );
+    },
+    //选择图片
+    UploadImage(file) {
+      this.UploadFileToTencent(this.FileType().UserImg, file.file, (res) => {
+        if (res.resultCode == 1) {
+          this.addMsg.CoverPhoto = res.FileUrl;
+        }
+      });
+    },
+    // 获取分销商
+    GetDistributorInfoList() {
+      this.apipost(
+        "/api/user/GetDistributorInfoPageList",
+        this.DistributorMsg,
+        (res) => {
+          if (res.data.resultCode == 1) {
+            this.DLoptions = [...this.DLoptions, ...res.data.data.pageData];
+            this.DLoptions = [...new Set(this.DLoptions)];
+          } else {
+            this.Info(res.data.message);
+          }
+        }
+      );
+    },
+    submitForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.addMsg.AgentIds = this.addMsg.AgentIds.toString();
+          this.apipost(
+            "/api/Education/AddOrUpdateEduSchool",
+            this.addMsg,
+            (res) => {
+              if (res.data.resultCode == 1) {
+                this.Success(res.data.message);
+                this.$router.push("/schoolAndCompanyList");
+              }
+            }
+          );
+        } else {
+          console.log("error submit!!");
+          return;
+        }
+      });
+    },
+  },
+};
+</script>
+<style scoped>
+.addLecturer .content {
+  background: #fff;
+  margin-top: 10px;
+  padding: 20px;
+  box-sizing: border-box;
+}
+.logo-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.logo-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+.logo-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+  border: 1px dashed #111;
+}
+.logo {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+</style>

src/components/education/educationIndex.vue

 <style>
-  .educationIndex {
+.educationIndex {
   height: 100%;
   display: flex;
   -webkit-box-orient: horizontal;
@@ -14,16 +14,16 @@
   box-sizing: border-box;
   min-width: 0;
   font-size: 14px;
-  }
+}
 
-  .educationIndex .mainLeftMenu {
+.educationIndex .mainLeftMenu {
   position: relative;
   display: flex;
   flex-direction: row;
   color: #fff;
-  }
+}
 
-  .educationIndex .leftMenu1 {
+.educationIndex .leftMenu1 {
   background: #444444;
   cursor: pointer;
   width: 200px;
@@ -33,17 +33,17 @@
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  }
+}
 
-  .educationIndex .asideInner {
+.educationIndex .asideInner {
   background: rgba(0, 0, 0, 0.15);
   padding: 6px 6px;
   width: 100%;
   border-radius: 3px;
   font-weight: bold;
-  }
+}
 
-  .educationIndex .F_Logo {
+.educationIndex .F_Logo {
   height: 60px;
   background: #464d54;
   color: #f2f2f2;
@@ -53,24 +53,24 @@
   padding: 0 15px;
   display: flex;
   align-items: center;
-  }
+}
 
-  .educationIndex .mainRightContent {
+.educationIndex .mainRightContent {
   width: 100%;
   height: 100%;
   background-color: #f3f3f3;
-  }
+}
 
-  .educationIndex .mainRightTop {
+.educationIndex .mainRightTop {
   width: 100%;
   height: 60px;
   background: #fff;
   display: flex;
   justify-content: space-between;
   color: #909399;
-  }
+}
 
-  .educationIndex .mainRightLeft {
+.educationIndex .mainRightLeft {
   width: 110px;
   height: 60px;
   line-height: 62px;
@@ -79,36 +79,36 @@
   cursor: pointer;
   position: relative;
   top: -2px;
-  }
+}
 
-  .educationIndex .marinRightList {
+.educationIndex .marinRightList {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   width: 300px;
   float: right;
-  }
+}
 
-  .educationIndex .marinRightList ul {
+.educationIndex .marinRightList ul {
   display: flex;
   width: 100%;
   justify-content: space-around;
-  }
+}
 
-  .educationIndex .marinRightList ul li {
+.educationIndex .marinRightList ul li {
   display: block;
   list-style-type: none;
   cursor: pointer;
   color: #909399;
   outline: none;
   border: none;
-  }
+}
 
-  .educationIndex .main_routerPage {
+.educationIndex .main_routerPage {
   padding: 20px;
   overflow-y: scroll;
-  }
-  .educationIndex .FsettingUU{
+}
+.educationIndex .FsettingUU {
   position: fixed;
   width: 200px;
   height: 100%;
@@ -118,114 +118,222 @@
   overflow: auto;
   z-index: 5;
   background-color: rgb(84, 92, 100);
-  }
-  .educationIndex .FsettingUU .menu_item{
+}
+.educationIndex .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;
+  -webkit-transition: border-color 0.3s, background-color 0.3s, color 0.3s;
+  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
   box-sizing: border-box;
-    height:56px;
+  height: 56px;
   line-height: 56px;
   list-style: none;
   white-space: nowrap;
-    color:#fff;
+  color: #fff;
   display: flex;
   align-items: center;
-  }
-  .educationIndex .FsettingUU .menu_item:last-child{
-    margin-bottom:60px;
-  }
-  .educationIndex .FsettingUU .menu_item i {
+}
+.educationIndex .FsettingUU .menu_item:last-child {
+  margin-bottom: 60px;
+}
+.educationIndex .FsettingUU .menu_item i {
   margin-right: 5px;
   width: 24px;
   text-align: center;
   font-size: 18px;
   vertical-align: middle;
-    color:#909399;
-  }
-  .educationIndex .menu_item:hover{
-    background-color: rgba(67,74,80,0);
-  }
-  .educationIndex .F_Logo:hover{
+  color: #909399;
+}
+.educationIndex .menu_item:hover {
+  background-color: rgba(67, 74, 80, 0);
+}
+.educationIndex .F_Logo:hover {
   background-color: #30353a;
-    color:#fff;
-  }
-  .educationIndex .Fchecked{
-    color:rgb(255, 208, 75)!important;
-  }
-  .educationIndex .Fchecked i{
-    color:rgb(255, 208, 75)!important;
-  }
+  color: #fff;
+}
+.educationIndex .Fchecked {
+  color: rgb(255, 208, 75) !important;
+}
+.educationIndex .Fchecked i {
+  color: rgb(255, 208, 75) !important;
+}
 </style>
 <template>
   <div class="educationIndex">
     <div class="mainLeftMenu">
       <div class="leftMenu1">
         <div class="F_Logo">
-          <div class="asideInner" @click="CommonJump('mallIndex')">{{currentUser.MallName}}
+          <div class="asideInner" @click="CommonJump('mallIndex')">
+            {{ currentUser.MallName }}
           </div>
         </div>
         <ul class="FsettingUU">
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/lecturermanage'}"  @click="isChecked='/lecturermanage',CommonJump('lecturermanage')">
+          <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=='/CourseManagement'}"  @click="isChecked='/CourseManagement',CommonJump('CourseManagement')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/CourseManagement' }"
+            @click="
+              (isChecked = '/CourseManagement'), CommonJump('CourseManagement')
+            "
+          >
             <i class="el-icon-menu"></i><span>课程管理</span>
           </li>
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/courseCardManage'}"  @click="isChecked='/courseCardManage',CommonJump('courseCardManage')">
+          <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')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/edautorelease' }"
+            @click="(isChecked = '/edautorelease'), CommonJump('edautorelease')"
+          >
             <i class="el-icon-menu"></i><span>课程卡自动发放</span>
           </li>
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/informationManage'}"  @click="isChecked='/informationManage',CommonJump('informationManage')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/informationManage' }"
+            @click="
+              (isChecked = '/informationManage'),
+                CommonJump('informationManage')
+            "
+          >
             <i class="el-icon-menu"></i><span>资讯管理</span>
           </li>
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/informationEvalution'}"  @click="isChecked='/informationEvalution',CommonJump('informationEvalution')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/informationEvalution' }"
+            @click="
+              (isChecked = '/informationEvalution'),
+                CommonJump('informationEvalution')
+            "
+          >
             <i class="el-icon-menu"></i><span>资讯留言</span>
           </li>
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/educationOrder'}"  @click="isChecked='/educationOrder',CommonJump('educationOrder')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/educationOrder' }"
+            @click="
+              (isChecked = '/educationOrder'), CommonJump('educationOrder')
+            "
+          >
             <i class="el-icon-menu"></i><span>课程订单</span>
           </li>
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/uploadKCSet'}"  @click="isChecked='/uploadKCSet',CommonJump('uploadKCSet')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/uploadKCSet' }"
+            @click="(isChecked = '/uploadKCSet'), CommonJump('uploadKCSet')"
+          >
             <i class="el-icon-menu"></i><span>上传配置</span>
           </li>
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/activityList'}"  @click="isChecked='/activityList',CommonJump('activityList')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/activityList' }"
+            @click="(isChecked = '/activityList'), CommonJump('activityList')"
+          >
             <i class="el-icon-menu"></i><span>官方活动列表</span>
           </li>
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/edactiveType'}"  @click="isChecked='/edactiveType',CommonJump('edactiveType')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/edactiveType' }"
+            @click="(isChecked = '/edactiveType'), CommonJump('edactiveType')"
+          >
             <i class="el-icon-menu"></i><span>活动类型</span>
           </li>
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/edactivity'}"  @click="isChecked='/edactivity',CommonJump('edactivity')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/edactivity' }"
+            @click="(isChecked = '/edactivity'), CommonJump('edactivity')"
+          >
             <i class="el-icon-menu"></i><span>活动列表</span>
           </li>
 
-
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/resultPageList'}"  @click="isChecked='/resultPageList',CommonJump('resultPageList')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/resultPageList' }"
+            @click="
+              (isChecked = '/resultPageList'), CommonJump('resultPageList')
+            "
+          >
             <i class="el-icon-menu"></i><span>调查列表</span>
           </li>
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/pointList'}"  @click="isChecked='/pointList',CommonJump('pointList')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/pointList' }"
+            @click="(isChecked = '/pointList'), CommonJump('pointList')"
+          >
             <i class="el-icon-menu"></i><span>点数列表</span>
           </li>
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/onlineclassifyList'}"  @click="isChecked='/onlineclassifyList',CommonJump('onlineclassifyList')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/onlineclassifyList' }"
+            @click="
+              (isChecked = '/onlineclassifyList'),
+                CommonJump('onlineclassifyList')
+            "
+          >
             <i class="el-icon-menu"></i><span>在线分类列表</span>
           </li>
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/teacherCourseList'}"  @click="isChecked='/teacherCourseList',CommonJump('teacherCourseList')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/teacherCourseList' }"
+            @click="
+              (isChecked = '/teacherCourseList'),
+                CommonJump('teacherCourseList')
+            "
+          >
             <i class="el-icon-menu"></i><span>老师排课</span>
           </li>
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/pointOrderList'}"  @click="isChecked='/pointOrderList',CommonJump('pointOrderList')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/pointOrderList' }"
+            @click="
+              (isChecked = '/pointOrderList'), CommonJump('pointOrderList')
+            "
+          >
             <i class="el-icon-menu"></i><span>排课订单</span>
           </li>
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/rechargeList'}"  @click="isChecked='/rechargeList',CommonJump('rechargeList')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/rechargeList' }"
+            @click="(isChecked = '/rechargeList'), CommonJump('rechargeList')"
+          >
             <i class="el-icon-menu"></i><span>充值明细</span>
           </li>
-          <li class="menu_item" :class="{'Fchecked':isChecked=='/userPointDetailList'}"  @click="isChecked='/userPointDetailList',CommonJump('userPointDetailList')">
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/userPointDetailList' }"
+            @click="
+              (isChecked = '/userPointDetailList'),
+                CommonJump('userPointDetailList')
+            "
+          >
             <i class="el-icon-menu"></i><span>点数明细</span>
           </li>
-
+          <li
+            class="menu_item"
+            :class="{ Fchecked: isChecked == '/schoolAndCompanyList' }"
+            @click="
+              (isChecked = '/schoolAndCompanyList'),
+                CommonJump('schoolAndCompanyList')
+            "
+          >
+            <i class="el-icon-menu"></i><span>校企合作列表</span>
+          </li>
         </ul>
       </div>
     </div>
@@ -234,8 +342,9 @@
         <div class="mainRightLeft">教育管理</div>
         <div class="marinRightList">
           <ul>
-            <li style="display:none">缓存</li>
-            <li style="display:none"> title="教程管理">
+            <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>
@@ -248,52 +357,59 @@
             <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>
+                  {{ 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-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'}">
+      <div class="main_routerPage" :style="{ height: Height + 'px' }">
         <router-view />
       </div>
     </div>
   </div>
 </template>
 <script>
-  export default {
+export default {
   data() {
     return {
       currentUser: {},
-        isChecked:'',
-        Height:0,
-        ERPEmpId:0,
+      isChecked: "",
+      Height: 0,
+      ERPEmpId: 0,
     };
   },
   created() {
     this.currentUser = this.getLocalStorage();
-      this.ERPEmpId =  this.currentUser.ERPEmpId
-      this.isChecked=this.$route.path;
-      if(this.$route.query.FIndex){
-        this.CommonJump('lecturermanage');
-        this.isChecked='/lecturermanage'
+    this.ERPEmpId = this.currentUser.ERPEmpId;
+    this.isChecked = this.$route.path;
+    if (this.$route.query.FIndex) {
+      this.CommonJump("lecturermanage");
+      this.isChecked = "/lecturermanage";
     }
   },
-    methods: {
-    },
+  methods: {},
   mounted() {
     this.Height = document.documentElement.clientHeight - 60;
-      //监听浏览器窗口变化　
+    //监听浏览器窗口变化
     window.onresize = () => {
-        this.Height = document.documentElement.clientHeight - 60
-      }
-    }
+      this.Height = document.documentElement.clientHeight - 60;
     };
-
+  },
+};
 </script>

src/components/education/schoolAndCompanyList.vue

+<template>
+  <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="addSchool"
+          >新增</el-button
+        >
+        <el-button
+          type="primary"
+          class="el-button--small"
+          :disabled="this.sels.length == 0"
+          @click="delete_beach"
+          >批量删除</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.ShoolName"
+              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
+        @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="ShoolName" label="学校名称"> </el-table-column>
+        <el-table-column prop="" label="LOGO">
+          <template slot-scope="scope">
+            <div
+              class="app-image"
+              :style="{
+                backgroundImage: 'url(' + scope.row.CoverPhoto + ')',
+                backgroundSize: 'cover',
+              }"
+            ></div>
+            <!-- <div flex="dir:left cross:center">
+              {{ scope.row.Name }}
+            </div> -->
+          </template>
+        </el-table-column>
+        <el-table-column prop="UserCount" label="下级用户(数量)">
+          <template slot-scope="scope">
+            <div class="point" @click="showdig(scope.row.Id)">
+              {{ scope.row.UserCount }}
+            </div>
+          </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>
+    <el-dialog title="下级用户" :visible.sync="showDialog" width="800px">
+      <div style="padding: 20px; background: #fff">
+        <el-table :data="digtable" header-cell-class-name="headClass" border>
+          <el-table-column prop="Id" label="ID" width="100"> </el-table-column>
+          <el-table-column prop="Name" width="240px" label="名称">
+            <template slot-scope="scope">
+              <div
+                class="app-image"
+                :style="{
+                  backgroundImage: 'url(' + scope.row.Photo + ')',
+                  backgroundSize: 'cover',
+                }"
+              ></div>
+              <div>
+                {{ scope.row.Name }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="MemberGradeName" label="会员类型">
+          </el-table-column>
+          <el-table-column prop="CreateDate" label="加入时间" width="200px">
+          </el-table-column>
+        </el-table>
+        <el-pagination
+          style="text-align: right"
+          background
+          @current-change="dighandleCurrentChange"
+          :page-size="digMsg.pageSize"
+          layout="prev, pager, next"
+          :current-page.sync="digMsg.pageIndex"
+          :total="digcount"
+          v-if="digcount > 0"
+        >
+        </el-pagination>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="showDialog = false" type="primary">关闭</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "schoolAndCompanyList",
+  data() {
+    return {
+      msg: {
+        pageIndex: 1,
+        pageSize: 20,
+        ShoolName: "",
+      },
+      tableData: [],
+      count: 0,
+      loading: false,
+      sels: [], //多选框
+      showDialog: false,
+      digMsg: {
+        EndTime: "",
+        Id: 0,
+        MemberGrade: 0,
+        Moblie: "",
+        Name: "",
+        Source: 0,
+        StartTime: "",
+        pageIndex: 1,
+        pageSize: 10,
+        EduSchoolId: 0,
+      },
+      digtable: [],
+      digcount: 0,
+    };
+  },
+  created() {
+    this.getDateList(); //获取分页
+  },
+  methods: {
+    handleSelectionChange(val) {
+      this.sels = val;
+      console.log(138, val);
+    },
+    getDateList() {
+      let msg = JSON.parse(JSON.stringify(this.msg));
+      if (msg.ID == "") {
+        msg.ID = 0;
+      }
+      this.loading = true;
+      this.apipost("/api/Education/GetEducationSchoolPageList", 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);
+        }
+      });
+    },
+
+    addSchool() {
+      this.$router.push("/addSchoolAndCompany");
+    },
+    Edit(row) {
+      this.$router.push({
+        path: "addSchoolAndCompany",
+        query: {
+          Id: row.Id,
+        },
+      });
+    },
+    delete_b(row) {
+      let that = this;
+      that.Confirm("是否删除?", function () {
+        that.apipost("/api/Education/DelSchoolInfo", { Ids: row.Id }, (res) => {
+          if (res.data.resultCode == 1) {
+            that.Success(res.data.message);
+            that.getDateList();
+          } else {
+            that.Error(res.data.message);
+          }
+        });
+      });
+    },
+    //批量删除
+    delete_beach() {
+      let ids = this.sels
+        .map((e) => {
+          return e.Id;
+        })
+        .toString();
+      let that = this;
+      that.Confirm("是否删除?", function () {
+        that.apipost("/api/Education/DelSchoolInfo", { Ids: ids }, (res) => {
+          if (res.data.resultCode == 1) {
+            that.Success(res.data.message);
+            that.getDateList();
+          } else {
+            that.Error(res.data.message);
+          }
+        });
+      });
+    },
+    getList() {
+      this.msg.pageIndex = 1;
+      this.getDateList();
+    },
+
+    handleCurrentChange(val) {
+      this.msg.pageIndex = val;
+      this.getDateList();
+    },
+    getMemberUserPageList() {
+      this.apipost(
+        "/api/Education/GetMemberUserPageList",
+        this.digMsg,
+        (res) => {
+          if (res.data.resultCode == 1) {
+            this.digtable = res.data.data.pageData;
+            this.count = res.data.data.count;
+          } else {
+            this.Info(res.data.message);
+          }
+        }
+      );
+    },
+    showdig(id) {
+      this.showDialog = true;
+      this.digMsg.EduSchoolId = id;
+      this.getMemberUserPageList();
+    },
+    dighandleCurrentChange(val) {
+      this.digMsg.pageIndex = val;
+      this.getMemberUserPageList();
+    },
+  },
+};
+</script>
+
+<style scoped>
+.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;
+}
+.point {
+  color: #409eff;
+  cursor: pointer;
+}
+</style>

src/router/index.js

@@ -306,43 +306,43 @@ export default new Router({
       path: '/activityInfo',
       name: 'activityInfo',
       component: resolve => require(['@/components/blindDate/activityInfo'], resolve),
-      },{
+    }, {
       path: '/addplate',
       name: 'addplate',
       component: resolve => require(['@/components/blindDate/addplate'], resolve),
-      },{
+    }, {
       path: '/starsList',//相亲里面的星星充值列表
       name: 'starsList',
       component: resolve => require(['@/components/blindDate/starsList'], resolve),
-      },{
+    }, {
       path: '/addstars',//相亲里面的星星充值管理
       name: 'addstars',
       component: resolve => require(['@/components/blindDate/addstars'], resolve),
-      },{
+    }, {
       path: '/bdactivity', //相亲活动列表
       name: 'bdactivity',
       component: resolve => require(['@/components/blindDate/bdactivity'], resolve),
-      },{
+    }, {
       path: '/bdactiveType', //相亲活动类型管理
       name: 'bdactiveType',
       component: resolve => require(['@/components/blindDate/bdactiveType'], resolve),
-      },{
+    }, {
       path: '/topicList', //相亲活动话题列表
       name: 'topicList',
       component: resolve => require(['@/components/blindDate/topicList'], resolve),
-      },{
+    }, {
       path: '/editTopic', //相亲活动话题编辑
       name: 'editTopic',
       component: resolve => require(['@/components/blindDate/editTopic'], resolve),
-      },{
+    }, {
       path: '/appointList', //相亲约会记录、
       name: 'appointList',
       component: resolve => require(['@/components/blindDate/appointList'], resolve),
-      },{
+    }, {
       path: '/editAppoint', //编辑约会记录
       name: 'editAppoint',
       component: resolve => require(['@/components/blindDate/editAppoint'], resolve),
-      },{
+    }, {
       path: '/vipBuyList', //vip购买记录、
       name: 'vipBuyList',
       component: resolve => require(['@/components/blindDate/vipBuyList'], resolve),
@@ -526,6 +526,18 @@ export default new Router({
         path: '/edactivity',
         name: 'edactivity',
         component: resolve => require(['@/components/education/edactivity'], resolve),
+      },
+      //网课 校企合作列表
+      {
+        path: '/schoolAndCompanyList',
+        name: 'schoolAndCompanyList',
+        component: resolve => require(['@/components/education/schoolAndCompanyList'], resolve),
+      },
+      //网课 新增，修改校企合作列表
+      {
+        path: '/addSchoolAndCompany',
+        name: 'addSchoolAndCompany',
+        component: resolve => require(['@/components/education/addSchoolAndCompany'], resolve),
       }
     ]
   },