"use strict";(self["webpackChunkabcdf"]=self["webpackChunkabcdf"]||[]).push([[700],{700:function(e,s,a){a.r(s),a.d(s,{default:function(){return o}});var t=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("div",[e._v(" 收货地址 "),s("span",{staticStyle:{"font-size":"12px",color:"#666"}},[e._v("收票人地址统一使用该地址管理设置")])]),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(a){return[s("el-button",{attrs:{size:"mini"},on:{click:function(s){return e.handleEdit(a.row)}}},[e._v("编辑")]),s("el-button",{attrs:{size:"mini",type:"danger"},on:{click:function(s){return e.handleDelete(a.row)}}},[e._v("删除")])]}}])})],1),s("div",{staticStyle:{"text-align":"right","margin-top":"20px"}},[s("el-pagination",{attrs:{"current-page":e.searchParam.currentPage,"page-sizes":[5,10,20],"page-size":e.searchParam.pageSize,layout:"total, sizes, prev, pager, next, jumper",total:e.searchParam.total},on:{"size-change":e.handleSizeChange,"current-change":e.handleCurrentChange}})],1)],1),s("el-dialog",{attrs:{title:("add"===e.address.type?"新增":"编辑")+"收货地址",visible:e.dialogVisible,width:"700px"},on:{"update:visible":function(s){e.dialogVisible=s}}},[s("el-form",{attrs:{model:e.address,"label-width":"100px",size:"small"}},[s("el-form-item",{attrs:{label:"*收货人"}},[s("el-input",{attrs:{placeholder:"请填写收货人姓名,限制40个字符"},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-select",{attrs:{placeholder:"请选择所在地区"},model:{value:e.address.region,callback:function(s){e.$set(e.address,"region",s)},expression:"address.region"}},[s("el-option",{attrs:{label:"北京",value:"北京"}}),s("el-option",{attrs:{label:"上海",value:"上海"}}),s("el-option",{attrs:{label:"广州",value:"广州"}}),s("el-option",{attrs:{label:"深圳",value:"深圳"}})],1)],1),s("el-form-item",{attrs:{label:"*详细地址"}},[s("el-input",{attrs:{placeholder:"请填写详细地址,限制500个字符"},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:"请填写手机号码,限制11位数字"},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:"请填写固定号码,限制40个字符"},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:"请填写常用名称,限制40个字符"},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)},l=[],i=(a(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:"已取消删除"})})}}}),r=i,d=a(1656),n=(0,d.A)(r,t,l,!1,null,"2982dbfe",null),o=n.exports}}]);
//# sourceMappingURL=700.6882c630.js.map