点餐提交限制

src/views/catering/index.vue

@@ -1,513 +1,552 @@
-<template>
-  <div class="mianBox" v-if="status">
-    <van-row class="headerBox" >
-      <van-col class="returnWrap" @click="fanhuiBtn">
-        <van-image class="arrow-left"
-          :src="require('../../assets/image/left.png')"
-        />
-        <van-col class="return">返回</van-col>
-      </van-col>
-      <van-col class="title">{{title}}</van-col>
-    </van-row>
-    <van-row class="top">
-        <van-tabs v-model="active" @click="activeSelect" class="pc">
-            <van-tab title="待配餐" :badge="number"></van-tab>
-            <van-tab title="已完成"></van-tab>
-        </van-tabs>
-        <div class="lineP"></div>
-    </van-row>
-    <van-row class="bottom">
-        <van-row class="orderList" v-if="active==0">
-          <van-col span="24" v-for="(item,index) in order" :key="index" class="order" @click="orderOne(item)">
-              <div class="left dcrText" style="margin-top:0">点餐人：</div>
-              <div class="right dcr" style="margin-top:0">{{item.orderUserName}}</div>
-              <div class="left scAddressText">送餐地址：</div>
-              <div span="18" class="right scAddress">{{item.address}}</div>
-              <div class="left statusText">当前状态：</div>
-              <div class="right" :class="item.orderStatus == '3' ? 'status' : 'status1'">
-                  {{item.orderStatus == "0" ? "待接单" : item.orderStatus == "1" ? "配餐中" : item.orderStatus == "2" ? "送餐中"  : "已完成"}}
-              </div>
-              <van-steps :active="item.orderStatus == '0' ? '-1' : item.orderStatus" v-if="item.orderStatus != '3'"  active-color="#ee0a24" inactive-color="#999999">
-                <van-step>{{ item.orderStatus == 0 ? '待接单' : item.orderStatus == 1 ? '已接单' : item.orderStatus == 2 ? '已接单' : '接单' }}</van-step>
-                <van-step>{{ item.orderStatus == 1 ? '配餐中' : item.orderStatus == 2 ? '已配餐' : '配餐' }}</van-step>
-                <van-step>{{ item.orderStatus == 2 ? '送餐中' : '送餐' }}</van-step>
-              </van-steps>
-          </van-col>
-          <van-col span="24" class="noMore">没有更多数据了</van-col>
-        </van-row>
-        <van-row class="orderList" v-if="active==1">
-          <van-col span="24" v-for="(item,index) in order" :key="index" class="order" @click="orderOne(item)">
-              <div class="left dcrText" style="margin-top:0">点餐人：</div>
-              <div class="right dcr" style="margin-top:0">{{item.orderUserName}}</div>
-              <div class="left scAddressText" >送餐地址：</div>
-              <div class="right scAddress">{{item.address || "-"}}</div>
-              <div class="left statusText">当前状态：</div>
-              <div class="right" :class="item.orderStatus == '3' ? 'status' : 'status1'">
-                  {{item.orderStatus == "0" ? "待接单" : item.orderStatus == "1" ? "配餐中" : item.orderStatus == "2" ? "送餐中"  : "已完成"}}
-              </div>
-              <!-- <van-steps :active="item.orderStatus == '0' ? '-1' : item.orderStatus" v-if="item.orderStatus != '3'"  active-color="#ee0a24" inactive-color="#999999">
-                <van-step>{{ item.orderStatus == 0 ? '待接单' : item.orderStatus == 1 ? '已接单' : item.orderStatus == 2 ? '已接单' : '接单' }}</van-step>
-                <van-step>{{ item.orderStatus == 1 ? '配餐中' : item.orderStatus == 2 ? '已配餐' : '配餐' }}</van-step>
-                <van-step>{{ item.orderStatus == 2 ? '送餐中' : '送餐' }}</van-step>
-                </van-steps> -->
-          </van-col>
-          <van-col span="24" class="noMore">没有更多数据了</van-col>
-        </van-row>
-    </van-row>
-    <van-dialog v-model="show" class="pcDialog">
-       <van-row class="orderDetails">
-           <van-col class="order" span="24">
-              <div class="left" style="margin-top:0">订餐人：</div>
-              <div class="right" style="margin-top:0">{{orderDetails.orderUserName || '-'}}</div>
-              <div class="left">餐别：</div>
-              <div class="right">{{orderDetails.mType || '-'}}</div>
-              <div class="left">手机号：</div>
-              <div class="right">{{orderDetails.phone || '-'}}</div>
-              <div class="left">送餐地址：</div>
-              <div class="right">{{orderDetails.address  || "-"}}</div>
-              <div class="left">下单时间：</div>
-              <div class="right">{{orderDetails.orderTime || '-'}}</div>
-              <div class="left">备注：</div>
-              <div class="right">{{orderDetails.remark || '-'}}</div>
-           </van-col>
-          <van-col class="detailsText">配餐明细</van-col>
-          <van-col  span="24"  class="dishes">
-            <van-col span="24" v-for="(item,index) in dishes" :key="index" class="list">
-                <van-col span="12" class="name">{{item.mName}}</van-col>
-                <van-col span="12" class="num">{{item.mCount}}份</van-col>
-            </van-col>
-          </van-col>
-          <van-col class="statusSelect">
-            <van-col class="select" :class="orderDetails.orderStatus == '0' ? 'zt' : 'overTime'"   @click="statusChange(orderDetails.orderStatus == '0' ? 1 : undefined)" >
-               接单
-            </van-col>
-            <van-col class="select" :class="orderDetails.orderStatus == '1' ? 'zt' : 'overTime'" @click="statusChange(orderDetails.orderStatus == '1' ? 2 : undefined)">
-               送餐
-            </van-col>
-             <van-col class="select" :class="orderDetails.orderStatus == '2' ? 'zt' : 'overTime'"  @click="statusChange(orderDetails.orderStatus == '2' ? 3 : undefined)">
-               完成
-            </van-col>
-             <van-col class="select gb" @click="close">
-               关闭
-            </van-col>
-          </van-col>
-          <van-col class="jjPhone">紧急联系人：{{orderDetails.jjPhone}}</van-col>
-        </van-row>
-    </van-dialog>
-  </div>
-</template>
-<script>
-import { Toast } from "vant";
-import Cookies from "js-cookie";
-import { getNowTime ,monthDay } from "@/assets/js/dataFormate.js";
-export default {
-  data() {
-    return {
-      show:false,
-      number:undefined,
-      status:false,
-      active:0,
-      order:[],
-      orderDetails:{},
-      dishes:[],
-      title:"配餐清单",
-      orderId:undefined,
-    };
-  },
-  components: {
-    [Toast.name]: Toast,
-  },
-  mounted(){
-    document.title = '中国东信智慧园区'
-    if(this.$route.query.id){
-        this.orderStatusAll()
-    }else{
-        this.orderStatus()
-    }
-    
-  },
-  methods: {
-      //返回上级
-    fanhuiBtn() {
-        this.$router.push({ path: "/home"})
-    },
-    //订单查询
-    orderStatus(id){
-        let data = {
-            current:1,
-            size:500,
-            orderStatus:undefined,
-            statusList:undefined
-        }
-        if(id){
-            data.orderStatus = id
-             //历史订单
-            axios.post(`https://smartpark.caih.com/dxapi/dreOrder/page`,data).then(res => { 
-                const data = res.data.data.records
-                this.order  = data
-                this.status = true
-            })
-        }else{
-            data.statusList = [0,1,2]
-             //历史订单
-            axios.post(`https://smartpark.caih.com/dxapi/dreOrder/page`,data).then(res => { 
-                const data = res.data.data.records
-                this.number = data.length
-                if(this.number == "0"){
-                    this.number = undefined
-                }
-                if(data.length>99){
-                    this.number = data.length
-                }
-                this.order  = data
-                this.status = true
-            })
-        }
-       
-      
-    },
-    
-    //所有订单查询
-    orderStatusAll(){
-        let data = {
-            current:1,
-            size:500,
-            orderStatus:undefined,
-        }
-            //历史订单
-        axios.post(`https://smartpark.caih.com/dxapi/dreOrder/page`,data).then(res => { 
-            const data = res.data.data.records
-            for(let i =0;i<data.length;i++){
-                if(data[i].id == this.$route.query.id){
-                    if(data[i].orderStatus != '3'){
-                        this.active = 0
-                    }else{
-                        this.active= 1
-                    }
-                    this.orderOne(data[i])
-                }
-                
-            }
-            let arr = []
-            if(this.active== 0){
-                for(let i =0;i<data.length;i++){
-                    if(data[i].orderStatus != '3'){
-                        arr.push(data[i])
-                    }
-                }
-            }
-            if(this.active==1){
-                for(let i =0;i<data.length;i++){
-                    if(data[i].orderStatus == '3'){
-                        arr.push(data[i])
-                    }
-                }
-            }
-            this.order = arr
-            this.number = arr.length
-            if(this.number == "0"){
-                this.number = undefined
-            }
-            if(data.length>99){
-                this.number = data.length
-            }
-            this.status = true
-        })
-      
-    },
-    //active切换
-    activeSelect(){
-        if(this.active == "0"){
-            this.orderStatus()
-        }else{
-            this.orderStatus(3)
-        }
-    },
-    //订单菜品详情
-    orderOne(row){
-        this.orderDetails = JSON.parse(JSON.stringify(row))
-        this.orderDetails.mType = monthDay(this.orderDetails.orderTime) + " " + this.orderDetails.mType
-        axios.get(`https://smartpark.caih.com/dxapi/system/config/configKey/dre_urgency_phone`).then(res => { 
-            this.orderDetails.jjPhone  = res.data.data
-            //订单详情
-            axios.get(`https://smartpark.caih.com/dxapi/dreOrderDetail/listByOrder?orderId=${row.id}`).then(res => { 
-                this.dishes = res.data.data
-                this.show = true
-            })
-        })
-        
-    },
-    //状态变更
-    statusChange(id){
-        if(id){
-            let time = getNowTime()
-            let data = {
-                id:this.orderDetails.id,
-                orderStatus:id,
-                receiveUserName:undefined,
-                receiveUserId:undefined,
-                receiveTime:undefined, 
-                sendUserName:undefined,
-                sendUserId:undefined,
-                sendTime:undefined,
-                sendEndTime:undefined,
-            }
-            let sid = undefined
-            axios.get("https://smartpark.caih.com/dxapi/dxtop/staff/one",{
-            params:{
-                id:Cookies.get("userId57")
-            }
-            }).then(res2 =>{
-                sid = res2.data.data.sid
-                if(id == "1"){
-                    data.receiveUserName = Cookies.get("nickName57")
-                    data.receiveUserId = sid
-                    data.receiveTime = time
-                }
-                if(id == "2"){
-                    data.sendUserName= Cookies.get("nickName57")
-                    data.sendUserId = sid
-                    data.sendTime = time
-                }
-                if(id == "3"){
-                    data.sendEndTime = time
-                }
-                axios.put(`https://smartpark.caih.com/dxapi/dreOrder/`,data).then(res => { 
-                    console.log(res)
-                    if(res.data.status == "SUCCESS"){
-                        if(id == "3"){
-                            this.active = 1
-                            this.number = this.number - 1
-                            if(this.number == "0"){
-                                this.number = undefined
-                            }
-                            this.orderStatus(3)
-                        }else{
-                            this.active = 0
-                            this.orderStatus()
-                        }
-                    }else{
-                        Toast(res.data.msg)
-                        this.orderStatus()
-                    }
-                    this.show = false
-                })
-            })
-        }
-    },
-    //关闭
-    close(id){
-      this.show = false  
-    }
-  },
-};
-</script>
-<style lang="scss" scoped>
-.mianBox{
-    width:100%;
-    height:100%;
-    overflow: scroll;
-    background-color: #F9F9F9 !important;
-    .top{
-        position: relative;
-        .pc{
-            height:48px;
-            line-height: 48px;
-        }
-        .lineP{
-            position: absolute;
-            top:12px;
-            left:50%;
-            width:1px;
-            height:20px;
-            background-color: #E8E8E8;
-        }
-    }
-    .bottom{
-        background-color: #fff;
-        margin-top:10px;
-        .orderList{
-            .order{
-                padding:15px;
-                div{
-                    font-size: 14px;
-                    float:left;
-                    line-height:26px;
-                }
-                .left{
-                    width:30%;
-                    display: inline-block;
-                    color:#999999;
-                    text-align: left;
-                }
-                .right{
-                    width:70%;
-                    display: inline-block;
-                    color:#333;
-                    text-align: right;
-                }
-
-                .status1{
-                    color:#ee0a24;
-                    text-align: right;
-                }
-                .van-steps{
-                    background:transparent;
-                    height:40px;
-                    padding-bottom:20px;
-                    width:100%;
-                }
-            }
-            .order:nth-child(odd){
-                background-color: #fff;
-            }
-            .order:nth-child(even){
-                background-color: #F9F9F9;
-            } 
-        }
-        .noMore{
-            background-color: #F0F0F0;
-            color:#999999;
-            text-align: center;
-            padding:20px 0;
-            font-size: 12px;
-        }
-    }
-    .pcDialog{
-        border-radius: 5px;
-        width:85%;
-        padding:20px 0;
-        .orderDetails{
-            .order{
-                padding:0px 16px 20px;
-                border-bottom:1px solid #F0F0F0;
-                div{
-                    float:left;
-                    line-height:26px;
-                }
-                .left{
-                    width:40%;
-                    display: inline-block;
-                    text-align: left;
-                    color:#999999;
-                    vertical-align: top;
-                }
-                .right{
-                    width:60%;
-                    display: inline-block;
-                    text-align: right;
-                    color:#333; 
-                    vertical-align: top;
-                }
-            }
-        }
-        .detailsText,.jjPhone{
-            font-size: 15px;
-            margin:20px 16px 8px;
-            font-weight: 700;
-        }
-        .jjPhone{
-            margin:20px 16px 0;
-        }
-        .dishes{
-            max-height:calc(100vh - 550px);
-            overflow-y: scroll;
-            padding:0px 16px;
-            .list{
-                color:#333;
-                font-size: 15px;
-                height:40px;
-                line-height: 40px;
-                width:100%;
-                div:nth-child(odd){
-                    text-align: left;
-                    padding-left:10px;
-                }
-                div:nth-child(even){
-                    text-align: right;
-                    padding-right:10px;
-                }
-            }
-            
-            .list:nth-child(odd){
-                background: #F9F9F9;
-            }
-            .list:nth-child(even){
-                background: #F0F0F0;
-            }
-            
-        }
-        .statusSelect{
-            margin:20px 16px 0;
-            .select{
-                width:65px;
-                height:44px;
-                line-height: 44px; 
-                font-size: 17px;
-                text-align: center;
-                border-radius: 5px;
-            }
-            .select:nth-child(1),.select:nth-child(2),.select:nth-child(3){
-                margin-right:8.2px;
-            }
-            
-            .zt{
-                color: #fff;
-                background:#ee0a24;
-            }
-            .gb{
-                 color: #ee0a24;
-                background:#fff;
-                border:1px solid #ee0a24;
-            }
-            .overTime{
-                background-color: #ccc;
-                color:#fff;
-            }
-        }
-    }
- 
-}
-
-</style>
-<style>
-.van-steps__items{
-    margin-top:-10px !important;
-}
-.van-steps--horizontal{
-    padding:0;
-}
-.van-step__title{
-    position: absolute !important;
-    top:40px;
-    font-size: 12px !important;
-    margin-left:-50px;
-
-}
-.van-step--horizontal:last-child .van-step__title{
-  margin-left:-40px;
-}
-
-.van-info{
-    width:18px;
-    height:18px;
-    line-height: 18px;
-    top:8px;
-    left:24px;
-    color:#fff;
-    margin-left:20px;
-    background-color: #ee0a24;
-    font-size: 10px;
-}
-.pcDialog .van-dialog__footer{
-    display: none;
-}
-.pc .van-tab__text{
-    font-size: 15px;
-}
-.pc .van-tabs__line{
-    width:45px !important;
-}
-
-
+<template>
+  <div class="mianBox" v-if="status">
+    <van-row class="headerBox" >
+      <van-col class="returnWrap" @click="fanhuiBtn">
+        <van-image class="arrow-left"
+          :src="require('../../assets/image/left.png')"
+        />
+        <van-col class="return">返回</van-col>
+      </van-col>
+      <van-col class="title">{{title}}</van-col>
+    </van-row>
+    <van-row class="top">
+        <van-tabs v-model="active" @click="activeSelect" class="pc">
+            <van-tab title="待配餐" :badge="number"></van-tab>
+            <van-tab title="已完成"></van-tab>
+        </van-tabs>
+        <div class="lineP"></div>
+    </van-row>
+    <van-row class="bottom">
+        <van-row class="orderList" v-if="active==0">
+          <van-col span="24" v-for="(item,index) in order" :key="index" class="order" @click="orderOne(item)">
+              <div class="left dcrText" style="margin-top:0">点餐人：</div>
+              <div class="right dcr" style="margin-top:0">{{item.orderUserName}}</div>
+              <div class="left scAddressText">送餐地址：</div>
+              <div span="18" class="right scAddress">{{item.address}}</div>
+              <div class="left statusText">当前状态：</div>
+              <div class="right" :class="item.orderStatus == '3' ? 'status' : 'status1'">
+                  {{item.orderStatus == "0" ? "待接单" : item.orderStatus == "1" ? "配餐中" : item.orderStatus == "2" ? "送餐中"  : "已完成"}}
+              </div>
+              <van-steps :active="item.orderStatus == '0' ? '-1' : item.orderStatus" v-if="item.orderStatus != '3'"  active-color="#ee0a24" inactive-color="#999999">
+                <van-step>{{ item.orderStatus == 0 ? '待接单' : item.orderStatus == 1 ? '已接单' : item.orderStatus == 2 ? '已接单' : '接单' }}</van-step>
+                <van-step>{{ item.orderStatus == 1 ? '配餐中' : item.orderStatus == 2 ? '已配餐' : '配餐' }}</van-step>
+                <van-step>{{ item.orderStatus == 2 ? '送餐中' : '送餐' }}</van-step>
+              </van-steps>
+          </van-col>
+          <van-col span="24" class="noMore">没有更多数据了</van-col>
+        </van-row>
+        <van-row class="orderList" v-if="active==1">
+          <van-col span="24" v-for="(item,index) in order" :key="index" class="order" @click="orderOne(item)">
+              <div class="left dcrText" style="margin-top:0">点餐人：</div>
+              <div class="right dcr" style="margin-top:0">{{item.orderUserName}}</div>
+              <div class="left scAddressText" >送餐地址：</div>
+              <div class="right scAddress">{{item.address || "-"}}</div>
+              <div class="left statusText">当前状态：</div>
+              <div class="right" :class="item.orderStatus == '3' ? 'status' : 'status1'">
+                  {{item.orderStatus == "0" ? "待接单" : item.orderStatus == "1" ? "配餐中" : item.orderStatus == "2" ? "送餐中"  : "已完成"}}
+              </div>
+              <!-- <van-steps :active="item.orderStatus == '0' ? '-1' : item.orderStatus" v-if="item.orderStatus != '3'"  active-color="#ee0a24" inactive-color="#999999">
+                <van-step>{{ item.orderStatus == 0 ? '待接单' : item.orderStatus == 1 ? '已接单' : item.orderStatus == 2 ? '已接单' : '接单' }}</van-step>
+                <van-step>{{ item.orderStatus == 1 ? '配餐中' : item.orderStatus == 2 ? '已配餐' : '配餐' }}</van-step>
+                <van-step>{{ item.orderStatus == 2 ? '送餐中' : '送餐' }}</van-step>
+                </van-steps> -->
+          </van-col>
+          <van-col span="24" class="noMore">没有更多数据了</van-col>
+        </van-row>
+    </van-row>
+    <van-dialog v-model="show" class="pcDialog">
+       <van-row class="orderDetails">
+           <van-col class="order" span="24">
+              <div class="left" style="margin-top:0">订餐人：</div>
+              <div class="right" style="margin-top:0">{{orderDetails.orderUserName || '-'}}</div>
+              <div class="left">餐别：</div>
+              <div class="right">{{orderDetails.mType || '-'}}</div>
+              <div class="left">手机号：</div>
+              <div class="right">{{orderDetails.phone || '-'}}</div>
+              <div class="left">送餐地址：</div>
+              <div class="right">{{orderDetails.address  || "-"}}</div>
+              <div class="left">下单时间：</div>
+              <div class="right">{{orderDetails.orderTime || '-'}}</div>
+              <div class="left">备注：</div>
+              <div class="right">{{orderDetails.remark || '-'}}</div>
+           </van-col>
+          <van-col class="detailsText">配餐明细</van-col>
+          <van-col  span="24"  class="dishes">
+            <van-col span="24" v-for="(item,index) in dishes" :key="index" class="list">
+                <van-col span="12" class="name">{{item.mName}}</van-col>
+                <van-col span="12" class="num">{{item.mCount}}份</van-col>
+            </van-col>
+          </van-col>
+          <van-col class="statusSelect">
+            <van-col class="select" :class="orderDetails.orderStatus == '0' ? 'zt' : 'overTime'"   @click="statusChange(orderDetails.orderStatus == '0' ? 1 : undefined)" >
+               接单
+            </van-col>
+            <van-col class="select" :class="orderDetails.orderStatus == '1' ? 'zt' : 'overTime'" @click="statusChange(orderDetails.orderStatus == '1' ? 2 : undefined)">
+               送餐
+            </van-col>
+             <van-col class="select" :class="orderDetails.orderStatus == '2' ? 'zt' : 'overTime'"  @click="statusChange(orderDetails.orderStatus == '2' ? 3 : undefined)">
+               完成
+            </van-col>
+             <van-col class="select gb" @click="close">
+               关闭
+            </van-col>
+          </van-col>
+          <van-col class="jjPhone">紧急联系人：{{orderDetails.jjPhone}}</van-col>
+        </van-row>
+    </van-dialog>
+  </div>
+</template>
+<script>
+import { Toast } from "vant";
+import Cookies from "js-cookie";
+import { getNowTime ,monthDay } from "@/assets/js/dataFormate.js";
+export default {
+  data() {
+    return {
+      show:false,
+      number:undefined,
+      status:false,
+      active:0,
+      order:[],
+      orderDetails:{},
+      dishes:[],
+      title:"配餐清单",
+      orderId:undefined,
+    };
+  },
+  components: {
+    [Toast.name]: Toast,
+  },
+  mounted(){
+    document.title = '中国东信智慧园区'
+    if(this.$route.query.id){
+        this.orderStatusAll()
+    }else{
+        this.orderStatus()
+    }
+    
+  },
+  methods: {
+      //返回上级
+    fanhuiBtn() {
+        this.$router.push({ path: "/home"})
+    },
+    //订单查询
+    orderStatus(id){
+        let data = {
+            current:1,
+            size:500,
+            orderStatus:undefined,
+            statusList:undefined
+        }
+        if(id){
+            data.orderStatus = id
+             //历史订单
+            axios.post(`https://smartpark.caih.com/dxapi/dreOrder/page`,data).then(res => { 
+                const data = res.data.data.records
+                this.order  = data
+                this.status = true
+            })
+        }else{
+            data.statusList = [0,1,2]
+             //历史订单
+            axios.post(`https://smartpark.caih.com/dxapi/dreOrder/page`,data).then(res => { 
+                const data = res.data.data.records
+                this.number = data.length
+                if(this.number == "0"){
+                    this.number = undefined
+                }
+                if(data.length>99){
+                    this.number = data.length
+                }
+                this.order  = data
+                this.status = true
+            })
+        }
+       
+      
+    },
+    
+    //所有订单查询
+    orderStatusAll(){
+        let data = {
+            current:1,
+            size:500,
+            orderStatus:undefined,
+        }
+            //历史订单
+        axios.post(`https://smartpark.caih.com/dxapi/dreOrder/page`,data).then(res => { 
+            const data = res.data.data.records
+            for(let i =0;i<data.length;i++){
+                if(data[i].id == this.$route.query.id){
+                    if(data[i].orderStatus != '3'){
+                        this.active = 0
+                    }else{
+                        this.active= 1
+                    }
+                    this.orderOne(data[i])
+                }
+                
+            }
+            let arr = []
+            if(this.active== 0){
+                for(let i =0;i<data.length;i++){
+                    if(data[i].orderStatus != '3'){
+                        arr.push(data[i])
+                    }
+                }
+            }
+            if(this.active==1){
+                for(let i =0;i<data.length;i++){
+                    if(data[i].orderStatus == '3'){
+                        arr.push(data[i])
+                    }
+                }
+            }
+            this.order = arr
+            this.number = arr.length
+            if(this.number == "0"){
+                this.number = undefined
+            }
+            if(data.length>99){
+                this.number = data.length
+            }
+            this.status = true
+        })
+      
+    },
+    //active切换
+    activeSelect(){
+        if(this.active == "0"){
+            this.orderStatus()
+        }else{
+            this.orderStatus(3)
+        }
+    },
+    //订单菜品详情
+    orderOne(row){
+        this.orderDetails = JSON.parse(JSON.stringify(row))
+        this.orderDetails.mType = monthDay(this.orderDetails.orderTime) + " " + this.orderDetails.mType
+        axios.get(`https://smartpark.caih.com/dxapi/system/config/configKey/dre_urgency_phone`).then(res => { 
+            this.orderDetails.jjPhone  = res.data.data
+            //订单详情
+            axios.get(`https://smartpark.caih.com/dxapi/dreOrderDetail/listByOrder?orderId=${row.id}`).then(res => { 
+                this.dishes = res.data.data
+                this.show = true
+            })
+        })
+        
+    },
+    //状态变更
+    statusChange(id){
+        if(id){
+            let time = getNowTime()
+            let data = {
+                id:this.orderDetails.id,
+                orderStatus:id,
+                receiveUserName:undefined,
+                receiveUserId:undefined,
+                receiveTime:undefined, 
+                sendUserName:undefined,
+                sendUserId:undefined,
+                sendTime:undefined,
+                sendEndTime:undefined,
+            }
+            let sid = undefined
+            axios.get("https://smartpark.caih.com/dxapi/dxtop/staff/one",{
+            params:{
+                id:Cookies.get("userId57")
+            }
+            }).then(res2 =>{
+                sid = res2.data.data.sid
+                if(id == "1"){
+                    data.receiveUserName = Cookies.get("nickName57")
+                    data.receiveUserId = sid
+                    data.receiveTime = time
+                }
+                if(id == "2"){
+                    data.sendUserName= Cookies.get("nickName57")
+                    data.sendUserId = sid
+                    data.sendTime = time
+                }
+                if(id == "3"){
+                    data.sendEndTime = time
+                }
+                axios.put(`https://smartpark.caih.com/dxapi/dreOrder/`,data).then(res => { 
+                    console.log(res)
+                    if(res.data.status == "SUCCESS"){
+                        if(id == "3"){
+                            this.active = 1
+                            this.number = this.number - 1
+                            if(this.number == "0"){
+                                this.number = undefined
+                            }
+                            this.orderStatus(3)
+                        }else{
+                            this.active = 0
+                            this.orderStatus()
+                        }
+                    }else{
+                        Toast(res.data.msg)
+                        this.orderStatus()
+                    }
+                    this.show = false
+                })
+            }).catch(()=>{
+                Toast("配餐人员信息不存在，请重新登录")
+                setTimeout(()=>{
+                    axios.put('/dxtop/staff', {
+                        id:Cookies.get("userId57"),
+                        openId:""
+                    })
+                    Cookies.remove("timestamp57");
+                    //Cookies.remove("classify");
+                    Cookies.remove("username57");
+                    Cookies.remove("rememberMe57");
+                    Cookies.remove("password57");
+                    Cookies.remove("portrait57");
+                    Cookies.remove("userId57");
+                    Cookies.remove("token57");
+                    Cookies.remove("nonce57");
+                    
+                    Cookies.remove("timestamp57");
+                    Cookies.remove("nickName57");
+                    Cookies.remove("dept57");
+                    Cookies.remove("phone57");
+                    Cookies.remove("people57");
+                    Cookies.remove("openid57");
+                    Cookies.remove("cardId57");
+                    
+                    localStorage.removeItem("amount57");
+                    localStorage.removeItem("passageway");
+                    localStorage.removeItem("user_wt")
+                        // localStorage.setItem("user_wt", "0001T110000000002HBL") //测试id
+                    localStorage.removeItem("cardId57")
+                    localStorage.removeItem("classify")
+                    localStorage.removeItem("type")
+                    localStorage.removeItem("cipher57")
+                    localStorage.removeItem("dwtype")
+                    localStorage.removeItem("cipher")
+                    localStorage.removeItem("pcy")
+                    this.$router.push({ path: "/"})
+                },2500)
+                
+            })
+        }
+    },
+    //关闭
+    close(id){
+      this.show = false  
+    }
+  },
+};
+</script>
+<style lang="scss" scoped>
+.mianBox{
+    width:100%;
+    height:100%;
+    overflow: scroll;
+    background-color: #F9F9F9 !important;
+    .top{
+        position: relative;
+        .pc{
+            height:48px;
+            line-height: 48px;
+        }
+        .lineP{
+            position: absolute;
+            top:12px;
+            left:50%;
+            width:1px;
+            height:20px;
+            background-color: #E8E8E8;
+        }
+    }
+    .bottom{
+        background-color: #fff;
+        margin-top:10px;
+        .orderList{
+            .order{
+                padding:15px;
+                div{
+                    font-size: 14px;
+                    float:left;
+                    line-height:26px;
+                }
+                .left{
+                    width:30%;
+                    display: inline-block;
+                    color:#999999;
+                    text-align: left;
+                }
+                .right{
+                    width:70%;
+                    display: inline-block;
+                    color:#333;
+                    text-align: right;
+                }
+
+                .status1{
+                    color:#ee0a24;
+                    text-align: right;
+                }
+                .van-steps{
+                    background:transparent;
+                    height:40px;
+                    padding-bottom:20px;
+                    width:100%;
+                }
+            }
+            .order:nth-child(odd){
+                background-color: #fff;
+            }
+            .order:nth-child(even){
+                background-color: #F9F9F9;
+            } 
+        }
+        .noMore{
+            background-color: #F0F0F0;
+            color:#999999;
+            text-align: center;
+            padding:20px 0;
+            font-size: 12px;
+        }
+    }
+    .pcDialog{
+        border-radius: 5px;
+        width:85%;
+        padding:20px 0;
+        .orderDetails{
+            .order{
+                padding:0px 16px 20px;
+                border-bottom:1px solid #F0F0F0;
+                div{
+                    float:left;
+                    line-height:26px;
+                }
+                .left{
+                    width:40%;
+                    display: inline-block;
+                    text-align: left;
+                    color:#999999;
+                    vertical-align: top;
+                }
+                .right{
+                    width:60%;
+                    display: inline-block;
+                    text-align: right;
+                    color:#333; 
+                    vertical-align: top;
+                }
+            }
+        }
+        .detailsText,.jjPhone{
+            font-size: 15px;
+            margin:20px 16px 8px;
+            font-weight: 700;
+        }
+        .jjPhone{
+            margin:20px 16px 0;
+        }
+        .dishes{
+            max-height:calc(100vh - 550px);
+            overflow-y: scroll;
+            padding:0px 16px;
+            .list{
+                color:#333;
+                font-size: 15px;
+                height:40px;
+                line-height: 40px;
+                width:100%;
+                div:nth-child(odd){
+                    text-align: left;
+                    padding-left:10px;
+                }
+                div:nth-child(even){
+                    text-align: right;
+                    padding-right:10px;
+                }
+            }
+            
+            .list:nth-child(odd){
+                background: #F9F9F9;
+            }
+            .list:nth-child(even){
+                background: #F0F0F0;
+            }
+            
+        }
+        .statusSelect{
+            margin:20px 16px 0;
+            .select{
+                width:65px;
+                height:44px;
+                line-height: 44px; 
+                font-size: 17px;
+                text-align: center;
+                border-radius: 5px;
+            }
+            .select:nth-child(1),.select:nth-child(2),.select:nth-child(3){
+                margin-right:8.2px;
+            }
+            
+            .zt{
+                color: #fff;
+                background:#ee0a24;
+            }
+            .gb{
+                 color: #ee0a24;
+                background:#fff;
+                border:1px solid #ee0a24;
+            }
+            .overTime{
+                background-color: #ccc;
+                color:#fff;
+            }
+        }
+    }
+ 
+}
+
+</style>
+<style>
+.van-steps__items{
+    margin-top:-10px !important;
+}
+.van-steps--horizontal{
+    padding:0;
+}
+.van-step__title{
+    position: absolute !important;
+    top:40px;
+    font-size: 12px !important;
+    margin-left:-50px;
+
+}
+.van-step--horizontal:last-child .van-step__title{
+  margin-left:-40px;
+}
+
+.van-info{
+    width:18px;
+    height:18px;
+    line-height: 18px;
+    top:8px;
+    left:24px;
+    color:#fff;
+    margin-left:20px;
+    background-color: #ee0a24;
+    font-size: 10px;
+}
+.pcDialog .van-dialog__footer{
+    display: none;
+}
+.pc .van-tab__text{
+    font-size: 15px;
+}
+.pc .van-tabs__line{
+    width:45px !important;
+}
+
+
 </style>

src/views/home/index.vue

@@ -1,707 +1,707 @@
-<template>
-  <div class="mianBox">
-    <van-row class="headerBox" style="background:#FF4747">
-      智慧楼宇
-    </van-row>
-    <van-row class="bgc"></van-row>
-    <van-row class="people">
-      <van-row class="top">
-        <van-row class="left">
-          <van-uploader :after-read="afterRead" class="upload"  />
-          <van-image :src="portrait57" class="portrait" />
-        </van-row>
-        <van-row class="right">
-          <van-row class="name">
-            {{nickName57}}
-          </van-row>
-          <van-row class="dept">
-            {{phone57}} / {{dept57}}
-          </van-row>
-          <!-- <van-row class="phone">{{phone57}}</van-row> -->
-          <van-icon name="arrow"  class="arrowRight"  @click="go"/>
-        </van-row>
-        <van-row class="bottom" gutter="0">
-          <van-col  span="12">
-            <van-image :src="require('../../assets/image/ic_我的余额备份@3x.png')" />
-            <van-col  v-loading="loadingBalance" class="text">我的余额：<span >{{balance}}元</span></van-col>
-          </van-col>
-          <van-col  span="12">
-            <van-image :src="require('../../assets/image/ic_车牌备份@3x.png')" />
-            <van-col  v-loading="loadingPlateNumber" class="text" >已录入车牌信息:<span>{{plateNumber}}</span></van-col>
-          </van-col>
-        </van-row>
-      </van-row>
-    </van-row>
-    <van-row class="contentBox">
-      <van-row class="system">
-        <van-row  type="flex"  gutter="22" class="menu">
-          <!-- <van-col span="6" class="function" @click="sm('https://smartpark.caih.com/h5/#/licence',1)">
-            <van-image :src="require('../../assets/image/ic_车辆登记备份@3x.png')" />
-            <div class="title">车牌登记</div>
-          </van-col> -->
-          <van-col span="6" class="function" @click="ykt">
-            <van-image :src="require('../../assets/image/ic_一卡通备份@3x.png')" />
-            <div class="title">余额管理</div>
-          </van-col>
-          <!-- <van-col span="6" class="function" @click="sm('https://smartpark.caih.com/h5/#/visitorApply',2)">
-            <van-image :src="require('../../assets/image/ic_访客登记备份@3x.png')" />
-            <div class="title">访客登记</div>
-          </van-col> -->
-          <!-- <van-col span="6" class="function" @click="sm('https://smartpark.caih.com/h5/#/safeIndex',3)" v-if="people57 == '1'">
-            <van-image :src="require('../../assets/image/ic_综合安防备份@3x.png')" />
-            <div class="title">综合安防</div>
-          </van-col> -->
-          <!-- <van-col span="6" class="function" @click="dc" >
-            <van-image :src="require('../../assets/image/ic_点餐服务备份@3x.png')" />
-            <div class="title">点餐服务</div>
-          </van-col> -->
-          <van-col span="6" class="function" @click="pc" v-if="pcy">
-            <van-image :src="require('../../assets/image/ic_配餐服务备份@3x.png')" />
-            <div class="title">配餐服务</div>
-          </van-col>
-          <!-- <van-col span="6" class="function"  v-if="people57 == '1'">
-            <van-image :src="require('../../assets/image/function/icon11.png')" />
-            <div class="title">预约场地</div>
-          </van-col> -->
-        </van-row>
-      </van-row>
-      <van-row class="record">
-        <van-row class="recordList">
-          <van-row class="recordTitle">
-           <van-col span="16" class="left">最近通行记录</van-col>
-           <!-- <van-col span="8" class="right" @click="record(1)" >查看更多<van-icon name="arrow"  class="rightIcon" /></van-col> -->
-          </van-row>
-          <el-table v-loading="loading1" :data="adminList1" class="recordTable">
-            <el-table-column label="通行地点" align="left" prop="dmRoomDevice.name" show-overflow-tooltip min-width="50%"/>
-            <el-table-column label="时间" align="left" prop="accessTime" show-overflow-tooltip min-width="50%"/>
-          </el-table>
-        </van-row>
-        <van-row class="recordList">
-          <van-row class="recordTitle">
-           <van-col span="16" class="left">最近消费记录</van-col>
-           <!-- <van-col span="8" class="right" @click="record(2)" >查看更多<van-icon name="arrow"  class="rightIcon" /></van-col> -->
-          </van-row>
-          <el-table v-loading="loading2" :data="adminList2" class="recordTable">
-            <el-table-column label="食堂设备" align="left" prop="termName" show-overflow-tooltip min-width="30%"/>
-            <el-table-column label="金额" align="left" prop="amt" show-overflow-tooltip min-width="20%">
-               <template slot-scope="scop">
-                {{scop.row.amt.toFixed(2)}}元
-              </template>
-            </el-table-column>
-            <el-table-column label="时间" align="left" prop="createTime" show-overflow-tooltip min-width="50%"/>
-          </el-table>
-        </van-row>
-        <van-row class="recordList"> 
-          <van-row class="recordTitle">
-           <van-col span="16" class="left">最近访客预约记录</van-col>
-           <!-- <van-col span="8" class="right" @click="record(3)">查看更多<van-icon name="arrow"  class="rightIcon" /></van-col> -->
-          </van-row>
-          <el-table v-loading="loading3" :data="adminList3"  class="recordTable" >
-            <el-table-column label="访客名称" align="left" prop="visitor_name" show-overflow-tooltip min-width="50%"/>
-            <el-table-column label="到访时间" align="left" prop="start_time" show-overflow-tooltip min-width="50%"/>
-          </el-table>
-        </van-row>
-        
-        <!-- <van-row class="recordList">
-          <van-row class="recordTitle">
-           <van-col span="16" class="left">最近停车记录</van-col>
-           <van-col span="8" class="right" @click="record(4)">查看更多<van-icon name="arrow"  class="rightIcon" /></van-col>
-          </van-row>
-          <el-table v-loading="loading4" :data="adminList4" class="recordTable">
-            <el-table-column label="车牌号" align="left" prop="plate_number" show-overflow-tooltip min-width="30%"/>
-            <el-table-column label="方向" align="left" prop="" show-overflow-tooltip min-width="20%">
-              <template slot-scope="scop">
-                {{scop.row.ingatename ? "进":"出"}}
-              </template>
-            </el-table-column>
-            <el-table-column label="时间" align="left" prop="" show-overflow-tooltip min-width="50%">
-              <template slot-scope="scop">
-                {{scop.row.intime ? scop.row.intime:scop.row.outtime}}
-              </template>
-            </el-table-column>
-          </el-table>
-        </van-row> -->
-        
-      </van-row>
-    </van-row>
-    <van-loading
-      size="24px"
-      v-if="loading"
-      color="#fff"
-      vertical
-      style="z-index: 999999; position: fixed; top: 40%; left: 0; right: 0"
-      >加载中...</van-loading
-    >
-    <van-overlay :show="loading" style="z-index: 100; position: fixed" />
-  </div>
-</template>
-
-<script>
-import axios from "axios";
-import { Toast } from "vant";
-import Cookies from "js-cookie";
-import { encrypt, encrypt2, decrypt } from '../../utils/jsencrypt';
-export default {
-  data() {
-    return {
-      //个人信息
-        portrait57:undefined,
-        nickName57:undefined,
-        dept57:undefined,
-        phone57:undefined,
-        people57:false,
-        pcy:false,
-      loading: false,
-      loadingPlateNumber:true,
-      plateNumber:undefined,//车牌号
-      loadingBalance:true,
-      balance:undefined,//余额
-      //table
-        adminList1:[],
-        adminList2:[],
-        adminList3:[],
-        adminList4:[],
-        loading1:true,
-        loading2:true,
-        loading3:true,
-        loading4:false,
-      //图片上传
-        nonce:undefined,
-        timestamp:undefined,
-        token:undefined,
-        userId:undefined,
-        loading:false,
-        formData:undefined,
-        username:undefined,
-
-    };
-  },
-  created(){
-    
-    // if(Cookies.get("userId57")){
-    //   this.userId = Cookies.get("userId57")
-    // }else{
-    //   this.$router.push({ path: "/login"})
-    // }
-    this.pcy = localStorage.getItem("pcy")
-    this.portrait57 = Cookies.get("portrait57")
-    this.nickName57 = Cookies.get("nickName57")
-    this.dept57 = Cookies.get("dept57")
-    this.phone57 = Cookies.get("phone57")
-    this.people57 = Cookies.get("people57")
-     if(Cookies.get("token57")){
-      this.token = Cookies.get("token57")
-    }
-    if(Cookies.get("nonce57")){
-      this.nonce = Cookies.get("nonce57")
-    }
-    if(Cookies.get("timestamp57")){
-      this.timestamp = Cookies.get("timestamp57")
-    }
-    
-    if(Cookies.get("username57")){
-      this.username = Cookies.get("username57")
-    }
-    if(Cookies.get("password57")){
-      this.password = decrypt(Cookies.get("password57"))
-    }
-    if(!Cookies.get("openid57") || !Cookies.get("username57") || !Cookies.get("password57") || !localStorage.getItem('cipher57')){
-      this.outLogin()
-    }
-    //余额
-    axios.get(`/dxtop/staff/one?id=${Cookies.get("userId57")}`).then(res => { //验证充值信息是否同步
-      if(res?.data?.data?.cardId){
-        Cookies.set("cardId57",res?.data?.data?.cardId)
-         axios.get(`/dxtop/staff/cardBalance?card=${res.data.data.cardId}`).then(res => { //验证充值信息是否同步
-          if(res.data.data){
-            this.balance = res.data.data
-          }else{
-            this.balance = "0.00"
-          }
-          this.loadingBalance = false
-        })
-      }else{
-        this.loadingBalance = false
-      }
-    })
-    //车牌号查询
-    axios.post(`https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getPlateNumber`, 
-    {
-      "nonce": Cookies.get("nonce57"),
-      "timestamp": Cookies.get("timestamp57"),
-      "query": {
-        "userNumber":Cookies.get("userId57"),
-      }
-    },
-    {headers: {
-        "XYTACCESSTOKEN":Cookies.get("token57")
-      }
-    }).then(res => {
-        if(res?.data?.data && res?.data?.data.length>0){
-          this.plateNumber = res.data.data[0].plateNumber
-          this.loadingPlateNumber = false
-        }else{
-          this.plateNumber = "未录入"
-          this.loadingPlateNumber = false
-        }
-      }).catch(err =>{
-        Toast(err.response.data.message)
-    })
-    
-    //通行记录
-    axios.post(`https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getAccessTraffic?page=0&size=6&sort=id,desc`, 
-    {
-      "nonce": Cookies.get("nonce57"),
-      "timestamp": Cookies.get("timestamp57"),
-      "query": {
-        "userNumber":Cookies.get("userId57"),
-      }
-    },
-    {headers: {
-        "XYTACCESSTOKEN":Cookies.get("token57")
-      }
-    }).then(res => {
-        if(res?.data?.data?.content){
-          this.adminList1 = res.data.data.content
-          this.loading1 = false
-        }else{
-          this.loading1 = false
-        }
-      }).catch(err =>{
-        Toast(err.response.data.message)
-    })
-    //停车记录
-    axios.post(`https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getParkingTrafficByUserNumber?page=0&size=6&sort=id,desc`, 
-    {
-      "nonce": Cookies.get("nonce57"),
-      "timestamp": Cookies.get("timestamp57"),
-      "query": {
-        "userNumber":Cookies.get("userId57"),
-      }
-    },
-    {headers: {
-        "XYTACCESSTOKEN":Cookies.get("token57")
-      }
-    }).then(res => {
-        if(res.data.data){
-          let data = res.data.data
-          let arr = []
-          for(let i =0; i<data.length;i++){
-            arr[i] = {}
-            arr[i].plate_number = data[i].plate_number
-            arr[i].ingatename = data[i].ingatename
-            arr[i].intime = data[i].intime
-            arr[i*2 +1] = {}
-            arr[i*2 +1].plate_number = data[i].plate_number
-            arr[i*2 +1].outgatename = data[i].outgatename
-            arr[i*2 +1].outtime = data[i].outtime
-          }
-          this.adminList4 = arr
-          this.loading4 = false
-        }else{
-          this.loading4 = false
-        }
-      }).catch(err =>{
-        Toast(err.response.data.message)
-    })
-    // 消费记录
-    axios.post(`/dxtop/dish/page`,{
-      "size":6,
-      "current":1,
-      "userId":Cookies.get("userId57")
-    }).then(res => {
-      if (res?.data?.data?.records) {
-        this.adminList2 = res.data.data.records
-        this.loading2 = false
-      }else{
-        this.loading2 = false
-      }
-    })
-    //访客查询
-    
-    axios.post(`https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getVisitant?page=0&size=10`,
-    {
-      timestamp:Cookies.get("timestamp57"),
-      nonce:Cookies.get("nonce57"),
-      query:Cookies.get("userId57"),
-    },
-    {
-      headers: {
-      'Content-Type': "application/json",
-      "XYTACCESSTOKEN":Cookies.get("token57")
-      }
-    }
-    ).then(res => {
-       if (res?.data?.data) {
-        this.adminList3 = res.data.data.slice(0,5)
-        this.loading3 = false
-      }else{
-        this.loading3 = false
-      }
-    })
-
-    
-  },
-  mounted() {
-    document.title = '中国东信智慧园区'
-  },
-  methods: {
-    /**查看更多跳转 */
-    record(id){
-      var dates = new Date();
-      var times = dates.getTime();
-      let param = {
-        userid:encrypt(Cookies.get("username57")),
-        password:Cookies.get("password57"),
-        type:"wx_yt"
-      }
-      if(id == 1){
-        window.location.href = `https://smartpark.caih.com/h5/#/parkingAdministration?param=${encodeURIComponent(JSON.stringify(param))}`
-      }
-      if(id == 2){
-        this.$router.push({ path: `/record?id=2`})
-      }
-      if(id == 3){
-        window.location.href = `https://smartpark.caih.com/h5/#/myVisitor?param=${encodeURIComponent(JSON.stringify(param))}`
-      }
-      
-      
-    },
-    
-    
-    //上传
-    afterRead(param) {
-      this.formData = new FormData()// FormData 对象
-      this.formData.append('file', param.file)// 文件对象
-      let params = JSON.stringify({nonce:this.nonce,timestamp:this.timestamp,query:{userId:this.userId}})
-      this.formData.append('params', params)// 参数
-      this.formData.append('multipartFile', param.file)// 参数
-      axios.post(`https://smartpark.caih.com/zkxt/api/thirdparty/v1/user/edit/zkuser/picture` ,this.formData, 
-        {headers: {
-              'Content-Type': "multipart/form-data",
-              "XYTACCESSTOKEN":this.token
-          }
-        }).then(res => {
-            axios.get(`https://smartpark.caih.com/zkxt/api/thirdparty/v1/user/appLogin?name=${this.username}&pass=${this.password}`).then(res => {
-              if (res?.data?.data?.data?.cipher) {
-                  localStorage.setItem("cipher57",res?.data?.data?.data?.cipher)
-                  localStorage.setItem("classify","1")
-                  Cookies.set("password57", encrypt(this.password), { expires: 300 });
-                  Cookies.set("portrait57", res.data.data.data.user.avatarName, { expires: 300 });
-                  Cookies.set("userId57", res.data.data.data.userId, { expires: 300 });
-                  Cookies.set("token57", res.data.data.data.token, { expires: 300 });
-                  Cookies.set("nonce57", res.data.data.data.nonce, { expires: 300 });
-                  Cookies.set("timestamp57", res.data.data.data.timestamp, { expires: 300 });
-                  this.portrait = res.data.data.data.user.avatarName
-              } 
-            }).catch(err =>{
-              Toast(err.response.data.message)
-            })
-
-          }).catch(err =>{
-            Toast(err.response.data.message)
-        })
-    },
-    //点餐
-    dc(){
-      this.$router.push({ path: "/orderingFood"})
-    },
-    //配餐
-    pc(){
-      this.$router.push({ path: "/catering"})
-    },
-    //一卡通充值
-    ykt(){
-      this.$router.push({ path: `/amount?token=${localStorage.getItem('cipher57')}&classify=''&passageway='weixin'`}) //passageway检测微信进入会app进入
-    },
-    //世茂
-    sm(url){
-      // https://smartpark.caih.com/h5/#/myVisitor 访客申请列表页
-      let param = {
-        userid:encrypt(Cookies.get("username57")),
-        password:Cookies.get("password57"),
-        type:"wx_yt"
-      }
-      window.location.href = `${url}?param=${encodeURIComponent(JSON.stringify(param))}`
-    },
-    //修改页
-    go(){
-      this.$router.push({ path: "/information"})
-    },
-    outLogin(){
-      localStorage.clear()
-      Cookies.remove("timestamp57");
-        Cookies.remove("username57");
-        Cookies.remove("rememberMe57");
-        Cookies.remove("password57");
-        Cookies.remove("portrait57");
-        Cookies.remove("userId57");
-        Cookies.remove("token57");
-        Cookies.remove("nonce57");
-        
-        Cookies.remove("timestamp57");
-        Cookies.remove("nickName57");
-        Cookies.remove("dept57");
-        Cookies.remove("phone57");
-        Cookies.remove("people57");
-        Cookies.remove("openid57");
-        Cookies.remove("cardId57");
-        
-      this.$router.push({ path: "/login"})
-    }
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.mianBox{
-    height: 100%;
-    width: 100%;
-    color: #FFF;
-    padding-top: 44px;
-    box-sizing: border-box;
-    background-color: #F9F9F9;
-    .bgc{
-      height: 120px;
-      position: relative;
-      z-index: 0;
-      overflow: hidden;
-      margin-top:-2px;
-    }
-    .bgc::after{
-      content: '';
-      width: 120%;
-      height: 120px;
-      position: absolute;
-      z-index: 0;
-      left: -10%;     //椭圆左边隐藏10%，右边隐藏10%
-      top: 0;
-      border-radius: 0 0 200% 200%;  //左上角，右上角，右下角，左下角
-      background-image: linear-gradient(180deg, #FF4747 0%, #ee0a24 100%);
-    }
-    .people{
-      width:100%;
-      padding:0px 15px 0;
-      box-sizing: border-box;
-      margin-top:-102px;
-      background-color: #fff;
-      .top{
-        margin-top:0;
-        position: relative;
-        .left{
-          width:64px;
-          height:64px;
-          background-color: #fff;
-          border-radius: 50%;
-          display: inline-block;
-          margin-right:15px;
-          vertical-align: middle;
-          position: relative;
-          .upload{
-            position: absolute;
-            width:80px;
-            height:70px;
-            overflow: hidden;
-            top:0px;
-            opacity:0;
-            z-index: 10;
-            background: transparent;
-          }
-          .portrait{
-            width:60px;
-            height:60px;
-            margin:2px;
-            vertical-align: middle;
-            ::v-deep .van-image__img{
-              border-radius: 50% !important;
-            }
-          }
-        }
-        .right{
-          display: inline-block;
-          font-size: 14px;
-          vertical-align: top;
-          .name{
-            margin:10px 0 6px;
-            font-size: 18px;
-          }
-          .dept{
-            margin-bottom:6px;
-            margin-top:-2px;
-            font-size: 13px;
-            width:240px; //要加宽度 ，若是span等行内元素，加个display:inline-block;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-          }
-          .arrowRight{
-            display: inline-block;
-            color:#fff;
-            font-size: 20px;
-            position: absolute;
-            z-index: 2;
-            right:-10px;
-            top:14%;
-          }
-        }
-        .bottom{
-          font-size: 14px;
-          margin:60px 0 20px;
-          .van-image{
-            width:28px;
-            vertical-align: middle;
-            display: inline-block;
-            float:left;
-            // margin-right:14px;
-          }
-          .text{
-            margin-left:14px;
-            vertical-align: middle;
-            text-align: left;
-            display: inline-block;
-            font-size: 13px;
-            color:#666666;
-            margin-top:-8px;
-            span{
-              font-size: 18px;
-              color:#333333;
-              font-weight: 700;
-              display: block;
-              margin-top:2px;
-            }
-          }
-        }
-      }
-    }
-    
-    .contentBox{
-      width: 100%;
-      margin-top:8px;
-      .system{
-        width:100%;
-        background-color: #fff;
-        padding: 4px 16px 10px;
-        box-sizing: border-box;
-        .function{
-          margin:12px 0;
-          .title{
-            font-size: 14px;
-            color:#333333;
-            text-align: center;
-            margin-top:-2px;
-          }
-          .van-image{
-          }
-
-        }
-      }
-      .record{
-        background-color: #F9F9F9;
-        .recordList{
-          margin-top:8px;
-            .recordTitle{
-            font-size: 18px;
-            height:48px;
-            line-height: 48px;
-            padding: 0 15px;
-            background-color: #fff;
-            box-shadow: inset 0px -1px 0px 0px rgba(232,232,232,1);
-            .left{
-              font-size: 16px;
-              font-weight: 700;
-              text-align: left;
-              color:#333;
-            }
-            .right{
-              text-align: right;
-              font-size: 14px;
-              color:#666666;
-              vertical-align: middle;
-              .rightIcon{
-                width:6px;
-                margin:-2px 0 0 5px;
-                vertical-align: middle;
-              }
-            }
-          }
-        }
-      }
-    }
-}
-
-
-
-</style>
-<style>
-.recordTable.el-table  .cell{
-  color:#999999 !important;
-}
-
-.recordTable.el-table td{
-  padding:0;
-}
-.recordTable.el-table td, .el-table th{
-  padding:0 !important;
-}
-.recordTable.el-table th>.cell{
-  font-size: 15px;
-  color:#999999;
-  padding:0 16px;
-  font-weight: 400;
-  text-align: center;
-  height:40px;
-  line-height: 40px;
-}
-.recordTable.el-table th:nth-child(1)>.cell{
-  text-align: left;
-}
-.recordTable.el-table th{
-  height:40px;
-  line-height: 40px;
-
-}
-.recordTable.el-table .el-table__body-wrapper tr td>.cell{
-  padding:0;
-  box-sizing: border-box;
-}
-.recordTable.el-table .el-table__body-wrapper tr td:first-child>.cell{
-  padding-left:15px;
-}
-.recordTable.el-table tr:nth-child(even){
-  background-color: #fff;
-}
-.recordTable.el-table tr:nth-child(odd){
-  background-color: #F9F9F9;
-}
-.recordTable.el-table td .cell{
-  color:#666666 !important;
-  height:48px;
-  line-height:48px;
-  text-align: center;
-}
-.recordTable.el-table td:first-child .cell{
-  text-align: left;
-}
-.recordTable th .cell{
-  padding:0 !important;
-}
-.recordTable th:nth-child(1) .cell{
-  padding-left:16px !important;
-}
-.el-loading-mask{
-  background-color: transparent !important;
-}
-.upload{
-  position: absolute;
-  width:100px;
-  height:50px;
-  overflow: hidden;
-  top:0px;
-  right:0;
-  opacity: 0;
-  z-index: 10;
-  background-color: blue;
-}
-
-</style>
-
+<template>
+  <div class="mianBox">
+    <van-row class="headerBox" style="background:#FF4747">
+      智慧楼宇
+    </van-row>
+    <van-row class="bgc"></van-row>
+    <van-row class="people">
+      <van-row class="top">
+        <van-row class="left">
+          <van-uploader :after-read="afterRead" class="upload"  />
+          <van-image :src="portrait57" class="portrait" />
+        </van-row>
+        <van-row class="right">
+          <van-row class="name">
+            {{nickName57}}
+          </van-row>
+          <van-row class="dept">
+            {{phone57}} / {{dept57}}
+          </van-row>
+          <!-- <van-row class="phone">{{phone57}}</van-row> -->
+          <van-icon name="arrow"  class="arrowRight"  @click="go"/>
+        </van-row>
+        <van-row class="bottom" gutter="0">
+          <van-col  span="12">
+            <van-image :src="require('../../assets/image/ic_我的余额备份@3x.png')" />
+            <van-col  v-loading="loadingBalance" class="text">我的余额：<span >{{balance}}元</span></van-col>
+          </van-col>
+          <van-col  span="12">
+            <van-image :src="require('../../assets/image/ic_车牌备份@3x.png')" />
+            <van-col  v-loading="loadingPlateNumber" class="text" >已录入车牌信息:<span>{{plateNumber}}</span></van-col>
+          </van-col>
+        </van-row>
+      </van-row>
+    </van-row>
+    <van-row class="contentBox">
+      <van-row class="system">
+        <van-row  type="flex"  gutter="22" class="menu">
+          <!-- <van-col span="6" class="function" @click="sm('https://smartpark.caih.com/h5/#/licence',1)">
+            <van-image :src="require('../../assets/image/ic_车辆登记备份@3x.png')" />
+            <div class="title">车牌登记</div>
+          </van-col> -->
+          <van-col span="6" class="function" @click="ykt">
+            <van-image :src="require('../../assets/image/ic_一卡通备份@3x.png')" />
+            <div class="title">余额管理</div>
+          </van-col>
+          <!-- <van-col span="6" class="function" @click="sm('https://smartpark.caih.com/h5/#/visitorApply',2)">
+            <van-image :src="require('../../assets/image/ic_访客登记备份@3x.png')" />
+            <div class="title">访客登记</div>
+          </van-col> -->
+          <!-- <van-col span="6" class="function" @click="sm('https://smartpark.caih.com/h5/#/safeIndex',3)" v-if="people57 == '1'">
+            <van-image :src="require('../../assets/image/ic_综合安防备份@3x.png')" />
+            <div class="title">综合安防</div>
+          </van-col> -->
+          <!-- <van-col span="6" class="function" @click="dc" >
+            <van-image :src="require('../../assets/image/ic_点餐服务备份@3x.png')" />
+            <div class="title">点餐服务</div>
+          </van-col> -->
+          <van-col span="6" class="function" @click="pc" v-if="pcy">
+            <van-image :src="require('../../assets/image/ic_配餐服务备份@3x.png')" />
+            <div class="title">配餐服务</div>
+          </van-col>
+          <!-- <van-col span="6" class="function"  v-if="people57 == '1'">
+            <van-image :src="require('../../assets/image/function/icon11.png')" />
+            <div class="title">预约场地</div>
+          </van-col> -->
+        </van-row>
+      </van-row>
+      <van-row class="record">
+        <van-row class="recordList">
+          <van-row class="recordTitle">
+           <van-col span="16" class="left">最近通行记录</van-col>
+           <!-- <van-col span="8" class="right" @click="record(1)" >查看更多<van-icon name="arrow"  class="rightIcon" /></van-col> -->
+          </van-row>
+          <el-table v-loading="loading1" :data="adminList1" class="recordTable">
+            <el-table-column label="通行地点" align="left" prop="dmRoomDevice.name" show-overflow-tooltip min-width="50%"/>
+            <el-table-column label="时间" align="left" prop="accessTime" show-overflow-tooltip min-width="50%"/>
+          </el-table>
+        </van-row>
+        <van-row class="recordList">
+          <van-row class="recordTitle">
+           <van-col span="16" class="left">最近消费记录</van-col>
+           <!-- <van-col span="8" class="right" @click="record(2)" >查看更多<van-icon name="arrow"  class="rightIcon" /></van-col> -->
+          </van-row>
+          <el-table v-loading="loading2" :data="adminList2" class="recordTable">
+            <el-table-column label="食堂设备" align="left" prop="termName" show-overflow-tooltip min-width="30%"/>
+            <el-table-column label="金额" align="left" prop="amt" show-overflow-tooltip min-width="20%">
+               <template slot-scope="scop">
+                {{scop.row.amt.toFixed(2)}}元
+              </template>
+            </el-table-column>
+            <el-table-column label="时间" align="left" prop="createTime" show-overflow-tooltip min-width="50%"/>
+          </el-table>
+        </van-row>
+        <van-row class="recordList"> 
+          <van-row class="recordTitle">
+           <van-col span="16" class="left">最近访客预约记录</van-col>
+           <!-- <van-col span="8" class="right" @click="record(3)">查看更多<van-icon name="arrow"  class="rightIcon" /></van-col> -->
+          </van-row>
+          <el-table v-loading="loading3" :data="adminList3"  class="recordTable" >
+            <el-table-column label="访客名称" align="left" prop="visitor_name" show-overflow-tooltip min-width="50%"/>
+            <el-table-column label="到访时间" align="left" prop="start_time" show-overflow-tooltip min-width="50%"/>
+          </el-table>
+        </van-row>
+        
+        <!-- <van-row class="recordList">
+          <van-row class="recordTitle">
+           <van-col span="16" class="left">最近停车记录</van-col>
+           <van-col span="8" class="right" @click="record(4)">查看更多<van-icon name="arrow"  class="rightIcon" /></van-col>
+          </van-row>
+          <el-table v-loading="loading4" :data="adminList4" class="recordTable">
+            <el-table-column label="车牌号" align="left" prop="plate_number" show-overflow-tooltip min-width="30%"/>
+            <el-table-column label="方向" align="left" prop="" show-overflow-tooltip min-width="20%">
+              <template slot-scope="scop">
+                {{scop.row.ingatename ? "进":"出"}}
+              </template>
+            </el-table-column>
+            <el-table-column label="时间" align="left" prop="" show-overflow-tooltip min-width="50%">
+              <template slot-scope="scop">
+                {{scop.row.intime ? scop.row.intime:scop.row.outtime}}
+              </template>
+            </el-table-column>
+          </el-table>
+        </van-row> -->
+        
+      </van-row>
+    </van-row>
+    <van-loading
+      size="24px"
+      v-if="loading"
+      color="#fff"
+      vertical
+      style="z-index: 999999; position: fixed; top: 40%; left: 0; right: 0"
+      >加载中...</van-loading
+    >
+    <van-overlay :show="loading" style="z-index: 100; position: fixed" />
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+import { Toast } from "vant";
+import Cookies from "js-cookie";
+import { encrypt, encrypt2, decrypt } from '../../utils/jsencrypt';
+export default {
+  data() {
+    return {
+      //个人信息
+        portrait57:undefined,
+        nickName57:undefined,
+        dept57:undefined,
+        phone57:undefined,
+        people57:false,
+        pcy:false,
+      loading: false,
+      loadingPlateNumber:true,
+      plateNumber:undefined,//车牌号
+      loadingBalance:true,
+      balance:undefined,//余额
+      //table
+        adminList1:[],
+        adminList2:[],
+        adminList3:[],
+        adminList4:[],
+        loading1:true,
+        loading2:true,
+        loading3:true,
+        loading4:false,
+      //图片上传
+        nonce:undefined,
+        timestamp:undefined,
+        token:undefined,
+        userId:undefined,
+        loading:false,
+        formData:undefined,
+        username:undefined,
+
+    };
+  },
+  created(){
+    
+    // if(Cookies.get("userId57")){
+    //   this.userId = Cookies.get("userId57")
+    // }else{
+    //   this.$router.push({ path: "/login"})
+    // }
+    this.pcy = localStorage.getItem("pcy")
+    this.portrait57 = Cookies.get("portrait57")
+    this.nickName57 = Cookies.get("nickName57")
+    this.dept57 = Cookies.get("dept57")
+    this.phone57 = Cookies.get("phone57")
+    this.people57 = Cookies.get("people57")
+     if(Cookies.get("token57")){
+      this.token = Cookies.get("token57")
+    }
+    if(Cookies.get("nonce57")){
+      this.nonce = Cookies.get("nonce57")
+    }
+    if(Cookies.get("timestamp57")){
+      this.timestamp = Cookies.get("timestamp57")
+    }
+    
+    if(Cookies.get("username57")){
+      this.username = Cookies.get("username57")
+    }
+    if(Cookies.get("password57")){
+      this.password = decrypt(Cookies.get("password57"))
+    }
+    if(!Cookies.get("openid57") || !Cookies.get("username57") || !Cookies.get("password57") || !localStorage.getItem('cipher57')){
+      this.outLogin()
+    }
+    //余额
+    axios.get(`/dxtop/staff/one?id=${Cookies.get("userId57")}`).then(res => { //验证充值信息是否同步
+      if(res?.data?.data?.cardId){
+        Cookies.set("cardId57",res?.data?.data?.cardId)
+         axios.get(`/dxtop/staff/cardBalance?card=${res.data.data.cardId}`).then(res => { //验证充值信息是否同步
+          if(res.data.data){
+            this.balance = res.data.data
+          }else{
+            this.balance = "0.00"
+          }
+          this.loadingBalance = false
+        })
+      }else{
+        this.loadingBalance = false
+      }
+    })
+    //车牌号查询
+    axios.post(`https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getPlateNumber`, 
+    {
+      "nonce": Cookies.get("nonce57"),
+      "timestamp": Cookies.get("timestamp57"),
+      "query": {
+        "userNumber":Cookies.get("userId57"),
+      }
+    },
+    {headers: {
+        "XYTACCESSTOKEN":Cookies.get("token57")
+      }
+    }).then(res => {
+        if(res?.data?.data && res?.data?.data.length>0){
+          this.plateNumber = res.data.data[0].plateNumber
+          this.loadingPlateNumber = false
+        }else{
+          this.plateNumber = "未录入"
+          this.loadingPlateNumber = false
+        }
+      }).catch(err =>{
+        Toast(err.response.data.message)
+    })
+    
+    //通行记录
+    axios.post(`https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getAccessTraffic?page=0&size=6&sort=id,desc`, 
+    {
+      "nonce": Cookies.get("nonce57"),
+      "timestamp": Cookies.get("timestamp57"),
+      "query": {
+        "userNumber":Cookies.get("userId57"),
+      }
+    },
+    {headers: {
+        "XYTACCESSTOKEN":Cookies.get("token57")
+      }
+    }).then(res => {
+        if(res?.data?.data?.content){
+          this.adminList1 = res.data.data.content
+          this.loading1 = false
+        }else{
+          this.loading1 = false
+        }
+      }).catch(err =>{
+        Toast(err.response.data.message)
+    })
+    //停车记录
+    axios.post(`https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getParkingTrafficByUserNumber?page=0&size=6&sort=id,desc`, 
+    {
+      "nonce": Cookies.get("nonce57"),
+      "timestamp": Cookies.get("timestamp57"),
+      "query": {
+        "userNumber":Cookies.get("userId57"),
+      }
+    },
+    {headers: {
+        "XYTACCESSTOKEN":Cookies.get("token57")
+      }
+    }).then(res => {
+        if(res.data.data){
+          let data = res.data.data
+          let arr = []
+          for(let i =0; i<data.length;i++){
+            arr[i] = {}
+            arr[i].plate_number = data[i].plate_number
+            arr[i].ingatename = data[i].ingatename
+            arr[i].intime = data[i].intime
+            arr[i*2 +1] = {}
+            arr[i*2 +1].plate_number = data[i].plate_number
+            arr[i*2 +1].outgatename = data[i].outgatename
+            arr[i*2 +1].outtime = data[i].outtime
+          }
+          this.adminList4 = arr
+          this.loading4 = false
+        }else{
+          this.loading4 = false
+        }
+      }).catch(err =>{
+        Toast(err.response.data.message)
+    })
+    // 消费记录
+    axios.post(`/dxtop/dish/page`,{
+      "size":6,
+      "current":1,
+      "userId":Cookies.get("userId57")
+    }).then(res => {
+      if (res?.data?.data?.records) {
+        this.adminList2 = res.data.data.records
+        this.loading2 = false
+      }else{
+        this.loading2 = false
+      }
+    })
+    //访客查询
+    
+    axios.post(`https://smartpark.caih.com/ykt/api/thirdparty/v1/openInterface/getVisitant?page=0&size=10`,
+    {
+      timestamp:Cookies.get("timestamp57"),
+      nonce:Cookies.get("nonce57"),
+      query:Cookies.get("userId57"),
+    },
+    {
+      headers: {
+      'Content-Type': "application/json",
+      "XYTACCESSTOKEN":Cookies.get("token57")
+      }
+    }
+    ).then(res => {
+       if (res?.data?.data) {
+        this.adminList3 = res.data.data.slice(0,5)
+        this.loading3 = false
+      }else{
+        this.loading3 = false
+      }
+    })
+
+    
+  },
+  mounted() {
+    document.title = '中国东信智慧园区'
+  },
+  methods: {
+    /**查看更多跳转 */
+    record(id){
+      var dates = new Date();
+      var times = dates.getTime();
+      let param = {
+        userid:encrypt(Cookies.get("username57")),
+        password:Cookies.get("password57"),
+        type:"wx_yt"
+      }
+      if(id == 1){
+        window.location.href = `https://smartpark.caih.com/h5/#/parkingAdministration?param=${encodeURIComponent(JSON.stringify(param))}`
+      }
+      if(id == 2){
+        this.$router.push({ path: `/record?id=2`})
+      }
+      if(id == 3){
+        window.location.href = `https://smartpark.caih.com/h5/#/myVisitor?param=${encodeURIComponent(JSON.stringify(param))}`
+      }
+      
+      
+    },
+    
+    
+    //上传
+    afterRead(param) {
+      this.formData = new FormData()// FormData 对象
+      this.formData.append('file', param.file)// 文件对象
+      let params = JSON.stringify({nonce:this.nonce,timestamp:this.timestamp,query:{userId:this.userId}})
+      this.formData.append('params', params)// 参数
+      this.formData.append('multipartFile', param.file)// 参数
+      axios.post(`https://smartpark.caih.com/zkxt/api/thirdparty/v1/user/edit/zkuser/picture` ,this.formData, 
+        {headers: {
+              'Content-Type': "multipart/form-data",
+              "XYTACCESSTOKEN":this.token
+          }
+        }).then(res => {
+            axios.get(`https://smartpark.caih.com/zkxt/api/thirdparty/v1/user/appLogin?name=${this.username}&pass=${this.password}`).then(res => {
+              if (res?.data?.data?.data?.cipher) {
+                  localStorage.setItem("cipher57",res?.data?.data?.data?.cipher)
+                  localStorage.setItem("classify","1")
+                  Cookies.set("password57", encrypt(this.password), { expires: 300 });
+                  Cookies.set("portrait57", res.data.data.data.user.avatarName, { expires: 300 });
+                  Cookies.set("userId57", res.data.data.data.userId, { expires: 300 });
+                  Cookies.set("token57", res.data.data.data.token, { expires: 300 });
+                  Cookies.set("nonce57", res.data.data.data.nonce, { expires: 300 });
+                  Cookies.set("timestamp57", res.data.data.data.timestamp, { expires: 300 });
+                  this.portrait = res.data.data.data.user.avatarName
+              } 
+            }).catch(err =>{
+              Toast(err.response.data.message)
+            })
+
+          }).catch(err =>{
+            Toast(err.response.data.message)
+        })
+    },
+    //点餐
+    dc(){
+      this.$router.push({ path: "/orderingFood"})
+    },
+    //配餐
+    pc(){
+      this.$router.push({ path: "/catering"})
+    },
+    //一卡通充值
+    ykt(){
+      this.$router.push({ path: `/amount?token=${localStorage.getItem('cipher57')}&classify=''&passageway='weixin'`}) //passageway检测微信进入会app进入
+    },
+    //世茂
+    sm(url){
+      // https://smartpark.caih.com/h5/#/myVisitor 访客申请列表页
+      let param = {
+        userid:encrypt(Cookies.get("username57")),
+        password:Cookies.get("password57"),
+        type:"wx_yt"
+      }
+      window.location.href = `${url}?param=${encodeURIComponent(JSON.stringify(param))}`
+    },
+    //修改页
+    go(){
+      this.$router.push({ path: "/information"})
+    },
+    outLogin(){
+      localStorage.clear()
+      Cookies.remove("timestamp57");
+        Cookies.remove("username57");
+        Cookies.remove("rememberMe57");
+        Cookies.remove("password57");
+        Cookies.remove("portrait57");
+        Cookies.remove("userId57");
+        Cookies.remove("token57");
+        Cookies.remove("nonce57");
+        
+        Cookies.remove("timestamp57");
+        Cookies.remove("nickName57");
+        Cookies.remove("dept57");
+        Cookies.remove("phone57");
+        Cookies.remove("people57");
+        Cookies.remove("openid57");
+        Cookies.remove("cardId57");
+        
+      this.$router.push({ path: "/login"})
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.mianBox{
+    height: 100%;
+    width: 100%;
+    color: #FFF;
+    padding-top: 44px;
+    box-sizing: border-box;
+    background-color: #F9F9F9;
+    .bgc{
+      height: 120px;
+      position: relative;
+      z-index: 0;
+      overflow: hidden;
+      margin-top:-2px;
+    }
+    .bgc::after{
+      content: '';
+      width: 120%;
+      height: 120px;
+      position: absolute;
+      z-index: 0;
+      left: -10%;     //椭圆左边隐藏10%，右边隐藏10%
+      top: 0;
+      border-radius: 0 0 200% 200%;  //左上角，右上角，右下角，左下角
+      background-image: linear-gradient(180deg, #FF4747 0%, #ee0a24 100%);
+    }
+    .people{
+      width:100%;
+      padding:0px 15px 0;
+      box-sizing: border-box;
+      margin-top:-102px;
+      background-color: #fff;
+      .top{
+        margin-top:0;
+        position: relative;
+        .left{
+          width:64px;
+          height:64px;
+          background-color: #fff;
+          border-radius: 50%;
+          display: inline-block;
+          margin-right:15px;
+          vertical-align: middle;
+          position: relative;
+          .upload{
+            position: absolute;
+            width:80px;
+            height:70px;
+            overflow: hidden;
+            top:0px;
+            opacity:0;
+            z-index: 10;
+            background: transparent;
+          }
+          .portrait{
+            width:60px;
+            height:60px;
+            margin:2px;
+            vertical-align: middle;
+            ::v-deep .van-image__img{
+              border-radius: 50% !important;
+            }
+          }
+        }
+        .right{
+          display: inline-block;
+          font-size: 14px;
+          vertical-align: top;
+          .name{
+            margin:10px 0 6px;
+            font-size: 18px;
+          }
+          .dept{
+            margin-bottom:6px;
+            margin-top:-2px;
+            font-size: 13px;
+            width:240px; //要加宽度 ，若是span等行内元素，加个display:inline-block;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+          .arrowRight{
+            display: inline-block;
+            color:#fff;
+            font-size: 20px;
+            position: absolute;
+            z-index: 2;
+            right:-10px;
+            top:14%;
+          }
+        }
+        .bottom{
+          font-size: 14px;
+          margin:60px 0 20px;
+          .van-image{
+            width:28px;
+            vertical-align: middle;
+            display: inline-block;
+            float:left;
+            // margin-right:14px;
+          }
+          .text{
+            margin-left:14px;
+            vertical-align: middle;
+            text-align: left;
+            display: inline-block;
+            font-size: 13px;
+            color:#666666;
+            margin-top:-8px;
+            span{
+              font-size: 18px;
+              color:#333333;
+              font-weight: 700;
+              display: block;
+              margin-top:2px;
+            }
+          }
+        }
+      }
+    }
+    
+    .contentBox{
+      width: 100%;
+      margin-top:8px;
+      .system{
+        width:100%;
+        background-color: #fff;
+        padding: 4px 16px 10px;
+        box-sizing: border-box;
+        .function{
+          margin:12px 0;
+          .title{
+            font-size: 14px;
+            color:#333333;
+            text-align: center;
+            margin-top:-2px;
+          }
+          .van-image{
+          }
+
+        }
+      }
+      .record{
+        background-color: #F9F9F9;
+        .recordList{
+          margin-top:8px;
+            .recordTitle{
+            font-size: 18px;
+            height:48px;
+            line-height: 48px;
+            padding: 0 15px;
+            background-color: #fff;
+            box-shadow: inset 0px -1px 0px 0px rgba(232,232,232,1);
+            .left{
+              font-size: 16px;
+              font-weight: 700;
+              text-align: left;
+              color:#333;
+            }
+            .right{
+              text-align: right;
+              font-size: 14px;
+              color:#666666;
+              vertical-align: middle;
+              .rightIcon{
+                width:6px;
+                margin:-2px 0 0 5px;
+                vertical-align: middle;
+              }
+            }
+          }
+        }
+      }
+    }
+}
+
+
+
+</style>
+<style>
+.recordTable.el-table  .cell{
+  color:#999999 !important;
+}
+
+.recordTable.el-table td{
+  padding:0;
+}
+.recordTable.el-table td, .el-table th{
+  padding:0 !important;
+}
+.recordTable.el-table th>.cell{
+  font-size: 15px;
+  color:#999999;
+  padding:0 16px;
+  font-weight: 400;
+  text-align: center;
+  height:40px;
+  line-height: 40px;
+}
+.recordTable.el-table th:nth-child(1)>.cell{
+  text-align: left;
+}
+.recordTable.el-table th{
+  height:40px;
+  line-height: 40px;
+
+}
+.recordTable.el-table .el-table__body-wrapper tr td>.cell{
+  padding:0;
+  box-sizing: border-box;
+}
+.recordTable.el-table .el-table__body-wrapper tr td:first-child>.cell{
+  padding-left:15px;
+}
+.recordTable.el-table tr:nth-child(even){
+  background-color: #fff;
+}
+.recordTable.el-table tr:nth-child(odd){
+  background-color: #F9F9F9;
+}
+.recordTable.el-table td .cell{
+  color:#666666 !important;
+  height:48px;
+  line-height:48px;
+  text-align: center;
+}
+.recordTable.el-table td:first-child .cell{
+  text-align: left;
+}
+.recordTable th .cell{
+  padding:0 !important;
+}
+.recordTable th:nth-child(1) .cell{
+  padding-left:16px !important;
+}
+.el-loading-mask{
+  background-color: transparent !important;
+}
+.upload{
+  position: absolute;
+  width:100px;
+  height:50px;
+  overflow: hidden;
+  top:0px;
+  right:0;
+  opacity: 0;
+  z-index: 10;
+  background-color: blue;
+}
+
+</style>
+

src/views/login/index.vue

@@ -1,445 +1,445 @@
-<template>
-  <div class="mianBox" >
-    <el-form class="login-form" auto-complete="on"  ref="loginForm" :model="loginForm" :rules="loginRules" v-if="login" :class="login?'opa1':'opa0'">
-      <img src="../../assets/image/login/login.png" alt="" class="login">
-      <el-form-item prop="username" width="460px">
-        <el-input v-model="loginForm.username"
-          ref="username"
-          placeholder="请输入用户名"
-          name="username"
-          @keyup.enter.native="login_info()"
-          type="text" auto-complete="off" >
-          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="password" style="position: relative;width:100%">
-        <el-input
-          class="inputs"
-          ref="password"
-          placeholder="请输入密码"
-          name="password"
-          @keyup.enter.native="login_info()"
-          :type="passwordtxt"
-          v-model="loginForm.password"
-         >
-          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
-          <svg-icon slot="prefix" icon-class="eye"  class="el-input__icon input-icon eye"    @click="eyeTab" v-show="passwordtxt =='password'" />
-          <svg-icon slot="prefix" icon-class="eye-open"  class="el-input__icon input-icon  eye"   @click="eyeTab" v-show="passwordtxt =='text'" />
-        </el-input>
-      </el-form-item>
-      <!-- <el-form-item prop="code">
-        <el-input
-          v-model="loginForm.code"
-          auto-complete="off"
-          placeholder="验证码"
-          style="width: 63%"
-        >
-          <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
-        </el-input>
-        <div class="login-code">
-          <img :src="codeUrl" @click="getCode" class="login-code-img"/>
-        </div>
-      </el-form-item> -->
-      <el-checkbox v-model="loginForm.rememberMe"  style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
-      <el-button
-        type="primary"
-        @click.native.prevent="login_info()"
-        @keyup.enter = "login_info()"
-        >
-        <span v-if="!loading" >登 录</span>
-        <span v-else>登 录 中...</span></el-button
-      >
-    </el-form>
-    <van-loading
-      size="24px"
-      v-if="loading"
-      color="#fff"
-      vertical
-      style="z-index: 2; position: fixed; top: 40%; left: 0; right: 0"
-      >登录中...</van-loading
-    >
-    <van-overlay :show="loading" style="z-index: 1; position: fixed;background-color: rgba(0,0,0,0.6);" />
-  </div>
-</template>
-<script>
-import { Toast } from "vant";
-import axios from "axios";
-import Cookies from "js-cookie";
-import { encrypt, decrypt } from '../../utils/jsencrypt';
-import { mapState, mapActions } from "vuex";
-export default {
-  data() {
-    return {
-      login:false,
-      loading:false,
-      passwordtxt:"password",
-      codeUrl: "",
-      cookiePassword: "",
-      show_num:[],
-      // 验证码开关
-        // captchaOnOff: true,
-      loginForm: {
-        username: "",
-        password: "",
-        rememberMe: false,
-        code: "",
-        uuid: ""
-      },
-      loginRules: {
-        username: [
-          { required: true, trigger: "blur", message: "请输入您的账号" }
-        ],
-        password: [
-          { required: true, trigger: "blur", message: "请输入您的密码" }
-        ],
-        code: [{ required: true, trigger: "change", message: "请输入验证码" }]
-      },
-      appid:"wxd64360a4b8c50006",
-      secret:"b758e45c89162542610509dafd9db7c3",
-      code:undefined,
-    };
-  },
-  mounted() {
-
-    document.title = '中国东信智慧园区'
-    //Cookies.set("openid57",'o5P6I5tLj-TjrK7leWUT8EFmTCa4') //本地测试
-    if(Cookies.get('rememberMe57')){
-      this.loginForm.rememberMe = Boolean(Cookies.get('rememberMe57'))
-    }
-    if(Cookies.get("username57")){
-      this.loginForm.username = Cookies.get("username57")
-    }
-    if(Cookies.get("password57")){
-      this.loginForm.password = decrypt(Cookies.get("password57"))
-    }
-    if(Cookies.get("openid57")){
-      if(Cookies.get("username57") && Cookies.get("password57")){
-        this.login_info()
-        this.login = false
-      }else{
-        this.login = true
-      }
-    }else{
-      this.login = true
-      let url = window.location.href
-      if(url.indexOf("?code")>0){
-        let code = this.getRequest("code")
-        this.wx_openid(code)
-      }else{
-        this.wx_login2()
-      }
-    }
-    
-  },
-  methods: {
-    //获取url指定参数
-    getRequest(parName){
-       var str=parName.toLowerCase()+"=";
-       var gvalue="";
-       var HREF=location.href;
-       var upperHREF=location.href.toLowerCase();
-       if(upperHREF.indexOf(str)>0) {
-         gvalue=HREF.substring(upperHREF.indexOf(str)+str.length,upperHREF.length);
-         if(gvalue.indexOf('&')>0)gvalue=gvalue.substring(0,gvalue.indexOf('&'));
-         if(gvalue.indexOf("#")>0)gvalue=gvalue.split("#")[0];
-         gvalue  =  decodeURIComponent(gvalue)
-       }
-       return gvalue;
-     },
-    wx_login2(){//微信拉起授权获取code
-      window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxd64360a4b8c50006&redirect_uri=https://smartpark.caih.com/vuepay&response_type=code&scope=snsapi_base&state=123`
-      //获取openid
-      //https://api.weixin.qq.com/sns/oauth2/access_token?appid=wxd64360a4b8c50006&secret=b758e45c89162542610509dafd9db7c3&code=021Ye8Ha1jvNXC0ckiJa1JtKPF2Ye8Hp&grant_type=authorization_code
-    },
-    wx_openid(code){//获取openid
-      axios.get('/offOpenId' + '?code=' + code, {
-        code:code
-      }).then(res => {
-        if(res.data.data){
-          Cookies.set("openid57",res.data.data, { expires: 300 })
-        }
-      })
-    },
-    eyeTab(){//密码显示开关
-      if(this.passwordtxt == "password"){
-        this.passwordtxt = "text"
-      }else{
-        this.passwordtxt = "password"
-      }
-    },
-    // getCode() {//获取验证码
-    //   getCodeImg().then(res => {
-    //     this.codeUrl = "data:image/gif;base64," + res.data.img;
-    //     this.loginForm.uuid = res.data.uuid;
-    //   });
-    // },
-    getCookie() {//缓存数据
-      const username = Cookies.get("username57");
-      const password = Cookies.get("password57");
-      const rememberMe = Cookies.get('rememberMe57')
-      this.loginForm = {
-        username: username === undefined ? this.loginForm.username : username,
-        password: password === undefined ? this.loginForm.password : decrypt(password),
-        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
-      };
-    },
-    login_info() {
-      if(Cookies.get("openid57") && Cookies.get("username57") && Cookies.get("password57")){
-        window.location.href = "https://smartpark.caih.com/vuepay/#/home"
-        //this.$router.push({ path: `/home`}) 
-      }else{
-        this.$refs.loginForm.validate(valid => {
-          if (valid) {
-            this.loading = true;
-            axios.get(`https://smartpark.caih.com/zkxt/api/thirdparty/v1/user/appLogin?name=${this.loginForm.username}&pass=${this.loginForm.password}`).then(res => {
-              if (res?.data?.data?.data?.cipher) {
-                let data = res.data.data.data
-                //人员种类(00-正式人员、01-外协单位、02-租户)
-                if(data.user.dmUser.type == "00"){
-                  //Toast('请使用"中国东信APP查看功能"')
-                  if(data.user.dmUser.status == false){
-                    Toast("离职人员,暂无权限")
-                    return
-                  }else{
-                    this.$store.dispatch("user", res?.data?.data?.data)
-                    localStorage.setItem("cipher57",data.cipher)
-                    localStorage.setItem("classify","2")
-                    Cookies.set("username57", this.loginForm.username, { expires: 300 });
-                    Cookies.set("rememberMe57", this.loginForm.rememberMe, { expires: 300 });
-                    Cookies.set("password57", encrypt(this.loginForm.password), { expires: 300 });
-                    Cookies.set("portrait57", data.user.dmUser.faceid, { expires: 300 });
-                    Cookies.set("userId57", data.userId, { expires: 300 });
-                    // localStorage.setItem("user_wt",data.userId)
-                    Cookies.set("token57", data.token, { expires: 300 });
-                    Cookies.set("nonce57", data.nonce, { expires: 300 });
-                    Cookies.set("timestamp57", data.timestamp, { expires: 300 });
-                    Cookies.set("nickName57", data.user.nickName, { expires: 300 });
-                    Cookies.set("dept57", data.user.dept.name, { expires: 300 });
-                    Cookies.set("phone57", data.user.dmUser.contacts, { expires: 300 });
-                    Cookies.set("people57", 0, { expires: 300 });
-                    
-                    axios.put('/dxtop/staff', {
-                      id:data.userId,
-                      openId:Cookies.get("openid57")
-                    })
-                    axios.get("https://smartpark.caih.com/dxapi/dxtop/staff/one",{
-                      params:{
-                        id: Cookies.get("userId57")
-                      }
-                    }).then(res2=>{
-                      let data2 = res2.data.data.sid
-                      axios.get('https://smartpark.caih.com/dxapi/dreUser/page', {
-                        params:{
-                          current:1,size:500
-                        }
-                      }).then(res3 => {
-                        let data3 = res3.data.data.records
-                        if(data3.length>0){
-                          for(let a =0;a<data3.length;a++){
-                            if(data2 == data3[a].sid){
-                              localStorage.setItem("pcy", 1)
-                            }
-                          }
-                        }
-                        setTimeout(()=>{
-                          //this.$router.push({ path: `/home`}) 
-                          window.location.href = "https://smartpark.caih.com/vuepay/#/home"
-                        },200)
-                     })
-                    })
-                  }
-
-                }else if(data.user.dmUser.type == "01"){
-                  if(data.user.dmUser.status == false){
-                    Toast("离职人员,暂无权限")
-                    return
-                  }else{
-                    this.$store.dispatch("user", res?.data?.data?.data)
-                    localStorage.setItem("cipher57",data.cipher)
-                    localStorage.setItem("classify","1")
-                    Cookies.set("username57", this.loginForm.username, { expires: 300 });
-                    Cookies.set("rememberMe57", this.loginForm.rememberMe, { expires: 300 });
-                    Cookies.set("password57", encrypt(this.loginForm.password), { expires: 300 });
-                    Cookies.set("portrait57", data.user.dmUser.faceid, { expires: 300 });
-                    Cookies.set("userId57", data.userId, { expires: 300 });
-                    Cookies.set("token57", data.token, { expires: 300 });
-                    Cookies.set("nonce57", data.nonce, { expires: 300 });
-                    Cookies.set("timestamp57", data.timestamp, { expires: 300 });
-                    Cookies.set("nickName57", data.user.nickName, { expires: 300 });
-                    Cookies.set("dept57", data.user.dept.name, { expires: 300 });
-                    Cookies.set("phone57", data.user.dmUser.contacts, { expires: 300 });
-                    Cookies.set("people57", 1, { expires: 300 });
-                    
-                    axios.put('/dxtop/staff', {
-                      id:data.userId,
-                      openId:Cookies.get("openid57")
-                    })
-                    axios.put('/dxtop/staff', {
-                      id:data.userId,
-                      openId:Cookies.get("openid57")
-                    })
-                    axios.get("https://smartpark.caih.com/dxapi/dxtop/staff/one",{
-                      params:{
-                        id: Cookies.get("userId57")
-                      }
-                    }).then(res2=>{
-                      let data2 = res2.data.data.sid
-                      axios.get('https://smartpark.caih.com/dxapi/dreUser/page', {
-                        params:{
-                          current:1,size:500
-                        }
-                      }).then(res3 => {
-                        let data3 = res3.data.data.records
-                        if(data3.length>0){
-                          for(let a =0;a<data3.length;a++){
-                            if(data2 == data3[a].sid){
-                              localStorage.setItem("pcy", 1)
-                            }
-                          }
-                        }
-                        setTimeout(()=>{
-                          //this.$router.push({ path: `/home`}) 
-                          window.location.href = "https://smartpark.caih.com/vuepay/#/home"
-                        },200)
-                     })
-                    })
-                    
-                  }
-                }else if(data.user.dmUser.type == "02"){
-                  Toast("暂无权限")
-                }else{
-
-                }
-              } 
-            }).catch(err =>{
-              Toast(err.response.data.message)
-            })
-            setTimeout(()=>{
-              this.loading = false
-            },2000)
-          }
-        });
-      }
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-.mianBox{
-    color: #000;
-    position: fixed;
-    top:0;
-    left:0;
-    width:100%;
-    height:100%;
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #fff;
-}
-.opa1{
-  opacity: 1;
-}
-.opa0{
-  opacity: 0;
-}
-.login-form {
-  border-radius: 6px;
-  background: #ffffff;
-  width: 90%;
-  position: absolute;
-  top:8%;
-  left:5%;
-  .login{
-    width:60%;
-    margin:10% 20%;
-  }
-  .el-form-item__content{
-    height:40px;
-  }
-  .login-tip {
-    font-size: 13px;
-    text-align: center;
-    color: #bfbfbf;
-  }
-  .login-code {
-    width: 33%;
-    height: 38px;
-    float: right;
-    margin-top:-2px;
-    text-align: right;
-    img {
-      cursor: pointer;
-      vertical-align: middle;
-    }
-  }
-  .el-login-footer {
-    height: 40px;
-    line-height: 40px;
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-    text-align: center;
-    color: #fff;
-    font-family: Arial;
-    font-size: 12px;
-    letter-spacing: 1px;
-  }
-  .login-code-img {
-    height: 38px;
-  }
-
-  .el-button--primary{
-    width:100%;
-    margin-top:10px;
-    color: #fff;
-    background-color: #ee0a24;
-    border-color: #ee0a24;
-    border-radius: 4px;
-  }
-
-  .eye{
-    position: absolute;
-    top:12px;
-    
-  }
-  @media screen and (min-width: 300px) and (max-width: 330px){
-    .eye{
-      left:250px;
-    }
-  }
-  @media screen and (min-width: 340px) and (max-width: 365px){
-    .eye{
-      left:290px;
-    }
-  }
-  @media screen and (min-width: 365px) and (max-width: 380px){
-    .eye{
-      left:300px;
-    }
-  }
-  @media screen and (min-width: 381px) and (max-width: 400px){
-    .eye{
-      left:320px;
-    }
-  }
-  @media screen and (min-width: 401px) and (max-width: 420px){
-    .eye{
-      left:330px;
-    }
-  }
-  @media screen and (min-width: 421px) and (max-width: 440px){
-    .eye{
-      left:350px;
-    }
-  }
-  .el-input__inner{
-    padding-left:30px
-  }
-  .el-input__prefix{
-    left:8px !important;
-  }
-    
-}
+<template>
+  <div class="mianBox" >
+    <el-form class="login-form" auto-complete="on"  ref="loginForm" :model="loginForm" :rules="loginRules" v-if="login" :class="login?'opa1':'opa0'">
+      <img src="../../assets/image/login/login.png" alt="" class="login">
+      <el-form-item prop="username" width="460px">
+        <el-input v-model="loginForm.username"
+          ref="username"
+          placeholder="请输入用户名"
+          name="username"
+          @keyup.enter.native="login_info()"
+          type="text" auto-complete="off" >
+          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
+        </el-input>
+      </el-form-item>
+      <el-form-item prop="password" style="position: relative;width:100%">
+        <el-input
+          class="inputs"
+          ref="password"
+          placeholder="请输入密码"
+          name="password"
+          @keyup.enter.native="login_info()"
+          :type="passwordtxt"
+          v-model="loginForm.password"
+         >
+          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
+          <svg-icon slot="prefix" icon-class="eye"  class="el-input__icon input-icon eye"    @click="eyeTab" v-show="passwordtxt =='password'" />
+          <svg-icon slot="prefix" icon-class="eye-open"  class="el-input__icon input-icon  eye"   @click="eyeTab" v-show="passwordtxt =='text'" />
+        </el-input>
+      </el-form-item>
+      <!-- <el-form-item prop="code">
+        <el-input
+          v-model="loginForm.code"
+          auto-complete="off"
+          placeholder="验证码"
+          style="width: 63%"
+        >
+          <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
+        </el-input>
+        <div class="login-code">
+          <img :src="codeUrl" @click="getCode" class="login-code-img"/>
+        </div>
+      </el-form-item> -->
+      <el-checkbox v-model="loginForm.rememberMe"  style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
+      <el-button
+        type="primary"
+        @click.native.prevent="login_info()"
+        @keyup.enter = "login_info()"
+        >
+        <span v-if="!loading" >登 录</span>
+        <span v-else>登 录 中...</span></el-button
+      >
+    </el-form>
+    <van-loading
+      size="24px"
+      v-if="loading"
+      color="#fff"
+      vertical
+      style="z-index: 2; position: fixed; top: 40%; left: 0; right: 0"
+      >登录中...</van-loading
+    >
+    <van-overlay :show="loading" style="z-index: 1; position: fixed;background-color: rgba(0,0,0,0.6);" />
+  </div>
+</template>
+<script>
+import { Toast } from "vant";
+import axios from "axios";
+import Cookies from "js-cookie";
+import { encrypt, decrypt } from '../../utils/jsencrypt';
+import { mapState, mapActions } from "vuex";
+export default {
+  data() {
+    return {
+      login:false,
+      loading:false,
+      passwordtxt:"password",
+      codeUrl: "",
+      cookiePassword: "",
+      show_num:[],
+      // 验证码开关
+        // captchaOnOff: true,
+      loginForm: {
+        username: "",
+        password: "",
+        rememberMe: false,
+        code: "",
+        uuid: ""
+      },
+      loginRules: {
+        username: [
+          { required: true, trigger: "blur", message: "请输入您的账号" }
+        ],
+        password: [
+          { required: true, trigger: "blur", message: "请输入您的密码" }
+        ],
+        code: [{ required: true, trigger: "change", message: "请输入验证码" }]
+      },
+      appid:"wxd64360a4b8c50006",
+      secret:"b758e45c89162542610509dafd9db7c3",
+      code:undefined,
+    };
+  },
+  mounted() {
+
+    document.title = '中国东信智慧园区'
+    //Cookies.set("openid57",'o5P6I5tLj-TjrK7leWUT8EFmTCa4') //本地测试
+    if(Cookies.get('rememberMe57')){
+      this.loginForm.rememberMe = Boolean(Cookies.get('rememberMe57'))
+    }
+    if(Cookies.get("username57")){
+      this.loginForm.username = Cookies.get("username57")
+    }
+    if(Cookies.get("password57")){
+      this.loginForm.password = decrypt(Cookies.get("password57"))
+    }
+    if(Cookies.get("openid57")){
+      if(Cookies.get("username57") && Cookies.get("password57")){
+        this.login_info()
+        this.login = false
+      }else{
+        this.login = true
+      }
+    }else{
+      this.login = true
+      let url = window.location.href
+      if(url.indexOf("?code")>0){
+        let code = this.getRequest("code")
+        this.wx_openid(code)
+      }else{
+        this.wx_login2()
+      }
+    }
+    
+  },
+  methods: {
+    //获取url指定参数
+    getRequest(parName){
+       var str=parName.toLowerCase()+"=";
+       var gvalue="";
+       var HREF=location.href;
+       var upperHREF=location.href.toLowerCase();
+       if(upperHREF.indexOf(str)>0) {
+         gvalue=HREF.substring(upperHREF.indexOf(str)+str.length,upperHREF.length);
+         if(gvalue.indexOf('&')>0)gvalue=gvalue.substring(0,gvalue.indexOf('&'));
+         if(gvalue.indexOf("#")>0)gvalue=gvalue.split("#")[0];
+         gvalue  =  decodeURIComponent(gvalue)
+       }
+       return gvalue;
+     },
+    wx_login2(){//微信拉起授权获取code
+      window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxd64360a4b8c50006&redirect_uri=https://smartpark.caih.com/vuepay&response_type=code&scope=snsapi_base&state=123`
+      //获取openid
+      //https://api.weixin.qq.com/sns/oauth2/access_token?appid=wxd64360a4b8c50006&secret=b758e45c89162542610509dafd9db7c3&code=021Ye8Ha1jvNXC0ckiJa1JtKPF2Ye8Hp&grant_type=authorization_code
+    },
+    wx_openid(code){//获取openid
+      axios.get('/offOpenId' + '?code=' + code, {
+        code:code
+      }).then(res => {
+        if(res.data.data){
+          Cookies.set("openid57",res.data.data, { expires: 300 })
+        }
+      })
+    },
+    eyeTab(){//密码显示开关
+      if(this.passwordtxt == "password"){
+        this.passwordtxt = "text"
+      }else{
+        this.passwordtxt = "password"
+      }
+    },
+    // getCode() {//获取验证码
+    //   getCodeImg().then(res => {
+    //     this.codeUrl = "data:image/gif;base64," + res.data.img;
+    //     this.loginForm.uuid = res.data.uuid;
+    //   });
+    // },
+    getCookie() {//缓存数据
+      const username = Cookies.get("username57");
+      const password = Cookies.get("password57");
+      const rememberMe = Cookies.get('rememberMe57')
+      this.loginForm = {
+        username: username === undefined ? this.loginForm.username : username,
+        password: password === undefined ? this.loginForm.password : decrypt(password),
+        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
+      };
+    },
+    login_info() {
+      if(Cookies.get("openid57") && Cookies.get("username57") && Cookies.get("password57")){
+        window.location.href = "https://smartpark.caih.com/vuepay/#/home"
+        //this.$router.push({ path: `/home`}) 
+      }else{
+        this.$refs.loginForm.validate(valid => {
+          if (valid) {
+            this.loading = true;
+            axios.get(`https://smartpark.caih.com/zkxt/api/thirdparty/v1/user/appLogin?name=${this.loginForm.username}&pass=${this.loginForm.password}`).then(res => {
+              if (res?.data?.data?.data?.cipher) {
+                let data = res.data.data.data
+                //人员种类(00-正式人员、01-外协单位、02-租户)
+                if(data.user.dmUser.type == "00"){
+                  //Toast('请使用"中国东信APP查看功能"')
+                  if(data.user.dmUser.status == false){
+                    Toast("离职人员,暂无权限")
+                    return
+                  }else{
+                    this.$store.dispatch("user", res?.data?.data?.data)
+                    localStorage.setItem("cipher57",data.cipher)
+                    localStorage.setItem("classify","2")
+                    Cookies.set("username57", this.loginForm.username, { expires: 300 });
+                    Cookies.set("rememberMe57", this.loginForm.rememberMe, { expires: 300 });
+                    Cookies.set("password57", encrypt(this.loginForm.password), { expires: 300 });
+                    Cookies.set("portrait57", data.user.dmUser.faceid, { expires: 300 });
+                    Cookies.set("userId57", data.userId, { expires: 300 });
+                    // localStorage.setItem("user_wt",data.userId)
+                    Cookies.set("token57", data.token, { expires: 300 });
+                    Cookies.set("nonce57", data.nonce, { expires: 300 });
+                    Cookies.set("timestamp57", data.timestamp, { expires: 300 });
+                    Cookies.set("nickName57", data.user.nickName, { expires: 300 });
+                    Cookies.set("dept57", data.user.dept.name, { expires: 300 });
+                    Cookies.set("phone57", data.user.dmUser.contacts, { expires: 300 });
+                    Cookies.set("people57", 0, { expires: 300 });
+                    
+                    axios.put('/dxtop/staff', {
+                      id:data.userId,
+                      openId:Cookies.get("openid57")
+                    })
+                    axios.get("https://smartpark.caih.com/dxapi/dxtop/staff/one",{
+                      params:{
+                        id: Cookies.get("userId57")
+                      }
+                    }).then(res2=>{
+                      let data2 = res2.data.data.sid
+                      axios.get('https://smartpark.caih.com/dxapi/dreUser/page', {
+                        params:{
+                          current:1,size:500
+                        }
+                      }).then(res3 => {
+                        let data3 = res3.data.data.records
+                        if(data3.length>0){
+                          for(let a =0;a<data3.length;a++){
+                            if(data2 == data3[a].sid){
+                              localStorage.setItem("pcy", 1)
+                            }
+                          }
+                        }
+                        setTimeout(()=>{
+                          //this.$router.push({ path: `/home`}) 
+                          window.location.href = "https://smartpark.caih.com/vuepay/#/home"
+                        },200)
+                     })
+                    })
+                  }
+
+                }else if(data.user.dmUser.type == "01"){
+                  if(data.user.dmUser.status == false){
+                    Toast("离职人员,暂无权限")
+                    return
+                  }else{
+                    this.$store.dispatch("user", res?.data?.data?.data)
+                    localStorage.setItem("cipher57",data.cipher)
+                    localStorage.setItem("classify","1")
+                    Cookies.set("username57", this.loginForm.username, { expires: 300 });
+                    Cookies.set("rememberMe57", this.loginForm.rememberMe, { expires: 300 });
+                    Cookies.set("password57", encrypt(this.loginForm.password), { expires: 300 });
+                    Cookies.set("portrait57", data.user.dmUser.faceid, { expires: 300 });
+                    Cookies.set("userId57", data.userId, { expires: 300 });
+                    Cookies.set("token57", data.token, { expires: 300 });
+                    Cookies.set("nonce57", data.nonce, { expires: 300 });
+                    Cookies.set("timestamp57", data.timestamp, { expires: 300 });
+                    Cookies.set("nickName57", data.user.nickName, { expires: 300 });
+                    Cookies.set("dept57", data.user.dept.name, { expires: 300 });
+                    Cookies.set("phone57", data.user.dmUser.contacts, { expires: 300 });
+                    Cookies.set("people57", 1, { expires: 300 });
+                    
+                    axios.put('/dxtop/staff', {
+                      id:data.userId,
+                      openId:Cookies.get("openid57")
+                    })
+                    axios.put('/dxtop/staff', {
+                      id:data.userId,
+                      openId:Cookies.get("openid57")
+                    })
+                    axios.get("https://smartpark.caih.com/dxapi/dxtop/staff/one",{
+                      params:{
+                        id: Cookies.get("userId57")
+                      }
+                    }).then(res2=>{
+                      let data2 = res2.data.data.sid
+                      axios.get('https://smartpark.caih.com/dxapi/dreUser/page', {
+                        params:{
+                          current:1,size:500
+                        }
+                      }).then(res3 => {
+                        let data3 = res3.data.data.records
+                        if(data3.length>0){
+                          for(let a =0;a<data3.length;a++){
+                            if(data2 == data3[a].sid){
+                              localStorage.setItem("pcy", 1)
+                            }
+                          }
+                        }
+                        setTimeout(()=>{
+                          //this.$router.push({ path: `/home`}) 
+                          window.location.href = "https://smartpark.caih.com/vuepay/#/home"
+                        },200)
+                     })
+                    })
+                    
+                  }
+                }else if(data.user.dmUser.type == "02"){
+                  Toast("暂无权限")
+                }else{
+
+                }
+              } 
+            }).catch(err =>{
+              Toast(err.response.data.message)
+            })
+            setTimeout(()=>{
+              this.loading = false
+            },2000)
+          }
+        });
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.mianBox{
+    color: #000;
+    position: fixed;
+    top:0;
+    left:0;
+    width:100%;
+    height:100%;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+}
+.opa1{
+  opacity: 1;
+}
+.opa0{
+  opacity: 0;
+}
+.login-form {
+  border-radius: 6px;
+  background: #ffffff;
+  width: 90%;
+  position: absolute;
+  top:8%;
+  left:5%;
+  .login{
+    width:60%;
+    margin:10% 20%;
+  }
+  .el-form-item__content{
+    height:40px;
+  }
+  .login-tip {
+    font-size: 13px;
+    text-align: center;
+    color: #bfbfbf;
+  }
+  .login-code {
+    width: 33%;
+    height: 38px;
+    float: right;
+    margin-top:-2px;
+    text-align: right;
+    img {
+      cursor: pointer;
+      vertical-align: middle;
+    }
+  }
+  .el-login-footer {
+    height: 40px;
+    line-height: 40px;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    text-align: center;
+    color: #fff;
+    font-family: Arial;
+    font-size: 12px;
+    letter-spacing: 1px;
+  }
+  .login-code-img {
+    height: 38px;
+  }
+
+  .el-button--primary{
+    width:100%;
+    margin-top:10px;
+    color: #fff;
+    background-color: #ee0a24;
+    border-color: #ee0a24;
+    border-radius: 4px;
+  }
+
+  .eye{
+    position: absolute;
+    top:12px;
+    
+  }
+  @media screen and (min-width: 300px) and (max-width: 330px){
+    .eye{
+      left:250px;
+    }
+  }
+  @media screen and (min-width: 340px) and (max-width: 365px){
+    .eye{
+      left:290px;
+    }
+  }
+  @media screen and (min-width: 365px) and (max-width: 380px){
+    .eye{
+      left:300px;
+    }
+  }
+  @media screen and (min-width: 381px) and (max-width: 400px){
+    .eye{
+      left:320px;
+    }
+  }
+  @media screen and (min-width: 401px) and (max-width: 420px){
+    .eye{
+      left:330px;
+    }
+  }
+  @media screen and (min-width: 421px) and (max-width: 440px){
+    .eye{
+      left:350px;
+    }
+  }
+  .el-input__inner{
+    padding-left:30px
+  }
+  .el-input__prefix{
+    left:8px !important;
+  }
+    
+}
 </style>

src/views/orderingFood/address/index.vue

@@ -1,402 +1,403 @@
-<template>
-  <div class="mianBox">
-    <van-row class="headerBox" >
-      <van-col class="returnWrap" @click="fanhuiBtn">
-        <van-image class="arrow-left"
-          :src="require('../../../assets/image/left.png')"
-        />
-        <van-col class="return">返回</van-col>
-      </van-col>
-      <van-col class="title">{{title}}</van-col>
-    </van-row>
-    <van-row class="top" >
-      <van-row class="foodType">
-        <van-col class="describe" :span="12">
-          <van-image
-            :src="require('../../../assets/image/address.png')"
-            class="cj"
-          />
-          <span class="describe">送餐地址</span>
-        </van-col>
-      </van-row>
-    </van-row>
-    <van-row class="middle">
-        <van-col :span="24" class="addressWrap">
-          <van-col :span="24" class="address room" v-for="(item,index) in addressList" :key="index" @click="change(item.id)">
-              <van-col :span="24" class="name" :style="item.id == form.id ? 'color:#ee0a24' :''" >{{item.name}}</van-col>
-              <van-image v-if="item.id == form.id"
-                :src="require('../../../assets/image/gx.png')"
-                class="gx"
-            />
-          </van-col>
-          <van-col :span="24" v-if="form.id == '自定义送餐地址：'" class="address" >
-              <input type="text" placeholder="请输入送餐地址" v-model="form.address" class="addressInput" maxlength="30" style="height:48px;
-            line-height: 48px;">
-          </van-col>
-        </van-col>
-    </van-row>
-    <van-col class="tel" span="24">
-        <van-col class="telText" span="12">联系方式（非必填）：</van-col>
-        <input  placeholder="请输入联系方式" v-model="form.tel" class="telInput" type="number">
-    </van-col>
-    <van-col class="remarks">
-        <van-col class="remarksText" :span="24">备注信息（非必填）：</van-col>
-        <textarea type="text" placeholder="请输入备注信息" v-model="form.remarks" class="remarksInput" rows="3" maxlength="70" />
-    </van-col>
-    <van-row class="bottom">
-      <van-row class="settlement">
-        <van-col class="money">
-          <van-col class="text"
-            >合计金额：<span class="money"
-              >￥{{ money.toFixed(2) }}</span
-            ></van-col
-          >
-        </van-col>
-        <van-col class="sure" @click="submit">
-          结算
-        </van-col>
-      </van-row>
-    </van-row>
-  </div>
-</template>
-<script>
-import Cookies from "js-cookie";
-import { mapState } from "vuex";
-import {
-  Dialog,
-  Toast,
-} from "vant";
-export default {
-  data() {
-    return {
-      status:false,
-      form:{
-          remarks:undefined,
-          tel:undefined,
-          address:undefined,
-          id:"",
-      },
-      title: "送餐地址",
-      money: 0,
-      addressList: [],
-      text:undefined
-    };
-  },
-  components: {
-    [Dialog.name]: Dialog,
-    [Toast.name]: Toast,
-  },
-  computed: {
-    ...mapState({
-       store:state=>state
-    })
-  },
-  created() {
-      //获取默认地址
-      axios.get(`https://smartpark.caih.com/dxapi/system/config/configKey/dre_default_address`).then(res => { 
-        const data = res.data.data.split(',')
-        let arr = []
-        for(let i =0;i<data.length;i++){
-          arr[i] = {id:undefined,name:undefined}
-          arr[i].id = data[i]
-          arr[i].name = data[i]
-        }
-        arr.push({ name: "自定义送餐地址：", id: "自定义送餐地址："}),
-        this.addressList = arr
-      })
-      if(JSON.stringify(this.store.cart) != '[]'){
-          this.foodList = this.store.cart
-      }
-      let data = this.store.cart
-      for(let i=0;i<data.length;i++){
-          if(data[i].num){
-              this.money += data[i].price * data[i].num
-          }
-      }
-  },
-  mounted() {
-    //document.title = '中国东信智慧园区'
-  },
-  methods: {
-    fanhuiBtn() {
-      this.$router.go(-1)
-    },
-    change(id) {
-        this.form.id = id
-    },
-    checkBlankSpace(str){
-      this.text = undefined
-      while(str.lastIndexOf(" ")>=0){
-        str = str.replace(" ","");
-      }
-      if(str.length == 0){
-        Toast("输入不能全为空");
-        this.text = 1
-        return
-      }
-    },
-    submit(){
-      //获取默认地址
-      let data = this.store.cart
-      let arr = []
-      for(let i=0;i<data.length;i++){
-        if(data[i].num>0){
-          let select = {mName:undefined,mPrice:undefined,totalPrice:undefined,mCount:undefined}
-          select.mName = data[i].name
-          select.mPrice = data[i].price
-          select.totalPrice = (data[i].price * data[i].num).toFixed(2)
-          select.mCount = data[i].num
-          arr.push(select)
-        }
-      }
-      if(this.form.id == "" && !this.form.address){
-        Toast("送菜地址不能为空")
-        return
-      }
-      if(this.form.id == "自定义送餐地址：" && !this.form.address){
-        Toast("送菜地址不能为空")
-        return
-      }
-      if(this.form.id == "自定义送餐地址："){
-        this.checkBlankSpace(this.form.address)
-        if(this.text){
-          return
-        }
-      }
-      //  Dialog.confirm({
-      //         title: '系统信息',
-      //         message: '您的点餐已进入配餐流程，请耐心等候，谢谢！',
-      //       }).then(() => {
-      //         this.$router.go(-2)
-      //       });
-      axios.get("https://smartpark.caih.com/dxapi/dxtop/staff/one",{
-        params:{
-          id: localStorage.getItem("user_wt")
-        }
-      }).then(res2 =>{
-        axios.post(`https://smartpark.caih.com/dxapi/dreOrder/`,
-          {
-            orderUserName:Cookies.get("nickName57"),
-            address:this.form.id == "自定义送餐地址：" ? this.form.address : this.form.id,
-            totalMoney:this.money.toFixed(2),
-            mType:localStorage.getItem("canbie57"),
-            phone:this.form.tel,
-            remark:this.form.remarks,
-            dreOrderDetails:arr,
-            orderUserId:res2.data.data.sid
-          }).then(res => { 
-            this.$store.dispatch("cart", [])
-            this.$store.dispatch("canbie", undefined)
-            localStorage.removeItem("canbie57");
-
-            Dialog.confirm({
-              title: '系统信息',
-              message: '您的点餐已进入配餐流程，请耐心等候，谢谢！',
-            }).then(() => {
-              this.$router.go(-2)
-            });
-            setTimeout(()=>{
-              document.getElementsByClassName("van-button__text")[1].innerHTML = "关闭"
-            },1)
-        })  
-      })
-      
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-.mianBox {
-  width: 100%;
-  height: calc(100vh - 60px);
-  overflow-y: scroll;
-  background-color: #f9f9f9 !important;
-  .top {
-    .foodType {
-      height:48px;
-      line-height: 48px;
-      padding:0 15px;
-      text-align: left;
-      border-bottom: 1px solid #e8e8e8;
-      .cj {
-        width: 20px;
-        vertical-align: middle;
-        margin:0 4px 0  -1px;
-      }
-      .describe {
-        font-size: 18px;
-        font-weight: 700;
-        vertical-align: middle;
-        color: #ee0a24;
-      }
-      .type {
-        margin-top: -6px;
-      }
-    }
-  }
-  .middle {
-    background-color: #fff;
-    margin-top:0px;
-    .addressWrap {
-        .address {
-          height:48px;
-          line-height: 48px;
-          padding: 0 15px;
-          border-bottom: 1px solid #e8e8e8;
-          font-size: 15px;
-          position: relative;
-            .name {
-                color: #333;
-            }
-        
-            .gx {
-                margin-top: 12px;
-                text-align: right;
-                position: absolute;
-                width:20px;
-                right:20px;
-                top:0px;
-            }
-        }
-        .room:last-child(){
-          border:none !important;
-        }
-    }
-  }
-  .tel,.remarks{
-        background-color: #fff;
-        margin-top:8px;
-        height:48px;
-        line-height: 48px;
-        padding: 0 15px;
-        font-size: 15px;
-        width:100%;
-        position: relative;
-        input{
-            border:none;
-            width:50%;
-            display: inline-block;
-            height:48px;
-            line-height: 48px;
-        }
-        textarea{
-            width:calc(100% - 20px);
-            border:1px solid #ccc;
-            border-radius: 4px;
-            padding:0px 10px;
-            height:83px;
-            border:1px solid rgba(204,204,204,1);
-        }
-  }
-  .remarks{
-    padding-bottom:160px;
-  }
-  .bottom {
-    background: #fff;
-    width: 100%;
-    margin-top: 10px;
-    position: fixed;
-    bottom: 0px;
-    left: 0;
-    height: 60px;
-    line-height: 60px;
-    .settlement {
-      padding-left: 16px;
-      .text {
-        font-size: 15px;
-        color: #666666;
-        .money {
-          color: #ee0a24;
-          font-size: 18px;
-        }
-      }
-    }
-    .sure {
-      position: absolute;
-      right: 0;
-      bottom: 0;
-      width: 40%;
-      background: #ee0a24;
-      color: #fff;
-      text-align: center;
-      font-size: 16px;
-    }
-  }
-}
-
-
-
-</style>
-<style>
-.van-dropdown-menu__bar {
-  box-shadow: none;
-}
-.van-ellipsis {
-  font-size: 16px;
-  text-align: right;
-}
-.van-dropdown-menu__title::after {
-  /* border:6px solid; */
-}
-.van-dropdown-menu__item {
-  width: 100% !important;
-}
-.van-dropdown-menu__title {
-  width: 100%;
-}
-.van-stepper__input {
-  border: 1px solid #e8e8e8;
-  width: 40px;
-  margin: 0 10px;
-}
-.address input{
-    border:none !important;
-}
-.van-dialog__cancel{
-  display: none;
-}
-
-
-
-
-.van-dialog{
-  border-radius: 5px;
-  width:80%;
-}
-
-.van-dialog__header{
-  font-weight: 700 !important;
-  font-size: 16px;
-  padding-top:24px;
-}
-.van-dialog__message--has-title{
-  font-size: 14px;
-  padding:12px 24px 0;
-  line-height: 20px;
-}
-.van-dialog__confirm{
-  background:#ee0a24;
-  color:#fff;
-  font-weight: 700;
-  font-size: 16px;
-  margin:24px 7.5%;
-  width:85%;
-  border-radius: 5px;
-  height:44px !important;
-  line-height: 44px !important;
-
-  
-}
-
-.addressInput{
-  width:100%;
-  height:20px;
-}
-::placeholder{
-  color:#CCCCCC;
-}
-[class*=van-hairline]::after{
-  border: none;
-}
-
-</style>
+<template>
+  <div class="mianBox">
+    <van-row class="headerBox" >
+      <van-col class="returnWrap" @click="fanhuiBtn">
+        <van-image class="arrow-left"
+          :src="require('../../../assets/image/left.png')"
+        />
+        <van-col class="return">返回</van-col>
+      </van-col>
+      <van-col class="title">{{title}}</van-col>
+    </van-row>
+    <van-row class="top" >
+      <van-row class="foodType">
+        <van-col class="describe" :span="12">
+          <van-image
+            :src="require('../../../assets/image/address.png')"
+            class="cj"
+          />
+          <span class="describe">送餐地址</span>
+        </van-col>
+      </van-row>
+    </van-row>
+    <van-row class="middle">
+        <van-col :span="24" class="addressWrap">
+          <van-col :span="24" class="address room" v-for="(item,index) in addressList" :key="index" @click="change(item.id)">
+              <van-col :span="24" class="name" :style="item.id == form.id ? 'color:#ee0a24' :''" >{{item.name}}</van-col>
+              <van-image v-if="item.id == form.id"
+                :src="require('../../../assets/image/gx.png')"
+                class="gx"
+            />
+          </van-col>
+          <van-col :span="24" v-if="form.id == '自定义送餐地址：'" class="address" >
+              <input type="text" placeholder="请输入送餐地址" v-model="form.address" class="addressInput" maxlength="30" style="height:48px;
+            line-height: 48px;">
+          </van-col>
+        </van-col>
+    </van-row>
+    <van-col class="tel" span="24">
+        <van-col class="telText" span="12">联系方式（非必填）：</van-col>
+        <input  placeholder="请输入联系方式" v-model="form.tel" class="telInput" type="number">
+    </van-col>
+    <van-col class="remarks">
+        <van-col class="remarksText" :span="24">备注信息（非必填）：</van-col>
+        <textarea type="text" placeholder="请输入备注信息" v-model="form.remarks" class="remarksInput" rows="3" maxlength="70" />
+    </van-col>
+    <van-row class="bottom">
+      <van-row class="settlement">
+        <van-col class="money">
+          <van-col class="text"
+            >合计金额：<span class="money"
+              >￥{{ money.toFixed(2) }}</span
+            ></van-col
+          >
+        </van-col>
+        <van-col class="sure" @click="submit" v-if="submitStatus">
+          结算
+        </van-col>
+        <van-col class="sure" v-if="!submitStatus">
+          结算中...
+        </van-col>
+      </van-row>
+    </van-row>
+  </div>
+</template>
+<script>
+import Cookies from "js-cookie";
+import { mapState } from "vuex";
+import {
+  Dialog,
+  Toast,
+} from "vant";
+export default {
+  data() {
+    return {
+      status:false,
+      form:{
+          remarks:undefined,
+          tel:undefined,
+          address:undefined,
+          id:"",
+      },
+      title: "送餐地址",
+      money: 0,
+      addressList: [],
+      text:undefined,
+      submitStatus:true,
+    };
+  },
+  components: {
+    [Dialog.name]: Dialog,
+    [Toast.name]: Toast,
+  },
+  computed: {
+    ...mapState({
+       store:state=>state
+    })
+  },
+  created() {
+      //获取默认地址
+      axios.get(`https://smartpark.caih.com/dxapi/system/config/configKey/dre_default_address`).then(res => { 
+        const data = res.data.data.split(',')
+        let arr = []
+        for(let i =0;i<data.length;i++){
+          arr[i] = {id:undefined,name:undefined}
+          arr[i].id = data[i]
+          arr[i].name = data[i]
+        }
+        arr.push({ name: "自定义送餐地址：", id: "自定义送餐地址："}),
+        this.addressList = arr
+      })
+      if(JSON.stringify(this.store.cart) != '[]'){
+          this.foodList = this.store.cart
+      }
+      let data = this.store.cart
+      for(let i=0;i<data.length;i++){
+          if(data[i].num){
+              this.money += data[i].price * data[i].num
+          }
+      }
+  },
+  mounted() {
+    //document.title = '中国东信智慧园区'
+  },
+  methods: {
+    fanhuiBtn() {
+      this.$router.go(-1)
+    },
+    change(id) {
+        this.form.id = id
+    },
+    checkBlankSpace(str){
+      this.text = undefined
+      while(str.lastIndexOf(" ")>=0){
+        str = str.replace(" ","");
+      }
+      if(str.length == 0){
+        Toast("输入不能全为空");
+        this.text = 1
+        return
+      }
+    },
+    submit(){
+      this.submitStatus = false
+      //获取默认地址
+      let data = this.store.cart
+      let arr = []
+      for(let i=0;i<data.length;i++){
+        if(data[i].num>0){
+          let select = {mName:undefined,mPrice:undefined,totalPrice:undefined,mCount:undefined}
+          select.mName = data[i].name
+          select.mPrice = data[i].price
+          select.totalPrice = (data[i].price * data[i].num).toFixed(2)
+          select.mCount = data[i].num
+          arr.push(select)
+        }
+      }
+      if(this.form.id == "" && !this.form.address){
+        Toast("送菜地址不能为空")
+        return
+      }
+      if(this.form.id == "自定义送餐地址：" && !this.form.address){
+        Toast("送菜地址不能为空")
+        return
+      }
+      if(this.form.id == "自定义送餐地址："){
+        this.checkBlankSpace(this.form.address)
+        if(this.text){
+          return
+        }
+      }
+      axios.get("https://smartpark.caih.com/dxapi/dxtop/staff/one",{
+        params:{
+          //id: Cookies.get("userId57") //测试
+          id: localStorage.getItem("user_wt")
+        }
+      }).then(res2 =>{
+        axios.post(`https://smartpark.caih.com/dxapi/dreOrder/`,
+          {
+            orderUserName:Cookies.get("nickName57"),
+            address:this.form.id == "自定义送餐地址：" ? this.form.address : this.form.id,
+            totalMoney:this.money.toFixed(2),
+            mType:localStorage.getItem("canbie57"),
+            phone:this.form.tel,
+            remark:this.form.remarks,
+            dreOrderDetails:arr,
+            orderUserId:res2.data.data.sid
+          }).then(res => { 
+            this.$store.dispatch("cart", [])
+            this.$store.dispatch("canbie", undefined)
+            localStorage.removeItem("canbie57");
+
+            Dialog.confirm({
+              title: '系统信息',
+              message: '您的点餐已进入配餐流程，请耐心等候，谢谢！',
+            }).then(() => {
+              this.$router.go(-2)
+            });
+            this.submitStatus = true
+            setTimeout(()=>{
+              document.getElementsByClassName("van-button__text")[1].innerHTML = "关闭"
+            },1)
+        })  
+      })
+      
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.mianBox {
+  width: 100%;
+  height: calc(100vh - 60px);
+  overflow-y: scroll;
+  background-color: #f9f9f9 !important;
+  .top {
+    .foodType {
+      height:48px;
+      line-height: 48px;
+      padding:0 15px;
+      text-align: left;
+      border-bottom: 1px solid #e8e8e8;
+      .cj {
+        width: 20px;
+        vertical-align: middle;
+        margin:0 4px 0  -1px;
+      }
+      .describe {
+        font-size: 18px;
+        font-weight: 700;
+        vertical-align: middle;
+        color: #ee0a24;
+      }
+      .type {
+        margin-top: -6px;
+      }
+    }
+  }
+  .middle {
+    background-color: #fff;
+    margin-top:0px;
+    .addressWrap {
+        .address {
+          height:48px;
+          line-height: 48px;
+          padding: 0 15px;
+          border-bottom: 1px solid #e8e8e8;
+          font-size: 15px;
+          position: relative;
+            .name {
+                color: #333;
+            }
+        
+            .gx {
+                margin-top: 12px;
+                text-align: right;
+                position: absolute;
+                width:20px;
+                right:20px;
+                top:0px;
+            }
+        }
+        .room:last-child(){
+          border:none !important;
+        }
+    }
+  }
+  .tel,.remarks{
+        background-color: #fff;
+        margin-top:8px;
+        height:48px;
+        line-height: 48px;
+        padding: 0 15px;
+        font-size: 15px;
+        width:100%;
+        position: relative;
+        input{
+            border:none;
+            width:50%;
+            display: inline-block;
+            height:48px;
+            line-height: 48px;
+        }
+        textarea{
+            width:calc(100% - 20px);
+            border:1px solid #ccc;
+            border-radius: 4px;
+            padding:0px 10px;
+            height:83px;
+            border:1px solid rgba(204,204,204,1);
+        }
+  }
+  .remarks{
+    padding-bottom:160px;
+  }
+  .bottom {
+    background: #fff;
+    width: 100%;
+    margin-top: 10px;
+    position: fixed;
+    bottom: 0px;
+    left: 0;
+    height: 60px;
+    line-height: 60px;
+    .settlement {
+      padding-left: 16px;
+      .text {
+        font-size: 15px;
+        color: #666666;
+        .money {
+          color: #ee0a24;
+          font-size: 18px;
+        }
+      }
+    }
+    .sure {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      width: 40%;
+      background: #ee0a24;
+      color: #fff;
+      text-align: center;
+      font-size: 16px;
+    }
+  }
+}
+
+
+
+</style>
+<style>
+.van-dropdown-menu__bar {
+  box-shadow: none;
+}
+.van-ellipsis {
+  font-size: 16px;
+  text-align: right;
+}
+.van-dropdown-menu__title::after {
+  /* border:6px solid; */
+}
+.van-dropdown-menu__item {
+  width: 100% !important;
+}
+.van-dropdown-menu__title {
+  width: 100%;
+}
+.van-stepper__input {
+  border: 1px solid #e8e8e8;
+  width: 40px;
+  margin: 0 10px;
+}
+.address input{
+    border:none !important;
+}
+.van-dialog__cancel{
+  display: none;
+}
+
+
+
+
+.van-dialog{
+  border-radius: 5px;
+  width:80%;
+}
+
+.van-dialog__header{
+  font-weight: 700 !important;
+  font-size: 16px;
+  padding-top:24px;
+}
+.van-dialog__message--has-title{
+  font-size: 14px;
+  padding:12px 24px 0;
+  line-height: 20px;
+}
+.van-dialog__confirm{
+  background:#ee0a24;
+  color:#fff;
+  font-weight: 700;
+  font-size: 16px;
+  margin:24px 7.5%;
+  width:85%;
+  border-radius: 5px;
+  height:44px !important;
+  line-height: 44px !important;
+
+  
+}
+
+.addressInput{
+  width:100%;
+  height:20px;
+}
+::placeholder{
+  color:#CCCCCC;
+}
+[class*=van-hairline]::after{
+  border: none;
+}
+
+</style>

文档/点餐/点餐服务 首页-新/点餐服务 首页-新/links/点餐服务-1-01-自助点餐.html

@@ -1 +0,0 @@
-<meta http-equiv="refresh" content="0;url=../index.html#0">

文档/点餐/点餐服务 首页-新/点餐服务 首页-新/links/点餐服务-2-01-自助点餐-订单进度.html

@@ -1 +0,0 @@
-<meta http-equiv="refresh" content="0;url=../index.html#1">

文档/点餐/点餐服务 首页-新/点餐服务 首页-新/proto.html

@@ -1 +0,0 @@
-<meta http-equiv="refresh" content="0;url=index.html#p">

文档/点餐/自助点餐 标注文件/自助点餐 标注文件/自助点餐-标注文件/links/页面-1-1-01-自助点餐.html

@@ -1 +0,0 @@
-<meta http-equiv="refresh" content="0;url=../index.html#0">

文档/点餐/自助点餐 标注文件/自助点餐 标注文件/自助点餐-标注文件/links/页面-1-2-02-点餐记录列表.html

@@ -1 +0,0 @@
-<meta http-equiv="refresh" content="0;url=../index.html#1">

文档/点餐/自助点餐 标注文件/自助点餐 标注文件/自助点餐-标注文件/links/页面-1-3-03-点餐服务.html

@@ -1 +0,0 @@
-<meta http-equiv="refresh" content="0;url=../index.html#2">

文档/点餐/自助点餐 标注文件/自助点餐 标注文件/自助点餐-标注文件/links/页面-1-4-04-点餐服务-餐别.html

@@ -1 +0,0 @@
-<meta http-equiv="refresh" content="0;url=../index.html#3">

文档/点餐/自助点餐 标注文件/自助点餐 标注文件/自助点餐-标注文件/links/页面-1-5-05-点餐结算1.html

@@ -1 +0,0 @@
-<meta http-equiv="refresh" content="0;url=../index.html#4">

文档/点餐/自助点餐 标注文件/自助点餐 标注文件/自助点餐-标注文件/links/页面-1-6-06-点餐结算2.html

@@ -1 +0,0 @@
-<meta http-equiv="refresh" content="0;url=../index.html#5">

文档/点餐/自助点餐 标注文件/自助点餐 标注文件/自助点餐-标注文件/links/页面-1-7-07-信息反馈.html

@@ -1 +0,0 @@
-<meta http-equiv="refresh" content="0;url=../index.html#6">