10/15

src/main/h5/src/mixins/experts.js

@@ -0,0 +1,59 @@
+export default {
+  data() {
+    return {
+      categories: [
+        {
+          label: "是否履行考前备案手续（此项为否，不再检查下面内容）",
+          value: "examOrganization",
+          score: "是"
+        },
+        {
+          label: "是否在考场明显位置张贴《考级简章》",
+          value: "examSite",
+          score: "是"
+        },
+        {
+          label: "考场服务设施是否完善（候考室、指示标记、安全设施等）",
+          value: "examRoom",
+          score: "是"
+        },
+        {
+          label: "考级时间与网上平台考前备案的考级时间是否一致",
+          value: "environment",
+          score: "是"
+        },
+        {
+          label: "考场内有无相关专业考官且佩戴考官证",
+          value: "safetyq",
+          score: "是"
+        },
+        {
+          label: "是否现场对考生艺术水平作出评定（美术专业除外）",
+          value: "safetyw",
+          score: "是"
+        },
+        {
+          label: "考级内容是否是所属考级机构教材确定的考级内容",
+          value: "safetye",
+          score: "是"
+        },
+        {
+          label:
+            "是否在考场明显位置张贴《恢复开展社会艺术水平考级现场考级活动疫情防控措施指南》海报",
+          value: "safetyr",
+          score: "是"
+        },
+        {
+          label: "考点是否配备测量体温设施设备，并有专人值守",
+          value: "safetyt",
+          score: "是"
+        },
+        {
+          label: "考级现场是否实施预约限流措施",
+          value: "safetys",
+          score: "是"
+        }
+      ]
+    };
+  }
+};

src/main/h5/src/plugins/http.js

@@ -5,7 +5,7 @@ let baseUrl = "http://localhost:8080";
 switch (process.env.NODE_ENV) {
   case "development":
     baseUrl = "http://wlj.izouma.com";
-    // baseUrl = 'http://localhost:8080';
+    // baseUrl = 'http://192.168.50.190:8080';
     break;
   case "test":
     baseUrl = "http://localhost:8080";

src/main/h5/src/views/record/recordAdd.vue

@@ -1,13 +1,33 @@
 <template>
   <div class="container">
     <div class="page-title">
-      <div class="text1">添加检索记录</div>
+      <div class="text1">考级活动现场检查记录表</div>
       <!-- <div class="text2">选择分值对各项目进行打分</div> -->
     </div>
-
+    <div class="score-list">
+      <div class="score-item" :key="index" v-for="(item, index) in categories">
+        <div class="text1">{{ index + 1 }}.{{ item.label }}</div>
+        <div class="text1">{{ item.score }}</div>
+        <template>
+          <van-uploader
+            :after-read="afterRead"
+            :before-read="beforeRead"
+            :before-delete="beforeDelete"
+            v-model="item.value"
+            class="miniImg"
+            :name="score.value"
+          >
+            <div class="upload-mini">
+              <img src="../../assets/icon_add.svg" alt="" />
+              <div class="text">添加佐证</div>
+            </div>
+          </van-uploader>
+        </template>
+      </div>
+    </div>
     <div class="score-card">
       <div class="name">
-        检查情况
+        其他
       </div>
       <van-field
         type="textarea"
@@ -70,7 +90,7 @@
 </template>
 
 <script>
-import expert from "../../mixins/expert";
+import expert from "../../mixins/experts";
 import Compressor from "compressorjs";
 export default {
   name: "expertAdd",
@@ -96,8 +116,62 @@ export default {
       return !!this.form.content;
     }
   },
-  mounted() {},
+  mounted() {
+    let subList = {};
+    [...this.categories].forEach(i => {
+      subList[i.value] = {
+        rateId: this.$route.query.rateId,
+        type: i.value,
+        score: "是",
+        img: [],
+        imgs: []
+      };
+    });
+  },
   methods: {
+    // afterRead(file, detail) {
+    //   this.$toast.loading({
+    //     message: "加载中...",
+    //     forbidClick: true
+    //   });
+    //   this.$http
+    //     .post("/upload/base64", {
+    //       base64: file.content
+    //     })
+    //     .then(res => {
+    //       this.$toast.clear();
+    //       let imgs =
+    //         detail.name === "big"
+    //           ? [...this.form.img]
+    //           : [...this.submitList[detail.name].img];
+    //       imgs.push(res);
+    //       console.log(detail);
+    //       if (detail.name === "big") {
+    //         this.form.img = imgs;
+    //       } else {
+    //         this.submitList[detail.name].img = imgs;
+    //       }
+    //     });
+    // },
+    // beforeDelete(file, detail) {
+    //   let submitForm = {};
+    //   if (detail.name === "big") {
+    //     submitForm = { ...this.form };
+    //   } else {
+    //     submitForm = this.submitList[detail.name];
+    //   }
+    //   var imgs1 = [...submitForm.imgs];
+    //   imgs1.splice(detail.index, 1);
+    //   var imgs2 = [...submitForm.img];
+    //   imgs2.splice(detail.index, 1);
+    //   if (detail.name === "big") {
+    //     this.form.imgs = imgs1;
+    //     this.form.img = imgs2;
+    //   } else {
+    //     this.submitList[detail.name].imgs = imgs1;
+    //     this.submitList[detail.name].img = imgs2;
+    //   }
+    // },
     afterRead(file, detail) {
       this.$toast.loading({
         message: "加载中...",
@@ -202,6 +276,56 @@ export default {
       line-height: 22px;
     }
   }
+  .score-list {
+    padding: 0 20px;
+    background: #ffffff;
+    margin-top: 20px;
+  }
+  .score-item {
+    padding: 20px 0;
+    .text1 {
+      font-size: 15px;
+      font-weight: bold;
+      color: #313233;
+      line-height: 24px;
+    }
+
+    .sub {
+      font-size: 13px;
+      color: #939599;
+      line-height: 22px;
+      font-weight: normal;
+    }
+
+    .score-btn {
+      display: flex;
+      align-items: center;
+      padding-top: 10px;
+      .btn {
+        width: 44px;
+        height: 44px;
+        line-height: 44px;
+        background: #ffffff;
+        border-radius: 8px;
+        border: 1px solid #e6e7eb;
+        text-align: center;
+        font-size: 12px;
+
+        &:active {
+          background-color: darken(#fff, 10);
+        }
+
+        &.active {
+          background: rgba(44, 150, 255, 0.12);
+          color: #2c96ff;
+          border: 1px solid #2c96ff;
+        }
+      }
+      .btn + .btn {
+        margin-left: 16px;
+      }
+    }
+  }
 }
 .score-card {
   border-radius: 12px;