ylyx-cli 1.0.14 → 1.0.16

package/templates/vue-app/files/src/views/generator/index.vue

@@ -1,143 +1,143 @@
-<template>
-  <div class="app-container">
-    <!--工具栏-->
-    <div class="head-container">
-      <div v-if="crud.props.searchToggle">
-        <el-input
-          v-model="query.name"
-          clearable
-          size="small"
-          placeholder="请输入表名"
-          style="width: 200px"
-          class="filter-item"
-          @keyup.enter.native="crud.toQuery" />
-        <rrOperation />
-      </div>
-      <crudOperation>
-        <el-tooltip
-          slot="right"
-          class="item"
-          effect="dark"
-          content="数据库中表字段变动时使用该功能"
-          placement="top-start">
-          <el-button
-            class="filter-item"
-            size="mini"
-            type="success"
-            icon="el-icon-refresh"
-            :loading="syncLoading"
-            :disabled="crud.selections.length === 0"
-            @click="sync"
-            >同步</el-button
-          >
-        </el-tooltip>
-      </crudOperation>
-    </div>
-    <!--表格渲染-->
-    <el-table
-      ref="table"
-      v-loading="crud.loading"
-      :data="crud.data"
-      style="width: 100%"
-      @selection-change="crud.selectionChangeHandler">
-      <el-table-column type="selection" width="55" />
-      <el-table-column :show-overflow-tooltip="true" prop="tableName" label="表名" />
-      <el-table-column :show-overflow-tooltip="true" prop="engine" label="数据库引擎" />
-      <el-table-column :show-overflow-tooltip="true" prop="coding" label="字符编码集" />
-      <el-table-column :show-overflow-tooltip="true" prop="remark" label="备注" />
-      <el-table-column prop="createTime" label="创建日期" />
-      <el-table-column label="操作" width="160px" align="center" fixed="right">
-        <template slot-scope="scope">
-          <el-button size="mini" style="margin-right: 2px" type="text">
-            <router-link :to="'/sys-tools/generator/preview/' + scope.row.tableName">
-              预览
-            </router-link>
-          </el-button>
-          <el-button
-            size="mini"
-            style="margin-left: -1px; margin-right: 2px"
-            type="text"
-            @click="toDownload(scope.row.tableName)"
-            >下载</el-button
-          >
-          <el-button size="mini" style="margin-left: -1px; margin-right: 2px" type="text">
-            <router-link :to="'/sys-tools/generator/config/' + scope.row.tableName">
-              配置
-            </router-link>
-          </el-button>
-          <el-button
-            type="text"
-            style="margin-left: -1px"
-            size="mini"
-            @click="toGen(scope.row.tableName)"
-            >生成</el-button
-          >
-        </template>
-      </el-table-column>
-    </el-table>
-    <!--分页组件-->
-    <pagination />
-  </div>
-</template>
-
-<script>
-import { generator, sync } from '@/api/generator/generator';
-import { downloadFile } from '@/utils/index';
-import CRUD, { presenter, header } from '@crud/crud';
-import rrOperation from '@crud/RR.operation';
-import crudOperation from '@crud/CRUD.operation';
-import pagination from '@crud/Pagination';
-
-export default {
-  name: 'GeneratorIndex',
-  components: { pagination, crudOperation, rrOperation },
-  cruds() {
-    return CRUD({ url: 'api/generator/tables' });
-  },
-  mixins: [presenter(), header()],
-  data() {
-    return {
-      syncLoading: false,
-    };
-  },
-  created() {
-    this.crud.optShow = { add: false, edit: false, del: false, download: false };
-  },
-  methods: {
-    toGen(tableName) {
-      // 生成代码
-      generator(tableName, 0).then(data => {
-        this.$notify({
-          title: '生成成功',
-          type: 'success',
-          duration: 2500,
-        });
-      });
-    },
-    toDownload(tableName) {
-      // 打包下载
-      generator(tableName, 2).then(data => {
-        downloadFile(data, tableName, 'zip');
-      });
-    },
-    sync() {
-      const tables = [];
-      this.crud.selections.forEach(val => {
-        tables.push(val.tableName);
-      });
-      this.syncLoading = true;
-      sync(tables)
-        .then(() => {
-          this.crud.refresh();
-          this.crud.notify('同步成功', CRUD.NOTIFICATION_TYPE.SUCCESS);
-          this.syncLoading = false;
-        })
-        .then(() => {
-          this.syncLoading = false;
-        });
-    },
-  },
-};
-</script>
-
-<style scoped></style>
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <el-input
+          v-model="query.name"
+          clearable
+          size="small"
+          placeholder="请输入表名"
+          style="width: 200px"
+          class="filter-item"
+          @keyup.enter.native="crud.toQuery" />
+        <rrOperation />
+      </div>
+      <crudOperation>
+        <el-tooltip
+          slot="right"
+          class="item"
+          effect="dark"
+          content="数据库中表字段变动时使用该功能"
+          placement="top-start">
+          <el-button
+            class="filter-item"
+            size="mini"
+            type="success"
+            icon="el-icon-refresh"
+            :loading="syncLoading"
+            :disabled="crud.selections.length === 0"
+            @click="sync"
+            >同步</el-button
+          >
+        </el-tooltip>
+      </crudOperation>
+    </div>
+    <!--表格渲染-->
+    <el-table
+      ref="table"
+      v-loading="crud.loading"
+      :data="crud.data"
+      style="width: 100%"
+      @selection-change="crud.selectionChangeHandler">
+      <el-table-column type="selection" width="55" />
+      <el-table-column :show-overflow-tooltip="true" prop="tableName" label="表名" />
+      <el-table-column :show-overflow-tooltip="true" prop="engine" label="数据库引擎" />
+      <el-table-column :show-overflow-tooltip="true" prop="coding" label="字符编码集" />
+      <el-table-column :show-overflow-tooltip="true" prop="remark" label="备注" />
+      <el-table-column prop="createTime" label="创建日期" />
+      <el-table-column label="操作" width="160px" align="center" fixed="right">
+        <template slot-scope="scope">
+          <el-button size="mini" style="margin-right: 2px" type="text">
+            <router-link :to="'/sys-tools/generator/preview/' + scope.row.tableName">
+              预览
+            </router-link>
+          </el-button>
+          <el-button
+            size="mini"
+            style="margin-left: -1px; margin-right: 2px"
+            type="text"
+            @click="toDownload(scope.row.tableName)"
+            >下载</el-button
+          >
+          <el-button size="mini" style="margin-left: -1px; margin-right: 2px" type="text">
+            <router-link :to="'/sys-tools/generator/config/' + scope.row.tableName">
+              配置
+            </router-link>
+          </el-button>
+          <el-button
+            type="text"
+            style="margin-left: -1px"
+            size="mini"
+            @click="toGen(scope.row.tableName)"
+            >生成</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <!--分页组件-->
+    <pagination />
+  </div>
+</template>
+
+<script>
+import { generator, sync } from '@/api/generator/generator';
+import { downloadFile } from '@/utils/index';
+import CRUD, { presenter, header } from '@crud/crud';
+import rrOperation from '@crud/RR.operation';
+import crudOperation from '@crud/CRUD.operation';
+import pagination from '@crud/Pagination';
+
+export default {
+  name: 'GeneratorIndex',
+  components: { pagination, crudOperation, rrOperation },
+  cruds() {
+    return CRUD({ url: 'api/generator/tables' });
+  },
+  mixins: [presenter(), header()],
+  data() {
+    return {
+      syncLoading: false,
+    };
+  },
+  created() {
+    this.crud.optShow = { add: false, edit: false, del: false, download: false };
+  },
+  methods: {
+    toGen(tableName) {
+      // 生成代码
+      generator(tableName, 0).then(data => {
+        this.$notify({
+          title: '生成成功',
+          type: 'success',
+          duration: 2500,
+        });
+      });
+    },
+    toDownload(tableName) {
+      // 打包下载
+      generator(tableName, 2).then(data => {
+        downloadFile(data, tableName, 'zip');
+      });
+    },
+    sync() {
+      const tables = [];
+      this.crud.selections.forEach(val => {
+        tables.push(val.tableName);
+      });
+      this.syncLoading = true;
+      sync(tables)
+        .then(() => {
+          this.crud.refresh();
+          this.crud.notify('同步成功', CRUD.NOTIFICATION_TYPE.SUCCESS);
+          this.syncLoading = false;
+        })
+        .then(() => {
+          this.syncLoading = false;
+        });
+    },
+  },
+};
+</script>
+
+<style scoped></style>

package/templates/vue-app/files/src/views/generator/preview.vue

@@ -1,39 +1,39 @@
-<template>
-  <el-tabs v-model="activeName" type="card">
-    <el-tab-pane
-      v-for="item in data"
-      :key="item.name"
-      :lazy="true"
-      :label="item.name"
-      :name="item.name">
-      <Java :value="item.content" :height="height" />
-    </el-tab-pane>
-  </el-tabs>
-</template>
-
-<script>
-import Java from '@/components/JavaEdit/index';
-import { generator } from '@/api/generator/generator';
-export default {
-  name: 'Preview',
-  components: { Java },
-  data() {
-    return {
-      data: null,
-      height: '',
-      activeName: 'Entity',
-    };
-  },
-  created() {
-    this.height = document.documentElement.clientHeight - 180 + 'px';
-    const tableName = this.$route.params.tableName;
-    generator(tableName, 1)
-      .then(data => {
-        this.data = data;
-      })
-      .catch(() => {
-        this.$router.go(-1);
-      });
-  },
-};
-</script>
+<template>
+  <el-tabs v-model="activeName" type="card">
+    <el-tab-pane
+      v-for="item in data"
+      :key="item.name"
+      :lazy="true"
+      :label="item.name"
+      :name="item.name">
+      <Java :value="item.content" :height="height" />
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+import Java from '@/components/JavaEdit/index';
+import { generator } from '@/api/generator/generator';
+export default {
+  name: 'Preview',
+  components: { Java },
+  data() {
+    return {
+      data: null,
+      height: '',
+      activeName: 'Entity',
+    };
+  },
+  created() {
+    this.height = document.documentElement.clientHeight - 180 + 'px';
+    const tableName = this.$route.params.tableName;
+    generator(tableName, 1)
+      .then(data => {
+        this.data = data;
+      })
+      .catch(() => {
+        this.$router.go(-1);
+      });
+  },
+};
+</script>

package/templates/vue-app/files/src/views/home.vue

@@ -1,80 +1,80 @@
-<template>
-  <div class="dashboard-container"></div>
-</template>
-
-<script>
-import GithubCorner from '@/components/GithubCorner';
-import PanelGroup from './dashboard/PanelGroup';
-import LineChart from './dashboard/LineChart';
-import RadarChart from '@/components/Echarts/RadarChart';
-import PieChart from '@/components/Echarts/PieChart';
-import BarChart from '@/components/Echarts/BarChart';
-
-const lineChartData = {
-  newVisitis: {
-    expectedData: [100, 120, 161, 134, 105, 160, 165],
-    actualData: [120, 82, 91, 154, 162, 140, 145],
-  },
-  messages: {
-    expectedData: [200, 192, 120, 144, 160, 130, 140],
-    actualData: [180, 160, 151, 106, 145, 150, 130],
-  },
-  purchases: {
-    expectedData: [80, 100, 121, 104, 105, 90, 100],
-    actualData: [120, 90, 100, 138, 142, 130, 130],
-  },
-  shoppings: {
-    expectedData: [130, 140, 141, 142, 145, 150, 160],
-    actualData: [120, 82, 91, 154, 162, 140, 130],
-  },
-};
-
-export default {
-  name: 'Dashboard',
-  components: {
-    GithubCorner,
-    PanelGroup,
-    LineChart,
-    RadarChart,
-    PieChart,
-    BarChart,
-  },
-  data() {
-    return {
-      lineChartData: lineChartData.newVisitis,
-    };
-  },
-  methods: {
-    handleSetLineChartData(type) {
-      this.lineChartData = lineChartData[type];
-    },
-  },
-};
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-.dashboard-editor-container {
-  padding: 32px;
-  background-color: rgb(240, 242, 245);
-  position: relative;
-
-  .github-corner {
-    position: absolute;
-    top: 0;
-    border: 0;
-    right: 0;
-  }
-
-  .chart-wrapper {
-    background: #fff;
-    padding: 16px 16px 0;
-    margin-bottom: 32px;
-  }
-}
-
-@media (max-width: 1024px) {
-  .chart-wrapper {
-    padding: 8px;
-  }
-}
-</style>
+<template>
+  <div class="dashboard-container"></div>
+</template>
+
+<script>
+import GithubCorner from '@/components/GithubCorner';
+import PanelGroup from './dashboard/PanelGroup';
+import LineChart from './dashboard/LineChart';
+import RadarChart from '@/components/Echarts/RadarChart';
+import PieChart from '@/components/Echarts/PieChart';
+import BarChart from '@/components/Echarts/BarChart';
+
+const lineChartData = {
+  newVisitis: {
+    expectedData: [100, 120, 161, 134, 105, 160, 165],
+    actualData: [120, 82, 91, 154, 162, 140, 145],
+  },
+  messages: {
+    expectedData: [200, 192, 120, 144, 160, 130, 140],
+    actualData: [180, 160, 151, 106, 145, 150, 130],
+  },
+  purchases: {
+    expectedData: [80, 100, 121, 104, 105, 90, 100],
+    actualData: [120, 90, 100, 138, 142, 130, 130],
+  },
+  shoppings: {
+    expectedData: [130, 140, 141, 142, 145, 150, 160],
+    actualData: [120, 82, 91, 154, 162, 140, 130],
+  },
+};
+
+export default {
+  name: 'Dashboard',
+  components: {
+    GithubCorner,
+    PanelGroup,
+    LineChart,
+    RadarChart,
+    PieChart,
+    BarChart,
+  },
+  data() {
+    return {
+      lineChartData: lineChartData.newVisitis,
+    };
+  },
+  methods: {
+    handleSetLineChartData(type) {
+      this.lineChartData = lineChartData[type];
+    },
+  },
+};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.dashboard-editor-container {
+  padding: 32px;
+  background-color: rgb(240, 242, 245);
+  position: relative;
+
+  .github-corner {
+    position: absolute;
+    top: 0;
+    border: 0;
+    right: 0;
+  }
+
+  .chart-wrapper {
+    background: #fff;
+    padding: 16px 16px 0;
+    margin-bottom: 32px;
+  }
+}
+
+@media (max-width: 1024px) {
+  .chart-wrapper {
+    padding: 8px;
+  }
+}
+</style>