From 1e15177601d84719171d4fcdbecff01b75e6590c Mon Sep 17 00:00:00 2001
From: pangdongxu <850374051@qq.com>
Date: Wed, 30 Mar 2022 16:18:39 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=AF=E5=87=BA=E7=94=B3=E8=AF=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../paymentTemplate/paymentTemplate.json      |  3 +-
 .../paymentTemplate/paymentTemplate.wxml      | 31 ++++++-
 .../paymentTemplate/paymentTemplate.wxss      | 87 ++++++++++++++++++-
 project.private.config.json                   | 14 ++-
 4 files changed, 130 insertions(+), 5 deletions(-)

diff --git a/pages/apply/paymentTemplate/paymentTemplate.json b/pages/apply/paymentTemplate/paymentTemplate.json
index 79be446..26f00aa 100644
--- a/pages/apply/paymentTemplate/paymentTemplate.json
+++ b/pages/apply/paymentTemplate/paymentTemplate.json
@@ -1,5 +1,6 @@
 {
   "usingComponents": {
-    
+    "van-cell": "@vant/weapp/cell/index",
+    "van-cell-group": "@vant/weapp/cell-group/index"
   }
 }
\ No newline at end of file
diff --git a/pages/apply/paymentTemplate/paymentTemplate.wxml b/pages/apply/paymentTemplate/paymentTemplate.wxml
index 864cc88..58eea45 100644
--- a/pages/apply/paymentTemplate/paymentTemplate.wxml
+++ b/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>
\ No newline at end of file
diff --git a/pages/apply/paymentTemplate/paymentTemplate.wxss b/pages/apply/paymentTemplate/paymentTemplate.wxss
index fef1388..d7fdf07 100644
--- a/pages/apply/paymentTemplate/paymentTemplate.wxss
+++ b/pages/apply/paymentTemplate/paymentTemplate.wxss
@@ -1 +1,86 @@
-/* pages/apply/paymentTemplate/paymentTemplate.wxss */
\ No newline at end of file
+/* 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;
+}
\ No newline at end of file
diff --git a/project.private.config.json b/project.private.config.json
index f0ac2c9..5e94748 100644
--- a/project.private.config.json
+++ b/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"
 }
\ No newline at end of file