提交评测

dist/css/chunk-1a0c8f0a.e8b5e53f.css

@@ -1 +0,0 @@
-#videoPlayer[data-v-95157b54]{width:800px;height:600px;margin:50px auto}.box[data-v-95157b54]{display:flex;justify-content:left}.box_ul[data-v-95157b54]{width:300px;height:100vh;background:#39f}.box_ul>li[data-v-95157b54]{width:80%;height:40px;text-align:center;border:1px solid;margin:17px auto;line-height:40px;border-radius:20px;background:#fff}#addclass[data-v-95157b54]{background:#f08080}

dist/css/chunk-a1ab978a.85cc397d.css

@@ -0,0 +1 @@
+#videoPlayer[data-v-593b4f8e]{width:800px;height:600px;margin:50px auto}.box[data-v-593b4f8e]{display:flex;justify-content:left}.box_ul[data-v-593b4f8e]{width:300px;height:100vh;background:#39f;overflow:auto}.box_ul>li[data-v-593b4f8e]{width:80%;height:40px;text-align:center;border:1px solid;margin:17px auto;line-height:40px;border-radius:20px;background:#fff}#addclass[data-v-593b4f8e]{background:#f08080}

src/router/index.js

@@ -366,10 +366,47 @@ const routes = [
       title:"金家渠视频监控"
     }
   },
+
+  //石槽评测打分
+  {
+    path:"/shicao/pingce/pingcedafen",
+    name:"pingcedafen",
+    component:()=>import("../views/shicao/pingce/pingcedafen.vue"),
+    meta:{
+      title:"评测打分"
+    }
+  },
+  //石槽评测打分分类
+  {
+    path:"/shicao/pingce/pingceinfo",
+    name:"pingceinfo",
+    component:()=>import("../views/shicao/pingce/pingceinfo.vue"),
+    meta:{
+      title:"评测打分人员详情"
+    }
+  },
+   //石槽评测打分详情
+   {
+    path:"/shicao/pingce/pingceno",
+    name:"pingceno",
+    component:()=>import("../views/shicao/pingce/pingceno.vue"),
+    meta:{
+      title:"评测打分人员详情"
+    }
+  },
+  //石槽评测打分详情
+  {
+    path:"/shicao/pingce/pingceyes",
+    name:"pingceyes",
+    component:()=>import("../views/shicao/pingce/pingceyes.vue"),
+    meta:{
+      title:"评测打分人员详情"
+    }
+  },
   //路由重定向
   {
     path:'/',
-    redirect:{"name":"videoshome"}
+    redirect:{"name":"pingcedafen"}
   }
 ]
 

src/views/jinjiaqu/videos.vue

@@ -88,6 +88,7 @@ export default {
           name: "马路北头立杆-朝北",
           src: `http://video.nxjiewei.com:8011/jinjiaqu/马路北头立杆-朝北/${getTime()}/out.m3u8`,
         },
+        
       ],
       vs: [{ name: "111", src: `http://1231231.com/${getTime()}` }],
     };
@@ -156,6 +157,7 @@ export default {
   width: 300px;
   height: 100vh;
   background: #39f;
+  overflow: auto;
 }
 .box_ul > li {
   width: 80%;

src/views/shicao/pingce/pingcedafen.vue

@@ -0,0 +1,109 @@
+<template>
+  <div>
+    <div v-if="shows">
+      <van-nav-bar title="评测打分" left-arrow @click-left="onClickLeft" />
+    </div>
+    <div class="headers">
+      <img src="../../../assets/images/shicao/头图.png" alt="" />
+    </div>
+    <div class="contents" v-for="item in xinxis" :key="item" @click="dianji(item.batch_num,staff_num)" >
+      <div class="contents_yes" v-if="colors==item.is_complete">已填报</div>
+      <div class="contents_no" v-else>未填报</div>
+      <div class="contents_value">{{item.evaluation_title}}</div>
+    </div>
+    <!-- <div class="contents">
+      <div class="contents_no">未填报</div>
+      <div class="contents_value">2021年上半年高层管理人员民主测评现场统计表</div>
+    </div> -->
+  </div>
+</template>
+
+<script>
+import {} from "../../../assets/images/shicao/头图.png";
+export default {
+  data() {
+    return {
+      shows: true, //tabber是否显示
+      colors:"1",//判断是否填报完成
+      staff_num:"123456",
+      xinxis:[]
+    };
+  },
+  methods: {
+      dianji(batch_num,staff_num){
+        console.log(batch_num);
+          // console.log("sss");
+          this.$router.push(`/shicao/pingce/pingceinfo?batch_num=${batch_num}&staff_num=${staff_num}`)
+      },
+      xinxi(){
+        this.$http.post("http://colliery.nxjiewei.com/api/evaluation/get_grade_list",{
+          grade_num:this.staff_num
+        }).then(res=>{
+          // console.log(res.data.content.data.evaluation_list);
+          this.xinxis=res.data.content.data.evaluation_list
+          console.log(this.xinxis);
+        })
+      }
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+    this.xinxi()
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+.headers {
+  width: 100%;
+}
+.headers > img {
+  width: 100%;
+}
+.contents {
+  width: 90%;
+  height: 75px;
+  margin: 15px auto;
+  border-radius: 10px;
+  box-shadow: 0px 1px 1px;
+  background: #fff;
+  display: flex;
+}
+.contents_yes {
+  width: 25px;
+  text-align: center;
+  background: #00c20d;
+  padding-top:8px;
+  color: #fff;
+  font-size: 14px;
+  border-radius: 10px 0px 0px 10px;
+}
+.contents_no {
+  width: 25px;
+  text-align: center;
+  background: #e60111;
+  padding-top: 8px;
+  font-size: 14px;
+  color: #fff;
+  border-radius: 10px 0px 0px 10px;
+}
+.contents_value {
+  flex: 1;
+  line-height: 23px;
+  padding: 15px 15px 0px 15px;
+}
+</style>

src/views/shicao/pingce/pingceinfo.vue

@@ -0,0 +1,134 @@
+<template>
+  <div>
+    <div v-if="shows">
+      <van-nav-bar title="评测打分" left-arrow @click-left="onClickLeft" />
+    </div>
+    <div>
+      <div class="headers">
+        <p>{{title}}</p>
+      </div>
+      <div class="contents"  v-for="item in xinxis" :key="item" @click="tiaozhuan(item.batch_num,item.staff_num,item.template_id,item.is_complete)">
+        <div class="contents_one">
+          <img
+            src="../../../assets/images/shicao/完成.png"
+            alt=""
+            v-if="colors == item.is_complete"
+          />
+        </div>
+        <div class="contents_two">{{item.name}}</div>
+        <div class="contents_three" v-if="colors == item.is_complete">已打分</div>
+        <div class="contents_four" v-else>
+          未打分
+          <img src="../../../assets/images/shicao/箭头.png" alt="" />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      shows: true, //tabber是否显示
+      colors: 1,
+      xinxis:[],
+      title:""
+    };
+  },
+  methods: {
+    xinxi() {
+      this.$http
+        .post("http://colliery.nxjiewei.com/api/evaluation/get_grade_detail", {
+          grade_num: this.$route.query.staff_num,
+          batch_num: this.$route.query.batch_num,
+        })
+        .then((res) => {
+          console.log(res.data.content.data.evaluation_list);
+          this.title=res.data.content.data.evaluation_title
+          this.xinxis=res.data.content.data.evaluation_list
+        });
+    },
+    tiaozhuan(batch_num,staff_num,template_id,is_complete) {
+      console.log(batch_num);
+      console.log(staff_num);
+      console.log(template_id);
+      console.log(is_complete);
+      if (this.colors == is_complete) {
+        this.$router.push("/shicao/pingce/pingceyes");
+      } else {
+        this.$router.push(`/shicao/pingce/pingceno?batch_num=${batch_num}&staff_num=${staff_num}&template_id=${template_id}`);
+      }
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#fff"; //背景色
+    this.xinxi();
+    // console.log(this.$route.query.batch_num);
+    // console.log(this.$route.query.staff_num);
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+.headers {
+  width: 100%;
+  height: 66px;
+  background: #39f;
+}
+.headers > p {
+  text-align: center;
+  color: #fff;
+  line-height: 66px;
+}
+.contents {
+  width: 95%;
+  margin: 8px auto;
+  height: 40px;
+  display: flex;
+  border-bottom: 1px solid #f0f0f0;
+}
+.contents_one {
+  width: 50px;
+  line-height: 48px;
+  text-align: center;
+}
+.contents_one > img {
+  width: 20px;
+}
+.contents_two {
+  flex: 1;
+  line-height: 40px;
+}
+.contents_three {
+  width: 70px;
+  font-size: 14px;
+  line-height: 40px;
+  color: #00c10e;
+}
+.contents_four {
+  width: 70px;
+  font-size: 14px;
+  line-height: 40px;
+  color: #e70012;
+}
+.contents_four > img {
+  width: 7px;
+  padding-left: 8px;
+}
+</style>

src/views/shicao/pingce/pingceno.vue

@@ -0,0 +1,722 @@
+<template>
+  <div>
+    <div v-if="shows">
+      <van-nav-bar title="评测打分" left-arrow @click-left="onClickLeft" />
+    </div>
+    <div class="headers" id="nav" :class="{ 'fix-nav': navBarFixed }">
+      <p class="headers_p1">赫祝童</p>
+      <p class="headers_p2">党群工作部</p>
+      <p class="headers_p3">
+        副部长
+        <span class="headers_p3_span1"
+          >总分 
+          <span class="headers_p3_span2">
+            {{
+              Number(values1)+Number(values2)+Number(values3)+Number(values4)+Number(values5)+Number(values6)+Number(values7)+Number(values8)
+              +Number(values9)+Number(values10)+Number(values11)+Number(values12)+Number(values13)+Number(values14)+Number(values15)+Number(values16)
+              ?Number(values1)+Number(values2)+Number(values3)+Number(values4)+Number(values5)+Number(values6)+Number(values7)+Number(values8)
+              +Number(values9)+Number(values10)+Number(values11)+Number(values12)+Number(values13)+Number(values14)+Number(values15)+Number(values16)
+              :0
+            }}
+          </span>分</span
+        >
+      </p>
+    </div>
+    <div class="contents">
+      <div class="contents_one">
+        德 <span class="contents_one_span">(15分)</span>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="政治立场与全局观念(5分)"
+          :value="value1"
+          placeholder="请选择"
+          @click="showPicker1 = true"
+        />
+        <van-popup v-model="showPicker1" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns1"
+            @cancel="showPicker1 = false"
+            @confirm="onConfirm1"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="思想观念与道德修养(5分)"
+          :value="value2"
+          placeholder="请选择"
+          @click="showPicker2 = true"
+        />
+        <van-popup v-model="showPicker2" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns2"
+            @cancel="showPicker2 = false"
+            @confirm="onConfirm2"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="团结协作(5分)"
+          :value="value3"
+          placeholder="请选择"
+          @click="showPicker3 = true"
+        />
+        <van-popup v-model="showPicker3" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns3"
+            @cancel="showPicker3 = false"
+            @confirm="onConfirm3"
+          />
+        </van-popup>
+      </div>   
+    </div>
+    <div class="contents">
+      <div class="contents_one">
+        能 <span class="contents_one_span">(20分)</span>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="决策与管理水平(5分)"
+          :value="value4"
+          placeholder="请选择"
+          @click="showPicker4 = true"
+        />
+        <van-popup v-model="showPicker4" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns4"
+            @cancel="showPicker4 = false"
+            @confirm="onConfirm4"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="组织落实及执行能力(10分)"
+          :value="value5"
+          placeholder="请选择"
+          @click="showPicker5 = true"
+        />
+        <van-popup v-model="showPicker5" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns5"
+            @cancel="showPicker5 = false"
+            @confirm="onConfirm5"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="开拓创新能力(5分)"
+          :value="value6"
+          placeholder="请选择"
+          @click="showPicker6 = true"
+        />
+        <van-popup v-model="showPicker6" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns6"
+            @cancel="showPicker6 = false"
+            @confirm="onConfirm6"
+          />
+        </van-popup>
+      </div>   
+    </div>
+    <div class="contents">
+      <div class="contents_one">
+        勤 <span class="contents_one_span">(15分)</span>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="责任心与事业心(10分)"
+          :value="value7"
+          placeholder="请选择"
+          @click="showPicker7 = true"
+        />
+        <van-popup v-model="showPicker7" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns7"
+            @cancel="showPicker7 = false"
+            @confirm="onConfirm7"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="工作效率与劳动纪律(5分)"
+          :value="value8"
+          placeholder="请选择"
+          @click="showPicker8 = true"
+        />
+        <van-popup v-model="showPicker8" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns8"
+            @cancel="showPicker8 = false"
+            @confirm="onConfirm8"
+          />
+        </van-popup>
+      </div>  
+    </div>
+    <div class="contents">
+      <div class="contents_one">
+        绩 <span class="contents_one_span">(20分)</span>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="工作质量及取得的成效(10分)"
+          :value="value9"
+          placeholder="请选择"
+          @click="showPicker9 = true"
+        />
+        <van-popup v-model="showPicker9" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns9"
+            @cancel="showPicker9 = false"
+            @confirm="onConfirm9"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="责任目标完成(10分)"
+          :value="value10"
+          placeholder="请选择"
+          @click="showPicker10 = true"
+        />
+        <van-popup v-model="showPicker10" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns10"
+            @cancel="showPicker10 = false"
+            @confirm="onConfirm10"
+          />
+        </van-popup>
+      </div>  
+    </div>
+    <div class="contents">
+      <div class="contents_one">
+        廉 <span class="contents_one_span">(20分)</span>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="遵纪守法(10分)"
+          :value="value11"
+          placeholder="请选择"
+          @click="showPicker11 = true"
+        />
+        <van-popup v-model="showPicker11" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns11"
+            @cancel="showPicker11 = false"
+            @confirm="onConfirm11"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="作风民主(3分)"
+          :value="value12"
+          placeholder="请选择"
+          @click="showPicker12 = true"
+        />
+        <van-popup v-model="showPicker12" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns12"
+            @cancel="showPicker12 = false"
+            @confirm="onConfirm12"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="廉洁自律，厉行节约(7分)"
+          :value="value13"
+          placeholder="请选择"
+          @click="showPicker13 = true"
+        />
+        <van-popup v-model="showPicker13" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns13"
+            @cancel="showPicker13 = false"
+            @confirm="onConfirm13"
+          />
+        </van-popup>
+      </div>   
+    </div>
+    <div class="contents">
+      <div class="contents_one">
+        学 <span class="contents_one_span">(10分)</span>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="政治理论，廉政学习(5分)"
+          :value="value14"
+          placeholder="请选择"
+          @click="showPicker14 = true"
+        />
+        <van-popup v-model="showPicker14" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns14"
+            @cancel="showPicker14 = false"
+            @confirm="onConfirm14"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="业务知识，专业技能学习(3分)"
+          :value="value15"
+          placeholder="请选择"
+          @click="showPicker15 = true"
+        />
+        <van-popup v-model="showPicker15" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns15"
+            @cancel="showPicker15 = false"
+            @confirm="onConfirm15"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="管理知识及先进经验学习(2分)"
+          :value="value16"
+          placeholder="请选择"
+          @click="showPicker16 = true"
+        />
+        <van-popup v-model="showPicker16" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns16"
+            @cancel="showPicker16 = false"
+            @confirm="onConfirm16"
+          />
+        </van-popup>
+      </div>   
+    </div>
+    <div>
+        <van-dialog
+          v-model="correlate"
+          @confirm="confirm()"
+          show-cancel-button
+        >
+        <div>提交后将不能修改，确定提交吗</div>
+        </van-dialog>
+      </div>
+    <div class="fount_buttons">
+      <button class="buttons" @click="tijiao">提交</button>
+    </div>
+    <div class="founts"></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      navBarFixed: false,
+      shows: true,
+      correlate: false,
+      staff_info:[],
+      template_list:[],
+      value1: "",
+      values1: "",
+      value2: "",
+      values2: "",
+      value3: "",
+      values3: "",
+      value4: "",
+      values4: "",
+      value5: "",
+      values5: "",
+      value6: "",
+      values6: "",
+      value7: "",
+      values7: "",
+      value8: "",
+      values8: "",
+      value9: "",
+      values9: "",
+      value10: "",
+      values10: "",
+      value11: "",
+      values11: "",
+      value12: "",
+      values12: "",
+      value13: "",
+      values13: "",
+      value14: "",
+      values14: "",
+      value15: "",
+      values15: "",
+      value16: "",
+      values16: "",
+      showPicker1: false,
+      showPicker2: false,
+      showPicker3: false,
+      showPicker4: false,
+      showPicker5: false,
+      showPicker6: false,
+      showPicker7: false,
+      showPicker8: false,
+      showPicker9: false,
+      showPicker10: false,
+      showPicker11: false,
+      showPicker12: false,
+      showPicker13: false,
+      showPicker14: false,
+      showPicker15: false,
+      showPicker16: false,
+      columns1: ["0", "1", "2", "3", "4", "5"],
+      columns2: ["0", "1", "2", "3", "4", "5"],
+      columns3: ["0", "1", "2", "3", "4", "5"],
+      columns4: ["0", "1", "2", "3", "4", "5"],
+      columns5: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
+      columns6: ["0", "1", "2", "3", "4", "5"],
+      columns7: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
+      columns8: ["0", "1", "2", "3", "4", "5"],
+      columns9: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
+      columns10: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
+      columns11: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
+      columns12: ["0", "1", "2", "3"],
+      columns13: ["0", "1", "2", "3", "4", "5", "6", "7"],
+      columns14: ["0", "1", "2", "3", "4", "5"],
+      columns15: ["0", "1", "2", "3"],
+      columns16: ["0", "1", "2"],
+    };
+  },
+  methods: {
+    tijiao() {
+      if (
+        this.values1 == "" ||
+        this.values2 == "" ||
+        this.values3 == "" ||
+        this.values4 == "" ||
+        this.values5 == "" ||
+        this.values6 == "" ||
+        this.values7 == "" ||
+        this.values8 == "" ||
+        this.values9 == "" ||
+        this.values10 == "" ||
+        this.values11 == "" ||
+        this.values12 == "" ||
+        this.values13 == "" ||
+        this.values14 == "" ||
+        this.values15 == "" ||
+        this.values16 == ""
+      ) {
+        this.$dialog.alert({
+          message: "有选项未打分，请打分完毕后再提交",
+        });
+      } else {
+        this.correlate = true;
+      }
+    },
+    confirm() {
+      console.log(
+        this.values1,
+        this.values2,
+        this.values3,
+        this.values4,
+        this.values5,
+        this.values6,
+        this.values7,
+        this.values8,
+        this.values9,
+        this.values10,
+        this.values11,
+        this.values12,
+        this.values13,
+        this.values14,
+        this.values15,
+        this.values16
+      );
+    },
+    xinxi(){
+      this.$http.post("http://colliery.nxjiewei.com/api/evaluation/get_template_info",{
+        template_id:this.$route.query.template_id,
+        staff_num:this.$route.query.staff_num,
+        batch_num:this.$route.query.batch_num
+      }).then(res=>{
+        console.log(res.data.content.data.template_list);
+        this.staff_info=res.data.content.data.staff_info;
+        this.template_list=res.data.content.data.template_list;
+      })
+    },
+    //吸顶处理
+    watchScroll() {
+      // 滚动的距离
+      var scrollTop =
+        window.pageYOffset ||
+        document.documentElement.scrollTop ||
+        document.body.scrollTop;
+      // 容器的高度
+      var offsetTop = document.querySelector("#nav").offsetHeight;
+      console.log("scrollTop=>", scrollTop, "  offsetTop=>", offsetTop);
+      //  滚动的距离如果大于了元素到顶部的距离时，实现吸顶效果
+      if (scrollTop > offsetTop) {
+        this.navBarFixed = true;
+      } else {
+        this.navBarFixed = false;
+      }
+    },
+    onConfirm1(value) {
+      console.log("1");
+      this.values1 = value;
+      this.value1 = `${value}分`;
+      this.showPicker1 = false;
+    },
+    onConfirm2(value) {
+      console.log("2");
+      this.values2 = value;
+      this.value2 = `${value}分`;
+      this.showPicker2 = false;
+    },
+    onConfirm3(value) {
+      console.log("3");
+      this.values3 = value;
+      this.value3 = `${value}分`;
+      this.showPicker3 = false;
+    },
+    onConfirm4(value) {
+      console.log("4");
+      this.values4 = value;
+      this.value4 = `${value}分`;
+      this.showPicker4 = false;
+    },
+    onConfirm5(value) {
+      console.log("5");
+      this.values5 = value;
+      this.value5 = `${value}分`;
+      this.showPicker5 = false;
+    },
+    onConfirm6(value) {
+      console.log("6");
+      this.values6 = value;
+      this.value6 = `${value}分`;
+      this.showPicker6 = false;
+    },
+    onConfirm7(value) {
+      console.log("7");
+      this.values7 = value;
+      this.value7 = `${value}分`;
+      this.showPicker7 = false;
+    },
+    onConfirm8(value) {
+      console.log("8");
+      this.values8 = value;
+      this.value8 = `${value}分`;
+      this.showPicker8 = false;
+    },
+    onConfirm9(value) {
+      console.log("9");
+      this.values9 = value;
+      this.value9 = `${value}分`;
+      this.showPicker9 = false;
+    },
+    onConfirm10(value) {
+      console.log("10");
+      this.values10 = value;
+      this.value10 = `${value}分`;
+      this.showPicker10 = false;
+    },
+    onConfirm11(value) {
+      console.log("11");
+      this.values11 = value;
+      this.value11 = `${value}分`;
+      this.showPicker11 = false;
+    },
+    onConfirm12(value) {
+      console.log("12");
+      this.values12 = value;
+      this.value12 = `${value}分`;
+      this.showPicker12 = false;
+    },
+    onConfirm13(value) {
+      console.log("13");
+      this.values13 = value;
+      this.value13 = `${value}分`;
+      this.showPicker13 = false;
+    },
+    onConfirm14(value) {
+      console.log("14");
+      this.values14 = value;
+      this.value14 = `${value}分`;
+      this.showPicker14 = false;
+    },
+    onConfirm15(value) {
+      console.log("15");
+      this.values15 = value;
+      this.value15 = `${value}分`;
+      this.showPicker15 = false;
+    },
+    onConfirm16(value) {
+      console.log("16");
+      this.values16 = value;
+      this.value16 = `${value}分`;
+      this.showPicker16 = false;
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+    window.addEventListener("scroll", this.watchScroll);
+    this.xinxi()
+    // console.log(this.$route.query.batch_num);
+    // console.log(this.$route.query.staff_num);
+    // console.log(this.$route.query.template_id);
+  },
+  destroyed() {
+    // 移除事件监听
+    window.removeEventListener("scroll", this.watchScroll);
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+>>> .van-field__label {
+  width: 20.2em;
+}
+.headers {
+  width: 100%;
+  background: #fff;
+  padding: 10px 0px 10px 0px;
+}
+.headers_p1,
+.headers_p2,
+.headers_p3 {
+  padding-left: 30px;
+  padding-top: 5px;
+}
+.headers_p1 {
+  font-size: 20px;
+  font-weight: 800;
+}
+.headers_p3_span1 {
+  float: right;
+  padding-right: 20px;
+}
+.headers_p3_span2 {
+  font-size: 20px;
+}
+.contents {
+  width: 100%;
+  margin: 10px 0px 10px 0px;
+  background: #fff;
+}
+.contents_one {
+  text-align: center;
+  font-size: 20px;
+  font-weight: 800;
+}
+.contents_one_span {
+  font-size: 15px;
+  font-weight: 300;
+}
+.contents_one_span2 {
+  float: right;
+  color: #00c10e;
+}
+.contents_one,
+.contents_two,
+.contents_three,
+.contents_four {
+  height: 40px;
+  line-height: 40px;
+  border-bottom: 1px solid #f0f0f0;
+}
+>>> .van-field__body > input::-webkit-input-placeholder {
+  color: #00c10e;
+}
+.van-cell {
+  border-bottom: 1px solid #f0f0f0;
+}
+>>> .van-field__label {
+  color: black;
+}
+.fount_buttons {
+  width: 40%;
+  margin: 20px auto;
+  border-bottom: 1px solid transparent;
+}
+.buttons {
+  width: 100%;
+  height: 40px;
+  border-radius: 20px;
+  border: none;
+  background: #39f;
+  color: #fff;
+}
+.van-dialog__content > div {
+  text-align: center;
+  height: 100px;
+  line-height: 100px;
+}
+.fix-nav {
+  position: fixed;
+  top: 0;
+  z-index: 999;
+}
+.founts {
+  height: 20px;
+}
+</style>

src/views/shicao/pingce/pingceyes.vue

@@ -0,0 +1,721 @@
+<template>
+  <div>
+    <div v-if="shows">
+      <van-nav-bar title="评测打分" left-arrow @click-left="onClickLeft" />
+    </div>
+    <div class="headers" id="nav" :class="{ 'fix-nav': navBarFixed }">
+      <p class="headers_p1">赫祝童</p>
+      <p class="headers_p2">党群工作部</p>
+      <p class="headers_p3">
+        副部长
+        <span class="headers_p3_span1"
+          >总分 
+          <span class="headers_p3_span2">
+            {{
+              Number(values1)+Number(values2)+Number(values3)+Number(values4)+Number(values5)+Number(values6)+Number(values7)+Number(values8)
+              +Number(values9)+Number(values10)+Number(values11)+Number(values12)+Number(values13)+Number(values14)+Number(values15)+Number(values16)
+              ?Number(values1)+Number(values2)+Number(values3)+Number(values4)+Number(values5)+Number(values6)+Number(values7)+Number(values8)
+              +Number(values9)+Number(values10)+Number(values11)+Number(values12)+Number(values13)+Number(values14)+Number(values15)+Number(values16)
+              :0
+            }}
+          </span>分</span
+        >
+      </p>
+    </div>
+    <div class="contents" v-for="item in list" :key="item">
+      <div class="contents_one">
+        {{item.title}} <span class="contents_one_span">(15分)</span>
+      </div>
+      <div v-for="items in item.info" :key="items">
+        <van-field
+          readonly
+          clickable
+          :label="items.age"
+          :value="value1"
+          placeholder="请选择"
+          @click="showPicker1 = true"
+        />
+        <van-popup v-model="showPicker1" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="items.age"
+            @cancel="showPicker1 = false"
+            @confirm="onConfirm1"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="思想观念与道德修养(5分)"
+          :value="value2"
+          placeholder="请选择"
+          @click="showPicker2 = true"
+        />
+        <van-popup v-model="showPicker2" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns2"
+            @cancel="showPicker2 = false"
+            @confirm="onConfirm2"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="团结协作(5分)"
+          :value="value3"
+          placeholder="请选择"
+          @click="showPicker3 = true"
+        />
+        <van-popup v-model="showPicker3" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns3"
+            @cancel="showPicker3 = false"
+            @confirm="onConfirm3"
+          />
+        </van-popup>
+      </div>   
+    </div>
+    <div class="contents">
+      <div class="contents_one">
+        能 <span class="contents_one_span">(20分)</span>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="决策与管理水平(5分)"
+          :value="value4"
+          placeholder="请选择"
+          @click="showPicker4 = true"
+        />
+        <van-popup v-model="showPicker4" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns4"
+            @cancel="showPicker4 = false"
+            @confirm="onConfirm4"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="组织落实及执行能力(10分)"
+          :value="value5"
+          placeholder="请选择"
+          @click="showPicker5 = true"
+        />
+        <van-popup v-model="showPicker5" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns5"
+            @cancel="showPicker5 = false"
+            @confirm="onConfirm5"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="开拓创新能力(5分)"
+          :value="value6"
+          placeholder="请选择"
+          @click="showPicker6 = true"
+        />
+        <van-popup v-model="showPicker6" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns6"
+            @cancel="showPicker6 = false"
+            @confirm="onConfirm6"
+          />
+        </van-popup>
+      </div>   
+    </div>
+    <div class="contents">
+      <div class="contents_one">
+        勤 <span class="contents_one_span">(15分)</span>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="责任心与事业心(10分)"
+          :value="value7"
+          placeholder="请选择"
+          @click="showPicker7 = true"
+        />
+        <van-popup v-model="showPicker7" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns7"
+            @cancel="showPicker7 = false"
+            @confirm="onConfirm7"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="工作效率与劳动纪律(5分)"
+          :value="value8"
+          placeholder="请选择"
+          @click="showPicker8 = true"
+        />
+        <van-popup v-model="showPicker8" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns8"
+            @cancel="showPicker8 = false"
+            @confirm="onConfirm8"
+          />
+        </van-popup>
+      </div>  
+    </div>
+    <div class="contents">
+      <div class="contents_one">
+        绩 <span class="contents_one_span">(20分)</span>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="工作质量及取得的成效(10分)"
+          :value="value9"
+          placeholder="请选择"
+          @click="showPicker9 = true"
+        />
+        <van-popup v-model="showPicker9" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns9"
+            @cancel="showPicker9 = false"
+            @confirm="onConfirm9"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="责任目标完成(10分)"
+          :value="value10"
+          placeholder="请选择"
+          @click="showPicker10 = true"
+        />
+        <van-popup v-model="showPicker10" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns10"
+            @cancel="showPicker10 = false"
+            @confirm="onConfirm10"
+          />
+        </van-popup>
+      </div>  
+    </div>
+    <div class="contents">
+      <div class="contents_one">
+        廉 <span class="contents_one_span">(20分)</span>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="遵纪守法(10分)"
+          :value="value11"
+          placeholder="请选择"
+          @click="showPicker11 = true"
+        />
+        <van-popup v-model="showPicker11" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns11"
+            @cancel="showPicker11 = false"
+            @confirm="onConfirm11"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="作风民主(3分)"
+          :value="value12"
+          placeholder="请选择"
+          @click="showPicker12 = true"
+        />
+        <van-popup v-model="showPicker12" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns12"
+            @cancel="showPicker12 = false"
+            @confirm="onConfirm12"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="廉洁自律，厉行节约(7分)"
+          :value="value13"
+          placeholder="请选择"
+          @click="showPicker13 = true"
+        />
+        <van-popup v-model="showPicker13" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns13"
+            @cancel="showPicker13 = false"
+            @confirm="onConfirm13"
+          />
+        </van-popup>
+      </div>   
+    </div>
+    <div class="contents">
+      <div class="contents_one">
+        学 <span class="contents_one_span">(10分)</span>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="政治理论，廉政学习(5分)"
+          :value="value14"
+          placeholder="请选择"
+          @click="showPicker14 = true"
+        />
+        <van-popup v-model="showPicker14" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns14"
+            @cancel="showPicker14 = false"
+            @confirm="onConfirm14"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="业务知识，专业技能学习(3分)"
+          :value="value15"
+          placeholder="请选择"
+          @click="showPicker15 = true"
+        />
+        <van-popup v-model="showPicker15" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns15"
+            @cancel="showPicker15 = false"
+            @confirm="onConfirm15"
+          />
+        </van-popup>
+      </div>
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="管理知识及先进经验学习(2分)"
+          :value="value16"
+          placeholder="请选择"
+          @click="showPicker16 = true"
+        />
+        <van-popup v-model="showPicker16" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns16"
+            @cancel="showPicker16 = false"
+            @confirm="onConfirm16"
+          />
+        </van-popup>
+      </div>   
+    </div>
+    <div>
+        <van-dialog
+          v-model="correlate"
+          @confirm="confirm()"
+          show-cancel-button
+        >
+        <div>提交后将不能修改，确定提交吗</div>
+        </van-dialog>
+      </div>
+    <div class="fount_buttons">
+      <button class="buttons" @click="tijiao">提交</button>
+    </div>
+    <div class="founts"></div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      navBarFixed: false,
+      shows: true,
+      correlate: false,
+      value1: "",
+      values1: "",
+      list: [
+        {
+          title: "科学",
+          info: [
+            { name: "火箭", age: ["0", "1"] },
+            { name: "核弹", age: ["0", "1", "2"] },
+          ],
+        },
+        {
+          title: "物理",
+          info: [
+            { name: "二向箔", age: ["0", "1", "2", "3"] },
+            { name: "歼星舰", age: ["0", "1", "2", "3", "4"] },
+          ],
+        },
+      ],
+      // value2: "2",
+      // values2: "",
+      // value3: "2",
+      // values3: "",
+      // value4: "",
+      // values4: "",
+      // value5: "",
+      // values5: "",
+      // value6: "",
+      // values6: "",
+      // value7: "",
+      // values7: "",
+      // value8: "",
+      // values8: "",
+      // value9: "",
+      // values9: "",
+      // value10: "",
+      // values10: "",
+      // value11: "",
+      // values11: "",
+      // value12: "",
+      // values12: "",
+      // value13: "",
+      // values13: "",
+      // value14: "",
+      // values14: "",
+      // value15: "",
+      // values15: "",
+      // value16: "",
+      // values16: "",
+      showPicker1: false,
+      // showPicker2: false,
+      // showPicker3: false,
+      // showPicker4: false,
+      // showPicker5: false,
+      // showPicker6: false,
+      // showPicker7: false,
+      // showPicker8: false,
+      // showPicker9: false,
+      // showPicker10: false,
+      // showPicker11: false,
+      // showPicker12: false,
+      // showPicker13: false,
+      // showPicker14: false,
+      // showPicker15: false,
+      // showPicker16: false,
+      // columns1: ["0", "1", "2", "3", "4", "5"],
+      // columns2: ["0", "1", "2", "3", "4", "5"],
+      // columns3: ["0", "1", "2", "3", "4", "5"],
+      // columns4: ["0", "1", "2", "3", "4", "5"],
+      // columns5: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
+      // columns6: ["0", "1", "2", "3", "4", "5"],
+      // columns7: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
+      // columns8: ["0", "1", "2", "3", "4", "5"],
+      // columns9: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
+      // columns10: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
+      // columns11: ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
+      // columns12: ["0", "1", "2", "3"],
+      // columns13: ["0", "1", "2", "3", "4", "5", "6", "7"],
+      // columns14: ["0", "1", "2", "3", "4", "5"],
+      // columns15: ["0", "1", "2", "3"],
+      // columns16: ["0", "1", "2"],
+    };
+  },
+  methods: {
+    tijiao() {
+      if (
+        this.values1 == "" ||
+        this.values2 == "" ||
+        this.values3 == "" ||
+        this.values4 == "" ||
+        this.values5 == "" ||
+        this.values6 == "" ||
+        this.values7 == "" ||
+        this.values8 == "" ||
+        this.values9 == "" ||
+        this.values10 == "" ||
+        this.values11 == "" ||
+        this.values12 == "" ||
+        this.values13 == "" ||
+        this.values14 == "" ||
+        this.values15 == "" ||
+        this.values16 == ""
+      ) {
+        this.$dialog.alert({
+          message: "有选项未打分，请打分完毕后再提交",
+        });
+      } else {
+        this.correlate = true;
+      }
+    },
+    confirm() {
+      console.log(
+        this.values1,
+        this.values2,
+        this.values3,
+        this.values4,
+        this.values5,
+        this.values6,
+        this.values7,
+        this.values8,
+        this.values9,
+        this.values10,
+        this.values11,
+        this.values12,
+        this.values13,
+        this.values14,
+        this.values15,
+        this.values16
+      );
+    },
+    //吸顶处理
+    watchScroll() {
+      // 滚动的距离
+      var scrollTop =
+        window.pageYOffset ||
+        document.documentElement.scrollTop ||
+        document.body.scrollTop;
+      // 容器的高度
+      var offsetTop = document.querySelector("#nav").offsetHeight;
+      console.log("scrollTop=>", scrollTop, "  offsetTop=>", offsetTop);
+      //  滚动的距离如果大于了元素到顶部的距离时，实现吸顶效果
+      if (scrollTop > offsetTop) {
+        this.navBarFixed = true;
+      } else {
+        this.navBarFixed = false;
+      }
+    },
+    onConfirm1(value) {
+      console.log(value);
+      this.values1 = value;
+      this.value1 = `${value}分`;
+      this.showPicker1 = false;
+    },
+    // onConfirm2(value) {
+    //   console.log("2");
+    //   this.values2 = value;
+    //   this.value2 = `${value}分`;
+    //   this.showPicker2 = false;
+    // },
+    // onConfirm3(value) {
+    //   console.log("3");
+    //   this.values3 = value;
+    //   this.value3 = `${value}分`;
+    //   this.showPicker3 = false;
+    // },
+    // onConfirm4(value) {
+    //   console.log("4");
+    //   this.values4 = value;
+    //   this.value4 = `${value}分`;
+    //   this.showPicker4 = false;
+    // },
+    // onConfirm5(value) {
+    //   console.log("5");
+    //   this.values5 = value;
+    //   this.value5 = `${value}分`;
+    //   this.showPicker5 = false;
+    // },
+    // onConfirm6(value) {
+    //   console.log("6");
+    //   this.values6 = value;
+    //   this.value6 = `${value}分`;
+    //   this.showPicker6 = false;
+    // },
+    // onConfirm7(value) {
+    //   console.log("7");
+    //   this.values7 = value;
+    //   this.value7 = `${value}分`;
+    //   this.showPicker7 = false;
+    // },
+    // onConfirm8(value) {
+    //   console.log("8");
+    //   this.values8 = value;
+    //   this.value8 = `${value}分`;
+    //   this.showPicker8 = false;
+    // },
+    // onConfirm9(value) {
+    //   console.log("9");
+    //   this.values9 = value;
+    //   this.value9 = `${value}分`;
+    //   this.showPicker9 = false;
+    // },
+    // onConfirm10(value) {
+    //   console.log("10");
+    //   this.values10 = value;
+    //   this.value10 = `${value}分`;
+    //   this.showPicker10 = false;
+    // },
+    // onConfirm11(value) {
+    //   console.log("11");
+    //   this.values11 = value;
+    //   this.value11 = `${value}分`;
+    //   this.showPicker11 = false;
+    // },
+    // onConfirm12(value) {
+    //   console.log("12");
+    //   this.values12 = value;
+    //   this.value12 = `${value}分`;
+    //   this.showPicker12 = false;
+    // },
+    // onConfirm13(value) {
+    //   console.log("13");
+    //   this.values13 = value;
+    //   this.value13 = `${value}分`;
+    //   this.showPicker13 = false;
+    // },
+    // onConfirm14(value) {
+    //   console.log("14");
+    //   this.values14 = value;
+    //   this.value14 = `${value}分`;
+    //   this.showPicker14 = false;
+    // },
+    // onConfirm15(value) {
+    //   console.log("15");
+    //   this.values15 = value;
+    //   this.value15 = `${value}分`;
+    //   this.showPicker15 = false;
+    // },
+    // onConfirm16(value) {
+    //   console.log("16");
+    //   this.values16 = value;
+    //   this.value16 = `${value}分`;
+    //   this.showPicker16 = false;
+    // },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+    window.addEventListener("scroll", this.watchScroll);
+  },
+  destroyed() {
+    // 移除事件监听
+    window.removeEventListener("scroll", this.watchScroll);
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+>>> .van-field__label {
+  width: 20.2em;
+}
+.headers {
+  width: 100%;
+  background: #fff;
+  padding: 10px 0px 10px 0px;
+}
+.headers_p1,
+.headers_p2,
+.headers_p3 {
+  padding-left: 30px;
+  padding-top: 5px;
+}
+.headers_p1 {
+  font-size: 20px;
+  font-weight: 800;
+}
+.headers_p3_span1 {
+  float: right;
+  padding-right: 20px;
+}
+.headers_p3_span2 {
+  font-size: 20px;
+}
+.contents {
+  width: 100%;
+  margin: 10px 0px 10px 0px;
+  background: #fff;
+}
+.contents_one {
+  text-align: center;
+  font-size: 20px;
+  font-weight: 800;
+}
+.contents_one_span {
+  font-size: 15px;
+  font-weight: 300;
+}
+.contents_one_span2 {
+  float: right;
+  color: #00c10e;
+}
+.contents_one,
+.contents_two,
+.contents_three,
+.contents_four {
+  height: 40px;
+  line-height: 40px;
+  border-bottom: 1px solid #f0f0f0;
+}
+>>> .van-field__body > input::-webkit-input-placeholder {
+  color: #00c10e;
+}
+.van-cell {
+  border-bottom: 1px solid #f0f0f0;
+}
+>>> .van-field__label {
+  color: black;
+}
+.fount_buttons {
+  width: 40%;
+  margin: 20px auto;
+  border-bottom: 1px solid transparent;
+}
+.buttons {
+  width: 100%;
+  height: 40px;
+  border-radius: 20px;
+  border: none;
+  background: #39f;
+  color: #fff;
+}
+.van-dialog__content > div {
+  text-align: center;
+  height: 100px;
+  line-height: 100px;
+}
+.fix-nav {
+  position: fixed;
+  top: 0;
+  z-index: 999;
+}
+.founts {
+  height: 20px;
+}
+</style>