XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

系统标准数值问题可设为裁判问题
continuous-integration/drone/push Build is passing Details

uat_us
DESKTOP-6C3NK6N\WXS 2024-09-06 15:13:46 +08:00
parent 5d8c389090
commit 5bed446055
1 changed files with 290 additions and 179 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

469
src/views/dictionary/template/components/CriterionQuestionForm.vue
View File

@ -10,7 +10,15 @@
>
<div class="base-dialog-body">
<el-form-item label="类型" prop="Type">
<el-select v-model="form.Type" clearable @change="((val)=>{typeChange(val, form)})">
<el-select
v-model="form.Type"
clearable
@change="
(val) => {
typeChange(val, form)
}
"
>
<el-option
v-for="item of $d.Criterion_Question_Type"
:key="item.value"
@ -31,10 +39,7 @@
v-if="form.Type === 'group'"
prop="GroupClassify"
>
<el-select
v-model="form.GroupClassify"
clearable
>
<el-select v-model="form.GroupClassify" clearable>
<el-option
v-for="item of groupClassifyList"
:key="item.Id"
@ -70,13 +75,9 @@
v-if="form.Type === 'number' || form.Type === 'calculation'"
label="数值类型"
prop="ValueType"
:rules="[
{ required: true, message: '请选择'}
]"
:rules="[{ required: true, message: '请选择' }]"
>
<el-radio-group
v-model="form.ValueType"
>
<el-radio-group v-model="form.ValueType">
<el-radio
v-for="item of $d.ValueType"
:key="item.id"
@ -92,9 +93,7 @@
v-if="form.Type === 'number' || form.Type === 'calculation'"
label="单位"
>
<el-radio-group
v-model="form.Unit"
>
<el-radio-group v-model="form.Unit">
<el-radio
v-for="item of $d.ValueUnit"
:key="item.id"
@ -109,15 +108,12 @@
label="表格类型标识"
prop="LesionType"
>
<el-select
v-model="form.LesionType"
clearable
>
<el-select v-model="form.LesionType" clearable>
<el-option
v-for="item of lesionTypes"
:key="item.Code"
:value="parseInt(item.Code)"
:label="$fd('LesionType',parseInt(item.Code))"
:label="$fd('LesionType', parseInt(item.Code))"
/>
</el-select>
</el-form-item>
@ -133,25 +129,27 @@
</el-form-item> -->
<!-- 选项类型 -->
<el-form-item
v-if="form.Type === 'select' || form.Type === 'radio' || form.Type === 'calculation'"
v-if="
form.Type === 'select' ||
form.Type === 'radio' ||
form.Type === 'calculation'
"
label="选项类型"
prop="QuestionGenre"
:rules="[
{ required: form.Type !== 'calculation', message: '请选择'}
]"
:rules="[{ required: form.Type !== 'calculation', message: '请选择' }]"
>
<el-radio-group
v-model="form.QuestionGenre"
@change="((val)=>{questionGenreChange(val, form)})"
@change="
(val) => {
questionGenreChange(val, form)
}
"
>
<el-radio
:label="-1"
>
无
</el-radio>
<el-radio :label="-1"> 无 </el-radio>
<el-radio
v-for="item of $d.TableQuestionType"
v-show="item.value===0 || item.value===3"
v-show="item.value === 0 || item.value === 3"
:key="item.id"
:label="item.value"
>
@ -183,13 +181,8 @@
/>
</el-select>
</el-form-item>
<el-form-item
label="转化显示类型"
prop="ConvertShowType"
>
<el-radio-group
v-model="form.ConvertShowType"
>
<el-form-item label="转化显示类型" prop="ConvertShowType">
<el-radio-group v-model="form.ConvertShowType">
<el-radio
v-for="item of $d.ConvertShowType"
:key="item.id"
@ -200,11 +193,19 @@
</el-radio-group>
</el-form-item>
<el-form-item
v-if="form.QuestionGenre === 3 "
v-if="form.QuestionGenre === 3"
label="关联字典"
prop="DictionaryCode"
>
<el-select v-model="form.DictionaryCode" clearable @change="() => {form.DefaultValue = null}">
<el-select
v-model="form.DictionaryCode"
clearable
@change="
() => {
form.DefaultValue = null
}
"
>
<el-option
v-for="item of dicList"
:key="item.Id"
@ -213,10 +214,7 @@
/>
</el-select>
</el-form-item>
<el-form-item
v-if="form.QuestionGenre === 3 "
label="默认值"
>
<el-form-item v-if="form.QuestionGenre === 3" label="默认值">
<el-select v-model="form.DefaultValue" clearable>
<el-option
v-for="item of form.DictionaryCode ? $d[form.DictionaryCode] : []"
@ -226,10 +224,7 @@
/>
</el-select>
</el-form-item>
<el-form-item
v-if="form.QuestionGenre === 0 "
label="默认值"
>
<el-form-item v-if="form.QuestionGenre === 0" label="默认值">
<el-select v-model="form.DefaultValue" clearable>
<el-option
v-for="item of form.TypeValue ? form.TypeValue.split('|') : []"
@ -240,10 +235,18 @@
</el-select>
</el-form-item>
<el-form-item v-if="form.Type !== 'group'" label="是否显示" prop="ShowQuestion">
<el-form-item
v-if="form.Type !== 'group'"
label="是否显示"
prop="ShowQuestion"
>
<el-radio-group
v-model="form.ShowQuestion"
@change="((val)=>{isShowQuestionChange(val, form)})"
@change="
(val) => {
isShowQuestionChange(val, form)
}
"
>
<el-radio
v-for="item of $d.ShowQuestion"
@ -257,14 +260,18 @@
<!-- 显示时依赖父问题 -->
<el-form-item
v-if="form.Type !== 'group' && form.ShowQuestion===1"
v-if="form.Type !== 'group' && form.ShowQuestion === 1"
label="显示依赖父问题"
prop="ParentId"
>
<el-select
v-model="form.ParentId"
clearable
@change="((val)=>{parentQuestionChange(val, form)})"
@change="
(val) => {
parentQuestionChange(val, form)
}
"
>
<el-option
v-for="item of parentOptions"
@ -275,15 +282,19 @@
</el-select>
</el-form-item>
<!-- 显示时依赖父问题触发值 -->
<el-form-item v-if="form.ParentId && form.ShowQuestion===1" label="显示触发值" prop="ParentTriggerValueList">
<!-- <el-select v-model="form.ParentTriggerValue" clearable>-->
<!-- <el-option-->
<!-- v-for="item of parentTriggerValOptions"-->
<!-- :key="item.id"-->
<!-- :label="item.label"-->
<!-- :value="item.value.toString()"-->
<!-- />-->
<!-- </el-select>-->
<el-form-item
v-if="form.ParentId && form.ShowQuestion === 1"
label="显示触发值"
prop="ParentTriggerValueList"
>
<!-- <el-select v-model="form.ParentTriggerValue" clearable>-->
<!-- <el-option-->
<!-- v-for="item of parentTriggerValOptions"-->
<!-- :key="item.id"-->
<!-- :label="item.label"-->
<!-- :value="item.value.toString()"-->
<!-- />-->
<!-- </el-select>-->
<el-select v-model="form.ParentTriggerValueList" clearable multiple>
<el-option
v-for="item of parentTriggerValOptions"
@ -293,16 +304,44 @@
/>
</el-select>
</el-form-item>
<el-form-item v-if="form.Type === 'select' || form.Type === 'radio' || form.Type === 'calculation'" label="是否裁判问题">
<el-radio-group v-model="form.IsJudgeQuestion" @change="((val)=>{isJudgeQuestionChange(val, form)})">
<el-radio v-for="item of $d.YesOrNo" :key="`YesOrNo${item.value}`" :label="item.value">{{ item.label }}</el-radio>
<el-form-item
v-if="
form.Type === 'select' ||
form.Type === 'radio' ||
form.Type === 'calculation' ||
form.Type === 'number'
"
label="是否裁判问题"
>
<el-radio-group
v-model="form.IsJudgeQuestion"
@change="
(val) => {
isJudgeQuestionChange(val, form)
}
"
>
<el-radio
v-for="item of $d.YesOrNo"
:key="`YesOrNo${item.value}`"
:label="item.value"
>{{ item.label }}</el-radio
>
</el-radio-group>
</el-form-item>
<el-form-item v-if="form.Type !== 'group' && form.Type !== 'table'" label="是否必填" prop="IsRequired">
<el-form-item
v-if="form.Type !== 'group' && form.Type !== 'table'"
label="是否必填"
prop="IsRequired"
>
<el-radio-group
v-model="form.IsRequired"
:disabled="form.IsJudgeQuestion===true || form.ShowQuestion===2"
@change="((val)=>{isRequiredChange(val, form)})"
:disabled="form.IsJudgeQuestion === true || form.ShowQuestion === 2"
@change="
(val) => {
isRequiredChange(val, form)
}
"
>
<el-radio
v-for="item of $d.QuestionRequired"
@ -323,7 +362,11 @@
<el-select
v-model="form.RelevanceId"
clearable
@change="((val)=>{relevanceQuestionChange(val, form)})"
@change="
(val) => {
relevanceQuestionChange(val, form)
}
"
>
<el-option
v-for="item of parentOptions"
@ -339,14 +382,14 @@
label="必填触发值"
prop="RelevanceValueList"
>
<!-- <el-select v-model="form.RelevanceValue" clearable>-->
<!-- <el-option-->
<!-- v-for="item of reParentTriggerValOptions"-->
<!-- :key="item.id"-->
<!-- :label="item.label"-->
<!-- :value="item.value.toString()"-->
<!-- />-->
<!-- </el-select>-->
<!-- <el-select v-model="form.RelevanceValue" clearable>-->
<!-- <el-option-->
<!-- v-for="item of reParentTriggerValOptions"-->
<!-- :key="item.id"-->
<!-- :label="item.label"-->
<!-- :value="item.value.toString()"-->
<!-- />-->
<!-- </el-select>-->
<el-select v-model="form.RelevanceValueList" clearable multiple>
<el-option
v-for="item of reParentTriggerValOptions"
@ -385,7 +428,11 @@
</el-form-item> -->
<el-form-item v-if="form.Type !== 'group'" label="问题分组">
<el-select v-model="form.GroupId" clearable :disabled="isParentExistGroup">
<el-select
v-model="form.GroupId"
clearable
:disabled="isParentExistGroup"
>
<el-option
v-for="group of groupOptions"
:key="group.GroupId"
@ -396,12 +443,22 @@
</el-form-item>
<el-form-item label="限制编辑">
<el-radio-group v-model="form.LimitEdit">
<el-radio v-for="item of $d.LimitEdit" :key="`LimitEdit${item.value}`" :label="item.value">{{ item.label }}</el-radio>
<el-radio
v-for="item of $d.LimitEdit"
:key="`LimitEdit${item.value}`"
:label="item.value"
>{{ item.label }}</el-radio
>
</el-radio-group>
</el-form-item>
<el-form-item label="全局阅片是否显示">
<el-radio-group v-model="form.GlobalReadingShowType">
<el-radio v-for="item of $d.GlobalReadingShowType" :key="item.id" :label="item.value">{{ item.label }}</el-radio>
<el-radio
v-for="item of $d.GlobalReadingShowType"
:key="item.id"
:label="item.value"
>{{ item.label }}</el-radio
>
</el-radio-group>
</el-form-item>
<el-form-item
@ -409,10 +466,7 @@
v-if="form.Type !== 'group'"
prop="QuestionType"
>
<el-select
v-model="form.QuestionType"
clearable
>
<el-select v-model="form.QuestionType" clearable>
<el-option
v-for="item of CriterionDictionaryList.QuestionType"
:key="item.Id"
@ -428,9 +482,18 @@
</el-radio-group>
</el-form-item> -->
<el-form-item v-if="form.Type === 'upload'" label="最大上传个数">
<el-input-number v-model="form.ImageCount" controls-position="right" :min="1" :max="10" />
<el-input-number
v-model="form.ImageCount"
controls-position="right"
:min="1"
:max="10"
/>
</el-form-item>
<el-form-item v-if="form.Type === 'select' || form.Type === 'radio'" label="高亮标记值" prop="HighlightAnswerList">
<el-form-item
v-if="form.Type === 'select' || form.Type === 'radio'"
label="高亮标记值"
prop="HighlightAnswerList"
>
<el-select v-model="form.HighlightAnswerList" clearable multiple>
<template v-if="form.TypeValue">
<el-option
@ -471,20 +534,23 @@
<el-form-item label="是否在阅片页面显示">
<el-radio-group v-model="form.IsShowInDicom">
<el-radio v-for="item of $d.YesOrNo" :key="`YesOrNo${item.value}`" :label="item.value">{{ item.label }}</el-radio>
<el-radio
v-for="item of $d.YesOrNo"
:key="`YesOrNo${item.value}`"
:label="item.value"
>{{ item.label }}</el-radio
>
</el-radio-group>
</el-form-item>
<el-form-item
:label="$t('trials:readingUnit:qsList:title:Remark')"
prop="Remark"
>
<el-input
v-model="form.Remark"
/>
<el-input v-model="form.Remark" />
</el-form-item>
</div>
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
<div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
<el-form-item>
<!-- 取消 -->
<el-button
@ -496,7 +562,12 @@
{{ $t('common:button:cancel') }}
</el-button>
<!-- 保存 -->
<el-button size="small" type="primary" :loading="btnLoading" @click="save">
<el-button
size="small"
type="primary"
:loading="btnLoading"
@click="save"
>
{{ $t('common:button:save') }}
</el-button>
</el-form-item>
@ -504,20 +575,31 @@
</el-form>
</template>
<script>
import { getBasicConfigSelect, addOrUpdateReadingQuestionSystem, getSystemCriterionOtherQuestion, getSystemGroupNameList, getCriterionDictionary, getCriterionDictionaryList } from '@/api/dictionary'
import {
getBasicConfigSelect,
addOrUpdateReadingQuestionSystem,
getSystemCriterionOtherQuestion,
getSystemGroupNameList,
getCriterionDictionary,
getCriterionDictionaryList,
} from '@/api/dictionary'
import { getCriterionLesionType } from '@/api/trials'
export default {
name: 'AddOrUpdateClinicalData',
props: {
data: {
type: Object,
default() { return {} }
default() {
return {}
},
},
type: {
type: String,
default() { return '' }
}
},
default() {
return ''
},
},
},
data() {
var validateTypeVal = (rule, value, callback) => {
if (value === '') {
@ -553,7 +635,7 @@ export default {
IsJudgeQuestion: false,
GroupName: '',
GroupEnName: '',
GroupClassify:null,
GroupClassify: null,
Remark: '',
ImageCount: 1,
RelevanceId: '',
@ -570,32 +652,38 @@ export default {
GroupId: null,
ConvertShowType: 0,
QuestionClassify: null,
HighlightAnswerList: []
HighlightAnswerList: [],
},
rules: {
Type: [
{ required: true, message: '请选择', trigger: 'blur' }
Type: [{ required: true, message: '请选择', trigger: 'blur' }],
LesionType: [{ required: true, message: '请选择', trigger: 'blur' }],
QuestionName: [
{ required: true, message: '请注明', trigger: 'blur' },
{ max: 300, message: '最大长度为 300' },
],
LesionType: [
{ required: true, message: '请选择', trigger: 'blur' }
],
QuestionName: [{ required: true, message: '请注明', trigger: 'blur' },
{ max: 300, message: '最大长度为 300' }],
QuestionGenre: [{ required: true, message: '请选择', trigger: 'blur' }],
TypeValue: [{ required: true, message: '请注明', trigger: 'blur' },
TypeValue: [
{ required: true, message: '请注明', trigger: 'blur' },
{ validator: validateTypeVal, trigger: 'blur' },
{ max: 500, message: '最大长度为 500' }],
DictionaryCode: [{ required: true, message: '请选择', trigger: 'blur' }],
{ max: 500, message: '最大长度为 500' },
],
DictionaryCode: [
{ required: true, message: '请选择', trigger: 'blur' },
],
ShowQuestion: [{ required: true, message: '请选择', trigger: 'blur' }],
IsRequired: [{ required: true, message: '请选择', trigger: 'blur' }],
ParentId: [{ required: true, message: '请选择', trigger: 'blur' }],
ParentTriggerValueList: [
{ required: true, message: '请选择', trigger: 'blur' }
{ required: true, message: '请选择', trigger: 'blur' },
],
RelevanceId: [{ required: true, message: '请选择', trigger: 'blur' }],
RelevanceValueList: [{ required: true, message: '请选择', trigger: 'blur' }],
GroupName: [{ required: true, message: '请注明', trigger: 'blur' },
{ max: 50, message: '最大长度为 50' }]
RelevanceValueList: [
{ required: true, message: '请选择', trigger: 'blur' },
],
GroupName: [
{ required: true, message: '请注明', trigger: 'blur' },
{ max: 50, message: '最大长度为 50' },
],
},
loading: false,
btnLoading: false,
@ -606,8 +694,8 @@ export default {
lesionTypes: [],
dicList: [],
CriterionDictionaryList: [],
groupClassifyList:[],
highlightAnswers: []
groupClassifyList: [],
highlightAnswers: [],
}
},
watch: {
@ -622,14 +710,14 @@ export default {
}
let res = await getCriterionDictionary({
ReadingCriterionId: this.data.ReadingQuestionCriterionSystemId,
DictionaryCode: this.form.DictionaryCode
DictionaryCode: this.form.DictionaryCode,
})
this.highlightAnswers = res.Result[this.form.DictionaryCode]
} catch (e) {
console.log(e)
}
}
}
},
},
},
mounted() {
this.initForm()
@ -638,16 +726,16 @@ export default {
getCriterionDictionary() {
getCriterionDictionary({
ReadingCriterionId: this.data.ReadingQuestionCriterionSystemId,
DictionaryCode: 'QuestionType'
}).then(res => {
DictionaryCode: 'QuestionType',
}).then((res) => {
this.CriterionDictionaryList = res.Result
})
},
getGroupClassifyDictionary() {
getCriterionDictionary({
ReadingCriterionId: this.data.ReadingQuestionCriterionSystemId,
DictionaryCode: 'GroupClassify'
}).then(res => {
DictionaryCode: 'GroupClassify',
}).then((res) => {
this.groupClassifyList = res.Result.GroupClassify
})
},
@ -661,37 +749,47 @@ export default {
this.form[k] = this.data[k]
}
}
if (this.form.ParentId !== '' && this.form.ParentId !== null && this.form.GroupName !== '') {
if (
this.form.ParentId !== '' &&
this.form.ParentId !== null &&
this.form.GroupName !== ''
) {
this.isParentExistGroup = true
}
if (this.form.ParentId) {
var index = this.parentOptions.findIndex(item => {
var index = this.parentOptions.findIndex((item) => {
return item.QuestionId === this.form.ParentId
})
if (index !== -1) {
if (this.parentOptions[index].QuestionGenre === 3) {
this.parentTriggerValOptions = this.$d[this.parentOptions[index].DictionaryCode]
this.parentTriggerValOptions =
this.$d[this.parentOptions[index].DictionaryCode]
} else {
const options = []
this.parentOptions[index].TypeValue.split('|').forEach((item, index) => {
options.push({ id: index, label: item, value: item })
})
this.parentOptions[index].TypeValue.split('|').forEach(
(item, index) => {
options.push({ id: index, label: item, value: item })
}
)
this.parentTriggerValOptions = options
}
}
}
if (this.form.RelevanceId) {
var index = this.parentOptions.findIndex(item => {
var index = this.parentOptions.findIndex((item) => {
return item.QuestionId === this.form.RelevanceId
})
if (index !== -1) {
if (this.parentOptions[index].QuestionGenre === 3) {
this.reParentTriggerValOptions = this.$d[this.parentOptions[index].DictionaryCode]
this.reParentTriggerValOptions =
this.$d[this.parentOptions[index].DictionaryCode]
} else {
const options = []
this.parentOptions[index].TypeValue.split('|').forEach((item, index) => {
options.push({ id: index, label: item, value: item })
})
this.parentOptions[index].TypeValue.split('|').forEach(
(item, index) => {
options.push({ id: index, label: item, value: item })
}
)
this.reParentTriggerValOptions = options
}
}
@ -701,18 +799,19 @@ export default {
this.getGroupClassifyDictionary()
},
save() {
this.$refs.clinicalDataForm.validate(valid => {
this.$refs.clinicalDataForm.validate((valid) => {
if (!valid) return
this.btnLoading = true
if (this.form.Type !== 'upload') {
this.form.ImageCount = 0
}
addOrUpdateReadingQuestionSystem(this.form).then(res => {
this.btnLoading = false
this.$emit('getList')
this.$emit('close')
this.$message.success(this.$t('common:message:savedSuccessfully'))
})
addOrUpdateReadingQuestionSystem(this.form)
.then((res) => {
this.btnLoading = false
this.$emit('getList')
this.$emit('close')
this.$message.success(this.$t('common:message:savedSuccessfully'))
})
.catch(() => {
this.btnLoading = false
})
@ -722,33 +821,38 @@ export default {
return new Promise((resolve, reject) => {
this.loading = true
var param = {
criterionId: this.data.ReadingQuestionCriterionSystemId
criterionId: this.data.ReadingQuestionCriterionSystemId,
}
getSystemGroupNameList(param).then(res => {
this.groupOptions = res.Result
this.loading = false
resolve()
}).catch(() => {
this.loading = false
reject()
})
getSystemGroupNameList(param)
.then((res) => {
this.groupOptions = res.Result
this.loading = false
resolve()
})
.catch(() => {
this.loading = false
reject()
})
})
},
getParentQuestions() {
return new Promise((resolve, reject) => {
this.loading = true
var param = {
readingQuestionCriterionSystemId: this.data.ReadingQuestionCriterionSystemId,
id: this.data.Id
readingQuestionCriterionSystemId:
this.data.ReadingQuestionCriterionSystemId,
id: this.data.Id,
}
getSystemCriterionOtherQuestion(param).then(res => {
this.parentOptions = res.Result
this.loading = false
resolve()
}).catch(() => {
this.loading = false
reject()
})
getSystemCriterionOtherQuestion(param)
.then((res) => {
this.parentOptions = res.Result
this.loading = false
resolve()
})
.catch(() => {
this.loading = false
reject()
})
})
},
questionGenreChange(val, form) {
@ -819,17 +923,20 @@ export default {
parentQuestionChange(val, form) {
this.isParentExistGroup = false
if (val) {
var index = this.parentOptions.findIndex(item => {
var index = this.parentOptions.findIndex((item) => {
return item.QuestionId === val
})
if (index !== -1) {
if (this.parentOptions[index].QuestionGenre === 3) {
this.parentTriggerValOptions = this.$d[this.parentOptions[index].DictionaryCode]
this.parentTriggerValOptions =
this.$d[this.parentOptions[index].DictionaryCode]
} else {
var options = []
this.parentOptions[index].TypeValue.split('|').forEach((item, index) => {
options.push({ id: index, label: item, value: item })
})
this.parentOptions[index].TypeValue.split('|').forEach(
(item, index) => {
options.push({ id: index, label: item, value: item })
}
)
this.parentTriggerValOptions = options
}
if (this.parentOptions[index].GroupName) {
@ -845,17 +952,20 @@ export default {
},
relevanceQuestionChange(val, form) {
if (val) {
var index = this.parentOptions.findIndex(item => {
var index = this.parentOptions.findIndex((item) => {
return item.QuestionId === val
})
if (index !== -1) {
if (this.parentOptions[index].QuestionGenre === 3) {
this.reParentTriggerValOptions = this.$d[this.parentOptions[index].DictionaryCode]
this.reParentTriggerValOptions =
this.$d[this.parentOptions[index].DictionaryCode]
} else {
var options = []
this.parentOptions[index].TypeValue.split('|').forEach((item, index) => {
options.push({ id: index, label: item, value: item })
})
this.parentOptions[index].TypeValue.split('|').forEach(
(item, index) => {
options.push({ id: index, label: item, value: item })
}
)
this.reParentTriggerValOptions = options
}
}
@ -871,23 +981,24 @@ export default {
return new Promise((resolve, reject) => {
this.loading = true
var param = {
SystemCriterionId: this.data.ReadingQuestionCriterionSystemId
SystemCriterionId: this.data.ReadingQuestionCriterionSystemId,
}
getCriterionLesionType(param).then(res => {
this.lesionTypes = res.Result
this.loading = false
resolve()
}).catch(() => {
this.loading = false
reject()
})
getCriterionLesionType(param)
.then((res) => {
this.lesionTypes = res.Result
this.loading = false
resolve()
})
.catch(() => {
this.loading = false
reject()
})
})
},
close() {
this.$emit('close')
}
}
},
},
}
</script>
<style lang="scss" scoped>