olp-table 5.3.1 → 5.3.4

package/src/views/table/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <div style="height: calc(100vh - 30px)">
+    <model-index uuid="1602112913960386560" ref="oTable" @initComponents="initComponents" @toolbarBtnClick="toolbarBtnClick"/>
+  </div>
+</template>
+
+
+<script>
+
+import ModelIndex from "@/components/table/model/model-index.vue";
+
+export default {
+  name: 'olTable',
+  components: {ModelIndex},
+  data() {
+    return {
+      width: 0,
+      height: 0,
+      top: 0,
+      left: 0,
+      test:'',
+    }
+  },
+
+  methods: {
+    initComponents(props) {
+      console.log("initComponents22" + props);
+    },
+    toolbarBtnClick(code) {
+      console.log("ss", code)
+    },
+    resize(newRect) {
+      this.width = newRect.width;
+      this.height = newRect.height;
+      this.top = newRect.top;
+      this.left = newRect.left;
+    }
+  },created() {
+    let oTable = this.$refs.oTable;
+    console.log(oTable)
+  }
+}
+</script>

package/src/views/table/index2.vue

@@ -0,0 +1,199 @@
+<template>
+  <div style="height: calc(100vh - 30px)">
+    <!--    <olTable uuid="1602112913960386560" theme="t1" ref="vTable">
+
+        </olTable>-->
+    <vxe-grid v-bind="bind" :data="data"></vxe-grid>
+  </div>
+</template>
+
+
+<script>
+
+export default {
+  data() {
+    return {
+      data: [
+        {
+          "name": "芋道源码",
+          "parentId": 0,
+          "sort": 0,
+          "leaderUserId": 1,
+          "phone": "15888888888",
+          "email": "ry@qq.com",
+          "status": 0,
+          "id": 100,
+          "createTime": 1609837427000
+        },
+        {
+          "name": "深圳总公司",
+          "parentId": 100,
+          "sort": 1,
+          "leaderUserId": 104,
+          "phone": "15888888888",
+          "email": "ry@qq.com",
+          "status": 0,
+          "id": 101,
+          "createTime": 1609837427000
+        },
+        {
+          "name": "研发部门",
+          "parentId": 101,
+          "sort": 1,
+          "leaderUserId": 104,
+          "phone": "15888888888",
+          "email": "ry@qq.com",
+          "status": 0,
+          "id": 103,
+          "createTime": 1609837427000
+        },
+        {
+          "name": "市场部门",
+          "parentId": 102,
+          "sort": 1,
+          "leaderUserId": null,
+          "phone": "15888888888",
+          "email": "ry@qq.com",
+          "status": 0,
+          "id": 108,
+          "createTime": 1609837427000
+        },
+        {
+          "name": "新部门",
+          "parentId": 0,
+          "sort": 1,
+          "leaderUserId": null,
+          "phone": null,
+          "email": null,
+          "status": 0,
+          "id": 110,
+          "createTime": 1645620390000
+        },
+        {
+          "name": "顶级部门",
+          "parentId": 0,
+          "sort": 1,
+          "leaderUserId": null,
+          "phone": null,
+          "email": null,
+          "status": 0,
+          "id": 111,
+          "createTime": 1646660690000
+        },
+        {
+          "name": "长沙分公司",
+          "parentId": 100,
+          "sort": 2,
+          "leaderUserId": null,
+          "phone": "15888888888",
+          "email": "ry@qq.com",
+          "status": 0,
+          "id": 102,
+          "createTime": 1609837427000
+        },
+        {
+          "name": "市场部门",
+          "parentId": 101,
+          "sort": 2,
+          "leaderUserId": null,
+          "phone": "15888888888",
+          "email": "ry@qq.com",
+          "status": 0,
+          "id": 104,
+          "createTime": 1609837427000
+        },
+        {
+          "name": "财务部门",
+          "parentId": 102,
+          "sort": 2,
+          "leaderUserId": null,
+          "phone": "15888888888",
+          "email": "ry@qq.com",
+          "status": 0,
+          "id": 109,
+          "createTime": 1609837427000
+        },
+        {
+          "name": "测试部门",
+          "parentId": 101,
+          "sort": 3,
+          "leaderUserId": null,
+          "phone": "15888888888",
+          "email": "ry@qq.com",
+          "status": 0,
+          "id": 105,
+          "createTime": 1609837427000
+        },
+        {
+          "name": "财务部门",
+          "parentId": 101,
+          "sort": 4,
+          "leaderUserId": 103,
+          "phone": "15888888888",
+          "email": "ry@qq.com",
+          "status": 0,
+          "id": 106,
+          "createTime": 1609837427000
+        },
+        {
+          "name": "运维部门",
+          "parentId": 101,
+          "sort": 5,
+          "leaderUserId": null,
+          "phone": "15888888888",
+          "email": "ry@qq.com",
+          "status": 0,
+          "id": 107,
+          "createTime": 1609837427000
+        }
+      ],
+      bind: {
+        border: true,
+        height: 300,
+        align: null,
+        columnConfig: {
+          resizable: true
+        },
+        treeConfig: {
+          transform: true,
+          rowField: 'id', parentField: 'parentId'
+        },
+        columns: [
+          {
+            field: 'id',
+            treeNode:true,
+            title: 'id',
+          },
+          {
+            field: 'name',
+            title: '部门名称',
+          }, {
+            field: 'leader',
+            title: '负责人',
+          }, {
+            field: 'sort',
+            title: '排序',
+          }, {
+            field: 'status',
+            title: 'status',
+          },
+        ],
+        toolbarConfig: {
+          slots: {
+            buttons: 'toolbar_buttons'
+          }
+        },
+      }
+    }
+  },
+
+  methods: {
+    resize(newRect) {
+      this.width = newRect.width;
+      this.height = newRect.height;
+      this.top = newRect.top;
+      this.left = newRect.left;
+    }
+  }
+}
+</script>

package/src/views/table/preview/index.vue

@@ -0,0 +1,29 @@
+<template>
+    <el-dialog
+        v-model="dialogVisible"
+        style="height: 100vh;width:100%"
+        fullscreen destroy-on-close>
+      <model-index :http="http" v-if="uuid" :uuid="uuid"/>
+    </el-dialog>
+</template>
+<script>
+
+import ModelIndex from "@/components/table/model/model-index.vue";
+
+export default {
+  name: 'preview',
+  components: {ModelIndex},
+  inject: ['http'],
+  data() {
+    return {
+      dialogVisible: false,
+      uuid:'',
+    }
+  }, methods: {
+    init(uuid){
+      this.dialogVisible = true;
+      this.uuid = uuid
+    }
+  }
+}
+</script>

package/src/views/tree/components/config-core-data.vue

@@ -0,0 +1,85 @@
+<!--
+代码生成时间:
+2024-04-30 09:43:03
+-->
+
+<template>
+  <el-form ref="formRef" :model="$attrs.formData" :rules="rules" label-width="100px" class="el-form-globals"
+           labelAlign="label-right-align" @submit.prevent>
+    <el-row>
+      <el-col :span="8">
+        <el-form-item label="树配置名称" prop="configName">
+          <el-input v-model="$attrs.formData.configName" clearable/>
+        </el-form-item>
+      </el-col>
+
+      <el-col :span="8">
+        <el-form-item label="数据源" prop="dbName">
+          <olDictTag v-model="$attrs.formData.dbName" :clearable="false" code="db_name"/>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="8">
+        <el-form-item label="转换驼峰" prop="hump">
+          <olDictTag v-model="$attrs.formData.hump" type="radio" border code="converting_hump"/>
+        </el-form-item>
+      </el-col>
+      <el-col :span="8">
+        <el-form-item label="数据源类型" prop="dataSource">
+          <olDictTag v-model="$attrs.formData.dataSource" type="radio" border code="tree_data_type"/>
+        </el-form-item>
+      </el-col>
+    </el-row>
+    <el-form-item label="查询表格" prop="table" v-if="$attrs.formData.dataSource == 0">
+      <config-core-table ref="configTable"/>
+    </el-form-item>
+    <el-form-item label="执行SQL" prop="executeSql" v-if="$attrs.formData.dataSource != 2">
+      <el-input type="textarea" v-model="$attrs.formData.executeSql" rows="3"></el-input>
+    </el-form-item>
+    <el-form-item label="where条件" prop="executeWhere" v-if="$attrs.formData.dataSource != 2">
+      <el-input v-model="$attrs.formData.executeWhere" type="text" clearable></el-input>
+    </el-form-item>
+    <el-form-item label="排序" prop="orderBy" v-if="$attrs.formData.dataSource != 2">
+      <el-input v-model="$attrs.formData.orderBy" type="text" clearable></el-input>
+    </el-form-item>
+    <el-form-item label="默认参数" prop="parameterDefault" v-if="$attrs.formData.dataSource != 2">
+      <el-input v-model="$attrs.formData.parameterDefault" type="text" clearable></el-input>
+    </el-form-item>
+    <el-form-item label="API" prop="api" v-if="$attrs.formData.dataSource == 2">
+      <el-input v-model="$attrs.formData.api" type="text" clearable></el-input>
+    </el-form-item>
+    <el-button type="primary" @click="$emit('syncTable')">同步预览数据</el-button>
+    <el-button type="primary" status="success"
+               @click="$refs.configTable.setFieldConfig(true)">字段配置
+    </el-button>
+  </el-form>
+
+</template>
+
+<script>
+import ConfigCoreTable from "@/views/tree/components/config-core-table.vue";
+
+export default {
+  name: 'configCodeData',
+  components: {ConfigCoreTable},
+  data() {
+    return {
+      rules: {
+        configName: [
+          {required: true, message: '请输入配置名称', trigger: 'blur'},
+        ],
+        executeSql: [
+          {required: true, message: '请输入执行SQL', trigger: 'blur'},
+        ],
+        api: [
+          {required: true, message: '请输入API', trigger: 'blur'},
+        ],
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>