用户认证 身份开发，认证计算，部分字段错误修改

api/verify.js

@@ -8,6 +8,10 @@ const api = {
   cerscan_url: 'Paymentlist/entuiprise/v1/user/cer-scan',
   //  行业类目
   industry:"slb/userself/v1/industry/0",
+  // 获取身份，认证费用
+  identity : "Paymentlist/CertificationFeeSetting/selectCertificationFees",
+  // 获取身份，认证费用
+  certiaudit : "Paymentlist/certiaudit/certificationIntermediaryLists"
 }
 
 /**
@@ -22,6 +26,14 @@ export function getIndustry(param, option) {
   return request.get(api.industry, param, option)
 }
 
+export function getIdentity(param, option) {
+  return request.get(api.identity, param, option)
+}
+
+export function getCertiaudit(param, option) {
+  return request.get(api.certiaudit, param, option)
+}
+
 // do upload
 export const upload = files => {
   // 文件上传大小, 2M

pages/user/mycertinfo/orgverify.vue

@@ -201,13 +201,13 @@
 				</view>
 				
 
-				<view class="image-list" v-if="jfr_idbfile!=''">
+				<view class="image-list" v-if="yyzz_idbfile!=''">
-					<view class="image-preview" v-for="(image, imageIndex) in jfr_idbfile[0]">
+					<view class="image-preview" v-for="(image, imageIndex) in yyzz_idbfile[0]">
 					  <image class="image" mode="aspectFill" :src="image.path"></image>
 					</view>
 				</view>
 				<view class="form-item" v-else>
-					<button class="form-item--input" @click="chooseImage('jfr_idbfile')">营业执照/事业单位法人证书扫描件</button>
+					<button class="form-item--input" @click="chooseImage('yyzz_idbfile')">营业执照/事业单位法人证书扫描件</button>
 				</view>
 
         <view class="image-list" v-if="fr_idbfile!=''">
@@ -216,7 +216,16 @@
           </view>
         </view>
 				<view class="form-item" v-else>
-					<button class="form-item--input" @click="chooseImage('fr_idbfile')">法人身份证正反面扫描件（指纹或盖章）</button>
+					<button class="form-item--input" @click="chooseImage('fr_idbfile')">法人身份证正面扫描件（指纹或盖章）</button>
+				</view>
+
+        <view class="image-list" v-if="fr_idbfile2!=''">
+          <view class="image-preview" v-for="(image, imageIndex) in fr_idbfile2[0]">
+            <image class="image" mode="aspectFill" :src="image.path"></image>
+          </view>
+        </view>
+				<view class="form-item" v-else>
+					<button class="form-item--input" @click="chooseImage('fr_idbfile2')">法人身份证反面扫描件（指纹或盖章）</button>
 				</view>
 
         <view class="image-list" v-if="door_idbfile!=''">
@@ -229,22 +238,33 @@
 				</view>
 				<!-- 推荐中介服务机构 -->
 				<view class="form-item">
-					<picker mode="selector" :range="industryList" range-key="name"  :value="idIndex"
+					<picker mode="selector" :range="certiauditList" range-key="name"  :value="idIndex2"
-					  @change="onChangeIndustry">
+					  @change="onChangeCertiaudit">
-					  <text v-if="idIndex > -1">{{ industryList[idIndex].name }}</text>
+					  <text v-if="idIndex2 > -1">{{ certiauditList[idIndex2].name }}</text>
 					  <text v-else class="col-80">推荐中介服务机构</text>
 					</picker>
 				</view>
 				
 				<view class="form-item">
           <view class="title_left">身份</view>
-            <u-checkbox class="title_left_radio" v-model="buyer_identity">买方</u-checkbox>
+          <u-checkbox v-for="item in identityList" class="title_left_radio" v-model="item.checked"  @change="onCalculateAmount">
-            <u-checkbox class="title_left_radio" v-model="seller_identity">卖方</u-checkbox>
+            {{item.saleType}}
-            <u-checkbox class="title_left_radio" v-model="agency_identity">中介服务机构</u-checkbox>
+          </u-checkbox>
+				</view>
+				<view class="form-item box05" v-if="box05">
+          <div id="tags01">
+            <div :class="{ 'current01' : current_show === 1 }" @click="toggleDiv(1)">法务</div>
+            <div :class="{ 'current01' : current_show === 2 }" @click="toggleDiv(2)">技术</div>
+            <div :class="{ 'current01' : current_show === 3 }" @click="toggleDiv(3)">估价</div>
+            <div class="tags01_wh" :class="{ 'current01' : current_show === 4 }" @click="toggleDiv(4)">文化数据经纪商</div>
+            <div :class="{ 'current01' : current_show === 5 }" @click="toggleDiv(5)">其他</div>
+          </div>
+          <p id="PersonType" style="display: none;color:#a94442;margin:10px 0 0 292px;">需选择一个类型</p>
 				</view>
 				
 				<view class="form-item">
-					<view class="u-form-item--left">认证费用</view>
+					<view class="u-form-item--left title_left">认证费用</view>
+					<view>￥{{amount}}</view>
 				</view>
 				
 				<!-- 隐私政策等 -->
@@ -276,16 +296,19 @@
 	import * as cityjson from 'utils/json/city.json'
 	import region from 'utils/json/pca.json';
   import UCheckbox from "../../../uview-ui/components/u-checkbox/u-checkbox";
+  import UCheckboxGroup from "../../../uview-ui/components/u-checkbox-group/u-checkbox-group";
 	
 	//
 	//const citydata = cityjson
 	
 	export default {
-    components: {UCheckbox},
+    components: {UCheckboxGroup, UCheckbox},
     data() {
 			return {
-				// 机构名称
+				// 机构简介
 				desc: "",
+				// 成立日期
+        establishDate: '',
 				// 法人名称
         legalsName: "",
 				// 法人证件类型
@@ -322,19 +345,33 @@
 				dbsqfile:"",
 				//机构名称
 				name:"",
+        // 经办人
+        managerName: "",
+        // 经办人身份证号
+        managerIdnum: "",
 				//经办人授权委托书
 				jfr_entfile:[],
 				// 经办人身份证
 				jfr_idafile:[],
 				jfr_idbfile:[],
+        // 法人身份证正反
 				fr_idbfile:[],
+				fr_idbfile2:[],
+        // 门头照
         door_idbfile:[],
+        // 营业执照
+        yyzz_idbfile:[],
 				// 行业id
 				industryType:0,
 				// 行业列表
 				industryList: [],
-				// 选择的物流公司索引
+				// 选择的中介服务机构
 				idIndex: -1,
+				// islicode
+        islicode: '',
+        // 中介服务机构列表
+        certiauditList: [],
+				idIndex2: -1,
 				// 城市列表
 				citydata:[],
 				// 城市索引
@@ -361,17 +398,26 @@
 				oldRegion: region,
         // 隐私政策
         isTick: false,
-        buyer_identity: false,
+        // 买方
-        seller_identity: false,
+        selectedIdentity: [],
-        agency_identity: false,
+        // 协议
         new_privacy_pers: false,
         new_user_pers: false,
         new_exceptions_pers: false,
+        // 身份费用列表
+        identityList: [],
+        // 金额
+        amount:0,
+        //
+        box05: false,
+        current_show: 1,
 			}
 		},
 		mounted() {
 			// 页面初始化
 			this.getIndustList()
+			this.getCertiauditList()
+			this.getSelectCertificationFee()
 			//
 			//this.citydata = cityjson
 		},
@@ -475,7 +521,7 @@
 			selsf(val){
 				this.sfval = val
 			},
-			
+
 			// 行业列表
 			getIndustList(){
 				const app = this
@@ -489,17 +535,76 @@
 				    .catch(reject)
 				})
 			},
-			
+			// 机构列表
-			// 选择物流公司
+			getCertiauditList(){
+				const app = this
+				return new Promise((resolve, reject) => {
+				  VerifyApi.getCertiaudit()
+				    .then(result => {
+						app.certiauditList = result.data
+				      //app.expressList = result.data.list
+				      resolve()
+				    })
+				    .catch(reject)
+				})
+			},
+
+      // 获取身份，认证费用
+      getSelectCertificationFee(){
+        const app = this
+        return new Promise((resolve, reject) => {
+          VerifyApi.getIdentity()
+              .then(result => {
+                let data = result.data
+                //app.identityList = result.data
+                for (let attr in data) {
+                  let value = data[attr]
+                  if (value.userType == '机构') {
+                    value.checked = false
+                    app.identityList.push(value)
+                  }
+                }
+                resolve()
+              })
+              .catch(reject)
+        })
+      },
+      // 计算认证费用
+      onCalculateAmount(){
+        const app = this;
+        app.amount = 0;
+        let identityList2 = app.identityList
+        for (let attr in identityList2) {
+          let data2 = identityList2[attr]
+          if (data2.checked) {
+            app.amount += data2.fee * 1
+            if (data2.saleType == '中介服务机构') {
+              app.box05 = true;
+            } else {
+              app.box05 = false;
+            }
+          }
+        }
+      },
+      // 显示蓝色
+      toggleDiv(index)
+      {
+        this.current_show = index
+      },
+			// 选择行业类别
 			onChangeIndustry(e) {
-			  console.log("e",e)
 			  const curIndex = e.detail.value
 			  this.idIndex = curIndex
-			  // console.log("curIndustry",this.industryList[curIndex])
 			  this.industryType = this.industryList[curIndex].industryId
-			  // console.log(this.industryType)
 			},
-			
+
+			// 选择中介服务机构
+      onChangeCertiaudit(e) {
+			  const curIndex = e.detail.value
+			  this.idIndex2 = curIndex
+			  this.islicode = this.certiauditList[curIndex].islicode
+			},
+
 			// +++++++++++++++++++++++++++
 			pickerChange(e) {
 				// console.log(e, '1');
@@ -672,10 +777,32 @@
       },
       handleSubmit() {
 
-        let institutionsdata = {
+        const app = this
+        // if (!app.isTick) {
+        //   alert('请勾选《交易主体进场协议》和《文化数据交易委托协议》和《临时业务机构委托协议》')
+        // }
 
+        console.log(app.$data)
+        // 提交数据
+        let institutionsdata = {
+          name: app.name,
+          avatar: '',
+          industrytype: app.industryType,
+          regionprovince: app.industryType,
         };
 
+        // 10 = 法人 20 = 经办人
+        if (app.sfval == 20) {
+          institutionsdata.managerPath = app.jfr_entfile[0];
+          institutionsdata.managerScanPath1 = app.jfr_idafile[0];
+          institutionsdata.managerScanPath2 = app.jfr_idbfile[0];
+          institutionsdata.managerName = app.managerName;
+          institutionsdata.managerIdnum = app.managerIdnum;
+        }
+
+
+
+        console.log(institutionsdata)
 
       }
 			
@@ -906,6 +1033,30 @@
     }
     .title_radio .title_left_radio.last-child {
       margin-right: 0;
+    }
+    #tags01 {
+      display: flex;
+      flex-wrap: wrap;
+    }
+    .box05 {
+      padding-top: 0rpx;
+    }
+    .box05 #tags01 div {
+      font-size: 20rpx;
+      width: 100rpx;
+      height: 30rpx;
+      border-radius: 5rpx;
+      border: 1rpx solid #DDDDDD;
+      cursor: pointer;
+      padding: 5rpx 15rpx;
+      text-align: center;
+    }
+    .box05 #tags01 .tags01_wh {
+      width: 140rpx!important;
+    }
+    .box05 #tags01 .current01{
+      background: #5B93FF;
+      color: #FFFFFF;
     }
 	}