喻忠伟 2 years ago
commit a2153ba4b2
  1. 121
      ant-design-vue-jeecg/src/views/shopping/pages/orderDetails.vue

@ -16,7 +16,8 @@
<p class="f_24" v-if="!this.model.pay">待支付</p>
<p class="f_24" v-if="!this.model.receipt && this.model.pay">待收货</p>
<p class="f_24" v-if="this.model.receipt">已完成</p>
<a class="c_333 f_12" v-if="this.model.receipt">查看发票详情</a>
<!-- <a class="c_333 f_12" v-if="this.model.receipt" @click="showModal">查看发票详情</a>-->
<a class="c_333 f_12" @click="showModal">申请发票</a>
</div>
<div class="steps">
<a-steps direction="vertical" size="small" :current="current">
@ -118,6 +119,95 @@
</div>
</div>
<div class="btn"><router-link to="/shopping/person" class="c_fff f_16">返回</router-link></div>
<a-modal
title="发票申请"
:visible="visible2"
:width="800"
>
<template slot="footer">
<a-button key="back" @click="handleCancel">
取消
</a-button>
<a-button key="submit" type="primary" @click="handleOk">
确定
</a-button>
</template>
<template>
<a-form-model
ref="ruleForm"
:model="form"
:rules="rules"
:label-col="labelCol" :wrapper-col="wrapperCol"
class="modelForm"
>
<a-form-model-item label="客户类型" >
<a-radio-group v-model="form.customerType">
<a-radio :value="'1'">
个人
</a-radio>
<a-radio :value="'2'">
企业
</a-radio>
</a-radio-group>
</a-form-model-item>
<a-form-model-item label="发票类型" >
<a-select v-model="form.invoiceType" placeholder="请选择发票类型">
<a-select-option value="1">
专用增值税发票
</a-select-option>
<a-select-option value="2">
普通增值税发票
</a-select-option>
</a-select>
</a-form-model-item>
<a-form-model-item
label="发票抬头"
prop="name"
>
<a-input placeholder="请输入发票抬头" v-model="form.name" />
</a-form-model-item>
<a-form-model-item
label="纳税人识别号"
prop="dutyNum"
>
<a-input placeholder="请输入纳税人识别号" v-model="form.accountNumber" />
</a-form-model-item>
<a-form-model-item
label="公司注册电话"
prop="phone"
v-if="form.customerType == 2"
>
<a-input placeholder="请输入公司注册电话" v-model="form.telephone">
<template slot="addonBefore">
<span>+86 中国大陆地区</span>
</template>
</a-input>
</a-form-model-item>
<a-form-model-item
label="银行账户"
prop="card"
v-if="form.customerType == 2"
>
<a-input placeholder="请输入银行账户" v-model="form.bankDeposit">
</a-input>
</a-form-model-item>
<a-form-model-item label="开户行" prop="bankzh">
<j-popup
v-model="form.bankzh"
field="bankzh"
org-fields="id,bankname"
dest-fields="bankDeposit,bankzh"
code="findyh"
:multi="true"
/>
</a-form-model-item>
<a-form-model-item label="地址" prop="detailed">
<a-input v-model="form.address" type="textarea" />
</a-form-model-item>
</a-form-model>
</template>
</a-modal>
</div>
</div>
<Footer></Footer>
@ -133,6 +223,7 @@
data() {
return {
current:0,//
visible2:false,
model:{
id:'',
orderNum:'',
@ -142,7 +233,21 @@
},
dingdaninfo:{},
dingdandh:{},
labelCol: { span: 5 },
wrapperCol: { span: 19 },
form: {
customerType:'1',//
id:'',
invoiceType: undefined,
name: '',
addr: '',
accountNumber: '',
account: '',
telephone: '',
address:'',
card:'',
flag:false//
},
url: {
list: "/starehouse/starehouse/list",
@ -206,8 +311,16 @@
console.log("+++++++++++++++++++++")
}
});
}
},
showModal() {
this.visible2 = true;
},
handleOk(e) {
this.visible2 = false;
},
handleCancel(e) {
this.visible2 = false;
},
},

Loading…
Cancel
Save