Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

yiming

2024-07-23 041b94102f67461e361a28e3af493715cf776b21

 src/books/English/view/components/chapter004.vue

@@ -270,14 +270,43 @@
                        <h3 id="c030"><span class="bjh3">Reading</span></h3>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                            ></audio>
                        <p>1.Technology is all around us.What images spring to your mind when you hear the word “robot”?
                        <p>
                            1.Technology is all around us.What images spring to your mind when you hear the word “robot”?
                            <span class="btn-box" @click="showNoSubmitAnswer(0,0)">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                                <path class="a"
                                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                                    transform="translate(-3327.144 15329)" />
                                </svg>
                            </span>
                        </p> 
                        <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea>
                        <p>2.How can robots help humans today in daily life and work?</p>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[0].value[0].isShowAnswer">
                            <span>答案:</span>
                            <p v-for="(item,index) in noSubmitData[0].value[0].answer" :key="index">
                                {{index + 1}}) {{item}}
                            </p>
                        </div>
                        <p>
                            2.How can robots help humans today in daily life and work?
                            <span class="btn-box" @click="showNoSubmitAnswer(0,1)">
                                <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501">
                                <path class="a"
                                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                                    transform="translate(-3327.144 15329)" />
                                </svg>
                            </span>
                        </p>
                        <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[0].value[1].isShowAnswer">
                            <span>答案:</span>
                            <p v-for="(item,index) in noSubmitData[0].value[1].answer" :key="index">
                                {{index + 1}}) {{item}}
                            </p>
                        </div>
                        <p class="center"><b>Robots in Action</b></p>
                        <p class="center">
                            <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
                            <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload"
                                class="audio" ></audio>
                        </p>
                        <p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will
@@ -372,7 +401,8 @@
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" 
                                class="audio"
                            ></audio>
                        <p>creature /ˈkriːtʃə(r)/ <i>n.</i> 生物；（尤指） 动物</p>
                        <div class="bkbj">
@@ -1183,7 +1213,8 @@
                            </p>
                        </div>
                        <p class="center"><b>Fresh Face of Science</b></p>
                        <p class="center"> <audio :src="resource.listenOne" controls
                        <p class="center">
                             <audio :src="resource.readingThree" controls
                                controlslist="noplaybackrate nodownload" class="audio" ></audio></p>
                        <p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p>
                        <p>According to Zhao Hongzhou,founder of China’s
@@ -1277,7 +1308,7 @@
                            <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                            <span class="line-border-box"></span>
                        </p>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"
                        <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"
                            ></audio>
                        <p>scientometrics /ˈsaɪəntəʊˈmetrɪks/ <i>n.</i> 科学计量学</p>
                        <div class="bkbj">
@@ -1840,30 +1871,31 @@
                        <h3 id="c035" class="fl al-cn">
                            <span class="bjh3">Listening</span>
                            <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
                            <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        </h3>
                        <p><b>Ⅰ.Listen to Nadia talking about her favorite electronic device and mark what she says
                                about it.</b></p>
                                about it.</b>
                        </p>
                        <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        <p>
                           <input type="checkbox" value="What it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> 
                            1.What it is
                            <img :src="isTextRight(listenTwo[0].value[0].answer,'What it is',0) ? correctIcon : errorIcon"  v-if="listenTwo[0].isComplete">
                            <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[0],0) ? correctIcon : errorIcon"  v-if="listenTwo[0].isComplete">
                        </p>
                        <p>
                            <input type="checkbox" value="Where Nadia got it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> 
                            2.Where Nadia got it
                            <img :src="isTextRight(listenTwo[0].value[0].answer,'Where Nadia got it',1) ? correctIcon : errorIcon"  v-if="listenTwo[0].isComplete">
                            <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[1],1) ? correctIcon : errorIcon"  v-if="listenTwo[0].isComplete">
                        </p>
                        <p>
                            <input type="checkbox" value="How much it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
                            3.How much it is
                            <img :src="isTextRight(listenTwo[0].value[0].answer,'How much it is',2) ? correctIcon : errorIcon"  v-if="listenTwo[0].isComplete">
                            <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[2],2) ? correctIcon : errorIcon"  v-if="listenTwo[0].isComplete">
                        </p>
                        <p>
                            <input type="checkbox" value="What Nadia uses it for" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
                            4.What Nadia uses it for
                            <img :src="isTextRight(listenTwo[0].value[0].answer,'What Nadia uses it for',3) ? correctIcon : errorIcon"  v-if="listenTwo[0].isComplete">
                            <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[3],3) ? correctIcon : errorIcon"  v-if="listenTwo[0].isComplete">
                        </p>
                    </div>
                </div>
@@ -1890,7 +1922,7 @@
                        <p>
                            <input type="checkbox" value="When Nadia owned it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete">
                            5.When Nadia owned it
                            <img :src="isTextRight(listenTwo[0].value[0].answer,'When Nadia owned it',4) ? correctIcon : errorIcon"  v-if="listenTwo[0].isComplete">
                            <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[4],4) ? correctIcon : errorIcon"  v-if="listenTwo[0].isComplete">
                        </p>
                        <p>
                            <input 
@@ -1901,7 +1933,7 @@
                                :disabled="listenTwo[0].isComplete"
                            >
                            6.Why it is important to Nadia
                            <img :src="isTextRight(listenTwo[0].value[0].answer,'Why it is important to Nadia',5) ? correctIcon : errorIcon"  v-if="listenTwo[0].isComplete">
                            <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[5],5) ? correctIcon : errorIcon"  v-if="listenTwo[0].isComplete">
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[0].isShowAnswer">
                            <span>答案:</span>
@@ -1910,7 +1942,10 @@
                            </span>
                        </div>
                        <p><b>Ⅱ.Ms.Zhang is discussing technology trends with her students.Listen to the
                                conversation,and write down the benefits of each App.</b></p>
                                conversation,and write down the benefits of each App.</b>
                        </p>
                        <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        <p class="center">
                            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
                                <tr class="table-th-bc">
@@ -2721,6 +2756,10 @@
                listenOne: "",
                readingOne: "",
                readingTwo: "",
                readingThree: "",
                readingFour: "",
                listenTwo: "",
                listenThree: "",
            },
            dropdownData: {
                one: {
@@ -2827,9 +2866,28 @@
                    type:'shortAnswer',
                    value:[
                        {
                            userAnswer:''
                            answer:[
                                'a two-legged humanoid who can do house work',
                                'a giant one-armed industrial robot holding a welding torch',
                                'an alternative to pets like the robotic dog',
                                'autonomous vehicles which can navigate and operate independently',
                                'a companion to interact with humans, especially for the elderly or people with disabilities'
                            ],
                            isShowAnswer:false,
                            userAnswer:'',
                        },
                        {
                            answer:[
                                'Domestic chores',
                                'Healthcare support',
                                'Manufacturing and labor-intensive tasks',
                                'Assistance for people with disabilities',
                                'Exploration and research',
                                'Customer service',
                                'Education',
                                'Agriculture'
                            ],
                            isShowAnswer:false,
                            userAnswer:''
                        }
                    ]
@@ -2951,7 +3009,8 @@
                            userAnswer:''
                        }
                    ]
                }
                },
                
            ],
            readingOne:[
                {
@@ -3596,13 +3655,24 @@
        },
        async getPath() {
            this.resource.listenOne = await getResourcePath(
                "422139A2EF66EA888C5ED1D550AE23E0"
                "A502FE9E4A034ACF1B055B1D547C4B8F"
            );
            this.resource.readingOne = await getResourcePath(
                "3F442B682D84C8AB06C800B29D734920"
                "59A4053C6BE193D9A97945841614841D"
            );
            this.resource.readingTwo = await getResourcePath(
                "E8719EC88026BCFB11D292AA999F6D3D"
                "541CA8B7A9AE8746340C1259A83F8422"
            );
            this.resource.readingThree = await getResourcePath(
                "53A742267A1C22C01B8D5D35B13D3B9A"
            );
        
            this.resource.listenTwo = await getResourcePath(
                "2683C3F79104E353CE30961433F6AB35"
            );

            this.resource.listenThree = await getResourcePath(
                "2683C3F79104E353CE30961433F6AB35"
            );
        },
        showAnswer(type) {