个人中心订单详情-申请发票

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;
+      },
     },