出差审批 ，调整列表样式， 调整选人样式

src/projects/business/views/Master/BusinessTravel/VerifyList.vue

@@ -63,13 +63,14 @@
 				</div>
 			</div>
 
-            <div v-show="recordList.length>0 && listForm.status==0" class="vongi-ad-fix">
-				<div class=" vongi-wordcard">
+            <div v-show="recordList.length>0 && listForm.status==0" class="vongi-ad-fix" style="z-index:99">
+
+				<div class=" vongi-wordcard" v-if="approvalPersonList.length">
 					<form class="mui-input-group">
 						<div class="mui-input-row">
 							<label class="color4fc5f7">下一步审核人</label>
-							<div class="mui-navigate-right">
-								<button id='showUserPicker' class="mui-btn mui-btn-block" type='button'>郑强</button>
+							<div class="mui-navigate-right" @click="selectPerson">
+								<button id='showUserPicker' class="mui-btn mui-btn-block" type='button'    ><span v-text="approvalPersonName"></span></button>
 							</div>
 						</div>
 					</form>
@@ -92,7 +93,9 @@
 </template>
 
 <script>
-	import * as API_BusinessTravel from '@/apis/Master/business_travel'
+    require('$project/assets/js/mui.picker.min.js');
+
+    import * as API_BusinessTravel from '@/apis/Master/business_travel'
 	import Common from '$project/components/Common.vue'
 	import Loading from '$project/components/Loading.vue'
 	import TopHeader from '$project/components/TopHeader.vue'
@@ -130,7 +133,8 @@
                 subForm: {
 					ids: '',
 					approvalContent: '',
-					status: ''
+					status: '',
+                    nextApprovalId:'',
 				},
                 //补卡1，外出2，出差3 ，请假4
                 personForm: {
@@ -179,7 +183,9 @@
                 picker.show(function(selectItems) {
                     _this.subForm.nextApprovalId = selectItems[0].value;
                     _this.approvalPersonName= selectItems[0].text;
-                    picker.dispose();
+                    _this.$forceUpdate()
+
+                     picker.dispose();
                 })
             },
 			//获取列表
@@ -329,6 +335,8 @@
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>
 <style src="$project/assets/css/iconfont.css"></style>
+<style src="$project/assets/css/mui.picker.min.css"></style>
+
 <style scoped>
 	
 	.mui-segmented-control {