学校设置，软件下载

阿宝
1 parent 23a6dc5f
Showing 11 changed files with 534 additions and 79 deletions
src/api/apis/setUp.js → src/api/apis/apis.js
src/api/apis/device.js
src/api/urls/setUp.js → src/api/urls/apis.js
src/api/urls/device.js
src/assets/images/zan.png
src/views/down/client.vue
src/views/down/index.vue
src/views/index/mainIndex.vue
src/views/setUp/school.vue
src/views/setUp/student.vue
src/views/setUp/teacher.vue
  
 import service from "../axios"
-import setUpUrls from "../urls/setUp"
+import setUpUrls from "../urls/apis"
  
 export default {
   // 学校管理员首页数据
+  teacherIndex(data) {
+    return service({
+      url: setUpUrls.teacherIndex,
+      method: 'POST',
+      data
+    })
+  },
+  // 学校管理员首页数据
   schoolIndex(data) {
     return service({
       url: setUpUrls.schoolIndex,
-
-import service from "../axios"
-import deviceUrls from "../urls/device"
-
-export default {
-  // 下载设备模板
-  downDevice(data) {
-    return service({
-      url: deviceUrls.downDevice,
-      method: 'POST',
-      data
-    })
-  },
-  // 设备列表
-  fetchDeviceList(data) {
-    return service({
-      url: deviceUrls.deviceList,
-      method: 'POST',
-      data
-    })
-  },
-  // autoUpDate
-  autoUpDate(data) {
-    return service({
-      url: deviceUrls.autoUpDate,
-      method: 'POST',
-      data
-    })
-  },
-  // 设备列表
-  stopUpdate(data) {
-    return service({
-      url: deviceUrls.stopUpdate,
-      method: 'POST',
-      data
-    })
-  },
-  
-}
  
 export default {
+  // 授课老师首页数据
+  teacherIndex: "/api_html/teaching/index",
   // 学校管理员首页数据
   schoolIndex: "/api_html/school/manager/index",
   // 查询角色列表
-
-export default {
-  // 设备文件上传
-  upLoadDevice: "/web/upLoadDevice",
-  // 设备模板下载
-  downDevice: "/web/downDevice",
-  // 设备列表
-  deviceList: "/web/deviceList",
-  // 自动更新
-  autoUpDate: "/web/autoUpDate",
-  // 关闭自动更新
-  stopUpdate: "/web/stopUpdate",
-}
 <template>
-  <div>授课端配置下载</div>
+  <div class="page-container">
+    <back-box>
+      <template slot="title">
+        <span>授课端下载</span>
+      </template>
+    </back-box>
+    <div class="page-content">
+      <div class="content-top">
+        <div class="cont-info">
+          <img class="logo" :src="info.appImage" alt="" />
+          <div>
+            <p class="name">{{ `${info.appName} ${info.versionName}` }}</p>
+            <p class="txt">文件大小：{{ `${info.fileSize}` }}M</p>
+            <p class="txt">最近更新：{{ info.modifiedTime }}</p>
+          </div>
+        </div>
+        <div class="down-box">
+          <p class="txt">默认参数配置</p>
+          <el-button
+            class="down-btn"
+            type="primary"
+            @click="getAppDownloadUrl(false)"
+            >立即下载</el-button
+          >
+        </div>
+      </div>
+      <ul class="down-ul">
+        <li class="down-li" v-for="item in tableData" :key="item.id">
+          <span @click="edit(item)">{{ item.configName }}</span>
+          <el-button plan round @click="getAppDownloadUrl(item.id)"
+            >下载</el-button
+          >
+        </li>
+        <li class="down-li">
+          <span>自定义软件功能</span>
+          <el-button plan round icon="el-icon-plus">参数设置</el-button>
+        </li>
+      </ul>
+    </div>
+    <div class="edit-dia" v-show="dialogVis" width="1000px" height="100%">
+      <div class="back">
+        <div class="back-l" @click="dialogVis = false">
+          <i class="fa fa-mail-reply-all"></i>
+          <p>参数设置</p>
+        </div>
+      </div>
+      <div class="form-box">
+        <el-form :model="formData" :rules="ruleForm" label-width="160px">
+          <el-form-item label="主菜单设置：" prop="mainMenu">
+            <el-checkbox-group v-model="formData.mainMenu" :max="4">
+              <el-checkbox v-for="item in menuList" :label="item" :key="item">{{
+                item
+              }}</el-checkbox>
+            </el-checkbox-group>
+          </el-form-item>
+          <el-form-item label="弹出菜单组：" prop="popupMenu">
+            <el-radio-group v-model="formData.popupMenu">
+              <p class="popup-menu">
+                <el-radio :label="1"
+                  ><span>1：签到点名</span> <span> 2：导入导出</span>
+                  <span>3：班级管理</span> <span>4：系统设置</span></el-radio
+                >
+              </p>
+              <p class="popup-menu popup-menu1">
+                <el-radio :label="2">
+                  <span>1：签到点名</span> <span> 2：导入导出</span>
+                  <span>3：考试任务</span> <span>4：系统设置</span></el-radio
+                >
+              </p>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="成绩等级设置：">
+            <el-col :span="12">
+              <p class="silde-p">
+                <el-slider v-model="formData.failedSet"></el-slider
+                ><span>不及格</span>
+              </p>
+              <p class="silde-p">
+                <el-slider v-model="formData.passSet"></el-slider
+                ><span>及格</span>
+              </p>
+              <p class="silde-p">
+                <el-slider v-model="formData.goodSet"></el-slider
+                ><span>良好</span>
+              </p>
+              <p class="silde-p">
+                <el-slider v-model="formData.excellenSet"></el-slider
+                ><span>优秀</span>
+              </p>
+            </el-col>
+          </el-form-item>
+          <el-form-item label="抢答设置：" prop="viesAnswerSet">
+            <el-radio-group v-model="formData.popupMenu">
+              <el-radio :label="0">倒计时抢答</el-radio>
+              <el-radio :label="1">即时抢答</el-radio>
+              <el-radio :label="2">老师选择</el-radio>
+            </el-radio-group>
+            <el-input-number
+              size="small"
+              class="count-down"
+              v-model="formData.countdown"
+              :step="1"
+              :step-strictly="true"
+            ></el-input-number
+            >秒
+          </el-form-item>
+          <el-form-item label="抽答设置：" prop="viesAnswerSet">
+            <el-radio-group v-model="formData.ballotAnswerSet">
+              <el-radio :label="0">点名抽答</el-radio>
+              <el-radio :label="1">随机抽答</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-form>
+      </div>
+    </div>
+  </div>
 </template>
  
 <script>
 export default {
-
-}
+  data() {
+    return {
+      page: 1,
+      size: 20,
+      info: {
+        appName: "",
+        appImage: "",
+        versionName: "",
+        fileSize: "",
+        modifiedTime: "",
+      },
+      tableData: [],
+      dialogVis: true,
+      formData: {
+        mainMenu: ["问"],
+        popupMenu: 1,
+        failedSet: 60,
+        passSet: 80,
+        goodSet: 90,
+        excellenSet: 98,
+        viesAnswerSet: 0,
+        countdown: 5,
+        ballotAnswerSet: 0,
+      },
+      ruleForm: {
+        mainMenu: [
+          { required: true, message: "请选择主菜单", trigger: "blur" },
+        ],
+        popupMenu: [
+          { required: true, message: "请选择弹出菜单", trigger: "blur" },
+        ],
+        viesAnswerSet: [
+          { required: true, message: "请选择抢答类型", trigger: "blur" },
+        ],
+        countdown: [
+          { required: true, message: "请输入抢答倒计时", trigger: "blur" },
+        ],
+        ballotAnswerSet: [
+          { required: true, message: "请选择抽答类型", trigger: "blur" },
+        ],
+      },
+      menuList: ["问", "测", "析"],
+    };
+  },
+  created() {
+    this.latestVersion();
+    this.appConfigList();
+  },
+  methods: {
+    async latestVersion() {
+      const { data, status, info } = await this.$request.latestVersion();
+      if (status == 0) {
+        this.info = { ...data };
+        this.info.fileSize =
+          (this.info.fileSize && (this.info.fileSize / 1024).toFixed(0)) ||
+          "--";
+      } else {
+        this.$message.error(info);
+      }
+    },
+    async appConfigList() {
+      const { data, status, info } = await this.$request.appConfigList({
+        page: this.page,
+        size: this.size,
+      });
+      if (status == 0) {
+        this.tableData = [...data.list] || [];
+      } else {
+        this.$message.error(info);
+      }
+    },
+    async getAppDownloadUrl(configId) {
+      const { data, status, info } = await this.$request.getAppDownloadUrl({
+        configId: configId || "",
+      });
+      if (status == 0) {
+        // this.tableData = [...data.list] || [];
+      } else {
+        this.$message.error(info);
+      }
+    },
+  },
+};
 </script>
  
-<style>
-
+<style lang="scss" scoped>
+.page-container {
+  position: relative;
+}
+.page-content {
+  padding: 30px;
+  .content-top {
+    padding: 20px 50px 20px 20px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .cont-info {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      .logo {
+        width: 140px;
+        margin-right: 16px;
+      }
+      .name {
+        font-size: 20px;
+        color: #333;
+        line-height: 24px;
+        padding-bottom: 12px;
+      }
+      .txt {
+        font-size: 15px;
+        color: #7f7f7f;
+        line-height: 25px;
+      }
+    }
+    .down-box {
+      width: 200px;
+      text-align: center;
+      .txt {
+        font-size: 16px;
+        padding-bottom: 8px;
+      }
+      .down-btn {
+        font-size: 20px;
+      }
+    }
+  }
+  .down-ul {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 0 20px;
+    .down-li {
+      width: calc(50% - 12px);
+      height: 72px;
+      padding: 0 16px;
+      box-sizing: border-box;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin: 0 24px 30px 0;
+      border-radius: 10px;
+      background: #f8f8f8;
+      box-shadow: 2px 2px 5px #ccc;
+      &:nth-child(2n) {
+        margin-right: 0;
+      }
+      font-size: 16px;
+      color: #667ffd;
+    }
+  }
+}
+:deep(.el-button.is-round) {
+  width: 120px;
+  text-align: center;
+  padding: 10px 0;
+}
+.edit-dia {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: calc(100vh - 80px);
+  background: #fff;
+  overflow-y: auto;
+  .back {
+    width: 100%;
+    height: 56px;
+    border-bottom: 1px solid #e2e2e2;
+    display: flex;
+    align-items: center;
+    padding: 0 20px;
+    box-sizing: border-box;
+    .back-l {
+      display: flex;
+      align-items: center;
+      cursor: pointer;
+      flex-shrink: 0;
+      font-size: 18px;
+      font-weight: 500;
+    }
+    .fa-mail-reply-all {
+      font-size: 28px;
+      color: #b3b3b3;
+      margin-right: 12px;
+    }
+  }
+  .form-box {
+    padding: 20px;
+    .popup-menu {
+      padding-bottom: 16px;
+      span {
+        padding-right: 12px;
+      }
+    }
+    .popup-menu1 {
+      padding-bottom: 0;
+    }
+    .count-down {
+      width: 48px;
+      margin: 0 8px 0 20px;
+      :deep(.el-input__inner) {
+        width: 48px;
+        height: 32px;
+        line-height: 32px;
+        border-radius: 20px;
+        border-color: #667ffd;
+        padding: 0;
+      }
+      :deep(.el-input-number__decrease) {
+        display: none;
+      }
+      :deep(.el-input-number__increase) {
+        display: none;
+      }
+    }
+    .silde-p {
+      display: flex;
+      align-items: center;
+      height:36px;
+      line-height:36px;
+      & > span {
+        width: 48px;
+        margin-left: 10px;
+        flex-shrink: 0;
+      }
+      :deep(.el-slider) {
+        flex: 1;
+      }
+      :deep(.el-slider__runway) {
+        margin:5px 0;
+      }
+    }
+  }
+}
 </style>
 \ No newline at end of file
 <template>
   <div>
-    <router-link to="/downClient">授课端下载</router-link>
-     <back-box>
+    <back-box>
       <template slot="title">
         <span>软件下载</span>
       </template>
     </back-box>
-    <div class=""></div>
+    <div class="page-content">
+      <div class="down-item">
+        <p class="txt">
+          K12公私立学校、高等院校、教育培训机构的课堂互动教学、即时课堂测验
+        </p>
+        <el-button plan round @click="links">授课端下载</el-button>
+      </div>
+      <div class="down-item">
+        <p class="txt">
+          配合发卡器硬件，方便学校管理员进行发卡补卡操作的软件。
+        </p>
+        <el-button plan round>发卡软件下载</el-button>
+      </div>
+    </div>
   </div>
 </template>
  
 <script>
 export default {
-
-}
+  methods:{
+    links(){
+      this.$router.push({
+        path:'/downClient'
+      })
+    }
+  }
+};
 </script>
  
-<style>
-
+<style lang="scss" scoped>
+.page-content {
+  padding: 50px;
+  display: flex;
+  justify-content: center;
+  .down-item {
+    width: 200px;
+    padding: 50px 20px;
+    border-radius: 20px;
+    margin: 20px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background: #f8f8f8;
+    box-shadow: 2px 2px 5px #ccc;
+    .txt {
+      font-size: 16px;
+      color: #7f7f7f;
+      line-height: 24px;
+      height: 120px;
+    }
+  }
+}
 </style>
 \ No newline at end of file
@@ -71,19 +71,19 @@
         <img class="icon" :src="getImgs(item.path)" alt="" />
           <div class="text" v-if="item.path == '/examinationPaper'">
             <p class="p1">备题组卷</p>
-            <p class="p2">管理32套答题卡。</p>
+            <p class="p2">管理{{schoolInfo.paperCount}}套答题卡。</p>
           </div>
           <div class="text" v-else-if="item.path == '/portrait'">
             <p class="p1">学生画像</p>
-            <p class="p2">共分析532名学生成绩。</p>
+            <p class="p2">共分析{{schoolInfo.imagesCount}}名学生成绩。</p>
           </div>
           <div class="text" v-else-if="item.path == '/ask'">
             <p class="p1">随堂问报表</p>
-            <p class="p2">对41套随堂问答题记录分析。</p>
+            <p class="p2">对{{schoolInfo.classPeriodCount}}套随堂问答题记录分析。</p>
           </div>
           <div class="text" v-else-if="item.path == '/test'">
             <p class="p1">即时测报表</p>
-            <p class="p2">对28套即时测答题记录分析。</p>
+            <p class="p2">对{{schoolInfo.examCount}}套即时测答题记录分析。</p>
           </div>
       </li>
       </template>
@@ -116,6 +116,8 @@ export default {
     })
     if(this.type == "ROLE_XUEXIAO"){
       this.schoolIndex()
+    }else if(this.type == "ROLE_JIAOSHI" || this.type == "ROLE_BANZHUREN"){
+      this.teacherIndex()
     }
   },
   methods: {
@@ -127,6 +129,14 @@ export default {
         path: path,
       });
     },
+    async teacherIndex() {
+      const { data, status, info } = await this.$request.teacherIndex();
+      if (status === 0) {
+        this.schoolInfo = { ...data };
+      } else {
+        this.$message.error(info);
+      }
+    },
     async schoolIndex() {
       const { data, status, info } = await this.$request.schoolIndex();
       if (status === 0) {
@@ -19,7 +19,7 @@
     </back-box>
     <div class="page-content">
       <div class="content-box">
-        <i class="el-icon-edit"></i>
+        <i class="el-icon-edit" @click="diaSchool = true"></i>
         <ul class="school-info">
           <li class="school-item">
             <span class="s1">学校名称：</span>
@@ -91,6 +91,54 @@
         <el-button @click="diaUp = false">取 消</el-button>
       </div>
     </el-dialog>
+    <el-dialog title="修改学校信息" :visible.sync="diaSchool" width="400">
+      <el-form
+        class="form-box"
+        :model="formSchool"
+        :rules="rulesSchool"
+        label-width="160px"
+      >
+        <el-form-item label="学段：" prop="sections">
+          <el-checkbox-group v-model="formSchool.sections">
+            <el-checkbox
+              v-for="item in sectionsList"
+              :label="item.id"
+              :key="item.id"
+              >{{ item.name }}</el-checkbox
+            >
+          </el-checkbox-group>
+        </el-form-item>
+        <el-form-item label="授课端管理密码：" prop="managePwd">
+          <el-col :span="10">
+            <el-input
+              maxlength="30"
+              v-model="formSchool.managePwd"
+              placeholder="请输入授课端管理密码"
+            ></el-input>
+          </el-col>
+        </el-form-item>
+        <el-form-item label="联系人：" prop="contactPerson"
+          ><el-col :span="10"
+            ><el-input
+              maxlength="30"
+              v-model="formSchool.contactPerson"
+              placeholder="请输入联系人"
+            ></el-input></el-col
+        ></el-form-item>
+        <el-form-item label="手机号码：" prop="contactPhone"
+          ><el-col :span="10"
+            ><el-input
+              maxlength="11"
+              v-model="formSchool.contactPhone"
+              placeholder="请输入联系人手机号码"
+            ></el-input></el-col
+        ></el-form-item>
+      </el-form>
+      <div class="dialog-footer" slot="footer">
+        <el-button @click="editSchool">确 定</el-button>
+        <el-button @click="diaSchool = false">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
  
@@ -131,9 +179,10 @@ export default {
   },
   data() {
     return {
+      loading: false,
       url: "xxx",
       diaUp: false,
-      loading: false,
+      diaSchool: false,
       school: {
         schoolName: "长水实验中学",
         managePwd: "123456",
@@ -143,6 +192,25 @@ export default {
         tenantName: "长水集团",
       },
       tableData: [],
+      formSchool: {
+        sections: "",
+        managePwd: "",
+        contactPerson: "",
+        contactPhone: "",
+      },
+      rulesSchool: {
+        sections: [{ required: true, message: "请选择学段", trigger: "blur" }],
+        managePwd: [
+          { required: true, message: "请填写管理密码", trigger: "blur" },
+        ],
+      },
+      sectionsList: [
+        { id: "1", name: "小学" },
+        { id: "2", name: "初中" },
+        { id: "3", name: "高中" },
+        { id: "4", name: "大学" },
+        { id: "7", name: "高补" },
+      ],
     };
   },
   created() {
@@ -151,6 +219,31 @@ export default {
   },
   methods: {
     setGrade(obj) {},
+    async editSchool() {
+      if (!this.formSchool.sections.length) {
+        this.$message.error("请选择学段！");
+        return;
+      }
+      if (!this.formSchool.managePwd) {
+        this.$message.error("请填写密码！");
+        return;
+      }
+      if (this.loading) {
+        return;
+      }
+      this.loading = true;
+      let form = {...this.formSchool}
+      form.sections = this.formSchool.sections.join(',')
+      const { data, status, info } = await this.$request.updateSchool({...form});
+      this.loading = false;
+      if (status === 0) {
+        this.$message.success("修改成功~");
+        this.diaSchool = false;
+        this._QueryDataSchool();
+      } else {
+        this.$message.error(info);
+      }
+    },
     async _QueryDataSchool() {
       this.loading = true;
       const { data, status, info } = await this.$request.schoolDetail();
@@ -158,6 +251,10 @@ export default {
       console.log(status);
       if (status === 0) {
         this.school = { ...data };
+        for (let key in this.formSchool) {
+          this.formSchool[key] = data[key] || "";
+        }
+        this.formSchool.sections = this.formSchool.sections.split(",");
       } else {
         this.$message.error(info);
       }
@@ -245,9 +342,9 @@ export default {
         border-radius: 10px;
         box-shadow: 1px 1px 3px #888;
         cursor: pointer;
-        transition: all .5s;
-        &:hover{
-          transform: translate(-2px,-5px);
+        transition: all 0.5s;
+        &:hover {
+          transform: translate(-2px, -5px);
           box-shadow: 5px 5px 10px #888;
         }
       }
@@ -274,4 +371,7 @@ export default {
     }
   }
 }
+.form-box {
+  margin: 0 20px;
+}
 </style>
 \ No newline at end of file
@@ -2,7 +2,7 @@
   <div>
     <back-box>
       <template slot="title">
-        <span>教师管理</span>
+        <span>学生管理</span>
       </template>
       <template slot="btns">
         <el-tooltip effect="dark" content="添加学生" placement="bottom">
@@ -40,8 +40,8 @@
               class="stu-item"
               v-for="item in classList"
               :key="item.classCode"
-              :class="query.classId == item.classCode ? 'avtive' : ''"
-              @click="classDetail(item.classCode)"
+              :class="query.classId == item.id ? 'active' : ''"
+              @click="classDetail(item.id)"
             >
               <i class="el-icon-edit-outline"></i>
               {{ item.className }}（{{ item.studentCount }}）
@@ -140,7 +140,7 @@ export default {
   },
   async created() {
     await this._QueryDataGrade();
-    this._QueryClass();
+    await this._QueryClass();
     this._QueryData(3);
   },
   methods: {
@@ -201,6 +201,7 @@ export default {
       });
       if (status === 0) {
         this.classList = [...data.list] || [];
+        this.query.classId = this.classList[0]?.id;
       } else {
         this.$message.error(info);
       }
@@ -99,7 +99,7 @@
           <div class="detail-top">
             <p class="p-item">手机号码：{{ teacherDetail.loginName }}</p>
             <p class="p-item">
-              状态：{{ teacherDetail.available == 1 ? "正常" : "不可用" }}
+              状态：{{ teacherDetail.available == 1 ? "不可用" : "正常" }}
             </p>
             <p class="p-item">
               性别：{{