评分

src/main/h5/src/assets/icon_add.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_add</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="上传填写-默认" transform="translate(-81.000000, -3381.000000)" fill="#313233">
+            <g id="编组-5" transform="translate(16.000000, 118.000000)">
+                <g id="编组-2" transform="translate(0.000000, 3210.000000)">
+                    <g id="icon/添加照片" transform="translate(65.000000, 53.000000)">
+                        <g id="编组" transform="translate(6.000000, 6.000000)">
+                            <path d="M22.875,10.875 C23.4963203,10.875 24,11.3786797 24,12 C24,12.6213203 23.4963203,13.125 22.875,13.125 L13.125,13.125 L13.125,22.875 C13.125,23.4963203 12.6213203,24 12,24 C11.3786797,24 10.875,23.4963203 10.875,22.875 L10.875,13.125 L1.125,13.125 C0.503679656,13.125 7.6089797e-17,12.6213203 0,12 C-7.6089797e-17,11.3786797 0.503679656,10.875 1.125,10.875 L22.875,10.875 Z M12,0 C12.6213203,3.80448985e-17 13.125,0.503679656 13.125,1.125 L13.125,9 L10.875,9 L10.875,1.125 C10.875,0.503679656 11.3786797,-3.80448985e-17 12,0 Z" id="形状结合"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/main/h5/src/assets/icon_kaojifuwu.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_kaojifuwu</title>
+    <defs>
+        <linearGradient x1="11.28%" y1="-8.30964205%" x2="99.8131103%" y2="116.015175%" id="linearGradient-1">
+            <stop stop-color="#FFFAF1" offset="0%"></stop>
+            <stop stop-color="#FFD47A" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="13.3704016%" y1="22.8103407%" x2="90.3791606%" y2="106.603609%" id="linearGradient-2">
+            <stop stop-color="#FFCF6A" offset="0%"></stop>
+            <stop stop-color="#FFE09F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="上传填写-默认" transform="translate(-269.000000, -1127.000000)">
+            <g id="编组-5" transform="translate(16.000000, 118.000000)">
+                <g id="编组-4" transform="translate(0.000000, 996.000000)">
+                    <g id="编组-6" transform="translate(253.000000, 13.000000)">
+                        <path d="M13,5 L47,5 C49.7614237,5 52,7.23857625 52,10 L52,50.9238416 C52,52.5806958 50.6568542,53.9238416 49,53.9238416 C48.6975741,53.9238416 48.3968867,53.8781123 48.1081342,53.7882046 L31.7426539,48.6925474 C30.786026,48.3946858 29.7619745,48.3910952 28.8032814,48.6822412 L11.8717578,53.824184 C10.2863986,54.3056425 8.6109118,53.4107542 8.12945329,51.825395 C8.04362169,51.5427665 8,51.2490115 8,50.9536373 L8,10 C8,7.23857625 10.2385763,5 13,5 Z" id="矩形" fill="url(#linearGradient-1)"></path>
+                        <path d="M34.4512424,33.8571429 C32.7183928,35.4285715 31.2743515,36.5714286 30.9855432,36.7142857 C30.6967349,36.8571428 30.4079266,37 30.1191183,37 C29.8303101,37 29.5415018,36.8571429 29.2526935,36.7142857 C29.1082894,36.5714286 27.664248,35.4285714 25.7869943,33.8571429 C23.4765282,31.7142857 21.7436785,30 20.7328496,28.4285714 C20.2996372,27.7142857 19.8664248,27 19.5776165,26.2857143 C19.1444041,25.4285714 19,24.4285715 19,23.5714286 C19,21.8571429 19.5776165,20.1428572 20.7328496,19 C21.8880827,17.7142857 23.4765282,17 25.2093778,17 C27.0866315,17 28.8194811,17.8571429 29.9747142,19.4285714 C31.1299473,17.8571429 32.862797,17 34.7400507,17 C36.4729003,17 38.0613458,17.7142857 39.2165789,19 C40.371812,20.2857143 40.9494285,21.8571429 40.9494285,23.5714286 C41.2382368,25.5714286 40.2274078,27.2857143 39.5053871,28.4285714 C38.4945582,30 36.9061127,31.7142857 34.4512424,33.8571429 Z" id="路径" fill="url(#linearGradient-2)"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/main/h5/src/assets/icon_kaojiguanli.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_kaojiguanli</title>
+    <defs>
+        <linearGradient x1="0%" y1="43.8418987%" x2="114.324781%" y2="56.9718852%" id="linearGradient-1">
+            <stop stop-color="#FFFAF1" offset="0%"></stop>
+            <stop stop-color="#FFD47A" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="0%" y1="-8.30964205%" x2="114.324781%" y2="116.015175%" id="linearGradient-2">
+            <stop stop-color="#FFFAF1" offset="0%"></stop>
+            <stop stop-color="#FFD47A" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="13.3704016%" y1="17.3384825%" x2="90.3791606%" y2="117.994959%" id="linearGradient-3">
+            <stop stop-color="#FFCF6A" offset="0%"></stop>
+            <stop stop-color="#FFE09F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="上传填写-默认" transform="translate(-269.000000, -197.000000)">
+            <g id="编组-5" transform="translate(16.000000, 118.000000)">
+                <g id="编组-4" transform="translate(0.000000, 66.000000)">
+                    <g id="编组-8" transform="translate(253.000000, 13.000000)">
+                        <path d="M20.8575878,4 C22.1873206,4 23.3583889,4.8753393 23.7348499,6.15066916 L25.0400893,10.5753205 C19.6110723,11.6680588 14.8186404,14.5195729 11.2826918,18.5099645 L7.75751537,6.56622056 C7.44480039,5.50684191 8.05009089,4.39454026 9.10946954,4.08182527 C9.2933133,4.02755696 9.48400395,4 9.6756901,4 L20.8575878,4 Z M50.3243099,4 C51.4288794,4 52.3243099,4.8954305 52.3243099,6 C52.3243099,6.19168615 52.2967529,6.3823768 52.2424846,6.56622056 L48.7173082,18.5099645 C45.1811425,14.5193279 40.3883391,11.6677086 34.9589106,10.5751193 L36.2651501,6.15066916 C36.6416111,4.8753393 37.8126794,4 39.1424122,4 L50.3243099,4 Z" id="形状结合" fill="url(#linearGradient-1)"></path>
+                        <circle id="椭圆形" fill="url(#linearGradient-2)" cx="30" cy="35.0833333" r="22"></circle>
+                        <path d="M30,41.3854167 L25.2538257,43.8715875 C24.5199839,44.2559932 23.6134652,43.9727192 23.2290596,43.2388774 C23.0761988,42.9470616 23.0236542,42.6130395 23.0795391,42.2883862 L23.9845675,37.0307842 L23.9845675,37.0307842 L20.1558194,33.3121992 C19.5615459,32.7350246 19.5476846,31.7853783 20.1248592,31.1911048 C20.355527,30.9536036 20.6582901,30.7990903 20.9859545,30.7516504 L26.2822583,29.9848408 L26.2822583,29.9848408 L28.6558546,25.1928348 C29.023559,24.4504838 29.9234367,24.1467727 30.6657877,24.5144771 C30.9600685,24.6602415 31.198381,24.898554 31.3441454,25.1928348 L33.7177417,29.9848408 L33.7177417,29.9848408 L39.0140455,30.7516504 C39.8339242,30.8703541 40.4023387,31.6312254 40.2836351,32.451104 C40.2361951,32.7787683 40.0816819,33.0815315 39.8441806,33.3121992 L36.0154325,37.0307842 L36.0154325,37.0307842 L36.9204609,42.2883862 C37.060997,43.1048059 36.5130851,43.8805719 35.6966655,44.021108 C35.3720122,44.0769929 35.0379901,44.0244483 34.7461743,43.8715875 L30,41.3854167 L30,41.3854167 Z" id="星形" fill="url(#linearGradient-3)"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/main/h5/src/assets/icon_yishuchengxiao.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_yishuchengxiao</title>
+    <defs>
+        <linearGradient x1="0%" y1="-8.30964205%" x2="114.324781%" y2="116.015175%" id="linearGradient-1">
+            <stop stop-color="#FFFAF1" offset="0%"></stop>
+            <stop stop-color="#FFD47A" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="13.3704016%" y1="27.976376%" x2="90.3791606%" y2="95.848923%" id="linearGradient-2">
+            <stop stop-color="#FFCF6A" offset="0%"></stop>
+            <stop stop-color="#FFE09F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="上传填写-默认" transform="translate(-269.000000, -2546.000000)">
+            <g id="编组-5" transform="translate(16.000000, 118.000000)">
+                <g id="编组-4" transform="translate(0.000000, 2415.000000)">
+                    <g id="编组-7" transform="translate(253.000000, 13.000000)">
+                        <path d="M32,4.15470054 L51.3826859,15.3452995 C52.6202902,16.0598306 53.3826859,17.3803387 53.3826859,18.8094011 L53.3826859,41.1905989 C53.3826859,42.6196613 52.6202902,43.9401694 51.3826859,44.6547005 L32,55.8452995 C30.7623957,56.5598306 29.2376043,56.5598306 28,55.8452995 L8.6173141,44.6547005 C7.37970979,43.9401694 6.6173141,42.6196613 6.6173141,41.1905989 L6.6173141,18.8094011 C6.6173141,17.3803387 7.37970979,16.0598306 8.6173141,15.3452995 L28,4.15470054 C29.2376043,3.44016936 30.7623957,3.44016936 32,4.15470054 Z" id="多边形" fill="url(#linearGradient-1)"></path>
+                        <path d="M30,20 C31.1045695,20 32,20.8954305 32,22 C32,22.6940995 31.6464187,23.3056157 31.1095484,23.6642563 L34,28 L37.1429441,26.7439556 C37.0507332,26.5139901 37,26.2629197 37,26 C37,24.8954305 37.8954305,24 39,24 C40.1045695,24 41,24.8954305 41,26 C41,27.1045695 40.1045695,28 39,28 C38.8879982,28 38.7781467,27.9907935 38.671161,27.9730959 L37.2785337,36.328798 C37.1178043,37.2931739 36.2834241,38 35.3057458,38 L24.6942542,38 C23.7165759,38 22.8821957,37.2931739 22.7214663,36.328798 L21.3298451,27.9729292 C21.222542,27.9907357 21.1123529,28 21,28 C19.8954305,28 19,27.1045695 19,26 C19,24.8954305 19.8954305,24 21,24 C22.1045695,24 23,24.8954305 23,26 C23,26.2625365 22.9494146,26.5132581 22.8574589,26.7429498 L26,28 L28.8914738,23.6649387 C28.3540301,23.3063917 28,22.6945399 28,22 C28,20.8954305 28.8954305,20 30,20 Z" id="形状结合" fill="url(#linearGradient-2)"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/main/h5/src/assets/img_cailiao_kong.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="140px" height="140px" viewBox="0 0 140 140" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>img_cailiao_kong</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#90AFFF" offset="0%"></stop>
+            <stop stop-color="#4476F9" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="98.6206908%" id="linearGradient-2">
+            <stop stop-color="#BEE1FF" offset="1.32382266%"></stop>
+            <stop stop-color="#B3D4FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#8BABFE" offset="0%"></stop>
+            <stop stop-color="#618BFB" offset="100%"></stop>
+        </linearGradient>
+        <filter x="-37.5%" y="-180.0%" width="175.0%" height="460.0%" filterUnits="objectBoundingBox" id="filter-4">
+            <feGaussianBlur stdDeviation="3" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <filter x="-37.5%" y="-37.5%" width="175.0%" height="175.0%" filterUnits="objectBoundingBox" id="filter-5">
+            <feGaussianBlur stdDeviation="3" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <filter x="-37.5%" y="-180.0%" width="175.0%" height="460.0%" filterUnits="objectBoundingBox" id="filter-6">
+            <feGaussianBlur stdDeviation="3" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="上传考察材料" transform="translate(-118.000000, -499.000000)">
+            <g id="编组-5" transform="translate(118.000000, 499.000000)">
+                <g id="编组-3" transform="translate(11.000000, 20.000000)">
+                    <rect id="矩形" fill="url(#linearGradient-1)" x="16" y="14" width="68" height="82" rx="9"></rect>
+                    <path d="M40,0 L92,0 C97.5228475,-1.01453063e-15 102,4.4771525 102,10 L102,79 C102,84.5228475 97.5228475,89 92,89 L40,89 C34.4771525,89 30,84.5228475 30,79 L30,10 C30,4.4771525 34.4771525,1.01453063e-15 40,0 Z" id="矩形" fill-opacity="0.54" fill="url(#linearGradient-2)"></path>
+                    <path d="M6,65 L31.5442353,65 C35.8582513,65 39.6516466,67.8546548 40.8461538,72 C42.0406611,76.1453452 45.8340564,79 50.1480724,79 L68.8604746,79 C73.1744906,79 76.9678859,76.1453452 78.1623932,72 C79.3569004,67.8546548 83.1502957,65 87.4643117,65 L112,65 C115.313708,65 118,67.6862915 118,71 L118,99 C118,102.313708 115.313708,105 112,105 L6,105 C2.6862915,105 4.05812251e-16,102.313708 0,99 L0,71 C-4.05812251e-16,67.6862915 2.6862915,65 6,65 Z" id="矩形" fill-opacity="0.46" fill="url(#linearGradient-3)"></path>
+                    <rect id="矩形" fill="#7BA4FF" filter="url(#filter-4)" x="70" y="33" width="24" height="5" rx="1"></rect>
+                    <rect id="矩形" fill="#7BA4FF" filter="url(#filter-5)" x="39" y="33" width="24" height="24" rx="5"></rect>
+                    <rect id="矩形" fill="#7BA4FF" filter="url(#filter-6)" x="70" y="46" width="24" height="5" rx="1"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

src/main/h5/src/mixins/expert.js

@@ -0,0 +1,101 @@
+export default {
+  data() {
+    return {
+      categories: [
+        {
+          label: '考级管理',
+          score: 20,
+          children: [
+            {
+              label: '考级组织',
+              value: 'examOrganization',
+              score: 3,
+            },
+            {
+              label: '考点设置',
+              value: 'examOrganization',
+              score: 4,
+            },
+            {
+              label: '考场设置',
+              value: 'examRoom',
+              score: 4,
+            },
+            {
+              label: '环境要求',
+              value: 'environment',
+              score: 4,
+            },
+            {
+              label: '安全保障',
+              value: 'safety',
+              score: 5,
+            },
+          ],
+        },
+        {
+          label: '考级服务',
+          score: 30,
+          children: [
+            {
+              label: '宣传报备',
+              value: 'promote',
+              score: 2,
+            },
+            {
+              label: '考级报名',
+              value: 'signUp',
+              score: 2,
+            },
+            {
+              label: '考试准备',
+              value: 'examPreparation',
+              score: 3,
+            },
+            {
+              label: '考场服务',
+              value: 'examService',
+              score: 5,
+            },
+            {
+              label: '考务考官',
+              value: 'examiner',
+              score: 5,
+            },
+            {
+              label: '考级规范',
+              value: 'specification',
+              score: 5,
+            },
+            {
+              label: '视频器材',
+              value: 'video',
+              score: 5,
+            },
+            {
+              label: '考试成绩',
+              value: 'score',
+              score: 3,
+            },
+          ],
+        },
+        {
+          label: '艺术成效',
+          score: 10,
+          children: [
+            {
+              label: '艺术培训',
+              value: 'artTrain',
+              score: 4,
+            },
+            {
+              label: '艺术成果',
+              value: 'artResult',
+              score: 6,
+            },
+          ],
+        },
+      ],
+    }
+  },
+}

src/main/h5/src/views/expert/expertAdd.vue

@@ -0,0 +1,34 @@
+<template>
+  <div class="container">
+    <div class="page-title">
+      <div class="text1">考级绩效评分</div>
+      <div class="text2">选择分值对各项目进行打分</div>
+    </div>
+
+    <div class="score-card" :key="index" v-for="(item, index) in categories">
+      <div class="score-title">
+        <div class="text1">{{ item.label }}</div>
+        <div class="text2">{{ item.score }}分</div>
+      </div>
+      <div class="score-list">
+        <div
+          class="score-item"
+          v-for="(score, scoreIndex) in item.children"
+          :key="scoreIndex"
+        >
+          <div class="text1">{{ score.label }}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import expert from '../../mixins/expert'
+export default {
+  name: 'expertAdd',
+  mixins: [expert],
+}
+</script>
+
+<style lang="less" scoped></style>

src/main/h5/src/views/expert/expertDetail.vue

@@ -0,0 +1,80 @@
+<template>
+  <div class="container">
+    <div class="top-box">
+      <img src="../../assets/bg_top.jpg" class="top-img" alt="" />
+      <div class="card">
+        <div class="info">
+          <div class="title">南京汤谷文化传媒有限公司</div>
+          <div class="address">
+            <div class="text">
+              南京市栖霞区燕子矶街道和燕路号东大科技园科创楼A305-1室
+            </div>
+            <div class="img">
+              <img src="../../assets/icon_dizhi.png" alt="" />
+              <span>导航</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>
+<style lang="less" scoped>
+.container {
+  position: relative;
+}
+.top-box {
+  position: relative;
+  padding: 134px 16px 16px;
+  .top-img {
+    display: block;
+    width: 100%;
+    height: auto;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0;
+  }
+
+  .card {
+    position: relative;
+    background: #ffffff;
+    border-radius: 12px;
+    padding: 20px;
+    z-index: 1;
+    .info {
+      .title {
+        font-size: 22px;
+        font-weight: bold;
+        color: #000000;
+        line-height: 32px;
+      }
+    }
+    .address {
+      display: flex;
+      .text {
+        font-size: 14px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #000000;
+        line-height: 24px;
+      }
+    }
+    .img {
+      display: flex;
+      width: 16px;
+      height: 16px;
+      flex-direction: column;
+      min-width: 24px;
+      padding-left: 12px;
+      font-size: 12px;
+      color: #2c96ff;
+      line-height: 22px;
+    }
+  }
+}
+</style>

src/main/h5/src/views/inspector/recordDetail.vue

@@ -0,0 +1,545 @@
+<template>
+  <div class="addRecord">
+    <van-form :readonly="!!formData.id">
+      <div v-if="formData.id">
+        <van-field v-model="formData.createdAt" label="监管时间" />
+      </div>
+      <van-field name="isRecord" label="1.是否考前备案">
+        <template #input>
+          <van-radio-group
+            :disabled="!!formData.id"
+            v-model="formData.isRecord"
+            direction="horizontal"
+          >
+            <van-radio :name="true">
+              是
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon : inactiveIcon"
+                />
+              </template>
+            </van-radio>
+            <van-radio class="no" :name="false"
+              >否
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon2 : inactiveIcon"
+                /> </template
+            ></van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+      <van-field name="isPostExamGuide" label="2.是否明显位置张贴《考试简章》?">
+        <template #input>
+          <van-radio-group
+            :disabled="!!formData.id"
+            v-model="formData.isPostExamGuide"
+            direction="horizontal"
+          >
+            <van-radio :name="true">
+              是
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon : inactiveIcon"
+                />
+              </template>
+            </van-radio>
+            <van-radio class="no" :name="false"
+              >否
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon2 : inactiveIcon"
+                /> </template
+            ></van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+      <van-field name="isPerfectDeviceServices" label="3.考场服务设备是否完善?">
+        <template #input>
+          <van-radio-group
+            :disabled="!!formData.id"
+            v-model="formData.isPerfectDeviceServices"
+            direction="horizontal"
+          >
+            <van-radio :name="true">
+              是
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon : inactiveIcon"
+                />
+              </template>
+            </van-radio>
+            <van-radio class="no" :name="false"
+              >否
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon2 : inactiveIcon"
+                /> </template
+            ></van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+      <van-field
+        name="isHaveTheSameTime"
+        label="4.考试时间与备案考试时间是否一致?"
+      >
+        <template #input>
+          <van-radio-group
+            :disabled="!!formData.id"
+            v-model="formData.isHaveTheSameTime"
+            direction="horizontal"
+          >
+            <van-radio :name="true">
+              是
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon : inactiveIcon"
+                />
+              </template>
+            </van-radio>
+            <van-radio class="no" :name="false"
+              >否
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon2 : inactiveIcon"
+                /> </template
+            ></van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+      <van-field name="isSameAddress" label="5.考试地点与备案考试地点是否一致?">
+        <template #input>
+          <van-radio-group
+            :disabled="!!formData.id"
+            v-model="formData.isSameAddress"
+            direction="horizontal"
+          >
+            <van-radio :name="true">
+              是
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon : inactiveIcon"
+                />
+              </template>
+            </van-radio>
+            <van-radio class="no" :name="false"
+              >否
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon2 : inactiveIcon"
+                /> </template
+            ></van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+      <van-field name="isExaminer" label="6.是否有无相关专业考官且佩戴考官证?">
+        <template #input>
+          <van-radio-group
+            :disabled="!!formData.id"
+            v-model="formData.isExaminer"
+            direction="horizontal"
+          >
+            <van-radio :name="true">
+              是
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon : inactiveIcon"
+                />
+              </template>
+            </van-radio>
+            <van-radio class="no" :name="false"
+              >否
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon2 : inactiveIcon"
+                /> </template
+            ></van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+      <van-field name="isRate" label="7.是否现场对艺术水平做出评定?">
+        <template #input>
+          <van-radio-group
+            :disabled="!!formData.id"
+            v-model="formData.isRate"
+            direction="horizontal"
+          >
+            <van-radio :name="true">
+              是
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon : inactiveIcon"
+                />
+              </template>
+            </van-radio>
+            <van-radio class="no" :name="false"
+              >否
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon2 : inactiveIcon"
+                /> </template
+            ></van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+      <van-field
+        name="isSureContent"
+        label="8.是否是所属考级机构教材确定的考级内容?"
+      >
+        <template #input>
+          <van-radio-group
+            :disabled="!!formData.id"
+            v-model="formData.isSureContent"
+            direction="horizontal"
+          >
+            <van-radio :name="true">
+              是
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon : inactiveIcon"
+                />
+              </template>
+            </van-radio>
+            <van-radio class="no" :name="false"
+              >否
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon2 : inactiveIcon"
+                /> </template
+            ></van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+      <van-field
+        name="isPostPoster"
+        label="9.是否在明显位置张贴《疫情防控指南》海报?"
+      >
+        <template #input>
+          <van-radio-group
+            :disabled="!!formData.id"
+            v-model="formData.isPostPoster"
+            direction="horizontal"
+          >
+            <van-radio :name="true">
+              是
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon : inactiveIcon"
+                />
+              </template>
+            </van-radio>
+            <van-radio class="no" :name="false"
+              >否
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon2 : inactiveIcon"
+                /> </template
+            ></van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+
+      <van-field
+        name="isHaveThermometer"
+        label="10.考点是否配备测量体温设备，且专人值守?"
+      >
+        <template #input>
+          <van-radio-group
+            :disabled="!!formData.id"
+            v-model="formData.isHaveThermometer"
+            direction="horizontal"
+          >
+            <van-radio :name="true">
+              是
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon : inactiveIcon"
+                />
+              </template>
+            </van-radio>
+            <van-radio class="no" :name="false"
+              >否
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon2 : inactiveIcon"
+                /> </template
+            ></van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+      <van-field name="isSchedule" label="11.考场是否实施预约限流措施?">
+        <template #input>
+          <van-radio-group
+            :disabled="!!formData.id"
+            v-model="formData.isSchedule"
+            direction="horizontal"
+          >
+            <van-radio :name="true">
+              是
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon : inactiveIcon"
+                />
+              </template>
+            </van-radio>
+            <van-radio class="no" :name="false"
+              >否
+              <template #icon="props">
+                <img
+                  class="img-icon"
+                  :src="props.checked ? activeIcon2 : inactiveIcon"
+                /> </template
+            ></van-radio>
+          </van-radio-group>
+        </template>
+      </van-field>
+      <van-field
+        v-model="formData.other"
+        rows="2"
+        autosize
+        label="12.其他"
+        type="textarea"
+        maxlength="200"
+        placeholder="请输入备注信息…"
+        class="textfield"
+      />
+    </van-form>
+
+    <div class="bottom">
+      <div v-if="!formData.id">
+        <van-button round block :color="$colors.prim" @click="onSave"
+          >提交</van-button
+        >
+      </div>
+      <div v-else>
+        <van-button round block color="#C4C7CC" @click="$router.go(-1)"
+          >返回</van-button
+        >
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "addRecord",
+  metaInfo() {
+    return {
+      title: this.formData.id ? "记录详情" : "添加记录"
+    };
+  },
+  data() {
+    return {
+      formData: {},
+      rules: {},
+      activeIcon: require("../../assets/icon_sel_yes.svg"),
+      activeIcon2: require("../../assets/icon_sel_no.svg"),
+      inactiveIcon: ""
+    };
+  },
+  mounted() {
+    if (this.$route.query.id) {
+      this.$http.get(`/regulatory/get/${this.$route.query.id}`).then(res => {
+        this.formData = res;
+      });
+    }
+  },
+  methods: {
+    onSave() {
+      if (
+        ![true, false].includes(this.formData.isRecord) ||
+        ![true, false].includes(this.formData.isPostExamGuide)
+      ) {
+        this.$toast("请选择所有必选项");
+        return;
+      }
+
+      this.submit();
+    },
+    submit() {
+      let data = { ...this.formData };
+      data.recordId = this.$route.query.recordId;
+      data.supervisorUserId = this.$store.state.userInfo.id;
+      // data.time = dayjs().format("YYYY-MM-DD HH:mm:ss");
+
+      this.saving = true;
+      this.$http
+        .post("/regulatory/save", data, { body: "json" })
+        .then(() => {
+          this.saving = false;
+          this.$toast.success("成功");
+          this.$router.go(-1);
+        })
+        .catch(e => {
+          console.log(e);
+          this.saving = false;
+          this.$message.error(e.error);
+        });
+    },
+    onDelete() {
+      this.$alert("删除将无法恢复，确认要删除么？", "警告", { type: "error" })
+        .then(() => {
+          return this.$http.post(`/regulatory/del/${this.formData.id}`);
+        })
+        .then(() => {
+          this.$message.success("删除成功");
+          this.$router.go(-1);
+        })
+        .catch(e => {
+          if (e !== "cancel") {
+            console.log(e);
+            this.$message.error((e || {}).error || "删除失败");
+          }
+        });
+    }
+  }
+};
+</script>
+<style lang="less" scoped>
+.addRecord {
+  .title {
+    font-size: 36px;
+    text-align: center;
+    font-weight: 700;
+    margin: 20px;
+  }
+  .el-row {
+    padding: 0 20px;
+    & + .el-row {
+      margin-top: 10px;
+    }
+  }
+}
+.van-form {
+  padding: 16px 16px 100px;
+}
+.van-cell {
+  background: #ffffff;
+  border-radius: 12px;
+  padding: 20px;
+  &::after {
+    content: none;
+  }
+
+  &:not(:first-child) {
+    margin-top: 12px;
+  }
+}
+
+.van-radio {
+  width: 100px;
+  height: 44px;
+}
+</style>
+
+<style lang="less">
+.van-cell {
+  flex-wrap: wrap;
+}
+.van-field__label {
+  width: 100%;
+  color: #313233;
+  font-weight: bold;
+  font-size: 18px;
+}
+
+.van-field__value {
+  margin-top: 10px;
+}
+
+.van-radio {
+  position: relative;
+  font-size: 16px;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+
+  .van-radio__label {
+    margin-left: 0;
+    color: #313233;
+    position: relative;
+    z-index: 1;
+  }
+
+  .van-radio__icon {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 44px;
+    border: 1px solid #e6e7eb;
+    background: #ffffff;
+    border-radius: 8px;
+    box-sizing: border-box;
+    z-index: 0;
+    .img-icon {
+      position: absolute;
+      right: 0px;
+      bottom: -1px;
+    }
+  }
+  .van-radio__icon--checked {
+    background: rgba(44, 150, 255, 0.12);
+    border: 1px solid #2c96ff;
+  }
+  .van-radio__icon--checked + .van-radio__label {
+    color: #2c96ff;
+  }
+
+  &.no {
+    .van-radio__icon--checked {
+      background: rgba(250, 81, 81, 0.12);
+      border: 1px solid #fa5151;
+    }
+    .van-radio__icon--checked + .van-radio__label {
+      color: #fa5151;
+    }
+  }
+}
+
+.textfield {
+  .van-field__value {
+    padding: 0 10px;
+  }
+  .van-field__body {
+    padding: 6px 14px;
+    border-radius: 8px;
+    border: 1px solid #e6e7eb;
+  }
+}
+
+.bottom {
+  position: fixed;
+  background: #ffffff;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 6px 26px calc(env(safe-area-inset-bottom) + 6px);
+  z-index: 20;
+  .van-button {
+    height: 48px;
+  }
+}
+</style>