update 允许打开窗口副标题
This commit is contained in:
@@ -194,6 +194,20 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.yo-layout-tab-subtitle {
|
||||
line-height: 1;
|
||||
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
|
||||
max-width: 150px;
|
||||
|
||||
transform: translateY(1px);
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
opacity: .75;
|
||||
}
|
||||
+.ant-tabs-tab {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
export default {
|
||||
houseCodeAdd: ['/houseCode/add', 'post'],
|
||||
houseCodeEdit: ['/houseCode/edit', 'post'],
|
||||
houseCodePage: ['/houseCode/page', 'post'],
|
||||
houseCodeNo: '/houseCode/getNextNoByCode',
|
||||
}
|
||||
@@ -96,6 +96,7 @@ export default {
|
||||
* 对表单提交进行处理
|
||||
*/
|
||||
this.saving = true;
|
||||
if (!this.param.record) {
|
||||
this.$api
|
||||
.houseCodeAdd(formData)
|
||||
.then(({ success }) => {
|
||||
@@ -115,6 +116,27 @@ export default {
|
||||
.finally(() => {
|
||||
this.saving = false;
|
||||
});
|
||||
} else {
|
||||
this.$api
|
||||
.houseCodeEdit(formData)
|
||||
.then(({ success }) => {
|
||||
if (success) {
|
||||
this.$message.success('保存成功');
|
||||
this.$confirm({
|
||||
content: '编辑成功，是否继续保留当前页？',
|
||||
onOk: () => {
|
||||
this.$refs.forms[0].onProjectChange();
|
||||
},
|
||||
onCancel: () => {
|
||||
this.closeContentWindow();
|
||||
},
|
||||
});
|
||||
}
|
||||
})
|
||||
.finally(() => {
|
||||
this.saving = false;
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
@@ -251,10 +251,6 @@ export default {
|
||||
this.onFillData();
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.onMapInit();
|
||||
},
|
||||
|
||||
beforeDestroy() {
|
||||
if (this.map) this.map.destroy();
|
||||
},
|
||||
@@ -289,6 +285,14 @@ export default {
|
||||
if (this.form.id) {
|
||||
this.onAreaCodeChange(true);
|
||||
}
|
||||
|
||||
this.$nextTick(async () => {
|
||||
await this.onMapInit();
|
||||
if (this.form.lng && this.form.lat) {
|
||||
this.setMarker([this.form.lng, this.form.lat]);
|
||||
this.map.setCenter([this.form.lng, this.form.lat]);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
/**
|
||||
@@ -362,6 +366,7 @@ export default {
|
||||
},
|
||||
|
||||
onMapInit() {
|
||||
return new Promise((resolve) => {
|
||||
const city = '宁波市';
|
||||
|
||||
const district = new AMap.DistrictSearch({
|
||||
@@ -387,30 +392,12 @@ export default {
|
||||
|
||||
const geocoder = new AMap.Geocoder({ city });
|
||||
|
||||
let marker;
|
||||
const setMarker = (position) => {
|
||||
if (marker) {
|
||||
marker.setPosition(position);
|
||||
} else {
|
||||
marker = new AMap.Marker({
|
||||
map: this.map,
|
||||
icon: '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
|
||||
position,
|
||||
offset: new AMap.Pixel(-13, -30),
|
||||
});
|
||||
}
|
||||
|
||||
geocoder.getAddress(position, (status, result) => {
|
||||
if (status === 'complete' && result.regeocode) {
|
||||
this.onSetPosition(result.regeocode.formattedAddress, position);
|
||||
} else {
|
||||
console.error('根据经纬度查询地址失败');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
this.map.on('click', (e) => {
|
||||
setMarker(e.lnglat);
|
||||
this.setMarker(e.lnglat, geocoder);
|
||||
});
|
||||
|
||||
this.map.on('complete', () => {
|
||||
resolve();
|
||||
});
|
||||
|
||||
const auto = new AMap.AutoComplete({
|
||||
@@ -433,7 +420,7 @@ export default {
|
||||
poiList: { pois },
|
||||
} = result;
|
||||
pois.forEach((p) => {
|
||||
setMarker(p.location);
|
||||
this.setMarker(p.location, geocoder);
|
||||
});
|
||||
|
||||
this.map.setFitView();
|
||||
@@ -449,6 +436,30 @@ export default {
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
|
||||
setMarker(position, geocoder) {
|
||||
if (this.marker) {
|
||||
this.marker.setPosition(position);
|
||||
} else {
|
||||
this.marker = new AMap.Marker({
|
||||
map: this.map,
|
||||
icon: '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
|
||||
position,
|
||||
offset: new AMap.Pixel(-13, -30),
|
||||
});
|
||||
}
|
||||
|
||||
if (geocoder) {
|
||||
geocoder.getAddress(position, (status, result) => {
|
||||
if (status === 'complete' && result.regeocode) {
|
||||
this.onSetPosition(result.regeocode.formattedAddress, position);
|
||||
} else {
|
||||
console.error('根据经纬度查询地址失败');
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
onSetPosition(address, { lng, lat }) {
|
||||
|
||||
@@ -64,7 +64,7 @@
|
||||
</a-form-model-item>
|
||||
</Auth>
|
||||
<Auth auth="authCode:add" slot="operator">
|
||||
<a-button @click="onOpen()" icon="plus">新增编码</a-button>
|
||||
<a-button @click="onOpen()" icon="plus">新增房屋编码</a-button>
|
||||
</Auth>
|
||||
<!-- 格式化字段内容 -->
|
||||
<!-- ... -->
|
||||
@@ -254,7 +254,11 @@ export default {
|
||||
*/
|
||||
onOpen(record) {
|
||||
this.openContentWindow({
|
||||
title: '房屋编码',
|
||||
key: record ? record.id : 'business/house/houseCode/form',
|
||||
title: record ? '修改房屋编码' : '新增房屋编码',
|
||||
subTitle:
|
||||
record &&
|
||||
`${record.areaName}-${record.roadName}-${record.commName}-${record.note}-${`000${record.no}`.slice(-3)}`,
|
||||
path: 'business/house/houseCode/form',
|
||||
param: {
|
||||
record,
|
||||
|
||||
@@ -12,6 +12,9 @@
|
||||
<div @click.middle="() => pane.closable && $emit('close', pane.key)">
|
||||
<a-icon :type="pane.icon" v-if="pane.icon" />
|
||||
{{ pane.title }}
|
||||
<a-tooltip :title="pane.subTitle" placement="bottom" v-if="pane.subTitle">
|
||||
<span class="yo-layout-tab-subtitle">{{`- ${pane.subTitle}`}}</span>
|
||||
</a-tooltip>
|
||||
</div>
|
||||
<a-menu slot="overlay">
|
||||
<template v-if="mode === 'development'">
|
||||
|
||||
@@ -119,6 +119,7 @@ export default {
|
||||
closable: settings.closable === undefined ? true : settings.closable,
|
||||
icon: settings.icon,
|
||||
title: settings.title || '新建窗口',
|
||||
subTitle: settings.subTitle,
|
||||
component: null,
|
||||
path,
|
||||
param: settings.param,
|
||||
|
||||
Reference in New Issue
Block a user