支出申请

pages/apply/paymentTemplate/paymentTemplate.json

@@ -1,5 +1,6 @@
 {
   "usingComponents": {
-    
+    "van-cell": "@vant/weapp/cell/index",
+    "van-cell-group": "@vant/weapp/cell-group/index"
   }
 }

pages/apply/paymentTemplate/paymentTemplate.wxml

@@ -1,5 +1,34 @@
 <!--pages/apply/paymentTemplate/paymentTemplate.wxml-->
-<view class="ns" style="height:{{isIPX?'88px':'64px'}};">
+<image src="../../../image/expenditureAudit/bgGreen.png" class="bgPage"></image>
+<view class="ns top" style="height:{{isIPX?'88px':'64px'}};background:none;">
   <image src="/image/apply/back.png" style="top:{{isIPX?'54px':'30px'}};" mode="widthFix" bindtap="back"></image>
   <text style="top:{{isIPX?'54px':'30px'}};">支出申请</text>
+</view>
+<view class="main-box top-box" style="margin-top:{{isIPX?'100px':'75px'}};">
+  <text class="box-title">审批事项</text>
+  <input class="input_tit" placeholder="房屋出租整年费用"/>
+  <text>支出总金额</text>
+  <view class="money_box">￥<input class="input_money" placeholder="总金额"/></view>
+  <text>提交单位：龙华村联合社</text>
+  <text>提交日期：2022年1月18日</text>
+  <text>提  交  人：报账员</text>
+  <text>联系电话：13906311234</text>
+</view>
+
+<text class="title">事项一</text>
+
+<view class="main-box top-box">
+  <text>支出金额</text>
+  <view class="money_box">￥<input class="input_money" placeholder="金额"/></view>
+  <van-cell-group>
+    <van-cell title="支付联合社办公室12月份租金" border="{{ false }}" >
+      <view slot="icon">事由</view>
+    </van-cell>
+    <van-cell title="龙华村联合社华" border="{{ false }}" >
+      <view slot="icon"></view>
+    </van-cell>
+    <van-cell title="龙华村联合社龙华村联合社龙华龙华村联合社" border="{{ false }}"  >
+      <view slot="icon"></view>
+    </van-cell>
+  </van-cell-group>
 </view>

pages/apply/paymentTemplate/paymentTemplate.wxss

@@ -1 +1,86 @@
-/* pages/apply/paymentTemplate/paymentTemplate.wxss */
+/* pages/apply/paymentTemplate/paymentTemplate.wxss */
+text{display: block;}
+.top{
+  height: 64px;
+  width: 100%;
+  position: fixed;
+  z-index: 999;
+  top:0px;
+}
+.top text{
+  position: relative;
+  top: 30px;
+  margin-right: 30px;
+  display: block;
+  color: #eee;
+  text-align: center;
+  width: 100%;
+  font-size: 16px;
+}
+.bgPage{
+  width: 140%;
+  position:absolute;
+  transform: translate(-15%, -50%);
+  height: 300px;
+  z-index: -1;
+}
+
+.main-box{
+  background: #ffffff;
+  padding: 20px;
+  width: 94%;
+  margin: 0 auto;
+  border-radius: 10px;
+  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.16);
+}
+.top-box{
+  /* margin-top: 20px; */
+  /* margin-bottom: 28px; */
+}
+.top-box text{
+  margin-bottom: 15px;
+}
+.top-box text:last-child{
+  margin-bottom: 0px;
+}
+.box-title{
+  color: #2C8E68;
+  text-align: center;
+  font-size: 16px;
+}
+
+.input_tit{
+  border: 1px solid #DCDCDC;
+  padding: 0px 10px;
+  height: 32px;
+  line-height: 32px;
+  border-radius: 5px;
+  margin-bottom: 15px;
+}
+
+.input_money{
+  padding: 0px 10px;
+  height: 32px;
+  line-height: 32px;
+  color: #E90000;
+  font-size: 26px;
+  display: inline-block;
+  width: 50%;
+}
+
+.money_box{
+  font-size: 26px;
+  border-bottom:1px solid #DCDCDC;
+  width: 70%;
+  margin: 0 auto;
+  margin-bottom: 15px;
+  color: #E90000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.title{
+  padding: 10px calc(3% + 20px);
+  color: #2C8E68;
+  font-size: 16px;
+}

project.private.config.json

@@ -1,5 +1,7 @@
 {
-  "setting": {},
+  "setting": {
+    "compileHotReLoad": false
+  },
   "condition": {
     "miniprogram": {
       "list": [
@@ -29,9 +31,17 @@
           "query": "",
           "launchMode": "default",
           "scene": null
+        },
+        {
+          "name": "支出模板查看",
+          "pathName": "pages/apply/paymentTemplate/paymentTemplate",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
         }
       ]
     }
   },
-  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html"
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+  "projectname": "WXMB"
 }