同步

root/detail/apply.vue

@@ -9,37 +9,39 @@
 				<view class="g_h_10"></view>
 				<view class="link g_bg_f g_pt_10">
 					<g-panel-detail-item label="状态" :value="orderDetail.status_text" valueColor="#ff4400" />
+          <g-panel-detail-item label="报名备注" :value="orderDetail.desp" v-if="orderDetail.status== '10' || orderDetail.status== '20' || orderDetail.status== '21' || orderDetail.status== '26'"/>
+
 					<!-- afterIcon="icon-gengduo11"  @clickItem="goBossDetail" -->
 					<!-- <g-panel-detail-item label="项目方" :value="orderDetail.upFullName || orderDetail.upAgencyName" valueColor="#333" /> -->
 					<!-- @clickItem="handleOpenPeopleModal"  -->
 					<view>
-            <view class="g_pt_10 " v-if="orderDetail.reception_time && (orderDetail.status== '10' ||orderDetail.status== '20' ||orderDetail.status== '21' ||orderDetail.status== '26')">
+            <view class=" " v-if="orderDetail.reception_time && (orderDetail.status== '10' ||orderDetail.status== '20' ||orderDetail.status== '21' ||orderDetail.status== '26')">
 							<g-panel-detail-item from="times" label="接待时间" :value="orderDetail.reception_time"   />
 						</view>
-            <view class="g_pt_10 " v-if="orderDetail.interview_time && orderDetail.status!='50'">
+            <view class=" " v-if="orderDetail.interview_time && orderDetail.status!='50'">
 							<g-panel-detail-item from="times" label="面试时间" :value="orderDetail.interview_time"   />
 						</view>
-            <view class="g_pt_10 " v-if="orderDetail.willEntry_time &&(orderDetail.status== '45' ||orderDetail.status== '30')">
+            <view class=" " v-if="orderDetail.willEntry_time &&(orderDetail.status== '45' ||orderDetail.status== '30')">
 							<g-panel-detail-item from="times" label="约入职时间" :value="orderDetail.willEntry_time"   />
 						</view>
-            <view class="g_pt_10 " v-if="orderDetail.entry_time &&(orderDetail.status== '40' ||orderDetail.status== '48' ||orderDetail.status== '50')">
+            <view class=" " v-if="orderDetail.entry_time &&(orderDetail.status== '40' ||orderDetail.status== '48' ||orderDetail.status== '50')">
 							<g-panel-detail-item from="times" label="入职时间" :value="orderDetail.entry_time"   />
 						</view>
-            <view class="g_pt_10 " v-if="orderDetail.willLeave_time &&orderDetail.status == 48">
+            <view class=" " v-if="orderDetail.willLeave_time &&orderDetail.status == 48">
 							<g-panel-detail-item from="times" label="约离职时间" :value="orderDetail.willLeave_time"   />
 						</view>
-            <view class="g_pt_10 " v-if="orderDetail.leave_time && orderDetail.status == 50">
+            <view class=" " v-if="orderDetail.leave_time && orderDetail.status == 50">
 							<g-panel-detail-item from="times" label="离职时间" :value="orderDetail.leave_time"   />
 						</view> 
-            <view class="g_pt_10 " v-if="orderDetail.create_time && orderDetail.status != 50">
+            <view class=" " v-if="orderDetail.create_time && orderDetail.status != 50">
 							<g-panel-detail-item from="times" label="报名时间" :value="orderDetail.create_time"   />
 						</view> 
             
-						<!-- <view class="g_pt_10 " v-if="orderDetail.status == 21 || orderDetail.status == 26 || orderDetail.status == 35 || orderDetail.status == 45">
+						<!-- <view class=" " v-if="orderDetail.status == 21 || orderDetail.status == 26 || orderDetail.status == 35 || orderDetail.status == 45">
 							<g-panel-detail-item from="times" label="更新时间" :value="orderDetail.update_time" />
 						</view> -->
 					</view>
-          <view class="g_pt_10 ">
+          <view class=" ">
 				  <g-panel-detail-item label="报名人" from="resident-info" beforeIcon="icon-phone" @clickItem="goTel(orderDetail.agencyTel)" :remarkValue="orderDetail.agencyTel" :value="orderDetail.downFullName ||orderDetail.downProviderName  " />
 
           </view>

root/detail/fellow.vue

@@ -1,44 +1,10 @@
 <template>
   <view class="p-root-detail-fellow g_w_all g_h_all g_bg_f_5 g_kuaishou">
-    <view v-if="speed == 0">
+    <view>
-      <g-loading />
-    </view>
-    <view v-if="speed == 1">
-      <view class="g_h_10"></view>
-      <view class="m-photo">
-        <g-panel-card-info :info="{
-						avatar: cdnBaseImg + 'mock_photo.svg',
-						title: '拍照或相册上传',
-						num: '系统智能识别并自动填写',
-						titleFS: 16,
-						imgSize: 72,
-					}" radius="0" rightType="image" :rightImage="info.idCardImageUrl" @clickCard="handleClickInfo" />
-      </view>
-      <view class="g_h_10"></view>
-      <g-panel-form-slot :list="[
-					{
-						icon: '',
-						label: '联系电话',
-						result: '',
-						path: '',
-						tip: 'tel',
-						type: 'slot',
-						pColumn: 12,
-					},
-				]">
-        <slot>
-          <!-- #ifdef APP-PLUS || H5 || MP-TOUTIAO || MP-KUAISHOU -->
-          <u-input type="number" :clearable="false" :password-icon="false" placeholder="请输入联系电话" input-align="right" class="g_text_r g_w_all" placeholder-style="color:#cccccc;font-size:32rpx;line-height:1" v-model="info.tel" style="width: calc(100vw - (122px);flex: none;" />
-          <!-- #endif -->
-          <!-- #ifdef MP-WEIXIN -->
-          <u-input type="number" :clearable="false" :password-icon="false" placeholder="请输入联系电话" input-align="right" class="g_text_r g_w_all" placeholder-style="color:#cccccc;font-size:32rpx;line-height:1" v-model="info.tel" />
-          <!-- #endif -->
-        </slot>
-      </g-panel-form-slot>
       <view class="g_h_10"></view>
       <g-panel-form-slot
         :list="[
-				{
+					{
 						icon: '',
 						label: '姓名',
 						result: '',
@@ -51,6 +17,18 @@
 						pColumn: 8,
 						require: true,
 					},
+					{
+						icon: '',
+						label: '身份证号',
+						result: '',
+						value: info.idCard,
+						path: '',
+						tip: 'slot-code-idcard',
+						placeholder: '请输入身份证号',
+						type: 'slot',
+						pColumn: 8,
+						require: true,
+					},
 					{
 						icon: '',
 						label: '性别',
@@ -60,7 +38,7 @@
 						tip: 'slot-sex',
 						type: 'slot',
 						pColumn: 12,
-						require: false,
+						require: true,
 						customRequire: true,
 					},
 					{
@@ -72,8 +50,8 @@
 						tip: 'slot-age',
 						placeholder: '请输入年龄',
 						type: 'slot',
-						pColumn: 12,
+						pColumn: 8,
-						require: false,
+						require: true,
 					},
 					{
 						icon: '',
@@ -84,29 +62,30 @@
 						path: '',
 						tip: 'slot-nation',
 						pColumn: 12,
+						require: false,
 						type: 'slot',
+						customRequire: true,
 					},
 					{
 						icon: '',
-						label: '身份证号',
+						label: '家庭住址',
 						result: '',
-						value: info.idCard,
+						value: info.address,
+						placeholder: '请输入家庭住址',
 						path: '',
-						tip: 'slot-code-idcard',
+						tip: 'slot-address',
-						placeholder: '请输入身份证号',
 						type: 'slot',
-						pColumn: 12,
+						pColumn: 8,
 					},
+
 					{
 						icon: '',
-						label: '家庭住址',
+						label: '上传附件',
 						result: '',
-						value: info.address,
-						placeholder: '请输入家庭住址',
 						path: '',
-						tip: 'slot-address',
 						type: 'slot',
-						pColumn: 12,
+						tip: 'slot-update-file',
+						pColumn: 16,
 					},
 				]"
         @changeName="handleClickName"
@@ -115,12 +94,38 @@
         @changeNation="handleClickNation"
         @changeIDcard="handleClickIDcard"
         @changeAddress="handleClickAddress"
-      ></g-panel-form-slot>
+        @updateFile="updateFile"
+        @updateIDInfo="handlerIDInfo"
+      >
+        <template v-slot:after>
+          <view class="g_flex_row_start g_p_10" v-if="imgList.length > 0">
+            <view v-for="(item, index) in imgList" class="g_position_rela" :class="index <= 2 ? 'g_mr_18' : ''" :key="index">
+              <i class="iconfont icon-guanbi img-close" @click="delImg(index, item.id)"></i>
+              <image :src="item.url" class="g_w_56 g_h_56 g_radius_8" />
+            </view>
+          </view>
+        </template>
+      </g-panel-form-slot>
+      <view class="g_h_10"></view>
+      <g-panel-form-slot :list="[
+					{
+						icon: '',
+						label: '老乡电话',
+						result: '',
+						path: '',
+						value: info.tel,
+						tip: 'slot-mobile',
+						placeholder: '请输入联系电话',
+						type: 'slot',
+						pColumn: 8,
+						require: true,
+					},
+				]" @changeMobile="handleClickMobile"></g-panel-form-slot>
       <g-panel-fixed>
         <slot>
-          <view class="g_flex_row_center">
+          <view class="g_pl_12 g_pr_12">
-            <g-button btnText="取消" class="g_mr_16" size="small" type="default" @clickBtn="goReturn"></g-button>
+            <!-- <g-button btnText="取消" class="g_mr_16" size="small" type="default" @clickBtn="goReturn"></g-button> -->
-            <g-button btnText="确定" class @clickBtn="handleSubmit" size="small" type="primary"></g-button>
+            <g-button btnText="确定" class @clickBtn="handleSubmit" size="auto" type="primary"></g-button>
           </view>
         </slot>
       </g-panel-fixed>
@@ -129,7 +134,9 @@
 </template>
 
 <script>
+// import gPanelFormSlot from "@/components/formSlot.vue";
 import { nationlist } from '../../utils/nation.js'
+
 export default {
   onReady() {
     this.G.setNavStyle()
@@ -137,42 +144,61 @@ export default {
   onShareAppMessage() {
     return this.G.shareFun()
   },
+  components: {
+    // gPanelFormSlot,
+  },
   data() {
     return {
       cdnBaseImg: this.G.store().cdnBaseImg,
-      speed: 0,
+      info: {
-      info: {},
+        nation: '汉族',
+      },
       nation: nationlist.map((item, index) => {
         return item.name
       }),
       nationIndex: 0,
+      imgList: [],
+      newAddImg: [],
     }
   },
+  props: {
+    // info: {
+    // 	type: Object,
+    // 	default: {},
+    // },
+  },
   onLoad(options) {
     let that = this
+    console.log('快速报名：', options)
     if (options) {
-      this.info = options
       if (options.sex) {
         options.sex = Number(options.sex)
       } else {
         options.sex = 1
       }
-      that.nation.forEach((item, index) => {
+      if (!options.nation) {
-        if (item == that.info.nation) {
+        options.nation = '汉族'
-          console.log(that.info.nation)
+      }
-          console.log(index)
+      this.info = options
-          that.nationIndex = index
+      // if (this.info.imgs) {
-        }
+      // 	this.imgList = this.info.imgs.split(",");
-      })
+      // }
-      that.speed = 0
-      setTimeout(() => {
-        that.speed = 1
-      }, 300)
-      console.log('获取老乡信息：', options)
     }
+    console.log('获取老乡信息：', options)
   },
   onShow() {
     let that = this
+    that.getImg()
+    // that.nation.forEach((item, index) => {
+    // 	if (item == that.info.nation) {
+    // 		console.log(that.info.nation);
+    // 		console.log(index);
+    // 		that.nationIndex = index;
+    // 	}
+    // });
+    // that.speed = 0;
+    // setTimeout(() => {
+    // }, 300);
   },
   created() {
     let that = this
@@ -180,12 +206,19 @@ export default {
   methods: {
     handleClickName(e) {
       this.info.name = this.info.userName = e
+      this.changeInfo()
     },
     handleClickSex(e) {
       this.info.sex = e
+      this.changeInfo()
     },
     handleClickAge(e) {
       this.info.age = e
+      this.changeInfo()
+    },
+    handleClickMobile(e) {
+      this.info.tel = e
+      this.changeInfo()
     },
     handleClickNation(e) {
       let that = this
@@ -198,34 +231,169 @@ export default {
           that.nationIndex = index
         }
       })
+      this.changeInfo()
     },
-    handleClickNation(e) {
+    changeInfo() {
+      this.$emit('changeInfo', this.info)
+    },
+    /**
+     * 获取上传的身份信息
+     */
+    handlerIDInfo(res) {
+      console.log('res', res)
       let that = this
-      console.log(e.name)
+      that.info.name = res.info.name
-      this.info.nation = e.name
+      that.info.sex = res.info.sex ? (res.info.sex == '男' ? 1 : 2) : ''
+      that.info.age = res.info.age
+      that.info.nation = res.info.nationality + '族'
+      that.info.idCard = res.info.num
+      that.info.idCardImageUrl = res.image
+      that.info.userName = res.info.name
+      that.info.address = res.info.address
       that.nation.forEach((item, index) => {
-        if (item == e.name) {
+        console.log('item1', item)
-          // console.log(that.info.nation)
+        console.log('that.info.nation + "族"', that.info.nation + '族')
-          // console.log(index)
+        if (item == that.info.nation) {
+          console.log('item2', item)
+
           that.nationIndex = index
         }
       })
+      this.changeInfo()
+      console.log('that.info', that.info)
+      console.log('that.nationIndex', that.nationIndex)
+    },
+
+    getImg() {
+      let that = this
+      uni.request({
+        url: that.G.ajaxUrl + `/imgs/list/${that.info.userId}?type=20`,
+        method: 'GET',
+        header: Object.assign(
+          {
+            Authorization: 'Bearer ' + uni.getStorageSync('apply-token'),
+          },
+          that.G.setPublicParams()
+        ),
+        success: (res) => {
+          if (res.statusCode === 200) {
+            console.log(res.data.data.userImgs)
+
+            that.imgList = res.data.data.userImgs
+
+            console.log(that.imgList)
+          } else {
+            console.error('Failed to fetch images:', res)
+          }
+        },
+        fail: (error) => {
+          console.error('Error fetching images:', error)
+        },
+      })
+    },
+    // 删除图片
+    delImg(ind, id) {
+      let that = this
+      uni.showModal({
+        title: '提示',
+        content: '确定要删除该图片？',
+        success: function (res) {
+          if (res.confirm) {
+            that.imgList.splice(
+              that.imgList.findIndex((item, index) => index == ind),
+              1
+            )
+            uni.request({
+              url: that.G.ajaxUrl + `/imgs/del/${id}`,
+              method: 'GET',
+              header: Object.assign(
+                {
+                  Authorization: 'Bearer ' + uni.getStorageSync('apply-token'),
+                },
+                that.G.setPublicParams()
+              ),
+              success: (res) => {
+                if (res.statusCode === 200) {
+                  console.log(res.data.data.userImgs)
+                  // 如果需要更新 imgList，可以在这里处理
+                  // that.imgList = res.data.data.userImgs;
+                } else {
+                  console.error('Failed to fetch images:', res)
+                }
+              },
+              fail: (error) => {
+                console.error('Error fetching images:', error)
+              },
+            })
+          } else if (res.cancel) {
+            console.log('用户点击取消')
+          }
+        },
+      })
+    },
+    // 上传图片
+    updateFile(e) {
+      let that = this
+      if (that.imgList.length < 4) {
+        that.imgList.push({ url: e, id: -999 })
+        // that.info.imgs = that.imgList;
+        that.newAddImg.push(e)
+        that.changeInfo()
+        uni.hideLoading()
+      } else {
+        uni.showToast({
+          title: '最多只能上传4张',
+          icon: 'none',
+        })
+      }
     },
     handleClickIDcard(e) {
       this.info.idCard = e
+      if (this.info.idCard.length == 15 || this.info.idCard.length == 18) {
+        let info = this.G.getInfoByIDcard(this.info.idCard)
+        this.info.age = info.age
+        this.info.sex = info.sex ? (info.sex == '男' ? 1 : 2) : ''
+      }
+      this.changeInfo()
+      // console.log(this.G.getInfoByIDcard(this.info.idCard));
     },
     handleClickAddress(e) {
       this.info.address = e
+      this.changeInfo()
     },
     goReturn() {
       uni.navigateBack()
     },
     handleSubmit() {
       let that = this
-      if (!that.info.tel && !that.info.idCard) {
+      console.log('that.info.imgs', that.info.imgs)
+      console.log('that.imgList', that.imgList)
+
+      if (!that.info.name) {
+        uni.showToast({
+          icon: 'none',
+          title: '请输入姓名',
+        })
+        return false
+      }
+      if (!that.info.sex) {
         uni.showToast({
           icon: 'none',
-          title: '请至少输入手机号或者身份证号',
+          title: '请选择性别',
+        })
+        return false
+      }
+      if (!that.info.age) {
+        uni.showToast({
+          icon: 'none',
+          title: '请输入年龄',
+        })
+        return false
+      }
+      if (!that.info.nation) {
+        uni.showToast({
+          icon: 'none',
+          title: '请选择民族',
         })
         return false
       }
@@ -236,17 +404,16 @@ export default {
         })
         return false
       }
-
+      if (!that.G.setReg(that.info.idCard, 'idcard')) {
-      if (!that.G.isValidIdCard(that.info.idCard)) {
         uni.showToast({
           icon: 'none',
           title: '请输入正确的身份证号',
         })
         return false
       }
-
+      console.log(that.info)
-      if (!that.info.nation) {
+      if (that.imgList.length > 0) {
-        that.info.nation = '汉族'
+        that.info.imgs = that.newAddImg.toString()
       }
       let submitInfo = {
         name: that.info.userName,
@@ -261,22 +428,24 @@ export default {
         userId: that.info.userId,
         orderId: that.info.id,
       }
-      that.G.Post(that.api.order_submitFellowNew, submitInfo, (res) => {
+      let url = 'order_submitFellowNew'
+      that.G.Post(that.api[url], submitInfo, (res) => {
         uni.showToast({
           icon: 'success',
           title: '保存成功',
         })
-				uni.$emit("infoUpdate");
+        uni.$emit('infoUpdate')
-        setTimeout(() => {
+        uni.navigateBack()
-          that.goReturn()
-        }, 300)
       })
+      // uni.$emit("getTownsman", { info: that.info });
+      // uni.navigateBack();
     },
     handleClickInfo() {
       let that = this
       that.G.uploadImg((res) => {
+        console.log('res', res)
         that.info.name = res.info.name
-        that.info.sex = res.info.sex
+        that.info.sex = res.info.sex ? (res.info.sex == '男' ? 1 : 2) : ''
         that.info.age = res.info.age
         that.info.nation = res.info.nationality
         that.info.idCard = res.info.num
@@ -294,4 +463,19 @@ export default {
 }
 </script>
 
-<style></style>
+<style>
+.img-close {
+  position: absolute;
+  width: 18px;
+  height: 18px;
+  right: -6px;
+  top: -6px;
+  z-index: 99;
+  background-color: #666;
+  color: #fff;
+  font-size: 8px;
+  text-align: center;
+  line-height: 18px;
+  border-radius: 50%;
+}
+</style>