| <!DOCTYPE HTML> | 
| <html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml"> | 
| <head> | 
|     <meta charset="utf-8"> | 
|     <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> | 
|     <meta name="renderer" content="webkit|ie-comp|ie-stand"> | 
|     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | 
|     <meta name="viewport" | 
|           content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> | 
|     <meta http-equiv="Cache-Control" content="no-siteapp"/> | 
|     <!-- 本框架基本脚本和样式 --> | 
|     <script type="text/javascript" th:src="@{/js/systools/MBaseVue.js}"></script> | 
|     <link rel="stylesheet" th:href="@{/plugin/element-ui/index.css}"> | 
|     <link rel="stylesheet" th:href="@{/plugin/bootstrap-3.3.5/css/bootstrap.min.css}"> | 
|     <link th:href="@{/css/styleOne/style.min.css}" rel="stylesheet" type="text/css"/> | 
|   | 
|     <!-- 富文本编辑器 --> | 
|     <script type="text/javascript" charset="utf-8" | 
|             th:src="@{/plugin/beditor/ueditor.config.js}"></script> | 
|     <script type="text/javascript" charset="utf-8" | 
|             th:src="@{/plugin/beditor/ueditor.all.js}"> | 
|     </script> | 
|     <script type="text/javascript" charset="utf-8" | 
|             th:src="@{/plugin/beditor/lang/zh-cn/zh-cn.js}"></script> | 
|     <style> | 
|   | 
|         .button { | 
|             padding: 0; | 
|             float: right; | 
|         } | 
|   | 
|         .image { | 
|             width: 100%; | 
|             height: 100%; | 
|             display: block; | 
|         } | 
|   | 
|         .clearfix:before, | 
|         .clearfix:after { | 
|             display: table; | 
|             content: ""; | 
|         } | 
|   | 
|         .clearfix:after { | 
|             clear: both | 
|         } | 
|   | 
|         .box-card { | 
|             padding: 5px 5px; | 
|             margin-right: 40px; | 
|         } | 
|     </style> | 
| </head> | 
|   | 
| <body> | 
| <div class="panel-body" id="app" v-cloak> | 
|     <el-row style="padding:20px;"> | 
|         <el-col :span="4"> | 
|             <el-card class="box-card" :body-style="{ padding: '10px 10px'}"> | 
|                 <img src="../../../images/sign/meiriqiandao.png" class="image"> | 
|                 <div style="padding: 5px;"> | 
|                     <span style="padding:5px;font-size: 18px;">每日签到</span> | 
|                     <div class="bottom clearfix"> | 
|                         <el-button type="primary" size="mini" class="button" @click="createSign()" round>马上创建</el-button> | 
|                     </div> | 
|                 </div> | 
|             </el-card> | 
|         </el-col> | 
|         <el-col :span="4"> | 
|             <el-card class="box-card" :body-style="{ padding: '10px 10px'}"> | 
|                 <img src="../../../images/sign/tiantianpingtuan.png" class="image"> | 
|                 <div style="padding: 5px;"> | 
|                     <span style="padding:5px;font-size: 18px;">拼团</span> | 
|                     <div class="bottom clearfix"> | 
|                         <el-button type="primary" size="mini" class="button" @click="openAdd(1)" round>马上创建</el-button> | 
|                     </div> | 
|                 </div> | 
|             </el-card> | 
|         </el-col> | 
|         <el-col :span="4"> | 
|             <el-card class="box-card" :body-style="{ padding: '10px 10px'}"> | 
|                 <img src="../../../images/sign/jisumiaosha.png" class="image"> | 
|                 <div style="padding: 5px;"> | 
|                     <span style="padding:5px;font-size: 18px;">秒杀</span> | 
|                     <div class="bottom clearfix"> | 
|                         <el-button type="primary" size="mini" class="button" @click="openSecKill()" round>马上创建</el-button> | 
|                     </div> | 
|                 </div> | 
|             </el-card> | 
|         </el-col> | 
|         <el-col :span="4"> | 
|             <el-card class="box-card" :body-style="{ padding: '10px 10px'}"> | 
|                 <img src="../../../images/sign/shalonghuodong.png" class="image"> | 
|                 <div style="padding: 5px;"> | 
|                     <span style="padding:5px;font-size: 18px;">沙龙</span> | 
|                     <div class="bottom clearfix"> | 
|                         <el-button type="primary" size="mini" class="button" @click="openSalon()" round>马上创建</el-button> | 
|                     </div> | 
|                 </div> | 
|             </el-card> | 
|         </el-col> | 
|     </el-row> | 
|     <el-row style="padding:20px;"> | 
|         <el-col :span="4"> | 
|             <el-card class="box-card" :body-style="{ padding: '10px 10px'}"> | 
|                 <img src="../../../images/luckyDraw/zhuanpanchoujian.png" class="image"> | 
|                 <div style="padding: 5px;"> | 
|                     <span style="padding:5px;font-size: 18px;">转盘抽奖</span> | 
|                     <div class="bottom clearfix"> | 
|                         <el-button type="primary" size="mini" class="button" @click="createLuckyDraw()" round>马上创建</el-button> | 
|                     </div> | 
|                 </div> | 
|             </el-card> | 
|         </el-col> | 
|     </el-row> | 
|   | 
| </div> | 
| </body> | 
| <script type="text/javascript" th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script> | 
| <script type="text/javascript" th:src="@{/js/plugin/jquery.query.js}"></script> | 
| <script type="text/javascript" th:src="@{/plugin/bootstrap-3.3.5/js/bootstrap.min.js}"></script> | 
| <script type="text/javascript" th:src="@{/js/systools/AjaxProxyVue.js}"></script> | 
| <script type="text/javascript" th:src="@{/js/plugin/vue.js}"></script> | 
| <script type="text/javascript" th:src="@{/plugin/element-ui/index.js}"></script> | 
| <script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script> | 
| <script type="text/javascript" th:src="@{/plugin/layer/layer.js}"></script> | 
| <script type="text/javascript" th:src="@{/plugin/moment.min.js}"></script> | 
|   | 
| <script> | 
|     var app = new Vue({ | 
|         el: '#app', | 
|         data: { | 
|             imageUrlqd: "../../images/sign/meiriqiandao.png", | 
|             imageUrlms: "../../images/sign/jisumiaosha.png", | 
|             imageUrlpt: "../../images/sign/tiantianpingtuan.png", | 
|             imageUrlsl: "../../images/sign/shalonghuodong.png", | 
|         }, | 
|         created: function () { | 
|         }, | 
|         methods: { | 
|             //跳转到设置转盘抽奖 | 
|             createLuckyDraw(){ | 
|                 $.AjaxProxy().invoke(basePath + "/admin/activitySignAwardSet/createLuckyDrawSet", function(loj) { | 
|                     if (loj[0].result.status == '200') { | 
|                         layer.full(layer.open({ | 
|                             type: 2, | 
|                             title: "转盘抽奖管理", | 
|                             maxmin: true, | 
|                             area: [MUI.SIZE_L, '500px'], | 
|                             content : [ basePath + '/admin/redirect/activity/activity-luckyDraw'] | 
|                         })); | 
|                     }else{ | 
|                         _this.$message({ | 
|                             message: data.info, | 
|                             type: 'success', | 
|                         }); | 
|                     } | 
|                 }); | 
|             }, | 
|             //跳转到设置签到活动 | 
|             createSign(){ | 
|                 $.AjaxProxy().invoke(basePath + "/admin/activitySignAwardSet/createSignAwardSet", function(loj) { | 
|                     if (loj[0].result.status == '200') { | 
|                         layer.full(layer.open({ | 
|                             type: 2, | 
|                             title: "签到管理", | 
|                             maxmin: true, | 
|                             area: [MUI.SIZE_L, '500px'], | 
|                             content : [ basePath + '/admin/redirect/activity/activity-sign'] | 
|                         })); | 
|                     }else{ | 
|                         _this.$message({ | 
|                             message: data.info, | 
|                             type: 'success', | 
|                         }); | 
|                     } | 
|                 }); | 
|             }, | 
|             // 打新增拼团界面 | 
|             openAdd(value) { | 
|                 layer.full(layer.open({ | 
|                     type : 2, | 
|                     title : "新建拼团", | 
|                     area : [ MUI.SIZE_L, MUI.SIZE_L ], | 
|                     maxmin : true, | 
|                     content : [ basePath+'/admin/redirect/shop/activities/activitiesGroupBuy-form'] | 
|                 })); | 
|             }, | 
|   | 
|             // 打开新增秒杀界面 | 
|             openSecKill() { | 
|                 layer.full(layer.open({ | 
|                     type : 2, | 
|                     title : "新建秒杀", | 
|                     area : [ MUI.SIZE_L, MUI.SIZE_L ], | 
|                     maxmin : true, | 
|                     content : [ basePath+'/admin/redirect/shop/activities/activitiesSecKill-form'] | 
|                 })); | 
|             }, | 
|   | 
|             // 打开新增沙龙界面 | 
|             openSalon() { | 
|                 layer.full(layer.open({ | 
|                     type : 2, | 
|                     title : "新建沙龙", | 
|                     area : [ MUI.SIZE_L, MUI.SIZE_L ], | 
|                     maxmin : true, | 
|                     content : [ basePath+'/admin/redirect/shop/activities/activitiesSalon-form'] | 
|                 })); | 
|             }, | 
|         } | 
|     }) | 
| </script> | 
|   | 
| </body> | 
| </html> |