ソースを参照

feat:填写发票信息

DaMowang 3 年 前
コミット
83f7658f72
2 ファイル変更132 行追加0 行削除
  1. 6 0
      src/pages.json
  2. 126 0
      src/pagesB/invoice/editinvoice.vue

+ 6 - 0
src/pages.json

@@ -286,6 +286,12 @@
 				"style": {
 					"navigationBarTitleText": "开票助手"
 				}
+			},
+			{
+				"path": "invoice/editinvoice",
+				"style": {
+					"navigationBarTitleText": "填写发票信息"
+				}
 			}
 		 ]
 	}],

+ 126 - 0
src/pagesB/invoice/editinvoice.vue

@@ -0,0 +1,126 @@
+<template>
+  <div class="editinvoice">
+    <div class="tit">发票详情</div>
+    <div class="formBar">
+        <div class="form-item flex_r flex_jb">
+            <div class="label">抬头类型</div>
+            <div class="input">增值税电子普通发票</div>
+        </div>
+        <div class="form-item flex_r flex_jb">
+            <div class="label">抬头类型</div>
+            <div class="input">
+                <div class="option-i" @click="formDa.type = 1">
+                    <img src="@/static/img/xuanzhong_icon.png" v-if="formDa.type == 1" class="ico" alt="">
+                    <img src="@/static/img/weixuanzhong_icon.png" v-else class="ico" alt="">
+                    <span class="txt">个人或事业单位</span>
+                </div>
+                <div class="option-i" @click="formDa.type = 2">
+                    <img src="@/static/img/xuanzhong_icon.png" v-if="formDa.type == 2" class="ico" alt="">
+                    <img src="@/static/img/weixuanzhong_icon.png" v-else class="ico" alt="">
+                    <span class="txt">企业</span>
+                </div>
+            </div>
+        </div>
+        <div class="form-item flex_r flex_jb">
+            <div class="label">发票抬头</div>
+            <input class="input" placeholder="请填写发票抬头"/>
+        </div>
+        <div class="form-item flex_r flex_jb">
+            <div class="label">税号</div>
+            <input class="input" placeholder="请填写税号"/>
+        </div>
+    </div>
+    <div class="tit">接收信息</div>
+    <div class="formBar">
+        <div class="form-item flex_r flex_jb">
+            <div class="label">电子邮箱:</div>
+            <input class="input" placeholder="请填写邮箱地址"/>
+        </div>
+        <div class="form-item flex_r flex_jb">
+            <div class="label">手机号码:</div>
+            <input class="input" placeholder="请填写手机号码"/>
+        </div>
+    </div>
+    <div class="submitBtn">提交</div>
+  </div>
+</template>
+<script>
+import { get, post } from "@/request/api.js";
+export default {
+  name: "editinvoice",
+  data() {
+    return {
+        formDa: {
+            type: 1
+        },
+    };
+  },
+  onLoad(option) {},
+  onLaunch() {},
+  onShow() {},
+  onHide() {},
+  methods: {},
+  computed: {},
+  watch: {},
+};
+</script>
+<style scoped lang='scss'>
+page {
+	background-color: #F6F6F6;
+}
+.editinvoice{
+    padding: 36rpx;
+    .tit{
+        font-size: 32rpx;
+        font-weight: bold;
+        margin-bottom: 26rpx;
+    }
+    .formBar{
+        background: #fff;
+        border-radius: 16rpx;
+        padding: 36rpx 28rpx;
+        margin-bottom: 52rpx;
+    }
+    .form-item{
+        margin-bottom: 26rpx;
+        font-size: 30rpx;
+        &:last-child{
+            margin-bottom: 0;
+        }
+        .label{
+            width: 168rpx;
+        }
+        .input{
+            width: calc(100% - 168rpx);
+            text-align: right;
+        }
+        .option-i{
+            display: inline-block;
+            margin-right: 32rpx;
+            &:last-child{
+                margin-right: 0;
+            }
+        }
+        .ico{
+            width: 32rpx;
+            height: 32rpx;
+        }
+        .txt,.ico{
+            vertical-align: middle;
+        }
+    }
+    .submitBtn{
+        height: 90rpx;
+        line-height: 90rpx;
+        border-radius: 45rpx;
+        background: #18bb88;
+        text-align: center;
+        font-size: 34rpx;
+        color: #fff;
+        width: calc(100% - 72rpx);
+        position: fixed;
+        left: 36rpx;
+        bottom: 46rpx;
+    }
+}
+</style>