zydx-plus 1.30.169 → 1.30.170

package/package.json

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

package/src/components/lesson_template/index.js

@@ -0,0 +1,7 @@
+import publicTable from './src/lessonTemplate';
+
+publicTable.install = function(Vue) {
+    Vue.component(publicTable.name, publicTable);
+};
+
+export default publicTable;

package/src/components/lesson_template/src/lessonTemplate.vue

@@ -0,0 +1,224 @@
+/**
+* @描述：  上下插槽组件，可以有多个层级， 最下层带滚动
+* @创建时间: 2022-08-19 9:00:00
+*/
+<template>
+  <div class="lesson_template_main_div">
+    <template v-if="!readonly">
+      <div v-if="topText !== ''" class="title_box display_flex">
+        <div style="width: 100%">{{topText}}</div>
+        <div class="z-button" @click="clearSelectAction">清空已选</div>
+      </div>
+      <div class="main_center_div select_margin">
+        <template v-if="selectActionSort.length != 0">
+          <div v-for="(item, index) in selectActionSort" @click="cancel(item)" :key="index" class="item_div select_item_margin display_flex">
+            <div class="width70">{{item[viewName]}}</div>
+            <div class="display_flex flex_center">
+              <div class="x_style">+</div>
+            </div>
+          </div>
+        </template>
+        <template v-else>
+          <div class="tip_text">暂未添加{{tipText}}，现在添加吧...</div>
+        </template>
+      </div>
+    </template>
+    <div v-if="allText !== ''" class="title_box">{{allText}}</div>
+    <div class="main_center_div">
+      <div v-for="(item, index) in dataList" :key="index"  class="item_div all_item width70" :class="isIncludeItem(item)? '' : 'select_item'" @click="save(item)" >{{item[viewName]}}</div>
+    </div>
+  </div>
+
+</template>
+
+<script>
+export default {
+  name: 'zydx-lesson-template',
+  model: {
+      prop: "selectDataList",
+      event: "update:modelValue"
+  },
+  props: {
+      selectDataList: {
+          type: Array,
+          default: () => []
+      },
+      dataList: {
+          type: Array,
+          default: () => []
+      },
+      topText: {
+          type: String,
+          default: ''
+      },
+      allText: {
+          type: String,
+          default: ''
+      },
+      sortName: {
+          type: String,
+          default: ''
+      },
+      viewName: {
+          type: String,
+          default: ''
+      },
+      tipText: {
+          type: String,
+          default: ''
+      },
+      readonly: {
+          type: Boolean,
+          default: false
+      },
+  },
+  computed: {
+      selectActionSort () {
+        let _that = this
+        if (this.sortName != '' && this.selectAction.length != 0) {
+            return _that.selectAction.sort(function(a, b){
+                return parseInt(a[_that.sortName]) > parseInt(b[_that.sortName]) ? 1: -1
+            })
+        }
+        return this.selectAction;
+      }
+  },
+  data () {
+    return {
+        selectAction: this.selectDataList
+    }
+  },
+  watch: {
+      selectActionSort: {
+          deep: true,
+          handler(newValue) {
+              this.$emit('update:modelValue', this.selectAction)
+          }
+      }
+  },
+  methods: {
+      cancel (param) {
+          this.selectAction.splice(this.selectAction.indexOf(param),1)
+      },
+      save (param) {
+          if (!this.readonly && this.isIncludeItem(param) == -1) {
+              this.selectAction.push(param)
+          }
+      },
+      clearSelectAction () {
+          this.selectAction = []
+      },
+      isIncludeItem (item) {
+          if (this.readonly) {
+              return true;
+          }
+          return JSON.stringify(this.selectDataList).indexOf(JSON.stringify(item)) === -1;
+      }
+  }
+}
+</script>
+
+<style scoped>
+.lesson_template_main_div {
+  width: 100%;
+}
+.select_margin {
+  padding: 10px 2px 10px 7px !important;
+}
+
+.main_center_div {
+  width: 100%;
+  display: flex;
+  padding: 7px 4px;
+  flex-direction: row;
+  align-content: center;
+  border: 1px solid #cccccc;
+  flex-wrap: wrap;
+}
+
+.item_div {
+  border: 1px solid rgba(204, 204, 204, 1);
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
+  cursor: pointer;
+  border-radius: 2px;
+  height: 32px;
+  line-height: 32px;
+  border: 1px solid #cccccc;
+  text-align: center;
+}
+.display_flex {
+  display: flex;
+}
+
+.select_item_margin {
+  width: 86px;
+  margin: 3px 5px 3px 0px;
+
+}
+.all_item {
+  width: 70px;
+  margin: 3px;
+}
+
+.width70 {
+  width: 70px;
+  font-size: 14px;
+  font-weight: 400;
+}
+
+.title_box {
+  font-size: 16px;
+  font-weight: 400;
+  width: 100%;
+  margin: 5px 0px;
+}
+
+
+
+
+.select_item {
+  background: rgba(255, 255, 255, 1);
+  color: #cccccc;
+}
+
+.tip_text {
+  font-size: 16px;
+  font-weight: 400;
+  color: rgba(0, 0, 0, 0.6);
+  text-align: center;
+  width: 100%;
+}
+.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;
+}
+  .flex_center {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .x_style {
+    transform: rotate(45deg);
+    height: 8px;
+    line-height: 8px;
+    width: 8px;
+  }
+</style>

package/src/index.js

@@ -29,6 +29,7 @@ import choice from './components/choice/index';
 import word from './components/word/index';
 import sketchpad from './components/sketchpad/index';
 import pictureViewer from './components/pictureViewer/index';
+import lessonTemplate from './components/lesson_template/index';
 
 const components = [
     Calendar,
@@ -59,7 +60,8 @@ const components = [
     choice,
     word,
     sketchpad,
-    pictureViewer
+    pictureViewer,
+    lessonTemplate
 ];
 
 function install(app) {
@@ -71,7 +73,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.30.169',
+    version: '1.30.170',
     install,
     Calendar,
     Message,
@@ -103,6 +105,7 @@ export default {
     choice,
     word,
     sketchpad,
-    pictureViewer
+    pictureViewer,
+    lessonTemplate
 };