核酸采样，社区管理

src/project/pingchang/AppNucleicAcidSampling/Add.vue

@@ -1,63 +1,48 @@
 <template>
   <div class="Add">
-    <p class="title">已采样<span class="num">3</span>次</p>
+    <p class="title">已采样<span class="num">{{info.nucleicAcidSamplingCount}}</span>次</p>
     <div class="item mar-b16">
       <div class="label">
         <span class="tips">*</span>管理区域
       </div>
-      <div class="value">
-        <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" style="color: #666" selectRoot>
-          <span style="margin-left: 4px" v-if="areaName">{{ areaName }}</span>
-          <span v-else class="color-999">请选择</span>
-          <u-icon name="arrow-right" color="#999" size="16" style="margin-left: 4px" />
-        </AiAreaPicker>
-      </div>
+      <div class="value">{{info.areaName}}</div>
     </div>
     <div class="info mar-b16">
       <div class="item solid">
         <div class="label">
           <span class="tips">*</span>管理对象
         </div>
-        <div class="value">自动获取</div>
+        <div class="value">{{info.name}}</div>
       </div>
       <div class="item solid">
         <div class="label">
           <span class="tips">*</span>身份证号
         </div>
-        <div class="value">自动获取</div>
+        <div class="value">{{info.idNumber}}</div>
       </div>
       <div class="item solid">
         <div class="label">
           <span class="tips">*</span>手机号码
         </div>
-        <div class="value">自动获取</div>
+        <div class="value">{{info.phone}}</div>
       </div>
       <div class="item solid">
         <div class="label">
           <span class="tips">*</span>居家状态
         </div>
-        <div class="value">
-          <span class="color-999">请选择</span>
-          <u-icon name="arrow-right" color="#999" size="16" style="margin-left: 4px" />
-        </div>
+        <div class="value">{{ $dict.getLabel('EP_homeStatus2', info.homeStatus)}}</div>
       </div>
       <div class="item solid">
         <div class="label">
           <span class="tips">*</span>隔离时间
         </div>
-        <div class="value">
-          <span class="color-999">请选择</span>
-          <u-icon name="arrow-right" color="#999" size="16" style="margin-left: 4px" />
-        </div>
+        <div class="value">{{info.quarantineBeginTime}}至{{info.quarantineEndTime}}</div>
       </div>
       <div class="item">
         <div class="label">
           <span class="tips">*</span>隔离策略
         </div>
-        <div class="value">
-          <span class="color-999">请选择</span>
-          <u-icon name="arrow-right" color="#999" size="16" style="margin-left: 4px" />
-        </div>
+        <div class="value">{{ $dict.getLabel('EP_quarantineStrategy', info.quarantineStrategy)}}</div>
       </div>
     </div>
     <div class="info mar-b16">
@@ -65,25 +50,33 @@
         <div class="label">
           <span class="tips">*</span>采样人员
         </div>
-        <div class="value">自动获取</div>
+        <div class="value">
+          <u-input placeholder="请输入" input-align="right" height="32" maxlength="6" v-model="form.createUserName" />
+        </div>
       </div>
       <div class="item solid">
         <div class="label">
           <span class="tips">*</span>联系方式
         </div>
-        <div class="value">自动获取</div>
+        <div class="value">
+          <u-input placeholder="请输入" type="number" input-align="right" height="32" maxlength="11" v-model="form.createUserPhone" />
+        </div>
       </div>
-      <div class="item solid">
+      <div class="item">
         <div class="label">
           <span class="tips">*</span>采样时间
         </div>
-        <div class="value">自动获取</div>
+        <div class="value" @click="selectTime(form.createTime)">
+          <span :class="form.createTime === '' ? 'color-999' : ''">{{form.createTime || '请选择'}}</span>
+          <u-icon name="arrow-right" color="#cccccc" size="24"/>
+        </div>
       </div>
     </div>
     <div class="btn-height"></div>
     <div class="footer">
-      <div class="confirm">保存</div>
+      <div class="confirm" @click="submit">保存</div>
     </div>
+    <u-picker mode="time" v-model="dateShow" :params="deteParams" start-year="2020" @confirm="dateConfirm"></u-picker>
   </div>
 </template>
 
@@ -91,26 +84,72 @@
 import { mapState } from 'vuex'
 
 export default {
-  data() {
+   data() {
     return {
-      areaId: '',
-      areaName: '',
-      files: []
+      id: '',
+      info: {},
+      form: {
+        createUserName: '',
+        createUserPhone: '',
+        createTime: ''
+      },
+      dateShow: false,
+      deteParams: {year: true, month: true, day: true, hour: true, minute: true, second: true},
     }
   },
   computed: {
     ...mapState(['user']),
   },
-  onLoad() {
-    this.areaId = this.user.areaId
-    this.areaName = this.user.areaName
+  onLoad(option) {
+    this.id = option.id
+    this.$dict.load('EP_homeStatus2', 'EP_quarantineStrategy').then(() => {
+      this.id = option.id
+      this.getDetail()
+    })
+    var myDate = new Date();
+    this.form.createTime = `${myDate.getFullYear()}-${myDate.getMonth()+1}-${myDate.getDate()} ${myDate.getHours()}:${myDate.getMinutes()}:${myDate.getSeconds()}`
   },
   onShow() {
     document.title = '核酸采样'
   },
   methods: {
-    areaSelect(e) {
-      this.areaId = e
+    submit() {
+      if(!this.form.createUserName) {
+        return this.$u.toast('请输入采样人员')
+      }
+      if(!this.form.createUserPhone) {
+        return this.$u.toast('请输入联系方式')
+      }
+      if(this.form.createUserPhone &&  !/^1[0-9]{10,10}$/.test(this.form.createUserPhone)) {
+        return this.$u.toast("请输入正确的手机号码");
+      }
+      if(!this.form.createTime) {
+        return this.$u.toast('请输入采样时间')
+      }
+      this.form.cmId = this.id
+
+      this.$http.post(`/app/appepidemicpreventioncommunitymanagement/nucleicAcidSamplin`, this.form).then((res) => {
+        if (res.code == 0) {
+          this.$u.toast('提交成功')
+          uni.$emit('updateDetail')
+          uni.$emit('updateList')
+          uni.navigateBack()
+        }
+      })
+      
+    },
+    selectTime() {
+      this.dateShow = true
+    },
+    dateConfirm(e) {
+      this.form.createTime = `${e.year}-${e.month}-${e.day} ${e.hour}:${e.minute}:${e.second}`
+    },
+    getDetail() {
+      this.$http.post(`/app/appepidemicpreventioncommunitymanagement/queryDetailById?id=${this.id}`).then((res) => {
+        if (res.code == 0) {
+          this.info = res.data
+        }
+      })
     },
   },
 }