Calculator-Alipay-applet/pages/index/index.axml

<view class="page">
  <view class="panel">
    <view class="panel-top" onTap="show" data-class=".main">
      <text>月缴(元)</text>
      <text>{{totalMoney}}</text>
      <button>{{pageStatus?'重算':'明细'}}</button>
    </view>
    <view class="panel-bottom">
      <view class="sb" onTap="show" data-class=".sbList">
        <text>社保月缴(元)</text>
        <text>{{shebaoMoney}}</text>
      </view>
      <view class="gjj" onTap="show" data-class=".gjjList">
        <text>公积金月缴(元)</text>
        <text>{{fundMoney}}</text>
      </view>
    </view>
  </view>
  <view class="main" style="height:{{mainHeight}}">
    <view class="item">
      <text>所在城市</text>
      <view onTap="showPicker" data-pickerType=0>
        <view>{{city.name}}</view>
        <image mode="scaleToFill" src="../../imgs/arrow.png"/>
      </view>
    </view>
    <view class="item" a:if="{{wxyjData.length==2}}">
      <text>参保方案</text>
      <view onTap="showPicker" data-pickerType=1>
        <view>{{type.name}}</view>
        <image mode="scaleToFill" src="../../imgs/arrow.png"/>
      </view>
    </view>
    <view class="item">
      <text>户籍性质</text>
      <view onTap="showPicker" data-pickerType=2>
        <view>{{hukou.name}}</view>
        <image mode="scaleToFill" src="../../imgs/arrow.png"/>
      </view>
    </view>
    <view class="item">
      <text>社保缴纳基数</text>
      <view>
        <input type="number" value="{{shebao}}" controlled="true" onInput="inputAction" data-input='shebao' placeholder="{{wxyj.shebao_min+'~'+wxyj.shebao_max}}" placeholder-class="placeholder" />
        <button onTap="lowest">最低</button>
      </view>
    </view>
    <view class="item">
      <text>公积金缴纳基数</text>
      <view>
        <input type="number" value="{{fund}}" controlled="true" onInput="inputAction" data-input='fund' placeholder="{{wxyj.fund_min+'~'+wxyj.fund_max}}" placeholder-class="placeholder" />
        <button onTap="sameShebao">同社保</button>
      </view>
    </view>
    <view class="item">
      <text>公积金缴纳比例</text>
      <view onTap="showPicker" data-pickerType=3>
        <view>{{scale.name}}</view>
        <image mode="scaleToFill" src="../../imgs/arrow.png"/>
      </view>
    </view>
  </view>
  <view class="list" hidden="{{hiddenList}}">
    <view class="title">
      <view class="{{listStatus?'':'selected'}}" onTap="show" data-class=".sbList">社保</view>
      <view class="{{listStatus?'selected':''}}" onTap="show" data-class=".gjjList">公积金</view>
    </view>
    <view class="name">
      <text>险种</text>
      <text>基数</text>
      <text>企业</text>
      <text>个人</text>
      <text>合计</text>
    </view>
    <view class="sbList" style="height:{{sbHeight}}">
      <view>
        <view class="list-item" a:for="{{shebaoList}}" a:for-item="item">
          <view class="cell" a:for="{{item}}">
            <text a:for="{{item}}" a:for-item="item">{{item}}</text>
          </view>
        </view>
        <view class="shebaoListTotal" hidden="{{!shebaoMoney}}">
          <text>合计</text>
          <view>
            <view>
              <text>{{shebaoListTotal.length==2?"首月":''}}</text>
              <text a:for="{{shebaoListTotal[0]}}" a:for-item="item">{{item}}</text></view>
            <view a:if="{{shebaoListTotal.length==2}}">
              <text>{{shebaoListTotal.length==2?"非首月":''}}</text>
              <text a:for="{{shebaoListTotal[1]}}" a:for-item="item">{{item}}</text></view></view>
        </view>
      </view>
      <view class="tips">
        <text>1. 残保金因城市和企业而异，本页展示仅供参考</text>
        <text>2. 社保缴费额仅供参考，最终缴费额以社保局实际收取为准。</text>
        <text>3. 部分城市因价格调整滞后，可能存在社保预交费用，由于预收费不是最终准确费用，本计算结果暂不包含预收费。</text>
      </view>
    </view>
    <view class="gjjList" hidden="{{hiddenGjj}}">
      <view hidden="{{!fundMoney}}">
        <view class="list-item">
          <view class="cell">
            <text>公积金</text>
          </view>
          <view class="cell">
            <text>{{fundForm}}</text>
          </view>
          <view class="cell">
            <text>{{avgFund}}</text>
            <text>{{scale.name}}</text>
          </view>
          <view class="cell">
            <text>{{avgFund}}</text>
            <text>{{scale.name}}</text>
          </view>
          <view class="cell">
            <text>{{fundMoney}}</text>
          </view>
        </view>
      </view>
      <view class="tips">
      公积金缴费额仅供参考，最终缴费额以公积金中心实际收取为准。
      </view>
    </view>
  </view>
  <view class="picker" style="bottom:{{bottom}}">
    <view class="picker-title">
      <view onTap="hiddePicker">取消</view>
      <view onTap="sureAction">确定</view>
    </view>
    <picker-view onChange="scrollPicker" value="{{pickerIndex}}">
      <picker-view-column a:for='{{pickerData}}' a:for-item='item'>
        <view a:for='{{item}}' a:for-item='item'>{{item.name}}</view>
      </picker-view-column>
    </picker-view>
  </view>
  <view class="mask" a:if="{{mask}}" onTap="hiddePicker"></view>