ylyx-cli 1.0.16 → 1.1.0

package/templates/vue-app/files/src/views/tools/storage/qiniu/index.vue

@@ -1,241 +1,241 @@
-<template>
-  <div class="app-container" style="padding: 8px">
-    <!--表单组件-->
-    <eForm ref="form" />
-    <!-- 工具栏 -->
-    <div class="head-container">
-      <div v-if="crud.props.searchToggle">
-        <!-- 搜索 -->
-        <el-input
-          v-model="query.key"
-          clearable
-          size="small"
-          placeholder="输入文件名称搜索"
-          style="width: 200px"
-          class="filter-item"
-          @keyup.enter.native="toQuery" />
-        <date-range-picker v-model="query.createTime" class="date-item" />
-        <rrOperation />
-      </div>
-      <crudOperation :permission="permission">
-        <template slot="left">
-          <!-- 上传 -->
-          <el-button
-            class="filter-item"
-            size="mini"
-            type="primary"
-            icon="el-icon-upload"
-            @click="dialog = true"
-            >上传</el-button
-          >
-          <!-- 同步 -->
-          <el-button
-            :icon="icon"
-            class="filter-item"
-            size="mini"
-            type="warning"
-            @click="synchronize"
-            >同步</el-button
-          >
-          <!-- 配置 -->
-          <el-button
-            class="filter-item"
-            size="mini"
-            type="success"
-            icon="el-icon-s-tools"
-            @click="doConfig"
-            >配置</el-button
-          >
-        </template>
-      </crudOperation>
-      <!-- 文件上传 -->
-      <el-dialog
-        :visible.sync="dialog"
-        :close-on-click-modal="false"
-        append-to-body
-        width="500px"
-        @close="doSubmit">
-        <el-upload
-          :before-remove="handleBeforeRemove"
-          :on-success="handleSuccess"
-          :on-error="handleError"
-          :file-list="fileList"
-          :headers="headers"
-          :action="qiNiuUploadApi"
-          class="upload-demo"
-          multiple>
-          <el-button size="small" type="primary">点击上传</el-button>
-          <div slot="tip" style="display: block" class="el-upload__tip">
-            请勿上传违法文件，且文件不超过15M
-          </div>
-        </el-upload>
-        <div slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="doSubmit">确认</el-button>
-        </div>
-      </el-dialog>
-      <!--表格渲染-->
-      <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 prop="name" :show-overflow-tooltip="true" label="文件名">
-          <template slot-scope="scope">
-            <a
-              href="JavaScript:"
-              class="el-link el-link--primary"
-              target="_blank"
-              type="primary"
-              @click="download(scope.row.id)"
-              >{{ scope.row.key }}</a
-            >
-          </template>
-        </el-table-column>
-        <el-table-column
-          :show-overflow-tooltip="true"
-          prop="suffix"
-          label="文件类型"
-          @selection-change="crud.selectionChangeHandler" />
-        <el-table-column prop="bucket" label="空间名称" />
-        <el-table-column prop="size" label="文件大小" />
-        <el-table-column prop="type" label="空间类型" />
-        <el-table-column prop="updateTime" label="创建日期" />
-      </el-table>
-      <!--分页组件-->
-      <pagination />
-    </div>
-  </div>
-</template>
-
-<script>
-import crudQiNiu from '@/api/tools/qiniu';
-import { mapGetters } from 'vuex';
-import { getToken } from '@/utils/auth';
-import eForm from './form';
-import CRUD, { presenter, header, crud } from '@crud/crud';
-import rrOperation from '@crud/RR.operation';
-import crudOperation from '@crud/CRUD.operation';
-import pagination from '@crud/Pagination';
-import DateRangePicker from '@/components/DateRangePicker';
-
-export default {
-  components: { eForm, pagination, crudOperation, rrOperation, DateRangePicker },
-  cruds() {
-    return CRUD({ title: '七牛云文件', url: 'api/qiNiuContent', crudMethod: { ...crudQiNiu } });
-  },
-  mixins: [presenter(), header(), crud()],
-  data() {
-    return {
-      permission: {
-        del: ['admin', 'storage:del'],
-      },
-      title: '文件',
-      dialog: false,
-      icon: 'el-icon-refresh',
-      url: '',
-      headers: { Authorization: getToken() },
-      dialogImageUrl: '',
-      dialogVisible: false,
-      fileList: [],
-      files: [],
-      newWin: null,
-    };
-  },
-  computed: {
-    ...mapGetters(['qiNiuUploadApi']),
-  },
-  watch: {
-    url(newVal, oldVal) {
-      if (newVal && this.newWin) {
-        this.newWin.sessionStorage.clear();
-        this.newWin.location.href = newVal;
-        // 重定向后把url和newWin重置
-        this.url = '';
-        this.newWin = null;
-      }
-    },
-  },
-  created() {
-    this.crud.optShow.add = false;
-    this.crud.optShow.edit = false;
-  },
-  methods: {
-    // 七牛云配置
-    doConfig() {
-      const _this = this.$refs.form;
-      _this.init();
-      _this.dialog = true;
-    },
-    handleSuccess(response, file, fileList) {
-      const uid = file.uid;
-      const id = response.id;
-      this.files.push({ uid, id });
-    },
-    handleBeforeRemove(file, fileList) {
-      for (let i = 0; i < this.files.length; i++) {
-        if (this.files[i].uid === file.uid) {
-          crudQiNiu.del([this.files[i].id]).then(res => {});
-          return true;
-        }
-      }
-    },
-    handlePictureCardPreview(file) {
-      this.dialogImageUrl = file.url;
-      this.dialogVisible = true;
-    },
-    // 刷新列表数据
-    doSubmit() {
-      this.fileList = [];
-      this.dialogVisible = false;
-      this.dialogImageUrl = '';
-      this.dialog = false;
-      this.crud.toQuery();
-    },
-    // 监听上传失败
-    handleError(e, file, fileList) {
-      const msg = JSON.parse(e.message);
-      this.crud.notify(msg.message, CRUD.NOTIFICATION_TYPE.ERROR);
-    },
-    // 下载文件
-    download(id) {
-      this.downloadLoading = true;
-      // 先打开一个空的新窗口，再请求
-      this.newWin = window.open();
-      crudQiNiu
-        .download(id)
-        .then(res => {
-          this.downloadLoading = false;
-          this.url = res.url;
-        })
-        .catch(err => {
-          this.downloadLoading = false;
-          console.warn(err.message);
-        });
-    },
-    // 同步数据
-    synchronize() {
-      this.icon = 'el-icon-loading';
-      crudQiNiu
-        .sync()
-        .then(res => {
-          this.icon = 'el-icon-refresh';
-          this.$message({
-            showClose: true,
-            message: '数据同步成功',
-            type: 'success',
-            duration: 1500,
-          });
-          this.crud.toQuery();
-        })
-        .catch(err => {
-          this.icon = 'el-icon-refresh';
-          console.warn(err.message);
-        });
-    },
-  },
-};
-</script>
-
-<style scoped></style>
+<template>
+  <div class="app-container" style="padding: 8px">
+    <!--表单组件-->
+    <eForm ref="form" />
+    <!-- 工具栏 -->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <!-- 搜索 -->
+        <el-input
+          v-model="query.key"
+          clearable
+          size="small"
+          placeholder="输入文件名称搜索"
+          style="width: 200px"
+          class="filter-item"
+          @keyup.enter.native="toQuery" />
+        <date-range-picker v-model="query.createTime" class="date-item" />
+        <rrOperation />
+      </div>
+      <crudOperation :permission="permission">
+        <template slot="left">
+          <!-- 上传 -->
+          <el-button
+            class="filter-item"
+            size="mini"
+            type="primary"
+            icon="el-icon-upload"
+            @click="dialog = true"
+            >上传</el-button
+          >
+          <!-- 同步 -->
+          <el-button
+            :icon="icon"
+            class="filter-item"
+            size="mini"
+            type="warning"
+            @click="synchronize"
+            >同步</el-button
+          >
+          <!-- 配置 -->
+          <el-button
+            class="filter-item"
+            size="mini"
+            type="success"
+            icon="el-icon-s-tools"
+            @click="doConfig"
+            >配置</el-button
+          >
+        </template>
+      </crudOperation>
+      <!-- 文件上传 -->
+      <el-dialog
+        :visible.sync="dialog"
+        :close-on-click-modal="false"
+        append-to-body
+        width="500px"
+        @close="doSubmit">
+        <el-upload
+          :before-remove="handleBeforeRemove"
+          :on-success="handleSuccess"
+          :on-error="handleError"
+          :file-list="fileList"
+          :headers="headers"
+          :action="qiNiuUploadApi"
+          class="upload-demo"
+          multiple>
+          <el-button size="small" type="primary">点击上传</el-button>
+          <div slot="tip" style="display: block" class="el-upload__tip">
+            请勿上传违法文件，且文件不超过15M
+          </div>
+        </el-upload>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="doSubmit">确认</el-button>
+        </div>
+      </el-dialog>
+      <!--表格渲染-->
+      <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 prop="name" :show-overflow-tooltip="true" label="文件名">
+          <template slot-scope="scope">
+            <a
+              href="JavaScript:"
+              class="el-link el-link--primary"
+              target="_blank"
+              type="primary"
+              @click="download(scope.row.id)"
+              >{{ scope.row.key }}</a
+            >
+          </template>
+        </el-table-column>
+        <el-table-column
+          :show-overflow-tooltip="true"
+          prop="suffix"
+          label="文件类型"
+          @selection-change="crud.selectionChangeHandler" />
+        <el-table-column prop="bucket" label="空间名称" />
+        <el-table-column prop="size" label="文件大小" />
+        <el-table-column prop="type" label="空间类型" />
+        <el-table-column prop="updateTime" label="创建日期" />
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+  </div>
+</template>
+
+<script>
+import crudQiNiu from '@/api/tools/qiniu';
+import { mapGetters } from 'vuex';
+import { getToken } from '@/utils/auth';
+import eForm from './form';
+import CRUD, { presenter, header, crud } from '@crud/crud';
+import rrOperation from '@crud/RR.operation';
+import crudOperation from '@crud/CRUD.operation';
+import pagination from '@crud/Pagination';
+import DateRangePicker from '@/components/DateRangePicker';
+
+export default {
+  components: { eForm, pagination, crudOperation, rrOperation, DateRangePicker },
+  cruds() {
+    return CRUD({ title: '七牛云文件', url: 'api/qiNiuContent', crudMethod: { ...crudQiNiu } });
+  },
+  mixins: [presenter(), header(), crud()],
+  data() {
+    return {
+      permission: {
+        del: ['admin', 'storage:del'],
+      },
+      title: '文件',
+      dialog: false,
+      icon: 'el-icon-refresh',
+      url: '',
+      headers: { Authorization: getToken() },
+      dialogImageUrl: '',
+      dialogVisible: false,
+      fileList: [],
+      files: [],
+      newWin: null,
+    };
+  },
+  computed: {
+    ...mapGetters(['qiNiuUploadApi']),
+  },
+  watch: {
+    url(newVal, oldVal) {
+      if (newVal && this.newWin) {
+        this.newWin.sessionStorage.clear();
+        this.newWin.location.href = newVal;
+        // 重定向后把url和newWin重置
+        this.url = '';
+        this.newWin = null;
+      }
+    },
+  },
+  created() {
+    this.crud.optShow.add = false;
+    this.crud.optShow.edit = false;
+  },
+  methods: {
+    // 七牛云配置
+    doConfig() {
+      const _this = this.$refs.form;
+      _this.init();
+      _this.dialog = true;
+    },
+    handleSuccess(response, file, fileList) {
+      const uid = file.uid;
+      const id = response.id;
+      this.files.push({ uid, id });
+    },
+    handleBeforeRemove(file, fileList) {
+      for (let i = 0; i < this.files.length; i++) {
+        if (this.files[i].uid === file.uid) {
+          crudQiNiu.del([this.files[i].id]).then(res => {});
+          return true;
+        }
+      }
+    },
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+    // 刷新列表数据
+    doSubmit() {
+      this.fileList = [];
+      this.dialogVisible = false;
+      this.dialogImageUrl = '';
+      this.dialog = false;
+      this.crud.toQuery();
+    },
+    // 监听上传失败
+    handleError(e, file, fileList) {
+      const msg = JSON.parse(e.message);
+      this.crud.notify(msg.message, CRUD.NOTIFICATION_TYPE.ERROR);
+    },
+    // 下载文件
+    download(id) {
+      this.downloadLoading = true;
+      // 先打开一个空的新窗口，再请求
+      this.newWin = window.open();
+      crudQiNiu
+        .download(id)
+        .then(res => {
+          this.downloadLoading = false;
+          this.url = res.url;
+        })
+        .catch(err => {
+          this.downloadLoading = false;
+          console.warn(err.message);
+        });
+    },
+    // 同步数据
+    synchronize() {
+      this.icon = 'el-icon-loading';
+      crudQiNiu
+        .sync()
+        .then(res => {
+          this.icon = 'el-icon-refresh';
+          this.$message({
+            showClose: true,
+            message: '数据同步成功',
+            type: 'success',
+            duration: 1500,
+          });
+          this.crud.toQuery();
+        })
+        .catch(err => {
+          this.icon = 'el-icon-refresh';
+          console.warn(err.message);
+        });
+    },
+  },
+};
+</script>
+
+<style scoped></style>

package/templates/vue-app/files/src/views/tools/swagger/index.vue

@@ -1,14 +1,14 @@
-<template>
-  <elFrame :src="swaggerApi" />
-</template>
-<script>
-import { mapGetters } from 'vuex';
-import elFrame from '@/components/Iframe/index';
-export default {
-  name: 'Swagger',
-  components: { elFrame },
-  computed: {
-    ...mapGetters(['swaggerApi']),
-  },
-};
-</script>
+<template>
+  <elFrame :src="swaggerApi" />
+</template>
+<script>
+import { mapGetters } from 'vuex';
+import elFrame from '@/components/Iframe/index';
+export default {
+  name: 'Swagger',
+  components: { elFrame },
+  computed: {
+    ...mapGetters(['swaggerApi']),
+  },
+};
+</script>