From 3bc1c9bc880697288e5be99f8a25fd6373651bc3 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期五, 05 七月 2024 18:51:17 +0800
Subject: [PATCH] 英语(图片显示)

---
 src/books/English/view/components/chapter006.vue |  214 ++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 161 insertions(+), 53 deletions(-)

diff --git a/src/books/English/view/components/chapter006.vue b/src/books/English/view/components/chapter006.vue
index 4bb17e8..2cb26a1 100644
--- a/src/books/English/view/components/chapter006.vue
+++ b/src/books/English/view/components/chapter006.vue
@@ -64,7 +64,8 @@
                     <li class=""></li>
                     <li class="fz-18">
                         <span class="chapter-left-bc-unit6">MODULE 6</span>
-                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK
+                            ENVIRONMENT</span>
                     </li>
                 </ul>
                 <!-- 鍐呭 -->
@@ -86,18 +87,32 @@
                         <p>How do we exactly define a positive work environment? When asked what makes a great work
                             environment,most people would mention a fancy workplace in a big building with modern
                             design,or a good relationship with coworkers.</p>
-                        <p>Gone are those times when candidates only considered the salary at the time of joining a
-                            company.Nowadays,apart from the job prospect itself,one factor that is greatly influencing
+                        <p>Gone are those times when
+                            <span class="word-bc" @click="saveWord($event, 'candidates')">andidates</span>
+                            only considered the salary at the time of joining a
+                            company.Nowadays,apart from the job
+                            <span class="word-bc" @click="saveWord($event, 'prospect')">prospect</span>
+                            itself,one factor that is greatly influencing
                             how employees feel about work is the environment being provided by the employer.The work
                             environment here includes everything,such as the relationship with coworkers,company
                             culture,room for personal development,caf茅,furniture,etc.A positive work environment is
                             something that makes employees feel good about coming to work every day,and also motivates
-                            them to work and give their best effort.</p>
-                        <p>An effective way to ensure a positive work environment is to motivate employees for a correct
-                            behavioral approach.Good behavior also determines good and peaceful environment.Another way
+                            them to work and give their best effort.
+                        </p>
+                        <p>An effective way to
+                            <span class="word-bc" @click="saveWord($event, 'ensure')">ensure</span>
+                            a positive work environment is to motivate employees for a correct
+                            <span class="word-bc" @click="saveWord($event, 'behavioral')">behavioral</span>&nbsp;
+                            <span class="word-bc" @click="saveWord($event, 'approach')">approach</span>
+                            .Good behavior also
+                            <span class="word-bc" @click="saveWord($event, 'determines')">determines</span>
+                            good and peaceful environment.Another way
                             is to ensure healthy relationships among the staff; that is why communication is quite
-                            necessary.Keeping an eye on staff interaction doesn鈥檛 cost much time for the management
-                            team.They only </p>
+                            necessary.Keeping an eye on staff
+                            <span class="word-bc" @click="saveWord($event, 'interaction')">interaction</span>
+                            doesn鈥檛 cost much time for the management
+                            team.They only
+                        </p>
                     </div>
                 </div>
                 <div class="preface-bottom">
@@ -123,25 +138,36 @@
                         <p> need to observe body language and listen for negative clues and try to fix the problems as
                             soon as possible.The staff often takes the message from the behavior of the management
                             team,so the management team should also be aware of the power of their behavior and always
-                            maintain dignity.</p>
-                        <p>Another important way to make a great work environment for a company is to show appreciation
-                            of outstanding employees.Workers are more likely to stay in the company,work hard and
+                            <span class="word-bc" @click="saveWord($event, 'maintain')">maintain</span> &nbsp;
+                            <span class="word-bc" @click="saveWord($event, 'dignity')">dignity</span>.
+                        </p>
+                        <p>Another important way to make a great work environment for a company is to show
+                            <span class="word-bc" @click="saveWord($event, 'appreciation')">appreciation</span> of
+                            <span class="word-bc" @click="saveWord($event, 'outstanding')">outstanding</span>
+                            employees.Workers are more likely to stay in the company,work hard and
                             provide years of excellent service when knowing that they have a clear opportunity for
-                            advancement.When employees know they are valued,they tend to return the favor by being the
-                            best at their job.A positive work environment is a place that promises to advance gifted
-                            employees and keep that promise.</p>
+                            <span class="word-bc" @click="saveWord($event, 'advancement')"> advancement</span>
+                            .When employees know they are valued,they tend to return the favor by being the
+                            best at their job.A positive work environment is a place that promises to advance
+                            <span class="word-bc" @click="saveWord($event, 'gifted')">gifted</span>
+                            employees and keep that promise.
+                        </p>
                         <p>The work environment can greatly influence how the employees feel about their jobs.Because of
-                            this,it鈥檚 important to find an employer that fosters a positive atmosphere and encourages
-                            employees consistently.A positive work environment can improve employees鈥� happiness,increase
-                            the productivity and motivate those around them.</p>
+                            this,it鈥檚 important to find an employer that
+                            <span class="word-bc" @click="saveWord($event, 'fosters')">fosters</span>
+                            a positive atmosphere and encourages employees
+                            <span class="word-bc" @click="saveWord($event, 'consistently')">consistently</span>
+                            .A positive work environment can improve employees鈥� happiness,increase
+                            the
+                            <span class="word-bc" @click="saveWord($event, 'productivity')">productivity</span>
+                            and motivate those around them.
+                        </p>
                         <p class="fl al-cn mt-40">
                             <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                             <span class="line-border-box"></span>
                         </p>
-                        <p class="center">
-                            <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
-                                style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
-                        </p>
+                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                         <p>candidate /藞k忙nd瑟d蓹t/ <i>n.</i> 搴旇仒鑰�</p>
                         <div class="bkbj">
                             <p><i>a person who is applying for a job</i></p>
@@ -194,7 +220,8 @@
                     <li class=""></li>
                     <li class="fz-18">
                         <span class="chapter-left-bc-unit6">MODULE 6</span>
-                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+                            ENVIRONMENT</span>
                     </li>
                 </ul>
                 <!-- 鍐呭 -->
@@ -322,7 +349,8 @@
                     <li class=""></li>
                     <li class="fz-18">
                         <span class="chapter-left-bc-unit6">MODULE 6</span>
-                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+                            ENVIRONMENT</span>
                     </li>
                 </ul>
                 <!-- 鍐呭 -->
@@ -342,7 +370,20 @@
                         <p>4.At the annual meeting,the manager expressed the appreciation to the outstanding staff of
                             the company.</p>
                         <p>______________________________________________</p>
-                        <p><b>鈪�.Grammar focus:Inverted sentences.</b></p>
+                        <p><b>鈪�.Grammar focus:Inverted sentences.</b>
+                            <span class="btn-box" @click="showAnswer('showImg')">
+                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+                                        p-id="30865"></path>
+                                </svg>
+                            </span>
+                        </p>
+                        <div class="openImgBox" v-if="showImg">
+                            <img class="w100" :src="imgThirteen" />
+                        </div>
                         <p>A.Choose the correct version of the translation of the inverted sentences.</p>
                         <p>1.鍏氦杞︽潵浜嗐��</p>
                         <p>a.There comes the bus.</p>
@@ -413,7 +454,8 @@
                     <li class=""></li>
                     <li class="fz-18">
                         <span class="chapter-left-bc-unit6">MODULE 6</span>
-                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+                            ENVIRONMENT</span>
                     </li>
                 </ul>
                 <!-- 鍐呭 -->
@@ -471,12 +513,20 @@
                             knowing the company code of conduct,employees know how to act at work and can be more
                             successful in their roles.If you just joined a new company,it would be beneficial to start
                             with learning the code of conduct.</p>
-                        <p>Often,a company uses its core values,including its mission,to guide the creation of these
-                            codes.These guidelines outline how the organization operates,how employees conduct
-                            themselves daily,and how they work with others on behalf of the organization.</p>
+                        <p>Often,a company uses its
+                            <span class="word-bc" @click="saveWord($event, 'core')">core</span>
+                            values,including its mission,to guide the creation of these
+                            codes.These guidelines
+                            <span class="word-bc" @click="saveWord($event, 'outline')">outline</span>
+                            how the organization operates,how employees
+                            <span class="word-bc" @click="saveWord($event, 'conduct')">conduct</span>
+                            themselves daily,and how they work with others on behalf of the organization.
+                        </p>
                         <p>You can usually find a company鈥檚 code of conduct in an employee handbook.Each company has
-                            different rules in its code of conduct,and each company has its own policies for enforcing
-                            this code.</p>
+                            different rules in its code of conduct,and each company has its own policies for
+                            <span class="word-bc" @click="saveWord($event, 'enforcing')">enforcing</span>
+                            this code.
+                        </p>
                         <p>The following code of conduct may help you dig into more details.</p>
                     </div>
                 </div>
@@ -493,7 +543,8 @@
                     <li class=""></li>
                     <li class="fz-18">
                         <span class="chapter-left-bc-unit6">MODULE 6</span>
-                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+                            ENVIRONMENT</span>
                     </li>
                 </ul>
                 <!-- 鍐呭 -->
@@ -502,35 +553,69 @@
                         <div class="fieldset-8">
                             <p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p>
                             <p><b>A._______________________</b></p>
-                            <p>1.Honesty and integrity.Above all,treat clients fairly.</p>
-                            <p>2.Maintain the good reputation of the company.</p>
-                            <p>3.Conflicts and interest.Manage conflicts of interest fairly and do not act in a manner
-                                inconsistent with the company mission and values.</p>
+                            <p>1.Honesty and
+                                <span class="word-bc" @click="saveWord($event, 'integrity')">integrity</span>
+                                .Above all,treat clients fairly.
+                            </p>
+                            <p>2.Maintain the good
+                                <span class="word-bc" @click="saveWord($event, 'reputation')">reputation</span>
+                                of the company.
+                            </p>
+                            <p>3.
+                                <span class="word-bc" @click="saveWord($event, 'Conflicts')">Conflicts</span>
+                                and interest.Manage conflicts of interest fairly and do not act in a manner
+                                <span class="word-bc" @click="saveWord($event, 'inconsistent')">inconsistent</span>
+                                with the company mission and values.
+                            </p>
                             <p>4.Confidentiality.Always be careful of the information received.</p>
-                            <p>5.Advertising.Products should not be advertised in a misleading way.</p>
+                            <p>5.Advertising.Products should not be
+                                <span class="word-bc" @click="saveWord($event, 'advertised')">advertised</span>
+                                in a
+                                <span class="word-bc" @click="saveWord($event, 'misleading')">misleading</span>
+                                way.
+                            </p>
                             <p><b>B._______________________</b></p>
-                            <p>6.Competence.Advise clients only on matters in which they are competent.</p>
+                            <p>6.
+                                <span class="word-bc" @click="saveWord($event, 'Competence')">Competence</span>
+                                .Advise clients only on matters in which they are
+                                <span class="word-bc" @click="saveWord($event, 'competent')">competent</span>
+                                .
+                            </p>
                             <p>7.Clients鈥� interests.Pay due regard to the interests of clients and keep those interests
                                 above their own.</p>
                             <p>8.Giving information to clients.Communicate information clearly,fairly and not in a way
                                 that is misleading.</p>
-                            <p>9.Suitability of advice.Advice should be suitable for the clients鈥� needs.</p>
+                            <p>9.
+                                <span class="word-bc" @click="saveWord($event, 'Suitability')">Suitability</span>
+                                of advice.Advice should be suitable for the clients鈥� needs.
+                            </p>
                             <p>10.Activities.Do not engage in activities that will bring direct or indirect profit to a
-                                competitor.</p>
+                                <span class="word-bc" @click="saveWord($event, 'competitor')">competitor</span>.
+                            </p>
                             <p><b>C._______________________</b></p>
                             <p>11.Skill and care.Act at all times with reasonable skill and care.</p>
-                            <p>12.Professional discipline.Organize business in a responsible and effective way.</p>
-                            <p>13.Company guidance.Be familiar and seek to observe the company guidance.</p>
-                            <p>14.Complaints.Handle the complaints fairly and quickly.</p>
+                            <p>12.Professional
+                                <span class="word-bc" @click="saveWord($event, 'discipline')">discipline</span>
+                                .Organize business in a responsible and effective way.
+                            </p>
+                            <p>13.Company guidance.Be familiar and seek to
+                                <span class="word-bc" @click="saveWord($event, 'observe')">observe</span>
+                                the company
+                                <span class="word-bc" @click="saveWord($event, 'guidance')">guidance</span>
+                                .
+                            </p>
+                            <p>14.
+                                <span class="word-bc" @click="saveWord($event, 'Complaints')">Complaints</span>
+                                .Handle the complaints fairly and quickly.
+                            </p>
                             <p>15.Respect.Treat the clients with respect without discrimination.</p>
                         </div>
                         <p class="fl al-cn mt-40">
                             <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
                             <span class="line-border-box"></span>
                         </p>
-                        <p class="center"> <audio :src="resource.readingTwo" controls
-                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
-                                @play="audioPlay"></audio></p>
+                        <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload"
+                            style="margin-left: 10px" class="audio" @play="audioPlay"></audio>
                         <p>core /k蓴藧(r)/ <i>adj</i>.鏍稿績鐨�</p>
                         <div class="bkbj">
                             <p><i>the most important or central part of sth.</i></p>
@@ -640,7 +725,8 @@
                     <li class=""></li>
                     <li class="fz-18">
                         <span class="chapter-left-bc-unit6">MODULE 6</span>
-                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+                            ENVIRONMENT</span>
                     </li>
                 </ul>
                 <!-- 鍐呭 -->
@@ -716,7 +802,20 @@
                         <p>3.The newly-recruited staff were asked to________the routine meeting on Monday.</p>
                         <p>4._________,you shouldn鈥檛 give up without trying.</p>
                         <p>5.She made a speech,_______the sales department,at the annual meeting of the corporation.</p>
-                        <p><b>鈪�.Grammar focus:Modal verbs (can,could,may,might).</b></p>
+                        <p><b>鈪�.Grammar focus:Modal verbs (can,could,may,might).</b>
+                            <span class="btn-box" @click="showAnswer('showImgOne')">
+                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                                    xmlns="http://www.w3.org/2000/svg" p-id="30864"
+                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
+                                    <path
+                                        d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z"
+                                        p-id="30865"></path>
+                                </svg>
+                            </span>
+                        </p>
+                        <div class="openImgBox" v-if="showImgOne">
+                            <img class="w100" :src="imgThirteenOne" />
+                        </div>
                         <p>A.Choose the correct modal verbs in the brackets.</p>
                         <p>1.It鈥檚 9 o鈥檆lock in the evening.He______(can/could) still be at the office.He is a
                             workaholic.</p>
@@ -744,7 +843,8 @@
                     <li class=""></li>
                     <li class="fz-18">
                         <span class="chapter-left-bc-unit6">MODULE 6</span>
-                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+                            ENVIRONMENT</span>
                     </li>
                 </ul>
                 <!-- 鍐呭 -->
@@ -825,7 +925,8 @@
                     <li class=""></li>
                     <li class="fz-18">
                         <span class="chapter-left-bc-unit6">MODULE 6</span>
-                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+                            ENVIRONMENT</span>
                     </li>
                 </ul>
                 <!-- 鍐呭 -->
@@ -896,7 +997,8 @@
                     <li class=""></li>
                     <li class="fz-18">
                         <span class="chapter-left-bc-unit6">MODULE 6</span>
-                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+                            ENVIRONMENT</span>
                     </li>
                 </ul>
                 <!-- 鍐呭 -->
@@ -956,7 +1058,8 @@
                     <li class=""></li>
                     <li class="fz-18">
                         <span class="chapter-left-bc-unit6">MODULE 6</span>
-                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span>
+                        <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK
+                            ENVIRONMENT</span>
                     </li>
                 </ul>
                 <!-- 鍐呭 -->
@@ -991,7 +1094,7 @@
 import matching from "@/components/matching/matching.vue";
 import { getResourcePath } from "@/assets/methods/resources";
 export default {
-    name: "chapterSex",
+    name: "chapterSix",
     components: { matching },
     props: {
         showPageList: {
@@ -1000,13 +1103,15 @@
     },
     data() {
         return {
-            imgThirteen: require("../../assets/images/grammar.jpg"),
+            imgThirteen: require("../../assets/images/grammar6-1.png"),
+            imgThirteenOne: require("../../assets/images/grammar6-2.png"),
             showAnswerOne: false,
             showAnswerTwo: false,
             showAnswerThree: false,
             showAnswerFour: false,
             showAnswerFive: false,
             showImg: false,
+            showImgOne: false,
             showQuestionAnswer: false,
             rawData: {
                 left: [
@@ -1369,7 +1474,10 @@
         showAnswer(type) {
             if (type == "showImg") {
                 this.showImg = !this.showImg;
+            } else if (type == "showImgOne") {
+                this.showImgOne = !this.showImgOne;
             }
+            setTimeout(() => { this.$emit("initViewer", "") }, 500)
         },
         handleQuestion(type) {
             if (type == "one") {

--
Gitblit v1.9.1