二维码预览页

heimawl

2023-06-21 a1e3f22436150213c2f9096c3cc55314c8291e4a

二维码预览页

 src/router/index.js

@@ -47,6 +47,11 @@
    hidden: true
  },
  {
    path: '/previews',
    component: () => import('@/views/previews'),
    hidden: true
  },
  {
    path: '/register',
    component: () => import('@/views/register'),
    hidden: true

 src/views/Intelligentcenter/centercontrol/index.vue

@@ -7,6 +7,7 @@
        class="el-menu-vertical-demo"
        @open="handleOpen"
        @close="handleClose"
        @select="handleSelect"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
@@ -14,33 +15,46 @@
        <el-submenu index="1">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>导航一</span>
            <span>患者管理</span>
          </template>
          <el-menu-item-group>
            <template slot="title">分组一</template>
            <el-menu-item index="1-1">选项1</el-menu-item>
            <el-menu-item index="1-2">选项2</el-menu-item>
          </el-menu-item-group>
          <el-menu-item-group title="分组2">
            <el-menu-item index="1-3">选项3</el-menu-item>
          </el-menu-item-group>
          <el-submenu index="1-4">
          <!-- <el-submenu index="1-4">
            <template slot="title">选项4</template>
            <el-menu-item index="1-4-1">选项1</el-menu-item>
          </el-submenu> -->
          </el-submenu>
        <el-submenu index="2">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>知识库</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="2-1">宣教管理</el-menu-item>
            <el-menu-item index="2-2">问卷管理</el-menu-item>
            <el-menu-item index="2-3">题库管理</el-menu-item>
          </el-menu-item-group>
          <!-- <el-submenu index="1-4">
            <template slot="title">选项4</template>
            <el-menu-item index="1-4-1">选项1</el-menu-item>
          </el-submenu> -->
        </el-submenu>
        <el-menu-item index="2">
          <i class="el-icon-menu"></i>
          <span slot="title">导航二</span>
        </el-menu-item>
        <el-menu-item index="3" disabled>
          <i class="el-icon-document"></i>
          <span slot="title">导航三</span>
        </el-menu-item>
        <el-menu-item index="4">
          <i class="el-icon-setting"></i>
          <span slot="title">导航四</span>
        </el-menu-item>
        <el-submenu index="3">
          <template slot="title">
            <i class="el-icon-location"></i>
            <span>患者管理</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="3-1">话术库</el-menu-item>
            <el-menu-item index="3-2">意图管理</el-menu-item>
            <el-menu-item index="3-3">模版库</el-menu-item>
          </el-menu-item-group>
          <!-- <el-submenu index="1-4">
            <template slot="title">选项4</template>
            <el-menu-item index="1-4-1">选项1</el-menu-item>
          </el-submenu> -->
        </el-submenu>
      </el-menu>
    </div>
    <!-- å³ä¾§æ•°æ® -->
@@ -72,19 +86,45 @@

  data() {
    return {
      editableTabsValue: "2",
      editableTabs: [
      editableTabsValue: "2-2-3",
      editableTabslist: [
        {
          title: "Tab 1",
          name: "1",
          title: "患者管理",
          name: "1-1",
          content: "Tab 1 content",
        },
        {
          title: "Tab 2",
          name: "2",
          title: "宣教管理",
          name: "2-1",
          content: "Tab 2 content",
        },
        {
          title: "问卷管理",
          name: "2-2",
          content: "Tab 2 content",
        },
        {
          title: "题库管理",
          name: "2-3",
          content: "Tab 2 content",
        },
        {
          title: "话术库",
          name: "3-1",
          content: "Tab 2 content",
        },
        {
          title: "意图管理",
          name: "3-2",
          content: "Tab 2 content",
        },
        {
          title: "模板库",
          name: "3-3",
          content: "Tab 2 content",
        },
      ],
      editableTabs: [],
      tabIndex: 2,
    };
  },
@@ -96,6 +136,22 @@
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleSelect(key, keyPath) {
      console.log(key, keyPath, "ss");
      var result = this.editableTabslist.find((v) => {
        return v.name === key; // return v.value ===  '9'  è¿”回undefined
      });

      var results = this.editableTabs.some(function (item) {
        if (item.name == "张三") {
          //item.name == "王麻子"
          return true; //返回false
        }
      });
      this.editableTabs.push(result);
      this.editableTabsValue = key;
      console.log(result);
    },
    handleTabsEdit(targetName, action) {
      if (action === "add") {
        let newTabName = ++this.tabIndex + "";

 src/views/previews.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,19 @@
<template>
  <div>二维码内容预览</div>
</template>

<script>
export default {
  name: "RuoyiUiPreviews",

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped></style>