平车列表开发

src/pages.json

@@ -105,6 +105,12 @@
 			"style": {
 				"navigationBarTitleText": "数据统计"
 			}
+		},
+		{
+			"path": "pages/MoreCar/index",
+			"style": {
+				"navigationBarTitleText": "查看更多"
+			}
 		}
 	],
 	"globalStyle": {

src/pages/MoreCar/index.vue

@@ -0,0 +1,174 @@
+<template>
+  <div class="MoreCar">
+    <view style="width: 100%; box-shadow: 0 0 4rpx rgba(0, 0, 0, 0.1)">
+      <u-tabs
+        :list="list"
+        :is-scroll="false"
+        :current="current"
+        @change="change"
+        :active-item-style="itemStyle"
+        bar-width="82"
+        inactive-color="#8C9AA3"
+      >
+      </u-tabs>
+    </view>
+    <scroll-view scroll-y style="height: calc(100% - 84rpx); margin-top: 4rpx; padding: 0 16rpx">
+      <div style="height: 1rpx; width: 100%"></div>
+      <view v-for="car in carList" :key="car.carId" class="car-box bor-left-lv">
+        <view class="title flex items-center">
+          <view style="margin-right: 32rpx">{{ car.carNo }}</view>
+          <view style="margin-right: 16rpx; font-size: 32rpx">{{ car.nursesName || '患者姓名' }}</view>
+          <view style="margin-right: 16rpx; font-size: 32rpx">{{ car.gender === 0 ? '女' : car.gender === 1 ? '男' : '性别' }}</view>
+          <view>{{ car.age || '年龄' }}</view>
+        </view>
+        <view class="info-box flex items-center">
+          <img src="@/static/news/绿.png" style="width: 60rpx; height: 60rpx" alt="" />
+          <view>
+            <view class="flex">
+              <view v-for="(medical, mIndex) in car.medicalHistoryList" :key="mIndex"> {{ medical }} </view>
+            </view>
+            <view>身份证：{{ car.idcard }}</view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MoreCar',
+  components: {},
+  props: {},
+  data() {
+    return {
+      list: [
+        {
+          name: '绿道',
+        },
+        {
+          name: '占用',
+        },
+        {
+          name: '空闲',
+        },
+        {
+          name: '充电',
+        },
+        {
+          name: '离线',
+        },
+      ],
+      current: 0,
+      itemStyle: {
+        color: '#2C2B3B',
+      },
+      carList: [
+        {
+          age: null,
+          carId: '1',
+          carNo: '1001',
+          carStatus: 0,
+          doctorId: '0',
+          doctorName: null,
+          firstAidId: '1601126216004542464',
+          gender: null,
+          medicalHistoryList: ['家族史', '心脏病', '高血压'],
+          name: '',
+          idcard: '123123444403142235',
+          nursesId: '1',
+          nursesName: '张野',
+        },
+        {
+          age: null,
+          carId: '2',
+          carNo: '1001',
+          carStatus: 0,
+          doctorId: '0',
+          doctorName: null,
+          firstAidId: '1601126216004542464',
+          gender: null,
+          medicalHistoryList: ['家族史', '心脏病', '高血压'],
+          name: '',
+          idcard: '123123444403142235',
+          nursesId: '1',
+          nursesName: '张野',
+        },
+        {
+          age: null,
+          carId: '3',
+          carNo: '1001',
+          carStatus: 0,
+          doctorId: '0',
+          doctorName: null,
+          firstAidId: '1601126216004542464',
+          gender: null,
+          medicalHistoryList: ['家族史', '心脏病', '高血压'],
+          name: '',
+          idcard: '123123444403142235',
+          nursesId: '1',
+          nursesName: '张野',
+        },
+      ],
+    };
+  },
+  computed: {},
+  methods: {
+    change(index) {
+      this.current = index;
+    },
+  },
+  watch: {},
+
+  // 页面周期函数--监听页面加载
+  onLoad() {},
+  // 页面周期函数--监听页面初次渲染完成
+  onReady() {},
+  // 页面周期函数--监听页面显示(not-nvue)
+  onShow() {},
+  // 页面周期函数--监听页面隐藏
+  onHide() {},
+  // 页面周期函数--监听页面卸载
+  onUnload() {},
+  // 页面处理函数--监听用户下拉动作
+  // onPullDownRefresh() { uni.stopPullDownRefresh(); },
+  // 页面处理函数--监听用户上拉触底
+  // onReachBottom() {},
+  // 页面处理函数--监听页面滚动(not-nvue)
+  // onPageScroll(event) {},
+  // 页面处理函数--用户点击右上角分享
+  // onShareAppMessage(options) {},
+};
+</script>
+
+<style scoped>
+.info-box {
+  margin-left: 42rpx;
+  margin-top: 8rpx;
+  height: 80rpx;
+}
+.MoreCar {
+  height: 100vh;
+  overflow: hidden;
+}
+.car-box {
+  height: 188rpx;
+  width: calc(100% - 64rpx);
+  box-sizing: border-box;
+  margin: 32rpx 16rpx;
+  /* margin-bottom: 0; */
+  border-radius: 8rpx;
+  box-shadow: 0 0 30rpx 5rpx rgba(0, 0, 0, 0.1);
+  padding: 24rpx 0;
+}
+.bor-left-lv {
+  border-left: 4rpx solid #1bb299;
+}
+.title {
+  margin-left: 42rpx;
+  font-size: 36rpx;
+  font-family: OPPOSans-Bold, OPPOSans;
+  font-weight: bold;
+  color: #70798c;
+}
+</style>

src/pages/establish/establish.vue

@@ -89,13 +89,13 @@
         </div>
       </div>
     </div>
-    <div class="flex btn-box" v-if="showBtn">
+    <div class="flex btn-box justify-center" v-if="showBtn">
       <u-button
         type="primary"
         shape="circle"
         :disabled="isSubmit"
         id="complete-btn"
-        class="flex-1 btn mr-2"
+        class="flex-1 btn"
         @click="submit"
         :custom-style="customStyle"
       >

src/pages/index/index.vue

@@ -32,7 +32,7 @@
           <view class="title-shu"></view>
           <view class="news-title"> 平车 </view>
         </view>
-        <u-button shape="circle" size="mini">查看更多</u-button>
+        <u-button shape="circle" size="mini" @click="moreCar">查看更多</u-button>
       </view>
       <scroll-view scroll-x style="height: 224rpx">
         <view class="flex" style="width: min-content; padding: 24rpx 16rpx 0 32rpx">
@@ -178,6 +178,9 @@ export default {
 
   methods: {
     ...mapMutations('project', ['setProjects', 'setDotList']),
+    moreCar() {
+      uni.navigateTo({ url: '/pages/MoreCar/index' });
+    },
     gitSwiper(e) {
       const data = this.list[e];
       if (data.jumpUrl) {