添加开始页和结束页判断

guoshilong

2023-03-17 00239519ba9c0561ce7e3490e5cff27b68b5e077

 src/views/modules/modulesView.vue

@@ -5,9 +5,11 @@
      <!-- 头部左侧按钮模块 -->
      <div class="avue-crud__left">
        <el-button size="small" class="button" icon="el-icon-back" @click="backModules">返回模块列表</el-button>
        <el-button size="small" class="button" icon="el-icon-back" @click="backStartPage">回到开始页</el-button>
      </div>
    </div>
    <div class="content-view">
      <!--开始页-->
      <div v-if="currentIndex==1" class="start">
        <img class="start-img" :src="startPage.fileUrl[0].value">
        <div class="start-button-group">
@@ -17,6 +19,7 @@
        </div>
      </div>

      <!--内容页-->
      <div style="height: 100%;width: 100%"  v-if="currentIndex==2" class="content">

        <!--flash-->
@@ -69,7 +72,6 @@

<script>
import {getAll} from "@/api/modules/function";
// import Flipbook from 'flipbook-vue/vue2'
import LeftIcon from 'vue-material-design-icons/ChevronLeftCircle'
import RightIcon from 'vue-material-design-icons/ChevronRightCircle'
import PlusIcon from 'vue-material-design-icons/PlusCircle'
@@ -98,7 +100,7 @@
      },
    }
  },
  mounted() {
  created() {
    this.getAllFunc()
  },
  methods: {
@@ -133,14 +135,18 @@
      if (data.type == 1) {

      } else if (data.type == 2) {
        let fileArray = data.fileUrl
        fileArray.forEach(e => {
          this.flipConfig.pages.push(e.value)
        })
        // let fileArray = data.fileUrl
        // fileArray.forEach(e => {
        //   this.flipConfig.pages.push(e.value)
        // })
      } else if (data.type == 3) {
        let url = data.fileUrl[0].value
        this.iframePath = 'http://192.168.0.200:8012/onlinePreview?url=' + encodeURIComponent(Base64.encode(url))
      }
    },
    backStartPage(){
      this.currentIndex = 1
      this.content = this.startPage
    }
  }
}