|
@@ -74,19 +74,25 @@
|
|
|
v-else-if="back.backType === 'icon'"
|
|
|
/>
|
|
|
<span :style="{ background: back.resource }" v-else></span>
|
|
|
- <p class="back-item-desc">
|
|
|
+ <a
|
|
|
+ class="back-item-desc"
|
|
|
+ :title="
|
|
|
+ (settingResourceTypeDesc[back.backType] &&
|
|
|
+ settingResourceTypeDesc[back.backType] + '-') + back.name
|
|
|
+ "
|
|
|
+ >
|
|
|
{{
|
|
|
(settingResourceTypeDesc[back.backType] &&
|
|
|
settingResourceTypeDesc[back.backType] + "-") + back.name
|
|
|
}}
|
|
|
- </p>
|
|
|
- <ui-button
|
|
|
+ </a>
|
|
|
+
|
|
|
+ <ui-icon
|
|
|
v-if="!back.sys"
|
|
|
- type="primary"
|
|
|
+ type="close"
|
|
|
class="del"
|
|
|
@click.stop="delBack(back)"
|
|
|
- >删除</ui-button
|
|
|
- >
|
|
|
+ />
|
|
|
</div>
|
|
|
<ui-input
|
|
|
class="input"
|
|
@@ -181,9 +187,11 @@ import {
|
|
|
isEdit,
|
|
|
updataSetting,
|
|
|
caseProject,
|
|
|
+ createTemploraryID,
|
|
|
+ save,
|
|
|
} from "@/store";
|
|
|
import { ref } from "vue";
|
|
|
-import { togetherCallback, getFileUrl, loadPack } from "@/utils";
|
|
|
+import { togetherCallback, getFileUrl, loadPack, asyncTimeout } from "@/utils";
|
|
|
import { showRightPanoStack, showRightCtrlPanoStack } from "@/env";
|
|
|
import { sdk, setBackdrop, setMap } from "@/sdk";
|
|
|
import {
|
|
@@ -294,7 +302,27 @@ const changeBack = (
|
|
|
}
|
|
|
};
|
|
|
|
|
|
-const delBack = (() => {
|
|
|
+const delBack = async (back: SettingResource) => {
|
|
|
+ if (setting.value?.back === back.resource) {
|
|
|
+ changeBack(
|
|
|
+ settingResources.value[0].resource,
|
|
|
+ settingResources.value[0].backType,
|
|
|
+ setting!.value.openCompass,
|
|
|
+ setting!.value.mapOpen,
|
|
|
+ setting!.value.mapType,
|
|
|
+ { scale: setting!.value.scale!, rotate: setting!.value.rotate! }
|
|
|
+ );
|
|
|
+ await asyncTimeout(100);
|
|
|
+ await save();
|
|
|
+ }
|
|
|
+
|
|
|
+ const ndx = settingResources.value.indexOf(back);
|
|
|
+ if (~ndx) {
|
|
|
+ settingResources.value.splice(ndx, 1);
|
|
|
+ }
|
|
|
+ await delSettingResource(back);
|
|
|
+};
|
|
|
+const delBack1 = (() => {
|
|
|
let isFirst = true;
|
|
|
let oldResources: SettingResource[];
|
|
|
let dels: SettingResource[] = [];
|
|
@@ -374,7 +402,7 @@ const options = [
|
|
|
label: settingResourceTypeDesc[SettingResourceType.bottomImage],
|
|
|
},
|
|
|
];
|
|
|
-const addTemp = ref<Omit<SettingResource, "id">>();
|
|
|
+const addTemp = ref<SettingResource>();
|
|
|
const iconUpload = async (data: any) => {
|
|
|
addTemp.value = {
|
|
|
resource: await uploadFile({ blob: data.file as any, url: "" }),
|
|
@@ -435,10 +463,27 @@ const iconUpload = async (data: any) => {
|
|
|
|
|
|
.del {
|
|
|
position: absolute;
|
|
|
- top: 64px;
|
|
|
- height: 24px;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
+ background: #ef4347;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ top: -10px;
|
|
|
+ right: -10px;
|
|
|
+ opacity: 0;
|
|
|
+
|
|
|
+ border-radius: 50%;
|
|
|
+
|
|
|
+ &.iconfont {
|
|
|
+ font-size: 10px;
|
|
|
+ color: #fff;
|
|
|
+ outline-color: none !important;
|
|
|
+ }
|
|
|
+ &:hover {
|
|
|
+ opacity: 1 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover .del {
|
|
|
+ opacity: 0.9;
|
|
|
}
|
|
|
|
|
|
.iconfont {
|
|
@@ -466,7 +511,16 @@ const iconUpload = async (data: any) => {
|
|
|
font-size: 14px;
|
|
|
color: #fff;
|
|
|
margin-top: 10px;
|
|
|
+ display: block;
|
|
|
text-align: center;
|
|
|
+
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ -o-text-overflow: ellipsis;
|
|
|
+
|
|
|
+ white-space: nowrap; //文本不会换行
|
|
|
+ width: 88px;
|
|
|
}
|
|
|
.edit-add-type {
|
|
|
position: fixed;
|