开始做发票

pages/invoicing/index.wxml

@@ -1,14 +1,129 @@
 <!--pages/invoicing/index.wxml-->
-<navigator title="1111" canBack="{{true}}" />
+<navigator title="发票开具" canBack="{{true}}" />
 <view class="info">
-  <view class="money"> 发票金额：<text class="moneyNumber"> {{money}} </text>  </view>
+  <view class="money"> 发票金额：<text class="moneyNumber"> ￥ {{money}} </text>  </view>
   <view class="content">发票内容：<text class="contentText">电费</text> </view>
 </view>
-<view class="type"></view>
-
+<view>
+  <card title="发票类型">
+    <van-radio-group disabled="{{true}}"  direction="horizontal">
+      <van-radio name="1" icon-size="30rpx" style="font-size: 32rpx;margin-bottom: 20rpx;">普通电子发票</van-radio>
+      <van-radio name="2" icon-size="30rpx" style="font-size: 32rpx;">增值税专用电子发票</van-radio>
+    </van-radio-group>
+  </card>
+</view>
+<view class="cardWrapper">
+  <card title="发票详情">
+    <van-field
+      value="{{ detail.name }}"
+      label="抬头类型"
+      border="{{ false }}"
+      readonly
+      title-width="132rpx"
+    >
+      <view slot="input" style="margin-top: 16rpx;">
+        <van-radio-group disabled="{{true}}"  direction="horizontal">
+          <van-radio name="1" icon-size="30rpx" style="font-size: 30rpx;margin-bottom: 20rpx;">企业单位</van-radio>
+          <van-radio name="2" icon-size="30rpx" style="font-size: 30rpx;">个人/非企业单位</van-radio>
+        </van-radio-group>
+      </view>
+    
+    </van-field>
+    <van-field
+      value="{{ '河北华昌宝能售电有限公司' }}"
+      label="发票抬头"
+      readonly
+      title-width="132rpx"
+      disabled="{{true}}"
+    />
+    <van-field
+      value="{{ '河北华昌宝能售电有限公司' }}"
+      label="发票税号"
+      readonly
+      title-width="132rpx"
+      disabled="{{true}}"
+    />
+    <van-field
+      value="{{ '河北华昌宝能售电有限公司' }}"
+      label="开户行"
+      readonly
+      title-width="132rpx"
+      disabled="{{true}}"
+    />
+    <van-field
+      value="{{ '河北华昌宝能售电有限公司' }}"
+      label="银行账号"
+      readonly
+      title-width="132rpx"
+      disabled="{{true}}"
+    />
+    <van-field
+      value="{{ '河北华昌宝能售电有限公司' }}"
+      label="地址"
+      readonly
+      title-width="132rpx"
+      disabled="{{true}}"
+    />
+    <van-field
+      value="{{ '河北华昌宝能售电有限公司' }}"
+      label="电话"
+      readonly
+      title-width="132rpx"
+      disabled="{{true}}"
+    />
+    <van-field
+      value="{{ '河北华昌宝能售电有限公司' }}"
+      label="备注说明"
+      title-width="132rpx"
+    />
+  </card>
+</view>
 <view class="content">
 
 </view>
 <view class="submit">
-  <van-button type="info" block> 提交 </van-button>
-</view>
+  <van-button type="info" block bind:click="changeShow"> 立即申请 </van-button>
+</view>
+
+<van-dialog
+  use-slot
+  title="确认开具"
+  show="{{ show }}"
+  show-cancel-button
+>
+  <view class="modalContentWrapper">
+    <van-field
+      value="{{ '河北华昌宝能售电有限公司' }}"
+      label="发票抬头"
+      readonly
+      type="textarea"
+      autosize="{{true}}"
+      title-width="132rpx"
+      border="{{false}}"
+    />
+    <van-field
+      value="{{ 99.99 }}"
+      label="发票金额"
+      readonly
+      title-width="132rpx"
+      border="{{false}}"
+    />
+    <van-field
+      value="{{ '普通发票' }}"
+      label="发票类型"
+      readonly
+      title-width="132rpx"
+      border="{{false}}"
+    />
+    <van-field
+      value="{{ '123456@qq.com' }}"
+      label="邮箱地址"
+      readonly
+      title-width="132rpx"
+      type="textarea"
+      autosize="{{true}}"
+      border="{{false}}"
+    />
+  </view>
+ 
+</van-dialog>