diff --git a/api/list.js b/api/list.js
index f83bc41..048b9e2 100644
--- a/api/list.js
+++ b/api/list.js
@@ -20,4 +20,5 @@
 export function getMessageInfo(params) {
 	useNetWork();
   return fetch.get(MessageInfo,params).then(res => res);
-}
\ No newline at end of file
+}
+

diff --git a/api/list.js b/api/list.js
index f83bc41..048b9e2 100644
--- a/api/list.js
+++ b/api/list.js
@@ -20,4 +20,5 @@
 export function getMessageInfo(params) {
 	useNetWork();
   return fetch.get(MessageInfo,params).then(res => res);
-}
\ No newline at end of file
+}
+
diff --git a/pages/list/list.vue b/pages/list/list.vue
index c19853f..4f821f1 100644
--- a/pages/list/list.vue
+++ b/pages/list/list.vue
@@ -2,446 +2,513 @@
 <template>
   <view class="list">
     <TabBar></TabBar>
-    	<view class="list-top">
-    		<u-input
-    		  placeholder="关键字搜索"
-    		  prefixIcon="search"
-    		  v-model="queryList.keywords"
-    		  @change="change"
-    		  prefixIconStyle="font-size: 22px;color: #909399"
-    		></u-input>
-    		<view class="tab-th">
-    		  <text class="dressingTime" @click="startTimeShow = true">{{time}}</text>
-    		  <text class="dressingStatusInfo" @click="statusShow=true">{{statusInfo}}</text>
-    		  <view class="icon">
-    		    <text class="checkmark-circle"  @click="pass('通过')"></text>
-    		    <text
-    		      class="close-circle"
-    			  @click="pass('拒绝')"
-    		    ></text>
-				<text
-				      class="share-square"
-					  @click="isExportShow = true"
-				    ></text>
-				</view>
-				</view>
-				</view>
-        <view class="list-content">
-        	<view class="table" v-for="(item,index) in list" :key="index">
-        	  <view class="table-checkbox">
-        	    <u-checkbox-group v-model="item.value" >
-        	    	<u-checkbox @change="checkboxChange(item)"  shape="circle"></u-checkbox>
-        	    </u-checkbox-group>
-        	  </view>
-        	  <view class="table-item">
-        		  <view class="table-item-top">
-        		  	<view class="table-name"> {{item.visitorName}} </view>
-        		  	<view class="table-number">{{item.staffCode}} </view>
-        		  </view>
-        	  	 <view class="table-item-buttom">
-        	  	 	<view class="table-time"> {{item.inTime}} </view>
-        	  	 </view>
-        	  </view>
-        	  <view  :class="item.color"> {{item.status }} </view>
-        	  <view class="table-icon">
-        	    <view class="icon-info" @click="eyeLoock(item.applyNo)"></view>
-        	  </view>
-        	</view>
+    <view class="list-top">
+      <u-input
+        placeholder="关键字搜索"
+        prefixIcon="search"
+        border="none"
+        v-model="queryList.keywords"
+        @change="change"
+        prefixIconStyle="font-size: 52rpx;color: #000"
+      ></u-input>
+      <view class="tab-th">
+        <text class="dressingTime" @click="startTimeShow = true">{{
+          time
+        }}</text>
+        <text class="dressingStatusInfo" @click="statusShow = true">{{
+          statusInfo
+        }}</text>
+        <view class="icon">
+          <text class="checkmark-circle" @click="pass('通过')"></text>
+          <text class="close-circle" @click="pass('拒绝')"></text>
+          <text class="share-square" @click="isExportShow = true"></text>
         </view>
-	<u-popup :show="isExportShow" mode="center" :round="10" :closeOnClickOverlay="false" @close="close" >
-		<view class="popup">
-			<view class="popup-title">
-              确认将{{checkExport}}访客表单导出吗？
-			</view>
-			<view class="popup-buttom">
-				<view class="popup-jujue popup-jujue-fanhui" @click="isExportShow = false">
-					取消
-				</view>
-				<view class="popup-yunxu popup-jujue-queren" @click="exportQr">
-					确认
-				</view>
-			</view>
-		</view>
-	</u-popup>
-	<u-popup :show="ispassShow" mode="center" :round="10" :closeOnClickOverlay="false" @close="close" >
-	<view class="popup">
-			<view class="popup-title">
-	          确定要将{{text}}的{{leixin}}
-			</view>
-			<view class="popup-buttom">
-				<view class="popup-jujue popup-jujue-fanhui" @click="ispassShow = false">
-					取消
-				</view>
-				<view class="popup-yunxu popup-jujue-queren" @click="possQr">
-					确认
-				</view>
-			</view>
-		</view>
-	</u-popup>
-	<u-datetime-picker :show="startTimeShow"  mode="datetime" title="请选择开始时间"
-		:formatter="formatter" :minDate="lastMonth"  @cancel="closeTime"  @confirm="confirmTime">
-	</u-datetime-picker>
-	<u-datetime-picker :show="endTimeShow"  mode="datetime" title="请选择结束时间"
-		:formatter="formatter" :minDate="Number(new Date())"  @cancel="endTimeShow = false"  @confirm="confirmEndTime">
-	</u-datetime-picker>
-	<u-action-sheet
-	  :show="statusShow"
-	  :actions="statusList"
-	  title="请选择状态"
-	  description="只能单选"
-	  @close="statusShow = false"
-	  @select="statusSelect"
-	>
-	</u-action-sheet>
-	
-	<u-popup
-	  customStyle="poppo"
-	  :show="show"
-	  :round="10"
-	  mode="center"
-		:closeOnClickOverlay="false"
-	  @close="show = false"
-	>
-	  <u--input
-	    v-model="inputValue"
-	    placeholder="填写手机号码"
-	    border="surround"
-	  ></u--input>
-	  <button @click="confirmPhone">确认</button>
-	</u-popup>
+      </view>
+    </view>
+    <view class="list-content">
+      <view class="table" v-for="(item, index) in list" :key="index">
+        <view class="table-checkbox">
+          <u-checkbox-group v-model="item.value">
+            <u-checkbox
+              @change="checkboxChange(item)"
+              shape="circle"
+            ></u-checkbox>
+          </u-checkbox-group>
+        </view>
+        <view class="table-item">
+          <view class="table-item-top">
+            <view class="table-name"> {{ item.visitorName }} </view>
+            <view class="table-number">{{ item.applyNo }} </view>
+          </view>
+          <view class="table-item-buttom">
+            <view class="table-time"> {{ item.inTime }} </view>
+          </view>
+        </view>
+        <view :class="item.color"> {{ item.status }} </view>
+        <view class="table-icon">
+          <view class="icon-info" @click="eyeLoock(item.applyNo)"></view>
+        </view>
+      </view>
+    </view>
+    <u-popup
+      :show="isExportShow"
+      mode="center"
+      :round="10"
+      :closeOnClickOverlay="false"
+      @close="close"
+    >
+      <view class="popup">
+        <view class="popup-title">
+          确认将{{ checkExport }}访客表单导出吗？
+        </view>
+        <view class="popup-buttom">
+          <view
+            class="popup-jujue popup-jujue-fanhui"
+            @click="isExportShow = false"
+          >
+            取消
+          </view>
+          <view class="popup-yunxu popup-jujue-queren" @click="exportQr">
+            确认
+          </view>
+        </view>
+      </view>
+    </u-popup>
+    <u-popup
+      :show="ispassShow"
+      mode="center"
+      :round="10"
+      :closeOnClickOverlay="false"
+      @close="close"
+    >
+      <view class="popup">
+        <view class="popup-title"> 确定要将{{ text }}的{{ leixin }} </view>
+        <view class="popup-buttom">
+          <view
+            class="popup-jujue popup-jujue-fanhui"
+            @click="ispassShow = false"
+          >
+            取消
+          </view>
+          <view class="popup-yunxu popup-jujue-queren" @click="possQr">
+            确认
+          </view>
+        </view>
+      </view>
+    </u-popup>
+    <u-datetime-picker
+      :show="startTimeShow"
+      mode="datetime"
+      title="请选择开始时间"
+      :formatter="formatter"
+      :minDate="lastMonth"
+      @cancel="closeTime"
+      @confirm="confirmTime"
+    >
+    </u-datetime-picker>
+    <u-datetime-picker
+      :show="endTimeShow"
+      mode="datetime"
+      title="请选择结束时间"
+      :formatter="formatter"
+      :minDate="Number(new Date())"
+      @cancel="endTimeShow = false"
+      @confirm="confirmEndTime"
+    >
+    </u-datetime-picker>
+    <u-action-sheet
+      :show="statusShow"
+      :actions="statusList"
+      title="请选择状态"
+      description="只能单选"
+      @close="statusShow = false"
+      @select="statusSelect"
+    >
+    </u-action-sheet>
+
+    <u-popup
+      customStyle="poppo"
+      :show="show"
+      :round="10"
+      mode="center"
+      :closeOnClickOverlay="false"
+      @close="show = false"
+    >
+      <u--input
+        v-model="inputValue"
+        placeholder="填写手机号码"
+        border="surround"
+      ></u--input>
+      <button @click="confirmPhone">确认</button>
+    </u-popup>
   </view>
 </template>
 
 <script>
-import TabBar from '@/components/tabBar/tabBar.vue';
-import {getList} from '@/api/list.js';
-import {debounce} from '@/common/utils.js';
-import {getLastMonth} from '@/common/formatTime.js';
-import {solveStatus} from '@/api/message.js';
+import TabBar from "@/components/tabBar/tabBar.vue";
+import { getList } from "@/api/list.js";
+import { debounce } from "@/common/utils.js";
+import { getLastMonth } from "@/common/formatTime.js";
+import { solveStatus } from "@/api/message.js";
 import { verifyPhone } from "@/api/index.js";
 import { getLogin, getUserProfile } from "@/utils/auth.js";
+import BASE_URL from "@/api/base.js";
 export default {
   components: {
     TabBar,
   },
   data() {
     return {
-	  queryList:{
-			keywords:'' ,
-			startTime:'',
-			endTime:'',
-			status:''
-		 },
+      queryList: {
+        keywords: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+      },
       list: [],
-			isExportShow:false,
-			ispassShow:false,
-			leixin:'',
-			text:'已通过',
-			checkboxList:[],
-			checkExport:'所有',
-			startTimeShow:false,
-			lastMonth: Number(new Date()) - 25920000000,
-			endTimeShow:false,
-			TimeNextShow:false,
-			statusShow:false,
-			statusList:[{name:'申请已提交',id:'1'},{name:'申请已通过',id:'2'},{name:'申请已失败',id:'3'}],
-			time:'筛选时间',
-			isTimeQ:'',
-			isTimeZ:'',
-			statusInfo:'筛选状态',
-			show: false,
-			inputValue: "",
-    }
+      isExportShow: false,
+      ispassShow: false,
+      leixin: "",
+      text: "已通过",
+      checkboxList: [],
+      checkExport: "所有",
+      startTimeShow: false,
+      lastMonth: Number(new Date()) - 25920000000,
+      endTimeShow: false,
+      TimeNextShow: false,
+      statusShow: false,
+      statusList: [
+        { name: "申请已提交", id: "1" },
+        { name: "申请已通过", id: "2" },
+        { name: "申请已失败", id: "3" },
+      ],
+      time: "筛选时间",
+      isTimeQ: "",
+      isTimeZ: "",
+      statusInfo: "筛选状态",
+      show: false,
+      inputValue: "",
+    };
   },
   async onShow() {
-    let pages = getCurrentPages()
-    const curPage = pages[pages.length - 1]
-    this.currentPagePath = curPage.route
-    uni.setStorageSync('currentPagePath', this.currentPagePath)
-		
-		//验证手机号
-		this.phone = uni.getStorageSync("registerPhone");
-		console.log('----------', typeof this.phone);
-		this.checkphone();
-		
-		this.queryList = {
-			keywords:'' ,
-			startTime:'',
-			endTime:'',
-			status:''  
-		}
-		const res = await getList({})
-		this.list = res.map(item=>{
-			if(item.visitorApplyStatus == '1'){ 
-			 item.status = '申请已提交'
-			 item.color = 'blue'
-			}else if(item.visitorApplyStatus == '2'){
-				item.status = '申请已通过'
-				item.color = 'green'
-			}else {
-				item.status = '申请未通过'
-				item.color = 'red'
-			}
-			return item
-		})
+    let pages = getCurrentPages();
+    const curPage = pages[pages.length - 1];
+    this.currentPagePath = curPage.route;
+    uni.setStorageSync("currentPagePath", this.currentPagePath);
+
+    //验证手机号
+    this.phone = uni.getStorageSync("registerPhone");
+    console.log("----------", typeof this.phone);
+    this.checkphone();
+
+    this.queryList = {
+      keywords: "",
+      startTime: "",
+      endTime: "",
+      status: "",
+    };
+    const res = await getList({});
+    this.list = res.map((item) => {
+      if (item.visitorApplyStatus == "1") {
+        item.status = "申请已提交";
+        item.color = "blue";
+      } else if (item.visitorApplyStatus == "2") {
+        item.status = "申请已通过";
+        item.color = "green";
+      } else {
+        item.status = "申请未通过";
+        item.color = "red";
+      }
+      return item;
+    });
   },
   //下拉刷新
-  onPullDownRefresh(){
-	  this.queryList = {
-		 keywords:'' ,
-		 startTime:'',
-		 endTime:'',
-		 status:'' 
-	  }
-	  this.statusInfo = '筛选状态'
-	  this.time ='筛选时间'
-	  this.searchList() 
-	  this.checkboxList = []
-	  this.checkExport = '所有'
-	setTimeout(()=>{
-	  uni.stopPullDownRefresh()
-	},1000)
+  onPullDownRefresh() {
+    this.queryList = {
+      keywords: "",
+      startTime: "",
+      endTime: "",
+      status: "",
+    };
+    this.statusInfo = "筛选状态";
+    this.time = "筛选时间";
+    this.searchList();
+    this.checkboxList = [];
+    this.checkExport = "所有";
+    setTimeout(() => {
+      uni.stopPullDownRefresh();
+    }, 1000);
   },
   methods: {
-	  //选中的数据
-	  checkboxChange(item){ 
-		  if(this.checkboxList.indexOf(item) == -1){
-			  this.checkboxList.push(item)
-		  }else {
-			  this.checkboxList.splice(this.checkboxList.indexOf(item),1)
-		  }
-		  if(this.checkboxList.length > 0){
-			  this.checkExport = '选中的'
-		  }else {
-			  this.checkExport = '所有'
-		  }
-	  },
-	  //搜索框发生改变
-	 async change(e){
-		 if(e.trim() === '') {
-			 const res = await getList({})
-			return this.list = res.map(item=>{
-			  if(item.visitorApplyStatus == '1'){ 
-				 item.status = '申请已提交'
-				 item.color = 'blue'
-			  }else if(item.visitorApplyStatus == '2'){
-				  item.status = '申请已通过'
-				  item.color = 'green'
-			  }else {
-				  item.status = '申请未通过'
-				  item.color = 'red'
-			  }
-			  return item
-			}) 
-		 }
-		 debounce(this.searchList(),10000)
-	  },
-	  exportClick() {
-	  
-	 },
-	  //根据条件搜索
-	 async searchList(){  
-		const res = await getList(this.queryList)
-		if(res.length == 0){
-		    this.list = []
-		}else{
-	  this.list = res.map(item=>{
-      if(item.visitorApplyStatus == '1'){ 
-		 item.status = '申请已提交'
-		 item.color = 'blue'
-	  }else if(item.visitorApplyStatus == '2'){
-		  item.status = '申请已通过'
-		  item.color = 'green'
-	  }else {
-		  item.status = '申请未通过'
-		  item.color = 'red'
-	  }
-	  return item
-	})
-		}
-	  },
-	  //选中状态
-	  statusSelect(e){
-		this.statusInfo = e.name
-		this.queryList.status = e.id
-		this.searchList()
-	  },
-	  //打开导出提示框
-	  pass(leixin){
-		  this.leixin = leixin
-		  this.checkboxList.length !== 0 ? this.text = '选中的' : this.text = '全部' 
-		   this.ispassShow = true
-	  },
-	 async possQr(){
-		  if(this.checkboxList.length === 0){
-			  let ids =  await this.list.map(item=>{
-			  	 return item.id
-			  })
-			  ids = ids.join()
-			  let res = await solveStatus(this.leixin == '通过' ? '2' : '3',ids)
-		  }else {
-			 let ids = await this.checkboxList.map(item=>{
-			 	return item.id
-			 })
-			ids = ids.join()
-			let res = await solveStatus(this.leixin == '通过' ? '2' : '3',ids)
-		  } 
-		  this.searchList()
-		  this.ispassShow = false
-		  this.checkboxList = []
-	  },
-	  exportQr(){
-		  this.isExportShow = false
-		  this.exportClick()
-	  },
-	  eyeLoock(messageId){
-		  wx.navigateTo({
-		  	url: `/pages/info/info?messageId=${messageId}`,
-		  });
-	  },
-	  //取消选择时间
-	  closeTime() {
-	  	this.startTimeShow = false
-		this.time = '筛选时间'
-		this.queryList = {
-				 keywords:'' ,
-				 startTime:'',
-				 endTime:'',
-				 status:'' 
-		}
-	  },
-	  //确定选择结束时间
-	 async confirmEndTime(e){
-		this.queryList.endTime = await this.shijianc(e.value)
-		this.isTimeZ = await this.yueFen(e.value)
-		this.time = `${this.isTimeQ}${this.isTimeZ}`
-		this.endTimeShow = false
-		this.searchList()  
-	  },
-	  //确定选择开始时间
-	  async confirmTime(e) {
-	  	this.queryList.startTime = await this.shijianc(e.value)
-		this.isTimeQ = await this.yueFen(e.value)
-	  	this.startTimeShow = false
-		this.endTimeShow = true
-	  },
-	  shijianc(time) {
-	  	let date = new Date(time)
-	  	let Y = date.getFullYear() + '-'
-	  	let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
-	  	let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
-	  	let h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
-	  	let m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'
-	  	let s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())
-	  	return Y + M + D + h + m + s
-	  },
-	  yueFen(time) {
-	  	let date = new Date(time)
-	  	let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
-	  	let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
-	  	return  M + D 
-	  },
-	  //格式化时间
-	  formatter(type, value) {
-	  	if (type === 'year') {
-	  		return `${value}年`
-	  	}
-	  	if (type === 'month') {
-	  		return `${value}月`
-	  	}
-	  	if (type === 'day') {
-	  		return `${value}日`
-	  	}
-	  	return value
-	  },
-		
-		confirmPhone() {
-		  this.phone = this.inputValue;
-			this.show = false;
-		  this.checkphone();
-		},
-		async checkphone() {
-			//有电话就去验证
-			if(this.phone) {
-				const res = await verifyPhone(this.phone);
-				if (res === "用户未注册") {
-					wx.reLaunch({
-						url: "/pages/register/register",
-					});
-				} else {
-					uni.setStorageSync("registerPhone", this.phone);
-					getUserProfile();
-				}
-			} else { //没有电话就弹出授权
-				this.show = true;
-			}
-		}
+    //选中的数据
+    checkboxChange(item) {
+      if (this.checkboxList.indexOf(item) == -1) {
+        this.checkboxList.push(item);
+      } else {
+        this.checkboxList.splice(this.checkboxList.indexOf(item), 1);
+      }
+      this.checkExport = this.checkboxList.length > 0 ? "选中的" : "所有";
+    },
+    //搜索框发生改变
+    async change(e) {
+      if (e.trim() === "") {
+        const res = await getList({});
+        return (this.list = res.map((item) => {
+          if (item.visitorApplyStatus == "1") {
+            item.status = "申请已提交";
+            item.color = "blue";
+          } else if (item.visitorApplyStatus == "2") {
+            item.status = "申请已通过";
+            item.color = "green";
+          } else {
+            item.status = "申请未通过";
+            item.color = "red";
+          }
+          return item;
+        }));
+      }
+      debounce(this.searchList(), 10000);
+    },
+    //确定导出
+    async exportClick() {
+      const sessionId = uni.getStorageSync("sessionId");
+      let filePath = `${wx.env.USER_DATA_PATH}/${+new Date()}.xlsx`;
+      let ids = "";
+      ids =
+        this.checkboxList.length === 0
+          ? this.list.map((item) => item.id).join()
+          : this.checkboxList.map((item) => item.id).join();
+      uni.request({
+        url: `https://visitor.gd.smartlog.work/visitor/exportMessage?ids=${ids}`,
+        responseType: "arraybuffer",
+        header: {
+          token: sessionId, //自定义请求头信息
+        },
+        success: ({ data }) => {
+          let fm = wx.getFileSystemManager();
+          fm.writeFile({
+            filePath,
+            data,
+            success: (res) => {
+              uni.openDocument({
+                filePath,
+                fileType: "xlsx",
+                showMenu: true,
+              });
+            },
+          });
+        },
+      });
+      this.checkboxList = [];
+    },
+    //根据条件搜索
+    async searchList() {
+      const res = await getList(this.queryList);
+      if (res.length == 0) {
+        this.list = [];
+      } else {
+        this.list = res.map((item) => {
+          if (item.visitorApplyStatus == "1") {
+            item.status = "申请已提交";
+            item.color = "blue";
+          } else if (item.visitorApplyStatus == "2") {
+            item.status = "申请已通过";
+            item.color = "green";
+          } else {
+            item.status = "申请未通过";
+            item.color = "red";
+          }
+          return item;
+        });
+      }
+    },
+    //选中状态
+    statusSelect(e) {
+      this.statusInfo = e.name;
+      this.queryList.status = e.id;
+      this.searchList();
+    },
+    //打开导出提示框
+    pass(leixin) {
+      this.leixin = leixin;
+      this.text = this.checkboxList.length !== 0 ? "选中的" : "所有";
+      this.ispassShow = true;
+    },
+    async possQr() {
+      let ids =
+        this.checkboxList.length === 0
+          ? this.list.map((item) => item.id).join()
+          : this.checkboxList.map((item) => item.id).join();
+      let res = await solveStatus(this.leixin == "通过" ? "2" : "3", ids);
+      this.searchList();
+      this.ispassShow = false;
+      this.checkboxList = [];
+    },
+    exportQr() {
+      this.exportClick();
+      this.isExportShow = false;
+    },
+    eyeLoock(messageId) {
+      wx.navigateTo({
+        url: `/pages/info/info?messageId=${messageId}`,
+      });
+    },
+    //取消选择时间
+    closeTime() {
+      this.startTimeShow = false;
+      this.time = "筛选时间";
+      this.queryList = {
+        keywords: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+      };
+    },
+    //确定选择结束时间
+    async confirmEndTime(e) {
+      this.queryList.endTime = await this.shijianc(e.value);
+      this.isTimeZ = await this.yueFen(e.value);
+      this.time = `${this.isTimeQ}${this.isTimeZ}`;
+      this.endTimeShow = false;
+      this.searchList();
+    },
+    //确定选择开始时间
+    async confirmTime(e) {
+      this.queryList.startTime = await this.shijianc(e.value);
+      this.isTimeQ = await this.yueFen(e.value);
+      this.startTimeShow = false;
+      this.endTimeShow = true;
+    },
+    shijianc(time) {
+      let date = new Date(time);
+      let Y = date.getFullYear() + "-";
+      let M =
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) + "-";
+      let D =
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
+      let h =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
+      let m =
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":";
+      let s =
+        date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
+      return Y + M + D + h + m + s;
+    },
+    yueFen(time) {
+      let date = new Date(time);
+      let M =
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) + "-";
+      let D =
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
+      return M + D;
+    },
+    //格式化时间
+    formatter(type, value) {
+      if (type === "year") {
+        return `${value}年`;
+      }
+      if (type === "month") {
+        return `${value}月`;
+      }
+      if (type === "day") {
+        return `${value}日`;
+      }
+      return value;
+    },
+
+    confirmPhone() {
+      this.phone = this.inputValue;
+      this.show = false;
+      this.checkphone();
+    },
+    async checkphone() {
+      //有电话就去验证
+      if (this.phone) {
+        const res = await verifyPhone(this.phone);
+        if (res === "用户未注册") {
+          wx.reLaunch({
+            url: "/pages/register/register",
+          });
+        } else {
+          uni.setStorageSync("registerPhone", this.phone);
+          getUserProfile();
+        }
+      } else {
+        //没有电话就弹出授权
+        this.show = true;
+      }
+    },
   },
-}
+};
 </script>
 
 <style scoped lang="scss">
 .list {
   box-sizing: border-box;
   padding-bottom: 160rpx;
-  .list-top{
-  border-radius: 20rpx;	  
-  padding: 0 20rpx 5rpx ;
-  background-color: #fff;
+  .list-top {
+    border-radius: 20rpx;
+    padding: 0 20rpx 5rpx;
+    background-color: #fff;
   }
-  .list-content{
-	border-radius: 20rpx;
-	margin-top: 20rpx;
-	padding: 0 20rpx;
-	background-color: #fff;  
+  .list-content {
+    border-radius: 20rpx;
+    margin-top: 20rpx;
+    padding: 0 20rpx;
+    background-color: #fff;
   }
   .tab-th {
     margin-top: 16rpx;
-	margin-bottom: 10rpx;
+    margin-bottom: 10rpx;
     display: flex;
-	.dressingTime{
-		width: 260rpx;
-		height: 72rpx;
-		background-color: #F0F0F0;
-		text-align: center;
-		line-height: 72rpx;
-		color: #837d7d;
-		border-radius: 72rpx;
-	}
-	.dressingStatusInfo{
-		margin-left: 30rpx;
-		width: 260rpx;
-		height: 72rpx;
-		background-color: #F0F0F0;
-		text-align: center;
-		line-height: 72rpx;
-		color: #837d7d;
-		border-radius: 72rpx;
-	}
+    .dressingTime {
+      width: 260rpx;
+      height: 72rpx;
+      background-color: #f0f0f0;
+      text-align: center;
+      line-height: 72rpx;
+      color: #837d7d;
+      border-radius: 72rpx;
+    }
+    .dressingStatusInfo {
+      margin-left: 30rpx;
+      width: 260rpx;
+      height: 72rpx;
+      background-color: #f0f0f0;
+      text-align: center;
+      line-height: 72rpx;
+      color: #837d7d;
+      border-radius: 72rpx;
+    }
     .icon {
       margin-left: 30rpx;
-	  width: 210rpx;
+      width: 210rpx;
       display: flex;
-	  justify-content: space-between;
-	  align-items: center;
-	  .close-circle{
-		  width: 55rpx;
-		  height: 55rpx;
-		  background: url(@/static/listIcon/noNext.png) no-repeat;
-		  background-size: contain;
-	  }
-	  .checkmark-circle{
-		 width: 55rpx;
-		 height: 55rpx;
-		 background: url(@/static/listIcon/next.png) no-repeat;
-		 background-size: contain; 
-	  }
-	  .share-square{
-		  width: 55rpx;
-		  height: 55rpx;
-		  background: url(@/static/listIcon/export.png) no-repeat;
-		  background-size: contain; 
-	  }
+      justify-content: space-between;
+      align-items: center;
+      .close-circle {
+        width: 55rpx;
+        height: 55rpx;
+        background: url(@/static/listIcon/noNext.png) no-repeat;
+        background-size: contain;
+      }
+      .checkmark-circle {
+        width: 55rpx;
+        height: 55rpx;
+        background: url(@/static/listIcon/next.png) no-repeat;
+        background-size: contain;
+      }
+      .share-square {
+        width: 55rpx;
+        height: 55rpx;
+        background: url(@/static/listIcon/export.png) no-repeat;
+        background-size: contain;
+      }
     }
   }
   .table {
@@ -452,117 +519,117 @@
     .table-checkbox {
       width: 30rpx;
       height: 100rpx;
-	  padding: 50rpx 5rpx 3rpx 3rpx;
+      padding: 50rpx 5rpx 3rpx 3rpx;
     }
-	.table-item{
-		width: 360rpx;
-		margin-left: 20rpx;
-		margin-right: 40rpx;
-		.table-item-top{
-		 display: flex;
-		 justify-content: space-between;
-		 .table-name {
-		   font-size: 34rpx;
-		   font-weight: 500;
-		 }
-		 .table-number {
-		   font-size: 26rpx;
-		   color: #ccc;
-		 }
-		}
-		
-		.table-time {
-		  margin-top: 10rpx;
-		  font-size: 26rpx;
-		  color: #ccc;
-		}
-		
-		
-	}
-    
+    .table-item {
+      width: 360rpx;
+      margin-left: 20rpx;
+      margin-right: 40rpx;
+      .table-item-top {
+        display: flex;
+        justify-content: space-between;
+        .table-name {
+          font-size: 34rpx;
+          font-weight: 500;
+        }
+        .table-number {
+          font-size: 26rpx;
+          color: #ccc;
+        }
+      }
+
+      .table-time {
+        margin-top: 10rpx;
+        font-size: 26rpx;
+        color: #ccc;
+      }
+    }
+
     .table-icon {
       display: flex;
       justify-content: center;
-	  align-items: center;
-	  margin-left: 25rpx;
-	  padding-right: 10rpx;
+      align-items: center;
+      margin-left: 25rpx;
+      padding-right: 10rpx;
       height: 150rpx;
-	  width: 50rpx;
-	  .icon-info{
-		  width: 55rpx;
-		  height: 55rpx;
-		  background: url(@/static/listIcon/overInfo.png) no-repeat;
-		  background-size: 55rpx 55rpx;
-	  }
+      width: 50rpx;
+      .icon-info {
+        width: 55rpx;
+        height: 55rpx;
+        background: url(@/static/listIcon/overInfo.png) no-repeat;
+        background-size: 55rpx 55rpx;
+      }
     }
   }
 }
-		/deep/.u-input--radius{
-			background-color: #F0F0F0 !important;
-		}
-         .popup {
-			width: 700rpx;
-			height: 450rpx;
-			.popup-title {
-				text-align: center;
-				font-size: 36rpx;
-				margin: 35rpx;
-				margin-top: 96rpx;
-			}
-			.popup-buttom {
-				padding: 70rpx;
-				margin-top: 150rpx;
-				display: flex;
-				justify-content: space-between;
-			}
-			.popup-jujue-fanhui {
-				border: none;
-				border-radius: 8rpx;
-				background-color: gray;
-				color: #fff;
-			}
-			.popup-jujue-queren {
-				border: none;
-				border-radius: 8rpx;
-				background-color: skyblue;
-				color: #fff;
-			}
-			.popup-buttom view {
-				width: 180rpx;
-				height: 56rpx;
-				text-align: center;
-				line-height: 56rpx;
-				border-radius: 6rpx;
-				border: 1px #000 solid;
-			}
-		}
-		.green{
-			width: 240rpx;
-			height: 48rpx;
-			background-color: #00AA88;
-			text-align: center;
-			line-height: 48rpx;
-			border-radius: 48rpx;
-			color: #fff;
-		}
-		.blue{
-			width: 240rpx;
-			height: 48rpx;
-			background-color: #85C2FF;
-			text-align: center;
-			line-height: 48rpx;
-			border-radius: 48rpx;
-			color: #fff;
-		}
-		.red{
-			width: 240rpx;
-			height: 48rpx;
-			background-color: #FA5A5A;
-			text-align: center;
-			line-height: 48rpx;
-			border-radius: 48rpx;
-			color: #fff;
-		}
+/deep/.u-input__content {
+  background-color: #f0f0f0;
+  border-radius: 10rpx;
+  height: 80rpx;
+}
+.popup {
+  width: 700rpx;
+  height: 450rpx;
+  .popup-title {
+    text-align: center;
+    font-size: 36rpx;
+    margin: 35rpx;
+    margin-top: 96rpx;
+  }
+  .popup-buttom {
+    padding: 70rpx;
+    margin-top: 150rpx;
+    display: flex;
+    justify-content: space-between;
+  }
+  .popup-jujue-fanhui {
+    border: none;
+    border-radius: 8rpx;
+    background-color: gray;
+    color: #fff;
+  }
+  .popup-jujue-queren {
+    border: none;
+    border-radius: 8rpx;
+    background-color: skyblue;
+    color: #fff;
+  }
+  .popup-buttom view {
+    width: 180rpx;
+    height: 56rpx;
+    text-align: center;
+    line-height: 56rpx;
+    border-radius: 6rpx;
+    border: 1px #000 solid;
+  }
+}
+.green {
+  width: 240rpx;
+  height: 48rpx;
+  background-color: #00aa88;
+  text-align: center;
+  line-height: 48rpx;
+  border-radius: 48rpx;
+  color: #fff;
+}
+.blue {
+  width: 240rpx;
+  height: 48rpx;
+  background-color: #85c2ff;
+  text-align: center;
+  line-height: 48rpx;
+  border-radius: 48rpx;
+  color: #fff;
+}
+.red {
+  width: 240rpx;
+  height: 48rpx;
+  background-color: #fa5a5a;
+  text-align: center;
+  line-height: 48rpx;
+  border-radius: 48rpx;
+  color: #fff;
+}
 </style>
 
 <style lang="scss">

diff --git a/api/list.js b/api/list.js
index f83bc41..048b9e2 100644
--- a/api/list.js
+++ b/api/list.js
@@ -20,4 +20,5 @@
 export function getMessageInfo(params) {
 	useNetWork();
   return fetch.get(MessageInfo,params).then(res => res);
-}
\ No newline at end of file
+}
+
diff --git a/pages/list/list.vue b/pages/list/list.vue
index c19853f..4f821f1 100644
--- a/pages/list/list.vue
+++ b/pages/list/list.vue
@@ -2,446 +2,513 @@
 <template>
   <view class="list">
     <TabBar></TabBar>
-    	<view class="list-top">
-    		<u-input
-    		  placeholder="关键字搜索"
-    		  prefixIcon="search"
-    		  v-model="queryList.keywords"
-    		  @change="change"
-    		  prefixIconStyle="font-size: 22px;color: #909399"
-    		></u-input>
-    		<view class="tab-th">
-    		  <text class="dressingTime" @click="startTimeShow = true">{{time}}</text>
-    		  <text class="dressingStatusInfo" @click="statusShow=true">{{statusInfo}}</text>
-    		  <view class="icon">
-    		    <text class="checkmark-circle"  @click="pass('通过')"></text>
-    		    <text
-    		      class="close-circle"
-    			  @click="pass('拒绝')"
-    		    ></text>
-				<text
-				      class="share-square"
-					  @click="isExportShow = true"
-				    ></text>
-				</view>
-				</view>
-				</view>
-        <view class="list-content">
-        	<view class="table" v-for="(item,index) in list" :key="index">
-        	  <view class="table-checkbox">
-        	    <u-checkbox-group v-model="item.value" >
-        	    	<u-checkbox @change="checkboxChange(item)"  shape="circle"></u-checkbox>
-        	    </u-checkbox-group>
-        	  </view>
-        	  <view class="table-item">
-        		  <view class="table-item-top">
-        		  	<view class="table-name"> {{item.visitorName}} </view>
-        		  	<view class="table-number">{{item.staffCode}} </view>
-        		  </view>
-        	  	 <view class="table-item-buttom">
-        	  	 	<view class="table-time"> {{item.inTime}} </view>
-        	  	 </view>
-        	  </view>
-        	  <view  :class="item.color"> {{item.status }} </view>
-        	  <view class="table-icon">
-        	    <view class="icon-info" @click="eyeLoock(item.applyNo)"></view>
-        	  </view>
-        	</view>
+    <view class="list-top">
+      <u-input
+        placeholder="关键字搜索"
+        prefixIcon="search"
+        border="none"
+        v-model="queryList.keywords"
+        @change="change"
+        prefixIconStyle="font-size: 52rpx;color: #000"
+      ></u-input>
+      <view class="tab-th">
+        <text class="dressingTime" @click="startTimeShow = true">{{
+          time
+        }}</text>
+        <text class="dressingStatusInfo" @click="statusShow = true">{{
+          statusInfo
+        }}</text>
+        <view class="icon">
+          <text class="checkmark-circle" @click="pass('通过')"></text>
+          <text class="close-circle" @click="pass('拒绝')"></text>
+          <text class="share-square" @click="isExportShow = true"></text>
         </view>
-	<u-popup :show="isExportShow" mode="center" :round="10" :closeOnClickOverlay="false" @close="close" >
-		<view class="popup">
-			<view class="popup-title">
-              确认将{{checkExport}}访客表单导出吗？
-			</view>
-			<view class="popup-buttom">
-				<view class="popup-jujue popup-jujue-fanhui" @click="isExportShow = false">
-					取消
-				</view>
-				<view class="popup-yunxu popup-jujue-queren" @click="exportQr">
-					确认
-				</view>
-			</view>
-		</view>
-	</u-popup>
-	<u-popup :show="ispassShow" mode="center" :round="10" :closeOnClickOverlay="false" @close="close" >
-	<view class="popup">
-			<view class="popup-title">
-	          确定要将{{text}}的{{leixin}}
-			</view>
-			<view class="popup-buttom">
-				<view class="popup-jujue popup-jujue-fanhui" @click="ispassShow = false">
-					取消
-				</view>
-				<view class="popup-yunxu popup-jujue-queren" @click="possQr">
-					确认
-				</view>
-			</view>
-		</view>
-	</u-popup>
-	<u-datetime-picker :show="startTimeShow"  mode="datetime" title="请选择开始时间"
-		:formatter="formatter" :minDate="lastMonth"  @cancel="closeTime"  @confirm="confirmTime">
-	</u-datetime-picker>
-	<u-datetime-picker :show="endTimeShow"  mode="datetime" title="请选择结束时间"
-		:formatter="formatter" :minDate="Number(new Date())"  @cancel="endTimeShow = false"  @confirm="confirmEndTime">
-	</u-datetime-picker>
-	<u-action-sheet
-	  :show="statusShow"
-	  :actions="statusList"
-	  title="请选择状态"
-	  description="只能单选"
-	  @close="statusShow = false"
-	  @select="statusSelect"
-	>
-	</u-action-sheet>
-	
-	<u-popup
-	  customStyle="poppo"
-	  :show="show"
-	  :round="10"
-	  mode="center"
-		:closeOnClickOverlay="false"
-	  @close="show = false"
-	>
-	  <u--input
-	    v-model="inputValue"
-	    placeholder="填写手机号码"
-	    border="surround"
-	  ></u--input>
-	  <button @click="confirmPhone">确认</button>
-	</u-popup>
+      </view>
+    </view>
+    <view class="list-content">
+      <view class="table" v-for="(item, index) in list" :key="index">
+        <view class="table-checkbox">
+          <u-checkbox-group v-model="item.value">
+            <u-checkbox
+              @change="checkboxChange(item)"
+              shape="circle"
+            ></u-checkbox>
+          </u-checkbox-group>
+        </view>
+        <view class="table-item">
+          <view class="table-item-top">
+            <view class="table-name"> {{ item.visitorName }} </view>
+            <view class="table-number">{{ item.applyNo }} </view>
+          </view>
+          <view class="table-item-buttom">
+            <view class="table-time"> {{ item.inTime }} </view>
+          </view>
+        </view>
+        <view :class="item.color"> {{ item.status }} </view>
+        <view class="table-icon">
+          <view class="icon-info" @click="eyeLoock(item.applyNo)"></view>
+        </view>
+      </view>
+    </view>
+    <u-popup
+      :show="isExportShow"
+      mode="center"
+      :round="10"
+      :closeOnClickOverlay="false"
+      @close="close"
+    >
+      <view class="popup">
+        <view class="popup-title">
+          确认将{{ checkExport }}访客表单导出吗？
+        </view>
+        <view class="popup-buttom">
+          <view
+            class="popup-jujue popup-jujue-fanhui"
+            @click="isExportShow = false"
+          >
+            取消
+          </view>
+          <view class="popup-yunxu popup-jujue-queren" @click="exportQr">
+            确认
+          </view>
+        </view>
+      </view>
+    </u-popup>
+    <u-popup
+      :show="ispassShow"
+      mode="center"
+      :round="10"
+      :closeOnClickOverlay="false"
+      @close="close"
+    >
+      <view class="popup">
+        <view class="popup-title"> 确定要将{{ text }}的{{ leixin }} </view>
+        <view class="popup-buttom">
+          <view
+            class="popup-jujue popup-jujue-fanhui"
+            @click="ispassShow = false"
+          >
+            取消
+          </view>
+          <view class="popup-yunxu popup-jujue-queren" @click="possQr">
+            确认
+          </view>
+        </view>
+      </view>
+    </u-popup>
+    <u-datetime-picker
+      :show="startTimeShow"
+      mode="datetime"
+      title="请选择开始时间"
+      :formatter="formatter"
+      :minDate="lastMonth"
+      @cancel="closeTime"
+      @confirm="confirmTime"
+    >
+    </u-datetime-picker>
+    <u-datetime-picker
+      :show="endTimeShow"
+      mode="datetime"
+      title="请选择结束时间"
+      :formatter="formatter"
+      :minDate="Number(new Date())"
+      @cancel="endTimeShow = false"
+      @confirm="confirmEndTime"
+    >
+    </u-datetime-picker>
+    <u-action-sheet
+      :show="statusShow"
+      :actions="statusList"
+      title="请选择状态"
+      description="只能单选"
+      @close="statusShow = false"
+      @select="statusSelect"
+    >
+    </u-action-sheet>
+
+    <u-popup
+      customStyle="poppo"
+      :show="show"
+      :round="10"
+      mode="center"
+      :closeOnClickOverlay="false"
+      @close="show = false"
+    >
+      <u--input
+        v-model="inputValue"
+        placeholder="填写手机号码"
+        border="surround"
+      ></u--input>
+      <button @click="confirmPhone">确认</button>
+    </u-popup>
   </view>
 </template>
 
 <script>
-import TabBar from '@/components/tabBar/tabBar.vue';
-import {getList} from '@/api/list.js';
-import {debounce} from '@/common/utils.js';
-import {getLastMonth} from '@/common/formatTime.js';
-import {solveStatus} from '@/api/message.js';
+import TabBar from "@/components/tabBar/tabBar.vue";
+import { getList } from "@/api/list.js";
+import { debounce } from "@/common/utils.js";
+import { getLastMonth } from "@/common/formatTime.js";
+import { solveStatus } from "@/api/message.js";
 import { verifyPhone } from "@/api/index.js";
 import { getLogin, getUserProfile } from "@/utils/auth.js";
+import BASE_URL from "@/api/base.js";
 export default {
   components: {
     TabBar,
   },
   data() {
     return {
-	  queryList:{
-			keywords:'' ,
-			startTime:'',
-			endTime:'',
-			status:''
-		 },
+      queryList: {
+        keywords: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+      },
       list: [],
-			isExportShow:false,
-			ispassShow:false,
-			leixin:'',
-			text:'已通过',
-			checkboxList:[],
-			checkExport:'所有',
-			startTimeShow:false,
-			lastMonth: Number(new Date()) - 25920000000,
-			endTimeShow:false,
-			TimeNextShow:false,
-			statusShow:false,
-			statusList:[{name:'申请已提交',id:'1'},{name:'申请已通过',id:'2'},{name:'申请已失败',id:'3'}],
-			time:'筛选时间',
-			isTimeQ:'',
-			isTimeZ:'',
-			statusInfo:'筛选状态',
-			show: false,
-			inputValue: "",
-    }
+      isExportShow: false,
+      ispassShow: false,
+      leixin: "",
+      text: "已通过",
+      checkboxList: [],
+      checkExport: "所有",
+      startTimeShow: false,
+      lastMonth: Number(new Date()) - 25920000000,
+      endTimeShow: false,
+      TimeNextShow: false,
+      statusShow: false,
+      statusList: [
+        { name: "申请已提交", id: "1" },
+        { name: "申请已通过", id: "2" },
+        { name: "申请已失败", id: "3" },
+      ],
+      time: "筛选时间",
+      isTimeQ: "",
+      isTimeZ: "",
+      statusInfo: "筛选状态",
+      show: false,
+      inputValue: "",
+    };
   },
   async onShow() {
-    let pages = getCurrentPages()
-    const curPage = pages[pages.length - 1]
-    this.currentPagePath = curPage.route
-    uni.setStorageSync('currentPagePath', this.currentPagePath)
-		
-		//验证手机号
-		this.phone = uni.getStorageSync("registerPhone");
-		console.log('----------', typeof this.phone);
-		this.checkphone();
-		
-		this.queryList = {
-			keywords:'' ,
-			startTime:'',
-			endTime:'',
-			status:''  
-		}
-		const res = await getList({})
-		this.list = res.map(item=>{
-			if(item.visitorApplyStatus == '1'){ 
-			 item.status = '申请已提交'
-			 item.color = 'blue'
-			}else if(item.visitorApplyStatus == '2'){
-				item.status = '申请已通过'
-				item.color = 'green'
-			}else {
-				item.status = '申请未通过'
-				item.color = 'red'
-			}
-			return item
-		})
+    let pages = getCurrentPages();
+    const curPage = pages[pages.length - 1];
+    this.currentPagePath = curPage.route;
+    uni.setStorageSync("currentPagePath", this.currentPagePath);
+
+    //验证手机号
+    this.phone = uni.getStorageSync("registerPhone");
+    console.log("----------", typeof this.phone);
+    this.checkphone();
+
+    this.queryList = {
+      keywords: "",
+      startTime: "",
+      endTime: "",
+      status: "",
+    };
+    const res = await getList({});
+    this.list = res.map((item) => {
+      if (item.visitorApplyStatus == "1") {
+        item.status = "申请已提交";
+        item.color = "blue";
+      } else if (item.visitorApplyStatus == "2") {
+        item.status = "申请已通过";
+        item.color = "green";
+      } else {
+        item.status = "申请未通过";
+        item.color = "red";
+      }
+      return item;
+    });
   },
   //下拉刷新
-  onPullDownRefresh(){
-	  this.queryList = {
-		 keywords:'' ,
-		 startTime:'',
-		 endTime:'',
-		 status:'' 
-	  }
-	  this.statusInfo = '筛选状态'
-	  this.time ='筛选时间'
-	  this.searchList() 
-	  this.checkboxList = []
-	  this.checkExport = '所有'
-	setTimeout(()=>{
-	  uni.stopPullDownRefresh()
-	},1000)
+  onPullDownRefresh() {
+    this.queryList = {
+      keywords: "",
+      startTime: "",
+      endTime: "",
+      status: "",
+    };
+    this.statusInfo = "筛选状态";
+    this.time = "筛选时间";
+    this.searchList();
+    this.checkboxList = [];
+    this.checkExport = "所有";
+    setTimeout(() => {
+      uni.stopPullDownRefresh();
+    }, 1000);
   },
   methods: {
-	  //选中的数据
-	  checkboxChange(item){ 
-		  if(this.checkboxList.indexOf(item) == -1){
-			  this.checkboxList.push(item)
-		  }else {
-			  this.checkboxList.splice(this.checkboxList.indexOf(item),1)
-		  }
-		  if(this.checkboxList.length > 0){
-			  this.checkExport = '选中的'
-		  }else {
-			  this.checkExport = '所有'
-		  }
-	  },
-	  //搜索框发生改变
-	 async change(e){
-		 if(e.trim() === '') {
-			 const res = await getList({})
-			return this.list = res.map(item=>{
-			  if(item.visitorApplyStatus == '1'){ 
-				 item.status = '申请已提交'
-				 item.color = 'blue'
-			  }else if(item.visitorApplyStatus == '2'){
-				  item.status = '申请已通过'
-				  item.color = 'green'
-			  }else {
-				  item.status = '申请未通过'
-				  item.color = 'red'
-			  }
-			  return item
-			}) 
-		 }
-		 debounce(this.searchList(),10000)
-	  },
-	  exportClick() {
-	  
-	 },
-	  //根据条件搜索
-	 async searchList(){  
-		const res = await getList(this.queryList)
-		if(res.length == 0){
-		    this.list = []
-		}else{
-	  this.list = res.map(item=>{
-      if(item.visitorApplyStatus == '1'){ 
-		 item.status = '申请已提交'
-		 item.color = 'blue'
-	  }else if(item.visitorApplyStatus == '2'){
-		  item.status = '申请已通过'
-		  item.color = 'green'
-	  }else {
-		  item.status = '申请未通过'
-		  item.color = 'red'
-	  }
-	  return item
-	})
-		}
-	  },
-	  //选中状态
-	  statusSelect(e){
-		this.statusInfo = e.name
-		this.queryList.status = e.id
-		this.searchList()
-	  },
-	  //打开导出提示框
-	  pass(leixin){
-		  this.leixin = leixin
-		  this.checkboxList.length !== 0 ? this.text = '选中的' : this.text = '全部' 
-		   this.ispassShow = true
-	  },
-	 async possQr(){
-		  if(this.checkboxList.length === 0){
-			  let ids =  await this.list.map(item=>{
-			  	 return item.id
-			  })
-			  ids = ids.join()
-			  let res = await solveStatus(this.leixin == '通过' ? '2' : '3',ids)
-		  }else {
-			 let ids = await this.checkboxList.map(item=>{
-			 	return item.id
-			 })
-			ids = ids.join()
-			let res = await solveStatus(this.leixin == '通过' ? '2' : '3',ids)
-		  } 
-		  this.searchList()
-		  this.ispassShow = false
-		  this.checkboxList = []
-	  },
-	  exportQr(){
-		  this.isExportShow = false
-		  this.exportClick()
-	  },
-	  eyeLoock(messageId){
-		  wx.navigateTo({
-		  	url: `/pages/info/info?messageId=${messageId}`,
-		  });
-	  },
-	  //取消选择时间
-	  closeTime() {
-	  	this.startTimeShow = false
-		this.time = '筛选时间'
-		this.queryList = {
-				 keywords:'' ,
-				 startTime:'',
-				 endTime:'',
-				 status:'' 
-		}
-	  },
-	  //确定选择结束时间
-	 async confirmEndTime(e){
-		this.queryList.endTime = await this.shijianc(e.value)
-		this.isTimeZ = await this.yueFen(e.value)
-		this.time = `${this.isTimeQ}${this.isTimeZ}`
-		this.endTimeShow = false
-		this.searchList()  
-	  },
-	  //确定选择开始时间
-	  async confirmTime(e) {
-	  	this.queryList.startTime = await this.shijianc(e.value)
-		this.isTimeQ = await this.yueFen(e.value)
-	  	this.startTimeShow = false
-		this.endTimeShow = true
-	  },
-	  shijianc(time) {
-	  	let date = new Date(time)
-	  	let Y = date.getFullYear() + '-'
-	  	let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
-	  	let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
-	  	let h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
-	  	let m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'
-	  	let s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())
-	  	return Y + M + D + h + m + s
-	  },
-	  yueFen(time) {
-	  	let date = new Date(time)
-	  	let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
-	  	let D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
-	  	return  M + D 
-	  },
-	  //格式化时间
-	  formatter(type, value) {
-	  	if (type === 'year') {
-	  		return `${value}年`
-	  	}
-	  	if (type === 'month') {
-	  		return `${value}月`
-	  	}
-	  	if (type === 'day') {
-	  		return `${value}日`
-	  	}
-	  	return value
-	  },
-		
-		confirmPhone() {
-		  this.phone = this.inputValue;
-			this.show = false;
-		  this.checkphone();
-		},
-		async checkphone() {
-			//有电话就去验证
-			if(this.phone) {
-				const res = await verifyPhone(this.phone);
-				if (res === "用户未注册") {
-					wx.reLaunch({
-						url: "/pages/register/register",
-					});
-				} else {
-					uni.setStorageSync("registerPhone", this.phone);
-					getUserProfile();
-				}
-			} else { //没有电话就弹出授权
-				this.show = true;
-			}
-		}
+    //选中的数据
+    checkboxChange(item) {
+      if (this.checkboxList.indexOf(item) == -1) {
+        this.checkboxList.push(item);
+      } else {
+        this.checkboxList.splice(this.checkboxList.indexOf(item), 1);
+      }
+      this.checkExport = this.checkboxList.length > 0 ? "选中的" : "所有";
+    },
+    //搜索框发生改变
+    async change(e) {
+      if (e.trim() === "") {
+        const res = await getList({});
+        return (this.list = res.map((item) => {
+          if (item.visitorApplyStatus == "1") {
+            item.status = "申请已提交";
+            item.color = "blue";
+          } else if (item.visitorApplyStatus == "2") {
+            item.status = "申请已通过";
+            item.color = "green";
+          } else {
+            item.status = "申请未通过";
+            item.color = "red";
+          }
+          return item;
+        }));
+      }
+      debounce(this.searchList(), 10000);
+    },
+    //确定导出
+    async exportClick() {
+      const sessionId = uni.getStorageSync("sessionId");
+      let filePath = `${wx.env.USER_DATA_PATH}/${+new Date()}.xlsx`;
+      let ids = "";
+      ids =
+        this.checkboxList.length === 0
+          ? this.list.map((item) => item.id).join()
+          : this.checkboxList.map((item) => item.id).join();
+      uni.request({
+        url: `https://visitor.gd.smartlog.work/visitor/exportMessage?ids=${ids}`,
+        responseType: "arraybuffer",
+        header: {
+          token: sessionId, //自定义请求头信息
+        },
+        success: ({ data }) => {
+          let fm = wx.getFileSystemManager();
+          fm.writeFile({
+            filePath,
+            data,
+            success: (res) => {
+              uni.openDocument({
+                filePath,
+                fileType: "xlsx",
+                showMenu: true,
+              });
+            },
+          });
+        },
+      });
+      this.checkboxList = [];
+    },
+    //根据条件搜索
+    async searchList() {
+      const res = await getList(this.queryList);
+      if (res.length == 0) {
+        this.list = [];
+      } else {
+        this.list = res.map((item) => {
+          if (item.visitorApplyStatus == "1") {
+            item.status = "申请已提交";
+            item.color = "blue";
+          } else if (item.visitorApplyStatus == "2") {
+            item.status = "申请已通过";
+            item.color = "green";
+          } else {
+            item.status = "申请未通过";
+            item.color = "red";
+          }
+          return item;
+        });
+      }
+    },
+    //选中状态
+    statusSelect(e) {
+      this.statusInfo = e.name;
+      this.queryList.status = e.id;
+      this.searchList();
+    },
+    //打开导出提示框
+    pass(leixin) {
+      this.leixin = leixin;
+      this.text = this.checkboxList.length !== 0 ? "选中的" : "所有";
+      this.ispassShow = true;
+    },
+    async possQr() {
+      let ids =
+        this.checkboxList.length === 0
+          ? this.list.map((item) => item.id).join()
+          : this.checkboxList.map((item) => item.id).join();
+      let res = await solveStatus(this.leixin == "通过" ? "2" : "3", ids);
+      this.searchList();
+      this.ispassShow = false;
+      this.checkboxList = [];
+    },
+    exportQr() {
+      this.exportClick();
+      this.isExportShow = false;
+    },
+    eyeLoock(messageId) {
+      wx.navigateTo({
+        url: `/pages/info/info?messageId=${messageId}`,
+      });
+    },
+    //取消选择时间
+    closeTime() {
+      this.startTimeShow = false;
+      this.time = "筛选时间";
+      this.queryList = {
+        keywords: "",
+        startTime: "",
+        endTime: "",
+        status: "",
+      };
+    },
+    //确定选择结束时间
+    async confirmEndTime(e) {
+      this.queryList.endTime = await this.shijianc(e.value);
+      this.isTimeZ = await this.yueFen(e.value);
+      this.time = `${this.isTimeQ}${this.isTimeZ}`;
+      this.endTimeShow = false;
+      this.searchList();
+    },
+    //确定选择开始时间
+    async confirmTime(e) {
+      this.queryList.startTime = await this.shijianc(e.value);
+      this.isTimeQ = await this.yueFen(e.value);
+      this.startTimeShow = false;
+      this.endTimeShow = true;
+    },
+    shijianc(time) {
+      let date = new Date(time);
+      let Y = date.getFullYear() + "-";
+      let M =
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) + "-";
+      let D =
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
+      let h =
+        (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
+      let m =
+        (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
+        ":";
+      let s =
+        date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
+      return Y + M + D + h + m + s;
+    },
+    yueFen(time) {
+      let date = new Date(time);
+      let M =
+        (date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1)
+          : date.getMonth() + 1) + "-";
+      let D =
+        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
+      return M + D;
+    },
+    //格式化时间
+    formatter(type, value) {
+      if (type === "year") {
+        return `${value}年`;
+      }
+      if (type === "month") {
+        return `${value}月`;
+      }
+      if (type === "day") {
+        return `${value}日`;
+      }
+      return value;
+    },
+
+    confirmPhone() {
+      this.phone = this.inputValue;
+      this.show = false;
+      this.checkphone();
+    },
+    async checkphone() {
+      //有电话就去验证
+      if (this.phone) {
+        const res = await verifyPhone(this.phone);
+        if (res === "用户未注册") {
+          wx.reLaunch({
+            url: "/pages/register/register",
+          });
+        } else {
+          uni.setStorageSync("registerPhone", this.phone);
+          getUserProfile();
+        }
+      } else {
+        //没有电话就弹出授权
+        this.show = true;
+      }
+    },
   },
-}
+};
 </script>
 
 <style scoped lang="scss">
 .list {
   box-sizing: border-box;
   padding-bottom: 160rpx;
-  .list-top{
-  border-radius: 20rpx;	  
-  padding: 0 20rpx 5rpx ;
-  background-color: #fff;
+  .list-top {
+    border-radius: 20rpx;
+    padding: 0 20rpx 5rpx;
+    background-color: #fff;
   }
-  .list-content{
-	border-radius: 20rpx;
-	margin-top: 20rpx;
-	padding: 0 20rpx;
-	background-color: #fff;  
+  .list-content {
+    border-radius: 20rpx;
+    margin-top: 20rpx;
+    padding: 0 20rpx;
+    background-color: #fff;
   }
   .tab-th {
     margin-top: 16rpx;
-	margin-bottom: 10rpx;
+    margin-bottom: 10rpx;
     display: flex;
-	.dressingTime{
-		width: 260rpx;
-		height: 72rpx;
-		background-color: #F0F0F0;
-		text-align: center;
-		line-height: 72rpx;
-		color: #837d7d;
-		border-radius: 72rpx;
-	}
-	.dressingStatusInfo{
-		margin-left: 30rpx;
-		width: 260rpx;
-		height: 72rpx;
-		background-color: #F0F0F0;
-		text-align: center;
-		line-height: 72rpx;
-		color: #837d7d;
-		border-radius: 72rpx;
-	}
+    .dressingTime {
+      width: 260rpx;
+      height: 72rpx;
+      background-color: #f0f0f0;
+      text-align: center;
+      line-height: 72rpx;
+      color: #837d7d;
+      border-radius: 72rpx;
+    }
+    .dressingStatusInfo {
+      margin-left: 30rpx;
+      width: 260rpx;
+      height: 72rpx;
+      background-color: #f0f0f0;
+      text-align: center;
+      line-height: 72rpx;
+      color: #837d7d;
+      border-radius: 72rpx;
+    }
     .icon {
       margin-left: 30rpx;
-	  width: 210rpx;
+      width: 210rpx;
       display: flex;
-	  justify-content: space-between;
-	  align-items: center;
-	  .close-circle{
-		  width: 55rpx;
-		  height: 55rpx;
-		  background: url(@/static/listIcon/noNext.png) no-repeat;
-		  background-size: contain;
-	  }
-	  .checkmark-circle{
-		 width: 55rpx;
-		 height: 55rpx;
-		 background: url(@/static/listIcon/next.png) no-repeat;
-		 background-size: contain; 
-	  }
-	  .share-square{
-		  width: 55rpx;
-		  height: 55rpx;
-		  background: url(@/static/listIcon/export.png) no-repeat;
-		  background-size: contain; 
-	  }
+      justify-content: space-between;
+      align-items: center;
+      .close-circle {
+        width: 55rpx;
+        height: 55rpx;
+        background: url(@/static/listIcon/noNext.png) no-repeat;
+        background-size: contain;
+      }
+      .checkmark-circle {
+        width: 55rpx;
+        height: 55rpx;
+        background: url(@/static/listIcon/next.png) no-repeat;
+        background-size: contain;
+      }
+      .share-square {
+        width: 55rpx;
+        height: 55rpx;
+        background: url(@/static/listIcon/export.png) no-repeat;
+        background-size: contain;
+      }
     }
   }
   .table {
@@ -452,117 +519,117 @@
     .table-checkbox {
       width: 30rpx;
       height: 100rpx;
-	  padding: 50rpx 5rpx 3rpx 3rpx;
+      padding: 50rpx 5rpx 3rpx 3rpx;
     }
-	.table-item{
-		width: 360rpx;
-		margin-left: 20rpx;
-		margin-right: 40rpx;
-		.table-item-top{
-		 display: flex;
-		 justify-content: space-between;
-		 .table-name {
-		   font-size: 34rpx;
-		   font-weight: 500;
-		 }
-		 .table-number {
-		   font-size: 26rpx;
-		   color: #ccc;
-		 }
-		}
-		
-		.table-time {
-		  margin-top: 10rpx;
-		  font-size: 26rpx;
-		  color: #ccc;
-		}
-		
-		
-	}
-    
+    .table-item {
+      width: 360rpx;
+      margin-left: 20rpx;
+      margin-right: 40rpx;
+      .table-item-top {
+        display: flex;
+        justify-content: space-between;
+        .table-name {
+          font-size: 34rpx;
+          font-weight: 500;
+        }
+        .table-number {
+          font-size: 26rpx;
+          color: #ccc;
+        }
+      }
+
+      .table-time {
+        margin-top: 10rpx;
+        font-size: 26rpx;
+        color: #ccc;
+      }
+    }
+
     .table-icon {
       display: flex;
       justify-content: center;
-	  align-items: center;
-	  margin-left: 25rpx;
-	  padding-right: 10rpx;
+      align-items: center;
+      margin-left: 25rpx;
+      padding-right: 10rpx;
       height: 150rpx;
-	  width: 50rpx;
-	  .icon-info{
-		  width: 55rpx;
-		  height: 55rpx;
-		  background: url(@/static/listIcon/overInfo.png) no-repeat;
-		  background-size: 55rpx 55rpx;
-	  }
+      width: 50rpx;
+      .icon-info {
+        width: 55rpx;
+        height: 55rpx;
+        background: url(@/static/listIcon/overInfo.png) no-repeat;
+        background-size: 55rpx 55rpx;
+      }
     }
   }
 }
-		/deep/.u-input--radius{
-			background-color: #F0F0F0 !important;
-		}
-         .popup {
-			width: 700rpx;
-			height: 450rpx;
-			.popup-title {
-				text-align: center;
-				font-size: 36rpx;
-				margin: 35rpx;
-				margin-top: 96rpx;
-			}
-			.popup-buttom {
-				padding: 70rpx;
-				margin-top: 150rpx;
-				display: flex;
-				justify-content: space-between;
-			}
-			.popup-jujue-fanhui {
-				border: none;
-				border-radius: 8rpx;
-				background-color: gray;
-				color: #fff;
-			}
-			.popup-jujue-queren {
-				border: none;
-				border-radius: 8rpx;
-				background-color: skyblue;
-				color: #fff;
-			}
-			.popup-buttom view {
-				width: 180rpx;
-				height: 56rpx;
-				text-align: center;
-				line-height: 56rpx;
-				border-radius: 6rpx;
-				border: 1px #000 solid;
-			}
-		}
-		.green{
-			width: 240rpx;
-			height: 48rpx;
-			background-color: #00AA88;
-			text-align: center;
-			line-height: 48rpx;
-			border-radius: 48rpx;
-			color: #fff;
-		}
-		.blue{
-			width: 240rpx;
-			height: 48rpx;
-			background-color: #85C2FF;
-			text-align: center;
-			line-height: 48rpx;
-			border-radius: 48rpx;
-			color: #fff;
-		}
-		.red{
-			width: 240rpx;
-			height: 48rpx;
-			background-color: #FA5A5A;
-			text-align: center;
-			line-height: 48rpx;
-			border-radius: 48rpx;
-			color: #fff;
-		}
+/deep/.u-input__content {
+  background-color: #f0f0f0;
+  border-radius: 10rpx;
+  height: 80rpx;
+}
+.popup {
+  width: 700rpx;
+  height: 450rpx;
+  .popup-title {
+    text-align: center;
+    font-size: 36rpx;
+    margin: 35rpx;
+    margin-top: 96rpx;
+  }
+  .popup-buttom {
+    padding: 70rpx;
+    margin-top: 150rpx;
+    display: flex;
+    justify-content: space-between;
+  }
+  .popup-jujue-fanhui {
+    border: none;
+    border-radius: 8rpx;
+    background-color: gray;
+    color: #fff;
+  }
+  .popup-jujue-queren {
+    border: none;
+    border-radius: 8rpx;
+    background-color: skyblue;
+    color: #fff;
+  }
+  .popup-buttom view {
+    width: 180rpx;
+    height: 56rpx;
+    text-align: center;
+    line-height: 56rpx;
+    border-radius: 6rpx;
+    border: 1px #000 solid;
+  }
+}
+.green {
+  width: 240rpx;
+  height: 48rpx;
+  background-color: #00aa88;
+  text-align: center;
+  line-height: 48rpx;
+  border-radius: 48rpx;
+  color: #fff;
+}
+.blue {
+  width: 240rpx;
+  height: 48rpx;
+  background-color: #85c2ff;
+  text-align: center;
+  line-height: 48rpx;
+  border-radius: 48rpx;
+  color: #fff;
+}
+.red {
+  width: 240rpx;
+  height: 48rpx;
+  background-color: #fa5a5a;
+  text-align: center;
+  line-height: 48rpx;
+  border-radius: 48rpx;
+  color: #fff;
+}
 </style>
 
 <style lang="scss">
diff --git a/pages/message/message.vue b/pages/message/message.vue
index 67f8fbd..401287c 100644
--- a/pages/message/message.vue
+++ b/pages/message/message.vue
@@ -1,29 +1,38 @@
 <!-- 消息 -->
 <template>
-	<view class="message">
-		<TabBar></TabBar>
-		<view class="main" v-for="(item, index) in list" :key="index">
-			<view class="date-time">{{item.messageTime}}</view>
-			<view class="card" @click="clickDetail(item.id)">
-				<view class="title">
-					<!-- <text v-show="isManager">收到新的访客申请</text>
+  <view class="message">
+    <TabBar></TabBar>
+    <view class="main" v-for="(item, index) in list" :key="index">
+      <view class="date-time">{{ item.messageTime }}</view>
+      <view class="card" @click="clickDetail(item.id)">
+        <view class="title">
+          <!-- <text v-show="isManager">收到新的访客申请</text>
 					<text v-show="!isManager" class="text">您的访客信息{{item.status}}</text> -->
-					<view class="ui">
-						<view class="text">
-							<text class="name">{{item.name}}</text>
-							<text class="number">{{item.number}}</text>
-						</view>
-						
-						<view :class="item.status === '未通过' ? 'button-area' : item.status === '已通过' ? 'button-area pass' : 'button-area submit'">申请{{item.status}}</view>
-					</view>
-					<view class="ui-time">
-						<text class="start">{{item.startTime}}</text>
-						<text class="text"> 至 </text>
-						<text class="end">{{item.endTime}}</text>
-						<!-- <text class="end">{{item.timeData}}</text> -->
-					</view>
-				</view>
-				<!-- <view class="content">
+          <view class="ui">
+            <view class="text">
+              <text class="name">{{ item.name }}</text>
+              <text class="number">{{ item.number }}</text>
+            </view>
+
+            <view
+              :class="
+                item.status === '未通过'
+                  ? 'button-area'
+                  : item.status === '已通过'
+                  ? 'button-area pass'
+                  : 'button-area submit'
+              "
+              >申请{{ item.status }}</view
+            >
+          </view>
+          <view class="ui-time">
+            <text class="start">{{ item.startTime }}</text>
+            <text class="text"> 至 </text>
+            <text class="end">{{ item.endTime }}</text>
+            <!-- <text class="end">{{item.timeData}}</text> -->
+          </view>
+        </view>
+        <!-- <view class="content">
 					<text class="content-title">申请者工号：</text>
 					<text class="value">{{item.number}}</text>
 				</view>
@@ -35,212 +44,223 @@
 					<text>ㅤ访问时间：</text>
 					<text>{{item.time}}</text>
 				</view> -->
-				<!-- <view class="detail-area">
+        <!-- <view class="detail-area">
 					<view class="detail" @click="clickDetail">详ㅤ情</view>
 				</view> -->
-				
-			</view>
-		</view>
-		
-		<u-popup
-		  customStyle="poppo"
-		  :show="show"
-		  :round="10"
-		  mode="center"
-			:closeOnClickOverlay="false"
-		  @close="show = false"
-		>
-		  <u--input
-		    v-model="inputValue"
-		    placeholder="填写手机号码"
-		    border="surround"
-		  ></u--input>
-		  <button @click="confirmPhone">确认</button>
-		</u-popup>
-	</view>
+      </view>
+    </view>
+
+    <u-popup
+      customStyle="poppo"
+      :show="show"
+      :round="10"
+      mode="center"
+      :closeOnClickOverlay="false"
+      @close="show = false"
+    >
+      <u--input
+        v-model="inputValue"
+        placeholder="填写手机号码"
+        border="surround"
+      ></u--input>
+      <button @click="confirmPhone">确认</button>
+    </u-popup>
+  </view>
 </template>
 
 <script>
-	import TabBar from '@/components/tabBar/tabBar.vue';
-	import { js_date_time } from '../../common/formatTime.js';
-	import { getMessageList } from '@/api/message.js';
-	import { dateToString, getDateTime } from '@/common/utils.js';
-	import { verifyPhone } from "@/api/index.js";
-	import { getLogin, getUserProfile } from "@/utils/auth.js";
-	export default {
-		components: {
-			TabBar,
-		},
-		data() {
-			return {
-				isManager: false,
-				list: [],
-				phone: '',
-				show: false,
-				inputValue: "",
-			}
-		},
-		onShow() {
-			//获取页面栈
-			let pages = getCurrentPages();
-			const curPage = pages[pages.length - 1];
-			this.currentPagePath = curPage.route;
-			uni.setStorageSync('currentPagePath', this.currentPagePath);
-			this.phone = uni.getStorageSync("registerPhone");
-			console.log('----------', typeof this.phone);
-			this.checkphone();
-			this.fetchMessageList();
-		},
-		mounted() {
-			if(uni.getStorageSync('userInfo')) {
-				const userInfo = JSON.parse(uni.getStorageSync('userInfo'));
-				if(userInfo.salt === '物业人员') {
-					this.isManager = true;
-				} else {
-					this.isManager = false;
-				}
-			}
-		},
-		methods: {
-			clickDetail(id) {
-				wx.navigateTo({
-					url: `/pages/checkMessageDetail/checkMessageDetail?id=${id}`
-				})
-			},
-			confirmPhone() {
-			  this.phone = this.inputValue;
-				this.show = false;
-			  this.checkphone();
-			},
-			//获取消息列表
-			async fetchMessageList() {
-				const res = await getMessageList();
-				this.list = res.map(item => {
-					return {
-						id: item.message_id,
-						name: item.visitor_name,
-						number: item.staff_code,
-						timeData: item.apply_time,
-						startTime: dateToString(new Date (item.apply_time.slice(0, item.apply_time.indexOf('-'))), 'yyyy-MM-dd'),
-						endTime: dateToString(new Date (item.apply_time.slice(item.apply_time.indexOf('-') + 1)), 'yyyy-MM-dd'),
-						status: item.visitor_apply_status === '1' ? '已提交' : item.visitor_apply_status === '2' ? '已通过' : '未通过',
-						messageTime: getDateTime(new Date(Number(item.send_time)).getTime()),
-					}
-				})
-			},
-			async checkphone() {
-				//有电话就去验证
-				if(this.phone) {
-					const res = await verifyPhone(this.phone);
-					if (res === "用户未注册") {
-						wx.reLaunch({
-							url: "/pages/register/register",
-						});
-					} else {
-						uni.setStorageSync("registerPhone", this.phone);
-						getUserProfile();
-					}
-				} else { //没有电话就弹出授权
-					this.show = true;
-				}
-			}
-		}
-	}
+import TabBar from "@/components/tabBar/tabBar.vue";
+import { js_date_time } from "../../common/formatTime.js";
+import { getMessageList } from "@/api/message.js";
+import { dateToString, getDateTime } from "@/common/utils.js";
+import { verifyPhone } from "@/api/index.js";
+import { getLogin, getUserProfile } from "@/utils/auth.js";
+export default {
+  components: {
+    TabBar,
+  },
+  data() {
+    return {
+      isManager: false,
+      list: [],
+      phone: "",
+      show: false,
+      inputValue: "",
+    };
+  },
+  onShow() {
+    //获取页面栈
+    let pages = getCurrentPages();
+    const curPage = pages[pages.length - 1];
+    this.currentPagePath = curPage.route;
+    uni.setStorageSync("currentPagePath", this.currentPagePath);
+    this.phone = uni.getStorageSync("registerPhone");
+    console.log("----------", typeof this.phone);
+    this.checkphone();
+    this.fetchMessageList();
+  },
+  mounted() {
+    if (uni.getStorageSync("userInfo")) {
+      const userInfo = JSON.parse(uni.getStorageSync("userInfo"));
+      if (userInfo.salt === "物业人员") {
+        this.isManager = true;
+      } else {
+        this.isManager = false;
+      }
+    }
+  },
+  methods: {
+    clickDetail(id) {
+      wx.navigateTo({
+        url: `/pages/checkMessageDetail/checkMessageDetail?id=${id}`,
+      });
+    },
+    confirmPhone() {
+      this.phone = this.inputValue;
+      this.show = false;
+      this.checkphone();
+    },
+    //获取消息列表
+    async fetchMessageList() {
+      const res = await getMessageList();
+      this.list = res.map((item) => {
+        return {
+          id: item.message_id,
+          name: item.visitor_name,
+          number: item.staff_code,
+          timeData: item.apply_time,
+          startTime: dateToString(
+            new Date(item.apply_time.slice(0, item.apply_time.indexOf("-"))),
+            "yyyy-MM-dd"
+          ),
+          endTime: dateToString(
+            new Date(item.apply_time.slice(item.apply_time.indexOf("-") + 1)),
+            "yyyy-MM-dd"
+          ),
+          status:
+            item.visitor_apply_status === "1"
+              ? "已提交"
+              : item.visitor_apply_status === "2"
+              ? "已通过"
+              : "未通过",
+          messageTime: getDateTime(new Date(Number(item.send_time)).getTime()),
+        };
+      });
+    },
+    async checkphone() {
+      //有电话就去验证
+      if (this.phone) {
+        const res = await verifyPhone(this.phone);
+        if (res === "用户未注册") {
+          wx.reLaunch({
+            url: "/pages/register/register",
+          });
+        } else {
+          uni.setStorageSync("registerPhone", this.phone);
+          getUserProfile();
+        }
+      } else {
+        //没有电话就弹出授权
+        this.show = true;
+      }
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-	.message {
-		padding: 40rpx;
-		padding-bottom: 200rpx;
-		.date-time {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			margin-top: 40rpx;
-			margin-bottom: 20rpx;
-			color: #9b9b9b;
-		}
-		.card {
-			padding: 30rpx 32rpx;
-			background-color: #fff;
-			border-radius: 16rpx;
-			margin-bottom: 20rpx;
-			.title {
-				display: flex;
-				// flex-direction: row;
-				flex-direction: column;
-				// justify-content: space-between;
-				// align-items: center;
-				font-size: 32rpx;
-				.ui {
-					display: flex;
-					flex-direction: row;
-					justify-content: space-between;
-					align-items: center;
-					.text {
-						display: flex;
-						flex-direction: row;
-						align-items: center;
-						.name {
-							color: #333;
-							font-weight: 500;
-							font-size: 36rpx;
-							white-space: nowrap;
-						}
-						.number {
-							color: #b1b1b1;
-							margin-left: 20rpx;
-						}
-					}
-				}
-				.ui-time {
-					display: flex;
-					flex-direction: row;
-					align-items: center;
-					color: #b1b1b1;
-					margin-top: 30rpx;
-					.text {
-						margin: 0 20rpx;
-					}
-				}
-				.text {
-					// font-weight: 600;
-				}
-				.button-area {
-					padding: 6rpx 16rpx;
-					background-color: #f02a0a;
-					border-radius: 16rpx;
-					color: #ecf9e8;
-					font-size: 28rpx;
-					white-space: nowrap;
-				}
-				.pass {
-					background-color: #2ebf00;
-				}
-				.submit {
-					background-color: #1076e3;
-				}
-			}
-			.content {
-				margin: 32rpx 0;
-				.content-title {
-					// margin-right: 32rpx;
-				}
-			}
-			.detail-area {
-				width: 100%;
-				display: flex;
-				justify-content: flex-end;
-				.detail {
-					width: fit-content;
-					padding: 10rpx 16rpx;
-					background-color: blue;
-					border-radius: 16rpx;
-					// letter-spacing: 10rpx;
-				}
-			}
-		}
-	}
+.message {
+  padding: 40rpx;
+  padding-bottom: 200rpx;
+  .date-time {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 40rpx;
+    margin-bottom: 20rpx;
+    color: #9b9b9b;
+  }
+  .card {
+    padding: 30rpx 32rpx;
+    background-color: #fff;
+    border-radius: 16rpx;
+    margin-bottom: 20rpx;
+    .title {
+      display: flex;
+      // flex-direction: row;
+      flex-direction: column;
+      // justify-content: space-between;
+      // align-items: center;
+      font-size: 32rpx;
+      .ui {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        .text {
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+          .name {
+            color: #333;
+            font-weight: 500;
+            font-size: 36rpx;
+            white-space: nowrap;
+          }
+          .number {
+            color: #b1b1b1;
+            margin-left: 20rpx;
+          }
+        }
+      }
+      .ui-time {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        color: #b1b1b1;
+        margin-top: 30rpx;
+        .text {
+          margin: 0 20rpx;
+        }
+      }
+      .text {
+        // font-weight: 600;
+      }
+      .button-area {
+        padding: 6rpx 16rpx;
+        background-color: #f02a0a;
+        border-radius: 16rpx;
+        color: #ecf9e8;
+        font-size: 28rpx;
+        white-space: nowrap;
+      }
+      .pass {
+        background-color: #2ebf00;
+      }
+      .submit {
+        background-color: #1076e3;
+      }
+    }
+    .content {
+      margin: 32rpx 0;
+      .content-title {
+        // margin-right: 32rpx;
+      }
+    }
+    .detail-area {
+      width: 100%;
+      display: flex;
+      justify-content: flex-end;
+      .detail {
+        width: fit-content;
+        padding: 10rpx 16rpx;
+        background-color: blue;
+        border-radius: 16rpx;
+        // letter-spacing: 10rpx;
+      }
+    }
+  }
+}
 </style>
 <style lang="scss">
 .message {
@@ -248,4 +268,4 @@
     padding: 20rpx 40rpx;
   }
 }
-</style>
\ No newline at end of file
+</style>