{"version":3,"file":"EvaluationDialog.cjs","sources":["../../../../../packages/components/dialog/EvaluationDialog.vue"],"sourcesContent":["<template>\n    <el-dialog v-model=\"editDialogVisible\" :title=\"title\" width=\"585px\" center>\n        <div>\n            <div class=\"score-box\" v-if=\"question.icon === 'Number'\">\n                <div class=\"score-icon\" v-for=\"(item, index) in 5\" :key=\"index\">\n                    <div\n                        class=\"score-icon_number\"\n                        :style=\"{\n                            background: choseIconIndex > index ? 'rgba(34, 64, 195, 1)' : '',\n                            color: choseIconIndex > index ? '#fff' : '',\n                        }\"\n                    >\n                        {{ item }}\n                    </div>\n                </div>\n            </div>\n            <div v-else class=\"score-box\">\n                <div class=\"score-icon\" v-for=\"(item, index) in 5\">\n                    <div class=\"icon-box\">\n                        <img v-if=\"choseIconIndex > index\" :src=\"getAssetsImages(questionC.icon + '_light')\" />\n                        <img v-else :src=\"getAssetsImages(questionC.icon)\" />\n                    </div>\n                </div>\n            </div>\n            <div class=\"explain\">{{ questionC.explainsList[choseIconIndex].explainDes }}</div>\n            <div class=\"tags-box\">\n                <div class=\"tag\" v-for=\"(item, index) in questionC.explainsList[choseIconIndex].tagsList\" :key=\"index\">\n                    {{ item }}\n                </div>\n                <div class=\"tag\">写评分<svg-icon name=\"Vector\" class=\"icon\" /></div>\n            </div>\n            <el-tabs v-model=\"choseIconIndex\" class=\"demo-tabs\" @tab-click=\"handleClick\">\n                <el-tab-pane label=\"1分\" name=\"1\">\n                    <EQ-edit-option :data=\"questionC.explainsList['1']\" />\n                </el-tab-pane>\n                <el-tab-pane label=\"2分\" name=\"2\">\n                    <EQ-edit-option :data=\"questionC.explainsList['2']\" />\n                </el-tab-pane>\n                <el-tab-pane label=\"3分\" name=\"3\">\n                    <EQ-edit-option :data=\"questionC.explainsList['3']\" />\n                </el-tab-pane>\n                <el-tab-pane label=\"4分\" name=\"4\">\n                    <EQ-edit-option :data=\"questionC.explainsList['4']\" />\n                </el-tab-pane>\n                <el-tab-pane label=\"5分\" name=\"5\">\n                    <EQ-edit-option :data=\"questionC.explainsList['5']\" />\n                </el-tab-pane>\n            </el-tabs>\n        </div>\n        <template #footer>\n            <span class=\"dialog-footer\">\n                <el-button @click=\"editDialogVisible = false\">取消</el-button>\n                <el-button type=\"primary\" @click=\"confirmEdit\">确认</el-button>\n            </span>\n        </template>\n    </el-dialog>\n</template>\n<script setup>\nimport { ref, watch } from \"vue\";\nimport { getAssetsImages } from \"../../utils/index\";\n\nimport EQEditOption from \"./components/EQEditOption.vue\";\n\nconst emits = defineEmits([\"confirmEdit\"]);\nconst props = defineProps({\n    title: {\n        type: String,\n        default: \"编辑选项\",\n    },\n    question: {\n        type: Object,\n        default: {},\n    },\n});\nlet questionC = ref({});\nlet editDialogVisible = ref(false);\nlet choseIconIndex = ref(\"\");\nwatch(editDialogVisible, () => {\n    initData();\n});\n\ndefineExpose({ editDialogVisible });\n\nconst confirmEdit = async () => {\n    await emits(\"confirmEdit\", questionC.value);\n    editDialogVisible.value = false;\n};\n\nconst handleClick = (e) => {};\n\n// 初始化数据\nfunction initData() {\n    questionC.value = JSON.parse(JSON.stringify(props.question));\n    choseIconIndex.value = \"1\";\n}\n</script>\n<style lang=\"scss\" scoped>\n::v-deep(.el-tabs__nav) {\n    left: 50%;\n    transform: translateX(-50%) !important;\n}\n::v-deep(.el-tabs__nav-wrap::after) {\n    background-color: rgba(229, 232, 238, 1);\n}\n::v-deep(.el-tabs__item) {\n    font-weight: 400;\n    color: rgba(183, 186, 191, 1);\n}\n::v-deep(.el-tabs__item.is-active) {\n    color: #2240c3;\n}\n::v-deep(.el-tabs) {\n    --el-tabs-header-height: 30px;\n}\n.score-box {\n    display: flex;\n    justify-content: center;\n    .score-icon {\n        width: 32px;\n        min-height: 32px;\n        margin-right: 25px;\n        display: flex;\n        flex-direction: column;\n        white-space: nowrap;\n        img {\n            width: 32px;\n            height: 32px;\n        }\n    }\n    .score-icon_number {\n        width: 32px;\n        height: 32px;\n        border: 1px solid rgba(228, 229, 232, 1);\n        color: rgba(102, 102, 102, 1);\n        border-radius: 50%;\n        line-height: 29px;\n        text-align: center;\n    }\n}\n.explain {\n    text-align: center;\n    margin-top: 10px;\n}\n.demo-tabs {\n    margin-top: 24px;\n}\n.tags-box {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    margin-top: 12px;\n    .tag {\n        margin-left: 12px;\n        margin-top: 12px;\n        padding: 3px 8px;\n        font-size: 12px;\n        font-weight: 400;\n        color: rgba(183, 186, 191, 1);\n        border-radius: 4px;\n        background: rgba(255, 255, 255, 1);\n        border: 1px solid rgba(229, 232, 238, 1);\n        .icon {\n            margin-left: 10px;\n        }\n    }\n}\n</style>\n"],"names":["questionC","ref","editDialogVisible","choseIconIndex","watch","initData","expose","confirmEdit","emits","handleClick","e","props"],"mappings":"oqBA0EA,IAAAA,EAAAC,EAAAA,IAAA,CAAA,CAAA,EACAC,EAAAD,EAAAA,IAAA,EAAA,EACAE,EAAAF,EAAAA,IAAA,EAAA,EACAG,EAAA,MAAAF,EAAA,IAAA,CACAG,GACA,CAAA,EAEAC,EAAA,CAAA,kBAAAJ,CAAA,CAAA,EAEA,MAAAK,EAAA,SAAA,CACA,MAAAC,EAAA,cAAAR,EAAA,KAAA,EACAE,EAAA,MAAA,EACA,EAEAO,EAAAC,GAAA,GAGA,SAAAL,GAAA,CACAL,EAAA,MAAA,KAAA,MAAA,KAAA,UAAAW,EAAA,QAAA,CAAA,EACAR,EAAA,MAAA,GACA"}