blackteay/go-view
1
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

feat: 新增文本跳转功能

Browse Source
This commit is contained in:
奔跑的面条 2022-09-22 19:17:26 +08:00
parent e0bc13cccb
commit ad29bf5f26
1 changed files with 35 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/packages/components/Informations/Texts/TextCommon/config.vue
View File

@ -7,7 +7,16 @@
</setting-item-box> </setting-item-box>
<setting-item-box name="链接" :alone="true"> <setting-item-box name="链接" :alone="true">
<setting-item> <setting-item>
<n-input-group><n-select v-model:value="optionData.linkHead" size="small" :style="{ width: '33%' }" :options="linkHeadOptions" /><n-input v-model:value="optionData.link" size="small"></n-input><n-button :disabled="!optionData.link" secondary size="small" @click="handleLinkClick" >跳转</n-button></n-input-group> <n-input-group>
<n-select
v-model:value="optionData.linkHead"
size="small"
:style="{ width: '80%' }"
:options="linkHeadOptions"
/>
<n-input v-model:value="optionData.link" size="small"></n-input>
<n-button :disabled="!optionData.link" secondary size="small" @click="handleLinkClick">跳转</n-button>
</n-input-group>
</setting-item> </setting-item>
</setting-item-box> </setting-item-box>
</collapse-item> </collapse-item>
@ -69,11 +78,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { PropType } from 'vue' import { PropType } from 'vue'
import { option, WritingModeEnum, WritingModeObject } from './config' import { option, WritingModeEnum, WritingModeObject } from './config'
import { import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
CollapseItem,
SettingItemBox,
SettingItem
} from '@/components/Pages/ChartItemSetting'
const props = defineProps({ const props = defineProps({
optionData: { optionData: {
type: Object as PropType<typeof option>, type: Object as PropType<typeof option>,
@ -81,22 +86,27 @@ const props = defineProps({
} }
}) })
const verticalOptions = [{ const verticalOptions = [
{
label: WritingModeEnum.HORIZONTAL, label: WritingModeEnum.HORIZONTAL,
value: WritingModeObject[WritingModeEnum.HORIZONTAL] value: WritingModeObject[WritingModeEnum.HORIZONTAL]
}, { },
{
label: WritingModeEnum.VERTICAL, label: WritingModeEnum.VERTICAL,
value: WritingModeObject[WritingModeEnum.VERTICAL] value: WritingModeObject[WritingModeEnum.VERTICAL]
}] }
]
const handleLinkClick = () => { const handleLinkClick = () => {
window.open(props.optionData.linkHead + props.optionData.link) window.open(props.optionData.linkHead + props.optionData.link)
} }
const linkHeadOptions = [{ const linkHeadOptions = [
{
label: 'http://', label: 'http://',
value: 'http://' value: 'http://'
}, },
{ {
label: 'https://', label: 'https://',
value: 'https://' value: 'https://'
}] }
]
</script> </script>