zydx-plus 1.13.56 → 1.15.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.13.56",
+  "version": "1.15.57",
   "description": "Vue.js",
   "main": "src/index.js",
   "files": [
@@ -27,8 +27,9 @@
     "@wangeditor/plugin-upload-attachment": "^1.1.0",
     "snabbdom": "^3.5.1",
     "@wangeditor/plugin-formula": "^1.0.11",
-    "katex": "^0.16.6",
-    "simple-mind-map": "^0.5.5"
+    "katex": "^0.15.6",
+    "simple-mind-map": "^0.5.8",
+    "html2json": "^1.0.2"
   },
   "peerDependencies": {
     "vue": "^3.2.13"

package/src/components/biz_header/index.js

@@ -0,0 +1,6 @@
+import main from './src/bizHeader.vue';
+
+main.install = function(Vue) {
+    Vue.component(main.name, main);
+};
+export default main;

package/src/components/biz_header/src/bizHeader.vue

@@ -0,0 +1,200 @@
+/**
+* @描述：  动作资源统一右侧header
+* @创建时间: 2023-05-05 11:19:00
+* @内容:
+* @必传值：名字/类型/默认值/作用
+* @非必传值：actionId: 动作ID
+            selectItem: 选中节点
+            tabType: 0班级 2 个人
+            selectBtnIndex: 选中按钮标识
+            catalogList: 目录集合。 需要带 children
+            headerType: 0动作或者1资源或者2学生端
+* @回调事件：clickRightBtn: 按钮点击事件 回参有 选中节点，选中标识，当前点击节点结合
+* @组件内方法：
+*/
+<template>
+    <div class="headLevel">
+        <div v-for="(item, index) in nodeList" :key="index" class="borderBottom1cccccc padding0_10">
+            <zydx-topic-dry>
+                <template v-slot:title_slot><span class="fontSize16">{{item.name}}</span></template>
+                <template v-slot:button_slot v-show="isShowBtn">
+                    <template v-for="(buttonInfo, buttonIndex) in initConfig(item).buttonList[tabType]">
+                        <template v-if="buttonInfo instanceof Object">
+                            <!-- 我是在课级节点上渲染的 -->
+                            <button class="z-button" :class="childButtonIndex === getSelectBtnIndex && selectItem.level === item.level? 'active' : ''" v-if="item.level === 0 && (buttonIndex === 'prefixLevel0btn' || buttonIndex === 'suffixLevel0btn')" v-for="(childButtonInfo, childButtonIndex) in buttonInfo"  @click="clickRightBtn(item, childButtonIndex)">
+                                {{childButtonInfo}}
+                            </button>
+                            <!-- 我是在最低节点渲染的 -->
+                            <button class="z-button" :class="childButtonIndex === getSelectBtnIndex && selectItem.level === item.level? 'active' : ''" v-if="item.level !== 0 && item.children && item.children.length !== 0 && buttonIndex === 'otherThanLevel0'" v-for="(childButtonInfo, childButtonIndex) in buttonInfo"  @click="clickRightBtn(item, childButtonIndex)">
+                                {{childButtonInfo}}
+                            </button>
+                            <!-- 除课级标题以外的 -->
+                            <button class="z-button" :class="childButtonIndex === getSelectBtnIndex && selectItem.level === item.level? 'active' : ''" v-if="item.level !== 0 && buttonIndex === 'levelOtherBtn'" v-for="(childButtonInfo, childButtonIndex) in buttonInfo"  @click="clickRightBtn(item, childButtonIndex)">
+                                {{childButtonInfo}}
+                            </button>
+                            <!-- 单独在最低节点设置的按钮 -->
+                            <button class="z-button" :class="childButtonIndex === getSelectBtnIndex && selectItem.level === item.level? 'active' : ''" v-if="item.level !== 0 && (!item.children || item.children.length === 0) && buttonIndex === 'lowLevel'" v-for="(childButtonInfo, childButtonIndex) in buttonInfo"  @click="clickRightBtn(item, childButtonIndex)">
+                                {{childButtonInfo}}
+                            </button>
+                        </template>
+                        <template v-else-if="buttonInfo != null && buttonInfo.constructor === String">
+                            <button class="z-button" :class="buttonIndex === getSelectBtnIndex && selectItem.level === item.level? 'active' : ''" v-if="buttonIndex !== 'level0btn' && buttonInfo != null" @click="clickRightBtn(item, buttonIndex)">
+                                {{buttonInfo}}
+                            </button>
+                        </template>
+                    </template>
+                </template>
+            </zydx-topic-dry>
+        </div>
+    </div>
+</template>
+
+<script>
+import zydxTopicDry from "../../titleBox/src/zydxTopicDry"
+import buttonName from "./button_name"
+export default {
+    name: "zydx-head-level",
+    mixins: [buttonName],
+    props: {
+        actionId: {
+            type: String,
+            default: "action_checktime"
+        },
+        // 选中的节点
+        selectItem: {
+            type: Object,
+            default () {
+                return {}
+            }
+        },
+        // 班级还是个人
+        tabType: {
+            type: Number,
+            default: 0
+        },
+        // 选中的按钮标识
+        selectBtnIndex: {
+            type: String,
+            default: ''
+        },
+        // 是否显示操作按钮
+        isShowBtn: {
+            type: Boolean,
+            default: false
+        },
+        // 目录树集合
+        catalogList: {
+            type: Array,
+            default: function () {
+                return []
+            }
+        },
+        // 0动作或者1资源或者2学生端
+        headerType: {
+            type: Number,
+            default: 0
+        }
+    },
+    data() {
+        return {
+            nodeList: []
+        }
+    },
+    computed: {
+        getSelectBtnIndex () {
+            if (this.selectBtnIndex === '') {
+                let buttonIndex = '';
+                if (this.selectItem.level == 0 && this.tabType === 0) {
+                    buttonIndex = 'demand';
+                } else {
+                    buttonIndex = 'btnIndex1';
+                }
+                this.clickRightBtn(this.selectItem, buttonIndex);
+                return buttonIndex;
+            } else {
+                return this.selectBtnIndex;
+            }
+        }
+    },
+    mounted: function () {
+        this.selectNode(this.selectItem)
+    },
+    watch: {
+        actionId: {
+            deep: true,
+            handler: function (val) {
+                this.selectNode(this.selectItem)
+            }
+        },
+        selectItem: {
+            deep: true,
+            handler: function (val) {
+                this.selectNode(this.selectItem)
+            }
+        }
+    },
+    methods: {
+        // 选择节点
+        selectNode: function (node) {
+            this.nodeList = []
+            this.recursionNode(node.catalogId)
+            this.nodeList = this.nodeList.reverse()
+        },
+        // 递归节点
+        recursionNode: function (catalogId) {
+            let node = this.getNode(catalogId)
+            if (node) {
+                this.nodeList.push(node)
+                if (node.pcatalogId && node.pcatalogId !== -1) {
+                    this.recursionNode(node.pcatalogId)
+                }
+            }
+        },
+        // 获取节点
+        getNode: function (catalogId) {
+            let node = null
+            this.catalogList.forEach(item => {
+                if (item.catalogId === catalogId) {
+                    node = item
+                }
+            })
+            return node
+        },
+        clickRightBtn (selectItem, selectBtnIndex) {
+            this.$emit('clickRightBtn', {selectItem, selectBtnIndex, 'nodeList': this.nodeList})
+        }
+    },
+    components: {zydxTopicDry}
+}
+</script>
+
+<style scoped>
+    .borderBottom1cccccc {
+        border-bottom: 1px #cccccc solid !important;
+    }
+    .z-button {
+        margin: 1px;
+        width: auto;
+        min-width: 60px;
+        max-width: 60px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
+        height: 20px;
+        background-color: #FFFFFF;
+        color: #000000;
+        border: #000000 1px solid;
+        line-height: 18px;
+        border-radius: 3px;
+        font-size: 12px !important;
+        letter-spacing: 0px !important;
+        text-align: center;
+        cursor: pointer;
+        padding: 0 5px;
+        font-weight: normal;
+        box-sizing: border-box;
+    }
+    .active{
+        color: rgba(0, 204, 126, 1) !important;
+    }
+</style>