feat: add all file relative

app.json

@@ -6,7 +6,9 @@
     "pages/report/report",
     "pages/my/my",
     "pages/buy/buy",
-    "pages/appointment/appointment"
+    "pages/appointment/appointment",
+    "pages/allFile/allFile",
+    "pages/handleFile/handleFile"
   ],
   "usingComponents": {
     "van-icon": "@vant/weapp/icon/index",

pages/allFile/allFile.js

@@ -0,0 +1,60 @@
+// pages/allFile/allFile.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    vanoverlayshow: false,
+    fileList: [
+      {
+        name: '范一岚',
+        date: '1995/12'
+      }
+    ]
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  handleConfirm() {
+    this.setData({ vanoverlayshow: false })
+  },
+
+  /**
+   * 新建档案
+   */
+  handleAddFile() {
+    // this.setData({ vanoverlayshow: true })
+  },
+
+  /**
+   * 管理档案
+   */
+  handleFile() {
+    wx.navigateTo({
+      url: '/pages/handleFile/handleFile',
+    })
+  }
+})

pages/allFile/allFile.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "全部档案"
+}

pages/allFile/allFile.wxml

@@ -0,0 +1,39 @@
+<!--pages/allFile/allFile.wxml-->
+<view class="file-content">
+  <view class="main-content">
+    <view class="file-item ittflex-jcb" wx:for="{{fileList}}" wx:key="index">
+      <view class="f-left ittflex-jcs">
+        <view class="f-avatar"></view>
+        <view class="f-user">
+          <view class="fu-top ittflex-jcs">
+            <text class="fu-name">{{item.name}}</text>
+            <view class="suer-sex ittflex">
+              <image class="img" src="../../imaes/nan@2x.png"></image>
+            </view>
+          </view>
+          <view class="fu-bottom fu-date">{{item.date}}</view>
+        </view>
+        <view class="f-qrcode ittflex">
+          <image class="qrcode-item" src="../../imaes/erweima@2x.png"></image>
+        </view>
+      </view>
+      <view class="f-right ittflex">
+        <text class="report-text">查看报告</text>
+      </view>
+    </view>
+    <view class="actions ittflex-jcb">
+      <view class="handle-btn manage-btn ittflex" bindtap="handleFile">管理</view>
+      <view class="handle-btn itt-btn" bindtap="handleAddFile">新建档案</view>
+    </view>
+  </view>
+  <van-overlay show="{{ vanoverlayshow }}">
+      <view class="wrapper ittflex">
+        <view class="model">
+          <view class="top-title">建档人数已达上限</view>
+          <view class="bottom-action ittflex">
+            <view class="btn w-confirm-btn ittflex" bindtap="handleConfirm">确定</view>
+          </view>
+        </view>
+      </view>
+    </van-overlay>
+</view>

pages/allFile/allFile.wxss

@@ -0,0 +1,117 @@
+/* pages/allFile/allFile.wxss */
+.file-content {
+  width: 100%;
+  height: 100%;
+  background-color: #f7f7f7;
+  overflow-y: auto;
+  position: relative;
+}
+.main-content {
+  width: 690rpx;
+  /* min-height: 100%; */
+  margin: 0 auto;
+  padding-bottom: 180rpx;
+}
+.file-item {
+  width: 100%;
+  height: 160rpx;
+  background: #FFFFFF;
+  border-radius: 20rpx;
+  margin-top: 20rpx;
+}
+.f-left {
+  width: 70%;
+  height: 100%;
+}
+.f-avatar {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50%;
+  background-color: var(--maincolor);
+  margin: 0 14rpx 0 20rpx;
+}
+.f-right {
+  width: 30%
+}
+.report-text {
+  padding: 20rpx;
+  font-size: 26rpx;
+  font-weight: 400;
+  color: var(--maincolor);
+}
+
+.fu-name {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #333333;
+  margin-right: 12rpx;
+}
+.suer-sex {
+  width: 30rpx;
+  height: 30rpx;
+}
+.img {
+  width: 30rpx;
+  height: 30rpx;
+}
+.fu-date {
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #999999;
+}
+.f-qrcode {
+  width: 80rpx;
+  height: 80rpx;
+  margin-left: 20rpx;
+}
+.qrcode-item {
+  width: 60rpx;
+  height: 60rpx;
+}
+.actions {
+  width: 690rpx;
+  height: 80rpx;
+  position: fixed;
+  bottom: 80rpx;
+  background-color: #f7f7f7;
+}
+.handle-btn {
+  width: 324rpx;
+  height: 80rpx;
+  border-radius: 10rpx;
+}
+.manage-btn {
+  border: 1rpx solid #333333;
+  font-size: 26rpx;
+  font-weight: 400;
+  color: #333333;
+}
+.wrapper {
+  height: 100%;
+}
+.model {
+  width: 540rpx;
+  height: 208rpx;
+  background: #FFFFFF;
+  border-radius: 24rpx;
+}
+.top-title {
+  font-size: 34rpx;
+  font-weight: 600;
+  color: #333333;
+  text-align: center;
+  height: 118rpx;
+  line-height: 118rpx;
+  border-bottom: 1rpx solid #DDDDDD;
+  box-sizing:border-box;
+}
+.btn {
+  width: 270rpx;
+  height: 90rpx;
+  box-sizing: border-box;
+  font-size: 34rpx;
+  color: #333333;
+}
+.w-confirm-btn {
+  font-weight: 600;
+}

pages/index/index.js

@@ -65,5 +65,11 @@ Page({
         })
       break;
     }
+  },
+  // 点击全部档案
+  handleAllFile () {
+    wx.navigateTo({
+      url: '/pages/allFile/allFile',
+    })
   }
 })

pages/index/index.wxml

@@ -27,7 +27,7 @@
   <view class="file-info">
     <view class="file-title">
       <text class="title">档案信息</text>
-      <view class="nav-tap"> 
+      <view class="nav-tap" bindtap="handleAllFile"> 
         <text class="nav-title">全部</text>
         <van-icon name="arrow" color="#999"/>
       </view>

pages/index/index.wxss

@@ -99,6 +99,9 @@
   margin-left: 20rpx;
 }
 .nav-tap {
+  display: flex;
+  align-items: center;
+  height: 100%;
   margin-right: 28rpx;
 }
 .nav-title {