地址选择

pages/user/mycertinfo/orgverify.vue

@@ -105,22 +105,33 @@
 				</view>
 				<!-- 行业类别 -->
 				<view class="form-item">
-					<select class="form-item--input" v-model="industryType" placeholder="行业类别">
-					    <option>选择行业类别</option>
-					    <option value="0">IT</option>
-					    <option value="1">金融</option>
-					    <option value="2">空乘</option>
-					</select>
-				</view>
-				
-				<view class="flex-box">
 				  <picker mode="selector" :range="industryList" range-key="name"  :value="idIndex"
 				    @change="onChangeIndustry">
 				    <text v-if="idIndex > -1">{{ industryList[idIndex].name }}</text>
 				    <text v-else class="col-80">选择行业类别</text>
 				  </picker>
 				</view>
-				
+				<!-- 1st -->
+				<view class="form-item">
+					<picker mode="multiSelector" :range="citydata" range-key="name" :value="cityidx"
+					  @change="onChangeCity" @columnchange="pickerColumnchange">
+					  <text v-if="idIndex > -1">{{regionStr}}</text>
+					  <text v-else class="col-80">机构注册地址</text>
+					</picker>
+				</view>
+				<!-- 2nd -->
+				<view class="form-item">	
+					<picker class="picker" mode="multiSelector" :range="region" range-key="name" :value="regionIndex" @change="pickerChange"
+					 @columnchange="pickerColumnchange">
+						<view class="pbox" :class="{'pbox_hover':regionStr != '请选择省市区'}">
+							<view>{{regionStr}}</view>
+							<text class="iconfont icon-you"></text>
+						</view>
+					</picker>
+				</view>
+				<view class="form-item">
+					<input class="form-item--input" placeholder="详细地址" v-model="address"/>
+				</view>
 			</view>
 		</view>
 		
@@ -131,6 +142,11 @@
 <script>
 	// 认证api
 	import * as VerifyApi from '@/api/verify'
+	import * as cityjson from 'utils/json/city.json'
+	import region from 'utils/json/pca.json';
+	
+	//
+	//const citydata = cityjson
 	
 	export default {
 		data() {
@@ -160,18 +176,77 @@
 				industryList: [],
 				// 选择的物流公司索引
 				idIndex: -1,
+				// 城市列表
+				citydata:[],
+				// 城市索引
+				cityidx:-1,
+				// 省区地址
+				regionProvince:"",
+				// 详细地址
+				address:"",
+				// 请选择省/市/区
+				regionStr:"请选择省/市/区",
+				//选择省市区的下标Index  传则默认选中传递的
+				regionIndex: [0, 0, 0],
+				// 处理后的数组
+				region: [[],[],[]],
+				//原数组
+				oldRegion: region,
+				
 			}
 		},
 		mounted() {
 			// 页面初始化
 			this.getIndustList()
+			//
+			//this.citydata = cityjson
+		},
+		created() {
+			let provinceArr = [];
+			let cityArr = [];
+
+			this.oldRegion.map((item, index) => {
+				this.region[0].push({
+					name: item.name,
+					code: item.code
+				});
+				if (this.previnceId == item.code) {
+					provinceArr = item.children;
+					this.regionIndex[0] = index;
+				}
+			})
+			// console.log(provinceArr);
+			provinceArr.map((item, index) => {
+				this.region[1].push({
+					name: item.name,
+					code: item.code
+				});
+				if (this.cityId == item.code) {
+					cityArr = item.children;
+					this.regionIndex[1] = index;
+				}
+			})
+			cityArr.map((item, index) => {
+				this.region[2].push({
+					name: item.name,
+					code: item.code
+				});
+				if (this.countyId == item.code) {
+					this.regionIndex[2] = index;
+				}
+			})
+			if (this.isRevise) {
+				this.regionStr = this.region[0][this.regionIndex[0]].name + ' ' + this.region[1][this.regionIndex[1]].name + ' ' +
+					this.region[2][this.regionIndex[2]].name;
+			} else {
+				this.regionStr = '请选择省市区';
+			}
 		},
 		methods: {
 			
-			// 选择
+			// 身份选择
 			vfselitem(item){
 				this.vfindex = item
-				//this.$toast("your choose is:"+item)
 			},
 			//
 			gotostep(step){
@@ -251,6 +326,82 @@
 			  // console.log(this.industryType)
 			},
 			
+			pickerColumnchange(e){
+				// console.log("address e:",e)
+				const curidx = e.detail.value
+				console.log(curidx)
+				// let newcdata = this.citydata[curidx]
+				// console.log("newcdata",newcdata)
+				// this.citydata = newcdata
+			},
+			
+			onChangeCity(e){
+				// console.log("chg city:",e)
+				const curidx = e.detail.value
+				this.cityidx = curidx
+				this.regionStr = this.citydata[curidx].name
+				
+			},
+			
+			// +++++++++++++++++++++++++++
+			pickerChange(e) {
+				// console.log(e, '1');
+				this.regionIndex = e.detail.value;
+				this.regionStr = this.region[0][this.regionIndex[0]].name + ' ' + this.region[1][this.regionIndex[1]].name + ' ' +
+					this.region[2][this.regionIndex[2]].name;
+					
+				// 组件传值
+				this.$emit('region', [this.region[0][this.regionIndex[0]].name , this.region[1][this.regionIndex[1]].name,
+					this.region[2][this.regionIndex[2]].name]);
+			},
+			pickerColumnchange(e) {
+				// console.log(e);
+				// 第几列滑动
+				// console.log(e.detail.column);
+				// 第几列滑动的下标
+				// console.log(e.detail.value)
+ 
+				if (e.detail.column === 0) {
+					// 声明城市数组
+					let cityArr = [];
+					let countyArr = [];
+					// 设置下标
+					this.regionIndex = [e.detail.value, 0, 0];
+					// 改变城市列表
+					this.region[1] = this.oldRegion[e.detail.value].children.map(item => {
+						cityArr.push({
+							name: item.name,
+							code: item.code
+						});
+					})
+					this.$set(this.region, 1, cityArr);
+					// 改变县区列表
+					this.oldRegion[e.detail.value].children[0].children.map(item => {
+						countyArr.push({
+							name: item.name,
+							code: item.code
+						});
+					})
+					this.$set(this.region, 2, countyArr);
+				}
+				if (e.detail.column === 1) {
+					this.regionIndex[1] = e.detail.value;
+					this.regionIndex[2] = 0;
+					let countyArr = [];
+					this.oldRegion[this.regionIndex[0]].children[this.regionIndex[1]].children.map(item => {
+						countyArr.push({
+							name: item.name,
+							code: item.code
+						});
+					})
+					this.$set(this.region, 2, countyArr);
+				}
+				if (e.detail.column === 2) {
+					this.regionIndex[2] = e.detail.value;
+				}
+			},
+			// ++++++++++++++++++++++++++
+			
 			// 选择图片 
 			chooseImage( item) {
 			  const app = this

utils/json/super.json

@@ -0,0 +1,264 @@
+{
+	"userList": [{
+			"img": "https://img2.baidu.com/it/u=4239399142,1313455534&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800",
+			"time": "2021/5/5",
+			"title": "艾青诞辰100周年铜像",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "新疆兵团军垦博物馆",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		},
+		{
+			"img": "https://img1.baidu.com/it/u=3427907771,2891761737&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
+			"time": "2021/5/5",
+			"title": "屯垦戎边千秋伟业",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "杨胜利",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		},
+		{
+			"img": "https://img2.baidu.com/it/u=4239399142,1313455534&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800",
+			"time": "2021/5/5",
+			"title": "艾青诞辰100周年铜像",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "新疆兵团军垦博物馆",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		},
+		{
+			"img": "https://img1.baidu.com/it/u=3427907771,2891761737&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
+			"time": "2021/5/5",
+			"title": "屯垦戎边千秋伟业",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "杨胜利",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		}, {
+			"img": "https://img2.baidu.com/it/u=4239399142,1313455534&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800",
+			"time": "2021/5/5",
+			"title": "艾青诞辰100周年铜像",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "新疆兵团军垦博物馆",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		},
+		{
+			"img": "https://img1.baidu.com/it/u=3427907771,2891761737&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
+			"time": "2021/5/5",
+			"title": "屯垦戎边千秋伟业",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "杨胜利",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		}, {
+			"img": "https://img2.baidu.com/it/u=4239399142,1313455534&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800",
+			"time": "2021/5/5",
+			"title": "艾青诞辰100周年铜像",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "新疆兵团军垦博物馆",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		},
+		{
+			"img": "https://img1.baidu.com/it/u=3427907771,2891761737&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
+			"time": "2021/5/5",
+			"title": "屯垦戎边千秋伟业",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "杨胜利",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		}, {
+			"img": "https://img2.baidu.com/it/u=4239399142,1313455534&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800",
+			"time": "2021/5/5",
+			"title": "艾青诞辰100周年铜像",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "新疆兵团军垦博物馆",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		},
+		{
+			"img": "https://img1.baidu.com/it/u=3427907771,2891761737&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
+			"time": "2021/5/5",
+			"title": "屯垦戎边千秋伟业",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "杨胜利",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		}, {
+			"img": "https://img2.baidu.com/it/u=4239399142,1313455534&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800",
+			"time": "2021/5/5",
+			"title": "艾青诞辰100周年铜像",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "新疆兵团军垦博物馆",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		},
+		{
+			"img": "https://img1.baidu.com/it/u=3427907771,2891761737&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
+			"time": "2021/5/5",
+			"title": "屯垦戎边千秋伟业",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "杨胜利",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		}, {
+			"img": "https://img2.baidu.com/it/u=4239399142,1313455534&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800",
+			"time": "2021/5/5",
+			"title": "艾青诞辰100周年铜像",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "新疆兵团军垦博物馆",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		},
+		{
+			"img": "https://img1.baidu.com/it/u=3427907771,2891761737&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
+			"time": "2021/5/5",
+			"title": "屯垦戎边千秋伟业",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "杨胜利",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		},
+		{
+			"img": "https://img2.baidu.com/it/u=4239399142,1313455534&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800",
+			"time": "2021/5/5",
+			"title": "艾青诞辰100周年铜像",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "新疆兵团军垦博物馆",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		},
+		{
+			"img": "https://img1.baidu.com/it/u=3427907771,2891761737&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500",
+			"time": "2021/5/5",
+			"title": "屯垦戎边千秋伟业",
+			"Price": "100.00",
+			"isllist": "010005-000000000000010504999999-2",
+			"trans": "转让",
+			"Client": "杨胜利",
+			"bond": "3000.00",
+			"totalprice": "10000.00"
+		}
+	],
+	"shopCartList": [{
+			"img": "https://img0.baidu.com/it/u=1638692979,2909797029&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800",
+			"name": "塞边新乐章",
+			"isli": "010005-000000000000010504999999-1",
+			"type": "转让",
+			"menttype": "收费",
+			"Client": "新疆兵团军垦博物馆",
+			"UnitPrice": "12000",
+			"purchase": "",
+			"Subtotal": "15000"
+		},
+		{
+			"img": "https://img0.baidu.com/it/u=1638692979,2909797029&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800",
+			"name": "王震将军像",
+			"isli": "010005-000000000000010504999999-2",
+			"type": "转让",
+			"menttype": "收费",
+			"Client": "新疆兵团军垦博物馆",
+			"UnitPrice": "13000",
+			"purchase": "2",
+			"Subtotal": "15000"
+		},
+		{
+			"img": "https://img0.baidu.com/it/u=1638692979,2909797029&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800",
+			"name": "屯垦戎边千秋伟业",
+			"isli": "010005-000000000000010504999999-3",
+			"type": "转让",
+			"menttype": "收费",
+			"Client": "新疆兵团军垦博物馆",
+			"UnitPrice": "14000",
+			"purchase": "2",
+			"Subtotal": "15000"
+		},
+		{
+			"img": "https://img0.baidu.com/it/u=1638692979,2909797029&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800",
+			"name": "艾青诞辰100周年铜像",
+			"isli": "010005-000000000000010504999999-4",
+			"type": "转让",
+			"menttype": "收费",
+			"Client": "新疆兵团军垦博物馆",
+			"UnitPrice": "15000",
+			"purchase": "2",
+			"Subtotal": "15000"
+		}
+	],
+	"paymentlist": [{
+			"img": "IMG",
+			"name": "塞边新乐章",
+			"isli": "010005-000000000000010504999999-2",
+			"type": "转让",
+			"menttype": "收费",
+			"Client": "新疆兵团军垦博物馆",
+			"UnitPrice": "15000",
+			"purchase": "",
+			"Subtotal": "15000"
+		},
+		{
+			"img": "IMG",
+			"name": "王震将军像",
+			"isli": "010005-000000000000010504999999-6",
+			"type": "转让",
+			"menttype": "收费",
+			"Client": "新疆兵团军垦博物馆",
+			"UnitPrice": "15000",
+			"purchase": "2",
+			"Subtotal": "15000"
+		},
+		{
+			"img": "IMG",
+			"name": "屯垦戎边千秋伟业",
+			"isli": "010005-000000000000010504999999-4",
+			"type": "转让",
+			"menttype": "收费",
+			"Client": "新疆兵团军垦博物馆",
+			"UnitPrice": "15000",
+			"purchase": "2",
+			"Subtotal": "15000"
+		},
+		{
+			"img": "IMG",
+			"name": "艾青诞辰100周年铜像",
+			"isli": "010005-000000000000010504999999-7",
+			"type": "转让",
+			"menttype": "收费",
+			"Client": "新疆兵团军垦博物馆",
+			"UnitPrice": "15000",
+			"purchase": "2",
+			"Subtotal": "15000"
+		}
+	]
+}

utils/json/superdetail.json

@@ -0,0 +1,85 @@
+{
+	"userDetList": [{
+			"title": "标的名称",
+			"Client": "艾青诞辰100周年铜像"
+		},
+		{
+			"title": "委托关联编码",
+			"Client": "010005-000000000000010504999999-2"
+		},
+		{
+			"title": "标的类型",
+			"Client": "文化资源数据"
+		},
+		{
+			"title": "交易方式",
+			"Client": "许可"
+		}, {
+			"title": "权益",
+			"Client": "展览权、表演权、放映权、广播权、摄制权、改编权、翻译权、信息网络传播权"
+		},
+		{
+			"title": "交易方式",
+			"Client": "一次性委托"
+		}, {
+			"title": "收费类型",
+			"Client": "收费"
+		},
+		{
+			"title": "交易保证金",
+			"Client": "3000.00"
+		}, {
+			"title": "标的价款",
+			"Client": "￥10000.00/年"
+		}
+	],
+	"Clientinfor": [{
+			"title": "机构名称",
+			"Client": "新疆兵团军垦博物馆",
+			"title1": "身份ISLI认证码",
+			"Client1": "010005-000000000000010504999002-1"
+		},
+		{
+			"title": "注册时间",
+			"Client": "2020/5/5",
+			"title1": "认证时间",
+			"Client1": "2020/10/10"
+		},
+		{
+			"title": "认证类型",
+			"Client": "机构",
+			"title1": "认证状态",
+			"Client1": "已认证"
+		}
+	],
+	"textbody": [{
+			"name": "屯垦戎边千秋伟业",
+			"id": "123456",
+			"isli": "010002-000000000090000117249999-5",
+			"islilist": "010005-000000000000010505999999-9",
+			"namesize": "30.9MB",
+			"format": "jpg"
+		},
+		{
+			"name": "第一犁",
+			"isli": "010002-000000000090000117249999-1",
+			"islilist": "010005-000000000000010505999999-9",
+			"namesize": "30.9MB",
+			"format": "jpg"
+		},
+		{
+			"name": "塞边新乐章",
+			"isli": "010002-000000000090000117249999-1",
+			"islilist": "010005-000000000000010505999999-9",
+			"namesize": "30.9MB",
+			"format": "jpg"
+		},
+		{
+			"name": "王震将军像",
+			"isli": "010002-000000000090000117249999-1",
+			"islilist": "010005-000000000000010505999999-9",
+			"namesize": "30.9MB",
+			"format": "jpg"
+		}]
+
+}

utils/json/test.json

@@ -0,0 +1,36 @@
+{
+"auditOpinion": "string",
+"avatar": "string",
+"bankCellPhone": "1",
+"bankCity": "丰台区",
+"bankDistrict": "六里桥",
+"bankName": "1",
+"bankProvince": "北京市",
+"cerScanPath": "C:\fakepath\trading.sql",
+"createAt": "createAt",
+"desc": "1",
+"establishDate": "2022-02-17",
+"identity": "identity",
+"islicode": "islicode",
+"legalCellPhone": "1",
+"legalIdnum": "1",
+"legalName": "1",
+"legalsScanPath1": "C:\fakepath\trading.sql",
+"legalsScanPath2": "C:\fakepath\trading.sql",
+"managerIdnum": "测试",
+"managerName": "测试",
+"managerPath": "C:\fakepath\trading.sql",
+"managerScanPath1": "C:\fakepath\trading.sql",
+"managerScanPath2": "C:\fakepath\trading.sql",
+"name": "jzk",
+"publicAccount": "1",
+"regionCity": "北京市",
+"regionDistrict": "东城区",
+"regionProvince": "北京市",
+"state": 0,
+"type": "其它",
+"updateAt": "string",
+"uscc": "测试",
+"userId": "15977359780169131",
+"userType": "企业"
+}