修改bug

src/api/common.js

@@ -63,8 +63,8 @@ export function getClassifyList(params) {
 
 /* 3.0 接口 */
 /* 获取案例分类 */
-export function getUserConfig(params) {
-  return httpRequest.get('/api/opera/v2/api/training/4/user-use-configs', { params })
+export function getUserConfig(id) {
+  return httpRequest.get(`/api/opera/v2/api/training/${id}/user-use-configs`)
 }
 
 /* 获取案例列表 */

src/pages/home/explain.vue

@@ -4,10 +4,10 @@
       <img src="https://zws-imgs-pub.ezijing.com/static/public/acedc1ee27267ef5d154cdc6af16413b.png" alt="">
       <div class="content">
         <div class="title">实操说明</div>
-        <div class="tit-h2">欢迎来到《金融产品数字化营销》实训系统！</div>
+        <div class="tit-h2">欢迎来到《金融产品数字化营销》实操系统！</div>
         <div class="doce">
-          <p>紫荆教育作为金融领域在线教育行业的领军企业，我们调研了数百家合作金融机构，深知目前行业中缺乏高端营销人才。而在金融产品营销人才培养的课程体系中，除了技术和理论课程，迫切需要通过实训环节使学生对金融产品数字化营销的特点和应用领域有更直观和感性的认知，在实践中巩固所学知识，学以致用，才能真正达到金融机构对数字化营销人才的要求。为此我们基于《金融产品数字化营销》初、中、高级的理论课程内容，结合真实市场环境中不同金融产品的营销场景，开发此实训系统，旨在为学生提供系统化、模块化、流程化的模拟金融产品营销实践的平台，熟悉不同营销手段的具体实施过程。</p>
-          <p>学生可通过手机、平板、电脑等多种终端登录。此实训系统容纳目前市场上十余种普遍使用的营销手段，可实现同一案例多次操作，实训过程和结果评估和反馈，多用户实训效果排名等功能。希望学生们能通过实训系统的反复练习，提升营销技能，真正掌握《金融产品数字化营销》这门课程的内容。</p>
+          <p>紫荆教育作为金融领域在线教育行业的领军企业，我们调研了数百家合作金融机构，深知目前行业中缺乏高端营销人才。而在金融产品营销人才培养的课程体系中，除了技术和理论课程，迫切需要通过实训环节使学生对金融产品数字化营销的特点和应用领域有更直观和感性的认知，在实践中巩固所学知识，学以致用，才能真正达到金融机构对数字化营销人才的要求。为此我们基于《金融产品数字化营销》初、中、高级的理论课程内容，结合真实市场环境中不同金融产品的营销场景，开发此实操系统，旨在为学生提供系统化、模块化、流程化的模拟金融产品营销实践的平台，熟悉不同营销手段的具体实施过程。</p>
+          <p>学生可通过手机、平板、电脑等多种终端登录。此实操系统容纳目前市场上十余种普遍使用的营销手段，可实现同一案例多次操作，实训过程和结果评估和反馈，多用户实训效果排名等功能。希望学生们能通过实训系统的反复练习，提升营销技能，真正掌握《金融产品数字化营销》这门课程的内容。</p>
           <!-- <p>学生可通过手机、平板、电脑等多种终端登录。此实训系统容纳目前市场上十余种普遍使用的营销手段，可实现同一案例多次操作，实训过程和结果评估和反馈，多用户实训效果排名等功能。希望学生们能通过实训系统的反复练习，提升营销技能，真正掌握《金融产品数字化营销》这门课程的内容。</p> -->
         </div>
         <div class="explain-btn" @click="$router.push({ path: '/index' })">

src/pages/home/index.vue

@@ -5,14 +5,14 @@
         <template v-for="(item, index) in caseData">
           <li :class="index == caseIndex && 'active'" :key="index" @click="tabCase(index)">
             <div class="icon">
-              <img class="icons" v-if="index == 0" src="https://zws-imgs-pub.ezijing.com/static/public/77d9a7c4dba43695e9d984ea06434c70.png" alt="">
-              <img class="icons" v-if="index == 1" src="https://zws-imgs-pub.ezijing.com/static/public/13ca8a5ecdbdbfa4c2383c3ad3d8ffca.png" alt="">
-              <img class="icons" v-if="index == 2" src="https://zws-imgs-pub.ezijing.com/static/public/b15396ce451c816967fee3e94b2f8fb0.png" alt="">
-              <img class="iconActive" v-if="index == 0" src="https://zws-imgs-pub.ezijing.com/static/public/f354795ef8bd7a7f3d5317a8745b7398.png" alt="">
-              <img class="iconActive" v-if="index == 1" src="https://zws-imgs-pub.ezijing.com/static/public/8329440aa66e4e52520f15d579ab80b4.png" alt="">
-              <img class="iconActive" v-if="index == 2" src="https://zws-imgs-pub.ezijing.com/static/public/5159de6dbd4cb02b1d4863840fcb8426.png" alt="">
+              <!-- <img class="icons" v-if="index == 0" src="https://zws-imgs-pub.ezijing.com/static/public/77d9a7c4dba43695e9d984ea06434c70.png" alt=""> -->
+              <!-- <img class="icons" v-if="index == 1" src="https://zws-imgs-pub.ezijing.com/static/public/13ca8a5ecdbdbfa4c2383c3ad3d8ffca.png" alt=""> -->
+              <img class="icons" src="https://zws-imgs-pub.ezijing.com/static/public/b15396ce451c816967fee3e94b2f8fb0.png" alt="">
+              <!-- <img class="iconActive" v-if="index == 0" src="https://zws-imgs-pub.ezijing.com/static/public/f354795ef8bd7a7f3d5317a8745b7398.png" alt=""> -->
+              <!-- <img class="iconActive" v-if="index == 1" src="https://zws-imgs-pub.ezijing.com/static/public/8329440aa66e4e52520f15d579ab80b4.png" alt=""> -->
+              <img class="iconActive" src="https://zws-imgs-pub.ezijing.com/static/public/5159de6dbd4cb02b1d4863840fcb8426.png" alt="">
             </div>
-            <div class="text">保险</div>
+            <div class="text">{{ item.name }}</div>
           </li>
         </template>
       </ul>

src/pages/practice/components/practice1.vue

@@ -8,9 +8,9 @@
         <div class="downs" @click="goPage(data.accessory)">产品说明书下载</div>
       </div>
       <div class="content-box">
-        <div class="title">产品说明书</div>
+        <div class="title pdf-get-height">产品说明书</div>
         <!-- <div class="tit-h2">序言</div> -->
-        <div class="text embed-height"><embed class="embed" width="100%" height="100%" :src="data.accessory" /></div>
+        <div class="text pdf-height embed-height"><embed class="embed" width="100%" height="100%" :src="data.accessory" /></div>
       </div>
     </div>
     <div class="item-right">
@@ -98,6 +98,7 @@ export default {
   },
   methods: {
     countDomHeight() {
+      $('.pdf-height').css('height', $('.practice-box').height() - ($('.pdf-get-height').height()))
       $('.practice-box').css('height', $('.app-main').height() - 139 + 'px')
       $('.item-right .form .setHeight').css('height', $('.item-right').height() - 112 + 'px')
       $('.embed-height').css('height', $('.item-left').height() - $('.item-left .title').outerHeight() - $('.item-left .tit-h2').outerHeight() - $('.item-left .heads').outerHeight() - 20 + 'px')

src/pages/practice/components/practice2.vue

@@ -52,7 +52,7 @@
                 <div class="checkbox-box">
                   <!-- <el-checkbox class="mar-none" border :indeterminate="isIndeterminate" v-model="item.answerCount" @change="handleCheckAllChange">全选</el-checkbox> -->
                   <el-checkbox-group disabled v-model="item.answerCount" @change="handleCheckedCitiesChange">
-                    <el-checkbox border v-for="city in item.options" :label="city.option" :key="city.option_name">{{city.option_name}}</el-checkbox>
+                    <el-checkbox border v-for="city in getOptData(item.options)" :label="city.option" :key="city.option_name">{{city.option_name}}</el-checkbox>
                   </el-checkbox-group>
                 </div>
               </div>
@@ -61,7 +61,7 @@
         </ul>
         <div class="foot-btn-box">
           <div class="btn-box">
-            <template v-if="resultCharacteristic.deduct_score_times > 3">
+            <template v-if="resultCharacteristic.deduct_score_times >= 3">
               <div class="btn" @click="goPage('/index')">返回案例选择</div>
             </template>
             <template v-else>
@@ -114,6 +114,11 @@ export default {
     console.log(this.checkboxData, ',1123')
   },
   methods: {
+    getOptData(item) {
+      return item.filter(item => {
+        return item.answer === 1
+      })
+    },
     countDomHeight() {
       $('.result-box').css('height', $('.app-main').height() - 139 + 'px')
       $('.practice2-box').css('height', $('.app-main').height() - 139 + 'px')

src/pages/practice/components/preview.vue

@@ -245,6 +245,7 @@ export default {
           font-size: 12px;
           color: #000000;
           line-height: 17px;
+          word-break: break-all;
         }
         .btn{
           width: 154px;

src/pages/practice/components/tabForm1.vue

@@ -30,10 +30,10 @@
         </div>
         <div class="form mar-l224">
           <div class="name">等于</div>
-          <el-input class="win448" v-model="leftForm.input1" placeholder="请输入内容"></el-input>
+          <el-input class="win448" v-model="leftForm.input1" placeholder="Android属性值"></el-input>
         </div>
         <div class="form mar-l275">
-          <el-input class="win448" v-model="leftForm.input2" placeholder="请输入内容"></el-input>
+          <el-input class="win448" v-model="leftForm.input2" placeholder="iOS属性值"></el-input>
         </div>
       </template>
     </div>
@@ -192,15 +192,16 @@ export default {
   mounted() {
     const opt = ['页面URL', '页面标题', '来源地址', '来源域名', '渠道来源分组', '搜索引擎', '搜索词', '社交媒体', '分享者ID', '社交媒体分享来源', '分享层级', '分享地址', '场景值类型']
     this.setArrData(opt, 'select2Options')
-    this.setArrData(['不在弹出', '限制次数内弹出', '每次弹出'], 'select3Options')
+    this.setArrData(['不再弹出', '限制次数内弹出', '每次弹出'], 'select3Options')
     this.setArrData(['天', '小时'], 'select4Options')
     this.setArrData(['立即显示弹窗', '在用户后续访问到指定页面时弹窗'], 'select6Options')
     this.getUserConfig()
   },
   methods: {
     getUserConfig() {
+      const id = JSON.parse(window.sessionStorage.caseData).id
       api
-        .getUserConfig({ case_id: 4 })
+        .getUserConfig(id)
         .then(response => {
           this.setArrData(response.data.list, 'select5Options')
           console.log(response)

src/pages/practice/components/tabForm2.vue

@@ -188,8 +188,9 @@ export default {
   },
   methods: {
     getUserConfig() {
+      const id = JSON.parse(window.sessionStorage.caseData).id
       api
-        .getUserConfig({ case_id: 4 })
+        .getUserConfig(id)
         .then(response => {
           this.setArrData(response.data.list, 'select2Options')
           console.log(response)

src/pages/practice/components/tabForm3.vue

@@ -114,8 +114,9 @@ export default {
   },
   methods: {
     getUserConfig() {
+      const id = JSON.parse(window.sessionStorage.caseData).id
       api
-        .getUserConfig({ case_id: 4 })
+        .getUserConfig(id)
         .then(response => {
           this.setArrData(response.data.list, 'select2Options')
           console.log(response)

src/pages/practice/components/tabForm4.vue

@@ -192,15 +192,16 @@ export default {
   mounted() {
     const opt = ['页面URL', '页面标题', '来源地址', '来源域名', '渠道来源分组', '搜索引擎', '搜索词', '社交媒体', '分享者ID', '社交媒体分享来源', '分享层级', '分享地址', '场景值类型']
     this.setArrData(opt, 'select2Options')
-    this.setArrData(['不在弹出', '限制次数内弹出', '每次弹出'], 'select3Options')
+    this.setArrData(['不再弹出', '限制次数内弹出', '每次弹出'], 'select3Options')
     this.setArrData(['天', '小时'], 'select4Options')
     this.setArrData(['立即显示弹窗', '在用户后续访问到指定页面时弹窗'], 'select6Options')
     this.getUserConfig()
   },
   methods: {
     getUserConfig() {
+      const id = JSON.parse(window.sessionStorage.caseData).id
       api
-        .getUserConfig({ case_id: 4 })
+        .getUserConfig(id)
         .then(response => {
           this.setArrData(response.data.list, 'select5Options')
           console.log(response)

src/pages/practice/components/tabForm5.vue

@@ -179,8 +179,9 @@ export default {
   },
   methods: {
     getUserConfig() {
+      const id = JSON.parse(window.sessionStorage.caseData).id
       api
-        .getUserConfig({ case_id: 4 })
+        .getUserConfig(id)
         .then(response => {
           this.setArrData(response.data.list, 'select2Options')
           console.log(response)

src/pages/practice/components/tabForm6.vue

@@ -179,8 +179,9 @@ export default {
   },
   methods: {
     getUserConfig() {
+      const id = JSON.parse(window.sessionStorage.caseData).id
       api
-        .getUserConfig({ case_id: 4 })
+        .getUserConfig(id)
         .then(response => {
           this.setArrData(response.data.list, 'select2Options')
           console.log(response)

src/pages/practice/components/tabForm7.vue

@@ -181,8 +181,9 @@ export default {
   },
   methods: {
     getUserConfig() {
+      const id = JSON.parse(window.sessionStorage.caseData).id
       api
-        .getUserConfig({ case_id: 4 })
+        .getUserConfig(id)
         .then(response => {
           this.setArrData(response.data.list, 'select5Options')
           console.log(response)

src/pages/result/index.vue

@@ -3,7 +3,7 @@
     <div class="content-left">
       <div class="score-box">
         <div class="num">{{ data.gross_score }}分</div>
-        <img src="https://zws-imgs-pub.ezijing.com/static/public/1f326db6fcf71805f2ff2de653deffc2.png" alt="">
+        <img src="https://zws-imgs-pub.ezijing.com/static/public/3e4e378aa05c0672290eb9bcd61218c1.png" alt="">
       </div>
       <div class="text">恭喜您，成绩很优秀，继续保持哦。建议您在<span>#产品分析#</span>方面进一步学习和提升，再选择案例进行练习。</div>
       <img class="img-bottom" src="https://zws-imgs-pub.ezijing.com/static/public/d0d57e03e79a4a5dea5993fd67ff9a7e.png" alt="">