减免事项列表相关添加及优化

-// pages/main/finalpay/deductOrPayedDetail/deductOrPayedDetail.js
+
 Page({
 Page({
 
 
   /**
   /**
    * Page initial data
    * Page initial data
    */
    */
   data: {
   data: {
-
+    infoList: [{}],
+    project: ["正常工资薪金", "劳务报酬", "稿酬", "特许经营权使用费"],
+    deductcontent: ["高级专家延长离退休期间工薪免征个人所得税", "解除劳动合同当地工资3倍以内免税", "符合条件的津补贴免征个人所得税", "生育津贴和生育医疗费免税", "工伤保险免税", "符合条件的外交人员免征个人所得税", "外籍个人出差补贴免税", "外籍个人探亲费、语言训练费、子女教育费免税", "外籍个人生活费用免税", "符合条件的外籍来华专家工资薪金所得免征个人所得税", "薪金所得免征个人所得数", "横琴、香港、澳门居民免税", "平潭台湾居民免税", "安家费、退职费、退休工资、离休工资、离休生活补助费免税"],
+    deductproperty: ["其他"],
   },
   },
 
 
   /**
   /**
@@ -29,6 +32,33 @@ Page({
 
 
   },
   },
 
 
+  // 所得项目
+  bindProjectChange: function (e) { },
+
+  // 减免事项名称
+  bindDeductContent: function (e) { },
+
+  // 减免性质名称
+  bindDeductProperty: function (e) { },
+
+  // 减免金额
+  bindIncome: function (e) {
+
+  },
+
+  addItem: function () {//继续添加
+    var info = this.data.infoList;
+    console.log(info);
+    info.push(this.data.infoList.length);
+    this.setData({
+      infoList: info
+    });
+  },
+
+  goSubmit: function (e) {
+    console.log('form发生了submit事件，携带数据为：', e.detail.value)
+  },
+
   /**
   /**
    * Lifecycle function--Called when page hide
    * Lifecycle function--Called when page hide
    */
    */

 {
 {
-  "usingComponents": {}
+ "navigationBarTitleText": "减免事项附表"
 }
 }

-<!--pages/main/finalpay/deductOrPayedDetail/deductOrPayedDetail.wxml-->
-<text>pages/main/finalpay/deductOrPayedDetail/deductOrPayedDetail.wxml</text>
+<view >
+  <view style="background:#fff;padding:0 30rpx;">
+    <text class="text_gray7_34">减免税额合计</text>
+    <text class="text_black3_34 float_right">{{3000}}</text>
+  </view>
+
+    <view  wx:for="{{infoList}}" style="background:#fff;margin-top:20rpx">
+      <picker style="height:104rpx;padding-left: 30rpx;background-color:#fff" mode="selector" bindchange="bindProjectChange" range="{{project}}">
+        <text class="text_gray7_34">所得项目</text>
+        <image class='arrow_wrap float_right' src='/images/arrow_right.png'></image>
+        <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='' value="{{}}"></input>
+      </picker>
+      <view class="divide_line_30"></view>
+      <picker style="height:104rpx;padding-left: 30rpx;background-color:#fff" mode="selector" bindchange="bindDeductContent" range="{{deductcontent}}">
+        <text class="text_gray7_34">减免事项名称</text>
+        <image class='arrow_wrap float_right' src='/images/arrow_right.png'></image>
+        <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='' value="{{}}"></input>
+      </picker>
+      <view class="divide_line_30"></view>
+      <picker style="height:104rpx;padding-left: 30rpx;background-color:#fff" mode="selector" bindchange="bindDeductProperty" range="{{deductproperty}}">
+        <text class="text_gray7_34">减免性质名称</text>
+        <image class='arrow_wrap float_right' src='/images/arrow_right.png'></image>
+        <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请选择' name='' value="{{}}"></input>
+      </picker>
+      <view class="divide_line_30"></view>
+      <view style="height:104rpx;padding:0 30rpx;background-color:#fff;margin-bottom:1rpx">
+        <text class="text_gray7_34">减免税额</text>
+        <input class='input_wrap' style='text-align: right;color:#000;' placeholder='请输入' name='name' type="digit" bindblur="bindIncome" value="{{}}"></input>
+      </view>
+    </view>
+
+  <view style="background:#fff;margin-top:20rpx;height:104rpx;display:flex;align-items:center;justify-content:center;margin-bottom:84rpx" bindtap="addItem">
+    <image style="width:28rpx;height:28rpx;margin-right:16rpx" src="/images/add_extra.png"></image>
+    <text style="font-size:28rpx;color:#4986fe">继续添加</text>
+  </view>
+  <view class="btn_bottom" bindtap="goSubmit">
+    <button class="btn_bottom" >保存</button>
+  </view>
+</view>

 /* pages/main/finalpay/deductOrPayedDetail/deductOrPayedDetail.wxss */
 /* pages/main/finalpay/deductOrPayedDetail/deductOrPayedDetail.wxss */
 page {
 page {
   background-color: #f5f5f5;
   background-color: #f5f5f5;
+}
+
+.text_gray7_34 {
+  font-family:PingFangSC-Regular,PingFang SC;
+  font-size: 34rpx;
+  color: #777777;
+  text-align: center;
+  line-height: 104rpx;
+}
+
+.text_black3_34 {
+  font-family:PingFangSC-Regular,PingFang SC;
+  font-size: 34rpx;
+  color: #333333;
+  text-align: center;
+  line-height: 104rpx;
+}
+
+.input_wrap {
+  max-width: 600rpx;
+  height: 104rpx;
+  font-size: 32rpx;
+  color: #fff;
+  text-align: right;
+  overflow: hidden;
+  float: right;
+}
+
+.arrow_wrap {
+  width: 60rpx;
+  height: 60rpx;
+  margin-top: 20rpx
 }
 }

 
 
-<view class="page">
+<view >
   <view style="background:#fff;padding:0 30rpx;">
   <view style="background:#fff;padding:0 30rpx;">
     <text class="text_gray7_34">准予扣除的捐赠额合计</text>
     <text class="text_gray7_34">准予扣除的捐赠额合计</text>
     <text class="text_black3_34 float_right">{{300090}}</text>
     <text class="text_black3_34 float_right">{{300090}}</text>
@@ -43,7 +43,7 @@
     </view>
     </view>
   </view>
   </view>
 
 
-  <view style="background:#fff;margin-top:20rpx;height:104rpx;display:flex;align-items:center;justify-content:center;padding-bottom:84rpx" bindtap="addItem">
+  <view style="background:#fff;margin-top:20rpx;height:104rpx;display:flex;align-items:center;justify-content:center;margin-bottom:84rpx" bindtap="addItem">
     <image style="width:28rpx;height:28rpx;margin-right:16rpx" src="/images/add_extra.png"></image>
     <image style="width:28rpx;height:28rpx;margin-right:16rpx" src="/images/add_extra.png"></image>
     <text style="font-size:28rpx;color:#4986fe">继续添加</text>
     <text style="font-size:28rpx;color:#4986fe">继续添加</text>
   </view>
   </view>

@@ -7,7 +7,7 @@ Page({
   data: {
   data: {
     infoList:[{}],
     infoList:[{}],
     project: ["正常工资薪金", "劳务报酬", "稿酬", "特许经营权使用费"],
     project: ["正常工资薪金", "劳务报酬", "稿酬", "特许经营权使用费"],
-    deductcontent:["1","2"],
+    deductcontent: ["高级专家延长离退休期间工薪免征个人所得税", "解除劳动合同当地工资3倍以内免税", "符合条件的津补贴免征个人所得税", "生育津贴和生育医疗费免税", "工伤保险免税", "符合条件的外交人员免征个人所得税", "外籍个人出差补贴免税", "外籍个人探亲费、语言训练费、子女教育费免税", "外籍个人生活费用免税", "符合条件的外籍来华专家工资薪金所得免征个人所得税","薪金所得免征个人所得数", "横琴、香港、澳门居民免税", "平潭台湾居民免税","安家费、退职费、退休工资、离休工资、离休生活补助费免税"],
     deductproperty: ["其他"],
     deductproperty: ["其他"],
   },
   },