zydx-plus 1.20.107 → 1.20.109

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.20.107",
+  "version": "1.20.109",
   "description": "Vue.js",
   "main": "src/index.js",
   "files": [

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

@@ -29,13 +29,25 @@
                                 {{childButtonInfo}}
                             </button>
                             <!-- 单独在最低节点设置的按钮 -->
-                            <button class="z-button"
+                            <button :ref="childButtonIndex + item.catalogId" class="z-button"
                                     :class="childButtonIndex === getSelectBtnIndex && selectItem.level === item.level? 'active' : ''"
                                     v-if="item.level !== 0 && (!item.children || item.children.length === 0) && buttonIndex === 'lowLevel'  && childButtonIndex !== 'default'"
                                     @click="clickRightBtn(item, childButtonIndex, childButtonInfo)"
                             >
                                 {{childButtonInfo}}
                             </button>
+                            <div class="width180" v-if="item.level !== 0 && (!item.children || item.children.length === 0) && buttonIndex === 'lowLevel'  && childButtonIndex !== 'default' && childButtonIndex == 'search' && isShowSearch">
+                                <zydx-input v-model:value="searchContent"
+                                            :placeholder="'请输入关键字'"
+                                            :readonly="false"
+                                            :type="'input'">
+                                    <template #suffix>
+                                        <span style="cursor: pointer;"><img @click="searchContentBtn(item, childButtonIndex, childButtonInfo)" src="data:image/png;base64,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"></span>
+                                        <span class="color_cccccc">|</span>
+                                        <span  style="cursor: pointer;"><img @click="cancelRightSearchBtn(item)" src="data:image/png;base64,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"></span>
+                                    </template>
+                                </zydx-input>
+                            </div>
                             <!-- 在非课和非最低节点 -->
                             <button class="z-button"
                                     :class="childButtonIndex === getSelectBtnIndex && selectItem.level === item.level? 'active' : ''"
@@ -44,6 +56,7 @@
                             >
                                 {{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)">
@@ -51,6 +64,7 @@
                             </button>
                         </template>
                     </template>
+
                 </template>
             </zydx-topic-dry>
         </div>
@@ -59,6 +73,7 @@
 
 <script>
 import zydxTopicDry from "../../titleBox/src/zydxTopicDry"
+import zydxInput from '../../input/src/input.vue'
 import buttonName from "./button_name"
 export default {
     name: "zydx-head-level",
@@ -101,6 +116,8 @@ export default {
     },
     data() {
         return {
+            searchContent: '',
+            isShowSearch: false,
             nodeList: []
         }
     },
@@ -172,14 +189,39 @@ export default {
             return node
         },
         clickRightBtn (selectItem, selectBtnIndex, selectBtnName) {
-            this.$emit('clickRightBtn', {selectItem, selectBtnIndex, selectBtnName, 'nodeList': this.nodeList})
+            let searchId = "search" + selectItem.catalogId
+            if (selectBtnIndex === 'search') {
+                this.isShowSearch = true;
+                this.$refs[searchId][0].hidden = true;
+            } else {
+                if (this.$refs[searchId]) {
+                    this.isShowSearch = false;
+                    this.$refs[searchId][0].hidden = false;
+                    this.searchContent = '';
+                }
+            }
+            this.$emit('clickRightBtn', {selectItem, selectBtnIndex, selectBtnName, 'nodeList': this.nodeList});
+        },
+        // 搜索数据
+        searchContentBtn (selectItem, selectBtnIndex, selectBtnName) {
+            this.$emit('clickRightSearchBtn', {selectItem, selectBtnIndex, selectBtnName, 'nodeList': this.nodeList, searchContent: this.searchContent});
         },
+        cancelRightSearchBtn (selectItem) {
+            let searchId = "search" + selectItem.catalogId
+            this.isShowSearch = false;
+            this.$refs[searchId][0].hidden = false;
+            this.searchContent = '';
+            this.$emit('cancelRightSearchBtn', {})
+        }
     },
-    components: {zydxTopicDry}
+    components: {zydxTopicDry, zydxInput}
 }
 </script>
 
 <style scoped>
+    .color_cccccc {
+        color: #cccccc !important;
+    }
     .borderBottom1cccccc {
         border-bottom: 1px #cccccc solid !important;
     }
@@ -200,13 +242,13 @@ export default {
         font-size: 12px !important;
         letter-spacing: 0px !important;
         text-align: center;
-        cursor: pointer;
         padding: 0 5px;
         font-weight: normal;
         box-sizing: border-box;
+        cursor: pointer;
     }
     .active{
-        color: rgba(0, 204, 126, 1) !important;
+        color: rgba(0, 255, 0, 1) !important;
     }
     .padding0_10 {
         padding: 0px 10px;
@@ -214,4 +256,15 @@ export default {
     .fontSize16 {
         font-size: 16px;
     }
+    .headLevel >>>.input_wrapper {
+        height: 22px;
+        line-height: 22px;
+        margin: auto;
+    }
+    .headLevel >>>.input_wrapper >.input {
+        font-size: 12px;
+    }
+    .width180 {
+        width: 180px;
+    }
 </style>

package/src/components/biz_header/src/button_name.js

@@ -1,14 +1,17 @@
 let buttonNames = {
     methods: {
         initConfig (item) {
-           if (this.headerType === 0) { // 资源
-               return this.resourceButtonList(item);
+           if (this.headerType === 0) { // 互动资源  教师
+               return this.interactResourceButtonList(item);
            } else if (this.headerType === 1) { // 动作
                return this.actionButtonList(item);
            } else if (this.headerType === 2) { // 学生 未定
                return {};
-           } else {
+           } else if (this.headerType === 3) {
                return {};
+           } else if (this.headerType === 4) { // 阅读资源  教师
+               debugger
+               return this.readResourceButtonList(item);
            }
         },
         actionButtonList (item) {
@@ -27,7 +30,7 @@ let buttonNames = {
                                 btnIndex1: this.getCurrentPrefix(item) + '考勤',
                             },
                             lowLevel: {
-                                default: "btnIndex1",
+                                 default: "btnIndex1",
                                 btnIndex1: this.getCurrentPrefix(item) + '考勤',
                             },
                             score: '考勤成绩',
@@ -1100,7 +1103,7 @@ let buttonNames = {
                 }
             }[this.actionId];
         },
-        resourceButtonList (item) {
+        interactResourceButtonList (item) {
             return {
                 resource_lesson051: {
                     actionName: '调查资源',
@@ -1503,6 +1506,125 @@ let buttonNames = {
                 },
             }[this.actionId];
         },
+        readResourceButtonList(item) {
+            return {
+                resource_lesson_knowledge: {
+                    actionName: '知识图谱',
+                    buttonList: {
+                        0: {
+                            headLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '图谱',
+                                btnIndex2: this.getPrefix(item) + '图谱'
+                            },
+                            otherLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '图谱',
+                                btnIndex2: this.getPrefix(item) + '图谱'
+                            },
+                            lowLevel: {
+                                default: "btnIndex3",
+                                btnIndex3: '图谱列表',
+                                btnIndex4: '创建图谱',
+                                search: '查找资源'
+                            }
+                        }
+                    }
+                },
+                resource_lesson002: {
+                    actionName: '教学课件',
+                    buttonList: {
+                        0: {
+                            headLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '课件',
+                                btnIndex2: this.getPrefix(item) + '课件'
+                            },
+                            otherLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '课件',
+                                btnIndex2: this.getPrefix(item) + '课件'
+                            },
+                            lowLevel: {
+                                default: "btnIndex3",
+                                btnIndex3: '课件列表',
+                                btnIndex4: '导入课件',
+                                search: '查找资源'
+                            }
+                        }
+                    }
+                },
+                resource_lesson003: {
+                    actionName: '教学视频',
+                    buttonList: {
+                        0: {
+                            headLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '视频',
+                                btnIndex2: this.getPrefix(item) + '视频'
+                            },
+                            otherLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '视频',
+                                btnIndex2: this.getPrefix(item) + '视频'
+                            },
+                            lowLevel: {
+                                default: "btnIndex3",
+                                btnIndex3: '视频列表',
+                                btnIndex4: '导入视频',
+                                search: '查找资源'
+                            }
+                        }
+                    }
+                },
+                resource_lesson005: {
+                    actionName: '微课资源',
+                    buttonList: {
+                        0: {
+                            headLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '视频',
+                                btnIndex2: this.getPrefix(item) + '视频'
+                            },
+                            otherLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '视频',
+                                btnIndex2: this.getPrefix(item) + '视频'
+                            },
+                            lowLevel: {
+                                default: "btnIndex3",
+                                btnIndex3: '视频列表',
+                                btnIndex4: '导入视频',
+                                search: '查找资源'
+                            }
+                        }
+                    }
+                },
+                resource_lesson009: {
+                    actionName: '数据资源',
+                    buttonList: {
+                        0: {
+                            headLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '数据',
+                                btnIndex2: this.getPrefix(item) + '数据'
+                            },
+                            otherLevel: {
+                                default: "btnIndex1",
+                                btnIndex1: this.getCurrentPrefix(item) + '数据',
+                                btnIndex2: this.getPrefix(item) + '数据'
+                            },
+                            lowLevel: {
+                                default: "btnIndex3",
+                                btnIndex3: '数据列表',
+                                btnIndex4: '导入数据',
+                                search: '查找资源'
+                            }
+                        }
+                    }
+                },
+            }[this.actionId];
+        },
         // 获取前缀内容
         getCurrentPrefix (item) {
             if (item.level === 0) {

package/src/components/select/src/select.vue

@@ -54,6 +54,14 @@ export default defineComponent({
     maxHeight: {
       type: Number,
       default: 0
+    },
+    color: {
+      type: String,
+      default: '#606266'
+    },
+    hover: {
+      type: String,
+      default: '#C64C10'
     }
   },
   data() {
@@ -68,10 +76,12 @@ export default defineComponent({
     },
     handleClick: function (option) {
       this.$emit('update:value', option.value)
+      this.$emit('select', option)
       this.selected = option.label
       this.isOpen = false
     }
   },
+
   computed: {
     transform: function () {
       return this.isOpen
@@ -135,7 +145,7 @@ export default defineComponent({
   font-size: 14px;
   font-family: inherit;
   font-weight: 400;
-  color: #606266;
+  color: v-bind(color);
   line-height: 30px;
   padding: 0 40px 0 10px;
   width: 100%;
@@ -161,7 +171,7 @@ export default defineComponent({
 }
 
 .select-css:focus {
-  border-color: #C64C10;
+  border-color: v-bind(hover);
 }
 
 
@@ -204,18 +214,18 @@ export default defineComponent({
   line-height: 30px;
   letter-spacing: 0px;
   text-align: left;
-  color: #606266;
+  color: v-bind(color);
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }
 
 .custom-select-options li:hover {
-  color: #C64C10;
+  color: v-bind(hover);
   border-width: 0 0 0 1px;
 }
 
 .custom-select-options li:focus {
-  color: #C64C10;
+  color: v-bind(hover);
 }
 </style>

package/src/components/textarea/src/textarea.vue

@@ -1,7 +1,11 @@
 <template>
     <div class="textarea">
-        <div class="text" :style="{'min-height': height + 'px', border: (readable)? '1px solid #ccc': 'none'}" @input="event => checkLength(event, maxLength)" :contenteditable="readable" ref="textarea"></div>
-        <span class="num" v-if="maxLength !== 0">{{ num }}/{{ maxLength }}</span>
+        <div class="text" :style="{
+            'min-height': height + 'px',
+            border: (readable)? '1px solid #ccc': 'none',
+            'background-color': (readable)? '#fff': 'transparent'
+        }" @input="event => checkLength(event, maxLength)" :contenteditable="readable" ref="textarea"></div>
+        <span class="num" v-if="maxLength !== 0&&readable">{{ num }}/{{ maxLength }}</span>
     </div>
 </template>
 

package/src/components/tree/src/tree.vue

@@ -54,6 +54,10 @@ export default {
     default_expand_key: {
       type: Array,
       default: () => []
+    },
+    suffix: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -147,11 +151,19 @@ export default {
             :style="textStyle(tree)">
         {{ tree.name }}
       </span>
+      <template v-if="suffix">
+        <span class="tree_suffix"
+              v-if="tree.children && tree.children.length">
+          {{ tree.isOpen ? '-' : '+'
+          }}</span>
+      </template>
     </div>
     <template v-if="tree.isOpen">
       <tree :data="tree.children"
             :active_color="active_color"
             :border="border"
+            :suffix="suffix"
+            :height="height"
             :default_expand_key="default_expand_key"
             :key="tree.id"
             @update:select="updateSelect"
@@ -191,6 +203,22 @@ export default {
   color: v-bind(active_color)
 }
 
+.tree_suffix {
+  width: 24px;
+  height: 24px;
+  font-size: 18px;
+  line-height: 30px;
+  letter-spacing: 0px;
+  position: absolute;
+  top: 50%;
+  right: -20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: translate(-50%, -50%);
+  color: black;
+}
+
 .tree_node_indent {
   flex-grow: 0;
   flex-shrink: 0;

package/src/index.js

@@ -63,7 +63,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.20.107',
+    version: '1.20.109',
     install,
     Calendar,
     Message,