| | |
| | | viewBtn: true, |
| | | //dialogType: 'drawer', |
| | | dialogClickModal: false, |
| | | // searchSize: 'mini', |
| | | column: [ |
| | | { |
| | | label: "客户ID", |
| | |
| | | search: true, |
| | | width: 190, |
| | | span: 12, |
| | | searchSpan: 3, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请输入参数名称", |
| | |
| | | prop: "linkman", |
| | | width: 100, |
| | | search: true, |
| | | searchSpan: 3, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请输入联系人", |
| | |
| | | className: "cityClass3" |
| | | }, |
| | | { |
| | | label: '坐标', |
| | | label: '地址', |
| | | prop: 'map', |
| | | hide: true, |
| | | span: 24, |
| | | component: "AvueMap", |
| | | }, |
| | | { |
| | | label: '经度', |
| | | hide: true, |
| | | addDisplay: false, |
| | | prop: 'jd', |
| | | }, |
| | | { |
| | | label: '纬度', |
| | | hide: true, |
| | | addDisplay: false, |
| | | prop: 'wd', |
| | | }, |
| | | { |
| | | label: '经度', |
| | | hide: true, |
| | | addDisplay: false, |
| | | prop: 'jd', |
| | | }, |
| | | { |
| | | label: "账号额度", |
| | |
| | | } |
| | | }; |
| | | }, |
| | | watch:{ |
| | | 'form.map':{// form是表单或者表格绑定的数据集,v-model='form' |
| | | handler(val){ |
| | | this.form.jd = val.latitude |
| | | this.form.wd = val.longitude |
| | | }, |
| | | immediate: true |
| | | } |
| | | }, |
| | | //报错: TypeError: val is undefined 处理时间2021.4.10,处理人 liuyg |
| | | // watch:{ |
| | | // 'form.map':{// form是表单或者表格绑定的数据集,v-model='form' |
| | | // handler(val){ |
| | | // this.form.jd = val.latitude |
| | | // this.form.wd = val.longitude |
| | | // }, |
| | | // immediate: true |
| | | // } |
| | | // }, |
| | | computed: { |
| | | ...mapGetters(["userInfo", "permission"]), |
| | | permissionList() { |
| | |
| | | }; |
| | | </script> |
| | | |
| | | <style> |
| | | <style lang="scss"> |
| | | $city-m-l: 10px; |
| | | |
| | | /*页面样式*/ |
| | | .el-card__body .cityClass1 { |
| | | width: 155px; |
| | | padding-right: 0px !important; |
| | | margin-left: $city-m-l; |
| | | } |
| | | |
| | | .el-card__body .cityClass2 { |
| | | width: 100px; |
| | | padding-left: 0px !important; |
| | | padding-right: 0px !important; |
| | | margin-left: $city-m-l; |
| | | } |
| | | |
| | | .el-card__body .cityClass3 { |
| | | width: 100px; |
| | | padding-left: 0px !important; |
| | | padding-right: 0px !important; |
| | | margin-left: $city-m-l; |
| | | } |
| | | |
| | | /*新增窗体样式*/ |
| | | .el-dialog .cityClass1 { |
| | | width: 220px; |
| | | padding-right: 0px !important; |
| | | margin-left: $city-m-l; |
| | | } |
| | | |
| | | .el-dialog .cityClass2 { |
| | | width: 110px; |
| | | width: 130px; |
| | | padding-left: 5px !important; |
| | | padding-right: 5px !important; |
| | | margin-left: $city-m-l; |
| | | } |
| | | |
| | | .el-dialog .cityClass3 { |
| | | width: 110px; |
| | | width: 130px; |
| | | padding-left: 0px !important; |
| | | padding-right: 0px !important; |
| | | margin-left: $city-m-l; |
| | | } |
| | | |
| | | .cityClass2 div label { |
| | |
| | | font-size: 15px; |
| | | } |
| | | |
| | | |
| | | .el-input__inner{ |
| | | width: aotu; |
| | | } |
| | | </style> |