|
@@ -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>
|