lambo-design-bi 0.0.281 → 0.0.282

package/bi/designer/index.vue

@@ -1,185 +1,185 @@
-<template>
-  <el-container class="designer-container" direction="vertical">
-    <!-- 顶部标题栏 -->
-    <!-- <el-header class="header">
-      <span>物流查询设计器</span>
-    </el-header> -->
-
-    <!-- 主体内容区 -->
-    <el-container class="main-content">
-      <!-- 左侧面板 -->
-      <el-aside class="left-panel" width="200px">
-        <div class="panel-header">
-          <el-tabs v-model="leftActiveTab" stretch>
-            <el-tab-pane label="控件" name="control"></el-tab-pane>
-            <el-tab-pane label="模板" name="template"></el-tab-pane>
-          </el-tabs>
-        </div>
-        <div class="panel-content"></div>
-      </el-aside>
-
-      <!-- 中间设计区 -->
-      <el-container direction="vertical" class="center-container">
-        <!-- 中间头部 -->
-        <el-header class="center-header">
-          <!-- 左侧分组 -->
-          <div class="toolbar-left">
-            <i class="el-icon-back"></i>
-            <i class="el-icon-right"></i>
-            <el-radio-group v-model="device" size="small">
-              <el-radio-button label="PC"></el-radio-button>
-              <el-radio-button label="Pad"></el-radio-button>
-              <el-radio-button label="H5"></el-radio-button>
-            </el-radio-group>
-            <el-button size="small" icon="el-icon-s-grid">树</el-button>
-          </div>
-
-          <!-- 右侧按钮组 -->
-          <div class="toolbar-right">
-            <el-button size="small">清空</el-button>
-            <el-button size="small">预览</el-button>
-            <el-button size="small">导入JSON</el-button>
-            <el-button size="small" type="primary">导出JSON</el-button>
-            <el-button size="small" type="success">导出代码</el-button>
-            <!-- <el-button size="small" type="warning">生成SFC</el-button> -->
-          </div>
-        </el-header>
-
-        <!-- 中间主体 -->
-        <el-main class="center-panel">
-          <div class="canvas">
-            请从左侧列表中选择一个组件，然后用鼠标拖动组件放置于此处。
-          </div>
-        </el-main>
-      </el-container>
-
-      <!-- 右侧面板 -->
-      <el-aside class="right-panel" width="250px">
-        <div class="panel-header">
-          <el-tabs v-model="rightActiveTab" stretch>
-            <el-tab-pane label="组件设置" name="component"></el-tab-pane>
-            <el-tab-pane label="表单设置" name="form"></el-tab-pane>
-          </el-tabs>
-        </div>
-        <div class="panel-content"></div>
-      </el-aside>
-    </el-container>
-  </el-container>
-</template>
-
-<script>
-export default {
-  name: 'BiDesigner',
-  data() {
-    return {
-      leftActiveTab: 'control',
-      rightActiveTab: 'component',
-      device: 'PC'
-    }
-  }
-}
-</script>
-
-<style scoped>
-.designer-container {
-  height: 100vh;
-  width: 100vw;
-}
-
-/* .header {
-  height: 32px;
-  line-height: 32px;
-  padding-left: 20px;
-  border-bottom: 1px solid #dcdfe6;
-  background: #fff;
-  font-size: 16px;
-  font-weight: bold;
-} */
-
-.main-content {
-  height: calc(100vh - 48px);
-  min-width: 1024px;
-}
-
-.left-panel {
-  border-right: 1px solid #dcdfe6;
-  background: #fff;
-}
-
-.panel-header {
-  border-bottom: 1px solid #dcdfe6;
-  height: 40px;
-}
-
-.panel-content {
-  flex: 1;
-  overflow-y: auto;
-  padding: 16px;
-}
-
-.center-container {
-  flex: 1;
-  min-width: 500px;
-}
-
-.center-header {
-  height: 40px;
-  min-height: 40px;
-  line-height: 40px;
-  padding: 0 12px;
-  border-bottom: 1px solid #dcdfe6;
-  background: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.toolbar-left {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.toolbar-left i {
-  font-size: 14px;
-  color: #606266;
-  cursor: pointer;
-  line-height: 1;
-}
-
-.toolbar-right {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-/* 调整按钮间距和内边距 */
-.toolbar-right .el-button {
-  padding: 6px 10px;
-}
-
-.center-panel {
-  padding: 20px;
-  background: #f5f7fa;
-}
-
-.canvas {
-  width: 100%;
-  height: 100%;
-  background: #fff;
-  border: 1px solid #dcdfe6;
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #909399;
-  font-size: 14px;
-  text-align: center;
-  padding: 40px;
-}
-
-.right-panel {
-  border-left: 1px solid #dcdfe6;
-  background: #fff;
-}
+<template>
+  <el-container class="designer-container" direction="vertical">
+    <!-- 顶部标题栏 -->
+    <!-- <el-header class="header">
+      <span>物流查询设计器</span>
+    </el-header> -->
+
+    <!-- 主体内容区 -->
+    <el-container class="main-content">
+      <!-- 左侧面板 -->
+      <el-aside class="left-panel" width="200px">
+        <div class="panel-header">
+          <el-tabs v-model="leftActiveTab" stretch>
+            <el-tab-pane label="控件" name="control"></el-tab-pane>
+            <el-tab-pane label="模板" name="template"></el-tab-pane>
+          </el-tabs>
+        </div>
+        <div class="panel-content"></div>
+      </el-aside>
+
+      <!-- 中间设计区 -->
+      <el-container direction="vertical" class="center-container">
+        <!-- 中间头部 -->
+        <el-header class="center-header">
+          <!-- 左侧分组 -->
+          <div class="toolbar-left">
+            <i class="el-icon-back"></i>
+            <i class="el-icon-right"></i>
+            <el-radio-group v-model="device" size="small">
+              <el-radio-button label="PC"></el-radio-button>
+              <el-radio-button label="Pad"></el-radio-button>
+              <el-radio-button label="H5"></el-radio-button>
+            </el-radio-group>
+            <el-button size="small" icon="el-icon-s-grid">树</el-button>
+          </div>
+
+          <!-- 右侧按钮组 -->
+          <div class="toolbar-right">
+            <el-button size="small">清空</el-button>
+            <el-button size="small">预览</el-button>
+            <el-button size="small">导入JSON</el-button>
+            <el-button size="small" type="primary">导出JSON</el-button>
+            <el-button size="small" type="success">导出代码</el-button>
+            <!-- <el-button size="small" type="warning">生成SFC</el-button> -->
+          </div>
+        </el-header>
+
+        <!-- 中间主体 -->
+        <el-main class="center-panel">
+          <div class="canvas">
+            请从左侧列表中选择一个组件，然后用鼠标拖动组件放置于此处。
+          </div>
+        </el-main>
+      </el-container>
+
+      <!-- 右侧面板 -->
+      <el-aside class="right-panel" width="250px">
+        <div class="panel-header">
+          <el-tabs v-model="rightActiveTab" stretch>
+            <el-tab-pane label="组件设置" name="component"></el-tab-pane>
+            <el-tab-pane label="表单设置" name="form"></el-tab-pane>
+          </el-tabs>
+        </div>
+        <div class="panel-content"></div>
+      </el-aside>
+    </el-container>
+  </el-container>
+</template>
+
+<script>
+export default {
+  name: 'BiDesigner',
+  data() {
+    return {
+      leftActiveTab: 'control',
+      rightActiveTab: 'component',
+      device: 'PC'
+    }
+  }
+}
+</script>
+
+<style scoped>
+.designer-container {
+  height: 100vh;
+  width: 100vw;
+}
+
+/* .header {
+  height: 32px;
+  line-height: 32px;
+  padding-left: 20px;
+  border-bottom: 1px solid #dcdfe6;
+  background: #fff;
+  font-size: 16px;
+  font-weight: bold;
+} */
+
+.main-content {
+  height: calc(100vh - 48px);
+  min-width: 1024px;
+}
+
+.left-panel {
+  border-right: 1px solid #dcdfe6;
+  background: #fff;
+}
+
+.panel-header {
+  border-bottom: 1px solid #dcdfe6;
+  height: 40px;
+}
+
+.panel-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+}
+
+.center-container {
+  flex: 1;
+  min-width: 500px;
+}
+
+.center-header {
+  height: 40px;
+  min-height: 40px;
+  line-height: 40px;
+  padding: 0 12px;
+  border-bottom: 1px solid #dcdfe6;
+  background: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.toolbar-left {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.toolbar-left i {
+  font-size: 14px;
+  color: #606266;
+  cursor: pointer;
+  line-height: 1;
+}
+
+.toolbar-right {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+/* 调整按钮间距和内边距 */
+.toolbar-right .el-button {
+  padding: 6px 10px;
+}
+
+.center-panel {
+  padding: 20px;
+  background: #f5f7fa;
+}
+
+.canvas {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #909399;
+  font-size: 14px;
+  text-align: center;
+  padding: 40px;
+}
+
+.right-panel {
+  border-left: 1px solid #dcdfe6;
+  background: #fff;
+}
 </style>

package/bi/designer/widget-panel/config.js

@@ -1,76 +1,76 @@
-
-export const widgetConfigs = [
-  {
-    type: '32',
-    options: {
-      name: '行布局',
-      gutter: 5 // 间隔单位px
-    }
-  },
-  {
-    type: '33',
-    options: {
-      name: '列布局',
-      width: 12   // 24格布局
-    }
-  },
-  {
-    type: '40',
-    options: {
-      name: '容器卡片',
-      title: '',
-      style: '' // 样式的json字符串
-    }
-  },
-  {
-    type: '41',
-    options: {
-      name: '数字指标',
-      title: '',
-      apiId: '',
-      toPageId: '',
-      toRouteName: '',
-      idxBizCode: '',
-      defTabActive: '0'
-    }
-  },
-  {
-    type: '46',
-    widgets: [], // TODO 这个地方详情不全
-    options: {
-      name: '文字指标组',
-      title: ''
-    }
-  },
-  {
-    type: '50',
-    options: {
-      name: '表格',
-      title: '',
-      apiId: '',
-      columns: '',
-      isPaging: '',
-      pageSize: '',
-      isPageSum: '',
-      isAllSum: '',
-      type: ''
-    }
-  },
-  {
-    type: '51',
-    options: {
-      name: '明细表格',
-      apiId: '',
-      columns: ''
-    }
-  },
-  {
-    type: '60',
-    options: {
-      name: '图表',
-      title: '',
-      apiId: '',
-      noteApiId: ''
-    }
-  }
+
+export const widgetConfigs = [
+  {
+    type: '32',
+    options: {
+      name: '行布局',
+      gutter: 5 // 间隔单位px
+    }
+  },
+  {
+    type: '33',
+    options: {
+      name: '列布局',
+      width: 12   // 24格布局
+    }
+  },
+  {
+    type: '40',
+    options: {
+      name: '容器卡片',
+      title: '',
+      style: '' // 样式的json字符串
+    }
+  },
+  {
+    type: '41',
+    options: {
+      name: '数字指标',
+      title: '',
+      apiId: '',
+      toPageId: '',
+      toRouteName: '',
+      idxBizCode: '',
+      defTabActive: '0'
+    }
+  },
+  {
+    type: '46',
+    widgets: [], // TODO 这个地方详情不全
+    options: {
+      name: '文字指标组',
+      title: ''
+    }
+  },
+  {
+    type: '50',
+    options: {
+      name: '表格',
+      title: '',
+      apiId: '',
+      columns: '',
+      isPaging: '',
+      pageSize: '',
+      isPageSum: '',
+      isAllSum: '',
+      type: ''
+    }
+  },
+  {
+    type: '51',
+    options: {
+      name: '明细表格',
+      apiId: '',
+      columns: ''
+    }
+  },
+  {
+    type: '60',
+    options: {
+      name: '图表',
+      title: '',
+      apiId: '',
+      noteApiId: ''
+    }
+  }
 ]

package/bi/designer/widget-panel/index.vue

@@ -1,37 +1,37 @@
-<template>
-  <el-tabs type="card" v-model="activeName" @tab-click="handleClick">
-    <el-tab-pane label="控件" name="wd">
-      
-    </el-tab-pane>
-    <el-tab-pane label="模板" name="tm">
-      模板
-    </el-tab-pane>
-  </el-tabs>
-</template>
-<script>
-
-export default {
-  name: "DsWidgetPanel",
-  data() {
-    return {
-      activeName: 'wd'
-    }
-  },
-  methods: {
-    handleClick(tab, event) {
-      console.log(tab, event)
-    }
-  }
-};
-</script>
-<style scoped>
-/* .no-bottom-margin ::v-deep .el-tabs__header {
-  margin-bottom: 0;
-}
-
-.indent-left-margin {
-  ::v-deep .el-tabs__nav {
-    margin-left: 20px;
-  }
-} */
+<template>
+  <el-tabs type="card" v-model="activeName" @tab-click="handleClick">
+    <el-tab-pane label="控件" name="wd">
+      
+    </el-tab-pane>
+    <el-tab-pane label="模板" name="tm">
+      模板
+    </el-tab-pane>
+  </el-tabs>
+</template>
+<script>
+
+export default {
+  name: "DsWidgetPanel",
+  data() {
+    return {
+      activeName: 'wd'
+    }
+  },
+  methods: {
+    handleClick(tab, event) {
+      console.log(tab, event)
+    }
+  }
+};
+</script>
+<style scoped>
+/* .no-bottom-margin ::v-deep .el-tabs__header {
+  margin-bottom: 0;
+}
+
+.indent-left-margin {
+  ::v-deep .el-tabs__nav {
+    margin-left: 20px;
+  }
+} */
 </style>

package/bi/widget/README.md

@@ -1,18 +1,18 @@
-## 自定义配置查询功能组件路径
-### common(普通组件)
-#### charts(图表)
-
----
-### widget(需要配置的组件)
-#### layout(布局)
-- row 行布局
-- col 列布局
-
-#### table(表格)
-- paging-table 分页表格
-
-#### container(容器)
-
-
-
-
+## 自定义配置查询功能组件路径
+### common(普通组件)
+#### charts(图表)
+
+---
+### widget(需要配置的组件)
+#### layout(布局)
+- row 行布局
+- col 列布局
+
+#### table(表格)
+- paging-table 分页表格
+
+#### container(容器)
+
+
+
+