疫情防控

src/router/index.js

@@ -112,6 +112,15 @@ const routes = [
       title:"体温填报"
     }
   },
+  //枣泉疫情防控-填报列表
+  {
+    path:"/zaoquan/yiqing/yiqing-tianbao",
+    name:"yiqing-tianbao",
+    component:()=>import('../views/zaoquan/yiqing/yiqing-tianbao.vue'),
+    meta:{
+      title:"填报列表"
+    }
+  },
   //路由重定向
   {
     path:'/',

src/views/zaoquan/yiqing/yiqing-tianbao.vue

@@ -0,0 +1,166 @@
+<template>
+  <div>
+    <div v-if="shows">
+      <van-nav-bar
+        title="填报列表"
+        left-arrow
+        left-text="返回"
+        @click-left="onClickLeft"
+      />
+    </div>
+    <div class="contents">
+      <div class="contents_headers_img">
+        <img src="../../../assets/images/zaoquan/yiqing/日期.png" alt="" />
+        <span>2021-08-08 08:20:35</span>
+      </div>
+      <div class="contents_one">
+        <img src="../../../assets/images/zaoquan/yiqing/定位.png" alt="" />
+        <p>宁夏自治区灵武市枣泉煤矿东大门</p>
+      </div>
+      <div class="contents_two">
+        <div class="contents_three">
+          <div class="contents_four">
+            <span>姓名</span>
+            <span class="contents_four_span">张值绫</span>
+          </div>
+          <div class="contents_five">
+            <span>是否接种疫苗</span>
+            <span class="contents_five_span">是</span>
+          </div>
+        </div>
+        <div class="contents_three">
+          <div class="contents_four">
+            <span>部门</span>
+            <span class="contents_four_span">部门名称</span>
+          </div>
+          <div class="contents_five">
+            <span>是否做过核算检测</span>
+            <span class="contents_five_span">是</span>
+          </div>
+        </div>
+        <div class="contents_three">
+          <div class="contents_four">
+            <span>体温</span>
+            <span class="contents_four_span">36.5</span>
+          </div>
+        </div>
+        <div v-if="showdiv=='否'">
+          <p class="contents_six">未接种疫苗原因</p>
+          <p class="contents_serve">原因我也不知道</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      shows: true,
+      showdiv:"是"
+    };
+  },
+  methods: {},
+  mounted() {
+    document.body.style.backgroundColor = "#39f"; //背景色
+  },
+};
+</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;
+}
+.contents {
+  width: 92%;
+  margin: 0 auto 10px;
+  background: #fff;
+  border-radius: 10px;
+  border: 1px solid transparent;
+}
+.contents_one {
+  width: 95%;
+  margin: 5px auto;
+  padding-bottom: 10px;
+  display: flex;
+  justify-content: left;
+  border-bottom: 1px solid #f0f0f0;
+}
+.contents_one > img {
+  width: 30px;
+  height: 30px;
+}
+.contents_one > p {
+  font-size: 14px;
+  margin-left: 15px;
+  margin-top: 5px;
+  color: #00a1e9;
+}
+.contents_headers_img {
+  width: 50%;
+  height: 30px;
+  margin-top: 10px;
+  line-height: 22px;
+  background: #39f;
+  border-radius: 0px 5px 5px 0px;
+  display: flex;
+  justify-content: left;
+}
+.contents_headers_img > img {
+  width: 18px;
+  height: 18px;
+  margin-left: 10px;
+  margin-top: 6px;
+}
+.contents_headers_img > span {
+  font-size: 14px;
+  color: #fff;
+  margin-top: 5px;
+  margin-left: 5px;
+}
+.contents_two {
+  width: 95%;
+  margin: 5px auto;
+  padding-bottom: 10px;
+}
+.contents_three {
+  margin: 5px auto;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #f0f0f0;
+  display: flex;
+  flex-wrap: wrap;
+}
+.contents_four {
+  width: 50%;
+}
+.contents_five {
+  width: 50%;
+}
+.contents_four_span {
+  margin-left: 8px;
+  color: #9b9b9b;
+}
+.contents_five_span {
+  float: right;
+  color: #9b9b9b;
+}
+.contents_six {
+  margin: 5px auto;
+}
+.contents_serve {
+  color: #9b9b9b;
+}
+</style>

src/views/zaoquan/yiqing/yiqing-tiwen.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <van-nav-bar title="体温填报" left-text="返回" left-arrow>
+    <van-nav-bar title="体温填报" left-text="返回" left-arrow >
       <template #right>
-        <van-icon name="records" size="18" />
+        <van-icon name="records" size="18" @click="tianbao"/>
       </template>
     </van-nav-bar>
     <div class="contents">
@@ -26,6 +26,7 @@
             placeholder="请输入35.0~42.0"
             dir="rtl"
             size="14"
+            v-model="tiwen"
           />
         </div>
         <div class="contents_four">
@@ -37,26 +38,39 @@
               value="是"
               checked
               @click="reasons2"
+              v-model="yimiao"
             />是
-            <input type="radio" name="yimiao" value="否" @click="reasons" />否
+            <input
+              type="radio"
+              name="yimiao"
+              value="否"
+              @click="reasons"
+              v-model="yimiao"
+            />否
           </div>
         </div>
         <div class="contents_four">
           <label for="hesuan">是否做过核酸检测</label>
           <div>
-            <input type="radio" name="hesuan" value="是" />是
-            <input type="radio" name="hesuan" value="否" checked />否
+            <input type="radio" name="hesuan" value="是" v-model="hesuan" />是
+            <input
+              type="radio"
+              name="hesuan"
+              value="否"
+              v-model="hesuan"
+              checked
+            />否
           </div>
         </div>
       </form>
     </div>
     <div class="contents" v-show="reason">
       <p class="contents_five">未接种疫苗原因</p>
-      
-      <textarea class="contents_five">
-        我暂时也不知道 我暂时也不知道 我暂时也不知道 我暂时也不知道
-        我暂时也不知道
-      </textarea>
+      <textarea
+        placeholder="请说明原因"
+        class="textareas"
+        v-model="textareas"
+      ></textarea>
     </div>
     <div class="buttons">
       <button @click="Submits">提交</button>
@@ -71,7 +85,11 @@ export default {
     return {
       name: "职工姓名",
       department: "部门名称",
-      reason: true,
+      reason: false,
+      tiwen: "",
+      yimiao: "是",
+      hesuan: "否",
+      textareas: "",
     };
   },
   methods: {
@@ -88,13 +106,28 @@ export default {
       });
     },
     reasons() {
-      // this.reason=true
+      this.reason = true;
     },
     reasons2() {
-      // this.reason=false
+      this.reason = false;
     },
-    Submits(){
+    Submits() {
+      if (this.tiwen == "") {
+        this.$toast('请填写体温');
+      } else {
         console.log(this.name);
+        console.log(this.department);
+        console.log(this.tiwen);
+        console.log(this.yimiao);
+        console.log(this.hesuan);
+        if (this.reason == true) {
+          console.log(this.textareas);
+        }
+      }
+    },
+    tianbao(){
+        // console.log("123");
+        this.$router.push("/zaoquan/yiqing/yiqing-tianbao")
     }
   },
   mounted() {
@@ -214,7 +247,6 @@ input::-webkit-input-placeholder {
   margin-left: 4px;
   border-bottom: 1px solid #f0f0f0;
   padding: 10px 5px;
-  border: none;
 }
 .buttons {
   text-align: center;
@@ -228,4 +260,12 @@ input::-webkit-input-placeholder {
   color: #39f;
   border-radius: 10px;
 }
+.textareas {
+  border: none;
+  margin-left: 8px;
+  font-size: 15px;
+  width: 95%;
+  margin-top: 10px;
+  resize: none;
+}
 </style>