You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
5.3 KiB
2 lines
5.3 KiB
"use strict";(self["webpackChunkabcdf"]=self["webpackChunkabcdf"]||[]).push([[113],{6113:function(e,s,t){t.r(s),t.d(s,{default:function(){return o}});var a=function(){var e=this,s=e._self._c;return s("div",{staticClass:"bg"},[s("el-card",{staticStyle:{width:"100%"}},[s("div",{staticClass:"clearfix flex-between",attrs:{slot:"header"},slot:"header"},[s("span",[e._v("我的发票")]),s("div",{staticClass:"flex-between"},[s("span",{staticStyle:{color:"#666","font-size":"12px"}},[e._v("您已保存了1个发票抬头信息，做多可创建5个。")]),s("el-button",{staticStyle:{float:"right"},attrs:{size:"small",type:"primary"},on:{click:function(s){return e.openDialog("add",{})}}},[e._v("新增")])],1)]),s("el-table",{staticStyle:{width:"100%"},attrs:{data:e.addresses,border:""}},[s("el-table-column",{attrs:{prop:"receiver",label:"发票抬头",width:"120"}}),s("el-table-column",{attrs:{prop:"region",label:"纳税人识别号",width:"120"}}),s("el-table-column",{attrs:{prop:"detailAddress",label:"开户银行",width:"300"}}),s("el-table-column",{attrs:{prop:"phone",label:"银行账号",width:"150"}}),s("el-table-column",{attrs:{prop:"fixedPhone",label:"注册电话",width:"150"}}),s("el-table-column",{attrs:{prop:"alias",label:"注册地址",width:"120"}}),s("el-table-column",{attrs:{label:"操作",width:"200"},scopedSlots:e._u([{key:"default",fn:function(t){return[s("el-button",{attrs:{size:"mini"},on:{click:function(s){return e.handleEdit(t.row)}}},[e._v("编辑")]),s("el-button",{attrs:{size:"mini",type:"danger"},on:{click:function(s){return e.handleDelete(t.row)}}},[e._v("删除")])]}}])})],1)],1),s("el-dialog",{attrs:{title:"编辑发票抬头",visible:e.dialogVisible,width:"700px"},on:{"update:visible":function(s){e.dialogVisible=s}}},[s("el-form",{attrs:{model:e.address,"label-width":"120px",size:"small"}},[s("el-form-item",{attrs:{label:"*发票抬头"}},[s("el-input",{attrs:{placeholder:"请填写发票抬头"},model:{value:e.address.receiver,callback:function(s){e.$set(e.address,"receiver",s)},expression:"address.receiver"}})],1),s("el-form-item",{attrs:{label:"*纳税人识别号"}},[s("el-input",{attrs:{placeholder:"请填写纳税人识别号"},model:{value:e.address.region,callback:function(s){e.$set(e.address,"region",s)},expression:"address.region"}})],1),s("el-form-item",{attrs:{label:"*开户银行"}},[s("el-input",{attrs:{placeholder:"请填写开户银行"},model:{value:e.address.detailAddress,callback:function(s){e.$set(e.address,"detailAddress",s)},expression:"address.detailAddress"}})],1),s("el-form-item",{attrs:{label:"*银行账号"}},[s("el-input",{attrs:{placeholder:"请填写银行账号"},model:{value:e.address.phone,callback:function(s){e.$set(e.address,"phone",s)},expression:"address.phone"}})],1),s("el-form-item",{attrs:{label:"注册电话"}},[s("el-input",{attrs:{placeholder:"请填写注册号码"},model:{value:e.address.fixedPhone,callback:function(s){e.$set(e.address,"fixedPhone",s)},expression:"address.fixedPhone"}})],1),s("el-form-item",{attrs:{label:"注册地址"}},[s("el-input",{attrs:{placeholder:"请填写注册地址"},model:{value:e.address.alias,callback:function(s){e.$set(e.address,"alias",s)},expression:"address.alias"}})],1)],1),s("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[s("el-button",{attrs:{size:"small"},on:{click:function(s){e.dialogVisible=!1}}},[e._v("取消")]),s("el-button",{attrs:{size:"small",type:"primary"},on:{click:e.saveAddress}},[e._v("保存")])],1)],1)],1)},i=[],l=(t(4114),{name:"UserInfo",data(){return{user:{},searchParam:{pageSize:5,currentPage:1,total:10},dialogVisible:!1,addresses:[{id:1,receiver:"张三",region:"北京",detailAddress:"北京市朝阳区xx街道xx小区xx号楼xx单元",phone:"13800138000",fixedPhone:"010-12345678",alias:"家"},{id:2,receiver:"李四",region:"上海",detailAddress:"上海市浦东新区xx街道xx小区xx号楼xx单元",phone:"13900139000",fixedPhone:"021-12345678",alias:"公司"},{id:3,receiver:"王五",region:"广州",detailAddress:"广州市天河区xx街道xx小区xx号楼xx单元",phone:"13700137000",fixedPhone:"020-12345678",alias:"朋友家"}],address:{type:"add",id:"",receiver:"",region:"",detailAddress:"",phone:"",fixedPhone:"",alias:""}}},methods:{handleSizeChange(e){this.searchParam.pageSize=e},handleCurrentChange(e){this.searchParam.currentPage=e},openDialog(e,s){this.address={type:e,id:s.id||"",receiver:s.receiver||"",region:s.region||"",detailAddress:s.detailAddress||"",phone:s.phone||"",fixedPhone:s.fixedPhone||"",alias:s.alias||""},this.dialogVisible=!0},saveAddress(){if(this.address.id){const e=this.addresses.findIndex(e=>e.id===this.address.id);-1!==e&&(this.addresses[e]={...this.address})}else this.address.id=Date.now(),this.addresses.push({...this.address});this.$message({message:"保存成功",type:"success"}),this.dialogVisible=!1},handleEdit(e){this.address={...e},this.dialogVisible=!0},handleDelete(e){this.$confirm("此操作将永久删除该地址, 是否继续?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{const s=this.addresses.findIndex(s=>s.id===e.id);-1!==s&&this.addresses.splice(s,1),this.$message({type:"success",message:"删除成功!"})}).catch(()=>{this.$message({type:"info",message:"已取消删除"})})}}}),d=l,r=t(1656),n=(0,r.A)(d,a,i,!1,null,"0b642f68",null),o=n.exports}}]);
|
|
//# sourceMappingURL=113.5c3b5964.js.map
|