|
|
|
|
@ -18,7 +18,9 @@
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;">*</span>地址:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
<el-input v-model="form.address" placeholder="请输入地址" clearable style="width: 300px;"></el-input>
|
|
|
|
|
<avue-input-map :params="mapparams" placeholder="请选择地图" v-model="mapform"></avue-input-map>
|
|
|
|
|
|
|
|
|
|
<!-- <el-input v-model="form.address" placeholder="请输入地址" clearable style="width: 300px;"></el-input> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
@ -28,7 +30,7 @@
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>经度:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
<el-input v-model="form.lon" placeholder="请输入经度" clearable style="width: 300px;"></el-input>
|
|
|
|
|
<el-input class='maps' v-model="form.lon" disabled placeholder="请输入经度" clearable style="width: 300px;"></el-input>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
@ -38,7 +40,7 @@
|
|
|
|
|
<span style="color: red;font-weight: 600;padding-right: 4px;"></span>纬度:
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xy-table-item-content">
|
|
|
|
|
<el-input v-model="form.lat" placeholder="请输入地址" clearable style="width: 300px;"></el-input>
|
|
|
|
|
<el-input v-model="form.lat" disabled placeholder="请输入地址" clearable style="width: 300px;"></el-input>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
@ -70,7 +72,10 @@
|
|
|
|
|
lat: '',
|
|
|
|
|
lon: ''
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
mapparams: {
|
|
|
|
|
zoom: 11,
|
|
|
|
|
},
|
|
|
|
|
mapform: [],
|
|
|
|
|
rules: {
|
|
|
|
|
name:[{
|
|
|
|
|
required:true,
|
|
|
|
|
@ -95,6 +100,7 @@
|
|
|
|
|
lat: res?.lat,
|
|
|
|
|
lon: res?.lon,
|
|
|
|
|
}
|
|
|
|
|
this.mapform = [res.lon, res.lat, res.address]
|
|
|
|
|
},
|
|
|
|
|
submit() {
|
|
|
|
|
if (this.type === 'add') {
|
|
|
|
|
@ -133,8 +139,14 @@
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
this.id = ''
|
|
|
|
|
this.mapform=[]
|
|
|
|
|
this.$refs['dialog'].reset()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mapform(newVal, oldVal) {
|
|
|
|
|
this.form.lon = newVal[0];
|
|
|
|
|
this.form.lat = newVal[1];
|
|
|
|
|
this.form.address = newVal[2];
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -146,69 +158,9 @@
|
|
|
|
|
width: 160px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.img__delete {
|
|
|
|
|
transform: scale(0.8, 0.8);
|
|
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 4px;
|
|
|
|
|
right: 4px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .avatar-uploader .el-upload {
|
|
|
|
|
border: 1px dashed #d9d9d9;
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
position: relative;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .avatar-uploader .el-upload:hover {
|
|
|
|
|
border-color: #409EFF;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-upload--picture-card {
|
|
|
|
|
font-size: 28px;
|
|
|
|
|
color: #8c939d;
|
|
|
|
|
width: 80px !important;
|
|
|
|
|
height: 80px !important;
|
|
|
|
|
line-height: 80px !important;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .avatar-uploader-icon {
|
|
|
|
|
font-size: 28px;
|
|
|
|
|
color: #8c939d;
|
|
|
|
|
width: 80px !important;
|
|
|
|
|
height: 80px !important;
|
|
|
|
|
line-height: 80px !important;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .avatar {
|
|
|
|
|
width: 80px !important;
|
|
|
|
|
display: block;
|
|
|
|
|
border-radius: 6px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .xy-table-item-label {
|
|
|
|
|
width: 160px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-date-editor .el-range-separator {
|
|
|
|
|
width: auto !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::v-deep .el-input-number .el-input__inner {
|
|
|
|
|
text-align: left !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.searchCompanys {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
margin-bottom: 16px;
|
|
|
|
|
|
|
|
|
|
.el-input {
|
|
|
|
|
width: 80%
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
::v-deep .el-textarea__inner{
|
|
|
|
|
width:300px;
|
|
|
|
|
height: 40px!important;
|
|
|
|
|
line-height: 30px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|