zhongshujie
2024-12-23 a31c8c9d7df2883b38871819239ec914c6e5ae0c
src/books/civilAviation/view/components/chapter003.vue
@@ -303,41 +303,38 @@
                    </p>
                    <div class="bk">
                        <p><b>考证指南:空港服务管理师考题</b></p>
                        <div v-for="(item,index) in singleChoice" :key="index">
                            <p class="block">{{index+1}}.{{ item.txt }}</p>
                            <p class="block" v-for="(citem,cindex) in item.option" :key="cindex">
                            <input type="radio" :value="citem.zm" name="toobusy"
                                :disabled="item.isComplete"
                                v-model="item.userAnswer" @change="saveInputChoice" />
                            {{ citem.txt }}
                        </p>
                        <p class="event-header-text-bc pd-5 fl jc-sa" style="margin-left: 8px; width: 93%"
                            v-if="showChoiceAnswer">
                            <span class="c-g"> 答案:{{ item.answer }} </span>
                            <span
                                :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:{{
                        <div v-for="(item, index) in singleChoice" :key="index">
                            <p class="block">{{ index + 1 }}.{{ item.txt }}</p>
                            <p class="block" v-for="(citem, cindex) in item.option" :key="cindex">
                                <input type="radio" :value="citem.zm" name="toobusy" :disabled="item.isComplete"
                                    v-model="item.userAnswer" @change="saveInputChoice" />
                                {{ citem.txt }}
                            </p>
                            <p class="event-header-text-bc pd-5 fl jc-sa" style="margin-left: 8px; width: 93%"
                                v-if="showChoiceAnswer">
                                <span class="c-g"> 答案:{{ item.answer }} </span>
                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:{{
                                    item.userAnswer
                                }}</span>
                            <span class="icon-box-big fl al-c">
                                <svg v-if="item.isRight" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                    p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                    <path
                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                        fill="#1AFA29" p-id="18768"></path>
                                </svg>
                                <svg v-if="item.isRight == false" t="1716987085767"
                                    class="icon" viewBox="0 0 1024 1024" version="1.1"
                                    xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                        fill="#d81e06" p-id="25746"></path>
                                </svg>
                            </span>
                        </p>
                                    }}</span>
                                <span class="icon-box-big fl al-c">
                                    <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                        version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                        <path
                                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                            fill="#1AFA29" p-id="18768"></path>
                                    </svg>
                                    <svg v-if="item.isRight == false" t="1716987085767" class="icon"
                                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                        <path
                                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                            fill="#d81e06" p-id="25746"></path>
                                    </svg>
                                </span>
                            </p>
                        </div>
                        <!-- 提交按钮 -->
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ev w80 choice">
@@ -1088,7 +1085,7 @@
                JSON.stringify(this.expandQuestion)
            );
        },
        goChoiceJudge(){
        goChoiceJudge() {
            this.singleChoice.forEach(item => {
                item.isComplete = true;
                if (item.userAnswer == item.answer) {
@@ -1099,7 +1096,7 @@
            });
            this.showChoiceAnswer = true
        },
        changeChoiceData(){
        changeChoiceData() {
            localStorage.removeItem("civilAviatyon-book-chapter03-singleChoice")
            this.singleChoice.forEach(item => {
                item.isComplete = false;
@@ -1108,7 +1105,7 @@
            });
            this.showChoiceAnswer = false
        },
        saveInputChoice(){
        saveInputChoice() {
            localStorage.setItem(
                "civilAviatyon-book-chapter03-singleChoice",
                JSON.stringify(this.singleChoice)
@@ -1140,4 +1137,13 @@
        height: 80%;
    }
}
hr {
    margin-left: 0;
    margin-bottom: 4px;
    width: 15.5%;
    border: none;
    height: 2px;
    background-color: #000;
}
</style>