ss

src/views/useCase/components/useCase.vue

@@ -0,0 +1,76 @@
+<template>
+  <section v-if="bizId !== -1" v-loading="loading" class="case-main">
+    <iframe
+      id="useCaseIframe"
+      :class="{ 'full-screen': fullScreen}"
+      frameborder="0"
+      scrolling="no"
+      :src="src"
+    />
+  </section>
+</template>
+<script>
+import { mapGetters } from 'vuex'
+// import { EncryptId } from '@/utils/crypto-js.js'
+// import { getEnv } from '@/apiConfig/requestIP.js'
+export default {
+  data() {
+    return {
+      ifr: null,
+      srcHost: '/case/caseList/zhihui/',
+      loading: false,
+      fullScreen: false // 是否全屏
+    }
+  },
+  computed: {
+    ...mapGetters(['bizId']),
+    src() {
+      // const bizId = EncryptId(`${this.bizId}`)
+      // const host =
+      //   getEnv() === 'test'
+      //     ? 'http://10.96.83.94:9000/index.html#'
+      //     : getEnv() === 'pre'
+      //       ? 'http://agiletc-pre.intra.xiaojukeji.com/#'
+      //       : 'http://agiletc.intra.xiaojukeji.com/#'
+      const src = `http://localhost:7100/#/useCase?bizId=${this.bizId}&hiddenNav=true`
+      return src
+    }
+  },
+  watch: {
+    bizId: {
+      handler(newV) {
+        if (newV === -1) return
+        this.matchObj = { params: { product_id: newV }}
+      },
+      immediate: true
+    }
+  },
+  mounted() {
+
+  },
+  beforeDestroy() {
+
+  },
+  methods: {
+
+  }
+}
+</script>
+<style lang='less' scoped>
+.case-main {
+  margin: 10px 0 0 10px;
+  overflow: scroll;
+}
+#useCaseIframe {
+  width: 100%;
+  height: 100vh;
+}
+.full-screen {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 999;
+}
+</style>

src/views/useCase/index.vue

@@ -2,21 +2,25 @@
   <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 === 2}" @click="isActive=2">老版用例</span>
+      <span class="control-item" :class="{'is-active':isActive === 2}" @click="isActive=2">测试用例（xmind版）</span>
+      <!-- <span class="control-item" :class="{'is-active':isActive === 2}" @click="isActive=2">老版用例</span> -->
     </div>
     <keep-alive>
-      <requirement-case v-if="isActive === 1" />
-      <test-use-case v-if="isActive === 2" />
+      <use-case v-if="isActive === 1" />
+      <requirement-case v-if="isActive === 2" />
+      <!-- <test-use-case v-if="isActive === 2" /> -->
     </keep-alive>
   </section>
 </template>
 <script>
 import requirementCase from '@/views/useCase/components/requirementCase'
-import testUseCase from '@/views/Platform/useCasePage'
+import useCase from '@/views/useCase/components//useCase'
+// import testUseCase from '@/views/Platform/useCasePage'
 export default {
   components: {
     requirementCase,
-    testUseCase
+    // testUseCase,
+    useCase
   },
   data() {
     return {