1

application/admin/controller/Epay.php

@@ -0,0 +1,39 @@
+<?php
+
+namespace app\admin\controller;
+
+use app\common\controller\Backend;
+use think\Config;
+
+class Epay extends Backend
+{
+    protected $noNeedRight = ['upload'];
+
+    /**
+     * 上传本地证书
+     * @return void
+     */
+    public function upload()
+    {
+        Config::set('default_return_type', 'json');
+
+        $certname = $this->request->post('certname', '');
+        $certPathArr = [
+            'cert_client'         => '/addons/epay/certs/apiclient_cert.pem', //微信支付api
+            'cert_key'            => '/addons/epay/certs/apiclient_key.pem', //微信支付api
+            'app_cert_public_key' => '/addons/epay/certs/appCertPublicKey.crt',//应用公钥证书路径
+            'alipay_root_cert'    => '/addons/epay/certs/alipayRootCert.crt', //支付宝根证书路径
+            'ali_public_key'      => '/addons/epay/certs/alipayCertPublicKey.crt', //支付宝公钥证书路径
+        ];
+        if (!isset($certPathArr[$certname])) {
+            $this->error("证书错误");
+        }
+        $url = $certPathArr[$certname];
+        $file = $this->request->file('file');
+        if (!$file) {
+            $this->error("未上传文件");
+        }
+        $file->move(dirname(ROOT_PATH . $url), basename(ROOT_PATH . $url), true);
+        $this->success(__('上传成功'), '', ['url' => $url]);
+    }
+}

application/admin/controller/Posters.php

@@ -0,0 +1,129 @@
+<?php
+
+namespace app\admin\controller;
+
+use app\common\controller\Backend;
+use think\exception\ValidateException;
+
+/**
+ * 自定义海报
+ *
+ * @icon fa fa-circle-o
+ */
+class Posters extends Backend
+{
+
+    /**
+     * Posters模型对象
+     * @var \app\admin\model\Posters
+     */
+    protected $model = null;
+
+    public function _initialize()
+    {
+        parent::_initialize();
+        $this->model = new \app\admin\model\Posters;
+
+    }
+
+    public function import()
+    {
+        parent::import();
+    }
+
+    public function create()
+    {
+        if ($this->request->isAjax()) {
+            return $this->save();
+        }
+        return $this->view->fetch();
+    }
+
+    public function detail(int $id)
+    {
+        $model = $this->model->find($id);
+        if (!$model) {
+            $this->error('海报不存在');
+        }
+        $config = $model->config;
+        $config['title'] = $model->title;
+        $this->success('获取成功', '', $config);
+    }
+
+    public function update(int $ids)
+    {
+        if ($this->request->isAjax()) {
+            return $this->save();
+        }
+        $this->view->assign('id', $ids);
+        $this->view->assign('create', false);
+        return $this->view->fetch('create');
+    }
+
+    private function save()
+    {
+        try{
+            $id = $this->request->param('ids/d', 0);
+            $title = $this->request->post('title/s', '');
+            $bg = $this->request->post('bg/a', []);
+            $materials = $this->request->post('materials/a', []);
+
+            $model = $this->model;
+
+            if ($id > 0) {
+                $model = $model->find($id);
+                if (!$model) {
+                    throw new \Exception('海报不存在');
+                }
+            }
+
+            $this->failException = true;
+
+            $this->validate(
+                array_merge(['title' => $title], $bg),
+                [
+                    'title|标题' => 'require' . ($id ? '' : '|unique:posters'),
+                    'width|背景宽度' => 'require|integer|gt:0',
+                    'height|背景高度' => 'require|integer|gt:0',
+                    'color|背景颜色' => 'require',
+                ]
+            );
+
+            if (count($materials) < 1) {
+                throw new \Exception('缺少素材');
+            }
+
+            foreach ($materials as $m) {
+                if (!isset($model::$typeLabels[$m['type']])) {
+                    throw new \Exception('未定义的素材类型');
+                }
+                $c = $m['config'];
+                switch ($m['type']) {
+                    case $model::IMAGE:
+                        if (!$m['generate'] && !$c['image']) {
+                            throw new \Exception('请选择素材图片');
+                        }
+                        break;
+                    case $model::TEXT:
+                        if (!$m['generate'] && !$c['text']) {
+                            throw new \Exception('请设置文本内容');
+                        }
+                        break;
+                    case $model::QR:
+                        if (!$c['text']) {
+                            throw new \Exception('请设置二维码内容');
+                        }
+                        break;
+                }
+            }
+
+            $model->save(['title' => $title, 'config' => ['bg' => $bg, 'materials' => $materials]]);
+        }catch (ValidateException $e) {
+            $this->error($e->getMessage());
+        } catch (\Exception $e) {
+            $this->error($e->getMessage());
+        }
+        $this->success('保存成功');
+    }
+
+}

application/admin/lang/zh-cn/posters.php

@@ -0,0 +1,6 @@
+<?php
+
+return [
+    'Create_time' => '创建时间',
+    'Update_time' => '修改时间',
+];

application/admin/model/Posters.php

@@ -0,0 +1,70 @@
+<?php
+
+namespace app\admin\model;
+
+use think\Model;
+
+
+class Posters extends Model
+{
+
+    // 表名
+    protected $name = 'posters';
+
+    // 自动写入时间戳字段
+    protected $autoWriteTimestamp = true;
+
+    // 定义时间戳字段名
+    protected $deleteTime = false;
+
+
+    const QR = 'qr';
+    const TEXT = 'text';
+    const IMAGE = 'image';
+
+    public static $typeLabels
+        = [
+            self::QR    => '图片',
+            self::TEXT  => '文本',
+            self::IMAGE => '二维码',
+        ];
+
+    // 追加属性
+    protected $append = [
+        'create_time_text',
+        'update_time_text'
+    ];
+
+    public function getCreateTimeTextAttr($value, $data)
+    {
+        $value = $value ? $value : (isset($data['create_time']) ? $data['create_time'] : '');
+        return is_numeric($value) ? date("Y-m-d H:i:s", $value) : $value;
+    }
+
+    public function getUpdateTimeTextAttr($value, $data)
+    {
+        $value = $value ? $value : (isset($data['update_time']) ? $data['update_time'] : '');
+        return is_numeric($value) ? date("Y-m-d H:i:s", $value) : $value;
+    }
+
+    protected function setCreateTimeAttr($value)
+    {
+        return $value === '' ? null : ($value && !is_numeric($value) ? strtotime($value) : $value);
+    }
+
+    protected function setUpdateTimeAttr($value)
+    {
+        return $value === '' ? null : ($value && !is_numeric($value) ? strtotime($value) : $value);
+    }
+
+    public function getConfigAttr($config)
+    {
+        return json_decode($config, true);
+    }
+
+    public function setConfigAttr($config)
+    {
+        return ! is_array($config) ? $config : json_encode($config, JSON_UNESCAPED_UNICODE);
+    }
+
+}

application/admin/view/posters/create.html

@@ -0,0 +1,1102 @@
+{__NOLAYOUT__}
+
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>自定义海报</title>
+    <link rel="stylesheet" href="//unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <link rel="stylesheet" href="//at.alicdn.com/t/font_2759699_mqr3liwciis.css" media="all">
+    <style>
+
+        @font-face {
+            font-family: 'SourceHanSans';
+            font-display: swap;
+            src: url('/assets/addons/posters/SourceHanSansCN-Regular.ttf');
+        }
+
+        body {
+            margin: 0;
+            padding: 0;
+        }
+
+        .container {
+            max-width: 1200px;
+            position: relative;
+            margin: 0px auto;
+        }
+
+        .box-shadow-h {
+            cursor: pointer;
+        }
+
+        .box-shadow, .box-shadow-h:hover {
+            box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 1px 5px 1px rgba(0, 0, 0, .1) !important;
+        }
+
+        .content {
+            width: 100%;
+            height: 100vh;
+            display: flex;
+            align-items: center;
+            position: relative;
+            margin: 0 auto;
+        }
+
+        .poster {
+            position: relative;
+            border-radius: 3px;
+            border: 1px double #DFECFD;
+            z-index: 9;
+        }
+
+        .config {
+            width: 350px;
+            min-height: 750px;
+            position: absolute;
+            margin-left: 100px;
+        }
+
+        .config .title {
+            margin: 10px auto 20px;
+            font-size: 24px;
+            font-weight: bold;
+        }
+
+        .config .name {
+            margin: 10px auto;
+            font-size: 15px;
+            font-weight: bold;
+            position: relative;
+            padding-left: 10px;
+        }
+
+        .config .name:after {
+            content: '';
+            width: 4px;
+            height: 100%;
+            position: absolute;
+            left: 0;
+            border-radius: 5px;
+            background-color: #4988FD;
+        }
+
+        .config .box {
+            margin-bottom: 20px;
+        }
+
+        .config .box.form .el-form-item {
+            margin-bottom: 10px;
+        }
+
+        .config .box.types {
+            text-align: center;
+        }
+
+        .config .types .type {
+            display: inline-block;
+            text-align: center;
+            padding: 6px 12px;
+            border-radius: 10px;
+            width: 70px;
+            position: relative;
+        }
+
+        .config .types .type > .iconfont {
+            font-size: 45px;
+        }
+
+        .config .types .type > .tag {
+            font-size: 12px;
+            color: #797676;
+        }
+
+        .el-upload--picture-card {
+            width: 80px;
+            height: 80px;
+            line-height: 84px;
+        }
+
+        .no-select {
+            -webkit-user-select: none;
+            -moz-user-select: none;
+            -ms-user-select: none;
+            user-select: none;
+        }
+
+        .drag {
+            position: absolute;
+        }
+
+        .drag > .text.space > .text-content {
+            word-break: break-all;
+            white-space: pre-wrap;
+        }
+
+        .drag > .text.ellipsis {
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+
+        .drag > .text > .text-content {
+            font-family: SourceHanSans !important;
+            margin: 0;
+        }
+
+        .drag > .el-icon-close {
+            display: none;
+            cursor: pointer;
+            position: absolute;
+            bottom: -20px;
+            font-size: 18px;
+            left: 50%;
+            color: #000;
+            transform: translate(-50%);
+        }
+
+        .drag.current > .el-icon-close {
+            display: block;
+        }
+
+        .drag > img {
+            width: 100%;
+            height: 100%;
+        }
+
+        /*覆盖图片防止被选中*/
+        .poster .cover {
+            cursor: move;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            position: absolute;
+            user-select: none;
+        }
+
+        .drag.current > .cover, .poster.current {
+            border: 1px dotted #000;
+        }
+
+        .marker {
+            font-size: 12px;
+            line-height: 20px;
+            color: #818489;
+        }
+
+        .input-label {
+            font-size: 12px;
+        }
+
+        .scale {
+            position: absolute;
+            background: #fff;
+            border: 1px solid #000;
+            width: 7px;
+            height: 7px;
+            z-index: 1;
+            display: none;
+        }
+
+        .poster.current > .cover > .scale, .drag.current > .cover > .scale {
+            display: block;
+        }
+
+        .scale-nw {
+            top: -3.5px;
+            left: -3.5px;
+            cursor: nw-resize;
+            border-radius: 50%;
+        }
+
+        .scale-ne {
+            top: -3.5px;
+            right: -3.5px;
+            cursor: ne-resize;
+            border-radius: 50%;
+        }
+
+        .scale-sw {
+            bottom: -3.5px;
+            left: -3.5px;
+            cursor: sw-resize;
+            border-radius: 50%;
+        }
+
+        .scale-se {
+            bottom: -3.5px;
+            right: -3.5px;
+            cursor: se-resize;
+            border-radius: 50%;
+        }
+
+        .scale-n {
+            top: -3.5px;
+            left: 50%;
+            margin-left: -3.5px;
+            cursor: n-resize;
+        }
+
+        .scale-e {
+            right: -3px;
+            top: 50%;
+            margin-top: -3.5px;
+            cursor: e-resize;
+        }
+
+        .scale-s {
+            bottom: -3px;
+            left: 50%;
+            margin-left: -3.5px;
+            cursor: s-resize;
+        }
+
+        .scale-w {
+            left: -3.5px;
+            top: 50%;
+            margin-top: -3.5px;
+            cursor: w-resize;
+        }
+
+        #manageIframe {
+            width: 100%;
+            height: 500px;
+        }
+
+        .manageDialog .el-dialog__body {
+            padding: 0 10px;
+        }
+
+        .manageDialog > .el-dialog {
+            min-width: 815px;
+        }
+
+        .submit {
+            padding-left: 80px;
+        }
+
+        .content .lists {
+            z-index: 6;
+            min-height: 750px;
+            min-height: 750px;
+            position: absolute;
+            padding-top: 10px;
+            margin-left: 1px;
+        }
+
+        .content .lists .item {
+            border: 1px solid #cfcfd4;
+            border-left: none;
+            padding: 0px 2px;
+            margin-bottom: 10px;
+            box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%);
+            border-radius: 0px 100px 100px 0px;
+            width: 50px;
+            transition: width .3s;
+            cursor: pointer;
+            min-height: 40px;
+            line-height: 40px;
+            position: relative;
+        }
+
+        .content .lists.item.bg {
+            color: #000000;
+        }
+
+        .content .lists .item .el-icon-close {
+            position: absolute;
+            right: 5px;
+            top: 50%;
+            transform: translateY(-50%);
+            display: none;
+        }
+
+        .content .lists .item.current .el-icon-close {
+            display: inline;
+        }
+
+        .content .lists .item.current {
+            border-color: #88888b;
+            width: 90px;
+        }
+
+        .content .lists .item > .image {
+            display: block;
+            width: 30px;
+            margin: 5px 5px;
+            user-select: none;
+        }
+
+        .content .lists .item > .text {
+            overflow: hidden;
+            white-space: nowrap;
+            max-width: 65px;
+            /*text-overflow: ellipsis;*/
+        }
+    </style>
+</head>
+<body>
+
+<div id="app">
+    <div class="container">
+        <div class="content">
+            <div class="poster" :class="{current: -1 === currentIndex}" @mousedown.stop="tapBg"
+                 :style="bgStyle">
+                <div class="drag"
+                     @click.stop="void(0)"
+                     v-for="(item, index) in materials"
+                     @mousedown.stop="mousedown($event, index)" :key="index"
+                     :class="{current: index === currentIndex}"
+                     :style="makeMaterialStyle(item)">
+
+                    <img v-if="item.type === 'qr'" src="/assets/addons/posters/img/qrcode.png"
+                         alt="">
+
+                    <img v-else-if="item.type === 'image'" alt=""
+                         :style="{borderRadius: item.config.radius + 'px'}"
+                         :src="(!item.generate && item.config.image) ? item.config.image : '/assets/addons/posters/img/image.png'">
+
+                    <div v-else-if="item.type === 'text'" class="text"
+                         :class="item.config.overflow">
+                        <pre class="text-content"
+                             :style="{lineHeight: item.config.lineHeight + 'px'}">{{ item.config.text }}</pre>
+                    </div>
+
+                    <i class="el-icon-close" @click.stop="delPoster(index)"></i>
+
+                    <div class="cover">
+                        <div v-if="item.type !== 'text'" class="scale scale-nw"
+                             @mousedown.stop="shape($event, 'nw', false, true)"></div>
+                        <div v-if="item.type !== 'text'" class="scale scale-ne"
+                             @mousedown.stop="shape($event, 'ne', false, true)"></div>
+                        <div v-if="item.type !== 'text'" class="scale scale-sw"
+                             @mousedown.stop="shape($event, 'sw', false, true)"></div>
+                        <div v-if="item.type !== 'text'" class="scale scale-se"
+                             @mousedown.stop="shape($event, 'se', false, true)"></div>
+                        <div v-if="item.type === 'image' " class="scale scale-n"
+                             @mousedown.stop="shape($event, 'n')"></div>
+                        <div v-if="item.type !== 'qr'" class="scale scale-e"
+                             @mousedown.stop="shape($event, 'e')"></div>
+                        <div v-if="item.type === 'image'" class="scale scale-s"
+                             @mousedown.stop="shape($event, 's')"></div>
+                        <div v-if="item.type !== 'qr'" class="scale scale-w"
+                             @mousedown.stop="shape($event, 'w')"></div>
+                    </div>
+                </div>
+
+                <div class="cover">
+                    <div class="scale scale-n" @mousedown.stop="shape($event, 'n', true)"></div>
+                    <div class="scale scale-e" @mousedown.stop="shape($event, 'e', true)"></div>
+                    <div class="scale scale-s" @mousedown.stop="shape($event, 's', true)"></div>
+                    <div class="scale scale-w" @mousedown.stop="shape($event, 'w', true)"></div>
+                </div>
+            </div>
+
+            <div class="lists" :style="{left: bg.width + 'px'}">
+                <div class="item bg" :class="{current: currentIndex < 0}"
+                     :style="{backgroundColor: bg.color}" @click="setCurrent(-1)">背景
+                </div>
+                <div id="parentDrag">
+                    <div class="item" @click="setCurrent(materials.length - index - 1)"
+                         :class="{current: reverseCurrentIndex === index}"
+                         v-for="(item, index) in reverseMaterials"
+                         :key="index"
+                         :data-id="index"
+                    >
+                        <img v-if="item.type === 'image'" class="image"
+                             :style="{borderRadius: item.config.radius + 'px'}"
+                             :src="(!item.generate && item.config.image) ? item.config.image : '/assets/addons/posters/img/image.png'"
+                             alt="图片"/>
+                        <img v-if="item.type === 'qr'" class="image"
+                             src="/assets/addons/posters/img/qrcode.png" alt="二维码"/>
+                        <div v-if="item.type === 'text'" class="text">{{ item.config.text }}</div>
+
+                        <i class="el-icon-close" @click.stop="delPoster(index)"></i>
+                    </div>
+                </div>
+            </div>
+
+            <div class="config" :style="{left: bg.width + 'px'}">
+                <div class="title">自定义海报</div>
+                <div class="name">设计素材</div>
+                <div class="box types">
+                    <div class="type box-shadow-h" v-for="(item, index) in materialTypes"
+                         :key="index" @click="addPoster(item.value)">
+                        <i class="iconfont" :class="item.icon"></i>
+                        <div class="tag">{{item.title}}</div>
+                    </div>
+                </div>
+
+                <div v-if="current">
+                    <div class="name">素材配置</div>
+                    <div class="box form">
+                        <el-form label-width="80px">
+                            <el-form-item label="动态">
+                                <el-switch v-model="current.generate"></el-switch>
+                                <div class="marker">后台动态生成内容</div>
+                            </el-form-item>
+
+                            <el-form-item v-if="current.generate" label="变量">
+                                <div>{{current.type}}_{{currentIndex}}</div>
+                                <div class="marker">动态替换 {{current.type}}_{{currentIndex}} 的值</div>
+                            </el-form-item>
+
+                            <el-form-item v-if="current.type === 'image' && !current.generate"
+                                          label="图片">
+                                <el-button type="primary" size="small" plain
+                                           @click.stop="manageVisible = true">选择图片
+                                </el-button>
+                                <div>
+                                    <img v-if="current.config.image" :src="current.config.image"
+                                         style="height: 100px">
+                                </div>
+                            </el-form-item>
+
+                            <el-dialog class="manageDialog" title="选择图片"
+                                       :visible.sync="manageVisible" :width="maxWidth">
+                                <iframe id="manageIframe"
+                                        :src="manageUrl"
+                                        frameborder="0"></iframe>
+                                <span slot="footer" class="dialog-footer">
+                                    <el-button @click.stop="manageVisible = false">取 消</el-button>
+                                    <el-button type="primary"
+                                               @click.stop="selectImage">确 定</el-button>
+                                </span>
+                            </el-dialog>
+
+                            <el-form-item v-if="current.type === 'text' || current.type === 'qr'"
+                                          label="内容">
+                                <el-input type="textarea" autosize size="small"
+                                          v-model="current.config.text" clearable></el-input>
+                                <div class="marker" v-if="current.generate">动态替换内容中的 {:变量} 值</div>
+                            </el-form-item>
+
+                            <el-form-item label="居中">
+                                <el-button type="primary" size="small" plain @click="center"> 左右居中
+                                </el-button>
+                            </el-form-item>
+
+                            <el-form-item v-if="current.type === 'qr'" label="边框">
+                                <el-slider v-model="current.config.margin" :min="0"
+                                           :max="current.config.width"></el-slider>
+                            </el-form-item>
+
+                            <el-form-item v-if="current.type === 'image'" label="尺寸">
+                                <div>
+                                    <span class="input-label">宽度(px): </span>
+                                    <el-input-number size="small" style="width: 120px" :min="1"
+                                                     :max="bg.width"
+                                                     v-model="current.config.width"></el-input-number>
+                                    <el-tooltip class="item" effect="dark" content="重置"
+                                                placement="top">
+                                        <el-button size="small" icon="el-icon-refresh"
+                                                   @click.stop="refreshImage" circle></el-button>
+                                    </el-tooltip>
+                                </div>
+                                <div>
+                                    <span class="input-label">高度(px): </span>
+                                    <el-input-number size="small" style="width: 120px" :min="1"
+                                                     :max="bg.height"
+                                                     v-model="current.config.height"/>
+                                </div>
+                            </el-form-item>
+
+                            <el-form-item v-if="current.type === 'text'" label="超出">
+                                <el-radio-group v-model="current.config.overflow" size="small">
+                                    <el-radio-button v-for="(item, index) in overflows" :key="index"
+                                                     :label="item.value">{{item.title}}
+                                    </el-radio-button>
+                                </el-radio-group>
+                                <el-input v-if="current.config.overflow === 'ellipsis'"
+                                          v-model="current.config.overflow_text" size="small"
+                                          placeholder="超出部分替换文本" clearable
+                                          style="width: 150px"></el-input>
+                            </el-form-item>
+
+                            <el-form-item v-if="current.type === 'text' || current.type === 'qr'"
+                                          label="宽度">
+                                <el-slider v-model="current.config.width" :min="1"
+                                           :max="bg.width"></el-slider>
+                            </el-form-item>
+
+                            <el-form-item v-if="current.type === 'image'" label="圆角">
+                                <el-slider v-model="current.config.radius"
+                                           :max="current.config.width / 2"></el-slider>
+                            </el-form-item>
+
+                            <el-form-item v-if="current.type === 'image' || current.type === 'qr'"
+                                          label="透明度">
+                                <el-slider v-model="current.config.opacity"/>
+                            </el-form-item>
+
+                            <el-form-item v-if="current.type === 'text'" label="大小">
+                                <el-slider v-model="current.config.fontSize" :min="10"
+                                           :max="100"></el-slider>
+                            </el-form-item>
+
+                            <el-form-item v-if="current.type === 'text'" label="行高">
+                                <el-slider v-model="current.config.lineHeight" :min="10"
+                                           :max="100"></el-slider>
+                            </el-form-item>
+
+                            <el-form-item v-if="current.type === 'text'" label="颜色">
+                                <el-color-picker color-format="rgb" show-alpha
+                                                 v-model="current.config.color"></el-color-picker>
+                            </el-form-item>
+
+                        </el-form>
+                    </div>
+                </div>
+                <div v-else>
+                    <div class="name">海报背景</div>
+                    <div class="box form">
+                        <el-form label-width="80px">
+                            <el-form-item label="标题">
+                                <el-input v-model="title" size="small" clearable/>
+                            </el-form-item>
+
+                            <el-form-item label="背景色">
+                                <el-color-picker color-format="rgb"
+                                                 v-model="bg.color"></el-color-picker>
+                            </el-form-item>
+
+                            <el-form-item label="尺寸">
+                                <div>
+                                    <span class="input-label">宽度(px): </span>
+                                    <el-input-number size="small" :min="1" :max="maxWidth"
+                                                     v-model="bg.width"/>
+                                </div>
+                                <div>
+                                    <span class="input-label">高度(px): </span>
+                                    <el-input-number size="small" :min="1" :max="maxHeight"
+                                                     v-model="bg.height"/>
+                                </div>
+                            </el-form-item>
+                        </el-form>
+                    </div>
+                </div>
+
+                <div class="submit">
+                    <el-button type="primary" @click="submit">保存</el-button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script src="//cdn.staticfile.org/vue/2.6.9/vue.min.js"></script>
+<script src="//unpkg.com/element-ui/lib/index.js"></script>
+<script src="//cdn.staticfile.org/axios/0.21.1/axios.min.js"></script>
+<script src="//cdn.staticfile.org/Sortable/1.14.0/Sortable.min.js"></script>
+
+<script>
+
+    const materialsDefault = {
+        image: {
+            type: 'image',
+            generate: true,
+            zIndex: 1,
+            config: {
+                image: null,
+                left: 0,
+                top: 0,
+                width: 80,
+                height: 80,
+                radius: 0,
+                opacity: 100, //透明度
+            }
+        },
+        qr: {
+            type: 'qr',
+            generate: true,
+            zIndex: 1,
+            config: {
+                text: 'https://baidu.com/s?wd={\:id}',
+                left: 0,
+                top: 0,
+                width: 100,
+                margin: 2,
+                opacity: 100,
+            }
+        },
+        text: {
+            type: 'text',
+            generate: true,
+            zIndex: 1,
+            config: {
+                text: '自定义文本{\:name}',
+                left: 0,
+                top: 0,
+                width: 270,
+                fontSize: 20,
+                lineHeight: 20,
+                overflow: 'space',
+                overflow_text: '',
+                color: 'rgba(0, 0, 0, 1)'
+            }
+        }
+    }
+    const clone = function () {
+        return function f(obj) {
+            if (!obj) {
+                return obj;
+            }
+            if (obj instanceof Date) {
+                return new Date(obj);
+            }
+            if (obj instanceof RegExp) {
+                return new RegExp(obj);
+            }
+            if (obj === null) {
+                return obj;
+            }
+            if (typeof obj !== 'object') {
+                return obj;
+            }
+            let result = obj instanceof Array ? [] : {};
+            for (let key in obj) {
+                if (obj.hasOwnProperty(key)) {
+                    result[key] = typeof obj[key] === 'object' ? f(obj[key]) : obj[key];
+                }
+            }
+            return result;
+        }
+    }()
+
+    const CREATE = !!"{$create|default=true}"
+    let id = "{$id|default=0}",
+        manageUrl = "{:url('/general/attachment/select', ['mimetype'=>'image/*'])}"
+
+    const app = new Vue({
+        el: '#app',
+        data() {
+            return {
+                title: '',
+                maxWidth: 750,
+                maxHeight: 750,
+                bg: {
+                    color: 'rgb(255,255,255)',
+                    width: 422,
+                    height: 750,
+                },
+                overflows: [
+                    {title: '换行', value: 'space'},
+                    {title: '省略', value: 'ellipsis'},
+                ],
+                currentIndex: -1,
+                materialTypes: {
+                    image: {
+                        icon: 'icon-pic',
+                        title: '图片',
+                        value: 'image'
+                    },
+                    qr: {
+                        icon: 'icon-qr',
+                        title: '二维码',
+                        value: 'qr'
+                    },
+                    text: {
+                        icon: 'icon-input',
+                        title: '文字',
+                        value: 'text',
+                    },
+                },
+                materials: [],
+                manageVisible: false,
+                sortable: null,
+            }
+        },
+        computed: {
+            manageUrl() {
+                return this.manageVisible ? manageUrl : ''
+            },
+            current() {
+                return this.materials[this.currentIndex]
+            },
+            bgStyle() {
+                return {
+                    width: this.bg.width + 'px',
+                    height: this.bg.height + 'px',
+                    backgroundColor: this.bg.color
+                }
+            },
+            reverseCurrentIndex(){
+                return this.currentIndex >= 0 ? this.materials.length - this.currentIndex - 1 : -1 ;
+            },
+            reverseMaterials(){
+                let materials = []
+                this.materials.forEach(v => {
+                    materials.unshift(v)
+                })
+                return materials
+            }
+        },
+        created() {
+            if (!CREATE) {
+                this.init();
+            }
+        },
+        mounted() {
+            this.keyDown()
+            const that = this
+
+            this.sortable = Sortable.create(document.getElementById('parentDrag'), {
+                animation: 150,
+                onEnd: function (evt) {
+                    let length = that.materials.length
+                    this.toArray().forEach( (i, k) => {
+                        let index = length - i - 1
+                        that.materials[index].zIndex = length - k
+                    })
+                },
+            });
+        },
+        methods: {
+            shape(downEvent, direction, bg = false, scale = false) {
+                let config = bg ? this.bg : this.current.config
+                let maxWidth = bg ? this.maxWidth : this.bg.width
+                let maxHeight = bg ? this.maxHeight : this.bg.height
+                let startX = downEvent.clientX
+                let startY = downEvent.clientY
+                let height = config['height'] || 0
+                let width = config['width'] || 0
+                let top = config['top'] || 0
+                let left = config['left'] || 0
+
+                let containerLeft = document.getElementsByClassName('container')[0].offsetLeft
+                let containerTop = document.getElementsByClassName('poster')[0].offsetTop
+
+                let move = moveEvent => {
+                    let currX = moveEvent.clientX
+                    let currY = moveEvent.clientY
+                    let disY = currY - startY
+                    let disX = currX - startX
+                    let hasN = /n/.test(direction)
+                    let hasS = /s/.test(direction)
+                    let hasW = /w/.test(direction)
+                    let hasE = /e/.test(direction)
+                    let newWidth = +width + (hasW ? -disX : hasE ? disX : 1)
+                    let newHeight = +height + (hasN ? -disY : hasS ? disY : 1)
+                    newWidth = newWidth > 0 ? (newWidth > maxWidth ? maxWidth : newWidth) : 1
+                    newHeight = newHeight > 0 ? (newHeight > maxHeight ? maxHeight : newHeight) : 1
+                    newHeight = scale ? parseInt(height * (newWidth / width)) : newHeight
+
+                    let checkW = startX - containerLeft - width + newWidth > maxWidth
+                    let checkN = startY - containerTop - height + newHeight > maxHeight
+
+                    hasW = hasW || checkW
+                    hasN = hasN || checkN
+
+                    config['height'] !== undefined && (config['height'] = newHeight)
+                    config['width'] !== undefined && (config['width'] = newWidth)
+                    config['left'] !== undefined && hasW && (config['left'] = this.calcLocal(+left + disX, true))
+                    config['top'] !== undefined && hasN && (config['top'] = this.calcLocal(+top + ((scale && !checkN) ? height - newHeight : disY), false))
+                }
+                let up = () => {
+                    document.removeEventListener('mousemove', move)
+                    document.removeEventListener('mouseup', up)
+                }
+                document.addEventListener('mousemove', move)
+                document.addEventListener('mouseup', up)
+            },
+            refreshImage() {
+                this.setImage(this.current.config.image)
+            },
+            selectImage() {
+                const iframe = document.getElementById('manageIframe').contentWindow
+                let selected = iframe.surface_selection
+
+                if (selected.length > 1) {
+                    this.$message.error('只能选择一张图片');
+                    return;
+                } else if (selected.length < 1) {
+                    return;
+                }
+                this.setImage(selected[0].url)
+                this.manageVisible = false
+            },
+            setImage(url) {
+                const img = new Image()
+                img.src = url
+                img.onload = () => {
+                    this.current.config.image = url
+                    if (img.width > this.bg.width || img.height > this.bg.height) {
+                        let wScale = this.bg.width / img.width,
+                            hScale = this.bg.height / img.height,
+                            scale = wScale < hScale ? wScale : hScale
+                        this.current.config.width = Math.round(img.width * scale)
+                        this.current.config.height = Math.round(img.height * scale)
+                    } else {
+                        this.current.config.width = img.width
+                        this.current.config.height = img.height
+                    }
+                    if (this.current.config.width + this.current.config.left > this.bg.width) {
+                        this.current.config.left = 0
+                    } else if (this.current.config.height + this.current.config.top > this.bg.height) {
+                        this.current.config.top = 0
+                    }
+                }
+            },
+            keyDown() {
+                document.onkeydown = (e) => {
+                    let e1 = e || event || window.event || arguments.callee.caller.arguments[0]
+                    if (e1 && this.current) {
+                        let step = 1
+                        switch (e1.keyCode) {
+                            case 46: // 删除
+                                this.delPoster()
+                                break;
+                            case 37: // ←
+                                this.current.config.left = this.calcLocal(this.current.config.left - step, true)
+                                break;
+                            case 38: // ↑
+                                this.current.config.top = this.calcLocal(this.current.config.top - step, false)
+                                break;
+                            case 39: // →
+                                this.current.config.left = this.calcLocal(this.current.config.left + step, true)
+                                break;
+                            case 40: // ↓
+                                this.current.config.top = this.calcLocal(this.current.config.top + step, false)
+                                break;
+                        }
+                    }
+                }
+            },
+            center() {
+                this.current.config.left = (this.bg.width - this.current.config.width) / 2
+            },
+            tapBg() {
+                this.currentIndex = -1
+            },
+            addPoster(value) {
+                let material = clone(materialsDefault[value])
+                switch (material.type) {
+                    case 'text':
+                        material.config.width = this.bg.width
+                        break;
+                }
+                this.materials.push(material)
+                this.currentIndex = this.materials.length - 1
+
+                this.materials.forEach( (item, k) => { item.zIndex = k + 1 })
+            },
+            delPoster(index = null) {
+                this.materials.splice(index === null ? this.currentIndex : index, 1)
+            },
+            makeMaterialStyle(item) {
+                let style = {
+                    zIndex: item.zIndex,
+                    left: item.config.left + 'px',
+                    top: item.config.top + 'px',
+                    width: item.config.width + 'px'
+                }
+
+                switch (item.type) {
+                    case 'image':
+                        style.height = item.config.height + 'px'
+                        style.borderRadius = item.config.radius + 'px'
+                        style.opacity = item.config.opacity / 100
+                        break;
+                    case 'text':
+                        style.fontSize = item.config.fontSize + 'px'
+                        style.color = item.config.color
+                        break;
+                    case 'qr':
+                        if (item.config.margin > 0) {
+                            style.width = item.config.width - 2 * item.config.margin + 'px'
+                            style.padding = item.config.margin + 'px'
+                            style.backgroundColor = '#fff'
+                        }
+                        style.height = style.width
+                        style.opacity = item.config.opacity / 100
+                        break;
+                }
+
+                return style
+            },
+            calcLocal(val, direction = true, current = null) {
+                if (null === current) {
+                    current = this.current
+                }
+                if (direction) {
+                    let size = current.config.width
+                    return val > this.bg.width - size ? this.bg.width - size : (val < 0 ? 0 : val)
+                } else {
+                    let size = 0
+                    switch (current.type) {
+                        case 'image':
+                            size = current.config.height
+                            break;
+                        case 'text':
+                            size = current.config.fontSize
+                            break;
+                        case 'qr':
+                            size = current.config.width
+                            break;
+                    }
+                    return val > this.bg.height - size ? this.bg.height - size : (val < 0 ? 0 : val)
+                }
+            },
+            setCurrent(index) {
+                this.currentIndex = index
+            },
+            mousedown(downEvent, index) {
+                this.setCurrent(index)
+
+                let startTop = this.current.config.top,
+                    startLeft = this.current.config.left,
+                    clientX = downEvent.clientX,
+                    clientY = downEvent.clientY
+
+                let move = moveEvent => {
+                    let currX = moveEvent.clientX
+                    let currY = moveEvent.clientY
+                    this.current.config.left = this.calcLocal(currX - clientX + startLeft, true)
+                    this.current.config.top = this.calcLocal(currY - clientY + startTop, false)
+                }
+
+                let up = () => {
+                    document.removeEventListener('mousemove', move)
+                    document.removeEventListener('mouseup', up)
+                }
+                document.addEventListener('mousemove', move)
+                document.addEventListener('mouseup', up)
+            },
+            colorToVal(color) {
+                return color.match(/\d+,\d+,\d+/g)
+            },
+            setError(err, index = -1) {
+                if (!isNaN(err)) {
+                    index = err
+                } else {
+                    this.$message.error(err);
+                }
+                this.currentIndex = parseInt(index)
+            },
+            checkMaterials() {
+                if (!this.title) {
+                    this.setError('请设置标题', -1);
+                    return false;
+                }
+
+                for (let i in this.materials) {
+                    let v = this.materials[i],
+                        c = v.config
+                    switch (v.type) {
+                        case 'image':
+                            if (!v.generate && !c.image) {
+                                this.setError('请选择素材图片', i);
+                                return false;
+                            }
+                            break;
+                        case 'qr':
+                            if (!c.text) {
+                                this.setError('请设置二维码内容', i);
+                                return false;
+                            }
+                            break;
+                        case 'text':
+                            if (!v.generate && !c.text) {
+                                this.setError('请设置文本内容', i);
+                                return false;
+                            }
+                            break;
+                    }
+                }
+                return true;
+            },
+            submit() {
+                if (true !== this.checkMaterials()) {
+                    return;
+                }
+                axios.post('', {title: this.title, bg: this.bg, materials: this.materials}, {
+                    headers: {'X-Requested-With': 'XMLHttpRequest'},
+                }).then(response => {
+                    let res = response.data
+                    if (res.code === 1) {
+                        let parent = window.parent
+                        if (parent && parent.layer) {
+                            parent.$("#table").bootstrapTable('refresh', {});
+                            parent.layer.close(parent.layer.getFrameIndex(window.name))
+                        } else {
+                            if (CREATE) {
+                                this.reset();
+                            }
+                            this.$message.success(res.msg);
+                        }
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                }).catch(error => {
+                    console.log(error);
+                });
+            },
+            init() {
+                axios.get("{:url('detail')}", {
+                    params: {id},
+                    headers: {'X-Requested-With': 'XMLHttpRequest'},
+                }).then(response => {
+                    let res = response.data
+                    if (res.code === 1) {
+                        this.bg = res.data.bg
+                        this.title = res.data.title
+                        res.data.materials.forEach((v, k) => {
+                            v.zIndex = k + 1
+                        })
+                        this.materials = res.data.materials
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                }).catch(error => {
+                    console.log(error);
+                });
+            },
+            reset() {
+                this.bg = {
+                    color: 'rgb(255,255,255)',
+                    width: 422,
+                    height: 750,
+                };
+                this.title = '';
+                this.currentIndex = -1;
+                this.materials = [];
+            },
+        }
+    })
+
+    // 本页面不需要Layer 只需要子页面文件选择 重写Layer方法
+    const Layer = {
+        getFrameIndex() {
+            return 0
+        },
+        close(index) {
+        }
+    }
+
+    let config = {$config | json_encode};
+    let cdnurl = config.upload.cdnurl;
+    window.$ = function () {
+        return {
+            data() {
+                const sel = function (data) {
+                    let url = data.url
+                    url = (cdnurl && url.indexOf(cdnurl) === 0) ? url : cdnurl + url;
+                    app.setImage(url)
+                    app.manageVisible = false
+                }
+                return sel;
+            }
+        }
+    }
+    window.Layer = Layer
+
+
+</script>
+
+
+</body>
+</html>

application/admin/view/posters/index.html

@@ -0,0 +1,24 @@
+<div class="panel panel-default panel-intro">
+    {:build_heading()}
+
+    <div class="panel-body">
+        <div id="myTabContent" class="tab-content">
+            <div class="tab-pane fade active in" id="one">
+                <div class="widget-body no-padding">
+                    <div id="toolbar" class="toolbar">
+                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
+                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('posters/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>
+                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('posters/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
+
+                    </div>
+                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
+                           data-operate-edit="{:$auth->check('posters/edit')}"
+                           data-operate-del="{:$auth->check('posters/del')}"
+                           width="100%">
+                    </table>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>

application/index/controller/Invite.php

@@ -0,0 +1,30 @@
+<?php
+
+namespace app\index\controller;
+
+use app\common\controller\Frontend;
+
+class Invite extends Frontend
+{
+
+    protected $noNeedLogin = [];
+    protected $noNeedRight = '*';
+    protected $layout = 'default';
+
+
+    public function index()
+    {
+        $inviteList = \addons\invite\model\Invite::
+        where(['user_id' => $this->auth->id])
+            ->with('invited')
+            ->order('id desc')
+            ->paginate(10);
+
+        $inviteConfig = get_addon_config('invite');
+        $this->view->assign('title', "邀请好友");
+        $this->view->assign('inviteList', $inviteList);
+        $this->view->assign('inviteConfig', $inviteConfig);
+        return $this->view->fetch();
+    }
+
+}

application/index/view/invite/index.html

@@ -0,0 +1,65 @@
+<style>
+    table.table-invite > tbody > tr > td {
+        vertical-align: middle;
+    }
+</style>
+<div id="content-container" class="container">
+    <div class="row">
+        <div class="col-md-3">
+            {include file="common/sidenav" /}
+        </div>
+        <div class="col-md-9">
+            <div class="panel panel-default panel-page">
+                <div class="panel-heading">
+                    <h2>邀请好友</h2>
+                </div>
+                <div class="panel-body" style="padding:0;">
+                    <div class="alert alert-warning-light">
+                        <div class="row">
+                            <div class="col-md-12">
+                                <p>你可以将你的邀请链接发送给你的朋友，邀请TA的加入，注册成功后你将获得 <b>{$inviteConfig.rewardscore}</b> 积分，TA获得 <b>{$inviteConfig.invitedscore}</b> 积分</p>
+                                <div class="input-group input-group-md">
+                                    <div class="icon-addon addon-md">
+                                        <input type="text" placeholder="邀请链接" onfocus="this.select();" value="{:addon_url('invite/index/index',[':id'=>$user['id']],false,true)}" class="form-control input-md">
+                                    </div>
+                                    <span class="input-group-btn">
+                                        <button class="btn btn-success btn-invite" type="button" data-clipboard-text="{:addon_url('invite/index/index',[':id'=>$user['id']],false,true)}">复制链接</button>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <table class="table table-striped table-invite">
+                        <thead>
+                        <tr>
+                            <th>头像</th>
+                            <th>用户名</th>
+                            <th>加入时间</th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        {volist name='inviteList' id='invite'}
+                        <tr>
+                            <td>
+                                <a href="{$invite.invited.url}">
+                                    <span class="avatar-img">
+                                        <img src="{$invite.invited.avatar}" class="{$invite.invited.nickname}">
+                                    </span>
+                                </a>
+                            </td>
+                            <td>
+                                <a href="{$invite.invited.url}">
+                                    {$invite.invited.nickname}
+                                </a>
+                            </td>
+                            <td>{$invite.createtime|datetime}</td>
+                        </tr>
+                        {/volist}
+                        </tbody>
+                    </table>
+                    <div class="pager">{$inviteList->render()}</div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

public/assets/addons/epay/css/common.css

@@ -0,0 +1,180 @@
+/*!
+ * Start Bootstrap - Modern Business (http://startbootstrap.com/)
+ * Copyright 2013-2016 Start Bootstrap
+ * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
+ */
+/* Global Styles */
+html,
+body {
+  height: 100%;
+}
+body {
+  padding-top: 50px;
+  /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+.img-addon {
+  margin-bottom: 10px;
+  width: 100%;
+}
+.img-hover:hover {
+  opacity: 0.8;
+}
+.display-1 {
+  font-size: 44px;
+}
+.display-4 {
+  font-size: 24px;
+  line-height: 32px;
+}
+/* Home Page Carousel */
+header.carousel {
+  height: 50%;
+}
+header.carousel .item,
+header.carousel .item.active,
+header.carousel .carousel-inner {
+  height: 100%;
+}
+header.carousel .fill {
+  width: 100%;
+  height: 100%;
+}
+.error-404 {
+  font-size: 100px;
+}
+/* Pricing Page Styles */
+.price {
+  display: block;
+  font-size: 50px;
+  line-height: 50px;
+}
+.price sup {
+  top: -20px;
+  left: 2px;
+  font-size: 20px;
+}
+.period {
+  display: block;
+  font-style: italic;
+}
+/* Footer Styles */
+/* Responsive Styles */
+@media (max-width: 991px) {
+  .customer-img,
+  .img-related {
+    margin-bottom: 30px;
+  }
+}
+@media (max-width: 767px) {
+  .img-addon {
+    margin-bottom: 15px;
+  }
+  header.carousel .carousel {
+    height: 70%;
+  }
+}
+.carousel-body {
+  position: absolute;
+  width: 100%;
+  top: 25%;
+  text-align: center;
+  color: #fff;
+}
+.addonlist a > p {
+  margin-bottom: 15px;
+}
+/* PC扫码支付 */
+.scanpay {
+  margin-top: 20px;
+}
+.scanpay-title {
+  margin: 30px 0 15px 0;
+  padding-bottom: 15px;
+  border-bottom: 1px solid #eee;
+  position: relative;
+}
+.scanpay-qrcode {
+  margin-bottom: 20px;
+  position: relative;
+}
+.scanpay-qrcode img {
+  width: 100%;
+  border: 1px solid #eee;
+}
+.scanpay-qrcode .expired {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  opacity: .95;
+  background: #fff url(../images/expired.png) center center no-repeat;
+}
+.scanpay-qrcode .paid {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  opacity: .95;
+  background: #fff url(../images/paid.png) center center no-repeat;
+}
+.scanpay-screenshot {
+  padding: 0;
+}
+.scanpay-screenshot img {
+  width: 100%;
+}
+.scanpay-tips {
+  height: 60px;
+  padding: 8px 0 8px 125px;
+  background: #00c800 url(../images/scan.png) 50px 12px no-repeat;
+  background-size: 36px 36px;
+}
+.scanpay-tips p {
+  margin: 0;
+  font-size: 14px;
+  line-height: 22px;
+  color: #fff;
+  font-weight: 700;
+}
+.scanpay-time {
+  font-size: 14px;
+  margin-bottom: 15px;
+  position: absolute;
+  top: 15px;
+  right: 10px;
+  font-weight: normal;
+  display: none;
+}
+.scanpay-time span {
+  color: red;
+}
+.scanpay-order {
+  margin-bottom: 5px;
+}
+.scanpay-order em {
+  font-style: normal;
+  color: #666;
+}
+.scanpay-order em.scanpay-price {
+  color: #ff3333;
+  font-weight: bold;
+}
+.scanpay-alipay .scanpay-tips {
+  background-color: #4290e8;
+}
+@media (max-width: 767px) {
+  .scanpay {
+    margin-top: 20px;
+  }
+}
+@media (max-height: 855px) and (min-width: 767px) {
+  .scanpay {
+    width: calc(130vh);
+    min-width: 760px;
+  }
+}

public/assets/addons/epay/css/epay.css

@@ -0,0 +1,20 @@
+@import url("../../../css/bootstrap.min.css");
+@import url("../../../libs/font-awesome/css/font-awesome.min.css");
+html,
+body {
+  height: 100%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: 400;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: #f4f6f8;
+  font-size: 14px;
+  color: #616161;
+}
+.container {
+  max-width: 850px;
+  margin: 0 auto;
+  padding: 50px;
+}

public/assets/addons/epay/js/common.js

@@ -0,0 +1,65 @@
+$(function () {
+
+    if ($('.carousel').length > 0) {
+        $('.carousel').carousel({
+            interval: 5000 //changes the speed
+        });
+    }
+
+    if ($(".btn-experience").length > 0) {
+        $(".btn-experience").on("click", function () {
+            location.href = "/addons/epay/index/experience?amount=" + $("input[name=amount]").val() + "&type=" + $(this).data("type") + "&method=" + $("#method").val();
+        });
+    }
+
+    var si, xhr;
+    if (typeof queryParams != 'undefined') {
+        var queryResult = function () {
+            xhr && xhr.abort();
+            xhr = $.ajax({
+                url: "",
+                type: "post",
+                data: queryParams,
+                dataType: 'json',
+                success: function (ret) {
+                    if (ret.code == 1) {
+                        var data = ret.data;
+                        if (typeof data.status != 'undefined') {
+                            var status = data.status;
+                            if (status == 'SUCCESS' || status == 'TRADE_SUCCESS') {
+                                $(".scanpay-qrcode .paid").removeClass("hidden");
+                                $(".scanpay-tips p").html("支付成功！<br><span>3</span>秒后将自动跳转...");
+
+                                var sin = setInterval(function () {
+                                    $(".scanpay-tips p span").text(parseInt($(".scanpay-tips p span").text()) - 1);
+                                }, 1000);
+
+                                setTimeout(function () {
+                                    clearInterval(sin);
+                                    location.href = queryParams.returnurl;
+                                }, 3000);
+
+                                clearInterval(si);
+                            } else if (status == 'REFUND' || status == 'TRADE_CLOSED') {
+                                $(".scanpay-tips p").html("请求失败！<br>请返回重新发起支付");
+                                clearInterval(si);
+                            } else if (status == 'NOTPAY' || status == 'TRADE_NOT_EXIST') {
+                            } else if (status == 'CLOSED' || status == 'TRADE_CLOSED') {
+                                $(".scanpay-tips p").html("订单已关闭！<br>请返回重新发起支付");
+                                clearInterval(si);
+                            } else if (status == 'USERPAYING' || status == 'WAIT_BUYER_PAY') {
+                            } else if (status == 'PAYERROR') {
+                                clearInterval(si);
+                            }
+                        }
+                    }
+                }
+            });
+        };
+        si = setInterval(function () {
+            queryResult();
+        }, 3000);
+        queryResult();
+    }
+
+});

public/assets/addons/epay/less/common.less

@@ -0,0 +1,229 @@
+/*!
+ * Start Bootstrap - Modern Business (http://startbootstrap.com/)
+ * Copyright 2013-2016 Start Bootstrap
+ * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
+ */
+
+/* Global Styles */
+
+html,
+body {
+    height: 100%;
+}
+
+body {
+    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+
+}
+
+.img-addon {
+    margin-bottom: 10px;
+    width: 100%;
+}
+
+.img-hover:hover {
+    opacity: 0.8;
+}
+
+.display-1 {
+    font-size: 44px;
+}
+
+.display-4 {
+    font-size: 24px;
+    line-height: 32px;
+}
+
+/* Home Page Carousel */
+
+header.carousel {
+    height: 50%;
+}
+
+header.carousel .item,
+header.carousel .item.active,
+header.carousel .carousel-inner {
+    height: 100%;
+}
+
+header.carousel .fill {
+    width: 100%;
+    height: 100%;
+}
+
+.error-404 {
+    font-size: 100px;
+}
+
+/* Pricing Page Styles */
+
+.price {
+    display: block;
+    font-size: 50px;
+    line-height: 50px;
+}
+
+.price sup {
+    top: -20px;
+    left: 2px;
+    font-size: 20px;
+}
+
+.period {
+    display: block;
+    font-style: italic;
+}
+
+/* Footer Styles */
+
+footer {
+}
+
+/* Responsive Styles */
+
+@media (max-width: 991px) {
+    .customer-img,
+    .img-related {
+        margin-bottom: 30px;
+    }
+}
+
+@media (max-width: 767px) {
+    .img-addon {
+        margin-bottom: 15px;
+    }
+
+    header.carousel .carousel {
+        height: 70%;
+    }
+}
+
+.carousel-body {
+    position: absolute;
+    width: 100%;
+    top: 25%;
+    text-align: center;
+    color: #fff;
+}
+
+.addonlist a > p {
+    margin-bottom: 15px;
+}
+
+/* PC扫码支付 */
+
+.scanpay {
+    margin-top: 20px;
+}
+.scanpay-title {
+    margin: 30px 0 15px 0;
+    padding-bottom: 15px;
+    border-bottom: 1px solid #eee;
+    position: relative;
+}
+
+.scanpay-qrcode {
+    margin-bottom: 20px;
+    position: relative;
+
+    img {
+        width: 100%;
+        border: 1px solid #eee;
+    }
+
+    .expired {
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 100%;
+        width: 100%;
+        opacity: .95;
+        background: #fff url(../images/expired.png) center center no-repeat;
+    }
+
+    .paid {
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 100%;
+        width: 100%;
+        opacity: .95;
+        background: #fff url(../images/paid.png) center center no-repeat;
+    }
+}
+
+
+.scanpay-screenshot {
+    padding: 0;
+
+    img {
+        width: 100%;
+    }
+}
+
+.scanpay-tips {
+    height: 60px;
+    padding: 8px 0 8px 125px;
+    background: #00c800 url(../images/scan.png) 50px 12px no-repeat;
+    background-size: 36px 36px;
+
+    p {
+        margin: 0;
+        font-size: 14px;
+        line-height: 22px;
+        color: #fff;
+        font-weight: 700
+    }
+}
+
+.scanpay-time {
+    font-size: 14px;
+    margin-bottom: 15px;
+    position: absolute;
+    top: 15px;
+    right: 10px;
+    font-weight: normal;
+    display: none;
+
+    span {
+        color: red;
+    }
+
+}
+
+.scanpay-order {
+    margin-bottom: 5px;
+
+    em {
+        font-style: normal;
+        color: #666;
+
+        &.scanpay-price {
+            color: #ff3333;
+            font-weight: bold;
+        }
+    }
+}
+
+.scanpay-alipay {
+    .scanpay-tips {
+        background-color: #4290e8;
+    }
+}
+
+
+@media (max-width: 767px) {
+    .scanpay {
+        margin-top: 20px;
+    }
+}
+
+@media (max-height: 855px) and (min-width: 767px) {
+    .scanpay {
+        width: calc(~ '130vh');
+        min-width: 760px;
+    }
+}

public/assets/addons/epay/less/epay.less

@@ -0,0 +1,28 @@
+@import (reference) "../../../../public/assets/less/bootstrap-less/mixins.less";
+@import (reference) "../../../../public/assets/less/bootstrap-less/variables.less";
+@import (reference) "../../../../public/assets/less/fastadmin/mixins.less";
+@import (reference) "../../../../public/assets/less/fastadmin/variables.less";
+@import "../../../../public/assets/less/lesshat.less";
+@import url("../../../css/bootstrap.min.css");
+@import url("../../../libs/font-awesome/css/font-awesome.min.css");
+
+html,
+body {
+  height: 100%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: 400;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: #f4f6f8;
+  font-size: 14px;
+  color: #616161;
+
+}
+
+.container {
+  max-width: 850px;
+  margin: 0 auto;
+  padding:50px;
+}

public/assets/js/backend/posters.js

@@ -0,0 +1,57 @@
+define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {
+
+    var Controller = {
+        index: function () {
+            // 初始化表格参数配置
+            Table.api.init({
+                extend: {
+                    index_url: 'posters/index' + location.search,
+                    add_url: 'posters/create',
+                    edit_url: 'posters/update',
+                    del_url: 'posters/del',
+                    table: 'posters',
+                }
+            });
+
+            var table = $("#table");
+
+            $(".btn-add").data("area", ["100%", "100%"]);
+
+            table.on('post-body.bs.table', function (e, settings, json, xhr) {
+                $(".btn-editone").data("area", ["100%", "100%"]);
+            });
+
+            // 初始化表格
+            table.bootstrapTable({
+                url: $.fn.bootstrapTable.defaults.extend.index_url,
+                pk: 'id',
+                sortName: 'id',
+                columns: [
+                    [
+                        {checkbox: true},
+                        {field: 'id', title: __('Id')},
+                        {field: 'title', title: __('Title'), operate: 'LIKE'},
+                        {field: 'create_time', title: __('Create_time'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},
+                        {field: 'update_time', title: __('Update_time'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},
+                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}
+                    ]
+                ]
+            });
+
+            // 为表格绑定事件
+            Table.api.bindevent(table);
+        },
+        add: function () {
+            Controller.api.bindevent();
+        },
+        edit: function () {
+            Controller.api.bindevent();
+        },
+        api: {
+            bindevent: function () {
+                Form.api.bindevent($("form[role=form]"));
+            }
+        }
+    };
+    return Controller;
+});

public/assets/js/frontend/invite.js

@@ -0,0 +1,14 @@
+define(['jquery', 'bootstrap', 'frontend', 'form', 'template'], function ($, undefined, Frontend, Form, Template) {
+    var Controller = {
+        index: function () {
+            require(['../addons/invite/js/clipboard.min'], function (Clipboard) {
+                var clipboard = new Clipboard('.btn-invite');
+                clipboard.on('success', function (e) {
+                    Toastr.success("邀请链接已复制到剪贴板!");
+                    e.clearSelection();
+                });
+            });
+        },
+    };
+    return Controller;
+});