页面优化

src/projects/business/views/Guest/Current/Info.vue

@@ -15,7 +15,7 @@
 
 				</div>
 				<div class="mui-input-row">
-					<label>手机号码<i class="colorfe616c">*</i></label>
+					<label>访客手机号码<i class="colorfe616c">*</i></label>
 					<input type="text" class="mui-input-clear" v-model="detail.mobilePhone" placeholder="请填写访客手机号码">
 
 				</div>
@@ -57,6 +57,28 @@
 	</div>
 
     <div class="mui-content margin60 "   v-if="step==2"  >
+
+        <div class="mui-content-padded vongi-qingjiadt vongi-editme">
+            <form class="mui-input-group vongi-login-form">
+                <div class="mui-input-row">
+                    <label>审核状态</label>
+                    <span :class="statusColor[detail.status]" v-text="status[detail.status]"></span>
+                    <!--<span class="colorf8b155">待确认</span>
+                                <span class="color999">已过期</span>-->
+                </div>
+
+                <div class="mui-input-row">
+                    <label>创建时间</label>
+                    <span>{{detail.createTime}}</span>
+                </div>
+                <div class="mui-input-row" v-if="detail.confirmationTime">
+                    <label>审核时间</label>
+                    <span>{{detail.confirmationTime}} </span>
+                </div>
+
+            </form>
+        </div>
+
         <div class="mui-content-padded vongi-qingjiadt">
             <form class="mui-input-group">
                 <div class="mui-input-row">
@@ -104,27 +126,10 @@
                 </div>
             </form>
         </div>
-        <div class="mui-content-padded vongi-qingjiadt vongi-editme">
-            <form class="mui-input-group vongi-login-form">
-                <div class="mui-input-row">
-                    <label>邀请单状态</label>
-                    <span :class="statusColor[detail.status]" v-text="status[detail.status]"></span>
-                    <!--<span class="colorf8b155">待确认</span>
-                                <span class="color999">已过期</span>-->
-                </div>
 
-                <div class="mui-input-row">
-                    <label>发送时间</label>
-                    <span>{{detail.createTime}}</span>
-                </div>
-                <div class="mui-input-row" v-if="detail.confirmationTime">
-                    <label>确认时间</label>
-                    <span>{{detail.confirmationTime}} </span>
-                </div>
 
-            </form>
-        </div>
-        <div class="mui-content-padded vongi-qingjiadt vongi-editme">
+
+        <div class="mui-content-padded vongi-qingjiadt vongi-editme" v-if="detail.status==1">
             <form class="mui-input-group vongi-login-form">
 
                 <div class="mui-input-row" v-if="detail.comeInTime">
@@ -139,8 +144,6 @@
             </form>
         </div>
 
-
-
     </div>
 
 	<loading :visible="isLoading"></loading>
@@ -186,7 +189,7 @@
 				lineColor: '#e5aa37',
  				statusTitleColor: '#d39d33',
 				statusName: '异常',
-                status: ['待确认', '已确认', '待确认','已过期','已拒绝'],
+                status: ['待确认', '已通过', '待审核','已过期','未通过'],
                 statusColor: ['colorf8b155', 'color55f868','colorf8b155','color999', 'colorfe616c'],
 
 

src/projects/business/views/Guest/Current/List.vue

@@ -12,7 +12,7 @@
                             <div>{{item.unit}}</div>
                         </li>
                         <li class="mui-table-view-cell" >
-							<label>拜  访 人：</label>
+							<label>受  访 人：</label>
 							<span>{{item.name}}<span class="mui-pull-right " :class="statusColor[item.status]">{{status[item.status]}}</span></span>
 						</li>
                         <li class="mui-table-view-cell"  >
@@ -81,7 +81,7 @@
 					result: 0,
 				},
 				recordList: [],
-                status: ['待确认', '已确认', '待确认','已过期','已拒绝'],
+                status: ['待确认', '已通过', '待审核','已过期','未通过'],
                 statusColor: ['colorf8b155', 'color55f868','colorf8b155','color999', 'colorfe616c'],routeName: "Master",
 			}
 		},

src/projects/business/views/Guest/From/Approval.vue

@@ -8,43 +8,35 @@
         </header>
         <div class="mui-content margin60 "    >
             <div class="mui-content-padded vongi-qingjiadt">
+
                 <form class="mui-input-group">
                     <div class="mui-input-row">
-                        <label>拜访人</label>
+                        <label>访客单位</label>
+                        <span>{{detail.unit}}</span>
+                    </div>
+                    <div class="mui-input-row">
+                        <label>访客名称</label>
                         <span>{{detail.name}}</span>
                     </div>
                     <div class="mui-input-row">
-                        <label>手机号码</label>
+                        <label>访客手机号码</label>
                         <span>{{detail.mobilePhone}}</span>
                     </div>
                     <div class="mui-input-row">
                         <label>身份证号</label>
                         <span>{{detail.idCard}}</span>
                     </div>
-                    <div class="mui-input-row" v-if="detail.isUpPhoto">
-                        <label style="width: 50%">人脸识别照片</label>
 
-                        <span  style="width: 50%" v-if="!detail.photo" >未上传</span>
-                        <span class="vongi-qingjiadt-photo"  v-if="detail.photo" >
-               <img  :src="detail.photo">
-            </span>
-                    </div>
-                    <div class="mui-input-row">
-                        <label>拜访单位</label>
-                        <span>{{detail.unit}}</span>
-                    </div>
+
                     <div class="mui-input-row">
-                        <label>拜访事由</label>
+                        <label>来访事由</label>
                         <span>{{detail.visitReasons}}</span>
                     </div>
                     <div class="mui-input-row">
-                        <label>拜访时间</label>
+                        <label>来访时间</label>
                         <span>{{detail.visitDate}}</span>
                     </div>
-                    <div class="mui-input-row">
-                        <label>结束时间</label>
-                        <span>{{detail.expirationTime}}</span>
-                    </div>
+
 
                     <div class="mui-input-row">
                         <label>车牌号</label>
@@ -55,17 +47,13 @@
             <div class="mui-content-padded vongi-qingjiadt vongi-editme">
                 <form class="mui-input-group vongi-login-form">
                     <div class="mui-input-row">
-                        <label>邀请单状态</label>
+                        <label>审核状态</label>
                         <span :class="statusColor[detail.status]" v-text="status[detail.status]"></span>
-                        <!--<span class="colorf8b155">待确认</span>
-                                    <span class="color999">已过期</span>-->
-                    </div>
-                    <div class="mui-input-row">
-                        <label>发送时间</label>
-                        <span>{{detail.createTime}}</span>
+
                     </div>
+
                     <div class="mui-input-row" v-if="detail.confirmationTime">
-                        <label>确认时间</label>
+                        <label>审核时间</label>
                         <span>{{detail.confirmationTime}} </span>
                     </div>
                 </form>
@@ -128,7 +116,7 @@
                 list:[],
                 isLoading: false,
 
-                status: ['待确认', '已确认', '待确认','已过期','已拒绝'],
+                status: ['待确认', '已通过', '待审核','已过期','已拒绝'],
                 statusColor: ['colorf8b155', 'color55f868','colorf8b155','color999', 'colorfe616c'],
             }
         },
@@ -138,18 +126,24 @@
         methods:  {
             openFrom(status){
 
+               var  _this=this;
+                var btnArray = ['取消', '确认'];
+                mui.confirm(status=='1'?'是否确认通过本次访客申请':'是否确认拒绝本次访客申请', '确认', btnArray, function(e) {
+                        if (e.index == 1) {
+                            _this.isLoading = true;
 
-                this.isLoading = true;
-
-                API_From.approval({id:this.id,status:status}).then(response => {
-                    this.isLoading = false;
+                            API_From.approval({id:_this.id,status:status}).then(response => {
+                                _this.isLoading = false;
 
-                    this.detail=response ;
+                                _this.detail=response ;
 
-                }).catch(error => {
-                    this.isLoading = false;
-                    mui.toast(error);
+                            }).catch(error => {
+                                _this.isLoading = false;
+                                mui.toast(error);
+                            })
+                        }
                 })
+
             },
 
 
@@ -160,7 +154,6 @@
 
                 API_From.getDetail(this.id ).then(response => {
                     this.isLoading = false;
-
                     this.detail = response.info;
                     this.list=response.list;
                 }).catch(error => {

src/projects/business/views/Master/Guest/List.vue

@@ -39,7 +39,9 @@
 
 
 <script>
-	import * as API_Guest from '@/apis/Master/guest'
+    require('$project/assets/js/mui.picker.min.js');
+
+    import * as API_Guest from '@/apis/Master/guest'
 	import Common from '$project/components/Common.vue'
 	import Loading from '$project/components/Loading.vue'
 	import TopHeader from '$project/components/TopHeader.vue'
@@ -187,5 +189,7 @@
 </script>
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/mui.picker.min.css"></style>
+
 <style>
 </style>