员工信息h5

src/router/index.js

@@ -71,6 +71,15 @@ export const pageRoutes = [
       title: "员工登记",
     },
   },
+  {
+    path: "/staffRegisterSuccess",
+    props: true,
+    name: "staffRegisterSuccess",
+    component: () => import("@/views/pages/staffRegisterSuccess"),
+    meta: {
+      title: "员工登记",
+    },
+  },
 ];
 
 // 模块路由(基于主入口布局页面)

src/views/pages/staffRegister.vue

@@ -6,15 +6,18 @@
     <div class="main">
 
       <div class="div_tab">
-        <div :class="['div_option','option_left',{'option_select':selectTab=='1'}]"> 员工登记</div>
+        <div :class="['div_option','option_left',{'option_select':selectTab==='1'}]"
-        <div :class="['div_option','option_right',{'option_select':selectTab=='2'}]">受众群体登记</div>
+             @click="handleChangeTab('1')"> 员工登记</div>
+        <div :class="['div_option','option_right',{'option_select':selectTab==='2'}]"
+             @click="handleChangeTab('2')">受众群体登记</div>
       </div>
 
-      <div class="content">
+      <div v-if="selectTab==='1'"
+           class="content">
 
         <mt-cell title="*企业名称">
 
-          <span style="margin-right:20px">{{shequName}}</span>
+          <span style="margin-right:20px">{{placeOrgName}}</span>
         </mt-cell>
         <div class="line"></div>
 
@@ -35,14 +38,14 @@
                   :disableClear="true"
                   :label="'*身份证'"
                   placeholder="请输入"
-                  v-model="formData.idNum"></mt-field>
+                  v-model="formData.idCard"></mt-field>
         <div class="line"></div>
 
-        <div @click="handelSel('detNum')">
+        <div @click="handelSel('ymjzCount')">
-          <mt-cell :title="'*参加核酸检测次数'"
+          <mt-cell :title="'*疫苗接种次数'"
                    is-link>
             <span class="picker_content"
-                  v-if="formData.detNum">{{formData.detNumName}}</span>
+                  v-if="formData.ymjzCount">{{formData.ymjzCountName}}</span>
             <span v-else>请选择</span>
           </mt-cell>
         </div>
@@ -51,13 +54,45 @@
           <mt-cell :title="'*最近一次核酸检测时间'"
                    is-link>
             <span class="picker_content"
-                  v-if="formData.detData">{{formData.detDataName}}</span>
+                  v-if="formData.latestNatTime">{{formData.latestNatTime}}</span>
             <span v-else>请选择</span>
           </mt-cell>
         </div>
         <div class="line"></div>
 
       </div>
+      <div v-if="selectTab==='2'"
+           class="content">
+
+        <mt-cell title="*企业名称">
+
+          <span style="margin-right:20px">{{placeOrgName}}</span>
+        </mt-cell>
+        <div class="line"></div>
+        <div @click="handelSelData()">
+          <mt-cell :title="'*核酸检测时间'"
+                   is-link>
+            <span class="picker_content"
+                  v-if="formData2.natTime">{{formData2.natTime}}</span>
+            <span v-else>请选择</span>
+          </mt-cell>
+        </div>
+        <div class="line"></div>
+        <mt-field class="my-field"
+                  :disableClear="true"
+                  :label="'*受众人数'"
+                  placeholder="请输入"
+                  v-model="formData2.szTotal"></mt-field>
+        <div class="line"></div>
+        <mt-field class="my-field"
+                  :disableClear="true"
+                  :label="'*核酸检测人数'"
+                  placeholder="请输入"
+                  type="tel"
+                  v-model="formData2.hsjcTotal"></mt-field>
+        <div class="line"></div>
+
+      </div>
 
     </div>
 
@@ -113,23 +148,35 @@ export default {
       pickerVisible: '',
       startDate: new Date(),
 
+      //二维码带来数据
+      enterpriseId: '',//场所Id
+      customerId: '',//客户Id
+      placeOrgName: '',//场所名称
+
       formData: {
+        enterpriseId: '',//场所ID	
+        customerId: '',//客户id
         name: '',
-        idNum: '',
+        idCard: '',
         mobile: '',
-        detNum: null,
+        ymjzCount: null,
-        detNumName: '',
+        ymjzCountName: '',
-        detData: '',
+        latestNatTime: '',
-        detDataName: ''
+      },
+      formData2: {
+        enterpriseId: '',//场所ID	
+        customerId: '',//客户id
+        natTime: '',//受众人数	
+        szTotal: '',//核酸检测人数	
+        hsjcTotal: '',//客户ID	
+
       },
 
       btnDisabled: false,
       popupVisible: false,
 
-      //二维码带来数据
+
-      shequId: '',//社区id   6e511da6816e53af4cda952365a26eb9  德兴路  1202807601961984002
       shequName: '',//社区名称
-      customerId: '',//客户id  45687aa479955f9d06204d415238f7cc
 
       selType: 'community',//弹出框所显示的数据类型：community、building、unit、room
       pickerData: [],
@@ -156,37 +203,21 @@ export default {
   created () {
     console.log(this.$route)
 
-    this.shequId = this.$route.params.id
     this.customerId = this.$route.query.customerId
-    this.shequName = this.$route.query.name
+    this.enterpriseId = this.$route.query.enterpriseId
-    document.title = this.shequName + '信息管理平台'
+    this.placeOrgName = this.$route.query.placeOrgName
+    document.title = this.placeOrgName + '员工登记'
   },
   mounted () {
 
-
     let envShow = process.env.VUE_APP_NODE_ENV
     console.log('环境', envShow)
 
-    let internalShequId = ['1202807601961984002', '6e511da6816e53af4cda952365a26eb9', 'b058eb82d65d922fec9dc84f0348fc6a', '630c3c2dd1cd7a4d198c8558bce88324']
-    // let internalShequId = ['1202807601961984002',]
-    // if (envShow === 'dev' || envShow === 'prod:sit') { // 开发环境
-    //   internalShequId = '6e511da6816e53af4cda952365a26eb9'
-    // } else if (envShow === 'prod:uat') { // 体验
-    //   internalShequId = '6e511da6816e53af4cda952365a26eb9'
-    // } else if (envShow === 'prod') { // 生产
-    //     微笑崂山下的小寨子社区：b058eb82d65d922fec9dc84f0348fc6a
-    // 亿联街道下的亿联社区：630c3c2dd1cd7a4d198c8558bce88324
-    //   internalShequId = '1202807601961984002'
-    // } else if (envShow === 'shibei_prod') { // 生产
-    //   internalShequId = '1202807601961984002'
-    // }
-
     this.formData.customerId = this.customerId
-    if (internalShequId.indexOf(this.shequId) > -1) {
+    this.formData.enterpriseId = this.enterpriseId
-      this.formData.origin = 'internal'
+
-    } else {
+    this.formData2.customerId = this.customerId
-      this.formData.origin = 'external'
+    this.formData2.enterpriseId = this.enterpriseId
-    }
 
     this.detNumList = []
     for (let i = 0; i < 5; i++) {
@@ -197,10 +228,12 @@ export default {
       this.detNumList.push(obj)
     }
 
-
   },
 
   methods: {
+    handleChangeTab (val) {
+      this.selectTab = val
+    },
     handelSelData () {
       this.$refs.pickerData.open();   // 触发
       // this.$refs.pickerData.close() ; // 关闭
@@ -210,15 +243,20 @@ export default {
       let time = new Date(val);
 
       let year = time.getFullYear()
-      console.log(year)
+      let month = time.getMonth() + 1
+      let day = time.getDate()
+      if (this.selectTab === '1') {
+        this.formData.latestNatTime = year + '-' + month + '-' + day
+      } else if (this.selectTab === '2') {
+        this.formData2.natTime = year + '-' + month + '-' + day
+      }
 
     },
 
     handelSel (selType) {
       this.selType = selType
 
-      if (selType === 'detNum') {
+      if (selType === 'ymjzCount') {
-
         this.pickerData = this.detNumList
       }
 
@@ -252,26 +290,32 @@ export default {
 
     },
     async submit () {
-
+      let url = "/gov/org/icEmployeeRegister/add"
-
+      let params = {}
-
+      if (this.selectTab === '1') {
-
+        url = '/gov/org/icEmployeeRegister/add'
-
+        params = this.formData
-      console.log(this.formData)
+      } else if (this.selectTab === '2') {
-
+        url = '/gov/org/icGroupPeopleRegister/add'
+        params = this.formData2
+      }
+      console.log(params)
+      // return false
       this.btnDisabled = true
       this.startLoading()
-      const url = "/epmetuser/icresicollect/save"
 
-      const { data, code, msg } = await requestPost(url, this.formData)
+
+      const { data, code, msg } = await requestPost(url, params)
       this.endLoading()
       this.btnDisabled = false
       if (code === 0) {
-        this.formData.shequName = this.shequName
+
         this.$router.replace({
-          name: 'caijisuccess',
+          name: 'staffRegisterSuccess',
           query: {
-            formData: this.formData
+            selectTab: this.selectTab,
+            placeOrgName: this.placeOrgName,
+            formData: this.selectTab === '1' ? this.formData : this.formData2
           }
         })
         // Toast({
@@ -293,73 +337,60 @@ export default {
 
       let aletMessage = ''
       this.showMessagsBox = false
-      if (this.formData.origin === 'internal') {//内部
+      if (this.selectTab === '1') {//员工
-        if (!this.selVillage) {
+        if (!this.formData.name) {
-          aletMessage = '请选择小区'
+          aletMessage = '请填写姓名'
 
           return aletMessage
         }
-        if (!this.selBuild) {
+        if (!this.formData.mobile) {
-          aletMessage = '请选择楼栋'
+          aletMessage = '请填写手机号'
           return aletMessage
         }
 
-        if (!this.selUnit) {//没有选择单元
+        if (!this.formData.idCard) {//
-          aletMessage = '请选择单元'
+          aletMessage = '请填写证件号'
           return aletMessage
 
-        } else {//选择了单元
+        }
-          if (this.selUnit.value === 'other') {//单元选择了其他
+        if (!this.formData.ymjzCount) {//
-            if (!this.unitContent) {
+          aletMessage = '请选择疫苗接种次数'
-              aletMessage = '请填写单元号'
+          return aletMessage
-              return aletMessage
-            }
-
-            if (!this.homeContent) {//房屋必须填写内容
-              aletMessage = '请填写房屋'
-              return aletMessage
-            }
-
-          } else {//单元没有选择其他
-            if (!this.selHome) {
-              aletMessage = '请选择房屋'
-              return aletMessage
-
-            } else if (this.selHome.value === 'other' && !this.homeContent) {
-              aletMessage = '请填写房屋'
-              return aletMessage
-            }
-          }
 
         }
+        if (!this.formData.latestNatTime) {//
+          aletMessage = '请选择最近一次核酸检测时间'
+          return aletMessage
 
+        }
+
+
+      } else if (this.selectTab === '2') {//企业
+        if (!this.formData2.natTime) {
+          aletMessage = '请选择核酸检测时间'
 
-      } else {
-        if (!this.formData.address) {
-          aletMessage = '请填写地址'
           return aletMessage
         }
-      }
+        if (!this.formData2.szTotal) {
-
+          aletMessage = '请填写受众人数'
-      if (!this.selHomeType) {
+          return aletMessage
-        aletMessage = '请选择房屋类型'
+        }
-        return aletMessage
-      }
-      if (!this.formData.houseHolderName) {
-        aletMessage = '请填写户主姓名'
-        return aletMessage
-      }
 
+        if (!this.formData2.hsjcTotal) {//
+          aletMessage = '核酸检测人数'
+          return aletMessage
 
+        }
+      }
 
 
     },
 
     popupOk () {
 
-      if (this.selType === 'detNum') {
+      if (this.selType === 'ymjzCount') {
-        this.formData.detNum = this.selObj.value
+        this.formData.ymjzCount = this.selObj.value
-        this.formData.detNumName = this.selObj.label
+        this.formData.ymjzCountName = this.selObj.label
       }
       this.popupVisible = false
 
@@ -390,7 +421,7 @@ export default {
 
   },
   beforeDestroy () {
-    document.title = messages[val].brand.lg
+    // document.title = messages[val].brand.lg
   },
 }
 </script>

src/views/pages/staffRegisterSuccess.vue

@@ -0,0 +1,147 @@
+<template>
+  <div class="bg-caiji-success">
+    <div class="title">
+      <img src="@/assets/img/logo.png">
+      <div class="title_name">员工信息登记</div>
+    </div>
+
+    <div class="div_tip">
+      <div>提交成功</div>
+      <div>请截图保存，方便核验人员查看</div>
+    </div>
+    <div v-if="selectTab==='1'"
+         class="div_content marginT10">
+      <div class="content_long">
+        <div class="content_title">企业名称：</div>
+        <div>{{placeOrgName}}</div>
+      </div>
+      <div class="content_long marginT10">
+        <div class="content_title">姓名：</div>
+        <div>{{formData.name}}</div>
+
+      </div>
+      <div class="content_long marginT10">
+        <div class="content_title">手机号：</div>
+        <div>{{formData.mobile}}</div>
+      </div>
+      <div class="content_long marginT10">
+        <div class="content_title">证件号：</div>
+        <div>{{formData.idCard}}</div>
+      </div>
+      <div class="content_long marginT10">
+        <div class="content_title">疫苗接种次数：</div>
+        <div>{{formData.ymjzCountName}}</div>
+      </div>
+      <div class="content_long marginT10">
+        <div class="content_title">最近一次核酸检测时间：</div>
+        <div>{{formData.latestNatTime}}</div>
+      </div>
+
+    </div>
+
+    <div v-if="selectTab==='2'"
+         class="div_content marginT10">
+      <div class="content_long">
+        <div class="content_title">企业名称：</div>
+        <div>{{placeOrgName}}</div>
+      </div>
+      <div class="content_long marginT10">
+        <div class="content_title">核酸检测时间：</div>
+        <div>{{formData.natTime}}</div>
+
+      </div>
+      <div class="content_long marginT10">
+        <div class="content_title">受众人数：</div>
+        <div>{{formData.szTotal}}人</div>
+      </div>
+      <div class="content_long marginT10">
+        <div class="content_title">核酸检测人数：</div>
+        <div>{{formData.hsjcTotal}}人</div>
+      </div>
+
+    </div>
+
+    <!-- <div class="main">
+
+      <div class="icon-success">
+        <i class="el-icon-circle-check "></i>
+      </div>
+      <div class="success-content"> 提交成功</div>
+
+    </div> -->
+  </div>
+</template>
+<script>
+
+
+import { requestPost } from "@/js/dai/request";
+import { Toast } from "mint-ui";
+import { MessageBox } from 'mint-ui';
+
+let loading // 加载动画
+export default {
+  data () {
+    return {
+      selectTab: '',
+      placeOrgName: '',
+      formData: {},
+    }
+  },
+  components: {},
+  computed: {
+
+  },
+  created () { },
+  mounted () {
+    let query = this.$route.query
+    this.selectTab = query.selectTab
+    this.placeOrgName = query.placeOrgName
+    this.formData = query.formData
+
+    // this.formData = {
+    //   shequName: '清江路社区',
+    //   address: "金玉良缘1花好月圆1单元3123123金玉良缘1花好月圆1单元3123123",
+    //   buildId: "1494482424728395778",
+    //   buildName: "花好月圆",
+    //   customerId: "45687aa479955f9d06204d415238f7cc",
+    //   homeId: "other",
+    //   homeName: "3123123",
+    //   houseHolderName: "张三",
+    //   houseType: "1",
+    //   memberList: [
+    //     {
+    //       customerId: "45687aa479955f9d06204d415238f7cc",
+    //       domicilePlace: "23123",
+    //       heSuanCount: "2",
+    //       idNum: "312312",
+    //       mobile: "15111111111",
+    //       name: "张三",
+    //     },
+    //     {
+    //       customerId: "45687aa479955f9d06204d415238f7cc",
+    //       domicilePlace: "123123",
+    //       heSuanCount: null,
+    //       idNum: "王二麻",
+    //       mobile: "3123123123",
+    //       name: "李四",
+    //     }
+    //   ]
+
+    // }
+    // console.log(this.formData)
+
+  },
+
+  methods: {
+
+
+
+
+
+  }
+}
+</script>
+
+<style lang="scss" scoped >
+@import "@/assets/scss/pages/caiji.scss";
+</style>