修改问题及添加后台对应身份

src/App.vue

@@ -2,7 +2,11 @@
   <div id="app" :class="{}">
     <div class="app_head">
       <div class="logo" @click="goTo('/course')"></div>
-      <span style="margin-left: 10px; color: #fff; font-size: 16px" @click="goTo('/course')">广东省案例征集</span>
+      <span
+        style="margin-left: 10px; color: #fff; font-size: 16px"
+        @click="goTo('/course')"
+        >广东省案例征集</span
+      >
       <div class="user_head" v-if="this.$store.state.isLogin">
         <!-- <div class="noticeBox">
           <i class="noticeI" @click="goTo('/works')"></i>
@@ -11,7 +15,7 @@
           }}</span>
         </div> -->
         <span class="user_name">{{
-            this.$store.state.userInfo ? this.$store.state.userInfo.name : "用户"
+          this.$store.state.userInfo ? this.$store.state.userInfo.name : "用户"
         }}</span>
         <div @click="exit">
           <i class="exitI"></i>
@@ -19,24 +23,32 @@
         </div>
       </div>
     </div>
-    <div style="width: 100%; height: 100%" :class="{
-      ggheight: true,
-    }">
+    <div
+      style="width: 100%; height: 100%"
+      :class="{
+        ggheight: true,
+      }"
+    >
       <!-- main 内容 -->
       <keep-alive v-if="$route.meta.keepAlive">
         <!-- 这里是会被缓存的视图组件 -->
-        <router-view v-if="$route.meta.keepAlive" :class="{ pb_body: isShowNav }" />
+        <router-view
+          v-if="$route.meta.keepAlive"
+          :class="{ pb_body: isShowNav }"
+        />
       </keep-alive>
       <!-- 这里是不被缓存的视图组件 -->
-      <router-view v-if="!$route.meta.keepAlive" :class="{ pb_body: isShowNav }" />
+      <router-view
+        v-if="!$route.meta.keepAlive"
+        :class="{ pb_body: isShowNav }"
+      />
 
       <!-- 底部导航 -->
-      <footer-nav v-if="
-        isShowNav &&
-        ($store.state.userInfo.type == 2 ||
-          $store.state.userInfo.type == 3 ||
-          $store.state.userInfo.type == 4)
-      " :nav="nav" :luyou="this.$store.state.luyou"></footer-nav>
+      <footer-nav
+        v-if="isShowNav && $store.state.userInfo.type != 1"
+        :nav="nav"
+        :luyou="this.$store.state.luyou"
+      ></footer-nav>
     </div>
   </div>
 </template>
@@ -57,8 +69,16 @@ export default {
         "/data",
         "/notice",
         "/school",
-      ], // 导航
-      navTabs2: ["/anliList", "/score", "/data", "/notice", "/school"], // 导航
+      ], // 市级导航
+      navTabs2: [
+        "/anliList1",
+        "/user1",
+        "/school1",
+        "/score1",
+        "/data",
+        "/notice",
+      ], // 区级导航
+      navTabs3: ["/anliList2", "/data", "/notice"], // 省级导航
       nav: [],
     };
   },
@@ -78,11 +98,15 @@ export default {
         this.$store.commit("update", ["isLogin", true]);
         // var info = JSON.parse(window.sessionStorage.getItem("userInfo"));
         this.$store.commit("update", ["userInfo", userInfo]);
-        if (this.$route.path == '/login') {
-          if (userInfo.type == '1') {
+        if (this.$route.path == "/login") {
+          if (userInfo.type == "1") {
             this.$router.push("/eventCenter?steps=" + "2");
-          } else if (userInfo.type == '2' || userInfo.type == '3' || userInfo.type == '4' || userInfo.type == '5' || userInfo.type == '6') {
+          } else if (userInfo.type == "2" || userInfo.type == "4") {
             this.$router.push("/anliList");
+          } else if (userInfo.type == "5" || userInfo.type == "6") {
+            this.$router.push("/anliList1");
+          } else if (userInfo.type == "3") {
+            this.$router.push("/anliList2");
           }
         }
         this.routerP();
@@ -94,14 +118,14 @@ export default {
         });
         setTimeout(() => {
           loading.close();
-          if (this.$route.path != '/login') {
+          if (this.$route.path != "/login") {
             this.$router.push("/login");
           }
         }, 2000);
       }
     },
     routerP() {
-      const { navTabs, navTabs2 } = this.$data;
+      const { navTabs, navTabs2, navTabs3 } = this.$data;
       const { userInfo } = this.$store.state;
       let router_path = this.$route.path;
       console.log(router_path);
@@ -116,14 +140,19 @@ export default {
           this.isShowNav = true;
         }
         this.nav = navTabs;
-      } else if (userInfo.type == 3) {
+      } else if (userInfo.type == 5 || userInfo.type == 6) {
         if (navTabs2.indexOf(router_path) != -1) {
           a = 1;
           this.isShowNav = true;
         }
         this.nav = navTabs;
+      } else if (userInfo.type == 3) {
+        if (navTabs3.indexOf(router_path) != -1) {
+          a = 1;
+          this.isShowNav = true;
+        }
+        this.nav = navTabs;
       }
-
       if (a == 0) {
         this.nav = [];
         this.isShowNav = false;
@@ -147,7 +176,7 @@ export default {
   },
   watch: {
     $route(to, from) {
-      const { navTabs, navTabs2 } = this.$data;
+      const { navTabs, navTabs2, navTabs3 } = this.$data;
       const { userInfo } = this.$store.state;
       const toPath = to.path;
       const fromName = from.name;
@@ -159,12 +188,18 @@ export default {
           this.isShowNav = true;
         }
         this.nav = navTabs;
-      } else if (userInfo.type == 3) {
+      } else if (userInfo.type == 5 || userInfo.type == 6) {
         if (navTabs2.indexOf(toPath) != -1) {
           a = 1;
           this.isShowNav = true;
         }
         this.nav = navTabs2;
+      } else if (userInfo.type == 3) {
+        if (navTabs3.indexOf(toPath) != -1) {
+          a = 1;
+          this.isShowNav = true;
+        }
+        this.nav = navTabs3;
       }
       if (a == 0) {
         this.nav = [];

src/components/login.vue

@@ -30,9 +30,9 @@
             ></el-input>
           </el-form-item>
         </el-form>
-        <div style="display: flex; justify-content: flex-end">
+        <!-- <div style="display: flex; justify-content: flex-end">
           <el-button type="text" @click="goTo('/register')">立即注册</el-button>
-        </div>
+        </div> -->
         <div class="login_button">
           <button @click="findPhone()">登录</button>
         </div>
@@ -309,8 +309,12 @@ export default {
               _this.$store.commit("update", ["userInfo", _this.userInfo]);
               if (isU == 1) {
                 this.$router.push("/eventCenter?steps=" + "2");
-              }else if(isU == 2 || isU == 3 || isU == 4 || isU == 5 || isU == 6){
+              }else if(isU == 2 || isU == 4){
                 this.$router.push("/anliList");
+              }else if(isU == 5 || isU == 6){
+                this.$router.push("/anliList1");
+              }else if(isU == 3){
+                this.$router.push("/anliList2");
               }
               // console.log(_this.$store.state);
             } else {

src/components/pages/disAdmin/anliList.vue

@@ -0,0 +1,1124 @@
+<template>
+  <div class="pb_content">
+    <div class="pb_head">
+      <div>
+        <span>案例管理</span>
+      </div>
+    </div>
+    <div class="touTop">
+      <div class="touLeft">
+        <!-- <div>
+          <div>案例分类</div>
+          <el-select v-model="anliType" clearable>
+            <el-option value="0" label="所有分类"></el-option>
+          </el-select>
+        </div> -->
+        <div>
+          <div
+            class="all_choose"
+            v-for="(item, index) in CourseType[0]"
+            :key="index"
+          >
+            <span>{{ item.name }}</span>
+            <el-select
+              v-model="courseTypeId[item.id]"
+              placeholder="请选择"
+              @change="search"
+            >
+              <el-option label="全部" value="1">全部</el-option>
+              <el-option
+                v-for="item1 in CourseTypeJson[item.id]"
+                :key="item1.id"
+                :label="item1.name"
+                :value="item1.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="anliCss">
+            <div>案例筛选</div>
+            <el-select v-model="anliBox" clearable @change="search">
+              <el-option value="" label="全部"></el-option>
+              <el-option value="1" label="经典案例"></el-option>
+              <el-option value="0" label="平台案例"></el-option>
+            </el-select>
+          </div>
+        </div>
+        <div @click="clear" class="clear">重置</div>
+      </div>
+      <div class="touRight">
+        <div></div>
+        <div>
+          <el-button @click="dialogVisibleMember = true">分配案例</el-button>
+        </div>
+      </div>
+    </div>
+    <div class="anliBox" v-if="tableData.length">
+      <div v-for="(a, aIndex) in tableData" :key="aIndex" class="anLi">
+        <div class="anliImg">
+          <img
+            :src="a.info.cover.length > 0 ? a.info.cover[0].url : noBanner"
+            alt=""
+          />
+        </div>
+        <div class="anliBot">
+          <div class="detailBox">
+            <div>{{ a.info.title != "" ? a.info.title : "暂无" }}</div>
+            <div>{{ a.time }}</div>
+          </div>
+          <div class="anliButton">
+            <div>
+              <el-button @click="lookDetail(a.id)">查看</el-button>
+            </div>
+            <div>
+              <el-button @click="openScore(a, 1)">评分</el-button>
+            </div>
+            <div>
+              <el-button @click="openScore(a, 2)">推荐</el-button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="student_page">
+      <el-pagination
+        background
+        layout="prev, pager, next"
+        :page-size="10"
+        :total="total"
+        v-if="page && tableData.length"
+        style="padding-bottom: 20px"
+        @current-change="handleCurrentChange"
+      >
+      </el-pagination>
+    </div>
+    <el-dialog
+      title="分配案例"
+      :visible.sync="dialogVisibleMember"
+      :append-to-body="true"
+      width="25%"
+      height="80%"
+      :before-close="handleClose"
+      class="dialog_diy1 customWidth"
+    >
+      <div class="people">
+        <div class="people_top">
+          <div class="people_top_right">
+            <div class="people_search">
+              <div>选择评委</div>
+              <el-select v-model="reviewer" placeholder="请选择评委">
+                <el-option
+                  v-for="item in reviewerBox"
+                  :key="item.userid"
+                  :label="item.name"
+                  :value="item.userid"
+                ></el-option>
+              </el-select>
+            </div>
+          </div>
+        </div>
+        <el-checkbox
+          :indeterminate="isIndeterminate"
+          v-model="checkAll"
+          @change="handleCheckAllChange"
+          style="padding: 15px 0 0 15px"
+          >全选</el-checkbox
+        >
+        <el-checkbox-group
+          v-model="checkboxList"
+          class="people_name"
+          v-if="anliBox1.length"
+          @change="handleCheckedAnliChange"
+        >
+          <el-checkbox v-for="item in anliBox1" :key="item.id" :label="item.id">
+            <div class="t_j_box">
+              <div>案例名称：</div>
+              <el-tooltip
+                placement="top"
+                :content="item.info.title ? item.info.title : '暂无姓名'"
+              >
+                <span>{{
+                  item.info.title ? item.info.title : "暂无姓名"
+                }}</span>
+              </el-tooltip>
+            </div>
+          </el-checkbox>
+        </el-checkbox-group>
+        <div style="text-align: center; margin-top: 10px" v-else>暂无数据</div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisibleMember = false">取 消</el-button>
+        <el-button type="primary" @click="addCase">确定</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="评分"
+      :visible.sync="dialogVisibleScore"
+      :append-to-body="true"
+      width="25%"
+      height="80%"
+      :before-close="handleClose"
+      class="dialog_diy customWidth1"
+    >
+      <div class="scoreBox" v-for="(s, sIndex) in scoreDetail" :key="sIndex">
+        <div class="scoreCss">
+          <div class="scoreTitle">
+            <div><img src="../../../assets/avatar.png" alt="" /></div>
+            <div>{{ s.uname }}</div>
+          </div>
+          <div class="anliTitle">
+            <div>案例名称</div>
+            <div>{{ s.title }}</div>
+          </div>
+          <div class="anliBrief">
+            <div>案例简介</div>
+            <div style="width: 650px; max-height: 150px; overflow: auto">
+              {{ s.detail }}
+            </div>
+          </div>
+          <div class="anliScore">
+            <div>请选择评分</div>
+            <div>
+              <div class="scoreDiv">
+                <div>评审维度1</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.first"
+                    @change="isNumber($event, 1)"
+                  ></el-input>
+                </div>
+              </div>
+              <div class="scoreDiv">
+                <div>评审维度2</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.second"
+                    @change="isNumber($event, 2)"
+                  ></el-input>
+                </div>
+              </div>
+              <div class="scoreDiv">
+                <div>评审维度3</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.third"
+                    @change="isNumber($event, 3)"
+                  ></el-input>
+                </div>
+              </div>
+              <div class="scoreDiv">
+                <div>评审维度4</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.fourth"
+                    @change="isNumber($event, 4)"
+                  ></el-input>
+                </div>
+              </div>
+              <div class="scoreDiv">
+                <div>评审维度5</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.fivth"
+                    @change="isNumber($event, 5)"
+                  ></el-input>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="anliContent">
+            <textarea
+              :rows="5"
+              class="tAreaCss"
+              placeholder="还有要说的吗..."
+              v-model="s.scoreAll.content"
+            ></textarea>
+          </div>
+          <div class="addScore" @click="addScore">进行评分</div>
+        </div>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="推荐省级评奖"
+      :visible.sync="dialogVisibleRecommend"
+      :append-to-body="true"
+      width="25%"
+      height="80%"
+      :before-close="handleClose"
+      class="dialog_diy customWidth1"
+    >
+      <div v-for="(r, rIndex) in scoreDetail" :key="rIndex">
+        <div class="reTitle">
+          <div>案例名称</div>
+          <div>{{ r.title }}</div>
+        </div>
+        <div class="reDetail">
+          <div>案例简介</div>
+          <div>{{ r.detail }}</div>
+        </div>
+        <div class="reScore">
+          <div>当前得分</div>
+          <div>
+            <span>{{ r.sumScore }}</span
+            >分
+          </div>
+        </div>
+        <div class="reBottom">
+          <div>提示:点击确定提交，即可推送到市级进行评奖</div>
+          <div @click="dialogVisibleRecommend = false">取消</div>
+          <div @click="addRecommend">确定提交</div>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      page: 1,
+      total: 0,
+      // anliType: "",
+      CourseType: [],
+      CourseTypeJson: {},
+      courseTypeId: {},
+      courseTypeSon: [],
+      anliBox: "",
+      tableData: [],
+      reviewer: "",
+      reviewerBox: [],
+      anliBox1: [],
+      checkboxList: [],
+      checkboxIdList: [],
+      isIndeterminate: false,
+      checkAll: false,
+      dialogVisibleMember: false,
+      dialogVisibleScore: false,
+      dialogVisibleRecommend: false,
+      noBanner: require("../../../assets/noBanner.jpg"),
+      scoreDetail: [
+        {
+          id: "",
+          uname: "",
+          title: "",
+          detail: "",
+          scoreAll: {
+            first: "",
+            second: "",
+            third: "",
+            fourth: "",
+            fivth: "",
+            content: "",
+          },
+          sumScore: 0,
+        },
+      ],
+    };
+  },
+  methods: {
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getAnliList();
+    },
+    search() {
+      this.page = 1;
+      this.getAnliList();
+    },
+    goTo(path) {
+      this.$router.push(path);
+    },
+    isNumber(e, t) {
+      if (e < 0) {
+        this.$message.error("请输入大于0的数值");
+        if (t == 1) {
+          this.scoreDetail[0].scoreAll.first = "";
+        } else if (t == 2) {
+          this.scoreDetail[0].scoreAll.second = "";
+        } else if (t == 3) {
+          this.scoreDetail[0].scoreAll.third = "";
+        } else if (t == 4) {
+          this.scoreDetail[0].scoreAll.fourth = "";
+        } else {
+          this.scoreDetail[0].scoreAll.fivth = "";
+        }
+        return;
+      } else if (e > 100) {
+        this.$message.error("数值不能大于100");
+        if (t == 1) {
+          this.scoreDetail[0].scoreAll.first = "";
+        } else if (t == 2) {
+          this.scoreDetail[0].scoreAll.second = "";
+        } else if (t == 3) {
+          this.scoreDetail[0].scoreAll.third = "";
+        } else if (t == 4) {
+          this.scoreDetail[0].scoreAll.fourth = "";
+        } else {
+          this.scoreDetail[0].scoreAll.fivth = "";
+        }
+        return;
+      }
+      let value = e.replace(/[^d]/g, ""); // 只能输入数字
+      value = value.replace(/^0+(d)/, "$1"); // 第一位0开头，0后面为数字，则过滤掉，取后面的数字
+      value = value.replace(/(d{15})d*/, "$1"); // 最多保留15位整数
+      // this.height = value;
+    },
+    handleCheckAllChange(val) {
+      if (this.checkboxIdList.length == 0) {
+        for (var i = 0; i < this.anliBox1.length; i++) {
+          this.checkboxIdList.push(this.anliBox1[i].id);
+        }
+      }
+      this.checkboxList = val ? this.checkboxIdList : [];
+      this.isIndeterminate = false;
+    },
+    handleCheckedAnliChange(value) {
+      let checkedCount = this.checkboxList.length;
+      this.checkAll = checkedCount === this.anliBox1.length;
+      this.isIndeterminate =
+        checkedCount > 0 && checkedCount < this.anliBox1.length;
+    },
+    handleClose(done) {
+      done();
+    },
+    clear() {
+      for (var i = 0; i < this.CourseType[0].length; i++) {
+        this.courseTypeId[this.CourseType[0][i].id] = "";
+      }
+      this.anliBox = "";
+      this.getAnliList();
+    },
+    getAnliList(rc) {
+      var typeE = [];
+      var typea, typeb, typec, typed;
+      this.tableData = [];
+      for (var i = 0; i < this.CourseType[0].length; i++) {
+        if (this.courseTypeId[this.CourseType[0][i].id] == "1") {
+          typeE.push(this.CourseType[0][i].id);
+        } else if (this.courseTypeId[this.CourseType[0][i].id] != "") {
+          if (this.CourseType[0][i].name == "案例组别") {
+            typea = this.courseTypeId[this.CourseType[0][i].id];
+          } else if (this.CourseType[0][i].name == "年级") {
+            typeb = this.courseTypeId[this.CourseType[0][i].id];
+          } else if (this.CourseType[0][i].name == "学科") {
+            typec = this.courseTypeId[this.CourseType[0][i].id];
+          }
+          this.courseTypeSon.push(this.courseTypeId[this.CourseType[0][i].id]);
+        }
+      }
+      let params = {
+        typea: typea != undefined ? typea : "",
+        typeb: typeb != undefined ? typeb : "",
+        typec: typec != undefined ? typec : "",
+        typed: typed != undefined ? typed : "",
+        typeE: typeE.join(","),
+        cid: rc ? rc : "",
+        cn: this.anliBox == "" ? 0 : this.anliBox,
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectAnliList", params)
+        .then((res) => {
+          this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+          this.tableData = res.data[0];
+          for (var i = 0; i < this.tableData.length; i++) {
+            this.tableData[i].info = JSON.parse(this.tableData[i].info);
+            this.tableData[i].overview = JSON.parse(this.tableData[i].overview);
+            this.tableData[i].process = JSON.parse(this.tableData[i].process);
+            this.tableData[i].proact = JSON.parse(this.tableData[i].proact);
+            this.tableData[i].proexc = JSON.parse(this.tableData[i].proexc);
+            this.tableData[i].results = JSON.parse(this.tableData[i].results);
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    selectType(rc) {
+      this.ajax
+        .get(this.$store.state.api + "selectMatType")
+        .then((res) => {
+          this.CourseType = res.data;
+          for (var i = 0; i < res.data[0].length; i++) {
+            for (var j = 0; j < res.data[1].length; j++) {
+              if (res.data[0][i].id == res.data[1][j].pid) {
+                if (!this.CourseTypeJson[res.data[0][i].id]) {
+                  this.CourseTypeJson[res.data[0][i].id] = [];
+                }
+                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
+              }
+            }
+          }
+          this.getAnliList(rc);
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getAdmin() {
+      let params = {
+        uid: this.$store.state.userInfo.userid,
+        cn: "",
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectReviewer", params)
+        .then((res) => {
+          this.reviewerBox = res.data[0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getReviewerOrAdmin() {
+      if (this.$store.state.userInfo.type == 4) {
+        this.getUser();
+      } else {
+        this.selectType();
+      }
+    },
+    getUser() {
+      let params = {
+        uid: this.$store.state.userInfo.userid,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectCaseUser", params)
+        .then((res) => {
+          if (res.data[0].length > 0) {
+            var reCid = res.data[0][0].aBox;
+            this.selectType(reCid);
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getAnliBox() {
+      this.ajax
+        .get(this.$store.state.api + "selecAnliBox")
+        .then((res) => {
+          this.anliBox1 = res.data[0];
+          for (var i = 0; i < this.anliBox1.length; i++) {
+            this.anliBox1[i].info = JSON.parse(this.anliBox1[i].info);
+            this.anliBox1[i].overview = JSON.parse(this.anliBox1[i].overview);
+            this.anliBox1[i].process = JSON.parse(this.anliBox1[i].process);
+            this.anliBox1[i].proact = JSON.parse(this.anliBox1[i].proact);
+            this.anliBox1[i].proexc = JSON.parse(this.anliBox1[i].proexc);
+            this.anliBox1[i].results = JSON.parse(this.anliBox1[i].results);
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    addCase() {
+      if (this.reviewer == "") {
+        this.$message.error("请选择评审员");
+        return;
+      } else if (this.checkboxList.length == 0) {
+        this.$message.error("请选择案例");
+        return;
+      }
+      let params = [
+        {
+          uid: this.reviewer,
+          box: this.checkboxList.join(","),
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "insertCase", params)
+        .then((res) => {
+          this.$message({
+            message: "分配成功",
+            type: "success",
+          });
+          this.reviewer = "";
+          this.checkboxList = [];
+          this.isIndeterminate = false;
+          this.checkAll = false;
+          this.dialogVisibleMember = false;
+        })
+        .catch((err) => {
+          this.$message.error("网络不佳");
+          console.error(err);
+        });
+    },
+    openScore(a, t) {
+      this.scoreDetail[0].id = a.id;
+      this.scoreDetail[0].title = a.info.title;
+      this.scoreDetail[0].detail = a.info.courseText;
+      this.scoreDetail[0].uname = a.uname;
+      this.getScore(a.id, t);
+    },
+    getScore(id, t) {
+      let params = {
+        rid: id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectScore", params)
+        .then((res) => {
+          if (res.data[0].length > 0) {
+            this.scoreDetail[0].scoreAll = JSON.parse(res.data[0][0].score);
+            var a = parseInt(this.scoreDetail[0].scoreAll.first);
+            var b = parseInt(this.scoreDetail[0].scoreAll.second);
+            var c = parseInt(this.scoreDetail[0].scoreAll.third);
+            var d = parseInt(this.scoreDetail[0].scoreAll.fourth);
+            var e = parseInt(this.scoreDetail[0].scoreAll.fivth);
+            this.scoreDetail[0].sumScore = Math.round((a + b + c + d + e) / 5);
+          } else {
+            this.scoreDetail[0].scoreAll = {
+              first: "",
+              second: "",
+              third: "",
+              fourth: "",
+              fivth: "",
+              content: "",
+            };
+            this.scoreDetail[0].sumScore = 0;
+          }
+          if (t == 1) {
+            this.dialogVisibleScore = true;
+          } else {
+            this.dialogVisibleRecommend = true;
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    addScore() {
+      if (this.scoreDetail[0].scoreAll.first == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.second == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.third == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.fourth == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.fivth == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.content == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      }
+      let params = {
+        rid: this.scoreDetail[0].id,
+        suser: this.$store.state.userInfo.userid,
+        s: JSON.stringify(this.scoreDetail[0].scoreAll),
+      };
+      this.ajax
+        .get(this.$store.state.api + "addScore", params)
+        .then((res) => {
+          this.$message({
+            message: "评分成功",
+            type: "success",
+          });
+          this.scoreDetail = [
+            {
+              id: "",
+              uname: "",
+              title: "",
+              detail: "",
+              scoreAll: {
+                first: "",
+                second: "",
+                third: "",
+                fourth: "",
+                fivth: "",
+                content: "",
+              },
+              sumScore: 0,
+            },
+          ];
+          this.dialogVisibleScore = false;
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    addRecommend() {
+      if (this.scoreDetail[0].sumScore == 0) {
+        this.$message.error("还未评审，不可推荐");
+        return;
+      }
+      let params = {
+        id: this.scoreDetail[0].id,
+        rec: 1,
+      };
+      this.ajax
+        .get(this.$store.state.api + "updateRaceRec", params)
+        .then((res) => {
+          this.$message({
+            message: "推荐成功",
+            type: "success",
+          });
+          this.dialogVisibleRecommend = false;
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    lookDetail(aid) {
+      window.open(
+        window.location.origin +
+          window.location.pathname +
+          "/#/anliDetail?aid=" +
+          aid
+      );
+    },
+  },
+  created() {
+    // this.getAnliList();
+    this.getAdmin();
+    // this.selectType();
+    this.getReviewerOrAdmin();
+    this.getAnliBox();
+  },
+};
+</script>
+
+<style scoped>
+.el-popover {
+  min-width: 80px;
+  text-align: center;
+}
+</style>
+
+<style scoped>
+.dialog_diy1 >>> .el-dialog__header,
+.dialog_diy >>> .el-dialog__header {
+  background: #3d67bd !important;
+  padding: 15px 20px;
+}
+.dialog_diy1 >>> .el-dialog__header {
+  text-align: center;
+}
+.dialog_diy1 >>> .el-dialog__title,
+.dialog_diy >>> .el-dialog__title {
+  color: #fff;
+}
+
+.dialog_diy1 >>> .el-dialog__headerbtn,
+.dialog_diy >>> .el-dialog__headerbtn {
+  top: 19px;
+}
+
+.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close,
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+}
+
+.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover,
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
+  color: #fff;
+}
+
+.dialog_diy1 >>> .el-dialog__body,
+.dialog_diy1 >>> .el-dialog__footer,
+.dialog_diy >>> .el-dialog__body,
+.dialog_diy >>> .el-dialog__footer {
+  background: #fafafa;
+}
+
+.disUoloadSty >>> .el-upload--picture-card {
+  display: none;
+  /* 上传按钮隐藏 */
+}
+
+.tou {
+  border-bottom: 1px solid #c9c9c9;
+  height: 50px;
+  font-size: 30px;
+}
+
+.touTop {
+  margin: 15px auto;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: space-between;
+  width: 95%;
+}
+
+.touLeft {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.touLeft > div:nth-child(1) {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.touLeft > div > div {
+  margin-right: 10px;
+}
+
+.touRight > div:nth-child(2) > .el-button {
+  background: #2268bd;
+  color: #fff;
+}
+
+.student_page {
+  width: 95%;
+  margin: 20px auto 0;
+}
+
+.anliBox {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  margin: 25px auto 0;
+  width: 95%;
+  height: 570px;
+}
+
+.anLi {
+  width: 280px;
+  margin: 0 20px 10px 0;
+  box-shadow: 3px 1px 15px 3px #f0f0f2;
+}
+
+.anliImg {
+  width: 100%;
+  height: 170px;
+}
+
+.anliImg > img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.anliBot {
+  background: #fff;
+  border: 1px solid #f5f5f5;
+  padding: 5px 0 10px 0;
+  box-sizing: border-box;
+}
+
+.detailBox {
+  padding: 0 0 0 10px;
+  box-sizing: border-box;
+}
+
+.detailBox > div:nth-child(1) {
+  font-size: 20px;
+  width: 250px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
+}
+
+.detailBox > div:nth-child(2) {
+  color: #999;
+  margin-top: 5px;
+  font-size: 14px;
+}
+
+.anliButton {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+  padding: 10px 0 0 0;
+}
+
+.anliButton > div {
+  margin-right: 5px;
+}
+
+.anliButton > div > .el-button {
+  background: #409efe;
+  color: #fff;
+  width: 80px;
+  border-radius: 5px;
+}
+
+.customWidth >>> .el-dialog {
+  min-width: 500px !important;
+}
+.customWidth1 >>> .el-dialog {
+  min-width: 800px !important;
+}
+
+.people {
+  border: 1px solid rgb(229 229 229);
+  height: 495px;
+  border-radius: 5px;
+  width: 100%;
+  overflow: auto;
+  background: #fff;
+  box-shadow: 0px 0px 10px 8px #ededed;
+}
+
+.people::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 6px;
+}
+
+/*定义滚动条轨道 内阴影+圆角*/
+.people::-webkit-scrollbar-track {
+  border-radius: 10px;
+  background-color: #eee;
+}
+
+/*定义滑块 内阴影+圆角*/
+.people::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.people_top {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  padding: 10px 25px 10px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #f4f4f7;
+}
+
+.people_top_right {
+  height: 40px;
+  margin-bottom: 10px;
+}
+
+.people_search {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.people_search > div:nth-child(1) {
+  font-size: 20px;
+  margin-right: 10px;
+}
+
+.t_j_box {
+  display: flex;
+}
+
+.t_j_box span:nth-child(1) {
+  width: 15%;
+  overflow: hidden;
+  margin-right: 10px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.t_j_box span:nth-child(2) {
+  width: 300px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-right: 10px;
+}
+
+.t_j_box span:nth-child(3) {
+  width: calc(55% - 20px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.people_name {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  padding: 15px 0 0 15px;
+}
+
+.people_name >>> .el-checkbox {
+  margin-bottom: 10px;
+}
+.all_choose > span {
+  margin-right: 10px;
+}
+.clear {
+  width: 70px;
+  height: 35px;
+  background: #2268bc;
+  color: #fff;
+  text-align: center;
+  border-radius: 5px;
+  line-height: 35px;
+  cursor: pointer;
+}
+.anliCss {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.anliCss > div:nth-child(1) {
+  margin-right: 10px;
+}
+.scoreBox {
+  background: #fff;
+}
+.scoreCss {
+  padding: 10px;
+}
+.scoreTitle {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.scoreTitle > div:nth-child(1) {
+  width: 50px;
+}
+.scoreTitle > div:nth-child(1) > img {
+  width: 100%;
+  height: 100%;
+}
+.scoreTitle > div:nth-child(2) {
+  margin-left: 15px;
+}
+.anliTitle,
+.anliBrief,
+.anliScore {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  padding: 10px 0 10px 0;
+  font-size: 18px;
+}
+.anliTitle > div:nth-child(2),
+.anliBrief > div:nth-child(2) {
+  font-size: 17px;
+  margin-left: 10px;
+  color: #b0b0b0;
+}
+.anliScore > div:nth-child(2) {
+  margin: -13px 0 0 20px;
+}
+.scoreDiv {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  padding: 10px 0;
+}
+.scoreDiv > div:nth-child(2) {
+  margin-left: 10px;
+}
+.scoreDiv > div:nth-child(2) >>> .el-input__inner {
+  border-radius: 15px;
+  background: #fafafa;
+  height: 30px;
+}
+.anliContent {
+  width: 80%;
+  margin: 0 auto;
+  border-top: 2px solid #ededed;
+  padding: 10px 0 0 0;
+}
+.tAreaCss {
+  resize: none;
+  width: 100%;
+  text-indent: 10px;
+  border: 1px solid #e6e6e8;
+  background: #fafafa;
+}
+.tAreaCss:focus-visible {
+  outline: none !important;
+}
+.addScore {
+  width: 75%;
+  margin: 10px auto;
+  background: #409efe;
+  color: #fff;
+  height: 35px;
+  text-align: center;
+  line-height: 35px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+.reTitle {
+  font-size: 18px;
+}
+.reTitle > div:nth-child(2) {
+  width: 60%;
+  border: 1px solid #dbdbdb;
+  font-size: 16px;
+  height: 35px;
+  line-height: 35px;
+  text-indent: 10px;
+  border-radius: 5px;
+  margin: 10px 0;
+}
+.reDetail,
+.reScore {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  padding: 10px 0 10px 0;
+  font-size: 18px;
+}
+.reDetail > div:nth-child(2) {
+  font-size: 17px;
+  margin-left: 10px;
+  color: #b0b0b0;
+  width: 650px;
+  max-height: 150px;
+  overflow: auto;
+}
+.reScore > div:nth-child(2) {
+  font-size: 35px;
+  margin-left: 20px;
+}
+.reScore > div:nth-child(2) > span {
+  color: #6188d5;
+}
+.reBottom {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: flex-end;
+}
+.reBottom > div:nth-child(2) {
+  border: 1px solid #d7d7d9;
+  width: 70px;
+  height: 35px;
+  text-align: center;
+  line-height: 35px;
+  border-radius: 5px;
+  margin: 0 10px 0 20px;
+  cursor: pointer;
+}
+.reBottom > div:nth-child(3) {
+  background: #409efe;
+  color: #fff;
+  height: 35px;
+  line-height: 35px;
+  width: 85px;
+  text-align: center;
+  border-radius: 5px;
+  cursor: pointer;
+}
+</style>

src/components/pages/disAdmin/school.vue

@@ -0,0 +1,539 @@
+<template>
+  <div class="pb_content">
+    <div class="pb_head">
+      <div>
+        <span>学校管理</span>
+      </div>
+    </div>
+    <div class="touTop">
+      <div class="touLeft">
+        <div>
+          <el-input v-model="suser" placeholder="请输入手机号或用户名">
+          </el-input>
+          <el-button @click="search">查询</el-button>
+        </div>
+      </div>
+      <div class="touRight">
+        <div></div>
+        <div>
+          <el-button @click="addUser">添加账号</el-button>
+        </div>
+      </div>
+    </div>
+    <div class="pb_content_body" style="margin: 0 auto">
+      <div class="student_table">
+        <el-table
+          ref="table"
+          :data="tableData"
+          border
+          :height="tableHeight"
+          :fit="true"
+          v-loading="isLoading"
+          style="width: 100%"
+          :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }"
+          :row-class-name="tableRowClassName"
+        >
+          <el-table-column label="姓名" min-width="10" align="center">
+            <template slot-scope="scope">
+              <div class="userImg">
+                <div>
+                  {{ scope.row.name }}
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="电话" min-width="10" align="center">
+            <template slot-scope="scope">
+              <div>{{ scope.row.phone ? scope.row.phone : "-" }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="level"
+            label="权限等级"
+            min-width="10"
+            align="center"
+            ><template slot-scope="scope">
+              <div>{{ scope.row.schoolName }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" min-width="20">
+            <template slot-scope="scope">
+              <div class="tableButton">
+                <el-button @click="upUser(scope.row)">修改</el-button>
+                <el-button @click="deUser(scope.row.userid)">删除</el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="student_page">
+        <el-pagination
+          background
+          layout="prev, pager, next"
+          :page-size="10"
+          :total="total"
+          v-if="page"
+          @current-change="handleCurrentChange"
+        ></el-pagination>
+      </div>
+    </div>
+    <el-dialog
+      title="添加管理员"
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      width="500px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <el-form class="inputClass">
+        <el-form-item label="名称" :label-width="formLabelWidth">
+          <span>
+            <el-input
+              placeholder="请输入名称"
+              clearable
+              v-model="sName"
+              class="add_input"
+            ></el-input>
+          </span>
+        </el-form-item>
+        <el-form-item label="手机号" :label-width="formLabelWidth">
+          <span>
+            <el-input
+              placeholder="请输入手机号"
+              clearable
+              v-model="sPhone"
+              class="add_input"
+            ></el-input>
+          </span>
+        </el-form-item>
+        <el-form-item label="学校选择" :label-width="formLabelWidth">
+          <el-select v-model="sSchool" filterable clearable @clear="clearSchoolList" :allow-create="false"
+                @focus="remoteMethodclick" remote placeholder="请输入学校" :remote-method="remoteMethod" :loading="loading"
+                no-data-text="暂未查询到此学校">
+                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+        </el-form-item>
+        <div style="text-align: center; color: #adb3b7">
+          注：添加账号账号密码为123456
+        </div>
+      </el-form>
+      <span slot="footer" class="dialog-footer flex">
+        <el-button class="left" @click="dialogVisible = false">取消</el-button>
+        <el-button class="right" @click="addRaceUser" v-if="isAddOrUp == false"
+          >确认</el-button
+        >
+        <el-button
+          class="right"
+          @click="updateRaceUser"
+          v-if="isAddOrUp == true"
+          >修改</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      suser: "",
+      tableData: [],
+      tableHeight: "500px",
+      isLoading: false,
+      formLabelWidth: "100px",
+      page: 1,
+      total: 0,
+      dialogVisible: false,
+      isAddOrUp: false,
+      sName: "",
+      sPhone: "",
+      sType: "",
+      upId: "",
+      sSchool: "",
+      checkboxList: [],
+      checkboxIdList: [],
+      schoolList: [],
+      isIndeterminate: false,
+      checkAll: false,
+      options: [],
+      list: [],
+      loading: false,
+    };
+  },
+  mounted() {
+    this.$nextTick(function () {
+      this.tableHeight =
+        window.innerHeight - this.$refs.table.$el.offsetTop - 200;
+      if (this.tableHeight <= 530) {
+        this.tableHeight = 530;
+      }
+      // 监听窗口大小变化
+      let self = this;
+      window.onresize = function () {
+        self.tableHeight =
+          window.innerHeight - self.$refs.table.$el.offsetTop - 200;
+        if (self.tableHeight <= 530) {
+          self.tableHeight = 530;
+        }
+      };
+    });
+  },
+  methods: {
+    tableRowClassName({ row, rowIndex }) {
+      if ((rowIndex + 1) % 2 === 0) {
+        return "even_row";
+      } else {
+        return "";
+      }
+    },
+    remoteMethodclick() {
+      if (!this.options.length) {
+        var _option = []
+        for (var i = 0; i < 10; i++) {
+          var _a = this.randomNum(0, 10);
+          _option.push(this.list[_a])
+        }
+        this.options = _option
+      }
+    },
+    remoteMethod(query) {
+      if (query !== "") {
+        this.loading = true;
+        setTimeout(() => {
+          this.loading = false;
+          this.options = this.list.filter((item) => {
+            return item.label.toLowerCase().indexOf(query.toLowerCase()) > -1;
+          });
+        }, 200);
+      } else {
+        // this.options = [];
+        var _option = []
+        for (var i = 0; i < 10; i++) {
+          var _a = this.randomNum(0, 10);
+          _option.push(this.list[_a])
+        }
+        this.options = _option
+      }
+    },
+    handleClose(done) {
+      done();
+    },
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getAdmin();
+    },
+    clearSchoolList() {
+      this.sSchool = ""
+    },
+    search() {
+      this.page = 1;
+      this.getAdmin();
+    },
+    addUser() {
+      this.sName = "";
+      this.sPhone = "";
+      this.sSchool = "";
+      this.isAddOrUp = false;
+      this.dialogVisible = true;
+    },
+    addRaceUser() {
+      if (this.sName == "") {
+        this.$message.error("请输入名称");
+        return;
+      } else if (this.sPhone == "") {
+        this.$message.error("请输入手机号");
+        return;
+      } else if (
+        this.sId != "" &&
+        !/^[1][3,4,5,7,8][0-9]{9}$/.test(this.sPhone)
+      ) {
+        this.$message.error("手机号格式不正确");
+        return;
+      } else if (this.sSchool == "") {
+        this.$message.error("请选择学校");
+        return;
+      }
+      this.isloading = true;
+      let params = [
+        {
+          reg: "",
+          res: "",
+          sch: this.sSchool,
+          n: this.sName,
+          p: this.sPhone,
+          t: 6,
+          parent: this.$store.state.userInfo.userid,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addRaceUser", params)
+        .then((res) => {
+          this.$message({
+            message: "创建成功",
+            type: "success",
+          });
+          this.isloading = false;
+          this.sName = "";
+          this.sPhone = "";
+          this.sType = "";
+          this.dialogVisible = false;
+          this.getAdmin();
+        })
+        .catch((err) => {
+          this.isloading = false;
+          this.$message.error("创建失败");
+          console.error(err);
+        });
+    },
+    upUser(r) {
+      this.sName = r.name;
+      this.sPhone = r.phone;
+      this.sSchool = r.schoolName;
+      this.upId = r.userid;
+      this.isAddOrUp = true;
+      this.dialogVisible = true;
+    },
+    updateRaceUser() {
+      let params = {
+        n: this.sName,
+        p: this.sPhone,
+        t: 6,
+        s:this.sSchool,
+        uid: this.upId,
+      };
+      this.ajax
+        .get(this.$store.state.api + "updateReviewer", params)
+        .then((res) => {
+          this.$message({
+            message: "修改成功",
+            type: "success",
+          });
+          this.sName = "";
+          this.sPhone = "";
+          this.sType = "";
+          this.upId = "";
+          this.isAddOrUp = false;
+          this.dialogVisible = false;
+          this.getAdmin();
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    deUser(id) {
+      let params = {
+        uid: id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "deleteReviewer", params)
+        .then((res) => {
+          this.$message({
+            message: "删除成功",
+            type: "success",
+          });
+          this.dialogVisible = false;
+          this.getAdmin();
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getAdmin() {
+      let params = {
+        uid: this.$store.state.userInfo.userid,
+        cn: this.suser,
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectReviewer", params)
+        .then((res) => {
+          this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+          this.tableData = res.data[0];
+          this.reviewerBox = res.data[0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getSchool() {
+      this.isloading = true;
+      let params = {
+        n: "",
+      };
+      this.ajax
+        .get(this.$store.state.api + "getSchool", params)
+        .then((res) => {
+          this.schoolList = res.data[0];
+          this.list = this.schoolList.map((item) => {
+            return { value: item.id, label: item.name };
+          });
+          var _option = []
+          for (var i = 0; i < 10; i++) {
+            var _a = this.randomNum(0, this.list.length);
+            _option.push(this.list[_a])
+          }
+          this.options = _option
+          this.isloading = false;
+        })
+        .catch((err) => {
+          this.isloading = false;
+          console.error(err);
+        });
+    },
+  },
+  created() {
+    this.getAdmin();
+    this.getSchool();
+  },
+};
+</script>
+
+<style scoped>
+.dialog_diy >>> .el-dialog__header,
+.dialog_diy1 >>> .el-dialog__header {
+  background: #3d67bd !important;
+  padding: 15px 20px;
+}
+.dialog_diy1 >>> .el-dialog__header {
+  text-align: center;
+}
+.dialog_diy >>> .el-dialog__title,
+.dialog_diy1 >>> .el-dialog__title {
+  color: #fff;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn,
+.dialog_diy1 >>> .el-dialog__headerbtn {
+  top: 19px;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close,
+.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover,
+.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover {
+  color: #fff;
+}
+
+.dialog_diy >>> .el-dialog__body,
+.dialog_diy >>> .el-dialog__footer,
+.dialog_diy1 >>> .el-dialog__body,
+.dialog_diy1 >>> .el-dialog__footer {
+  background: #fafafa;
+}
+/* .inputClass.is-active >>> .el-input__inner,
+.inputClass >>> .el-input__inner:focus {
+  border-color: #5c549f;
+}
+
+.inputClass >>> .el-select .el-input.is-focus .el-input__inner {
+  border-color: #5c549f;
+}
+.inputClass >>> .el-select .el-input__inner:focus {
+  border-color: #5c549f;
+} */
+.left {
+  background: #fff !important;
+  color: #000 !important;
+}
+.right,
+.left {
+  width: 80px;
+  color: #fff;
+  background: #409efe;
+  margin-bottom: 20px;
+}
+.touTop {
+  margin: 15px auto;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: space-between;
+  width: 95%;
+}
+
+.touLeft {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.touLeft > div {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.touLeft > div > .el-button {
+  background: #2268bd;
+  color: #fff;
+  margin-left: 10px;
+}
+
+.touRight > div:nth-child(2) > .el-button {
+  background: #2268bd;
+  color: #fff;
+}
+.student_table >>> .el-table--border td {
+  border-right: 0px !important;
+}
+.student_table >>> .el-table,
+.student_table >>> .el-table__body-wrapper {
+  height: auto !important;
+}
+.student_page {
+  margin-top: 10px;
+}
+.tableButton {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.tableButton > .el-button {
+  background: #409efe;
+  color: #fff;
+  cursor: pointer;
+}
+.customWidth >>> .el-dialog {
+  min-width: 500px !important;
+}
+.t_j_box {
+  display: flex;
+}
+.t_j_box span:nth-child(1) {
+  width: 15%;
+  overflow: hidden;
+  margin-right: 10px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.t_j_box span:nth-child(2) {
+  width: 300px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-right: 10px;
+}
+.t_j_box span:nth-child(3) {
+  width: calc(55% - 20px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.people_name {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  padding: 15px 0 0 15px;
+}
+.people_name >>> .el-checkbox {
+  margin-bottom: 10px;
+}
+</style>

src/components/pages/disAdmin/score.vue

@@ -0,0 +1,1081 @@
+<template>
+  <div class="pb_content">
+    <div class="pb_head">
+      <div>
+        <span>评分管理</span>
+      </div>
+    </div>
+    <div class="touTop">
+      <div class="touLeft">
+        <!-- <div>
+          <div>案例分类</div>
+          <el-select v-model="anliType" clearable>
+            <el-option value="0" label="所有分类"></el-option>
+          </el-select>
+        </div> -->
+        <div>
+          <div
+            class="all_choose"
+            v-for="(item, index) in CourseType[0]"
+            :key="index"
+          >
+            <span>{{ item.name }}</span>
+            <el-select
+              v-model="courseTypeId[item.id]"
+              placeholder="请选择"
+              @change="search"
+            >
+              <el-option label="全部" value="1">全部</el-option>
+              <el-option
+                v-for="item1 in CourseTypeJson[item.id]"
+                :key="item1.id"
+                :label="item1.name"
+                :value="item1.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="anliCss">
+            <div>案例筛选</div>
+            <el-select v-model="anliBox" clearable @change="search">
+              <el-option value="" label="全部"></el-option>
+              <el-option value="1" label="经典案例"></el-option>
+              <el-option value="0" label="平台案例"></el-option>
+            </el-select>
+          </div>
+        </div>
+        <div @click="clear" class="clear">重置</div>
+      </div>
+    </div>
+    <div class="pb_content_body" style="margin: 0 auto">
+      <div class="student_table">
+        <el-table
+          ref="table"
+          :data="tableData"
+          border
+          :height="tableHeight"
+          :fit="true"
+          v-loading="isLoading"
+          style="width: 100%"
+          :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }"
+          :row-class-name="tableRowClassName"
+        >
+          <el-table-column label="创建人" min-width="10" align="center">
+            <template slot-scope="scope">
+              <div class="userImg">
+                <div>
+                  {{ scope.row.uname }}
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="项目案例" min-width="10" align="center">
+            <template slot-scope="scope">
+              <div>
+                {{ scope.row.info.title ? scope.row.info.title : "暂无名称" }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="评委" min-width="10" align="center">
+            <template slot-scope="scope">
+              <div>{{ scope.row.scoreName ? scope.row.scoreName : "-" }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column label="评分结果" min-width="10" align="center">
+            <template slot-scope="scope">
+              <div>{{ scope.row.sum ? scope.row.sum : "-" }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column label="省级评奖" min-width="10" align="center">
+            <template slot-scope="scope">
+              <div>
+                {{
+                  scope.row.award == 1
+                    ? "特等奖"
+                    : scope.row.award == 2
+                    ? "一等奖"
+                    : scope.row.award == 3
+                    ? "二等奖"
+                    : scope.row.award == 4
+                    ? "三等奖"
+                    : scope.row.award == 5
+                    ? "四等奖"
+                    : "-"
+                }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="时间" min-width="10" align="center">
+            <template slot-scope="scope">
+              <div>{{ scope.row.scoreTime ? scope.row.scoreTime : "-" }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" min-width="20">
+            <template slot-scope="scope">
+              <div class="tableButton">
+                <div @click="lookDetail(scope.row.id)">案例详情</div>
+                <div @click="openScore(scope.row, 1)">评分修改</div>
+                <div @click="openScore(scope.row, 2)">推荐</div>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="student_page">
+        <el-pagination
+          background
+          layout="prev, pager, next"
+          :page-size="10"
+          :total="total"
+          v-if="page && tableData.length"
+          style="padding-bottom: 20px"
+          @current-change="handleCurrentChange"
+        >
+        </el-pagination>
+      </div>
+    </div>
+    <el-dialog
+      title="评分"
+      :visible.sync="dialogVisibleScore"
+      :append-to-body="true"
+      width="25%"
+      height="80%"
+      :before-close="handleClose"
+      class="dialog_diy customWidth1"
+    >
+      <div class="scoreBox" v-for="(s, sIndex) in scoreDetail" :key="sIndex">
+        <div class="scoreCss">
+          <div class="scoreTitle">
+            <div><img src="../../../assets/avatar.png" alt="" /></div>
+            <div>{{ s.uname }}</div>
+          </div>
+          <div class="anliTitle">
+            <div>案例名称</div>
+            <div>{{ s.title }}</div>
+          </div>
+          <div class="anliBrief">
+            <div>案例简介</div>
+            <div style="width: 650px; height: 150px; overflow: auto">
+              {{ s.detail }}
+            </div>
+          </div>
+          <div class="anliScore">
+            <div>请选择评分</div>
+            <div>
+              <div class="scoreDiv">
+                <div>评审维度1</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.first"
+                    @change="isNumber($event, 1)"
+                  ></el-input>
+                </div>
+              </div>
+              <div class="scoreDiv">
+                <div>评审维度2</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.second"
+                    @change="isNumber($event, 2)"
+                  ></el-input>
+                </div>
+              </div>
+              <div class="scoreDiv">
+                <div>评审维度3</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.third"
+                    @change="isNumber($event, 3)"
+                  ></el-input>
+                </div>
+              </div>
+              <div class="scoreDiv">
+                <div>评审维度4</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.fourth"
+                    @change="isNumber($event, 4)"
+                  ></el-input>
+                </div>
+              </div>
+              <div class="scoreDiv">
+                <div>评审维度5</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.fivth"
+                    @change="isNumber($event, 5)"
+                  ></el-input>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="anliContent">
+            <textarea
+              :rows="5"
+              class="tAreaCss"
+              placeholder="还有要说的吗..."
+              v-model="s.scoreAll.content"
+            ></textarea>
+          </div>
+          <div class="addScore" @click="addScore">进行评分</div>
+        </div>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="推荐省级评奖"
+      :visible.sync="dialogVisibleRecommend"
+      :append-to-body="true"
+      width="25%"
+      height="80%"
+      :before-close="handleClose"
+      class="dialog_diy customWidth1"
+    >
+      <div v-for="(r, rIndex) in scoreDetail" :key="rIndex">
+        <div class="reTitle">
+          <div>案例名称</div>
+          <div>{{ r.title }}</div>
+        </div>
+        <div class="reDetail">
+          <div>案例简介</div>
+          <div>{{ r.detail }}</div>
+        </div>
+        <div class="reScore">
+          <div>当前得分</div>
+          <div>
+            <span>{{ r.sumScore }}</span
+            >分
+          </div>
+        </div>
+        <div class="reBottom">
+          <div>提示:点击确定提交，即可推送到市级进行评奖</div>
+          <div @click="dialogVisibleRecommend = false">取消</div>
+          <div @click="addRecommend">确定提交</div>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      page: 1,
+      total: 0,
+      // anliType: "",
+      tableHeight: "500px",
+      isLoading: false,
+      CourseType: [],
+      CourseTypeJson: {},
+      courseTypeId: {},
+      courseTypeSon: [],
+      anliBox: "",
+      tableData: [],
+      reviewer: "",
+      reviewerBox: [],
+      checkboxList: [],
+      checkboxIdList: [],
+      isIndeterminate: false,
+      checkAll: false,
+      dialogVisibleScore: false,
+      dialogVisibleRecommend: false,
+      scoreDetail: [
+        {
+          id: "",
+          uname: "",
+          title: "",
+          detail: "",
+          scoreAll: {
+            first: "",
+            second: "",
+            third: "",
+            fourth: "",
+            fivth: "",
+            content: "",
+          },
+          sumScore: 0,
+        },
+      ],
+    };
+  },
+  mounted() {
+    this.$nextTick(function () {
+      this.tableHeight =
+        window.innerHeight - this.$refs.table.$el.offsetTop - 200;
+      if (this.tableHeight <= 530) {
+        this.tableHeight = 530;
+      }
+      // 监听窗口大小变化
+      let self = this;
+      window.onresize = function () {
+        self.tableHeight =
+          window.innerHeight - self.$refs.table.$el.offsetTop - 200;
+        if (self.tableHeight <= 530) {
+          self.tableHeight = 530;
+        }
+      };
+    });
+  },
+  methods: {
+    tableRowClassName({ row, rowIndex }) {
+      if ((rowIndex + 1) % 2 === 0) {
+        return "even_row";
+      } else {
+        return "";
+      }
+    },
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getAnliList();
+    },
+    search() {
+      this.page = 1;
+      this.getAnliList();
+    },
+    goTo(path) {
+      this.$router.push(path);
+    },
+    isNumber(e, t) {
+      if (e < 0) {
+        this.$message.error("请输入大于0的数值");
+        if (t == 1) {
+          this.scoreDetail[0].scoreAll.first = "";
+        } else if (t == 2) {
+          this.scoreDetail[0].scoreAll.second = "";
+        } else if (t == 3) {
+          this.scoreDetail[0].scoreAll.third = "";
+        } else if (t == 4) {
+          this.scoreDetail[0].scoreAll.fourth = "";
+        } else {
+          this.scoreDetail[0].scoreAll.fivth = "";
+        }
+        return;
+      } else if (e > 100) {
+        this.$message.error("数值不能大于100");
+        if (t == 1) {
+          this.scoreDetail[0].scoreAll.first = "";
+        } else if (t == 2) {
+          this.scoreDetail[0].scoreAll.second = "";
+        } else if (t == 3) {
+          this.scoreDetail[0].scoreAll.third = "";
+        } else if (t == 4) {
+          this.scoreDetail[0].scoreAll.fourth = "";
+        } else {
+          this.scoreDetail[0].scoreAll.fivth = "";
+        }
+        return;
+      }
+      let value = e.replace(/[^d]/g, ""); // 只能输入数字
+      value = value.replace(/^0+(d)/, "$1"); // 第一位0开头，0后面为数字，则过滤掉，取后面的数字
+      value = value.replace(/(d{15})d*/, "$1"); // 最多保留15位整数
+      // this.height = value;
+    },
+    handleClose(done) {
+      done();
+    },
+    clear() {
+      for (var i = 0; i < this.CourseType[0].length; i++) {
+        this.courseTypeId[this.CourseType[0][i].id] = "";
+      }
+      this.anliBox = "";
+      this.getAnliList();
+    },
+    getAnliList(rc) {
+      var typeE = [];
+      var typea, typeb, typec, typed;
+      this.tableData = [];
+      for (var i = 0; i < this.CourseType[0].length; i++) {
+        if (this.courseTypeId[this.CourseType[0][i].id] == "1") {
+          typeE.push(this.CourseType[0][i].id);
+        } else if (this.courseTypeId[this.CourseType[0][i].id] != "") {
+          if (this.CourseType[0][i].name == "案例组别") {
+            typea = this.courseTypeId[this.CourseType[0][i].id];
+          } else if (this.CourseType[0][i].name == "年级") {
+            typeb = this.courseTypeId[this.CourseType[0][i].id];
+          } else if (this.CourseType[0][i].name == "学科") {
+            typec = this.courseTypeId[this.CourseType[0][i].id];
+          }
+          this.courseTypeSon.push(this.courseTypeId[this.CourseType[0][i].id]);
+        }
+      }
+      let params = {
+        typea: typea != undefined ? typea : "",
+        typeb: typeb != undefined ? typeb : "",
+        typec: typec != undefined ? typec : "",
+        typed: typed != undefined ? typed : "",
+        typeE: typeE.join(","),
+        cn: this.anliBox == "" ? 0 : this.anliBox,
+        cid: rc ? rc : "",
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectPoint", params)
+        .then((res) => {
+          this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+          this.tableData = res.data[0];
+          for (var i = 0; i < this.tableData.length; i++) {
+            this.tableData[i].info = JSON.parse(this.tableData[i].info);
+            this.tableData[i].overview = JSON.parse(this.tableData[i].overview);
+            this.tableData[i].process = JSON.parse(this.tableData[i].process);
+            this.tableData[i].proact = JSON.parse(this.tableData[i].proact);
+            this.tableData[i].proexc = JSON.parse(this.tableData[i].proexc);
+            this.tableData[i].results = JSON.parse(this.tableData[i].results);
+            if (this.tableData[i].score != null) {
+              var point = JSON.parse(this.tableData[i].score);
+              var a = parseInt(point.first);
+              var b = parseInt(point.second);
+              var c = parseInt(point.third);
+              var d = parseInt(point.fourth);
+              var e = parseInt(point.fivth);
+              var sumScore = Math.round((a + b + c + d + e) / 5);
+              this.tableData[i].sum = sumScore;
+            }
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    selectType(rc) {
+      this.ajax
+        .get(this.$store.state.api + "selectMatType")
+        .then((res) => {
+          this.CourseType = res.data;
+          for (var i = 0; i < res.data[0].length; i++) {
+            for (var j = 0; j < res.data[1].length; j++) {
+              if (res.data[0][i].id == res.data[1][j].pid) {
+                if (!this.CourseTypeJson[res.data[0][i].id]) {
+                  this.CourseTypeJson[res.data[0][i].id] = [];
+                }
+                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
+              }
+            }
+          }
+          this.getAnliList(rc);
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getAdmin() {
+      let params = {
+        uid: this.$store.state.userInfo.userid,
+        cn: "",
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectReviewer", params)
+        .then((res) => {
+          this.reviewerBox = res.data[0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getReviewerOrAdmin() {
+      if (this.$store.state.userInfo.type == 4) {
+        this.getUser();
+      } else {
+        this.selectType();
+      }
+    },
+    getUser() {
+      let params = {
+        uid: this.$store.state.userInfo.userid,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectCaseUser", params)
+        .then((res) => {
+          if (res.data[0].length > 0) {
+            var reCid = res.data[0][0].aBox;
+            this.selectType(reCid);
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    openScore(a, t) {
+      this.scoreDetail[0].id = a.id;
+      this.scoreDetail[0].title = a.info.title;
+      this.scoreDetail[0].detail = a.info.courseText;
+      this.scoreDetail[0].uname = a.uname;
+      this.getScore(a.id, t);
+    },
+    getScore(id, t) {
+      let params = {
+        rid: id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectScore", params)
+        .then((res) => {
+          if (res.data[0].length > 0) {
+            this.scoreDetail[0].scoreAll = JSON.parse(res.data[0][0].score);
+            var a = parseInt(this.scoreDetail[0].scoreAll.first);
+            var b = parseInt(this.scoreDetail[0].scoreAll.second);
+            var c = parseInt(this.scoreDetail[0].scoreAll.third);
+            var d = parseInt(this.scoreDetail[0].scoreAll.fourth);
+            var e = parseInt(this.scoreDetail[0].scoreAll.fivth);
+            this.scoreDetail[0].sumScore = Math.round((a + b + c + d + e) / 5);
+          } else {
+            this.scoreDetail[0].scoreAll = {
+              first: "",
+              second: "",
+              third: "",
+              fourth: "",
+              fivth: "",
+              content: "",
+            };
+            this.scoreDetail[0].sumScore = 0;
+          }
+          if (t == 1) {
+            this.dialogVisibleScore = true;
+          } else {
+            this.dialogVisibleRecommend = true;
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    addScore() {
+      if (this.scoreDetail[0].scoreAll.first == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.second == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.third == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.fourth == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.fivth == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.content == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      }
+      let params = {
+        rid: this.scoreDetail[0].id,
+        suser: this.$store.state.userInfo.userid,
+        s: JSON.stringify(this.scoreDetail[0].scoreAll),
+      };
+      this.ajax
+        .get(this.$store.state.api + "addScore", params)
+        .then((res) => {
+          this.$message({
+            message: "评分成功",
+            type: "success",
+          });
+          this.scoreDetail = [
+            {
+              id: "",
+              uname: "",
+              title: "",
+              detail: "",
+              scoreAll: {
+                first: "",
+                second: "",
+                third: "",
+                fourth: "",
+                fivth: "",
+                content: "",
+              },
+              sumScore: 0,
+            },
+          ];
+          this.dialogVisibleScore = false;
+          this.getReviewerOrAdmin();
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    addRecommend() {
+      if (this.scoreDetail[0].sumScore == 0) {
+        this.$message.error("还未评审，不可推荐");
+        return;
+      }
+      let params = {
+        id: this.scoreDetail[0].id,
+        rec: 2,
+      };
+      this.ajax
+        .get(this.$store.state.api + "updateRaceRec", params)
+        .then((res) => {
+          this.$message({
+            message: "推荐成功",
+            type: "success",
+          });
+          this.dialogVisibleRecommend = false;
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    lookDetail(aid) {
+      window.open(window.origin + "/#/anliDetail?aid=" + aid);
+    },
+  },
+  created() {
+    // this.getAnliList();
+    this.getAdmin();
+    // this.selectType();
+    this.getReviewerOrAdmin();
+  },
+};
+</script>
+
+<style scoped>
+.el-popover {
+  min-width: 80px;
+  text-align: center;
+}
+</style>
+
+<style scoped>
+.dialog_diy1 >>> .el-dialog__header,
+.dialog_diy >>> .el-dialog__header {
+  background: #3d67bd !important;
+  padding: 15px 20px;
+}
+.dialog_diy1 >>> .el-dialog__header {
+  text-align: center;
+}
+.dialog_diy1 >>> .el-dialog__title,
+.dialog_diy >>> .el-dialog__title {
+  color: #fff;
+}
+
+.dialog_diy1 >>> .el-dialog__headerbtn,
+.dialog_diy >>> .el-dialog__headerbtn {
+  top: 19px;
+}
+
+.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close,
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+}
+
+.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover,
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
+  color: #fff;
+}
+
+.dialog_diy1 >>> .el-dialog__body,
+.dialog_diy1 >>> .el-dialog__footer,
+.dialog_diy >>> .el-dialog__body,
+.dialog_diy >>> .el-dialog__footer {
+  background: #fafafa;
+}
+
+.disUoloadSty >>> .el-upload--picture-card {
+  display: none;
+  /* 上传按钮隐藏 */
+}
+
+.tou {
+  border-bottom: 1px solid #c9c9c9;
+  height: 50px;
+  font-size: 30px;
+}
+
+.touTop {
+  margin: 15px auto;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: space-between;
+  width: 95%;
+}
+
+.touLeft {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.touLeft > div:nth-child(1) {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.touLeft > div > div {
+  margin-right: 10px;
+}
+
+.touRight > div:nth-child(2) > .el-button {
+  background: #2268bd;
+  color: #fff;
+}
+
+.student_page {
+  width: 95%;
+  margin: 20px auto 0;
+}
+
+.anliBox {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  margin: 25px auto 0;
+  width: 95%;
+  height: 570px;
+}
+
+.anLi {
+  width: 280px;
+  margin: 0 20px 10px 0;
+  box-shadow: 3px 1px 15px 3px #f0f0f2;
+}
+
+.anliImg {
+  width: 100%;
+  height: 170px;
+}
+
+.anliImg > img {
+  width: 100%;
+  height: 100%;
+}
+
+.anliBot {
+  background: #fff;
+  border: 1px solid #f5f5f5;
+  padding: 5px 0 10px 0;
+  box-sizing: border-box;
+}
+
+.detailBox {
+  padding: 0 0 0 10px;
+  box-sizing: border-box;
+}
+
+.detailBox > div:nth-child(1) {
+  font-size: 20px;
+  width: 250px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
+}
+
+.detailBox > div:nth-child(2) {
+  color: #999;
+  margin-top: 5px;
+  font-size: 14px;
+}
+
+.anliButton {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+  padding: 10px 0 0 0;
+}
+
+.anliButton > div {
+  margin-right: 5px;
+}
+
+.anliButton > div > .el-button {
+  background: #409efe;
+  color: #fff;
+  width: 80px;
+  border-radius: 5px;
+}
+
+.customWidth >>> .el-dialog {
+  min-width: 500px !important;
+}
+.customWidth1 >>> .el-dialog {
+  min-width: 800px !important;
+}
+
+.people {
+  border: 1px solid rgb(229 229 229);
+  height: 495px;
+  border-radius: 5px;
+  width: 100%;
+  overflow: auto;
+  background: #fff;
+  box-shadow: 0px 0px 10px 8px #ededed;
+}
+
+.people::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 6px;
+}
+
+/*定义滚动条轨道 内阴影+圆角*/
+.people::-webkit-scrollbar-track {
+  border-radius: 10px;
+  background-color: #eee;
+}
+
+/*定义滑块 内阴影+圆角*/
+.people::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.people_top {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  padding: 10px 25px 10px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #f4f4f7;
+}
+
+.people_top_right {
+  height: 40px;
+  margin-bottom: 10px;
+}
+
+.people_search {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.people_search > div:nth-child(1) {
+  font-size: 20px;
+  margin-right: 10px;
+}
+
+.t_j_box {
+  display: flex;
+}
+
+.t_j_box span:nth-child(1) {
+  width: 15%;
+  overflow: hidden;
+  margin-right: 10px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.t_j_box span:nth-child(2) {
+  width: 300px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-right: 10px;
+}
+
+.t_j_box span:nth-child(3) {
+  width: calc(55% - 20px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.people_name {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  padding: 15px 0 0 15px;
+}
+
+.people_name >>> .el-checkbox {
+  margin-bottom: 10px;
+}
+.all_choose > span {
+  margin-right: 10px;
+}
+.clear {
+  width: 70px;
+  height: 35px;
+  background: #2268bc;
+  color: #fff;
+  text-align: center;
+  border-radius: 5px;
+  line-height: 35px;
+  cursor: pointer;
+}
+.anliCss {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.anliCss > div:nth-child(1) {
+  margin-right: 10px;
+}
+.scoreBox {
+  background: #fff;
+}
+.scoreCss {
+  padding: 10px;
+}
+.scoreTitle {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.scoreTitle > div:nth-child(1) {
+  width: 50px;
+}
+.scoreTitle > div:nth-child(1) > img {
+  width: 100%;
+  height: 100%;
+}
+.scoreTitle > div:nth-child(2) {
+  margin-left: 15px;
+}
+.anliTitle,
+.anliBrief,
+.anliScore {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  padding: 10px 0 10px 0;
+  font-size: 18px;
+}
+.anliTitle > div:nth-child(2),
+.anliBrief > div:nth-child(2) {
+  font-size: 17px;
+  margin-left: 10px;
+  color: #b0b0b0;
+}
+.anliScore > div:nth-child(2) {
+  margin: -13px 0 0 20px;
+}
+.scoreDiv {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  padding: 10px 0;
+}
+.scoreDiv > div:nth-child(2) {
+  margin-left: 10px;
+}
+.scoreDiv > div:nth-child(2) >>> .el-input__inner {
+  border-radius: 15px;
+  background: #fafafa;
+  height: 30px;
+}
+.anliContent {
+  width: 80%;
+  margin: 0 auto;
+  border-top: 2px solid #ededed;
+  padding: 10px 0 0 0;
+}
+.tAreaCss {
+  resize: none;
+  width: 100%;
+  text-indent: 10px;
+  border: 1px solid #e6e6e8;
+  background: #fafafa;
+}
+.tAreaCss:focus-visible {
+  outline: none !important;
+}
+.addScore {
+  width: 75%;
+  margin: 10px auto;
+  background: #409efe;
+  color: #fff;
+  height: 35px;
+  text-align: center;
+  line-height: 35px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+.reTitle {
+  font-size: 18px;
+}
+.reTitle > div:nth-child(2) {
+  width: 60%;
+  border: 1px solid #dbdbdb;
+  font-size: 16px;
+  height: 35px;
+  line-height: 35px;
+  text-indent: 10px;
+  border-radius: 5px;
+  margin: 10px 0;
+}
+.reDetail,
+.reScore {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  padding: 10px 0 10px 0;
+  font-size: 18px;
+}
+.reDetail > div:nth-child(2) {
+  font-size: 17px;
+  margin-left: 10px;
+  color: #b0b0b0;
+  width: 650px;
+  height: 150px;
+  overflow: auto;
+}
+.reScore > div:nth-child(2) {
+  font-size: 35px;
+  margin-left: 20px;
+}
+.reScore > div:nth-child(2) > span {
+  color: #6188d5;
+}
+.reBottom {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: flex-end;
+}
+.reBottom > div:nth-child(2) {
+  border: 1px solid #d7d7d9;
+  width: 70px;
+  height: 35px;
+  text-align: center;
+  line-height: 35px;
+  border-radius: 5px;
+  margin: 0 10px 0 20px;
+  cursor: pointer;
+}
+.reBottom > div:nth-child(3) {
+  background: #409efe;
+  color: #fff;
+  height: 35px;
+  line-height: 35px;
+  width: 85px;
+  text-align: center;
+  border-radius: 5px;
+  cursor: pointer;
+}
+.tableButton {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  color: #43A0F5;
+}
+.tableButton>div{
+  margin-right: 10px;
+  cursor: pointer;
+}
+</style>

src/components/pages/disAdmin/user.vue

@@ -0,0 +1,670 @@
+<template>
+  <div class="pb_content">
+    <div class="pb_head">
+      <div>
+        <span>账号管理</span>
+      </div>
+    </div>
+    <div class="touTop">
+      <div class="touLeft">
+        <div>
+          <el-input v-model="suser" placeholder="请输入手机号或用户名">
+          </el-input>
+          <el-button @click="search">查询</el-button>
+        </div>
+      </div>
+      <div class="touRight">
+        <div></div>
+        <div>
+          <el-button @click="addUser">添加账号</el-button>
+        </div>
+      </div>
+    </div>
+    <div class="pb_content_body" style="margin: 0 auto">
+      <div class="student_table">
+        <el-table
+          ref="table"
+          :data="tableData"
+          border
+          :height="tableHeight"
+          :fit="true"
+          v-loading="isLoading"
+          style="width: 100%"
+          :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }"
+          :row-class-name="tableRowClassName"
+        >
+          <el-table-column label="姓名" min-width="10" align="center">
+            <template slot-scope="scope">
+              <div class="userImg">
+                <div>
+                  {{ scope.row.name }}
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="电话" min-width="10" align="center">
+            <template slot-scope="scope">
+              <div>{{ scope.row.phone ? scope.row.phone : "-" }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="level"
+            label="权限等级"
+            min-width="10"
+            align="center"
+            ><template slot-scope="scope">
+              <div>
+                {{
+                  scope.row.type == 6
+                    ? "县区子评审员"
+                    : scope.row.type == 5
+                    ? "区县评委"
+                    : "暂无"
+                }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" min-width="20">
+            <template slot-scope="scope">
+              <div class="tableButton">
+                <el-button @click="assCase(scope.row.userid)"
+                  >分配案例</el-button
+                >
+                <el-button @click="upUser(scope.row)">修改</el-button>
+                <el-button @click="deUser(scope.row.userid)">删除</el-button>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="student_page">
+        <el-pagination
+          background
+          layout="prev, pager, next"
+          :page-size="10"
+          :total="total"
+          v-if="page"
+          @current-change="handleCurrentChange"
+        ></el-pagination>
+      </div>
+    </div>
+    <el-dialog
+      title="添加管理员"
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      width="500px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <el-form class="inputClass">
+        <el-form-item label="名称" :label-width="formLabelWidth">
+          <span>
+            <el-input
+              placeholder="请输入名称"
+              clearable
+              v-model="sName"
+              class="add_input"
+            ></el-input>
+          </span>
+        </el-form-item>
+        <el-form-item label="手机号" :label-width="formLabelWidth">
+          <span>
+            <el-input
+              placeholder="请输入手机号"
+              clearable
+              v-model="sPhone"
+              class="add_input"
+            ></el-input>
+          </span>
+        </el-form-item>
+        <el-form-item label="权限" :label-width="formLabelWidth">
+          <el-select v-model="sType" placeholder="请选择权限">
+            <el-option label="区县子评审员" value="6">区县子评审员</el-option>
+          </el-select>
+        </el-form-item>
+        <div style="text-align: center; color: #adb3b7">
+          注：添加账号账号密码为123456
+        </div>
+      </el-form>
+      <span slot="footer" class="dialog-footer flex">
+        <el-button class="left" @click="dialogVisible = false">取消</el-button>
+        <el-button class="right" @click="addRaceUser" v-if="isAddOrUp == false"
+          >确认</el-button
+        >
+        <el-button
+          class="right"
+          @click="updateRaceUser"
+          v-if="isAddOrUp == true"
+          >修改</el-button
+        >
+      </span>
+    </el-dialog>
+
+    <el-dialog
+      title="分配案例"
+      :visible.sync="dialogVisibleMember"
+      :append-to-body="true"
+      width="25%"
+      height="80%"
+      :before-close="handleClose"
+      class="dialog_diy1 customWidth"
+    >
+      <div class="people">
+        <div class="people_top">
+          <div class="people_top_right">
+            <div class="people_search">
+              <div>选择评委</div>
+              <el-select v-model="reviewer" placeholder="请选择评委">
+                <el-option
+                  v-for="item in reviewerBox"
+                  :key="item.userid"
+                  :label="item.name"
+                  :value="item.userid"
+                ></el-option>
+              </el-select>
+            </div>
+          </div>
+        </div>
+        <el-checkbox
+          :indeterminate="isIndeterminate"
+          v-model="checkAll"
+          @change="handleCheckAllChange"
+          style="padding: 15px 0 0 15px"
+          >全选</el-checkbox
+        >
+        <el-checkbox-group
+          v-model="checkboxList"
+          class="people_name"
+          v-if="anliBox.length"
+          @change="handleCheckedAnliChange"
+        >
+          <el-checkbox v-for="item in anliBox" :key="item.id" :label="item.id">
+            <div class="t_j_box">
+              <div>案例名称：</div>
+              <el-tooltip
+                placement="top"
+                :content="item.info.title ? item.info.title : '暂无姓名'"
+              >
+                <span>{{
+                  item.info.title ? item.info.title : "暂无姓名"
+                }}</span>
+              </el-tooltip>
+            </div>
+          </el-checkbox>
+        </el-checkbox-group>
+        <div style="text-align: center; margin-top: 10px" v-else>暂无数据</div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisibleMember = false">取 消</el-button>
+        <el-button type="primary" @click="addCase">确定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      suser: "",
+      tableData: [],
+      tableHeight: "500px",
+      isLoading: false,
+      formLabelWidth: "100px",
+      page: 1,
+      total: 0,
+      dialogVisible: false,
+      isAddOrUp: false,
+      dialogVisibleMember: false,
+      sName: "",
+      sPhone: "",
+      sType: "",
+      upId: "",
+      reviewer: "",
+      reviewerBox: [],
+      anliBox: [],
+      checkboxList: [],
+      checkboxIdList: [],
+      isIndeterminate: false,
+      checkAll: false,
+    };
+  },
+  mounted() {
+    this.$nextTick(function () {
+      this.tableHeight =
+        window.innerHeight - this.$refs.table.$el.offsetTop - 200;
+      if (this.tableHeight <= 530) {
+        this.tableHeight = 530;
+      }
+      // 监听窗口大小变化
+      let self = this;
+      window.onresize = function () {
+        self.tableHeight =
+          window.innerHeight - self.$refs.table.$el.offsetTop - 200;
+        if (self.tableHeight <= 530) {
+          self.tableHeight = 530;
+        }
+      };
+    });
+  },
+  methods: {
+    tableRowClassName({ row, rowIndex }) {
+      if ((rowIndex + 1) % 2 === 0) {
+        return "even_row";
+      } else {
+        return "";
+      }
+    },
+    handleCheckAllChange(val) {
+      if (this.checkboxIdList.length == 0) {
+        for (var i = 0; i < this.anliBox.length; i++) {
+          this.checkboxIdList.push(this.anliBox[i].id);
+        }
+      }
+      this.checkboxList = val ? this.checkboxIdList : [];
+      this.isIndeterminate = false;
+    },
+    handleCheckedAnliChange(value) {
+      let checkedCount = this.checkboxList.length;
+      this.checkAll = checkedCount === this.anliBox.length;
+      this.isIndeterminate =
+        checkedCount > 0 && checkedCount < this.anliBox.length;
+    },
+    handleClose(done) {
+      done();
+    },
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getAdmin();
+    },
+    search() {
+      this.page = 1;
+      this.getAdmin();
+    },
+    addUser() {
+      this.sName = "";
+      this.sPhone = "";
+      this.sType = "";
+      this.isAddOrUp = false;
+      this.dialogVisible = true;
+    },
+    getAdmin() {
+      let params = {
+        uid: this.$store.state.userInfo.userid,
+        cn: this.suser,
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectReviewer", params)
+        .then((res) => {
+          this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+          this.tableData = res.data[0];
+          this.reviewerBox = res.data[0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    addRaceUser() {
+      if (this.sName == "") {
+        this.$message.error("请输入名称");
+        return;
+      } else if (this.sPhone == "") {
+        this.$message.error("请输入手机号");
+        return;
+      } else if (
+        this.sId != "" &&
+        !/^[1][3,4,5,7,8][0-9]{9}$/.test(this.sPhone)
+      ) {
+        this.$message.error("手机号格式不正确");
+        return;
+      } else if (this.sType == "") {
+        this.$message.error("请选择权限");
+        return;
+      }
+      this.isloading = true;
+      let params = [
+        {
+          reg: "",
+          res: "",
+          sch: this.$store.state.userInfo.school,
+          n: this.sName,
+          p: this.sPhone,
+          t: this.sType,
+          parent: this.$store.state.userInfo.userid,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addRaceUser", params)
+        .then((res) => {
+          this.$message({
+            message: "创建成功",
+            type: "success",
+          });
+          this.isloading = false;
+          this.sName = "";
+          this.sPhone = "";
+          this.sType = "";
+          this.dialogVisible = false;
+          this.getAdmin();
+        })
+        .catch((err) => {
+          this.isloading = false;
+          this.$message.error("创建失败");
+          console.error(err);
+        });
+    },
+    upUser(r) {
+      this.sName = r.name;
+      this.sPhone = r.phone;
+      this.sType = r.type;
+      this.upId = r.userid;
+      this.isAddOrUp = true;
+      this.dialogVisible = true;
+    },
+    updateRaceUser() {
+      let params = {
+        n: this.sName,
+        p: this.sPhone,
+        t: this.sType,
+        s: this.$store.state.userInfo.school,
+        uid: this.upId,
+      };
+      this.ajax
+        .get(this.$store.state.api + "updateReviewer", params)
+        .then((res) => {
+          this.$message({
+            message: "修改成功",
+            type: "success",
+          });
+          this.sName = "";
+          this.sPhone = "";
+          this.sType = "";
+          this.upId = "";
+          this.isAddOrUp = false;
+          this.dialogVisible = false;
+          this.getAdmin();
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    deUser(id) {
+      let params = {
+        uid: id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "deleteReviewer", params)
+        .then((res) => {
+          this.$message({
+            message: "删除成功",
+            type: "success",
+          });
+          this.dialogVisible = false;
+          this.getAdmin();
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getAnliBox() {
+      this.ajax
+        .get(this.$store.state.api + "selecAnliBox")
+        .then((res) => {
+          this.anliBox = res.data[0];
+          for (var i = 0; i < this.anliBox.length; i++) {
+            this.anliBox[i].info = JSON.parse(this.anliBox[i].info);
+            this.anliBox[i].overview = JSON.parse(this.anliBox[i].overview);
+            this.anliBox[i].process = JSON.parse(this.anliBox[i].process);
+            this.anliBox[i].proact = JSON.parse(this.anliBox[i].proact);
+            this.anliBox[i].proexc = JSON.parse(this.anliBox[i].proexc);
+            this.anliBox[i].results = JSON.parse(this.anliBox[i].results);
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    assCase(id) {
+      this.reviewer = id;
+      this.dialogVisibleMember = true;
+    },
+    addCase() {
+      if (this.reviewer == "") {
+        this.$message.error("请选择评审员");
+        return;
+      } else if (this.checkboxList.length == 0) {
+        this.$message.error("请选择案例");
+        return;
+      }
+      let params = [
+        {
+          uid: this.reviewer,
+          box: this.checkboxList.join(","),
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "insertCase", params)
+        .then((res) => {
+          this.$message({
+            message: "分配成功",
+            type: "success",
+          });
+          this.reviewer = "";
+          this.checkboxList = [];
+          this.isIndeterminate = false;
+          this.checkAll = false;
+          this.dialogVisibleMember = false;
+        })
+        .catch((err) => {
+          this.$message.error("网络不佳");
+          console.error(err);
+        });
+    },
+  },
+  created() {
+    this.getAdmin();
+    this.getAnliBox();
+  },
+};
+</script>
+
+<style scoped>
+.dialog_diy >>> .el-dialog__header,
+.dialog_diy1 >>> .el-dialog__header {
+  background: #3d67bd !important;
+  padding: 15px 20px;
+}
+.dialog_diy1 >>> .el-dialog__header {
+  text-align: center;
+}
+.dialog_diy >>> .el-dialog__title,
+.dialog_diy1 >>> .el-dialog__title {
+  color: #fff;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn,
+.dialog_diy1 >>> .el-dialog__headerbtn {
+  top: 19px;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close,
+.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover,
+.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover {
+  color: #fff;
+}
+
+.dialog_diy >>> .el-dialog__body,
+.dialog_diy >>> .el-dialog__footer,
+.dialog_diy1 >>> .el-dialog__body,
+.dialog_diy1 >>> .el-dialog__footer {
+  background: #fafafa;
+}
+/* .inputClass.is-active >>> .el-input__inner,
+.inputClass >>> .el-input__inner:focus {
+  border-color: #5c549f;
+}
+
+.inputClass >>> .el-select .el-input.is-focus .el-input__inner {
+  border-color: #5c549f;
+}
+.inputClass >>> .el-select .el-input__inner:focus {
+  border-color: #5c549f;
+} */
+.left {
+  background: #fff !important;
+  color: #000 !important;
+}
+.right,
+.left {
+  width: 80px;
+  color: #fff;
+  background: #409efe;
+  margin-bottom: 20px;
+}
+.touTop {
+  margin: 15px auto;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: space-between;
+  width: 95%;
+}
+
+.touLeft {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.touLeft > div {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.touLeft > div > .el-button {
+  background: #2268bd;
+  color: #fff;
+  margin-left: 10px;
+}
+
+.touRight > div:nth-child(2) > .el-button {
+  background: #2268bd;
+  color: #fff;
+}
+.student_table >>> .el-table--border td {
+  border-right: 0px !important;
+}
+.student_table >>> .el-table,
+.student_table >>> .el-table__body-wrapper {
+  height: auto !important;
+}
+.student_page {
+  margin-top: 10px;
+}
+.tableButton {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.tableButton > .el-button {
+  background: #409efe;
+  color: #fff;
+  cursor: pointer;
+}
+.customWidth >>> .el-dialog {
+  min-width: 500px !important;
+}
+.people {
+  border: 1px solid rgb(229 229 229);
+  height: 495px;
+  border-radius: 5px;
+  width: 100%;
+  overflow: auto;
+  background: #fff;
+  box-shadow: 0px 0px 10px 8px #ededed;
+}
+.people::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 6px;
+}
+
+/*定义滚动条轨道 内阴影+圆角*/
+.people::-webkit-scrollbar-track {
+  border-radius: 10px;
+  background-color: #eee;
+}
+
+/*定义滑块 内阴影+圆角*/
+.people::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.people_top {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  padding: 10px 25px 10px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #f4f4f7;
+}
+
+.people_top_right {
+  height: 40px;
+  margin-bottom: 10px;
+}
+
+.people_search {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.people_search > div:nth-child(1) {
+  font-size: 20px;
+  margin-right: 10px;
+}
+.t_j_box {
+  display: flex;
+}
+.t_j_box span:nth-child(1) {
+  width: 15%;
+  overflow: hidden;
+  margin-right: 10px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.t_j_box span:nth-child(2) {
+  width: 300px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-right: 10px;
+}
+.t_j_box span:nth-child(3) {
+  width: calc(55% - 20px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.people_name {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  padding: 15px 0 0 15px;
+}
+.people_name >>> .el-checkbox {
+  margin-bottom: 10px;
+}
+</style>

src/components/pages/munAdmin/anliList.vue

@@ -172,7 +172,7 @@
           </div>
           <div class="anliBrief">
             <div>案例简介</div>
-            <div style="width: 650px; height: 150px; overflow: auto">
+            <div style="width: 650px; max-height: 150px; overflow: auto">
               {{ s.detail }}
             </div>
           </div>
@@ -422,7 +422,7 @@ export default {
         page: this.page,
       };
       this.ajax
-        .get(this.$store.state.api + "selectAnliList", params)
+        .get(this.$store.state.api + "selectAnliList1", params)
         .then((res) => {
           this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
           this.tableData = res.data[0];
@@ -500,7 +500,7 @@ export default {
     },
     getAnliBox() {
       this.ajax
-        .get(this.$store.state.api + "selecAnliBox")
+        .get(this.$store.state.api + "selecAnliBox1")
         .then((res) => {
           this.anliBox1 = res.data[0];
           for (var i = 0; i < this.anliBox1.length; i++) {
@@ -803,6 +803,7 @@ export default {
 .anliImg > img {
   width: 100%;
   height: 100%;
+  object-fit: cover;
 }
 
 .anliBot {
@@ -1083,7 +1084,7 @@ export default {
   margin-left: 10px;
   color: #b0b0b0;
   width: 650px;
-  height: 150px;
+  max-height: 150px;
   overflow: auto;
 }
 .reScore > div:nth-child(2) {

src/components/pages/munAdmin/county.vue

@@ -163,11 +163,6 @@ export default {
       upId: "",
       reviewer: "",
       reviewerBox: [],
-      anliBox: [],
-      checkboxList: [],
-      checkboxIdList: [],
-      isIndeterminate: false,
-      checkAll: false,
     };
   },
   mounted() {
@@ -196,21 +191,6 @@ export default {
         return "";
       }
     },
-    handleCheckAllChange(val) {
-      if (this.checkboxIdList.length == 0) {
-        for (var i = 0; i < this.anliBox.length; i++) {
-          this.checkboxIdList.push(this.anliBox[i].id);
-        }
-      }
-      this.checkboxList = val ? this.checkboxIdList : [];
-      this.isIndeterminate = false;
-    },
-    handleCheckedAnliChange(value) {
-      let checkedCount = this.checkboxList.length;
-      this.checkAll = checkedCount === this.anliBox.length;
-      this.isIndeterminate =
-        checkedCount > 0 && checkedCount < this.anliBox.length;
-    },
     handleClose(done) {
       done();
     },
@@ -236,7 +216,7 @@ export default {
         page: this.page,
       };
       this.ajax
-        .get(this.$store.state.api + "selectReviewer", params)
+        .get(this.$store.state.api + "selectCReviewer", params)
         .then((res) => {
           this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
           this.tableData = res.data[0];
@@ -348,28 +328,9 @@ export default {
           console.error(err);
         });
     },
-    getAnliBox() {
-      this.ajax
-        .get(this.$store.state.api + "selecAnliBox")
-        .then((res) => {
-          this.anliBox = res.data[0];
-          for (var i = 0; i < this.anliBox.length; i++) {
-            this.anliBox[i].info = JSON.parse(this.anliBox[i].info);
-            this.anliBox[i].overview = JSON.parse(this.anliBox[i].overview);
-            this.anliBox[i].process = JSON.parse(this.anliBox[i].process);
-            this.anliBox[i].proact = JSON.parse(this.anliBox[i].proact);
-            this.anliBox[i].proexc = JSON.parse(this.anliBox[i].proexc);
-            this.anliBox[i].results = JSON.parse(this.anliBox[i].results);
-          }
-        })
-        .catch((err) => {
-          console.error(err);
-        });
-    },
   },
   created() {
     this.getAdmin();
-    this.getAnliBox();
   },
 };
 </script>

src/components/pages/munAdmin/notice.vue

@@ -1,20 +1,495 @@
 <template>
-    <div class="pb_content">
+  <div class="pb_content">
     <div class="pb_head">
       <div>
         <span>通知公告</span>
       </div>
     </div>
-    
+    <div class="touTop">
+      <div class="touRight">
+        <div></div>
+        <div>
+          <el-button @click="openNotice">添加通知</el-button>
+        </div>
+      </div>
+    </div>
+    <div class="pb_content_body" style="margin: 0 auto">
+      <div class="student_table">
+        <el-table
+          ref="table"
+          :data="tableData"
+          border
+          :height="tableHeight"
+          :fit="true"
+          v-loading="isLoading"
+          style="width: 100%"
+          :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }"
+          :row-class-name="tableRowClassName"
+        >
+          <el-table-column label="通知标题" min-width="15" align="center">
+            <template slot-scope="scope">
+              <div>
+                {{ scope.row.title }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column
+            label="通知内容"
+            min-width="35"
+            align="center"
+            :show-overflow-tooltip="true"
+          >
+            <template slot-scope="scope">
+              <div v-html="snippet(scope.row.content)"></div>
+            </template>
+          </el-table-column>
+          <el-table-column label="创建者" min-width="15" align="center"
+            ><template slot-scope="scope">
+              <div>
+                {{ scope.row.cName }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="创建时间" min-width="15" align="center"
+            ><template slot-scope="scope">
+              <div>
+                {{ scope.row.cTime }}
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" min-width="20">
+            <template slot-scope="scope">
+              <div class="tableButton">
+                <el-button @click="getNewDetail(scope.row.id)"
+                  >查看通知</el-button
+                >
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="student_page">
+        <el-pagination
+          background
+          layout="prev, pager, next"
+          :page-size="10"
+          :total="total"
+          v-if="page"
+          @current-change="handleCurrentChange"
+        ></el-pagination>
+      </div>
+    </div>
+    <el-dialog
+      title="查看通知"
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      width="50%"
+      :before-close="handleClose"
+      class="look_notice"
+    >
+      <div>
+        <div class="pb_head">
+          <span style="font-size: 20px">{{ res.title }}</span>
+          <span style="font-size: 15px; line-height: 35px">{{
+            res.cName
+          }}</span>
+        </div>
+        <div class="notice_content cont" v-html="res.content"></div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button class="close" @click="dialogVisible = false" type="primary"
+          >关闭</el-button
+        >
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="添加通知"
+      :visible.sync="dialogVisible1"
+      :append-to-body="true"
+      width="600px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <div>
+        <div class="nTitle">
+          <div>通知标题：</div>
+          <el-input v-model="nTitle" placeholder="请输入通知标题"></el-input>
+        </div>
+        <div>
+          <div style="margin: 10px 0;">通知内容：</div>
+          <el-input
+            type="textarea"
+            placeholder="请输入通知内容"
+            v-model="nText"
+            maxlength="200"
+            show-word-limit
+            rows="8"
+            class="tAreaCss"
+            cols
+          >
+          </el-input>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer flex">
+        <el-button class="left" @click="dialogVisible1 = false">取消</el-button>
+        <el-button class="right" @click="addNotice" v-if="isAddOrUp == false">确认</el-button>
+        <el-button class="right" v-if="isAddOrUp == true">修改</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 export default {
+  data() {
+    return {
+      tableData: [],
+      tableHeight: "500px",
+      isLoading: false,
+      formLabelWidth: "100px",
+      page: 1,
+      total: 0,
+      dialogVisible: false,
+      dialogVisible1: false,
+      isAddOrUp: false,
+      nTitle: "",
+      nText: "",
+      res: [],
+    };
+  },
+  mounted() {
+    this.$nextTick(function () {
+      this.tableHeight =
+        window.innerHeight - this.$refs.table.$el.offsetTop - 200;
+      if (this.tableHeight <= 530) {
+        this.tableHeight = 530;
+      }
+      // 监听窗口大小变化
+      let self = this;
+      window.onresize = function () {
+        self.tableHeight =
+          window.innerHeight - self.$refs.table.$el.offsetTop - 200;
+        if (self.tableHeight <= 530) {
+          self.tableHeight = 530;
+        }
+      };
+    });
+  },
+  methods: {
+    tableRowClassName({ row, rowIndex }) {
+      if ((rowIndex + 1) % 2 === 0) {
+        return "even_row";
+      } else {
+        return "";
+      }
+    },
+    snippet(value) {
+      return value.replace(/<[^>]*>/g, "");
+    },
+    handleClose(done) {
+      done();
+    },
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getNotice();
+    },
+    search() {
+      this.page = 1;
+      this.getNotice();
+    },
+    getNotice() {
+      let params = {
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectRaceNotice", params)
+        .then((res) => {
+          this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+          this.tableData = res.data[0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getNewDetail(id) {
+      this.dialogVisible = true;
+      let params = { nid: id };
+      this.ajax
+        .get(this.$store.state.api + "getRaceNoticeDetail", params)
+        .then((res) => {
+          this.dialogVisible = true;
+          this.res = res.data[0][0];
+        })
+        .catch((err) => {
+          this.loading = false;
+        });
+    },
+    openNotice() {
+      this.nTitle = "";
+      this.nText = "";
+      this.isAddOrUp = false;
+      this.dialogVisible1 = true;
+    },
+    addNotice(){},
+  },
+  created() {
+    this.getNotice();
+  },
+};
+</script>
 
+<style scoped>
+.pb_head {
+  display: flex;
+  justify-content: space-between;
+}
+.dialog_diy >>> .el-dialog__header,
+.dialog_diy1 >>> .el-dialog__header {
+  background: #3d67bd !important;
+  padding: 15px 20px;
+}
+.dialog_diy1 >>> .el-dialog__header {
+  text-align: center;
+}
+.dialog_diy >>> .el-dialog__title,
+.dialog_diy1 >>> .el-dialog__title {
+  color: #fff;
 }
-</script>
 
-<style>
+.dialog_diy >>> .el-dialog__headerbtn,
+.dialog_diy1 >>> .el-dialog__headerbtn {
+  top: 19px;
+}
+
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close,
+.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+}
 
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover,
+.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover {
+  color: #fff;
+}
+
+.dialog_diy >>> .el-dialog__body,
+.dialog_diy >>> .el-dialog__footer,
+.dialog_diy1 >>> .el-dialog__body,
+.dialog_diy1 >>> .el-dialog__footer {
+  background: #fafafa;
+}
+/* .inputClass.is-active >>> .el-input__inner,
+.inputClass >>> .el-input__inner:focus {
+  border-color: #5c549f;
+}
+
+.inputClass >>> .el-select .el-input.is-focus .el-input__inner {
+  border-color: #5c549f;
+}
+.inputClass >>> .el-select .el-input__inner:focus {
+  border-color: #5c549f;
+} */
+.left {
+  background: #fff !important;
+  color: #000 !important;
+}
+.right,
+.left {
+  width: 80px;
+  color: #fff;
+  background: #409efe;
+  margin-bottom: 20px;
+}
+.touTop {
+  margin: 15px auto;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: flex-end;
+  width: 95%;
+}
+
+.touRight > div:nth-child(2) > .el-button {
+  background: #2268bd;
+  color: #fff;
+}
+.student_table >>> .el-table--border td {
+  border-right: 0px !important;
+}
+.student_table >>> .el-table,
+.student_table >>> .el-table__body-wrapper {
+  height: auto !important;
+}
+.student_page {
+  margin-top: 10px;
+}
+.tableButton {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.tableButton > .el-button {
+  background: #409efe;
+  color: #fff;
+  cursor: pointer;
+}
+.customWidth >>> .el-dialog {
+  min-width: 500px !important;
+}
+.people {
+  border: 1px solid rgb(229 229 229);
+  height: 495px;
+  border-radius: 5px;
+  width: 100%;
+  overflow: auto;
+  background: #fff;
+  box-shadow: 0px 0px 10px 8px #ededed;
+}
+.people::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 6px;
+}
+
+/*定义滚动条轨道 内阴影+圆角*/
+.people::-webkit-scrollbar-track {
+  border-radius: 10px;
+  background-color: #eee;
+}
+
+/*定义滑块 内阴影+圆角*/
+.people::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.people_top {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  padding: 10px 25px 10px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #f4f4f7;
+}
+
+.people_top_right {
+  height: 40px;
+  margin-bottom: 10px;
+}
+
+.people_search {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.people_search > div:nth-child(1) {
+  font-size: 20px;
+  margin-right: 10px;
+}
+.t_j_box {
+  display: flex;
+}
+.t_j_box span:nth-child(1) {
+  width: 15%;
+  overflow: hidden;
+  margin-right: 10px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.t_j_box span:nth-child(2) {
+  width: 300px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-right: 10px;
+}
+.t_j_box span:nth-child(3) {
+  width: calc(55% - 20px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.people_name {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  padding: 15px 0 0 15px;
+}
+.people_name >>> .el-checkbox {
+  margin-bottom: 10px;
+}
+.logoImg {
+  width: 30px;
+}
+.logoImg > img {
+  width: 100%;
+  height: 100%;
+}
+.title_add_student {
+  margin: 0 auto;
+  color: #fff;
+}
+.look_notice >>> .el-dialog__header {
+  padding: 20px 20px 10px;
+  text-align: center;
+  background: #32455b;
+}
+.look_notice >>> .el-dialog__title {
+  font-size: 14px !important;
+  color: #fff !important;
+}
+.look_notice >>> .el-dialog__headerbtn {
+  font-size: 20px !important;
+}
+.look_notice >>> .el-form-item__label {
+  margin-left: 65px;
+}
+.look_notice >>> .el-form-item {
+  display: flex;
+}
+.look_notice >>> .el-form-item__content {
+  margin: 0 !important;
+}
+.look_notice >>> .el-dialog__footer {
+  text-align: center !important;
+}
+.look_notice >>> .el-dialog {
+  min-width: 450px;
+}
+.notice_content {
+  width: 100%;
+  word-wrap: break-word;
+  word-break: break-all;
+  overflow: hidden;
+  font-size: 18px;
+  line-height: 35px;
+  text-indent: 35px;
+  min-width: 385px;
+}
+.close {
+  width: 320px;
+  height: 30px;
+  line-height: 30px;
+  font-size: 14px;
+  background: #0e72e6;
+  padding: 0 !important;
+}
+.tAreaCss >>> .el-textarea__inner {
+  resize: none;
+  font-size: 14px;
+}
+.tAreaCss >>> .el-textarea__inner {
+  font-family: "微软雅黑";
+}
+.nTitle {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.nTitle >>> .el-input {
+  width: 80%;
+}
 </style>

src/components/pages/munAdmin/school.vue

@@ -152,7 +152,6 @@ export default {
       sType: "",
       upId: "",
       sSchool: "",
-      anliBox: [],
       checkboxList: [],
       checkboxIdList: [],
       schoolList: [],
@@ -218,21 +217,6 @@ export default {
         this.options = _option
       }
     },
-    handleCheckAllChange(val) {
-      if (this.checkboxIdList.length == 0) {
-        for (var i = 0; i < this.anliBox.length; i++) {
-          this.checkboxIdList.push(this.anliBox[i].id);
-        }
-      }
-      this.checkboxList = val ? this.checkboxIdList : [];
-      this.isIndeterminate = false;
-    },
-    handleCheckedAnliChange(value) {
-      let checkedCount = this.checkboxList.length;
-      this.checkAll = checkedCount === this.anliBox.length;
-      this.isIndeterminate =
-        checkedCount > 0 && checkedCount < this.anliBox.length;
-    },
     handleClose(done) {
       done();
     },
@@ -356,24 +340,6 @@ export default {
           console.error(err);
         });
     },
-    getAnliBox() {
-      this.ajax
-        .get(this.$store.state.api + "selecAnliBox")
-        .then((res) => {
-          this.anliBox = res.data[0];
-          for (var i = 0; i < this.anliBox.length; i++) {
-            this.anliBox[i].info = JSON.parse(this.anliBox[i].info);
-            this.anliBox[i].overview = JSON.parse(this.anliBox[i].overview);
-            this.anliBox[i].process = JSON.parse(this.anliBox[i].process);
-            this.anliBox[i].proact = JSON.parse(this.anliBox[i].proact);
-            this.anliBox[i].proexc = JSON.parse(this.anliBox[i].proexc);
-            this.anliBox[i].results = JSON.parse(this.anliBox[i].results);
-          }
-        })
-        .catch((err) => {
-          console.error(err);
-        });
-    },
     getAdmin() {
       let params = {
         uid: this.$store.state.userInfo.userid,
@@ -420,7 +386,6 @@ export default {
   created() {
     this.getAdmin();
     this.getSchool();
-    this.getAnliBox();
   },
 };
 </script>

src/components/pages/munAdmin/score.vue

@@ -278,7 +278,6 @@ export default {
       tableData: [],
       reviewer: "",
       reviewerBox: [],
-      anliBox1: [],
       checkboxList: [],
       checkboxIdList: [],
       isIndeterminate: false,
@@ -376,21 +375,6 @@ export default {
       value = value.replace(/(d{15})d*/, "$1"); // 最多保留15位整数
       // this.height = value;
     },
-    handleCheckAllChange(val) {
-      if (this.checkboxIdList.length == 0) {
-        for (var i = 0; i < this.anliBox1.length; i++) {
-          this.checkboxIdList.push(this.anliBox1[i].id);
-        }
-      }
-      this.checkboxList = val ? this.checkboxIdList : [];
-      this.isIndeterminate = false;
-    },
-    handleCheckedAnliChange(value) {
-      let checkedCount = this.checkboxList.length;
-      this.checkAll = checkedCount === this.anliBox1.length;
-      this.isIndeterminate =
-        checkedCount > 0 && checkedCount < this.anliBox1.length;
-    },
     handleClose(done) {
       done();
     },
@@ -430,7 +414,7 @@ export default {
         page: this.page,
       };
       this.ajax
-        .get(this.$store.state.api + "selectPoint", params)
+        .get(this.$store.state.api + "selectPoint1", params)
         .then((res) => {
           this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
           this.tableData = res.data[0];
@@ -516,24 +500,6 @@ export default {
           console.error(err);
         });
     },
-    getAnliBox() {
-      this.ajax
-        .get(this.$store.state.api + "selecAnliBox")
-        .then((res) => {
-          this.anliBox1 = res.data[0];
-          for (var i = 0; i < this.anliBox1.length; i++) {
-            this.anliBox1[i].info = JSON.parse(this.anliBox1[i].info);
-            this.anliBox1[i].overview = JSON.parse(this.anliBox1[i].overview);
-            this.anliBox1[i].process = JSON.parse(this.anliBox1[i].process);
-            this.anliBox1[i].proact = JSON.parse(this.anliBox1[i].proact);
-            this.anliBox1[i].proexc = JSON.parse(this.anliBox1[i].proexc);
-            this.anliBox1[i].results = JSON.parse(this.anliBox1[i].results);
-          }
-        })
-        .catch((err) => {
-          console.error(err);
-        });
-    },
     openScore(a, t) {
       this.scoreDetail[0].id = a.id;
       this.scoreDetail[0].title = a.info.title;
@@ -664,7 +630,6 @@ export default {
     this.getAdmin();
     // this.selectType();
     this.getReviewerOrAdmin();
-    this.getAnliBox();
   },
 };
 </script>

src/components/pages/munAdmin/user.vue

@@ -412,7 +412,7 @@ export default {
     },
     getAnliBox() {
       this.ajax
-        .get(this.$store.state.api + "selecAnliBox")
+        .get(this.$store.state.api + "selecAnliBox1")
         .then((res) => {
           this.anliBox = res.data[0];
           for (var i = 0; i < this.anliBox.length; i++) {

src/components/pages/proAdmin/anliList.vue

@@ -0,0 +1,1124 @@
+<template>
+  <div class="pb_content">
+    <div class="pb_head">
+      <div>
+        <span>案例管理</span>
+      </div>
+    </div>
+    <div class="touTop">
+      <div class="touLeft">
+        <!-- <div>
+          <div>案例分类</div>
+          <el-select v-model="anliType" clearable>
+            <el-option value="0" label="所有分类"></el-option>
+          </el-select>
+        </div> -->
+        <div>
+          <div
+            class="all_choose"
+            v-for="(item, index) in CourseType[0]"
+            :key="index"
+          >
+            <span>{{ item.name }}</span>
+            <el-select
+              v-model="courseTypeId[item.id]"
+              placeholder="请选择"
+              @change="search"
+            >
+              <el-option label="全部" value="1">全部</el-option>
+              <el-option
+                v-for="item1 in CourseTypeJson[item.id]"
+                :key="item1.id"
+                :label="item1.name"
+                :value="item1.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+          <div class="anliCss">
+            <div>案例筛选</div>
+            <el-select v-model="anliBox" clearable @change="search">
+              <el-option value="" label="全部"></el-option>
+              <el-option value="1" label="经典案例"></el-option>
+              <el-option value="0" label="平台案例"></el-option>
+            </el-select>
+          </div>
+        </div>
+        <div @click="clear" class="clear">重置</div>
+      </div>
+      <div class="touRight">
+        <div></div>
+        <div>
+          <el-button @click="dialogVisibleMember = true">分配案例</el-button>
+        </div>
+      </div>
+    </div>
+    <div class="anliBox" v-if="tableData.length">
+      <div v-for="(a, aIndex) in tableData" :key="aIndex" class="anLi">
+        <div class="anliImg">
+          <img
+            :src="a.info.cover.length > 0 ? a.info.cover[0].url : noBanner"
+            alt=""
+          />
+        </div>
+        <div class="anliBot">
+          <div class="detailBox">
+            <div>{{ a.info.title != "" ? a.info.title : "暂无" }}</div>
+            <div>{{ a.time }}</div>
+          </div>
+          <div class="anliButton">
+            <div>
+              <el-button @click="lookDetail(a.id)">查看</el-button>
+            </div>
+            <div>
+              <el-button @click="openScore(a, 1)">评分</el-button>
+            </div>
+            <div>
+              <el-button @click="openScore(a, 2)">推荐</el-button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="student_page">
+      <el-pagination
+        background
+        layout="prev, pager, next"
+        :page-size="10"
+        :total="total"
+        v-if="page && tableData.length"
+        style="padding-bottom: 20px"
+        @current-change="handleCurrentChange"
+      >
+      </el-pagination>
+    </div>
+    <el-dialog
+      title="分配案例"
+      :visible.sync="dialogVisibleMember"
+      :append-to-body="true"
+      width="25%"
+      height="80%"
+      :before-close="handleClose"
+      class="dialog_diy1 customWidth"
+    >
+      <div class="people">
+        <div class="people_top">
+          <div class="people_top_right">
+            <div class="people_search">
+              <div>选择评委</div>
+              <el-select v-model="reviewer" placeholder="请选择评委">
+                <el-option
+                  v-for="item in reviewerBox"
+                  :key="item.userid"
+                  :label="item.name"
+                  :value="item.userid"
+                ></el-option>
+              </el-select>
+            </div>
+          </div>
+        </div>
+        <el-checkbox
+          :indeterminate="isIndeterminate"
+          v-model="checkAll"
+          @change="handleCheckAllChange"
+          style="padding: 15px 0 0 15px"
+          >全选</el-checkbox
+        >
+        <el-checkbox-group
+          v-model="checkboxList"
+          class="people_name"
+          v-if="anliBox1.length"
+          @change="handleCheckedAnliChange"
+        >
+          <el-checkbox v-for="item in anliBox1" :key="item.id" :label="item.id">
+            <div class="t_j_box">
+              <div>案例名称：</div>
+              <el-tooltip
+                placement="top"
+                :content="item.info.title ? item.info.title : '暂无姓名'"
+              >
+                <span>{{
+                  item.info.title ? item.info.title : "暂无姓名"
+                }}</span>
+              </el-tooltip>
+            </div>
+          </el-checkbox>
+        </el-checkbox-group>
+        <div style="text-align: center; margin-top: 10px" v-else>暂无数据</div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisibleMember = false">取 消</el-button>
+        <el-button type="primary" @click="addCase">确定</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="评分"
+      :visible.sync="dialogVisibleScore"
+      :append-to-body="true"
+      width="25%"
+      height="80%"
+      :before-close="handleClose"
+      class="dialog_diy customWidth1"
+    >
+      <div class="scoreBox" v-for="(s, sIndex) in scoreDetail" :key="sIndex">
+        <div class="scoreCss">
+          <div class="scoreTitle">
+            <div><img src="../../../assets/avatar.png" alt="" /></div>
+            <div>{{ s.uname }}</div>
+          </div>
+          <div class="anliTitle">
+            <div>案例名称</div>
+            <div>{{ s.title }}</div>
+          </div>
+          <div class="anliBrief">
+            <div>案例简介</div>
+            <div style="width: 650px; max-height: 150px; overflow: auto">
+              {{ s.detail }}
+            </div>
+          </div>
+          <div class="anliScore">
+            <div>请选择评分</div>
+            <div>
+              <div class="scoreDiv">
+                <div>评审维度1</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.first"
+                    @change="isNumber($event, 1)"
+                  ></el-input>
+                </div>
+              </div>
+              <div class="scoreDiv">
+                <div>评审维度2</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.second"
+                    @change="isNumber($event, 2)"
+                  ></el-input>
+                </div>
+              </div>
+              <div class="scoreDiv">
+                <div>评审维度3</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.third"
+                    @change="isNumber($event, 3)"
+                  ></el-input>
+                </div>
+              </div>
+              <div class="scoreDiv">
+                <div>评审维度4</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.fourth"
+                    @change="isNumber($event, 4)"
+                  ></el-input>
+                </div>
+              </div>
+              <div class="scoreDiv">
+                <div>评审维度5</div>
+                <div>
+                  <el-input
+                    placeholder="输入分数"
+                    v-model="s.scoreAll.fivth"
+                    @change="isNumber($event, 5)"
+                  ></el-input>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="anliContent">
+            <textarea
+              :rows="5"
+              class="tAreaCss"
+              placeholder="还有要说的吗..."
+              v-model="s.scoreAll.content"
+            ></textarea>
+          </div>
+          <div class="addScore" @click="addScore">进行评分</div>
+        </div>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="推荐省级评奖"
+      :visible.sync="dialogVisibleRecommend"
+      :append-to-body="true"
+      width="25%"
+      height="80%"
+      :before-close="handleClose"
+      class="dialog_diy customWidth1"
+    >
+      <div v-for="(r, rIndex) in scoreDetail" :key="rIndex">
+        <div class="reTitle">
+          <div>案例名称</div>
+          <div>{{ r.title }}</div>
+        </div>
+        <div class="reDetail">
+          <div>案例简介</div>
+          <div>{{ r.detail }}</div>
+        </div>
+        <div class="reScore">
+          <div>当前得分</div>
+          <div>
+            <span>{{ r.sumScore }}</span
+            >分
+          </div>
+        </div>
+        <div class="reBottom">
+          <div>提示:点击确定提交，即可推送到市级进行评奖</div>
+          <div @click="dialogVisibleRecommend = false">取消</div>
+          <div @click="addRecommend">确定提交</div>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      page: 1,
+      total: 0,
+      // anliType: "",
+      CourseType: [],
+      CourseTypeJson: {},
+      courseTypeId: {},
+      courseTypeSon: [],
+      anliBox: "",
+      tableData: [],
+      reviewer: "",
+      reviewerBox: [],
+      anliBox1: [],
+      checkboxList: [],
+      checkboxIdList: [],
+      isIndeterminate: false,
+      checkAll: false,
+      dialogVisibleMember: false,
+      dialogVisibleScore: false,
+      dialogVisibleRecommend: false,
+      noBanner: require("../../../assets/noBanner.jpg"),
+      scoreDetail: [
+        {
+          id: "",
+          uname: "",
+          title: "",
+          detail: "",
+          scoreAll: {
+            first: "",
+            second: "",
+            third: "",
+            fourth: "",
+            fivth: "",
+            content: "",
+          },
+          sumScore: 0,
+        },
+      ],
+    };
+  },
+  methods: {
+    handleCurrentChange(val) {
+      this.page = val;
+      this.getAnliList();
+    },
+    search() {
+      this.page = 1;
+      this.getAnliList();
+    },
+    goTo(path) {
+      this.$router.push(path);
+    },
+    isNumber(e, t) {
+      if (e < 0) {
+        this.$message.error("请输入大于0的数值");
+        if (t == 1) {
+          this.scoreDetail[0].scoreAll.first = "";
+        } else if (t == 2) {
+          this.scoreDetail[0].scoreAll.second = "";
+        } else if (t == 3) {
+          this.scoreDetail[0].scoreAll.third = "";
+        } else if (t == 4) {
+          this.scoreDetail[0].scoreAll.fourth = "";
+        } else {
+          this.scoreDetail[0].scoreAll.fivth = "";
+        }
+        return;
+      } else if (e > 100) {
+        this.$message.error("数值不能大于100");
+        if (t == 1) {
+          this.scoreDetail[0].scoreAll.first = "";
+        } else if (t == 2) {
+          this.scoreDetail[0].scoreAll.second = "";
+        } else if (t == 3) {
+          this.scoreDetail[0].scoreAll.third = "";
+        } else if (t == 4) {
+          this.scoreDetail[0].scoreAll.fourth = "";
+        } else {
+          this.scoreDetail[0].scoreAll.fivth = "";
+        }
+        return;
+      }
+      let value = e.replace(/[^d]/g, ""); // 只能输入数字
+      value = value.replace(/^0+(d)/, "$1"); // 第一位0开头，0后面为数字，则过滤掉，取后面的数字
+      value = value.replace(/(d{15})d*/, "$1"); // 最多保留15位整数
+      // this.height = value;
+    },
+    handleCheckAllChange(val) {
+      if (this.checkboxIdList.length == 0) {
+        for (var i = 0; i < this.anliBox1.length; i++) {
+          this.checkboxIdList.push(this.anliBox1[i].id);
+        }
+      }
+      this.checkboxList = val ? this.checkboxIdList : [];
+      this.isIndeterminate = false;
+    },
+    handleCheckedAnliChange(value) {
+      let checkedCount = this.checkboxList.length;
+      this.checkAll = checkedCount === this.anliBox1.length;
+      this.isIndeterminate =
+        checkedCount > 0 && checkedCount < this.anliBox1.length;
+    },
+    handleClose(done) {
+      done();
+    },
+    clear() {
+      for (var i = 0; i < this.CourseType[0].length; i++) {
+        this.courseTypeId[this.CourseType[0][i].id] = "";
+      }
+      this.anliBox = "";
+      this.getAnliList();
+    },
+    getAnliList(rc) {
+      var typeE = [];
+      var typea, typeb, typec, typed;
+      this.tableData = [];
+      for (var i = 0; i < this.CourseType[0].length; i++) {
+        if (this.courseTypeId[this.CourseType[0][i].id] == "1") {
+          typeE.push(this.CourseType[0][i].id);
+        } else if (this.courseTypeId[this.CourseType[0][i].id] != "") {
+          if (this.CourseType[0][i].name == "案例组别") {
+            typea = this.courseTypeId[this.CourseType[0][i].id];
+          } else if (this.CourseType[0][i].name == "年级") {
+            typeb = this.courseTypeId[this.CourseType[0][i].id];
+          } else if (this.CourseType[0][i].name == "学科") {
+            typec = this.courseTypeId[this.CourseType[0][i].id];
+          }
+          this.courseTypeSon.push(this.courseTypeId[this.CourseType[0][i].id]);
+        }
+      }
+      let params = {
+        typea: typea != undefined ? typea : "",
+        typeb: typeb != undefined ? typeb : "",
+        typec: typec != undefined ? typec : "",
+        typed: typed != undefined ? typed : "",
+        typeE: typeE.join(","),
+        cid: rc ? rc : "",
+        cn: this.anliBox == "" ? 0 : this.anliBox,
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectAnliList2", params)
+        .then((res) => {
+          this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+          this.tableData = res.data[0];
+          for (var i = 0; i < this.tableData.length; i++) {
+            this.tableData[i].info = JSON.parse(this.tableData[i].info);
+            this.tableData[i].overview = JSON.parse(this.tableData[i].overview);
+            this.tableData[i].process = JSON.parse(this.tableData[i].process);
+            this.tableData[i].proact = JSON.parse(this.tableData[i].proact);
+            this.tableData[i].proexc = JSON.parse(this.tableData[i].proexc);
+            this.tableData[i].results = JSON.parse(this.tableData[i].results);
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    selectType(rc) {
+      this.ajax
+        .get(this.$store.state.api + "selectMatType")
+        .then((res) => {
+          this.CourseType = res.data;
+          for (var i = 0; i < res.data[0].length; i++) {
+            for (var j = 0; j < res.data[1].length; j++) {
+              if (res.data[0][i].id == res.data[1][j].pid) {
+                if (!this.CourseTypeJson[res.data[0][i].id]) {
+                  this.CourseTypeJson[res.data[0][i].id] = [];
+                }
+                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
+              }
+            }
+          }
+          this.getAnliList(rc);
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getAdmin() {
+      let params = {
+        uid: this.$store.state.userInfo.userid,
+        cn: "",
+        page: this.page,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectReviewer", params)
+        .then((res) => {
+          this.reviewerBox = res.data[0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getReviewerOrAdmin() {
+      if (this.$store.state.userInfo.type == 4) {
+        this.getUser();
+      } else {
+        this.selectType();
+      }
+    },
+    getUser() {
+      let params = {
+        uid: this.$store.state.userInfo.userid,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectCaseUser", params)
+        .then((res) => {
+          if (res.data[0].length > 0) {
+            var reCid = res.data[0][0].aBox;
+            this.selectType(reCid);
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getAnliBox() {
+      this.ajax
+        .get(this.$store.state.api + "selecAnliBox2")
+        .then((res) => {
+          this.anliBox1 = res.data[0];
+          for (var i = 0; i < this.anliBox1.length; i++) {
+            this.anliBox1[i].info = JSON.parse(this.anliBox1[i].info);
+            this.anliBox1[i].overview = JSON.parse(this.anliBox1[i].overview);
+            this.anliBox1[i].process = JSON.parse(this.anliBox1[i].process);
+            this.anliBox1[i].proact = JSON.parse(this.anliBox1[i].proact);
+            this.anliBox1[i].proexc = JSON.parse(this.anliBox1[i].proexc);
+            this.anliBox1[i].results = JSON.parse(this.anliBox1[i].results);
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    addCase() {
+      if (this.reviewer == "") {
+        this.$message.error("请选择评审员");
+        return;
+      } else if (this.checkboxList.length == 0) {
+        this.$message.error("请选择案例");
+        return;
+      }
+      let params = [
+        {
+          uid: this.reviewer,
+          box: this.checkboxList.join(","),
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "insertCase", params)
+        .then((res) => {
+          this.$message({
+            message: "分配成功",
+            type: "success",
+          });
+          this.reviewer = "";
+          this.checkboxList = [];
+          this.isIndeterminate = false;
+          this.checkAll = false;
+          this.dialogVisibleMember = false;
+        })
+        .catch((err) => {
+          this.$message.error("网络不佳");
+          console.error(err);
+        });
+    },
+    openScore(a, t) {
+      this.scoreDetail[0].id = a.id;
+      this.scoreDetail[0].title = a.info.title;
+      this.scoreDetail[0].detail = a.info.courseText;
+      this.scoreDetail[0].uname = a.uname;
+      this.getScore(a.id, t);
+    },
+    getScore(id, t) {
+      let params = {
+        rid: id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectScore", params)
+        .then((res) => {
+          if (res.data[0].length > 0) {
+            this.scoreDetail[0].scoreAll = JSON.parse(res.data[0][0].score);
+            var a = parseInt(this.scoreDetail[0].scoreAll.first);
+            var b = parseInt(this.scoreDetail[0].scoreAll.second);
+            var c = parseInt(this.scoreDetail[0].scoreAll.third);
+            var d = parseInt(this.scoreDetail[0].scoreAll.fourth);
+            var e = parseInt(this.scoreDetail[0].scoreAll.fivth);
+            this.scoreDetail[0].sumScore = Math.round((a + b + c + d + e) / 5);
+          } else {
+            this.scoreDetail[0].scoreAll = {
+              first: "",
+              second: "",
+              third: "",
+              fourth: "",
+              fivth: "",
+              content: "",
+            };
+            this.scoreDetail[0].sumScore = 0;
+          }
+          if (t == 1) {
+            this.dialogVisibleScore = true;
+          } else {
+            this.dialogVisibleRecommend = true;
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    addScore() {
+      if (this.scoreDetail[0].scoreAll.first == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.second == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.third == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.fourth == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.fivth == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      } else if (this.scoreDetail[0].scoreAll.content == "") {
+        this.$message.error("请将信息填写完整");
+        return;
+      }
+      let params = {
+        rid: this.scoreDetail[0].id,
+        suser: this.$store.state.userInfo.userid,
+        s: JSON.stringify(this.scoreDetail[0].scoreAll),
+      };
+      this.ajax
+        .get(this.$store.state.api + "addScore", params)
+        .then((res) => {
+          this.$message({
+            message: "评分成功",
+            type: "success",
+          });
+          this.scoreDetail = [
+            {
+              id: "",
+              uname: "",
+              title: "",
+              detail: "",
+              scoreAll: {
+                first: "",
+                second: "",
+                third: "",
+                fourth: "",
+                fivth: "",
+                content: "",
+              },
+              sumScore: 0,
+            },
+          ];
+          this.dialogVisibleScore = false;
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    addRecommend() {
+      if (this.scoreDetail[0].sumScore == 0) {
+        this.$message.error("还未评审，不可推荐");
+        return;
+      }
+      let params = {
+        id: this.scoreDetail[0].id,
+        rec: 1,
+      };
+      this.ajax
+        .get(this.$store.state.api + "updateRaceRec", params)
+        .then((res) => {
+          this.$message({
+            message: "推荐成功",
+            type: "success",
+          });
+          this.dialogVisibleRecommend = false;
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    lookDetail(aid) {
+      window.open(
+        window.location.origin +
+          window.location.pathname +
+          "/#/anliDetail?aid=" +
+          aid
+      );
+    },
+  },
+  created() {
+    // this.getAnliList();
+    this.getAdmin();
+    // this.selectType();
+    this.getReviewerOrAdmin();
+    this.getAnliBox();
+  },
+};
+</script>
+
+<style scoped>
+.el-popover {
+  min-width: 80px;
+  text-align: center;
+}
+</style>
+
+<style scoped>
+.dialog_diy1 >>> .el-dialog__header,
+.dialog_diy >>> .el-dialog__header {
+  background: #3d67bd !important;
+  padding: 15px 20px;
+}
+.dialog_diy1 >>> .el-dialog__header {
+  text-align: center;
+}
+.dialog_diy1 >>> .el-dialog__title,
+.dialog_diy >>> .el-dialog__title {
+  color: #fff;
+}
+
+.dialog_diy1 >>> .el-dialog__headerbtn,
+.dialog_diy >>> .el-dialog__headerbtn {
+  top: 19px;
+}
+
+.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close,
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
+  color: #fff;
+}
+
+.dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover,
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
+  color: #fff;
+}
+
+.dialog_diy1 >>> .el-dialog__body,
+.dialog_diy1 >>> .el-dialog__footer,
+.dialog_diy >>> .el-dialog__body,
+.dialog_diy >>> .el-dialog__footer {
+  background: #fafafa;
+}
+
+.disUoloadSty >>> .el-upload--picture-card {
+  display: none;
+  /* 上传按钮隐藏 */
+}
+
+.tou {
+  border-bottom: 1px solid #c9c9c9;
+  height: 50px;
+  font-size: 30px;
+}
+
+.touTop {
+  margin: 15px auto;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: space-between;
+  width: 95%;
+}
+
+.touLeft {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.touLeft > div:nth-child(1) {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.touLeft > div > div {
+  margin-right: 10px;
+}
+
+.touRight > div:nth-child(2) > .el-button {
+  background: #2268bd;
+  color: #fff;
+}
+
+.student_page {
+  width: 95%;
+  margin: 20px auto 0;
+}
+
+.anliBox {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  margin: 25px auto 0;
+  width: 95%;
+  height: 570px;
+}
+
+.anLi {
+  width: 280px;
+  margin: 0 20px 10px 0;
+  box-shadow: 3px 1px 15px 3px #f0f0f2;
+}
+
+.anliImg {
+  width: 100%;
+  height: 170px;
+}
+
+.anliImg > img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.anliBot {
+  background: #fff;
+  border: 1px solid #f5f5f5;
+  padding: 5px 0 10px 0;
+  box-sizing: border-box;
+}
+
+.detailBox {
+  padding: 0 0 0 10px;
+  box-sizing: border-box;
+}
+
+.detailBox > div:nth-child(1) {
+  font-size: 20px;
+  width: 250px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
+}
+
+.detailBox > div:nth-child(2) {
+  color: #999;
+  margin-top: 5px;
+  font-size: 14px;
+}
+
+.anliButton {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+  padding: 10px 0 0 0;
+}
+
+.anliButton > div {
+  margin-right: 5px;
+}
+
+.anliButton > div > .el-button {
+  background: #409efe;
+  color: #fff;
+  width: 80px;
+  border-radius: 5px;
+}
+
+.customWidth >>> .el-dialog {
+  min-width: 500px !important;
+}
+.customWidth1 >>> .el-dialog {
+  min-width: 800px !important;
+}
+
+.people {
+  border: 1px solid rgb(229 229 229);
+  height: 495px;
+  border-radius: 5px;
+  width: 100%;
+  overflow: auto;
+  background: #fff;
+  box-shadow: 0px 0px 10px 8px #ededed;
+}
+
+.people::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 6px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 6px;
+}
+
+/*定义滚动条轨道 内阴影+圆角*/
+.people::-webkit-scrollbar-track {
+  border-radius: 10px;
+  background-color: #eee;
+}
+
+/*定义滑块 内阴影+圆角*/
+.people::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.people_top {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  padding: 10px 25px 10px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #f4f4f7;
+}
+
+.people_top_right {
+  height: 40px;
+  margin-bottom: 10px;
+}
+
+.people_search {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.people_search > div:nth-child(1) {
+  font-size: 20px;
+  margin-right: 10px;
+}
+
+.t_j_box {
+  display: flex;
+}
+
+.t_j_box span:nth-child(1) {
+  width: 15%;
+  overflow: hidden;
+  margin-right: 10px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.t_j_box span:nth-child(2) {
+  width: 300px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-right: 10px;
+}
+
+.t_j_box span:nth-child(3) {
+  width: calc(55% - 20px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.people_name {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  padding: 15px 0 0 15px;
+}
+
+.people_name >>> .el-checkbox {
+  margin-bottom: 10px;
+}
+.all_choose > span {
+  margin-right: 10px;
+}
+.clear {
+  width: 70px;
+  height: 35px;
+  background: #2268bc;
+  color: #fff;
+  text-align: center;
+  border-radius: 5px;
+  line-height: 35px;
+  cursor: pointer;
+}
+.anliCss {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.anliCss > div:nth-child(1) {
+  margin-right: 10px;
+}
+.scoreBox {
+  background: #fff;
+}
+.scoreCss {
+  padding: 10px;
+}
+.scoreTitle {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.scoreTitle > div:nth-child(1) {
+  width: 50px;
+}
+.scoreTitle > div:nth-child(1) > img {
+  width: 100%;
+  height: 100%;
+}
+.scoreTitle > div:nth-child(2) {
+  margin-left: 15px;
+}
+.anliTitle,
+.anliBrief,
+.anliScore {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  padding: 10px 0 10px 0;
+  font-size: 18px;
+}
+.anliTitle > div:nth-child(2),
+.anliBrief > div:nth-child(2) {
+  font-size: 17px;
+  margin-left: 10px;
+  color: #b0b0b0;
+}
+.anliScore > div:nth-child(2) {
+  margin: -13px 0 0 20px;
+}
+.scoreDiv {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  padding: 10px 0;
+}
+.scoreDiv > div:nth-child(2) {
+  margin-left: 10px;
+}
+.scoreDiv > div:nth-child(2) >>> .el-input__inner {
+  border-radius: 15px;
+  background: #fafafa;
+  height: 30px;
+}
+.anliContent {
+  width: 80%;
+  margin: 0 auto;
+  border-top: 2px solid #ededed;
+  padding: 10px 0 0 0;
+}
+.tAreaCss {
+  resize: none;
+  width: 100%;
+  text-indent: 10px;
+  border: 1px solid #e6e6e8;
+  background: #fafafa;
+}
+.tAreaCss:focus-visible {
+  outline: none !important;
+}
+.addScore {
+  width: 75%;
+  margin: 10px auto;
+  background: #409efe;
+  color: #fff;
+  height: 35px;
+  text-align: center;
+  line-height: 35px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+.reTitle {
+  font-size: 18px;
+}
+.reTitle > div:nth-child(2) {
+  width: 60%;
+  border: 1px solid #dbdbdb;
+  font-size: 16px;
+  height: 35px;
+  line-height: 35px;
+  text-indent: 10px;
+  border-radius: 5px;
+  margin: 10px 0;
+}
+.reDetail,
+.reScore {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  padding: 10px 0 10px 0;
+  font-size: 18px;
+}
+.reDetail > div:nth-child(2) {
+  font-size: 17px;
+  margin-left: 10px;
+  color: #b0b0b0;
+  width: 650px;
+  max-height: 150px;
+  overflow: auto;
+}
+.reScore > div:nth-child(2) {
+  font-size: 35px;
+  margin-left: 20px;
+}
+.reScore > div:nth-child(2) > span {
+  color: #6188d5;
+}
+.reBottom {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: flex-end;
+}
+.reBottom > div:nth-child(2) {
+  border: 1px solid #d7d7d9;
+  width: 70px;
+  height: 35px;
+  text-align: center;
+  line-height: 35px;
+  border-radius: 5px;
+  margin: 0 10px 0 20px;
+  cursor: pointer;
+}
+.reBottom > div:nth-child(3) {
+  background: #409efe;
+  color: #fff;
+  height: 35px;
+  line-height: 35px;
+  width: 85px;
+  text-align: center;
+  border-radius: 5px;
+  cursor: pointer;
+}
+</style>

src/components/pages/race/addRace.vue

@@ -290,7 +290,7 @@ export default {
           this.$message.error("标题不能为空");
           return;
         } else if (this.raceInfo.type.length == 0) {
-          this.$message.error("课程分类不能为空");
+          this.$message.error("案例组别不能为空");
           return;
         } else if (this.raceInfo.autor.length == 0) {
           this.$message.error("请添加联系人");
@@ -343,7 +343,7 @@ export default {
         this.$message.error("标题不能为空");
         return;
       } else if (this.raceInfo.type.length == 0) {
-        this.$message.error("课程分类不能为空");
+        this.$message.error("案例组别不能为空");
         return;
       } else if (this.raceInfo.autor.length == 0) {
         this.$message.error("请添加联系人");

src/components/pages/race/addRace/raceDetail.vue

@@ -10,7 +10,10 @@
             </div>
             <div class="stepRightNav" @click="jump('first')">
               <div>项目基本信息</div>
-              <div class="isFinishCss" v-if="raceDetail.title != '' && raceDetail.type.length > 0">
+              <div
+                class="isFinishCss"
+                v-if="raceDetail.title != '' && raceDetail.type.length > 0"
+              >
                 <div class="isFinish">
                   <img src="../../../../assets/icon/race/finish.png" alt="" />
                 </div>
@@ -91,28 +94,49 @@
         </div>
         <div class="right">
           <div class="whiteBg">
-            <div class="right_title" id="first">项目基本信息</div>
+            <div class="right_title" id="first"><span style="color:red;">*</span>项目基本信息</div>
             <div class="basic_box">
               <div class="big_box">
                 <div class="left_first">
                   <div>
                     <div>
                       <div class="bInfo_title" style="margin-bottom: 15px">
-                        案例名称
+                         案例名称
                       </div>
                       <div style="display: flex; margin-right: 20px">
-                        <img src="../../../../assets/icon/projectName.png" alt style="margin-right: 8px" />
-                        <input type="text" placeholder="请输入项目名称" class="binfo_input" v-model="raceDetail.title"
-                          @input="updateTitle" />
+                        <img
+                          src="../../../../assets/icon/projectName.png"
+                          alt
+                          style="margin-right: 8px"
+                        />
+                        <input
+                          type="text"
+                          placeholder="请输入项目名称"
+                          class="binfo_input"
+                          v-model="raceDetail.title"
+                          @input="updateTitle"
+                        />
                       </div>
                     </div>
                     <div class="both">
                       <div class="choose">
-                        <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index">
+                        <div
+                          class="all_choose"
+                          v-for="(item, index) in CourseType[0]"
+                          :key="index"
+                        >
                           <span>{{ item.name }}</span>
-                          <el-checkbox-group v-model="raceDetail.type" @change="updateTitle">
-                            <el-checkbox @change="updateType(item1)" v-for="item1 in CourseTypeJson[item.id]"
-                              :key="item1.id" :label="item1.id">{{ item1.name }}</el-checkbox>
+                          <el-checkbox-group
+                            v-model="raceDetail.type"
+                            @change="updateTitle"
+                          >
+                            <el-checkbox
+                              @change="updateType(item1)"
+                              v-for="item1 in CourseTypeJson[item.id]"
+                              :key="item1.id"
+                              :label="item1.id"
+                              >{{ item1.name }}</el-checkbox
+                            >
                           </el-checkbox-group>
                         </div>
                       </div>
@@ -124,7 +148,7 @@
           </div>
           <div class="whiteBg" style="border-radius: 0">
             <div class="right_first">
-              <div class="right_title" id="second">案例封面设置</div>
+              <div class="right_title" id="second"><span style="color:red;">*</span>案例封面设置</div>
               <div class="fmBox">
                 <div>
                   <div class="bInfo_title" style="margin-top: 0 !important">
@@ -132,9 +156,16 @@
                   </div>
                   <div class="picBox">
                     <div>
-                      <div class="uploadFm" v-if="raceDetail.cover.length === 0" @click="choosePicVisible = true">
+                      <div
+                        class="uploadFm"
+                        v-if="raceDetail.cover.length === 0"
+                        @click="choosePicVisible = true"
+                      >
                         <!-- @click="addImg($event)" -->
-                        <img src="../../../../assets/icon/addPoster.png" alt="" />
+                        <img
+                          src="../../../../assets/icon/addPoster.png"
+                          alt=""
+                        />
                         <!-- <input
                           type="file"
                           accept="image/*"
@@ -142,10 +173,23 @@
                           @change="beforeUpload1"
                         /> -->
                       </div>
-                      <el-upload :class="{ disUoloadSty: noneBtnImg }" class="upCss" action="#" list-type="picture"
-                        v-loading="uploadLoading1" :http-request="beforeUpload1" ref="upload1"
-                        :on-preview="handlePictureCardPreview" :on-remove="handle_remove1" :show-file-list="true"
-                        :file-list="raceDetail.cover" accept="image/*" :limit="1" :on-exceed="onExceed" v-else>
+                      <el-upload
+                        :class="{ disUoloadSty: noneBtnImg }"
+                        class="upCss"
+                        action="#"
+                        list-type="picture"
+                        v-loading="uploadLoading1"
+                        :http-request="beforeUpload1"
+                        ref="upload1"
+                        :on-preview="handlePictureCardPreview"
+                        :on-remove="handle_remove1"
+                        :show-file-list="true"
+                        :file-list="raceDetail.cover"
+                        accept="image/*"
+                        :limit="1"
+                        :on-exceed="onExceed"
+                        v-else
+                      >
                         <i class="el-icon-plus"></i>
                       </el-upload>
                     </div>
@@ -156,17 +200,29 @@
           </div>
           <div class="whiteBg" style="border-radius: 0">
             <div class="right_first">
-              <div class="right_title" id="third">联系人</div>
-              <div class="addPeople" @click="addAutor(0)" v-if="raceDetail.autor.length == 0">
+              <div class="right_title" id="third"><span style="color:red;">*</span>联系人</div>
+              <div
+                class="addPeople"
+                @click="addAutor(0)"
+                v-if="raceDetail.autor.length == 0"
+              >
                 添加联系人
               </div>
               <div class="raTable">
-                <el-table class="tableColor" ref="table" :data="raceDetail.autor" :height="tableHeight" :fit="true"
-                  style="width: 100%" :header-cell-style="{
-  background: '#f1f1f1',
-  fontSize: '17px',
-}" :row-class-name="tableRowClassName">
-                  <el-table-column label="姓名" min-width="20" align="center">
+                <el-table
+                  class="tableColor"
+                  ref="table"
+                  :data="raceDetail.autor"
+                  :height="tableHeight"
+                  :fit="true"
+                  style="width: 100%"
+                  :header-cell-style="{
+                    background: '#f1f1f1',
+                    fontSize: '17px',
+                  }"
+                  :row-class-name="tableRowClassName"
+                >
+                  <el-table-column label="姓名" min-width="15" align="center">
                     <template slot-scope="scope">
                       <div class="userImg">
                         <div class="tx">
@@ -184,12 +240,12 @@
                       <div>{{ scope.row.su ? scope.row.su : "" }}</div>
                     </template>
                   </el-table-column>
-                  <el-table-column label="学校" min-width="15" align="center">
+                  <el-table-column label="学校" min-width="20" align="center">
                     <template slot-scope="scope">
                       <div>{{ scope.row.sc ? scope.row.sc : "" }}</div>
                     </template>
                   </el-table-column>
-                  <el-table-column label="邮箱" min-width="15" align="center">
+                  <el-table-column label="邮箱" min-width="20" align="center">
                     <template slot-scope="scope">
                       <div>{{ scope.row.em ? scope.row.em : "" }}</div>
                     </template>
@@ -211,10 +267,17 @@
                           @click="updateStudent(scope.row, scope.$index)"
                           >修改</el-button
                         > -->
-                        <div class="delete" style="margin-left: 0" @click="updateStudent(scope.row, scope.$index, 0)">
+                        <div
+                          class="delete"
+                          style="margin-left: 0"
+                          @click="updateStudent(scope.row, scope.$index, 0)"
+                        >
                           <img src="../../../../assets/autorUp.png" alt />
                         </div>
-                        <div class="delete" @click="deleteStudent(scope.$index, 0)">
+                        <div
+                          class="delete"
+                          @click="deleteStudent(scope.$index, 0)"
+                        >
                           <img src="../../../../assets/remove.png" alt />
                         </div>
                       </div>
@@ -222,28 +285,41 @@
                   </el-table-column>
                 </el-table>
               </div>
-              <div style="
+              <div
+                style="
                   color: #cd0808;
                   width: 97%;
                   margin: 10px auto;
                   font-size: 14px;
-                ">
+                "
+              >
                 *项目联系人的所有信息为必填项，每个项目只限1名联系人。
               </div>
             </div>
           </div>
           <div class="whiteBg" style="border-radius: 0">
             <div class="right_first">
-              <div class="right_title" id="sixth">协作者</div>
-              <div class="addPeople" @click="addAutor(1)" v-if="raceDetail.tableData.length < 5">
+              <div class="right_title" id="sixth"><span style="color:red;">*</span>协作者</div>
+              <div
+                class="addPeople"
+                @click="addAutor(1)"
+                v-if="raceDetail.tableData.length < 5"
+              >
                 添加协作者
               </div>
               <div class="raTable">
-                <el-table class="tableColor" ref="table" :data="raceDetail.tableData" :height="tableHeight" :fit="true"
-                  style="width: 100%" :header-cell-style="{
-  background: '#f1f1f1',
-  fontSize: '17px',
-}">
+                <el-table
+                  class="tableColor"
+                  ref="table"
+                  :data="raceDetail.tableData"
+                  :height="tableHeight"
+                  :fit="true"
+                  style="width: 100%"
+                  :header-cell-style="{
+                    background: '#f1f1f1',
+                    fontSize: '17px',
+                  }"
+                >
                   <el-table-column label="姓名" min-width="20" align="center">
                     <template slot-scope="scope">
                       <div class="userImg">
@@ -288,10 +364,17 @@
                           @click="updateStudent(scope.row, scope.$index)"
                           >修改</el-button
                         > -->
-                        <div class="delete" style="margin-left: 0" @click="updateStudent(scope.row, scope.$index, 1)">
+                        <div
+                          class="delete"
+                          style="margin-left: 0"
+                          @click="updateStudent(scope.row, scope.$index, 1)"
+                        >
                           <img src="../../../../assets/autorUp.png" alt />
                         </div>
-                        <div class="delete" @click="deleteStudent(scope.$index, 1)">
+                        <div
+                          class="delete"
+                          @click="deleteStudent(scope.$index, 1)"
+                        >
                           <img src="../../../../assets/remove.png" alt />
                         </div>
                       </div>
@@ -299,23 +382,33 @@
                   </el-table-column>
                 </el-table>
               </div>
-              <div style="
+              <div
+                style="
                   color: #cd0808;
                   width: 97%;
                   margin: 10px auto;
                   font-size: 14px;
-                ">
+                "
+              >
                 协作者（不含联系人）不超过5人；姓名为必填项，其余信息非必填项。
               </div>
             </div>
           </div>
           <div class="whiteBg" style="border-radius: 0">
             <div class="right_first">
-              <div class="right_title" id="fouth">项目简介</div>
+              <div class="right_title" id="fouth"><span style="color:red;">*</span>项目简介</div>
               <div class="secondTop">
-                <el-input type="textarea" style="font-family: '微软雅黑'"
-                  placeholder="200字以内，介绍项目背景，描述生活中的现象，引出要解决的核心问题，概述解决问题的思路及预期成果等。" v-model="raceDetail.courseText"
-                  @input="updateTitle" maxlength="200" show-word-limit rows="8" class="tAreaCss" cols>
+                <el-input
+                  type="textarea"
+                  placeholder="200字以内，介绍项目背景，描述生活中的现象，引出要解决的核心问题，概述解决问题的思路及预期成果等。"
+                  v-model="raceDetail.courseText"
+                  @input="updateTitle"
+                  maxlength="200"
+                  show-word-limit
+                  rows="8"
+                  class="tAreaCss"
+                  cols
+                >
                 </el-input>
                 <!-- <textarea
                   rows="8"
@@ -333,31 +426,59 @@
           </div>
           <div class="whiteBg" style="border-radius: 0">
             <div class="right_first">
-              <div class="right_title" id="fivth">文件上传</div>
+              <div class="right_title" id="fivth"><span style="color:red;">*</span>文件上传</div>
               <div class="secondTop">
                 <div>
                   <div class="basic_box1" style="width: 100%">
                     <div>
-                      <div class="add_chapters_box" v-if="raceDetail.data && raceDetail.data.length == 0"></div>
-                      <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
-                        <div class="chapter_upload" v-for="(item, index) in raceDetail.data" :key="item.id">
+                      <div
+                        class="add_chapters_box"
+                        v-if="raceDetail.data && raceDetail.data.length == 0"
+                      ></div>
+                      <div
+                        v-else
+                        class="add_chapters_box"
+                        style="display: flex; flex-direction: column"
+                      >
+                        <div
+                          class="chapter_upload"
+                          v-for="(item, index) in raceDetail.data"
+                          :key="item.id"
+                        >
                           <div class="chapter_upload_t"></div>
                           <div class="chapter_upload_o">
                             <div class="chapter_upload_l">
-                              <div v-if="item.type == 2" class="chapter_upload_l_i1"></div>
-                              <div v-if="item.type == 1 || item.type == 3" class="chapter_upload_l_i5"></div>
+                              <div
+                                v-if="item.type == 2"
+                                class="chapter_upload_l_i1"
+                              ></div>
+                              <div
+                                v-if="item.type == 1 || item.type == 3"
+                                class="chapter_upload_l_i5"
+                              ></div>
                             </div>
                             <div class="chapter_upload_ic">
                               <div class="chapter_upload_ic_l"></div>
-                              <div class="chapter_upload_ic_r" @click.stop="
-  deleteChapterData($event, index, 0)
-">
+                              <div
+                                class="chapter_upload_ic_r"
+                                @click.stop="
+                                  deleteChapterData($event, index, 0)
+                                "
+                              >
                                 <div></div>
                               </div>
                             </div>
                             <div class="chapter_upload_n">
-                              <input class="first" v-if="item.type == 1 || item.type == 3" :placeholder="item.name" />
-                              <input class="first" v-if="item.type == 2" :placeholder="item.name" />
+                              <input
+                                class="first"
+                                v-if="item.type == 1 || item.type == 3"
+                                :placeholder="item.name"
+                              />
+                              <input
+                                class="first"
+                                v-if="item.type == 2"
+                                :placeholder="item.name"
+                              />
                               <div class="chapter_upload_ud">
                                 <div class="chapter_upload_up"></div>
                                 <div class="chapter_upload_down"></div>
@@ -369,11 +490,18 @@
                     </div>
                     <div class="add_info_box">
                       <div class="upTips">
-                        <button class="info_btn" @click="addImg($event)" style="min-width: 108px">
+                        <button
+                          class="info_btn"
+                          @click="addImg($event)"
+                          style="min-width: 108px"
+                        >
                           上传附件
-                          <input type="file"
+                          <input
+                            type="file"
                             accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document,video/mp4, video/quicktime, video/x-msvideo,image/*"
-                            style="display: none" @change="beforeUpload($event, null, 0)" />
+                            style="display: none"
+                            @change="beforeUpload($event, null, 0)"
+                          />
                         </button>
                         <div>
                           此处需要提交《项目式学习方案设计》、《项目式学习活动案例》，此处只能上传PDF，文件不限制大小。
@@ -383,13 +511,20 @@
                     <div v-if="raceDetail.data.proVisible" class="mask">
                       <div class="progressBox">
                         <div class="lbox">
-                          <img src="../../../../assets/loading.gif" />上传中，请稍后
+                          <img
+                            src="../../../../assets/loading.gif"
+                          />上传中，请稍后
                         </div>
-                        <el-progress :text-inside="true" :stroke-width="20" :percentage="
-  raceDetail.data.progress
-    ? raceDetail.data.progress
-    : 0
-" style="width: 80%"></el-progress>
+                        <el-progress
+                          :text-inside="true"
+                          :stroke-width="20"
+                          :percentage="
+                            raceDetail.data.progress
+                              ? raceDetail.data.progress
+                              : 0
+                          "
+                          style="width: 80%"
+                        ></el-progress>
                       </div>
                     </div>
                   </div>
@@ -405,32 +540,64 @@
         </div> -->
       </div>
     </div>
-    <el-dialog :title="isAddOrUp == true ? '修改项目成员' : '添加项目成员'" :visible.sync="dialogVisibleMember"
-      :append-to-body="true" width="700px" height="80%" :before-close="handleClose" class="add_student">
+    <el-dialog
+      :title="isAddOrUp == true ? '修改项目成员' : '添加项目成员'"
+      :visible.sync="dialogVisibleMember"
+      :append-to-body="true"
+      width="700px"
+      height="80%"
+      :before-close="handleClose"
+      class="add_student"
+    >
       <el-form>
         <el-form-item label="姓名" :label-width="formLabelWidth">
           <span>
-            <el-input placeholder="请输入姓名" clearable v-model="sName" class="add_input"></el-input>
+            <el-input
+              placeholder="请输入姓名"
+              clearable
+              v-model="sName"
+              class="add_input"
+            ></el-input>
           </span>
         </el-form-item>
         <el-form-item label="学科" :label-width="formLabelWidth">
           <span>
-            <el-input placeholder="请输入学科" clearable v-model="sSubject" class="add_input"></el-input>
+            <el-input
+              placeholder="请输入学科"
+              clearable
+              v-model="sSubject"
+              class="add_input"
+            ></el-input>
           </span>
         </el-form-item>
         <el-form-item label="学校" :label-width="formLabelWidth">
           <span>
-            <el-input placeholder="请输入学校" clearable v-model="sSchool" class="add_input"></el-input>
+            <el-input
+              placeholder="请输入学校"
+              clearable
+              v-model="sSchool"
+              class="add_input"
+            ></el-input>
           </span>
         </el-form-item>
         <el-form-item label="邮箱" :label-width="formLabelWidth">
           <span>
-            <el-input placeholder="请输入邮箱" clearable v-model="sEmail" class="add_input"></el-input>
+            <el-input
+              placeholder="请输入邮箱"
+              clearable
+              v-model="sEmail"
+              class="add_input"
+            ></el-input>
           </span>
         </el-form-item>
         <el-form-item label="电话" :label-width="formLabelWidth">
           <span>
-            <el-input placeholder="请输入电话" clearable v-model="sPhone" class="add_input"></el-input>
+            <el-input
+              placeholder="请输入电话"
+              clearable
+              v-model="sPhone"
+              class="add_input"
+            ></el-input>
           </span>
         </el-form-item>
       </el-form>
@@ -439,19 +606,37 @@
         <el-button type="primary" @click="isAddPPTeacher">确定</el-button>
       </span>
     </el-dialog>
-    <el-dialog title="上传图片" :visible.sync="choosePicVisible" :append-to-body="true" width="500px"
-      :before-close="handleClose" class="dialog_diy">
+    <el-dialog
+      title="上传图片"
+      :visible.sync="choosePicVisible"
+      :append-to-body="true"
+      width="500px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
       <div>
         <div class="fileCss" style="padding-top: 20px">
           <div>
             <button class="info_btn" @click="addImg($event)">
               选择本地文件
-              <input type="file" accept="image/*" style="display: none" @change="beforeUpload1" />
+              <input
+                type="file"
+                accept="image/*"
+                style="display: none"
+                @change="beforeUpload1"
+              />
             </button>
           </div>
           <div>
-            <el-button @click="getAllBanner" v-if="isSysPic == false && raceDetail.cover.length == 0">选择系统文件</el-button>
-            <div class="isSysPic" v-if="isSysPic == true && raceDetail.cover.length > 0">
+            <el-button
+              @click="getAllBanner"
+              v-if="isSysPic == false && raceDetail.cover.length == 0"
+              >选择系统文件</el-button
+            >
+            <div
+              class="isSysPic"
+              v-if="isSysPic == true && raceDetail.cover.length > 0"
+            >
               <img :src="raceDetail.cover[0].url" alt="" />
               <div class="deletePic" @click="deleteSysPic">
                 <img src="../../../../assets/icon/delete.png" alt="" />
@@ -466,22 +651,46 @@
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="choosePicVisible = false">取 消</el-button>
-        <el-button type="primary" @click="choosePicVisible = false">确 定</el-button>
+        <el-button type="primary" @click="choosePicVisible = false"
+          >确 定</el-button
+        >
       </span>
     </el-dialog>
-    <el-dialog title="选择系统文件" :visible.sync="sysPicVisible" :append-to-body="true" width="700px"
-      :before-close="handleClose" class="dialog_diy">
+    <el-dialog
+      title="选择系统文件"
+      :visible.sync="sysPicVisible"
+      :append-to-body="true"
+      width="700px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
       <div class="cru_selectBox" style="margin: 0">
-        <div @click="getChoosePic(1)" class="cru_select" :class="chooseType == 1 ? 'cru_selected' : ''">
+        <div
+          @click="getChoosePic(1)"
+          class="cru_select"
+          :class="chooseType == 1 ? 'cru_selected' : ''"
+        >
           绘画
         </div>
-        <div @click="getChoosePic(2)" class="cru_select" :class="chooseType == 2 ? 'cru_selected' : ''">
+        <div
+          @click="getChoosePic(2)"
+          class="cru_select"
+          :class="chooseType == 2 ? 'cru_selected' : ''"
+        >
           科技
         </div>
-        <div @click="getChoosePic(3)" class="cru_select" :class="chooseType == 3 ? 'cru_selected' : ''">
+        <div
+          @click="getChoosePic(3)"
+          class="cru_select"
+          :class="chooseType == 3 ? 'cru_selected' : ''"
+        >
           人文
         </div>
-        <div @click="getChoosePic(4)" class="cru_select" :class="chooseType == 4 ? 'cru_selected' : ''">
+        <div
+          @click="getChoosePic(4)"
+          class="cru_select"
+          :class="chooseType == 4 ? 'cru_selected' : ''"
+        >
           艺术
         </div>
       </div>
@@ -776,7 +985,7 @@ export default {
       if (
         file.name
           .split(".")
-        [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
+          [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
       ) {
         this.$message.error("请上传PDF文件！");
         return;
@@ -786,7 +995,7 @@ export default {
         c.indexOf(
           file.name
             .split(".")
-          [file.name.split(".").length - 1].toLocaleUpperCase()
+            [file.name.split(".").length - 1].toLocaleUpperCase()
         ) != -1
       ) {
         type1 = 1;
@@ -794,7 +1003,7 @@ export default {
         d.indexOf(
           file.name
             .split(".")
-          [file.name.split(".").length - 1].toLocaleUpperCase()
+            [file.name.split(".").length - 1].toLocaleUpperCase()
         ) != -1
       ) {
         type1 = 3;
@@ -856,29 +1065,30 @@ export default {
     },
     updateType(sid) {
       var a = this.raceDetail.type;
-      var c = []
+      var c = [];
       var b = sid.pid;
-      var d = []
+      var d = [];
       // for (var i = 0; i < this.CourseType[1].length; i++) {
       //   if (this.CourseType[1][i].id == sid) {
       //     b = this.CourseType[1][i].pid;
       //   }
       // }
 
-      if (b == "34629bcc-d02f-11ec-8c78-005056b86db5" && a.indexOf(sid.id) != -1) {
+      if (
+        b == "34629bcc-d02f-11ec-8c78-005056b86db5" &&
+        a.indexOf(sid.id) != -1
+      ) {
         for (var j = 0; j < this.CourseTypeJson[b].length; j++) {
-          d.push(this.CourseTypeJson[b][j].id)
+          d.push(this.CourseTypeJson[b][j].id);
         }
-        for(var i = 0;i<a.length;i++){
-          if(d.indexOf(a[i]) == -1){
-            c.push(a[i])
+        for (var i = 0; i < a.length; i++) {
+          if (d.indexOf(a[i]) == -1) {
+            c.push(a[i]);
           }
         }
         c.push(sid.id);
-        this.raceDetail.type = c
+        this.raceDetail.type = c;
       }
-
-
     },
     isAddPPTeacher() {
       if (this.isAutor == true) {
@@ -1007,7 +1217,7 @@ export default {
           }
           this.$emit("updateTitle", this.raceDetail);
         })
-        .catch(() => { });
+        .catch(() => {});
     },
     selectType() {
       this.ajax
@@ -1082,29 +1292,29 @@ export default {
   }
 }
 
-.dialog_diy>>>.el-dialog__header {
+.dialog_diy >>> .el-dialog__header {
   background: #3c3c3c !important;
   padding: 15px 20px;
 }
 
-.dialog_diy>>>.el-dialog__title {
+.dialog_diy >>> .el-dialog__title {
   color: #fff;
 }
 
-.dialog_diy>>>.el-dialog__headerbtn {
+.dialog_diy >>> .el-dialog__headerbtn {
   top: 19px;
 }
 
-.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close {
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
   color: #fff;
 }
 
-.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover {
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
   color: #fff;
 }
 
-.dialog_diy>>>.el-dialog__body,
-.dialog_diy>>>.el-dialog__footer {
+.dialog_diy >>> .el-dialog__body,
+.dialog_diy >>> .el-dialog__footer {
   background: #fafafa;
 }
 
@@ -1156,7 +1366,7 @@ export default {
   height: 130px;
 }
 
-.steps>div:nth-child(1)>img {
+.steps > div:nth-child(1) > img {
   z-index: 9;
   position: relative;
 }
@@ -1221,13 +1431,13 @@ export default {
   padding: 25px;
 }
 
-.allBox>div:nth-child(1) {
+.allBox > div:nth-child(1) {
   color: #0f40f5;
   font-size: 18px;
   font-weight: bold;
 }
 
-.raceTop>div:nth-child(2) {
+.raceTop > div:nth-child(2) {
   width: 80%;
   margin-top: 10px;
 }
@@ -1258,12 +1468,12 @@ export default {
   width: 100%;
 }
 
-.choose>.all_choose:nth-child(2)>span,
-.choose>.all_choose:nth-child(3)>span {
+.choose > .all_choose:nth-child(2) > span,
+.choose > .all_choose:nth-child(3) > span {
   letter-spacing: 31px;
 }
 
-.all_choose>span {
+.all_choose > span {
   width: 120px;
   /* display: block;
   letter-spacing: 33px;
@@ -1272,7 +1482,7 @@ export default {
   text-overflow: ellipsis; */
 }
 
-.all_choose>>>.el-checkbox-group {
+.all_choose >>> .el-checkbox-group {
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -1283,14 +1493,14 @@ export default {
   margin-top: 3px;
 }
 
-.all_choose>.el-checkbox-group>>>.el-checkbox {
+.all_choose > .el-checkbox-group >>> .el-checkbox {
   margin-bottom: 10px;
   display: flex;
   flex-direction: row;
   align-items: center;
 }
 
-.all_choose>.el-checkbox-group>.el-checkbox>>>.el-checkbox__label {
+.all_choose > .el-checkbox-group > .el-checkbox >>> .el-checkbox__label {
   width: 85px;
   min-width: 85px;
   /* min-width: 80px;
@@ -1300,11 +1510,11 @@ export default {
   white-space: nowrap; */
 }
 
-.all_choose>.el-checkbox-group>.el-checkbox>>>.el-checkbox__label:hover {
+.all_choose > .el-checkbox-group > .el-checkbox >>> .el-checkbox__label:hover {
   width: auto;
 }
 
-.disUoloadSty>>>.el-icon-plus {
+.disUoloadSty >>> .el-icon-plus {
   display: none !important;
   /* 上传按钮隐藏 */
 }
@@ -1315,7 +1525,7 @@ export default {
   justify-content: flex-start;
 }
 
-.upCss>>>.el-icon-plus {
+.upCss >>> .el-icon-plus {
   position: none !important;
   width: 200px;
   height: 100px;
@@ -1330,14 +1540,14 @@ export default {
   z-index: 999;
 }
 
-.upCss>>>.el-upload-list__item-name {
+.upCss >>> .el-upload-list__item-name {
   width: 100px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.upCss>>>.el-upload-list--picture .el-upload-list__item-thumbnail {
+.upCss >>> .el-upload-list--picture .el-upload-list__item-thumbnail {
   object-fit: cover;
 }
 
@@ -1349,7 +1559,7 @@ export default {
   cursor: pointer;
 }
 
-.uploadFm>img {
+.uploadFm > img {
   position: absolute;
   top: 25px;
   left: 35%;
@@ -1404,16 +1614,20 @@ export default {
   margin: 10px auto;
 }
 
-.tAreaCss>>>.el-textarea__inner {
+.tAreaCss >>> .el-textarea__inner {
   resize: none;
   font-size: 14px;
 }
 
-.addNewPP>>>.el-dialog__body {
+.tAreaCss >>> .el-textarea__inner {
+  font-family: "微软雅黑";
+}
+
+.addNewPP >>> .el-dialog__body {
   padding: 5px 20px;
 }
 
-.customWidth>>>.el-dialog {
+.customWidth >>> .el-dialog {
   min-width: 500px !important;
 }
 
@@ -1468,7 +1682,7 @@ export default {
   width: 30px;
 }
 
-.logoImg>img {
+.logoImg > img {
   width: 100%;
   height: 100%;
 }
@@ -1507,40 +1721,40 @@ export default {
   margin-left: 10px;
 }
 
-.tx>img,
-.delete>img {
+.tx > img,
+.delete > img {
   width: 100%;
   height: 100%;
 }
 
-.add_student>>>.el-dialog__header {
+.add_student >>> .el-dialog__header {
   padding: 20px 20px 10px;
   text-align: center;
   background: #32455b;
 }
 
-.add_student>>>.el-dialog__title {
+.add_student >>> .el-dialog__title {
   font-size: 14px !important;
   color: #fff !important;
 }
 
-.add_student>>>.el-dialog__headerbtn {
+.add_student >>> .el-dialog__headerbtn {
   font-size: 20px !important;
 }
 
-.add_student>>>.el-form-item__label {
+.add_student >>> .el-form-item__label {
   margin-left: 65px;
 }
 
-.add_student>>>.el-form-item {
+.add_student >>> .el-form-item {
   display: flex;
 }
 
-.add_student>>>.el-form-item__content {
+.add_student >>> .el-form-item__content {
   margin: 0 !important;
 }
 
-.add_student>>>.el-dialog__footer {
+.add_student >>> .el-dialog__footer {
   text-align: center !important;
 }
 
@@ -1590,9 +1804,9 @@ export default {
   cursor: pointer;
 }
 
-.sysPic>img,
-.isSysPic>img,
-.deletePic>img {
+.sysPic > img,
+.isSysPic > img,
+.deletePic > img {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -1676,8 +1890,8 @@ export default {
   height: auto;
 }
 
-.raTable>>>.el-table,
-.raTable>>>.el-table__body-wrapper {
+.raTable >>> .el-table,
+.raTable >>> .el-table__body-wrapper {
   height: auto !important;
   font-size: 16px !important;
 }
@@ -1890,7 +2104,7 @@ export default {
   margin-right: 20px;
 }
 
-.progressBox>>>.el-progress-bar__outer {
+.progressBox >>> .el-progress-bar__outer {
   background-color: #d1dfff !important;
 }
 
@@ -1913,13 +2127,13 @@ export default {
   align-items: baseline;
 }
 
-.upTips>div {
+.upTips > div {
   margin-left: 10px;
   color: #999;
   font-size: 14px;
 }
 
-.tableColor>>>.tr-blue {
+.tableColor >>> .tr-blue {
   color: #628ff3 !important;
 }
 
@@ -1940,7 +2154,7 @@ export default {
   align-items: flex-end;
 }
 
-.isFinishCss>div:nth-child(2) {
+.isFinishCss > div:nth-child(2) {
   margin-left: 5px;
   color: #939393;
 }
@@ -1951,7 +2165,7 @@ export default {
   margin-top: 5px;
 }
 
-.isFinish>img {
+.isFinish > img {
   width: 100%;
   height: 100%;
 }

src/components/pages/race/addRace/raceOverview.vue

@@ -87,7 +87,7 @@
                 <editor-bar
                   v-model="raceOver.driQuestion.brief"
                   @change="upRaceOver"
-                  :placeholder="'可包括“阶段性问题”和“学科问题”：“阶段性问题”是指在核心问题解决的不同阶段，通过提出驱动性问题，明确阶段子任务；“学科问题”是指从不同学科的角度分解和提出要研究解决的主要问题。'"
+                  :placeholder="'问题贯穿项⽬式学习始终。在项⽬实践过程中，围绕项⽬核⼼问题的探究，拆分出若⼲⼦问题，进⽽明确项⽬的不同阶段及其⼦任务。另外，还要从学科的⻆度，结合学科核⼼概念以及学科独特的核⼼思想⽅法，分解和提出要研究解决的驱动问题。如果项⽬是跨学科探究，则需要考虑到不同学科视⻆及跨学科⼤概念。'"
                 ></editor-bar>
                 <div
                   class="fullCss"
@@ -95,7 +95,7 @@
                     fullTools(
                       raceOver.driQuestion.brief,
                       1,
-                      '可包括“阶段性问题”和“学科问题”：“阶段性问题”是指在核心问题解决的不同阶段，通过提出驱动性问题，明确阶段子任务；“学科问题”是指从不同学科的角度分解和提出要研究解决的主要问题。'
+                      '问题贯穿项⽬式学习始终。在项⽬实践过程中，围绕项⽬核⼼问题的探究，拆分出若⼲⼦问题，进⽽明确项⽬的不同阶段及其⼦任务。另外，还要从学科的⻆度，结合学科核⼼概念以及学科独特的核⼼思想⽅法，分解和提出要研究解决的驱动问题。如果项⽬是跨学科探究，则需要考虑到不同学科视⻆及跨学科⼤概念。'
                     )
                   "
                 >

src/components/pages/race/eventCenter/anliDetail.vue

@@ -253,40 +253,40 @@
               </div>
               <div class="upCss">
                 <div class="look_file">
-                    <pdf
-                      v-if="pptImgUrl2.infoData.showType == 1"
-                      :pdfUrl="pptImgUrl2.infoData.url"
-                      style="width: 100%; height: 400px; overflow: auto"
-                      :class="{ fullStyle: full }"
-                    ></pdf>
-                    <iframe
-                      v-else-if="pptImgUrl2.infoData.showType == 2"
-                      :src="pptImgUrl2.infoData.url"
-                      frameborder="0"
-                      width="100%"
-                      height="400"
-                      :class="{ fullStyle: full }"
-                    ></iframe>
-                    <div
-                      class="workd_media"
-                      style="height: 400px"
-                      v-else-if="pptImgUrl2.infoData.showType == 3"
-                    >
-                      <video-player
-                        class="video-player vjs-custom-skin"
-                        :playsinline="true"
-                        :options="pptImgUrl2.infoData.playerO"
-                        @play="onPlayerPlay($event)"
-                        style="width: 70%; height: 400px; margin: 0 auto"
-                      ></video-player>
-                    </div>
-                    <div
-                      class="leftImg"
-                      style="height: 400px"
-                      v-else-if="pptImgUrl2.infoData.showType == 4"
-                    >
-                      <img :src="pptImgUrl2.infoData.url" alt="" />
-                    </div>
+                  <pdf
+                    v-if="pptImgUrl2.infoData.showType == 1"
+                    :pdfUrl="pptImgUrl2.infoData.url"
+                    style="width: 100%; height: 400px; overflow: auto"
+                    :class="{ fullStyle: full }"
+                  ></pdf>
+                  <iframe
+                    v-else-if="pptImgUrl2.infoData.showType == 2"
+                    :src="pptImgUrl2.infoData.url"
+                    frameborder="0"
+                    width="100%"
+                    height="400"
+                    :class="{ fullStyle: full }"
+                  ></iframe>
+                  <div
+                    class="workd_media"
+                    style="height: 400px"
+                    v-else-if="pptImgUrl2.infoData.showType == 3"
+                  >
+                    <video-player
+                      class="video-player vjs-custom-skin"
+                      :playsinline="true"
+                      :options="pptImgUrl2.infoData.playerO"
+                      @play="onPlayerPlay($event)"
+                      style="width: 70%; height: 400px; margin: 0 auto"
+                    ></video-player>
+                  </div>
+                  <div
+                    class="leftImg"
+                    style="height: 400px"
+                    v-else-if="pptImgUrl2.infoData.showType == 4"
+                  >
+                    <img :src="pptImgUrl2.infoData.url" alt="" />
+                  </div>
                 </div>
                 <div class="fileBox">
                   <div
@@ -444,7 +444,7 @@
                         alt=""
                       />
                     </div>
-                    <div>佐证材料</div>
+                    <div>项⽬材料</div>
                   </div>
                   <el-button @click="lookFile1(pptImgUrl2.overData.driData.url)"
                     >全屏查看</el-button
@@ -613,7 +613,7 @@
                         alt=""
                       />
                     </div>
-                    <div>佐证材料</div>
+                    <div>项⽬材料</div>
                   </div>
                   <el-button @click="lookFile1(pptImgUrl2.overData.tarData.url)"
                     >全屏查看</el-button
@@ -783,7 +783,7 @@
                         alt=""
                       />
                     </div>
-                    <div>佐证材料</div>
+                    <div>项⽬材料</div>
                   </div>
                   <el-button @click="lookFile1(pptImgUrl2.overData.actData.url)"
                     >全屏查看</el-button
@@ -1287,7 +1287,7 @@
                           alt=""
                         />
                       </div>
-                      <div>佐证材料</div>
+                      <div>项⽬材料</div>
                     </div>
                     <el-button
                       @click="lookFile1(pptImgUrl2.proData[jdIndex].url)"
@@ -1473,7 +1473,7 @@
                         alt=""
                       />
                     </div>
-                    <div>佐证材料</div>
+                    <div>项⽬材料</div>
                   </div>
                   <el-button @click="lookFile1(pptImgUrl2.excData.url)"
                     >全屏查看</el-button
@@ -1656,7 +1656,7 @@
                         alt=""
                       />
                     </div>
-                    <div>佐证材料</div>
+                    <div>项⽬材料</div>
                   </div>
                   <el-button @click="lookFile1(pptImgUrl2.effData.url)"
                     >全屏查看</el-button
@@ -1968,6 +1968,7 @@ export default {
             this.pptImgUrl1.infoData.push({
               url: a.data[i].url,
               type: a.data[i].type,
+              proVisible: false,
             });
           }
           for (var i = 0; i < b.driQuestion.data.length; i++) {
@@ -1980,6 +1981,7 @@ export default {
             this.pptImgUrl1.overData.driData.push({
               url: b.driQuestion.data[i].url,
               type: b.driQuestion.data[i].type,
+              proVisible: false,
             });
           }
           for (var i = 0; i < b.tarDesign.data.length; i++) {
@@ -1992,6 +1994,7 @@ export default {
             this.pptImgUrl1.overData.tarData.push({
               url: b.tarDesign.data[i].url,
               type: b.tarDesign.data[i].type,
+              proVisible: false,
             });
           }
           for (var i = 0; i < b.actiDesign.data.length; i++) {
@@ -2004,6 +2007,7 @@ export default {
             this.pptImgUrl1.overData.actData.push({
               url: b.actiDesign.data[i].url,
               type: b.actiDesign.data[i].type,
+              proVisible: false,
             });
           }
           for (var i = 0; i < c.stageBox.length; i++) {
@@ -2021,6 +2025,7 @@ export default {
               this.pptImgUrl1.proData[i].push({
                 url: c.stageBox[i].data[j].url,
                 type: c.stageBox[i].data[j].type,
+                proVisible: false,
               });
             }
             for (var z = 0; z < c.stageBox[i].actBox.length; z++) {
@@ -2087,6 +2092,7 @@ export default {
             this.pptImgUrl1.excData.push({
               url: e.data[i].url,
               type: e.data[i].type,
+              proVisible: false,
             });
           }
           for (var i = 0; i < f.data.length; i++) {
@@ -2096,6 +2102,7 @@ export default {
             this.pptImgUrl1.effData.push({
               url: f.data[i].url,
               type: f.data[i].type,
+              proVisible: false,
             });
           }
           this.lookFile();
@@ -2885,7 +2892,7 @@ export default {
   .fileBox {
     width: auto !important;
   }
-  .look_file{
+  .look_file {
     width: 55% !important;
   }
 }
@@ -3061,8 +3068,8 @@ body {
 .whiteLeft {
   /* width: 64%; */
   margin: 0;
-  min-height: 400px;
   max-height: 400px;
+  height: auto;
 }
 .navBg,
 .jdNavBg {
@@ -3122,7 +3129,8 @@ body {
   padding: 10px 10px 10px 10px;
   border-radius: 10px;
   text-indent: 20px;
-  height: 280px;
+  height: auto;
+  max-height: 280px;
 }
 .noImg {
   max-height: 300px;

src/components/pages/race/eventCenter/eventMessage.vue

@@ -53,7 +53,7 @@
             >
           </div>
           <div>
-            <span> (一)“文化传承”类项目式学习案例 </span>
+            <span>（一）“文化传承”类项目式学习案例 </span>
           </div>
           <div style="text-indent: 32px">
             <span
@@ -61,7 +61,7 @@
             >
           </div>
           <div>
-            <span> (二)“工程设计”类项目式学习案例 </span>
+            <span>（二）“工程设计”类项目式学习案例 </span>
           </div>
           <div style="text-indent: 32px">
             <span
@@ -69,7 +69,7 @@
             >
           </div>
           <div>
-            <span> (三)“学科主题探究”类项目式学习案例 </span>
+            <span>（三）“学科主题探究”类项目式学习案例 </span>
           </div>
           <div style="text-indent: 32px">
             <span
@@ -77,7 +77,7 @@
             >
           </div>
           <div>
-            <span> (四)“跨学科主题探究”类项目式学习案例 </span>
+            <span>（四）“跨学科主题探究”类项目式学习案例 </span>
           </div>
           <div style="text-indent: 32px">
             <span
@@ -93,7 +93,7 @@
         </div>
         <div class="center_detail">
           <div>
-            <span> (一)指向核心素养培养 </span>
+            <span>（一）指向核心素养培养 </span>
           </div>
           <div style="text-indent: 32px">
             <span
@@ -101,7 +101,7 @@
             </span>
           </div>
           <div>
-            <span>(二)注重过程记录与评价 </span>
+            <span>（二）注重过程记录与评价 </span>
           </div>
           <div style="text-indent: 32px">
             <span
@@ -109,7 +109,7 @@
             >
           </div>
           <div>
-            <span>(三)注重真实问题解决 </span>
+            <span>（三）注重真实问题解决 </span>
           </div>
           <div style="text-indent: 32px">
             <span
@@ -117,7 +117,7 @@
             >
           </div>
           <div>
-            <span>(四)强调成果创意物化 </span>
+            <span>（四）强调成果创意物化 </span>
           </div>
           <div style="text-indent: 32px">
             <span
@@ -133,7 +133,7 @@
         </div>
         <div class="center_detail">
           <div>
-            <span> (一)报送内容 </span>
+            <span>（一）报送内容 </span>
           </div>
           <div style="text-indent: 32px">
             <span
@@ -151,7 +151,7 @@
             </span>
           </div>
           <div>
-            <span> (二)报送方法 </span>
+            <span>（二）报送方法 </span>
           </div>
           <div style="text-indent: 32px">
             <span
@@ -172,7 +172,7 @@
         </div>
         <div class="center_detail">
           <div>
-            <span> (一)提交阶段 </span>
+            <span>（一）提交阶段 </span>
           </div>
           <div style="text-indent: 32px">
             <span>（1）通过参与地市组织的活动提交案例。 </span>
@@ -183,7 +183,7 @@
             </span>
           </div>
           <div>
-            <span> (二)评审阶段 </span>
+            <span>（二）评审阶段 </span>
           </div>
           <div style="text-indent: 32px">
             <span

src/components/pages/race/eventCenter/myAnli.vue

@@ -406,7 +406,7 @@ export default {
   .xmjj {
     width: 70% !important;
   }
-
+  
   .noAnliBox {
     width: 300px !important;
   }
@@ -431,12 +431,12 @@ export default {
   width: 95%;
   margin: 20px auto 30px;
   border-radius: 10px;
-  height: 210px;
+  height: auto;
 }
-
+/* 
 .isAnliAll {
-  height: 260px;
-}
+  height: auto;
+} */
 
 .anliTop {
   display: flex;
@@ -552,6 +552,7 @@ export default {
   align-items: center;
   justify-content: space-between;
   margin: -10px 10px 0 30px;
+  padding: 15px 0;
 }
 
 .isSubmit {
@@ -611,6 +612,7 @@ export default {
 .selectJj {
   cursor: pointer;
   color: #ccc;
+  min-width: 32px;
 }
 
 .selectJj > img {

src/components/tools/leftBar.vue

@@ -2,7 +2,7 @@
   <div class="bottom">
     <el-row class="tac">
       <el-col :span="12">
-        <el-menu :default-active="path" background-color="#fff" text-color="#777" active-text-color="#fff" router>
+        <el-menu :default-active="path" background-color="#fff" text-color="#777" active-text-color="#fff" router v-if="$store.state.userInfo.type == 2 || $store.state.userInfo.type == 4">
           <el-menu-item index="/anliList" v-if="nav.indexOf('/anliList') != -1">
             <div class="img" v-if="path == '/anliList'">
               <img src="../../assets/icon/course-active.svg" alt="" />
@@ -67,6 +67,118 @@
             <span>通知公告</span>
           </el-menu-item>
         </el-menu>
+        <el-menu :default-active="path" background-color="#fff" text-color="#777" active-text-color="#fff" router v-else-if="$store.state.userInfo.type == 5 || $store.state.userInfo.type == 6">
+          <el-menu-item index="/anliList1" v-if="nav.indexOf('/anliList1') != -1">
+            <div class="img" v-if="path == '/anliList1'">
+              <img src="../../assets/icon/course-active.svg" alt="" />
+            </div>
+            <div class="img" v-else>
+              <img src="../../assets/icon/course.png" alt="" />
+            </div>
+            <span>案例管理</span>
+          </el-menu-item>
+          <el-menu-item index="/user1" v-if="nav.indexOf('/user1') != -1">
+            <div class="img" v-if="path == '/user1'">
+              <img src="../../assets/icon/user-active.png" alt="" />
+            </div>
+            <div class="img" v-else>
+              <img src="../../assets/icon/user.png" alt="" />
+            </div>
+            <span>账号管理</span>
+          </el-menu-item>
+          <el-menu-item index="/school1" v-if="nav.indexOf('/school1') != -1">
+            <div class="img" v-if="path == '/school1'">
+              <img src="../../assets/icon/works-active.png" alt="" />
+            </div>
+            <div class="img" v-else>
+              <img src="../../assets/icon/works.png" alt="" />
+            </div>
+            <span>学校管理</span>
+          </el-menu-item>
+          <el-menu-item index="/score1" v-if="nav.indexOf('/score1') != -1">
+            <div class="img" v-if="path == '/score1'">
+              <img src="../../assets/icon/works-active.png" alt="" />
+            </div>
+            <div class="img" v-else>
+              <img src="../../assets/icon/works.png" alt="" />
+            </div>
+            <span>评分查看</span>
+          </el-menu-item>
+          <el-menu-item index="/data" v-if="nav.indexOf('/data') != -1">
+            <div class="img" v-if="path == '/data'">
+              <img src="../../assets/icon/data-active.png" alt="" />
+            </div>
+            <div class="img" v-else>
+              <img src="../../assets/icon/data.png" alt="" />
+            </div>
+            <span>我的资料</span>
+          </el-menu-item>
+          <el-menu-item index="/notice" v-if="nav.indexOf('/notice') != -1">
+            <div class="img" v-if="path == '/notice'">
+              <img src="../../assets/icon/notice-active.png" alt="" />
+            </div>
+            <div class="img" v-else>
+              <img src="../../assets/icon/notice.png" alt="" />
+            </div>
+            <span>通知公告</span>
+          </el-menu-item>
+        </el-menu>
+        <el-menu :default-active="path" background-color="#fff" text-color="#777" active-text-color="#fff" router v-else-if="$store.state.userInfo.type == 3">
+          <el-menu-item index="/anliList2" v-if="nav.indexOf('/anliList2') != -1">
+            <div class="img" v-if="path == '/anliList2'">
+              <img src="../../assets/icon/course-active.svg" alt="" />
+            </div>
+            <div class="img" v-else>
+              <img src="../../assets/icon/course.png" alt="" />
+            </div>
+            <span>案例管理</span>
+          </el-menu-item>
+          <!-- <el-menu-item index="/user1" v-if="nav.indexOf('/user1') != -1">
+            <div class="img" v-if="path == '/user1'">
+              <img src="../../assets/icon/user-active.png" alt="" />
+            </div>
+            <div class="img" v-else>
+              <img src="../../assets/icon/user.png" alt="" />
+            </div>
+            <span>账号管理</span>
+          </el-menu-item>
+          <el-menu-item index="/school1" v-if="nav.indexOf('/school1') != -1">
+            <div class="img" v-if="path == '/school1'">
+              <img src="../../assets/icon/works-active.png" alt="" />
+            </div>
+            <div class="img" v-else>
+              <img src="../../assets/icon/works.png" alt="" />
+            </div>
+            <span>学校管理</span>
+          </el-menu-item>
+          <el-menu-item index="/score1" v-if="nav.indexOf('/score1') != -1">
+            <div class="img" v-if="path == '/score1'">
+              <img src="../../assets/icon/works-active.png" alt="" />
+            </div>
+            <div class="img" v-else>
+              <img src="../../assets/icon/works.png" alt="" />
+            </div>
+            <span>评分查看</span>
+          </el-menu-item>-->
+          <el-menu-item index="/data" v-if="nav.indexOf('/data') != -1">
+            <div class="img" v-if="path == '/data'">
+              <img src="../../assets/icon/data-active.png" alt="" />
+            </div>
+            <div class="img" v-else>
+              <img src="../../assets/icon/data.png" alt="" />
+            </div>
+            <span>我的资料</span>
+          </el-menu-item>
+          <el-menu-item index="/notice" v-if="nav.indexOf('/notice') != -1">
+            <div class="img" v-if="path == '/notice'">
+              <img src="../../assets/icon/notice-active.png" alt="" />
+            </div>
+            <div class="img" v-else>
+              <img src="../../assets/icon/notice.png" alt="" />
+            </div>
+            <span>通知公告</span>
+          </el-menu-item> 
+        </el-menu>
       </el-col>
     </el-row>
   </div>

src/components/tools/wangEnduit.vue

@@ -211,8 +211,10 @@ export default {
 .editor>>>table th {
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
-  padding: 20px 5px;
+  padding: 5px 10px;
   max-width: 0px;
+  height: 30px;
+  vertical-align: baseline;
 }
 
 .editor>>>table th {
@@ -260,7 +262,7 @@ ol {
 .editor>>>.w-e-text h5,
 .editor>>>.w-e-text table,
 .editor>>>.w-e-text pre {
-  line-height: 1.15;
+  line-height: 0.9;
   margin: 5px 0 !important;
 }
 

src/router/index.js

@@ -15,7 +15,11 @@ import score from '@/components/pages/munAdmin/score'
 import user from '@/components/pages/munAdmin/user'
 import county from '@/components/pages/munAdmin/county'
 import school from '@/components/pages/munAdmin/school'
-
+import anliList1 from '@/components/pages/disAdmin/anliList'
+import user1 from '@/components/pages/disAdmin/user'
+import school1 from '@/components/pages/disAdmin/school'
+import score1 from '@/components/pages/disAdmin/score'
+import anliList2 from '@/components/pages/proAdmin/anliList'
 
 Vue.use(Router).use(ElementUI)
 
@@ -116,6 +120,46 @@ const router = new Router({
                 requireAuth: true // 不需要鉴权
             }
         },
+        {
+            path: '/anliList1',
+            name: 'anliList1',
+            component: anliList1,
+            meta: {
+                requireAuth: true // 不需要鉴权
+            }
+        },
+        {
+            path: '/user1',
+            name: 'user1',
+            component: user1,
+            meta: {
+                requireAuth: true // 不需要鉴权
+            }
+        },
+        {
+            path: '/school1',
+            name: 'school1',
+            component: school1,
+            meta: {
+                requireAuth: true // 不需要鉴权
+            }
+        },
+        {
+            path: '/score1',
+            name: 'score1',
+            component: score1,
+            meta: {
+                requireAuth: true // 不需要鉴权
+            }
+        },
+        {
+            path: '/anliList2',
+            name: 'anliList2',
+            component: anliList2,
+            meta: {
+                requireAuth: true // 不需要鉴权
+            }
+        },
     ]
 })