删除漫游引导
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { reactive, onMounted, ref, toRaw, nextTick } from 'vue';
|
import { reactive, onMounted, ref, toRaw } from 'vue';
|
||||||
import { PageContainer } from 'antdv-pro-layout';
|
import { PageContainer } from 'antdv-pro-layout';
|
||||||
import { ProModal } from 'antdv-pro-modal';
|
import { ProModal } from 'antdv-pro-modal';
|
||||||
import { Form, message, Modal } from 'ant-design-vue/es';
|
import { Form, message, Modal } from 'ant-design-vue/es';
|
||||||
@@ -9,7 +9,6 @@ import { ColumnsType } from 'ant-design-vue/es/table';
|
|||||||
import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
|
import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
|
||||||
import useI18n from '@/hooks/useI18n';
|
import useI18n from '@/hooks/useI18n';
|
||||||
import useNeInfoStore from '@/store/modules/neinfo';
|
import useNeInfoStore from '@/store/modules/neinfo';
|
||||||
import type { TourProps } from 'ant-design-vue';
|
|
||||||
import {
|
import {
|
||||||
addCustom,
|
addCustom,
|
||||||
delCustom,
|
delCustom,
|
||||||
@@ -20,40 +19,6 @@ import { getKPITitle } from '@/api/perfManage/goldTarget';
|
|||||||
import useDictStore from '@/store/modules/dict';
|
import useDictStore from '@/store/modules/dict';
|
||||||
const { t, currentLocale } = useI18n();
|
const { t, currentLocale } = useI18n();
|
||||||
const { getDict } = useDictStore();
|
const { getDict } = useDictStore();
|
||||||
const open = ref<boolean>(false);
|
|
||||||
|
|
||||||
/**漫游引导**/
|
|
||||||
const current = ref(0);
|
|
||||||
const handleOpen = (val: boolean): void => {
|
|
||||||
open.value = val;
|
|
||||||
};
|
|
||||||
const ref1:any = ref(null);
|
|
||||||
const ref2:any = ref(null);
|
|
||||||
const ref3:any = ref(null);
|
|
||||||
const ref4:any = ref(null);
|
|
||||||
|
|
||||||
const steps: TourProps['steps'] = [
|
|
||||||
{
|
|
||||||
title:t('views.perfManage.customTarget.TourTitle1'),
|
|
||||||
description:t('views.perfManage.customTarget.TourDes1'),
|
|
||||||
target:()=>ref1.value && ref1.value.$el,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title:t('views.perfManage.customTarget.TourTitle2'),
|
|
||||||
description:t('views.perfManage.customTarget.TourDes2'),
|
|
||||||
target:()=>ref2.value && ref2.value.$el,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title:t('views.perfManage.customTarget.TourTitle3'),
|
|
||||||
description:t('views.perfManage.customTarget.TourDes3'),
|
|
||||||
target:()=>ref3.value && ref3.value.$el,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title:t('views.perfManage.customTarget.TourTitle4'),
|
|
||||||
description:t('views.perfManage.customTarget.TourDes4'),
|
|
||||||
target:()=>ref4.value && ref4.value.$el,
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
/**字典数据 */
|
/**字典数据 */
|
||||||
let dict: {
|
let dict: {
|
||||||
@@ -377,10 +342,6 @@ function fnModalVisibleByEdit(row?: any, id?: any) {
|
|||||||
modalState.title = t('views.perfManage.customTarget.addCustom');
|
modalState.title = t('views.perfManage.customTarget.addCustom');
|
||||||
modalState.openByEdit = true;
|
modalState.openByEdit = true;
|
||||||
fnSelectPerformanceInit(modalState.from.neType);
|
fnSelectPerformanceInit(modalState.from.neType);
|
||||||
setTimeout(() => {
|
|
||||||
handleOpen(true);
|
|
||||||
}, 600); // 延时300毫秒
|
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
fnSelectPerformanceInit(row.neType);
|
fnSelectPerformanceInit(row.neType);
|
||||||
modalState.from = Object.assign(modalState.from, row);
|
modalState.from = Object.assign(modalState.from, row);
|
||||||
@@ -762,7 +723,6 @@ onMounted(() => {
|
|||||||
v-bind="modalStateFrom.validateInfos.expression"
|
v-bind="modalStateFrom.validateInfos.expression"
|
||||||
>
|
>
|
||||||
<a-input
|
<a-input
|
||||||
ref="ref3"
|
|
||||||
v-model:value="modalState.from.expression"
|
v-model:value="modalState.from.expression"
|
||||||
:maxlength="1024"
|
:maxlength="1024"
|
||||||
autocomplete="off"
|
autocomplete="off"
|
||||||
@@ -774,7 +734,6 @@ onMounted(() => {
|
|||||||
<a-row>
|
<a-row>
|
||||||
<a-col :lg="12" :md="12" :xs="24">
|
<a-col :lg="12" :md="12" :xs="24">
|
||||||
<a-form-item
|
<a-form-item
|
||||||
ref="ref1"
|
|
||||||
name="elemSelect"
|
name="elemSelect"
|
||||||
:label="t('views.perfManage.customTarget.element')"
|
:label="t('views.perfManage.customTarget.element')"
|
||||||
>
|
>
|
||||||
@@ -792,7 +751,6 @@ onMounted(() => {
|
|||||||
:label="t('views.perfManage.customTarget.symbol')"
|
:label="t('views.perfManage.customTarget.symbol')"
|
||||||
>
|
>
|
||||||
<a-select
|
<a-select
|
||||||
ref="ref2"
|
|
||||||
placeholder="Please select"
|
placeholder="Please select"
|
||||||
:options="modalStateFromOption.symbolJson"
|
:options="modalStateFromOption.symbolJson"
|
||||||
@select="fnSelectSymbol"
|
@select="fnSelectSymbol"
|
||||||
@@ -806,9 +764,9 @@ onMounted(() => {
|
|||||||
:label="t('views.perfManage.customTarget.unit')"
|
:label="t('views.perfManage.customTarget.unit')"
|
||||||
name="expression"
|
name="expression"
|
||||||
v-bind="modalStateFrom.validateInfos.unit"
|
v-bind="modalStateFrom.validateInfos.unit"
|
||||||
|
:help="t('views.perfManage.customTarget.TourDes4')"
|
||||||
>
|
>
|
||||||
<a-auto-complete
|
<a-auto-complete
|
||||||
ref="ref4"
|
|
||||||
v-model:value="modalState.from.unit"
|
v-model:value="modalState.from.unit"
|
||||||
@change="fnChangeUnit"
|
@change="fnChangeUnit"
|
||||||
:options="[
|
:options="[
|
||||||
@@ -821,7 +779,9 @@ onMounted(() => {
|
|||||||
value: '%',
|
value: '%',
|
||||||
},
|
},
|
||||||
]"
|
]"
|
||||||
></a-auto-complete>
|
>
|
||||||
|
|
||||||
|
</a-auto-complete>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
@@ -842,11 +802,6 @@ onMounted(() => {
|
|||||||
</a-form>
|
</a-form>
|
||||||
</ProModal>
|
</ProModal>
|
||||||
</PageContainer>
|
</PageContainer>
|
||||||
<a-tour :open="open" :steps="steps" @close="handleOpen(false)">
|
|
||||||
<template #indicatorsRender="{ current, total }">
|
|
||||||
<span>{{ current + 1 }} / {{ total }}</span>
|
|
||||||
</template>
|
|
||||||
</a-tour>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
|||||||
Reference in New Issue
Block a user