项目详情

mini/pages/project/index.js

@@ -9,7 +9,24 @@ Page({
    */
   data: {
     id: -1,
-    userInfo: {}
+    userInfo: {},
+    device_rent_menus: [{
+      img: 'http://t18.9026.com/mini/create-order.png',
+      title: '创建订单',
+      desc: '创建外部设备租赁订单'
+    }, {
+      img: 'http://t18.9026.com/mini/rent-check.png',
+      title: '租赁审核',
+      desc: '设备租赁订单审核'
+    }, {
+      img: 'http://t18.9026.com/mini/error-handle.png',
+      title: '异常处理',
+      desc: '订单流程变更审核处理'
+    }, {
+      img: 'http://t18.9026.com/mini/all-order.png',
+      title: '所有订单',
+      desc: '查看全部设备租赁订单'
+    },]
   },
 
   /**

mini/pages/project/index.wxml

@@ -20,16 +20,11 @@
       <text class="sg-title sg-bold">设备租赁</text>
       <text class="sg-sub-title sg-gray-color">外部设备租赁</text>
     </view>
-    <view class="sg-menu-list sg-margin-tb">
-      <view class="sg-item sg-flex sg-align-center sg-pad">
-        <image class="sg-img" src="http://t18.9026.com/mini/create-order.png" mode="widthFix"></image>
-        <view class="sg-name sg-margin-top-sm">创建订单</view>
-        <view class="sg-desp sg-margin-top-sm sg-gray-color sg-font-small">创建外部设备租赁订单</view>
-      </view>
-      <view class="sg-item sg-flex sg-align-center sg-pad">
-        <image class="sg-img" src="http://t18.9026.com/mini/create-order.png" mode="widthFix"></image>
-        <view class="sg-name sg-margin-top-sm">租赁审核</view>
-        <view class="sg-desp sg-margin-top-sm sg-gray-color sg-font-small">设备租赁订单审核</view>
+    <view class="sg-menu-list">
+      <view class="sg-item sg-flex sg-align-center sg-pad" wx:for="{{device_rent_menus}}" wx:key="index">
+        <image class="sg-img" src="{{item.img}}" mode="widthFix"></image>
+        <view class="sg-name sg-margin-top-sm">{{item.title}}</view>
+        <view class="sg-desp sg-margin-top-sm sg-gray-color sg-font-xs">{{item.desc}}</view>
       </view>
     </view>
   </view>

mini/pages/project/index.wxss

@@ -2,6 +2,11 @@
 .sg-user-box {
   background: white;
 }
+.sg-menu-list {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 30rpx;
+}
 .sg-menu-list .sg-item .sg-img {
   width: 130rpx;
 }
@@ -11,6 +16,11 @@
   justify-content: center;
   width: 330rpx;
   background: white;
+  box-sizing: border-box;
+  margin-top: 30rpx;
+}
+.sg-menu-list .sg-item:nth-child(odd) {
+  margin-right: 30rpx;
 }
 .sg-menu-header .sg-title {
   margin-right: 30rpx;