首页
登录
872880485
/
nml_mobile
关注 1
点赞 0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

提交

WINDOWS-7IFQK7E\EDY 2 年之前
父节点
4d491aedde
当前提交
d38ee1f208
共有 19 个文件被更改，包括 5590 次插入 和 20 次删除
分列视图 显示文件统计
  1. 20 12
      index.html
  2. 3407 0
      package-lock.json
  3. 二进制
      src/assets/icon/icon-success.png
  4. 二进制
      src/assets/icon/icon-warning.png
  5. 二进制
      src/assets/images/bg.png
  6. 二进制
      src/assets/images/qzzx.png
  7. 二进制
      src/assets/images/wjdc.png
  8. 2 7
      src/components.d.ts
  9. 426 0
      src/pages/grzx/index.vue
  10. 293 0
      src/pages/qzzx/index.vue
  11. 138 0
      src/pages/qzzx/qzzxxq/index.vue
  12. 300 0
      src/pages/stxkbzr/index.vue
  13. 313 0
      src/pages/stxkjsd/index.vue
  14. 176 0
      src/pages/stxkjsd/kcxq/index.vue
  15. 126 0
      src/pages/xzxx/index.vue
  16. 0 0
      src/pages/yshd/tpsj/index.vue
  17. 126 0
      src/pages/yshd/tpsj/tpsjxq/index.vue
  18. 244 0
      src/pages/yshd/wjdc/index.vue
  19. 19 1
      src/router/index.js

+ 20 - 12
index.html
查看文件 

@@ -1,14 +1,22 @@
 
 <!DOCTYPE html>
 
 <html lang="zh-CN">
 
-  <head>
 
-    <meta charset="UTF-8" />
 
-    <!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
 
-    <title>ಥ_ಥ</title>
 
-  </head>
 
-  <body>
 
-    <div id="app"></div>
 
-    <script src="/config.js"></script>
 
-    <script type="module" src="/src/main.js"></script>
 
-  </body>
 
-</html>
 
+
 
+<head>
 
+  <meta charset="UTF-8" />
 
+  <!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
 
+  <meta name="viewport"
 
+    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
 
+  <title>ಥ_ಥ</title>
 
+</head>
 
+
 
+<body>
 
+  <div id="app"></div>
 
+  <script src="/config.js"></script>
 
+  <script type="module" src="/src/main.js"></script>
 
+  <script> document.documentElement.style.fontSize = document.documentElement.clientWidth / 750 * 100 + 'px'
 
+    window.onresize = function () {
 
+      document.documentElement.style.fontSize = document.documentElement.clientWidth / 750 * 100 + 'px'
 
+    }</script>
 
+</body>
 
+
 
+</html>

文件差异内容过多而无法显示
+ 3407 - 0
package-lock.json


二进制
src/assets/icon/icon-success.png
查看文件


二进制
src/assets/icon/icon-warning.png
查看文件


二进制
src/assets/images/bg.png
查看文件


二进制
src/assets/images/qzzx.png
查看文件


二进制
src/assets/images/wjdc.png
查看文件


+ 2 - 7
src/components.d.ts
查看文件 

@@ -12,23 +12,18 @@ declare module '@vue/runtime-core' {
 
     ICarbonSun: typeof import('~icons/carbon/sun')['default']
 
     RouterLink: typeof import('vue-router')['RouterLink']
 
     RouterView: typeof import('vue-router')['RouterView']
 
-    VanButton: typeof import('vant/es')['Button']
 
     VanCard: typeof import('vant/es')['Card']
 
+    VanCellGroup: typeof import('vant/es')['CellGroup']
 
     VanConfigProvider: typeof import('vant/es')['ConfigProvider']
 
     VanCountDown: typeof import('vant/es')['CountDown']
 
     VanDivider: typeof import('vant/es')['Divider']
 
     VanField: typeof import('vant/es')['Field']
 
-    VanForm: typeof import('vant/es')['Form']
 
     VanGrid: typeof import('vant/es')['Grid']
 
     VanGridItem: typeof import('vant/es')['GridItem']
 
+    VanIcon: typeof import('vant/es')['Icon']
 
     VanImage: typeof import('vant/es')['Image']
 
     VanList: typeof import('vant/es')['List']
 
     VanNavBar: typeof import('vant/es')['NavBar']
 
-    VanOverlay: typeof import('vant/es')['Overlay']
 
-    VanPopup: typeof import('vant/es')['Popup']
 
-    VanRate: typeof import('vant/es')['Rate']
 
-    VanStep: typeof import('vant/es')['Step']
 
-    VanSteps: typeof import('vant/es')['Steps']
 
     VanSticky: typeof import('vant/es')['Sticky']
 
     VanSubmitBar: typeof import('vant/es')['SubmitBar']
 
     VanSwipe: typeof import('vant/es')['Swipe']

+ 426 - 0
src/pages/grzx/index.vue
查看文件 

@@ -0,0 +1,426 @@
 
+<template>
 
+  <div class="stxk-teacher">
 
+    <van-nav-bar
 
+      title="社团选课"
 
+      left-text=""
 
+      right-text="本班学生选课"
 
+      left-arrow
 
+      @click-left="onClickLeft"
 
+      @click-right="onClickRight"
 
+      
+    />
 
+    <div class="week">
 
+      <ul class="weekday">
 
+        <li>
 
+          <p class="day">周一</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+            <div class="dot-purple"></div>
 
+            <div class="dot-blue"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周二</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+            <div class="dot-purple"></div>
 
+          </div>
 
+        </li>
 
+        <li class="dayblue">
 
+          <p class="day">周三</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+            <div class="dot-green"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周四</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周五</p>
 
+          <div class="dot">
 
+            <div class="dot-green"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周六</p>
 
+          <div class="dot">
 
+            <div class="dot-purple"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周日</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+            <div class="dot-green"></div>
 
+          </div>
 
+        </li>
 
+      </ul>
 
+      <div class="slide"></div>
 
+    </div>
 
+    <div class="class">
 
+      <div class="class-num">课程数量（2）</div>
 
+      <ul class="class-content">
 
+        <li>
 
+          <div class="cc-color"></div>
 
+          <h3 class="c-name">我是课程名称名称</h3>
 
+          <p class="c-detail">
 
+            <span>主讲：周志明</span> <span>地点：教学楼102室</span>
 
+          </p>
 
+          <div class="c-date">
 
+            <span class="date"><van-icon name="clock-o" />10:00 - 13:00</span>
 
+            <div class="active">
 
+              <span>上传教案</span>
 
+              <span>申请</span>
 
+              <span class="findmore">
 
+                <router-link to="/stxk_teacher_class"> 查看详情 </router-link>
 
+              </span>
 
+            </div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <div class="cc-color"></div>
 
+          <h3 class="c-name">我是课程名称名称</h3>
 
+          <p class="c-detail">
 
+            <span>主讲：周志明</span> <span>地点：教学楼102室</span>
 
+          </p>
 
+          <div class="c-date">
 
+            <span class="date"><van-icon name="clock-o" />10:00 - 13:00</span>
 
+            <div class="active">
 
+              <span>上传教案</span>
 
+              <span>已申请</span>
 
+              <span class="findmore">
 
+                <router-link to="/stxk_teacher_class"> 查看详情 </router-link>
 
+              </span>
 
+            </div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <div class="cc-color"></div>
 
+          <h3 class="c-name">我是课程名称名称</h3>
 
+          <p class="c-detail">
 
+            <span>主讲：周志明</span> <span>地点：教学楼102室</span>
 
+          </p>
 
+          <div class="c-date">
 
+            <span class="date"><van-icon name="clock-o" />10:00 - 13:00</span>
 
+            <div class="active">
 
+              <span>上传教案</span>
 
+              <span>签到</span>
 
+              <span class="findmore">
 
+                <router-link to="/stxk_teacher_class"> 查看详情 </router-link>
 
+              </span>
 
+            </div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <div class="cc-color"></div>
 
+          <h3 class="c-name">我是课程名称名称</h3>
 
+          <p class="c-detail">
 
+            <span>主讲：周志明</span> <span>地点：教学楼102室</span>
 
+          </p>
 
+          <div class="c-date">
 
+            <span class="date"><van-icon name="clock-o" />10:00 - 13:00</span>
 
+            <div class="active">
 
+              <div class="teach-plan">
 
+                <span @click="planShow = true">上传教案</span>
 
+              </div>
 
+              <span>已签到</span>
 
+              <span class="findmore">
 
+                <router-link to="/stxk_teacher_class"> 查看详情 </router-link>
 
+              </span>
 
+            </div>
 
+          </div>
 
+        </li>
 
+      </ul>
 
+    </div>
 
+    <div v-show="planShow" class="cover"></div>
 
+    <div class="plan-nav" v-show="planShow">
 
+      <van-icon @click="planShow = false" name="cross" size="0.4rem" />
 
+      <h3>上传教案</h3>
 
+      <p class="rule">支持的格式:jpg,png,pdf,word,ppt</p>
 
+      <div class="upload">
 
+        <van-uploader>
 
+          <van-button icon="plus" round size="mini" type="primary"></van-button>
 
+          点击上传文件
 
+        </van-uploader>
 
+      </div>
 
+      <div class="submit">
 
+        <button>完成</button>
 
+      </div>
 
+    </div>
 
+
 
+    
+  </div>
 
+</template>
 
+<script setup>
 
+import { showToast } from "vant";
 
+const onClickLeft = () => history.back();
 
+const onClickRight = () => showToast("按钮");
 
+const planShow = ref(false);
 
+</script>
 
+
 
+<style lang="scss" scoped>
 
+.stxk-teacher {
 
+  background-color: #f0f3fa;
 
+  min-height: 100vh;
 
+  .cover {
 
+    position: fixed;
 
+    top: 0;
 
+    width: 100vw;
 
+    height: 100vh;
 
+    background-color: #000000;
 
+    opacity: 0.3;
 
+  }
 
+  .plan-nav {
 
+    width: 7rem;
 
+    height: 7.6rem;
 
+    color: #333333;
 
+    background-color: #fff;
 
+    position: fixed;
 
+    top: 3.6rem;
 
+    left: 0.3rem;
 
+    border-radius: 0.1rem;
 
+    z-index: 5;
 
+    padding: 0.2rem 0.1rem;
 
+    box-sizing: border-box;
 
+    i {
 
+      position: absolute;
 
+      right: 0.2rem;
 
+      top: 0.2rem;
 
+    }
 
+    h3 {
 
+      width: 1.26rem;
 
+      height: 0.4rem;
 
+      font-size: 0.3rem;
 
+      position: relative;
 
+    }
 
+    h3::before {
 
+      position: absolute;
 
+      content: "";
 
+      width: 100%;
 
+      height: 0.2rem;
 
+      bottom: 0.01rem;
 
+      border-radius: 0.1rem;
 
+      background-color: #c5c5ff;
 
+      opacity: 0.5;
 
+    }
 
+    .rule {
 
+      color: #919191;
 
+      height: 1rem;
 
+      line-height: 1rem;
 
+      font-size: 0.2rem;
 
+    }
 
+    .upload {
 
+      width: 6.8rem;
 
+      height: 4rem;
 
+      border: 1px dashed #dcdcdc;
 
+      text-align: center;
 
+      line-height: 4rem;
 
+      font-size: 0.28rem;
 
+      button {
 
+        width: 0.4rem;
 
+        height: 0.4rem;
 
+        border-radius: 50%;
 
+        box-sizing: border-box;
 
+        background-color: #003eee;
 
+        vertical-align: middle;
 
+      }
 
+    }
 
+    .submit {
 
+      text-align: center;
 
+      margin-top: 0.4rem;
 
+      button {
 
+        width: 5rem;
 
+        height: 0.68rem;
 
+        background: #003eee;
 
+        border-radius: 0.34rem;
 
+        color: #fff;
 
+        font-size: 0.34rem;
 
+      }
 
+    }
 
+  }
 
+}
 
+// header{
 
+//   display: flex;
 
+//   justify-content: space-between;
 
+//   width: 100%;
 
+//   height: 3rem;
 
+//   line-height: 3rem;
 
+//   background-color: #003EEE;
 
+//   color: #fff;
 
+//   padding: 0 10px;
 
+//   box-sizing: border-box;
 
+//   .left{
 
+
 
+//   }
 
+// }
 
+::v-deep .van-nav-bar {
 
+  width: 100%;
 
+  height: 1rem;
 
+  line-height: 1rem;
 
+  background-color: #003eee;
 
+  .van-nav-bar__title {
 
+    color: #fff !important;
 
+    font-size: 0.36rem;
 
+    font-weight: 350;
 
+  }
 
+  .van-nav-bar__text {
 
+    color: #fff !important;
 
+    font-size: 0.32rem;
 
+    font-weight: 350;
 
+  }
 
+}
 
+.week {
 
+  width: 100%;
 
+  height: 1.8rem;
 
+  background-color: #fff;
 
+  border-radius: 0px 0px 0.4rem 0.4rem;
 
+  padding: 0.2rem 0.05rem;
 
+  box-shadow: 0px 0px 20px 0px rgba(12, 13, 10, 0.1);
 
+  .weekday {
 
+    display: flex;
 
+    justify-content: space-between;
 
+    li {
 
+      width: 0.88rem;
 
+      height: 1.07rem;
 
+      line-height: 1.07rem;
 
+      font-size: 0.28rem;
 
+      background-color: #f0f2f7;
 
+      border-radius: 0.1rem;
 
+      .day {
 
+        width: 0.56rem;
 
+        height: 0.37rem;
 
+        line-height: 0.34rem;
 
+        margin-top: 0.2rem;
 
+        margin-left: 0.1rem;
 
+        text-align: left;
 
+      }
 
+      .dot {
 
+        display: flex;
 
+        justify-content: center;
 
+        div {
 
+          width: 0.1rem;
 
+          height: 0.1rem;
 
+          border-radius: 50%;
 
+          margin: 0.15rem 0.06rem;
 
+          border: 1px solid #ffffff;
 
+          // box-sizing: border-box;
 
+        }
 
+        .dot-orange {
 
+          background-color: #eb6100;
 
+        }
 
+        .dot-purple {
 
+          background-color: #601986;
 
+        }
 
+        .dot-blue {
 
+          background-color: #1d2088;
 
+        }
 
+        .dot-green {
 
+          background-color: #009944;
 
+        }
 
+      }
 
+    }
 
+    .dayblue {
 
+      background-color: #003eee;
 
+      color: #fff;
 
+    }
 
+  }
 
+  .slide {
 
+    margin: 0.2rem auto;
 
+    width: 1rem;
 
+    height: 0.1rem;
 
+    background: #e8e8e8;
 
+    border-radius: 0.05rem;
 
+  }
 
+}
 
+.class {
 
+  width: 100%;
 
+  margin-top: 0.5rem;
 
+  padding: 0.5rem 0.3rem;
 
+  box-sizing: border-box;
 
+  .class-num {
 
+    width: 2.38rem;
 
+    height: 0.33rem;
 
+    font-size: 0.34rem;
 
+    font-family: SimHei;
 
+    text-align: left;
 
+    color: #000000;
 
+    line-height: 0.33rem;
 
+    letter-spacing: 0.016rem;
 
+  }
 
+  .class-content {
 
+    li {
 
+      position: relative;
 
+      background: #ffffff;
 
+      margin: 0.4rem auto;
 
+      width: 6.96rem;
 
+      height: 2.4rem;
 
+      border-radius: 0.2rem;
 
+      padding-left: 0.5rem;
 
+      padding-top: 0.3rem;
 
+      box-sizing: border-box;
 
+      .c-name {
 
+        font-size: 0.32rem;
 
+        height: 0.43rem;
 
+        color: #000000;
 
+        line-height: 0.56rem;
 
+        letter-spacing: 0.016rem;
 
+      }
 
+      .c-detail {
 
+        height: 0.3rem;
 
+        font-size: 0.2rem;
 
+        color: #a0a0a0;
 
+        line-height: 0.35rem;
 
+        letter-spacing: 0.01rem;
 
+        margin: 0.2rem 0;
 
+      }
 
+      .c-date {
 
+        width: 90%;
 
+        height: 0.27rem;
 
+        font-size: 0.2rem;
 
+        line-height: 0.35rem;
 
+        letter-spacing: 0.01rem;
 
+        margin-top: 0.55rem;
 
+        display: flex;
 
+        justify-content: space-between;
 
+        .c-date {
 
+          color: #a0a0a0;
 
+        }
 
+        .active {
 
+          width: 55%;
 
+          display: flex;
 
+          justify-content: space-between;
 
+          color: #003eee;
 
+        }
 
+        .findmore {
 
+          font-size: 0.2rem;
 
+          float: right;
 
+          line-height: 0.35rem;
 
+          letter-spacing: 0.01rem;
 
+        }
 
+      }
 
+      .cc-color {
 
+        width: 0.2rem;
 
+        position: absolute;
 
+        top: 0;
 
+        left: 0;
 
+        height: 100%;
 
+        border-radius: 0.19rem 0px 0px 0.19rem;
 
+      }
 
+    }
 
+    li:nth-child(odd) {
 
+      .cc-color {
 
+        background: #eb6100;
 
+      }
 
+    }
 
+    li:nth-child(even) {
 
+      .cc-color {
 
+        background: #009944;
 
+      }
 
+    }
 
+  }
 
+}
 
+</style>

+ 293 - 0
src/pages/qzzx/index.vue
查看文件 

@@ -0,0 +1,293 @@
 
+<template>
 
+  <div class="content">
 
+    <van-nav-bar
 
+      title="求真在线"
 
+      left-arrow
 
+      @click-left="onClickLeft"
 
+      right-text="新建"
 
+      @click-right="onClickRight = true"
 
+    />
 
+    <van-tabs
 
+      v-model="active"
 
+      line-width="1.92rem"
 
+      title-active-color="#003eee"
 
+      title-inactive-color="#000000"
 
+      class="tab"
 
+    >
 
+      <van-tab title="学校发展中心"
 
+        ><template #title>
 
+          <div style="font-size: 0.22rem; text-align: center">
 
+            学校发展中心
 
+          </div></template
 
+        >
 
+      </van-tab>
 
+      <van-tab title="学校发展中心"
 
+        ><template #title>
 
+          <div style="font-size: 0.22rem; text-align: center">
 
+            教师发展中心
 
+          </div></template
 
+        >
 
+      </van-tab>
 
+      <van-tab title="学校发展中心"
 
+        ><template #title>
 
+          <div style="font-size: 0.22rem; text-align: center">
 
+            学生发展中心
 
+          </div></template
 
+        >
 
+      </van-tab>
 
+      <van-tab title="学校发展中心"
 
+        ><template #title>
 
+          <div style="font-size: 0.22rem; text-align: center">
 
+            后勤保障中心
 
+          </div></template
 
+        >
 
+      </van-tab>
 
+    </van-tabs>
 
+    <div class="content-list" @click="toDetail">
 
+      <img src="@/assets/images/qzzx.png" alt="" />
 
+      <div>
 
+        <p>新闻文字文字文字文字文字文字文字文字文字</p>
 
+        <div>分类名称</div>
 
+        <p>2021/12/22 22:12</p>
 
+      </div>
 
+    </div>
 
+    <div class="content-list" @click="toDetail">
 
+      <img src="@/assets/images/qzzx.png" alt="" />
 
+      <div>
 
+        <p>新闻文字文字文字文字文字文字文字文字文字</p>
 
+        <div>分类名称</div>
 
+        <p>2021/12/22 22:12</p>
 
+      </div>
 
+    </div>
 
+    <div class="content-list" @click="toDetail">
 
+      <img src="@/assets/images/qzzx.png" alt="" />
 
+      <div>
 
+        <p>新闻文字文字文字文字文字文字文字文字文字</p>
 
+        <div>分类名称</div>
 
+        <p>2021/12/22 22:12</p>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="content-list">
 
+      <img src="@/assets/images/qzzx.png" alt="" />
 
+      <div>
 
+        <p>新闻文字文字文字文字文字文字文字文字文字</p>
 
+        <div>分类名称</div>
 
+        <p>2021/12/22 22:12</p>
 
+      </div>
 
+    </div>
 
+    <div class="content-list">
 
+      <img src="@/assets/images/qzzx.png" alt="" />
 
+      <div>
 
+        <p>新闻文字文字文字文字文字文字文字文字文字</p>
 
+        <div>分类名称</div>
 
+        <p>2021/12/22 22:12</p>
 
+      </div>
 
+    </div>
 
+    <div v-show="onClickRight" class="cover"></div>
 
+    <div class="add" v-show="onClickRight">
 
+      <van-icon @click="onClickRight = false" name="cross" size="0.4rem" />
 
+      <h3>新闻求真在线</h3>
 
+      <van-cell-group inset>
 
+        <van-field
 
+          vmodel="message"
 
+          type="textarea"
 
+          maxlength="500"
 
+          placeholder="请输入新闻标题..."
 
+          class="hd-title"
 
+        />
 
+      </van-cell-group>
 
+      <van-cell-group inset>
 
+        <van-field
 
+          vmodel="message"
 
+          type="textarea"
 
+          maxlength="500"
 
+          rows="5"
 
+          placeholder="请输入美篇链接或新闻内容...."
 
+          class="hd-content"
 
+        />
 
+      </van-cell-group>
 
+      <van-uploader
 
+        v-model="fileList"
 
+        multiple
 
+        style="margin-left: 0.3rem; margin-right: 0.1rem"
 
+      />
 
+      <div class="submit">
 
+        <button>提交</button>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  data() {
 
+    return {
 
+      active: 2,
 
+      onClickRight: false,
 
+      FileList: [],
 
+    };
 
+  },
 
+  methods: {
 
+    onClickLeft() {},
 
+
 
+    toDetail() {
 
+      this.$router.push({ name: "qzzx_qzzxxq" });
 
+    },
 
+  },
 
+};
 
+</script>
 
+
 
+<style  lang="scss" scoped>
 
+.cover {
 
+  position: fixed;
 
+  top: 0;
 
+  width: 100vw;
 
+  height: 100vh;
 
+  background-color: #000000;
 
+  opacity: 0.3;
 
+}
 
+.add {
 
+  width: 6.8rem;
 
+  height: 10.24rem;
 
+  color: #333333;
 
+  background-color: #fff;
 
+  position: fixed;
 
+  top: 1.5rem;
 
+  left: 0.32rem;
 
+  border-radius: 0.1rem;
 
+  z-index: 5;
 
+  padding: 0.2rem 0.1rem;
 
+  box-sizing: border-box;
 
+  i {
 
+    position: absolute;
 
+    right: 0.2rem;
 
+    top: 0.2rem;
 
+  }
 
+  h3 {
 
+    width: 1.8rem;
 
+    height: 0.4rem;
 
+    font-size: 0.3rem;
 
+    position: relative;
 
+  }
 
+  h3::before {
 
+    position: absolute;
 
+    content: "";
 
+    width: 100%;
 
+    height: 0.2rem;
 
+    bottom: 0.01rem;
 
+    border-radius: 0.1rem;
 
+    background-color: #c5c5ff;
 
+    opacity: 0.5;
 
+  }
 
+  .hd-title,
 
+  .hd-content {
 
+    box-sizing: borderbox;
 
+    width: 5.95rem;
 
+    height: 0.8rem;
 
+    // line-height: 0.8rem;
 
+    border: 0.01rem solid #dcdcdc;
 
+    border-radius: 0.1rem;
 
+    background: #f2f2f2;
 
+    font-size: 0.24rem;
 
+    font-family: PingFangSCRegular;
 
+    text-align: left;
 
+    color: #999999;
 
+    margin: 0.3rem 0.2rem 0.22rem 0rem;
 
+    padding: 0.22rem;
 
+  }
 
+  .hd-content {
 
+    height: 2.91rem;
 
+  }
 
+}
 
+.submit {
 
+  text-align: center;
 
+  margin-top: 0.4rem;
 
+  button {
 
+    width: 5rem;
 
+    height: 0.68rem;
 
+    background: #003eee;
 
+    border-radius: 0.34rem;
 
+    color: #fff;
 
+    font-size: 0.34rem;
 
+  }
 
+}
 
+
 
+.content {
 
+  background-color: #fff;
 
+  margin: 0 auto;
 
+}
 
+
 
+// ::v-deep .tab {
 
+//   height: 0.7rem;
 
+//   padding: 0.2rem 0;
 
+// }
 
+
 
+::v-deep .van-nav-bar {
 
+  width: 100%;
 
+  height: 1rem;
 
+  line-height: 1rem;
 
+  background-color: #003eee;
 
+  .van-nav-bar__title {
 
+    color: #fff !important;
 
+    font-size: 0.36rem;
 
+    font-weight: 350;
 
+  }
 
+  .van-nav-bar__text {
 
+    color: #fff !important;
 
+    font-size: 0.32rem;
 
+    font-weight: 350;
 
+  }
 
+}
 
+.content-list {
 
+  box-sizing: border-box;
 
+  width: 95%;
 
+  height: 1.87rem;
 
+  margin: 0.135rem 2% 0.135rem 3%;
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  border-bottom: 0.01rem solid #f0eff3;
 
+  img {
 
+    width: 36%;
 
+    height: 1.7rem;
 
+    margin-right: 0.35rem;
 
+  }
 
+  div {
 
+    width: 59%;
 
+    position: relative;
 
+    p:first-of-type {
 
+      font-size: 0.28rem;
 
+      font-family: Segoe UI, Segoe UI-Regular;
 
+      font-weight: 400;
 
+      text-align: left;
 
+      color: #000000;
 
+    }
 
+    p:last-of-type {
 
+      font-size: 0.24rem;
 
+      font-family: Segoe UI, Segoe UI-Regular;
 
+      font-weight: 400;
 
+      text-align: left;
 
+      color: #bdbdbd;
 
+      display: inline-block;
 
+      position: absolute;
 
+      right: 0;
 
+      bottom: 0.15rem;
 
+    }
 
+    div {
 
+      width: 1.2rem;
 
+      height: 0.42rem;
 
+      border: 0.01rem solid #0b2aca;
 
+      border-radius: 0.06rem;
 
+      font-size: 0.24rem;
 
+      font-family: Segoe UI, Segoe UI-Regular;
 
+      font-weight: 400;
 
+      text-align: center;
 
+      color: #003eee;
 
+      display: inline-block;
 
+      position: absolute;
 
+      left: 0;
 
+      bottom: 0.15rem;
 
+    }
 
+  }
 
+}
 
+</style>

文件差异内容过多而无法显示
+ 138 - 0
src/pages/qzzx/qzzxxq/index.vue


+ 300 - 0
src/pages/stxkbzr/index.vue
查看文件 

@@ -0,0 +1,300 @@
 
+<template>
 
+  <div class="content">
 
+    <van-nav-bar title="本班学生选课" left-arrow @click-left="onClickLeft" />
 
+    <div class="week">
 
+      <ul class="weekday">
 
+        <li>
 
+          <p class="day">周一</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+            <div class="dot-purple"></div>
 
+            <div class="dot-blue"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周二</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+            <div class="dot-purple"></div>
 
+          </div>
 
+        </li>
 
+        <li class="dayblue">
 
+          <p class="day">周三</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+            <div class="dot-green"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周四</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周五</p>
 
+          <div class="dot">
 
+            <div class="dot-green"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周六</p>
 
+          <div class="dot">
 
+            <div class="dot-purple"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周日</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+            <div class="dot-green"></div>
 
+          </div>
 
+        </li>
 
+      </ul>
 
+      <div class="slide"></div>
 
+    </div>
 
+
 
+    <div class="class-number">
 
+      <p>课程数量(2)</p>
 
+      <p>
 
+        今日本班学生到校: <span style="color: #003eee">43</span>/43
 
+        <span>预报名</span>
 
+      </p>
 
+    </div>
 
+
 
+    <div class="class-list">
 
+      <div class="class-left"></div>
 
+      <div class="class-right">
 
+        <h1>课程名称名词</h1>
 
+        <p class="c-detail">
 
+          <span> 主讲：周志明</span>
 
+          <span>地点：教学楼102室</span>
 
+        </p>
 
+        <p class="c-date">
 
+          <span><van-icon name="clock-o" />10:00 - 13:00</span>
 
+          <span class="join-number">3名学生报名</span>
 
+          <span class="findmore">查看详情</span>
 
+        </p>
 
+      </div>
 
+    </div>
 
+    <div class="class-list">
 
+      <div class="class-left"></div>
 
+      <div class="class-right">
 
+        <h1>课程名称名词</h1>
 
+        <p class="c-detail">
 
+          <span> 主讲：周志明</span>
 
+          <span>地点：教学楼102室</span>
 
+        </p>
 
+        <p class="c-date">
 
+          <span><van-icon name="clock-o" />10:00 - 13:00</span>
 
+          <span class="join-number">3名学生报名</span>
 
+          <span class="findmore">查看详情</span>
 
+        </p>
 
+      </div>
 
+    </div>
 
+    <p class="node">*显示本班学生今日选课的所有课程</p>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  data() {
 
+    return {};
 
+  },
 
+};
 
+</script>
 
+
 
+<style  lang="scss" scoped>
 
+.content {
 
+  margin: 0 auto;
 
+  background: #f0f3fa;
 
+  min-height: 100vh;
 
+}
 
+
 
+::v-deep .van-nav-bar {
 
+  width: 100%;
 
+  height: 1rem;
 
+  line-height: 1rem;
 
+  background-color: #003eee;
 
+  .van-nav-bar__title {
 
+    color: #fff !important;
 
+    font-size: 0.36rem;
 
+    font-weight: 350;
 
+  }
 
+  .van-nav-bar__text {
 
+    color: #fff !important;
 
+    font-size: 0.32rem;
 
+    font-weight: 350;
 
+  }
 
+}
 
+.week {
 
+  width: 100%;
 
+  height: 1.8rem;
 
+  background-color: #fff;
 
+  border-radius: 0px 0px 0.4rem 0.4rem;
 
+  padding: 0.2rem 0.05rem;
 
+  box-shadow: 0px 0px 20px 0px rgba(12, 13, 10, 0.1);
 
+  .weekday {
 
+    display: flex;
 
+    justify-content: space-between;
 
+    li {
 
+      width: 0.88rem;
 
+      height: 1.07rem;
 
+      line-height: 1.07rem;
 
+      font-size: 0.28rem;
 
+      background-color: #f0f2f7;
 
+      border-radius: 0.1rem;
 
+      .day {
 
+        width: 0.56rem;
 
+        height: 0.37rem;
 
+        line-height: 0.34rem;
 
+        margin-top: 0.2rem;
 
+        margin-left: 0.1rem;
 
+        text-align: left;
 
+      }
 
+      .dot {
 
+        display: flex;
 
+        justify-content: center;
 
+        div {
 
+          width: 0.1rem;
 
+          height: 0.1rem;
 
+          border-radius: 50%;
 
+          margin: 0.15rem 0.06rem;
 
+          border: 1px solid #ffffff;
 
+          // box-sizing: border-box;
 
+        }
 
+        .dot-orange {
 
+          background-color: #eb6100;
 
+        }
 
+        .dot-purple {
 
+          background-color: #601986;
 
+        }
 
+        .dot-blue {
 
+          background-color: #1d2088;
 
+        }
 
+        .dot-green {
 
+          background-color: #009944;
 
+        }
 
+      }
 
+    }
 
+    .dayblue {
 
+      background-color: #003eee;
 
+      color: #fff;
 
+    }
 
+  }
 
+  .slide {
 
+    margin: 0.2rem auto;
 
+    width: 1rem;
 
+    height: 0.1rem;
 
+    background: #e8e8e8;
 
+    border-radius: 0.05rem;
 
+  }
 
+}
 
+.class-number {
 
+  margin-left: 0.325rem;
 
+  margin-top: 0.648rem;
 
+  p:first-of-type {
 
+    width: 100%;
 
+    height: 0.33rem;
 
+    line-height: 0.33rem;
 
+    font-size: 0.32rem;
 
+    font-family: SimHei;
 
+    text-align: left;
 
+    color: #000000;
 
+    margin-bottom: 0.2rem;
 
+  }
 
+  p:last-of-type {
 
+    width: 95%;
 
+    height: 0.37rem;
 
+    font-size: 0.28rem;
 
+    font-family: AdobeHeitiStd-Regular;
 
+    text-align: left;
 
+    color: #a0a0a0;
 
+    line-height: 0.35rem;
 
+    span:last-of-type {
 
+      display: inline-block;
 
+      width: 1.3rem;
 
+      height: 0.48rem;
 
+      float: right;
 
+      line-height: 0.48rem;
 
+      background: #003eee;
 
+      border-radius: 0.24rem;
 
+      font-size: 0.24rem;
 
+      font-family: Segoe UI, Segoe UI-Regular;
 
+      font-weight: 400;
 
+      text-align: center;
 
+      color: #ffffff;
 
+    }
 
+  }
 
+}
 
+
 
+.class-list {
 
+  width: 6.96rem;
 
+  height: 2rem;
 
+  background: #ffffff;
 
+  border-radius: 0.2rem;
 
+  margin: 0.24rem 0.25rem 0.18rem 0.29rem;
 
+
 
+  .class-left {
 
+    width: 0.2rem;
 
+    height: 2rem;
 
+    display: inline-block;
 
+    border-radius: 0.19rem 0 0 0.19rem;
 
+    background-color: #e8523f;
 
+  }
 
+  .class-right {
 
+    width: 6rem;
 
+    height: 2rem;
 
+    display: inline-block;
 
+    vertical-align: top;
 
+    margin: 0.3rem 0 0 0.5rem;
 
+
 
+    h1 {
 
+      font-size: 0.32rem;
 
+      font-family: AdobeHeitiStd-Regular;
 
+      text-align: left;
 
+      color: #000000;
 
+    }
 
+
 
+    .c-detail {
 
+      height: 0.3rem;
 
+      font-size: 0.2rem;
 
+      font-family: AdobeHeitiStd-Regular;
 
+      color: #a0a0a0;
 
+      line-height: 0.35rem;
 
+      margin: 0.15rem 0;
 
+      letter-spacing: 0.01rem;
 
+    }
 
+    .c-date {
 
+      width: 100%;
 
+      height: 0.27rem;
 
+      font-size: 0.2rem;
 
+      color: #a0a0a0;
 
+      line-height: 0.35rem;
 
+      letter-spacing: 0.01rem;
 
+      margin-top: 0.25rem;
 
+
 
+      .join-number {
 
+        margin-left: 1.5rem;
 
+      }
 
+      .findmore {
 
+        font-size: 0.2rem;
 
+        float: right;
 
+        color: #003eee;
 
+        line-height: 0.35rem;
 
+        letter-spacing: 0.01rem;
 
+      }
 
+    }
 
+  }
 
+}
 
+
 
+.node {
 
+  font-size: 0.24rem;
 
+  font-family: PingFang-SC-Regular;
 
+  text-align: left;
 
+  color: #ff0000;
 
+  line-height: 0.36rem;
 
+
 
+  margin: 0.87rem 3rem 2.68rem 0.78rem;
 
+}
 
+</style>

+ 313 - 0
src/pages/stxkjsd/index.vue
查看文件 

@@ -0,0 +1,313 @@
 
+<template>
 
+  <div class="content">
 
+    <van-nav-bar title="本班学生选课" left-arrow @click-left="onClickLeft" />
 
+    <div class="week">
 
+      <ul class="weekday">
 
+        <li>
 
+          <p class="day">周一</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+            <div class="dot-purple"></div>
 
+            <div class="dot-blue"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周二</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+            <div class="dot-purple"></div>
 
+          </div>
 
+        </li>
 
+        <li class="dayblue">
 
+          <p class="day">周三</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+            <div class="dot-green"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周四</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周五</p>
 
+          <div class="dot">
 
+            <div class="dot-green"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周六</p>
 
+          <div class="dot">
 
+            <div class="dot-purple"></div>
 
+          </div>
 
+        </li>
 
+        <li>
 
+          <p class="day">周日</p>
 
+          <div class="dot">
 
+            <div class="dot-orange"></div>
 
+            <div class="dot-green"></div>
 
+          </div>
 
+        </li>
 
+      </ul>
 
+      <div class="slide"></div>
 
+    </div>
 
+    <div class="class-number">
 
+      <p>课程数量(2)</p>
 
+    </div>
 
+
 
+    <div class="class-list">
 
+      <div class="class-left"></div>
 
+      <div class="class-right">
 
+        <h1>课程名称名词</h1>
 
+        <img src="@/assets/icon/icon-warning.png" alt="" />
 
+        <p class="c-detail">
 
+          <span> 主讲：周志明</span>
 
+          <span>地点：教学楼102室</span>
 
+        </p>
 
+        <p class="c-date">
 
+          <span><van-icon name="clock-o" />10:00 - 13:00</span>
 
+          <span class="join-number">通过课程申请</span>
 
+          <span class="findmore">查看详情</span>
 
+        </p>
 
+      </div>
 
+    </div>
 
+    <div class="class-list">
 
+      <div class="class-left"></div>
 
+      <div class="class-right">
 
+        <h1>课程名称名词</h1>
 
+        <img src="@/assets/icon/icon-success.png" alt="" />
 
+        <p class="c-detail">
 
+          <span> 主讲：周志明</span>
 
+          <span>地点：教学楼102室</span>
 
+        </p>
 
+        <p class="c-date">
 
+          <span><van-icon name="clock-o" />10:00 - 13:00</span>
 
+          <span class="join-number">通过课程申请</span>
 
+          <span class="findmore">查看详情</span>
 
+        </p>
 
+      </div>
 
+    </div>
 
+    <div class="class-list">
 
+      <div class="class-left"></div>
 
+      <div class="class-right">
 
+        <h1>课程名称名词</h1>
 
+        <img src="@/assets/icon/icon-success.png" alt="" />
 
+        <p class="c-detail">
 
+          <span> 主讲：周志明</span>
 
+          <span>地点：教学楼102室</span>
 
+        </p>
 
+        <p class="c-date">
 
+          <span><van-icon name="clock-o" />10:00 - 13:00</span>
 
+          <span class="join-number">分配教师</span>
 
+          <span class="findmore">查看详情</span>
 
+        </p>
 
+      </div>
 
+    </div>
 
+    <div class="class-list">
 
+      <div class="class-left"></div>
 
+      <div class="class-right">
 
+        <h1>课程名称名词</h1>
 
+        <img src="@/assets/icon/icon-success.png" alt="" />
 
+        <p class="c-detail">
 
+          <span> 主讲：周志明</span>
 
+          <span>地点：教学楼102室</span>
 
+        </p>
 
+        <p class="c-date">
 
+          <span><van-icon name="clock-o" />10:00 - 13:00</span>
 
+          <span class="join-number">已课程申请</span>
 
+          <span class="findmore">查看详情</span>
 
+        </p>
 
+      </div>
 
+    </div>
 
+    <p class="node">*社团管理教师端显示社团内所有教师的课程</p>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  data() {
 
+    return {};
 
+  },
 
+};
 
+</script>
 
+
 
+<style  lang="scss" scoped>
 
+.content {
 
+  margin: 0 auto;
 
+  background: #f0f3fa;
 
+  min-height: 100vh;
 
+}
 
+
 
+::v-deep .van-nav-bar {
 
+  width: 100%;
 
+  height: 1rem;
 
+  line-height: 1rem;
 
+  background-color: #003eee;
 
+  .van-nav-bar__title {
 
+    color: #fff !important;
 
+    font-size: 0.36rem;
 
+    font-weight: 350;
 
+  }
 
+  .van-nav-bar__text {
 
+    color: #fff !important;
 
+    font-size: 0.32rem;
 
+    font-weight: 350;
 
+  }
 
+}
 
+.week {
 
+  width: 100%;
 
+  height: 1.8rem;
 
+  background-color: #fff;
 
+  border-radius: 0px 0px 0.4rem 0.4rem;
 
+  padding: 0.2rem 0.05rem;
 
+  box-shadow: 0px 0px 20px 0px rgba(12, 13, 10, 0.1);
 
+  .weekday {
 
+    display: flex;
 
+    justify-content: space-between;
 
+    li {
 
+      width: 0.88rem;
 
+      height: 1.07rem;
 
+      line-height: 1.07rem;
 
+      font-size: 0.28rem;
 
+      background-color: #f0f2f7;
 
+      border-radius: 0.1rem;
 
+      .day {
 
+        width: 0.56rem;
 
+        height: 0.37rem;
 
+        line-height: 0.34rem;
 
+        margin-top: 0.2rem;
 
+        margin-left: 0.1rem;
 
+        text-align: left;
 
+      }
 
+      .dot {
 
+        display: flex;
 
+        justify-content: center;
 
+        div {
 
+          width: 0.1rem;
 
+          height: 0.1rem;
 
+          border-radius: 50%;
 
+          margin: 0.15rem 0.06rem;
 
+          border: 1px solid #ffffff;
 
+          // box-sizing: border-box;
 
+        }
 
+        .dot-orange {
 
+          background-color: #eb6100;
 
+        }
 
+        .dot-purple {
 
+          background-color: #601986;
 
+        }
 
+        .dot-blue {
 
+          background-color: #1d2088;
 
+        }
 
+        .dot-green {
 
+          background-color: #009944;
 
+        }
 
+      }
 
+    }
 
+    .dayblue {
 
+      background-color: #003eee;
 
+      color: #fff;
 
+    }
 
+  }
 
+  .slide {
 
+    margin: 0.2rem auto;
 
+    width: 1rem;
 
+    height: 0.1rem;
 
+    background: #e8e8e8;
 
+    border-radius: 0.05rem;
 
+  }
 
+}
 
+.class-number {
 
+  margin-left: 0.325rem;
 
+  margin-top: 0.648rem;
 
+  p:first-of-type {
 
+    width: 100%;
 
+    height: 0.33rem;
 
+    line-height: 0.33rem;
 
+    font-size: 0.32rem;
 
+    font-family: SimHei;
 
+    text-align: left;
 
+    color: #000000;
 
+    margin-bottom: 0.2rem;
 
+  }
 
+}
 
+.class-list {
 
+  width: 6.96rem;
 
+  height: 2rem;
 
+  background: #ffffff;
 
+  border-radius: 0.2rem;
 
+  margin: 0.24rem 0.25rem 0.18rem 0.29rem;
 
+
 
+  .class-left {
 
+    width: 0.2rem;
 
+    height: 2rem;
 
+    display: inline-block;
 
+    border-radius: 0.19rem 0 0 0.19rem;
 
+    background-color: #e8523f;
 
+  }
 
+  .class-right {
 
+    width: 6rem;
 
+    height: 2rem;
 
+    display: inline-block;
 
+    vertical-align: top;
 
+    margin: 0.3rem 0 0 0.5rem;
 
+    position: relative;
 
+    h1 {
 
+      font-size: 0.32rem;
 
+      font-family: AdobeHeitiStd-Regular;
 
+      text-align: left;
 
+      color: #000000;
 
+    }
 
+    img {
 
+      width: 0.32rem;
 
+      height: 0.32rem;
 
+      position: absolute;
 
+      top: 0;
 
+      right: 0;
 
+      transform: translate(0.2rem, -0.2rem);
 
+    }
 
+    .c-detail {
 
+      height: 0.3rem;
 
+      font-size: 0.2rem;
 
+      font-family: AdobeHeitiStd-Regular;
 
+      color: #a0a0a0;
 
+      line-height: 0.35rem;
 
+      margin: 0.15rem 0;
 
+      letter-spacing: 0.01rem;
 
+    }
 
+    .c-date {
 
+      width: 100%;
 
+      height: 0.27rem;
 
+      font-size: 0.2rem;
 
+      color: #a0a0a0;
 
+      line-height: 0.35rem;
 
+      letter-spacing: 0.01rem;
 
+      margin-top: 0.25rem;
 
+
 
+      .join-number {
 
+        margin-left: 1.5rem;
 
+        color: #003eee;
 
+      }
 
+      .findmore {
 
+        font-size: 0.2rem;
 
+        float: right;
 
+        color: #003eee;
 
+        line-height: 0.35rem;
 
+        letter-spacing: 0.01rem;
 
+      }
 
+    }
 
+  }
 
+}
 
+
 
+.node {
 
+  font-size: 0.24rem;
 
+  font-family: PingFang-SC-Regular;
 
+  text-align: left;
 
+  color: #ff0000;
 
+  line-height: 0.36rem;
 
+
 
+  margin: 0.32rem 0 0 0.78rem;
 
+}
 
+</style>

文件差异内容过多而无法显示
+ 176 - 0
src/pages/stxkjsd/kcxq/index.vue


+ 126 - 0
src/pages/xzxx/index.vue
查看文件 

@@ -0,0 +1,126 @@
 
+<template>
 
+  <div class="content">
 
+    <div class="nav">
 
+      <div class="left-icon"><van-icon name="arrow-left" size="44" /></div>
 
+      <span>校长信箱</span>
 
+    </div>
 
+    <van-cell-group inset>
 
+      <van-field
 
+        vmodel="message"
 
+        type="textarea"
 
+        maxlength="500"
 
+        placeholder="请输入标题..."
 
+        class="hd-title"
 
+      />
 
+    </van-cell-group>
 
+    <van-cell-group inset>
 
+      <van-field
 
+        vmodel="message"
 
+        type="textarea"
 
+        maxlength="500"
 
+        rows="13"
 
+        placeholder="请输入反馈内容..."
 
+        show-word-limit
 
+        class="hd-content"
 
+      />
 
+    </van-cell-group>
 
+    <div class="photo-title">上传照片</div>
 
+    <van-uploader
 
+      v-model="fileList"
 
+      multiple
 
+      preview-size="150px"
 
+      style="margin-left: 30px; margin-right: 10px"
 
+    />
 
+    <div class="submit">完成并提交</div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  data() {
 
+    return {
 
+      FileList: [],
 
+    };
 
+  },
 
+};
 
+</script>
 
+
 
+<style  lang="scss" scoped>
 
+.content {
 
+  width: 750px;
 
+  height: 1314px;
 
+  background-color: #fff;
 
+  margin: 0 auto;
 
+}
 
+
 
+.nav {
 
+  width: 750px;
 
+  height: 100px;
 
+  background-color: #003eee;
 
+  position: relative;
 
+  span {
 
+    position: absolute;
 
+    top: 50%;
 
+    left: 50%;
 
+    transform: translate(-72px, -24px);
 
+    width: 144px;
 
+    height: 48px;
 
+    line-height: 48px;
 
+    font-size: 36px;
 
+    font-family: Segoe UI, Segoe UIRegular;
 
+    font-weight: 400;
 
+    color: #ffffff;
 
+  }
 
+
 
+  .left-icon {
 
+    display: inline-block;
 
+    height: 48px;
 
+    line-height: 48px;
 
+    color: #fff;
 
+    margin: 25px 10px;
 
+    cursor: pointer;
 
+  }
 
+}
 
+
 
+.hd-title,
 
+.hd-content {
 
+  box-sizing: borderbox;
 
+  width: 690px;
 
+  height: 90px;
 
+  border: 1px solid #dcdcdc;
 
+  border-radius: 10px;
 
+  padding: 30px;
 
+  font-size: 24px;
 
+  font-family: PingFangSCRegular;
 
+  text-align: left;
 
+  color: #999999;
 
+  margin: 30px 14px 22px 14px;
 
+}
 
+.hd-content {
 
+  height: 382px;
 
+  margin: 0 14px;
 
+}
 
+.photo-title {
 
+  width: 112px;
 
+  height: 37px;
 
+  font-size: 28px;
 
+  font-family: PingFangSCRegular;
 
+  text-align: left;
 
+  color: #000000;
 
+  line-height: 40px;
 
+  margin: 30px;
 
+}
 
+.submit {
 
+  width: 500px;
 
+  height: 68px;
 
+  line-height: 68px;
 
+  margin: 0 auto;
 
+  background-color: #3b4df5;
 
+  border-radius: 34px;
 
+  font-size: 30px;
 
+  font-family: PingFang-SC-Regular;
 
+  text-align: center;
 
+  color: #ffffff;
 
+  margin-top: 230px;
 
+}
 
+</style>

+ 0 - 0
src/pages/yshd/tpsj/index.vue
查看文件


+ 126 - 0
src/pages/yshd/tpsj/tpsjxq/index.vue
查看文件 

@@ -0,0 +1,126 @@
 
+<template>
 
+  <div class="content">
 
+    <div class="nav">
 
+      <div class="left-icon"><van-icon name="arrow-left" size="44" /></div>
 
+      <span>图片收集详情</span>
 
+    </div>
 
+    <van-cell-group inset>
 
+      <van-field
 
+        vmodel="message"
 
+        type="textarea"
 
+        maxlength="500"
 
+        placeholder="请输入标题..."
 
+        class="hd-title"
 
+      />
 
+    </van-cell-group>
 
+    <van-cell-group inset>
 
+      <van-field
 
+        vmodel="message"
 
+        type="textarea"
 
+        maxlength="500"
 
+        rows="13"
 
+        placeholder="请输入反馈内容..."
 
+        show-word-limit
 
+        class="hd-content"
 
+      />
 
+    </van-cell-group>
 
+    <div class="photo-title">上传照片</div>
 
+    <van-uploader
 
+      v-model="fileList"
 
+      multiple
 
+      preview-size="150px"
 
+      style="margin-left: 30px; margin-right: 10px"
 
+    />
 
+    <div class="submit">提交</div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  data() {
 
+    return {
 
+      FileList: [],
 
+    };
 
+  },
 
+};
 
+</script>
 
+
 
+<style  lang="scss" scoped>
 
+.content {
 
+  width: 750px;
 
+  height: 1314px;
 
+  background-color: #fff;
 
+  margin: 0 auto;
 
+}
 
+
 
+.nav {
 
+  width: 750px;
 
+  height: 100px;
 
+  background-color: #003eee;
 
+  position: relative;
 
+  span {
 
+    position: absolute;
 
+    top: 50%;
 
+    left: 50%;
 
+    transform: translate(-72px, -24px);
 
+    width: 144px;
 
+    height: 48px;
 
+    line-height: 48px;
 
+    font-size: 36px;
 
+    font-family: Segoe UI, Segoe UIRegular;
 
+    font-weight: 400;
 
+    color: #ffffff;
 
+  }
 
+
 
+  .left-icon {
 
+    display: inline-block;
 
+    height: 48px;
 
+    line-height: 48px;
 
+    color: #fff;
 
+    margin: 25px 10px;
 
+    cursor: pointer;
 
+  }
 
+}
 
+
 
+.hd-title,
 
+.hd-content {
 
+  box-sizing: borderbox;
 
+  width: 690px;
 
+  height: 90px;
 
+  border: 1px solid #dcdcdc;
 
+  border-radius: 10px;
 
+  padding: 30px;
 
+  font-size: 24px;
 
+  font-family: PingFangSCRegular;
 
+  text-align: left;
 
+  color: #999999;
 
+  margin: 30px 14px 22px 14px;
 
+}
 
+.hd-content {
 
+  height: 382px;
 
+  margin: 0 14px;
 
+}
 
+.photo-title {
 
+  width: 112px;
 
+  height: 37px;
 
+  font-size: 28px;
 
+  font-family: PingFangSCRegular;
 
+  text-align: left;
 
+  color: #000000;
 
+  line-height: 40px;
 
+  margin: 30px;
 
+}
 
+.submit {
 
+  width: 500px;
 
+  height: 68px;
 
+  line-height: 68px;
 
+  margin: 0 auto;
 
+  background-color: #3b4df5;
 
+  border-radius: 34px;
 
+  font-size: 30px;
 
+  font-family: PingFang-SC-Regular;
 
+  text-align: center;
 
+  color: #ffffff;
 
+  margin-top: 230px;
 
+}
 
+</style>

+ 244 - 0
src/pages/yshd/wjdc/index.vue
查看文件 

@@ -0,0 +1,244 @@
 
+<template>
 
+  <div class="content">
 
+    <div class="nav">
 
+      <img
 
+        style="width: 750px; height: 340px"
 
+        src="@/assets/images/bg.png"
 
+        alt=""
 
+      />
 
+      <div class="left-icon"><van-icon name="arrow-left" size="44" /></div>
 
+      <span>云尚活动</span>
 
+    </div>
 
+    <ul class="hd-type-list">
 
+      <li
 
+        v-for="item in hd_type"
 
+        :key="item.value"
 
+        :class="item.id == dialogForm.btrqlx.id ? 'selected' : ''"
 
+        @click="chooseType(item)"
 
+      >
 
+        {{ item.label }}
 
+      </li>
 
+    </ul>
 
+    <div class="survey-questionnaire">
 
+      <div>
 
+        <div>
 
+          <img src="@/assets/images/wjdc.png" />
 
+          <span>共7题</span>
 
+        </div>
 
+        <p>教学满意度评价</p>
 
+        <div class="detail">查看</div>
 
+      </div>
 
+      <div>
 
+        <div>
 
+          <img src="@/assets/images/wjdc.png" />
 
+          <span>共7题</span>
 
+        </div>
 
+        <p>教学满意度评价</p>
 
+        <div class="detail">查看</div>
 
+      </div>
 
+      <div>
 
+        <div>
 
+          <img src="@/assets/images/wjdc.png" />
 
+          <span>共7题</span>
 
+        </div>
 
+        <p>教学满意度评价</p>
 
+        <div class="detail">查看</div>
 
+      </div>
 
+      <div>
 
+        <div>
 
+          <img src="@/assets/images/wjdc.png" />
 
+          <span>共7题</span>
 
+        </div>
 
+        <p>教学满意度评价</p>
 
+        <div class="detail">查看</div>
 
+      </div>
 
+      <div>
 
+        <div>
 
+          <img src="@/assets/images/wjdc.png" />
 
+          <span>共7题</span>
 
+        </div>
 
+        <p>教学满意度评价</p>
 
+        <div class="detail">查看</div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  name: "index",
 
+  data() {
 
+    return {
 
+      dialogForm: {
 
+        btrqlx: {
 
+          id: "1",
 
+          label: "工作日",
 
+        },
 
+      },
 
+      hd_type: [
 
+        {
 
+          id: "1",
 
+          label: "问卷调查",
 
+        },
 
+        {
 
+          id: "2",
 
+          label: "图片收集",
 
+        },
 
+        {
 
+          id: "3",
 
+          label: "视频展播",
 
+        },
 
+      ],
 
+    };
 
+  },
 
+  methods: {
 
+    chooseTimeType(item) {
 
+      this.dialogForm = {
 
+        btrqlx: {
 
+          id: "1",
 
+          label: "问卷调查",
 
+        },
 
+        btgzlx: "",
 
+        zxbtsj: "",
 
+        btsjje: "",
 
+      };
 
+      this.dialogForm.btrqlx.id = item.id;
 
+      this.dialogForm.btrqlx.label = item.label;
 
+    },
 
+  },
 
+};
 
+</script>
 
+
 
+<style  lang="scss" scoped>
 
+.content {
 
+  min-width: 320px;
 
+  max-width: 750px;
 
+  width: 100%;
 
+  background-color: #fff;
 
+  margin: 0 auto;
 
+  position: relative;
 
+}
 
+
 
+.nav {
 
+  width: 100%;
 
+  height: 100px;
 
+  background-color: #003eee;
 
+  position: relative;
 
+  span {
 
+    position: absolute;
 
+    top: 50%;
 
+    left: 50%;
 
+    transform: translate(-72px, -24px);
 
+    width: 144px;
 
+    height: 48px;
 
+    line-height: 48px;
 
+    font-size: 36px;
 
+    font-family: Segoe UI, Segoe UIRegular;
 
+    font-weight: 400;
 
+    color: #ffffff;
 
+  }
 
+
 
+  .left-icon {
 
+    display: inline-block;
 
+    height: 48px;
 
+    line-height: 48px;
 
+    color: #fff;
 
+    margin: 25px 10px;
 
+    cursor: pointer;
 
+  }
 
+}
 
+
 
+.hd-type-list {
 
+  width: 100%;
 
+  border-bottom: 1px solid #f3f3f3;
 
+  margin-bottom: 20px;
 
+  display: flex;
 
+
 
+  li {
 
+    position: relative;
 
+    top: 2px;
 
+    cursor: pointer;
 
+    width: 180px;
 
+    height: 60px;
 
+    font-size: 28px;
 
+    line-height: 60px;
 
+    text-align: center;
 
+    border: 1px solid #ffffff;
 
+    border-radius: 6px;
 
+    font-family: PingFang-SC-Regular;
 
+    color: #fff;
 
+    margin-left: 53px;
 
+    &.selected {
 
+      color: #265cd4;
 
+      background: #ffffff;
 
+    }
 
+  }
 
+}
 
+.survey-questionnaire {
 
+  width: 710px;
 
+  height: 800px;
 
+  margin: 0 20px;
 
+
 
+  position: absolute;
 
+  top: 220px;
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  > div {
 
+    width: 350px;
 
+    height: 330px;
 
+    background: #fff;
 
+    box-shadow: 0px 2px 10px 0px rgba(20, 7, 0, 0.1);
 
+    margin-bottom: 11px;
 
+    img {
 
+      width: 80px;
 
+      height: 80px;
 
+      margin-left: 31px;
 
+    }
 
+    > div {
 
+      display: flex;
 
+      justify-content: space-between;
 
+      margin-bottom: 25px;
 
+    }
 
+    span {
 
+      height: 80px;
 
+      font-size: 24px;
 
+      font-family: PingFang SC, PingFang SC-Regular;
 
+      font-weight: 400;
 
+      text-align: left;
 
+      color: #a6a6a6;
 
+      margin-right: 23px;
 
+      line-height: 80px;
 
+    }
 
+    p {
 
+      font-size: 32px;
 
+      font-family: PingFang SC, PingFang SC-Regular;
 
+      font-weight: 400;
 
+      text-align: left;
 
+      color: #020202;
 
+      margin-left: 31px;
 
+    }
 
+  }
 
+  .detail {
 
+    width: 160px;
 
+    height: 48px;
 
+    line-height: 48px;
 
+    margin: 0 95px;
 
+    background-color: #3b4df5;
 
+    border-radius: 24px;
 
+    font-size: 22px;
 
+    font-family: PingFang-SC-Regular;
 
+    text-align: center;
 
+    padding: 0 56px;
 
+    color: #ffffff;
 
+    margin-top: 89px;
 
+  }
 
+  div:nth-child(odd) {
 
+    margin-right: 10px;
 
+  }
 
+}
 
+</style>
 
+
 
+
 
+
 
+
 
+

+ 19 - 1
src/router/index.js
查看文件 

@@ -57,7 +57,25 @@ export default createRouter({
 
           ]
 
         },
 
       ]
 
-    }
 
+    },
 
+    {
 
+      path: "/qzzx",
 
+      component: () => import("~/pages/qzzx/index.vue"),
 
+      name: 'qzzx',
 
+
 
+    }, {
 
+      path: "/qzzx/qzzxxq",
 
+      name: "qzzx_qzzxxq",
 
+      component: () => import("~/pages/qzzx/qzzxxq/index.vue"),
 
+    },
 
+    {
 
+      path: '/stxkbzr',
 
+      component: () => import("~/pages/stxkbzr/index.vue")
 
+    },
 
+    {
 
+      path: '/stxkjsd',
 
+      component: () => import("~/pages/stxkjsd/index.vue")
 
+    },
 
   ]
 
 })