ylyx-cli 1.0.0

package/templates/vue-app/files/src/views/tools/aliPay/config.vue

@@ -0,0 +1,102 @@
+<template>
+  <el-form
+    ref="form"
+    :model="form"
+    :rules="rules"
+    style="margin-top: 6px"
+    size="small"
+    label-width="100px">
+    <el-form-item label="appID" prop="appId">
+      <el-input v-model="form.appId" style="width: 40%" />
+      <span style="color: #c0c0c0; margin-left: 10px"
+        >应用APPID,收款账号既是APPID对应支付宝账号</span
+      >
+    </el-form-item>
+    <el-form-item label="商家账号" prop="sysServiceProviderId">
+      <el-input v-model="form.sysServiceProviderId" style="width: 40%" />
+      <span style="color: #c0c0c0; margin-left: 10px">商家账号</span>
+    </el-form-item>
+    <el-form-item label="商户私钥" prop="privateKey">
+      <el-input v-model="form.privateKey" type="password" style="width: 40%" />
+      <span style="color: #c0c0c0; margin-left: 10px">商户私钥，你的PKCS8格式RSA2私钥</span>
+    </el-form-item>
+    <el-form-item label="支付宝公钥" prop="publicKey">
+      <el-input v-model="form.publicKey" type="password" style="width: 40%" />
+      <span style="color: #c0c0c0; margin-left: 10px">支付宝公钥</span>
+    </el-form-item>
+    <el-form-item label="回调地址" prop="returnUrl">
+      <el-input v-model="form.returnUrl" style="width: 40%" />
+      <span style="color: #c0c0c0; margin-left: 10px">订单完成后返回的地址</span>
+    </el-form-item>
+    <el-form-item label="异步通知" prop="notifyUrl">
+      <el-input v-model="form.notifyUrl" style="width: 40%" />
+      <span style="color: #c0c0c0; margin-left: 10px">支付结果异步通知地址</span>
+    </el-form-item>
+    <el-form-item label="">
+      <el-button :loading="loading" size="medium" type="primary" @click="doSubmit"
+        >保存配置</el-button
+      >
+    </el-form-item>
+  </el-form>
+</template>
+
+<script>
+import { get, update } from '@/api/tools/alipay';
+export default {
+  name: 'Config',
+  data() {
+    return {
+      loading: false,
+      form: {
+        appId: '',
+        sysServiceProviderId: '',
+        privateKey: '',
+        publicKey: '',
+        returnUrl: '',
+        notifyUrl: '',
+      },
+      rules: {
+        appId: [{ required: true, message: '请输入appID', trigger: 'blur' }],
+        sysServiceProviderId: [{ required: true, message: '请输入商家账号', trigger: 'blur' }],
+        privateKey: [{ required: true, message: '商户私钥不能为空', trigger: 'blur' }],
+        publicKey: [{ required: true, message: '支付宝公钥不能为空', trigger: 'blur' }],
+        returnUrl: [{ required: true, message: '回调地址不能为空', trigger: 'blur' }],
+        notifyUrl: [{ required: true, message: '回调地址不能为空', trigger: 'blur' }],
+      },
+    };
+  },
+  created() {
+    this.init();
+  },
+  methods: {
+    init() {
+      get().then(res => {
+        this.form = res;
+      });
+    },
+    doSubmit() {
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          this.loading = true;
+          update(this.form)
+            .then(res => {
+              this.$notify({
+                title: '修改成功',
+                type: 'success',
+                duration: 2500,
+              });
+              this.loading = false;
+            })
+            .catch(err => {
+              this.loading = false;
+            });
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style scoped></style>

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

@@ -0,0 +1,48 @@
+<template>
+  <el-tabs v-model="activeName" style="padding-left: 5px">
+    <el-tab-pane label="参数配置" name="first">
+      <Config />
+    </el-tab-pane>
+    <el-tab-pane label="支付测试" name="second">
+      <ToPay />
+    </el-tab-pane>
+    <el-tab-pane label="使用说明" name="third">
+      <div>
+        <blockquote class="my-blockquote">注意</blockquote>
+        <pre class="my-code">
+测试所用参数都是沙箱环境，仅供测试使用，申请地址：<a style="color: #00a0e9" href="https://openhome.alipay.com/platform/appDaily.htm?tab=info" target="_blank">支付宝开发平台</a>
+如需付款测试，请使用
+账号：uuxesw9745@sandbox.com
+密码与支付密码：111111</pre>
+        <blockquote class="my-blockquote">支付设置</blockquote>
+        <pre class="my-code">
+// 支付提供两个接口，
+// PC端与手机端，并且在前端使用代码识别
+if (/(Android)/i.test(navigator.userAgent)){     // 判断是否为Android手机
+    url = "/aliPay/toPayAsWeb"
+}else if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){  // 判断是否为苹果手机
+    url = "/aliPay/toPayAsWeb"
+} else {
+    url = "/aliPay/toPayAsPC"
+}</pre
+        >
+      </div>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+import Config from './config';
+import ToPay from './toPay';
+export default {
+  name: 'AliPay',
+  components: { Config, ToPay },
+  data() {
+    return {
+      activeName: 'second',
+    };
+  },
+};
+</script>
+
+<style scoped></style>

package/templates/vue-app/files/src/views/tools/aliPay/toPay.vue

@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <el-form
+      ref="form"
+      :model="form"
+      :rules="rules"
+      style="margin-top: 6px"
+      size="small"
+      label-width="90px">
+      <el-form-item label="商品名称" prop="subject">
+        <el-input v-model="form.subject" style="width: 35%" />
+      </el-form-item>
+      <el-form-item label="商品价格" prop="totalAmount">
+        <el-input v-model="form.totalAmount" style="width: 35%" />
+        <span style="color: #c0c0c0; margin-left: 10px">测试允许区间(0,5000]</span>
+      </el-form-item>
+      <el-form-item label="商品描述" prop="body">
+        <el-input v-model="form.body" style="width: 35%" rows="8" type="textarea" />
+      </el-form-item>
+      <el-form-item label="">
+        <el-button :loading="loading" size="medium" type="primary" @click="doSubmit"
+          >去支付</el-button
+        >
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { toAliPay } from '@/api/tools/alipay';
+export default {
+  data() {
+    return {
+      url: '',
+      // 新窗口的引用
+      newWin: null,
+      loading: false,
+      form: { subject: '', totalAmount: '', body: '' },
+      rules: {
+        subject: [{ required: true, message: '商品名称不能为空', trigger: 'blur' }],
+        totalAmount: [{ required: true, message: '商品价格不能为空', trigger: 'blur' }],
+        body: [{ required: true, message: '商品描述不能为空', trigger: 'blur' }],
+      },
+    };
+  },
+  watch: {
+    url(newVal, oldVal) {
+      if (newVal && this.newWin) {
+        this.newWin.sessionStorage.clear();
+        this.newWin.location.href = newVal;
+        // 重定向后把url和newWin重置
+        this.url = '';
+        this.newWin = null;
+      }
+    },
+  },
+  methods: {
+    doSubmit() {
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          this.loading = true;
+          // 先打开一个空的新窗口，再请求
+          this.newWin = window.open();
+          let url = '';
+          if (/(Android)/i.test(navigator.userAgent)) {
+            // 判断是否为Android手机
+            url = 'aliPay/toPayAsWeb';
+          } else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
+            // 判断是否为苹果手机
+            url = 'aliPay/toPayAsWeb';
+          } else {
+            url = 'aliPay/toPayAsPC';
+          }
+          toAliPay(url, this.form)
+            .then(res => {
+              this.loading = false;
+              this.url = res;
+            })
+            .catch(err => {
+              this.loading = false;
+            });
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style scoped></style>

package/templates/vue-app/files/src/views/tools/email/config.vue

@@ -0,0 +1,91 @@
+<template>
+  <el-form
+    ref="form"
+    :model="form"
+    :rules="rules"
+    style="margin-top: 6px"
+    size="small"
+    label-width="100px">
+    <el-form-item label="发件人邮箱" prop="fromUser">
+      <el-input v-model="form.fromUser" style="width: 40%" />
+      <span style="color: #c0c0c0; margin-left: 10px">Sender mailbox</span>
+    </el-form-item>
+    <el-form-item label="发件用户名" prop="user">
+      <el-input v-model="form.user" style="width: 40%" />
+      <span style="color: #c0c0c0; margin-left: 10px">Sender usernamex</span>
+    </el-form-item>
+    <el-form-item label="邮箱密码" prop="pass">
+      <el-input v-model="form.pass" type="password" style="width: 40%" />
+      <span style="color: #c0c0c0; margin-left: 10px">email Password</span>
+    </el-form-item>
+    <el-form-item label="SMTP地址" prop="host">
+      <el-input v-model="form.host" style="width: 40%" />
+      <span style="color: #c0c0c0; margin-left: 10px">SMTP address</span>
+    </el-form-item>
+    <el-form-item label="SMTP端口" prop="port">
+      <el-input v-model="form.port" style="width: 40%" />
+      <span style="color: #c0c0c0; margin-left: 10px">SMTP port</span>
+    </el-form-item>
+    <el-form-item label="">
+      <el-button :loading="loading" size="medium" type="primary" @click="doSubmit"
+        >保存配置</el-button
+      >
+    </el-form-item>
+  </el-form>
+</template>
+
+<script>
+import { get, update } from '@/api/tools/email';
+export default {
+  name: 'Config',
+  data() {
+    return {
+      loading: false,
+      form: { id: 1, fromUser: '', user: '', pass: '', host: '', port: '', sslEnable: '' },
+      rules: {
+        fromUser: [
+          { required: true, message: '请输入发件人邮箱', trigger: 'blur' },
+          { type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' },
+        ],
+        user: [{ required: true, message: '请输入发件用户名', trigger: 'blur' }],
+        pass: [{ required: true, message: '密码不能为空', trigger: 'blur' }],
+        host: [{ required: true, message: 'SMTP地址不能为空', trigger: 'blur' }],
+        port: [{ required: true, message: 'SMTP端口不能为空', trigger: 'blur' }],
+      },
+    };
+  },
+  created() {
+    this.init();
+  },
+  methods: {
+    init() {
+      get().then(res => {
+        this.form = res;
+      });
+    },
+    doSubmit() {
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          this.loading = true;
+          update(this.form)
+            .then(res => {
+              this.$notify({
+                title: '修改成功',
+                type: 'success',
+                duration: 2500,
+              });
+              this.loading = false;
+            })
+            .catch(err => {
+              this.loading = false;
+            });
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style scoped></style>

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

@@ -0,0 +1,42 @@
+<template>
+  <el-tabs v-model="activeName" style="padding-left: 8px">
+    <el-tab-pane label="邮箱配置" name="first">
+      <Config />
+    </el-tab-pane>
+    <el-tab-pane label="发送邮件" name="second">
+      <Send />
+    </el-tab-pane>
+    <el-tab-pane label="使用说明" name="third">
+      <div>
+        <blockquote class="my-blockquote">邮件服务器配置</blockquote>
+        <pre class="my-code">
+ # 邮件服务器的SMTP地址，可选，默认为smtp
+ # 邮件服务器的SMTP端口，可选，默认465或者25
+ # 发件人（必须正确，否则发送失败）
+ # 用户名，默认为发件人邮箱前缀
+ # 密码（注意，某些邮箱需要为SMTP服务单独设置密码，如QQ和163等等）
+ # 是否开启ssl，默认开启</pre
+        >
+        <blockquote class="my-blockquote">更多帮助</blockquote>
+        <pre
+          class="my-code">更多帮助请查看文档：<a style="color:#009688" href="http://hutool.mydoc.io/#text_319499" target="_black">hutool工具包</a></pre>
+      </div>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+import Config from './config';
+import Send from './send';
+export default {
+  name: 'Email',
+  components: { Config, Send },
+  data() {
+    return {
+      activeName: 'second',
+    };
+  },
+};
+</script>
+
+<style scoped></style>

package/templates/vue-app/files/src/views/tools/email/send.vue

@@ -0,0 +1,159 @@
+<template>
+  <div>
+    <el-form
+      ref="form"
+      :model="form"
+      :rules="rules"
+      style="margin-top: 6px"
+      size="small"
+      label-width="100px">
+      <el-form-item label="邮件标题" prop="subject">
+        <el-input v-model="form.subject" style="width: 646px" />
+      </el-form-item>
+      <el-form-item
+        v-for="(domain, index) in tos"
+        :key="domain.key"
+        :label="'收件邮箱' + (index === 0 ? '' : index)">
+        <el-input v-model="domain.value" style="width: 550px" />
+        <el-button icon="el-icon-plus" @click="addDomain" />
+        <el-button
+          style="margin-left: 0"
+          icon="el-icon-minus"
+          @click.prevent="removeDomain(domain)" />
+      </el-form-item>
+      <div ref="editor" class="editor" />
+      <el-button
+        :loading="loading"
+        style="margin-left: 1.6%"
+        size="medium"
+        type="primary"
+        @click="doSubmit"
+        >发送邮件</el-button
+      >
+    </el-form>
+  </div>
+</template>
+
+<script>
+import { send } from '@/api/tools/email';
+import { upload } from '@/utils/upload';
+import { validEmail } from '@/utils/validate';
+import { mapGetters } from 'vuex';
+import E from 'wangeditor';
+export default {
+  name: 'Index',
+  data() {
+    return {
+      loading: false,
+      form: { subject: '', tos: [], content: '' },
+      tos: [
+        {
+          value: '',
+        },
+      ],
+      rules: {
+        subject: [{ required: true, message: '标题不能为空', trigger: 'blur' }],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters(['imagesUploadApi']),
+  },
+  mounted() {
+    const _this = this;
+    var editor = new E(this.$refs.editor);
+    // 自定义菜单配置
+    editor.customConfig.zIndex = 10;
+    // 文件上传
+    editor.customConfig.customUploadImg = function (files, insert) {
+      // files 是 input 中选中的文件列表
+      // insert 是获取图片 url 后，插入到编辑器的方法
+      files.forEach(image => {
+        files.forEach(image => {
+          upload(_this.imagesUploadApi, image).then(data => {
+            insert(data.data.url);
+          });
+        });
+      });
+    };
+    editor.customConfig.onchange = html => {
+      this.form.content = html;
+    };
+    editor.create();
+  },
+  methods: {
+    removeDomain(item) {
+      var index = this.tos.indexOf(item);
+      if (index !== -1 && this.tos.length !== 1) {
+        this.tos.splice(index, 1);
+      } else {
+        this.$message({
+          message: '请至少保留一位联系人',
+          type: 'warning',
+        });
+      }
+    },
+    addDomain() {
+      this.tos.push({
+        value: '',
+        key: Date.now(),
+      });
+    },
+    doSubmit() {
+      const _this = this;
+      this.$refs['form'].validate(valid => {
+        this.form.tos = [];
+        if (valid) {
+          let sub = false;
+          this.tos.forEach(function (data, index) {
+            if (data.value === '') {
+              _this.$message({
+                message: '收件邮箱不能为空',
+                type: 'warning',
+              });
+              sub = true;
+            } else if (validEmail(data.value)) {
+              _this.form.tos.push(data.value);
+            } else {
+              _this.$message({
+                message: '收件邮箱格式错误',
+                type: 'warning',
+              });
+              sub = true;
+            }
+          });
+          if (sub) {
+            return false;
+          }
+          this.loading = true;
+          send(this.form)
+            .then(res => {
+              this.$notify({
+                title: '发送成功',
+                type: 'success',
+                duration: 2500,
+              });
+              this.loading = false;
+            })
+            .catch(() => {
+              this.loading = false;
+            });
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.editor {
+  text-align: left;
+  margin: 20px;
+  width: 730px;
+}
+::v-deep .w-e-text-container {
+  height: 360px !important;
+}
+</style>

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

@@ -0,0 +1,35 @@
+<template>
+  <el-tabs v-model="activeName" style="padding-left: 8px" @tab-click="tabClick">
+    <el-tab-pane label="本地存储" name="first">
+      <Local ref="local" />
+    </el-tab-pane>
+    <el-tab-pane label="七牛云存储" name="second">
+      <QiNiu ref="qiNiu" />
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+import QiNiu from './qiniu/index';
+import Local from './local/index';
+export default {
+  name: 'Storage',
+  components: { QiNiu, Local },
+  data() {
+    return {
+      activeName: 'first',
+    };
+  },
+  methods: {
+    tabClick(name) {
+      if (this.activeName === 'first') {
+        this.$refs.local.crud.toQuery();
+      } else {
+        this.$refs.qiNiu.crud.toQuery();
+      }
+    },
+  },
+};
+</script>
+
+<style scoped></style>