@leevan/jtui 2.0.3 → 2.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leevan/jtui",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/packages/jt-table/comp.js

@@ -3,8 +3,10 @@ import VXETable from 'vxe-table';
 import XEUtils from 'xe-utils'
 
 import TabsBtn from './components/tabsBtn.vue';
+import TabsCheckbox from './components/tabsCheckbox.vue';
 
 Vue.component(TabsBtn.name, TabsBtn)
+Vue.component(TabsCheckbox.name,TabsCheckbox)
 
 VXETable.renderer.add('TabsBtn',{
     renderDefault (h, renderOpts, params) {
@@ -14,4 +16,14 @@ VXETable.renderer.add('TabsBtn',{
             ></tabs-btn>
         ]
     }
+})
+
+VXETable.renderer.add('TabsCheckbox',{
+    renderDefault (h, renderOpts, params) {
+        const {  events , parentRow  } = renderOpts;
+        return [
+            <tabs-checkbox params={ params } events={ events } parentRow={ parentRow }
+            ></tabs-checkbox>
+        ]
+    }
 })

package/packages/jt-table/components/tabsCheckbox.vue

@@ -0,0 +1,70 @@
+<template>
+    <div>
+    <el-checkbox-group v-model="radio_value" size="mini" @change="btnsClick" 
+    v-if="dataType !== 'string'">
+      <el-checkbox-button
+        v-for="(item, index) in fullData"
+        :key="index"
+        :label="item.value"
+        >{{ item.label }}</el-checkbox-button
+      >
+    </el-checkbox-group>
+    <div v-else>
+        {{rowData}}
+    </div>
+    </div>
+</template>
+
+<script>
+export default {
+  name: "TabsCheckbox",
+  data() {
+    return {
+      radio_value: [],
+      fullData: [],
+      oldValue: "",
+      dataType: '',
+      rowData: ''
+    };
+  },
+  props: {
+    params: Object,
+  },
+  created() {
+    this.load();
+  },
+  methods: {
+    load() {
+      const { row, column } = this.params;
+      if (row) {
+        this.rowData = row[column.property];
+        this.dataType = typeof this.rowData;
+      }
+      if (this.rowData && this.rowData.enum) {
+        this.fullData = this.rowData.enum;
+        this.radio_value = this.rowData.selected;
+        this.oldValue = this.rowData.selected;
+      }
+    },
+    async btnsClick(val) {
+      const { row, column } = this.params;
+      const { events, parentRow } = this.$attrs;
+      const result = await events.checkboxChange({
+        row,
+        property: column.property,
+        val,
+        params: parentRow,
+      });
+      if (result) {
+        this.oldValue = val;
+      } else {
+        this.radio_value = this.oldValue;
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+
+</style>

package/packages/jt-table/index.vue

@@ -936,6 +936,7 @@ export default {
       default: () => ({
         parentRow: Object,
         radioChange: () => {},
+        checkBoxChange: () => {}
       }),
     },
     //展开行配置
@@ -989,7 +990,7 @@ export default {
       pageTotal: 0,
       dataTotal: 0,
       dataTreeObj: {},
-      treeTempData: [],
+      treeTempData: []
     };
   },
   methods: {
@@ -1036,6 +1037,12 @@ export default {
             events: { radioChange: this.cellRenderMethods.radioChange },
             parentRow: this.cellRenderMethods?.parentRow,
           };
+        case "TabsCheckbox":
+          return {
+            name:'TabsCheckbox',
+            events:{checkboxChange:this.cellRenderMethods.checkboxChange},
+            parentRow: this.cellRenderMethods?.parentRow,
+          }
       }
     },
     //枚举转换
@@ -1274,7 +1281,14 @@ export default {
     },
     //操作列点击事件派发
     handlerColClick(value, row, rowIndex) {
-      this.$set(row, "activeValue", value);
+      //检索
+      if(value === 'stcd_search'){
+        this.$set(row, "activeValue", value);
+      }
+      //刷新
+      if(value === 'reflash'){
+        this.reloadTreeChilds(row);
+      };
       this.$emit("handlerClick", value, row, rowIndex);
     },
     //普通表格转树表（仅支持一层）
@@ -1381,7 +1395,6 @@ export default {
         this.dataTreeObj[idx + 1]
       );
     },
-    //树 懒加载方法
     // async loadChildrenMethod({ row }){
     //     const { data } = await this.$axios.post(this.treeTypeConfig.path + row.path);
     //     return new Promise((resolve) => {
@@ -1400,9 +1413,10 @@ export default {
     //         }
     //     })
     // },
+    //树 懒加载方法
     loadChildrenMethod({ row }) {
       return new Promise(async (resolve) => {
-        if (row.activeValue === "stcd_search") {
+        if (row.activeValue.indexOf("search") !== -1 ) {
           resolve(this.treeTempData);
         } else {
           const { data } = await this.$axios.post(

package/packages/jt-table-pc/data2.js

@@ -275,6 +275,7 @@ export function data23(){
 "label": "村级名称",
 "type": "String",
 "align": "center",
+"cellRender":"TabsCheckbox",
 "enum": []
 },
 {
@@ -405,7 +406,10 @@ html:[{
 "xzrzw": "镇长",
 "jcrdh": "13408181100",
 "id": "2",
-"village": "高石社区三组",
+"village": {
+    enum:[{label:'多选1',value:1},{label:'多选2',value:2},{label:'多选3',value:3}],
+    selected:[1,2]
+},
 "yjrdh": "15984498223",
 "_XID": "row_4"
 },