机构筛选

pages/work/generate.vue

@@ -11,12 +11,16 @@
 				<!-- 机构 -->
 				<view class="block-item">
 					<label class="block-item-label"><text>*</text>机构</label>
-					<picker :range="item.institution" range-key="title" :value="item.institutionIndex" @change="institutionChange($event, item, index)">
+					<!-- <picker :range="item.institution" range-key="title" :value="item.institutionIndex" @change="institutionChange($event, item, index)">
 						<view class="institution-picker">
 							<view class="institution-picker-text nowrap">{{item.institution[item.institutionIndex].title}}</view>
 							<u-icon size="12" color="#999" name="arrow-down-fill"></u-icon>
 						</view>
-					</picker>
+					</picker> -->
+					<view class="institution-picker" @click="onShowInstitution(item.institution, item, index)">
+						<view class="institution-picker-text nowrap">{{item.institution[item.institutionIndex].title}}</view>
+						<u-icon size="12" color="#999" name="arrow-down-fill"></u-icon>
+					</view>
 				</view>
 				<!-- 业务类型 -->
 				<view class="block-item">
@@ -103,6 +107,13 @@
 				<button @click="onSubmit">提交</button>
 			</view>
 		</view>
+		<!-- 机构弹出层 -->
+		<oct-mechanism-picker
+			ref="institutionPicker"
+			title="选择办理机构"
+			:columns="columns"
+			@choose="institutionChange"
+		/>
 	</view>
 </template>
 
@@ -113,9 +124,12 @@
 		components: { octpicker },
 		data() {
 			return {
+				columns	   : [],
 				businessArr: [],
 				serviceUser: '',
 				serviceArr : [],
+				old		   : {},
+				cIndex	   : 0
 			};
 		},
 		created() {
@@ -125,6 +139,13 @@
 			this.serviceUser = serviceUser
 		},
 		methods: {
+			// 显示选择机构
+			onShowInstitution(e, item, index){
+				this.columns = e
+				this.old	 = item
+				this.cIndex	 = index
+				this.$refs.institutionPicker.open()
+			},
 			// 移出选项
 			onRemove(index){
 				this.serviceArr.splice(index, 1)
@@ -202,10 +223,12 @@
 				})
 			},
 			// 机构变更更新业务
-			institutionChange(e, old, index){
-				let { value } 	= e.detail;
+			institutionChange(e){
+				let index		= this.cIndex
+				let old			= this.old
+				let value 		= old.institution.findIndex(val => val.institution_id === e.val.institution_id);
 				let businessId  = old.subVal.business_id
-				
+
 				// 获取机构的子业务类型
 				let forms = this.getForms(old.institution[value].institution_id)
 				forms.then(institutionVal => {