test

src/views/useCase/components/requirementCase.vue

@@ -1,5 +1,5 @@
 <template>
-  <section v-if="bizId !== -1" class="case-main">
+  <section v-if="bizId !== -1" v-loading="loading" class="case-main">
     <iframe
       id="useCaseIframe"
       frameborder="0"
@@ -17,15 +17,17 @@ export default {
   data() {
     return {
       ifr: null,
-      srcHost: '/case/caseList/zhihui/'
+      srcHost: '/case/caseList/zhihui/',
+      loading: true
     }
   },
   computed: {
     ...mapGetters(['bizId']),
     src() {
       const bizId = EncryptId(`${this.bizId}`)
+      console.log(bizId, this.bizId)
       const host = getEnv() === 'test' ? 'http://10.96.83.94:9000/index.html#' : 'http://agiletc.intra.xiaojukeji.com/#'
-      const src = `${host}${this.srcHost}${bizId}`
+      const src = `${host}${this.srcHost}${encodeURIComponent(bizId)}`
       return src
     }
   },
@@ -41,6 +43,7 @@ export default {
   mounted() {
     window.addEventListener('message', (e) => {
       if (e.data === 'useCaseDone') {
+        this.loading = false
         this.loaded()
       }
     }, false)

src/views/useCase/index.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="all-useCase">
     <div class="control-pages">
-      <span class="control-item" :class="{'is-active':isActive === 1}" @click="isActive=1">需求用例</span>
+      <span class="control-item" :class="{'is-active':isActive === 1}" @click="isActive=1">测试用例</span>
       <span class="control-item" :class="{'is-active':isActive === 2}" @click="isActive=2">老版用例</span>
     </div>
     <keep-alive>