62 lines
1.7 KiB
Vue
62 lines
1.7 KiB
Vue
|
<script setup lang="ts">
|
||
|
|
import {MessageBox} from "@element-plus/icons-vue";
|
||
|
|
import {Action} from "element-plus";
|
||
|
|
|
||
|
|
const allEng = /^[a-zA-Z]+$/;
|
||
|
|
const allChi = /^[\u4e00-\u9fa5]+$/
|
||
|
|
interface SearchLable{
|
||
|
|
words:string
|
||
|
|
method:string
|
||
|
|
}
|
||
|
|
const formLabelAlign = reactive<SearchLable>({
|
||
|
|
words: '',
|
||
|
|
method: 'bsmf',
|
||
|
|
})
|
||
|
|
const testAndSearch = ()=>{
|
||
|
|
if (formLabelAlign.words.length<1 ||
|
||
|
|
formLabelAlign.method=='bsmf'&&!allEng.test(formLabelAlign.words) ||
|
||
|
|
formLabelAlign.method=='bsmc'&&!allEng.test(formLabelAlign.words) ||
|
||
|
|
formLabelAlign.method=='hz'&&!allChi.test(formLabelAlign.words)
|
||
|
|
){
|
||
|
|
formLabelAlign.words=''
|
||
|
|
ElMessageBox.alert("输入内容错误，请检查是否选择了正确的搜索方式。","输入内容不符合规范",{
|
||
|
|
confirmButtonText: '确认',
|
||
|
|
callback:(action:Action)=>{
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<el-form
|
||
|
|
:label-position="'right'"
|
||
|
|
label-width="100px"
|
||
|
|
:model="formLabelAlign"
|
||
|
|
style="max-width: 460px"
|
||
|
|
@keydown.enter="testAndSearch"
|
||
|
|
@submit.native.prevent
|
||
|
|
>
|
||
|
|
<el-form-item label="查询方法">
|
||
|
|
<el-radio-group v-model="formLabelAlign.method" label="label position">
|
||
|
|
<el-radio-button label="bsmf">笔顺码前部</el-radio-button>
|
||
|
|
<el-radio-button label="bsmc">笔顺码中部</el-radio-button>
|
||
|
|
<el-radio-button label="hz">汉字</el-radio-button>
|
||
|
|
</el-radio-group>
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item label="查询内容">
|
||
|
|
<el-input @keydown.enter="testAndSearch" v-model="formLabelAlign.words" />
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item>
|
||
|
|
<el-button @click="testAndSearch">搜索</el-button>
|
||
|
|
</el-form-item>
|
||
|
|
</el-form>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
|
||
|
|
</style>
|