|
|
@@ -1,828 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html>
|
|
|
-
|
|
|
-<head>
|
|
|
- <meta charset="utf-8">
|
|
|
- <title>编辑活动</title>
|
|
|
- <meta name="renderer" content="webkit">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
|
- <link rel="stylesheet" href="./layui/css/layui.css" media="all">
|
|
|
- <link rel="stylesheet" href="./css/admin.css" media="all">
|
|
|
- <style>
|
|
|
- .layui-upload-img {
|
|
|
- width: 92px;
|
|
|
- height: 92px;
|
|
|
- margin: 0 10px 10px 0;
|
|
|
- }
|
|
|
- </style>
|
|
|
-</head>
|
|
|
-
|
|
|
-<body>
|
|
|
-
|
|
|
-
|
|
|
- <div class="layui-fluid" id="component-tabs">
|
|
|
- <div class="layui-row">
|
|
|
- <div class="layui-col-md12">
|
|
|
- <form class="layui-form" action="" lay-filter="component-form-element">
|
|
|
- <div class="layui-card">
|
|
|
- <div class="layui-card-header">活动信息管理</div>
|
|
|
- <div class="layui-card-body">
|
|
|
- <div class="layui-tab">
|
|
|
- <ul class="layui-tab-title">
|
|
|
- <li class="layui-this">基本信息</li>
|
|
|
- <li>报名 <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否"></li>
|
|
|
- <li>签到 <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否"></li>
|
|
|
- <li>留言 <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否"></li>
|
|
|
- <li>投票 <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否"></li>
|
|
|
- <li>抽奖 <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否"></li>
|
|
|
- <li>答题 <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否"></li>
|
|
|
- <li>视频资料 <input type="checkbox" name="marriage" lay-skin="switch" lay-text="是|否"></li>
|
|
|
- </ul>
|
|
|
- <div class="layui-tab-content">
|
|
|
- <div class="layui-tab-item layui-show">
|
|
|
- <div class="layui-card">
|
|
|
- <div class="layui-card-header">活动信息</div>
|
|
|
- <div class="layui-card-body" style="padding: 15px;">
|
|
|
- <div class="layui-form-item">
|
|
|
- <div class="layui-inline">
|
|
|
- <label class="layui-form-label">活动名称</label>
|
|
|
- <div class="layui-input-inline">
|
|
|
- <input type="tel" name="name" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="layui-inline">
|
|
|
- <label class="layui-form-label">活动类型</label>
|
|
|
- <div class="layui-input-inline">
|
|
|
- <select name="modules" lay-verify="required" lay-search="">
|
|
|
- <option value="1">现场活动</option>
|
|
|
- <option value="2">会议</option>
|
|
|
- <option value="3">日程工作</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="layui-form-item">
|
|
|
- <div class="layui-inline">
|
|
|
- <label class="layui-form-label">主办方</label>
|
|
|
- <div class="layui-input-inline">
|
|
|
- <input type="text" name="boss" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-inline">
|
|
|
- <label class="layui-form-label">活动主题</label>
|
|
|
- <div class="layui-input-inline">
|
|
|
- <select name="modules" lay-verify="required" lay-search="">
|
|
|
- <option value="1">依法治国</option>
|
|
|
- <option value="2">八五普法</option>
|
|
|
- <option value="3">谁执法谁普法</option>
|
|
|
- <option value="4">党内法规</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-card-header">普通图片上传</div>
|
|
|
- <div class="layui-card-body">
|
|
|
- <div class="layui-upload">
|
|
|
- <button type="button" class="layui-btn" id="test-upload-normal">上传图片</button>
|
|
|
- <div class="layui-upload-list">
|
|
|
- <img class="layui-upload-img" id="test-upload-normal-img">
|
|
|
- <p id="test-upload-demoText"></p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <blockquote class="layui-elem-quote">
|
|
|
- (只能上传 jpg/png 文件,且不超过 500kb,图片尺寸: 335*115)
|
|
|
- </blockquote>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-card">
|
|
|
- <div class="layui-card-header">场次信息</div>
|
|
|
- <div class="layui-card-body" style="padding: 15px;">
|
|
|
- <div class="layui-form-item">
|
|
|
- <div class="layui-inline">
|
|
|
- <label class="layui-form-label">时间</label>
|
|
|
- <div class="layui-input-inline">
|
|
|
- <input type="tel" name="activityDate" id="test-laydate-start" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input" lay-key="1">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="layui-inline">
|
|
|
- <label class="layui-form-label">地点</label>
|
|
|
- <div class="layui-input-inline">
|
|
|
- <input type="tel" id="dingwei" name="activityAddress" onclick="searchByStationName();" lay-verify="required" autocomplete="off" class="layui-input">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-form-item">
|
|
|
- <div class="layui-inline">
|
|
|
- <label class="layui-form-label">人数</label>
|
|
|
- <div class="layui-input-inline">
|
|
|
- <input type="text" name="activityQuantity" lay-verify="required|number" autocomplete="off" class="layui-input">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-form-item">
|
|
|
- <label class="layui-form-label">报名</label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <input type="radio" name="sex" value="需要审核" title="需要审核" checked="">
|
|
|
- <div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon"></i>
|
|
|
- <div>需要审核</div>
|
|
|
- </div>
|
|
|
- <input type="radio" name="sex" value="不需要审核" title="不需要审核">
|
|
|
- <div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i>
|
|
|
- <div>不需要审核</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-form-item">
|
|
|
- <div class="layui-input-block">
|
|
|
- <button class="layui-btn" lay-submit="" lay-filter="component-form-element">立即提交</button>
|
|
|
- <button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="layui-tab-item">
|
|
|
- <form class="layui-form" action="">
|
|
|
- <div class="layui-card">
|
|
|
- <div class="layui-card-body">
|
|
|
- <div class="test-table-reload-btn" style="margin-bottom: 10px;">
|
|
|
- 姓名:
|
|
|
- <div class="layui-inline">
|
|
|
- <input class="layui-input" name="name" autocomplete="off">
|
|
|
- </div> 手机号:
|
|
|
- <div class="layui-inline">
|
|
|
- <input class="layui-input" name="name" autocomplete="off">
|
|
|
- </div> 主办方:
|
|
|
- <div class="layui-inline">
|
|
|
- <input class="layui-input" name="name" autocomplete="off">
|
|
|
- </div> 职业信息
|
|
|
- <div class="layui-inline">
|
|
|
- <input class="layui-input" name="name" autocomplete="off">
|
|
|
- </div>
|
|
|
- <button class="layui-btn" data-type="reload">搜索</button>
|
|
|
- </div>
|
|
|
- <table class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
|
|
|
-
|
|
|
- <script type="text/html" id="test-table-operate-barDemo">
|
|
|
- <input type="checkbox" name="marriage" lay-skin="switch" lay-event="switch" checked lay-text="审核通过|审核不通过">
|
|
|
- <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="edit"> 编辑 </button>
|
|
|
- </script>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <div class="layui-tab-item">
|
|
|
- <form class="layui-form" action="" lay-filter="component-form-element">
|
|
|
- <div class="layui-card">
|
|
|
- <div class="layui-card-body">
|
|
|
- <div class="test-table-reload-btn" style="margin-bottom: 10px;">
|
|
|
- 姓名:
|
|
|
- <div class="layui-inline">
|
|
|
- <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
|
|
|
- </div> 手机号:
|
|
|
- <div class="layui-inline">
|
|
|
- <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
|
|
|
- </div> 职业信息
|
|
|
- <div class="layui-inline">
|
|
|
- <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
|
|
|
- </div>
|
|
|
- <button class="layui-btn" data-type="reload">搜索</button>
|
|
|
- </div>
|
|
|
- <table class="layui-hide" id="test-table-qiandao" lay-filter="test-table-qiandao"></table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <div class="layui-tab-item">
|
|
|
- <form class="layui-form" action="" lay-filter="component-form-element">
|
|
|
- <div class="layui-card">
|
|
|
- <div class="layui-card-body">
|
|
|
- <table class="layui-hide" id="test-table-liuyan" lay-filter="test-table-operate"></table>
|
|
|
- <script type="text/html" id="test-table-operate-liuyan">
|
|
|
- <button class="layui-btn layui-btn-sm" lay-event="edit5" type="button"> 转换状态 </button>
|
|
|
-
|
|
|
- </script>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <div class="layui-tab-item">
|
|
|
-
|
|
|
- <form class="layui-form" action="" lay-filter="component-form-element">
|
|
|
- <div class="layui-card">
|
|
|
- <div class="layui-card-header">
|
|
|
- <span>
|
|
|
- 投票描述:最佳讲师 投票类型:单选 投票数量:1
|
|
|
- </span>
|
|
|
-
|
|
|
- <button onclick="changeVoter()" type="button" class="layui-btn layui-btn-sm" id="upload">
|
|
|
- 修改投票信息
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- <div class="layui-card-body">
|
|
|
- <div class="test-table-reload-btn" style="margin-bottom: 10px;">
|
|
|
- 选项名称:
|
|
|
- <div class="layui-inline">
|
|
|
- <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
|
|
|
- </div> 状态:
|
|
|
- <div class="layui-input-inline">
|
|
|
- <select name="modules" lay-verify="required" lay-search="">
|
|
|
- <option value="1">启用</option>
|
|
|
- <option value="2">停用</option>
|
|
|
- </select>
|
|
|
- </div>
|
|
|
-
|
|
|
- <button class="layui-btn" data-type="reload">搜索</button>
|
|
|
- <button type="button" onclick="addVoter()" class="layui-btn layui-btn-warm">新增</button>
|
|
|
- </div>
|
|
|
- <table class="layui-hide" id="test-table-toupiao" lay-filter="test-table-operate"></table>
|
|
|
- <script type="text/html" id="test-table-operate-toupiao">
|
|
|
- <button type="button" class="layui-btn layui-btn-sm" lay-event="edit2"> 编辑 </button>
|
|
|
- </script>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <div class="layui-tab-item">
|
|
|
- <form class="layui-form" action="" lay-filter="component-form-element">
|
|
|
- <div class="layui-card">
|
|
|
- <div class="layui-card-body">
|
|
|
- <div class="test-table-reload-btn" style="margin-bottom: 10px;">
|
|
|
-
|
|
|
- <button type="button" onclick="addLuck()" class="layui-btn layui-btn-warm">新增抽奖项</button>
|
|
|
- </div>
|
|
|
- <table class="layui-hide" id="test-table-choujiang" lay-filter="test-table-operate"></table>
|
|
|
- <script type="text/html" id="test-table-operate-choujiang">
|
|
|
- <button type="button" class="layui-btn layui-btn-sm" lay-event="edit4"> 编辑 </button>
|
|
|
- </script>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <div class="layui-tab-item">
|
|
|
- <form class="layui-form" action="" lay-filter="component-form-element">
|
|
|
- <div class="layui-card">
|
|
|
- <div class="layui-card-header">
|
|
|
- <span>房间信息</span>
|
|
|
- <button type="button" onclick="changeRoom()" class="layui-btn layui-btn-sm" lay-event="edit"> 修改房间信息 </button>
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="layui-card-body">
|
|
|
- <div class="layui-row">
|
|
|
- <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
|
|
|
- 房间名称: 上海市司法局宪法知识竞赛
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
|
|
|
- 用户数量: 150
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="layui-row">
|
|
|
- <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
|
|
|
- 单位名称: 上海市司法局
|
|
|
- </div>
|
|
|
- <div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
|
|
|
- 等待时间: 20
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-card">
|
|
|
- <div class="layui-card-header">
|
|
|
- 题目信息
|
|
|
- </div>
|
|
|
- <div class="layui-card-body">
|
|
|
- <div class="test-table-reload-btn" style="margin-bottom: 10px;">
|
|
|
- 题目关键词:
|
|
|
- <div class="layui-inline">
|
|
|
- <input class="layui-input" name="name" id="test-table-demoReload" autocomplete="off">
|
|
|
- </div>
|
|
|
- <button type="button" onclick="addSubject()" class="layui-btn">添加新题目</button>
|
|
|
- <button type="button" onclick="chooseSubject()" class="layui-btn layui-btn-warm">从题库中选择题目</button>
|
|
|
- </div>
|
|
|
- <table class="layui-hide" id="test-table-dati" lay-filter="test-table-operate"></table>
|
|
|
- <script type="text/html" id="test-table-operate-dati">
|
|
|
- <a href="hudongbianji.html" class="layui-btn layui-btn-sm" lay-event="edit"> 删除 </a>
|
|
|
- </script>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <div class="layui-tab-item">
|
|
|
- <div class="layui-card">
|
|
|
- <div class="layui-card-header">视频资料:</div>
|
|
|
- <div class="layui-card-body">
|
|
|
- <button type="button" class="layui-btn" id="test-upload-type3"><i class="layui-icon"></i>上传视频</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-card">
|
|
|
- <label class="layui-form-label">视频地址:</label>
|
|
|
- <div class="layui-input-block">
|
|
|
- <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-card">
|
|
|
- <div class="layui-input-block">
|
|
|
- <button class="layui-btn" lay-submit="" lay-filter="component-form-element">立即提交</button>
|
|
|
- <button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <script src="./layui/layui.js"></script>
|
|
|
- <script>
|
|
|
- layui.config({
|
|
|
- base: './' //静态资源所在路径
|
|
|
- }).extend({
|
|
|
- index: 'lib/index' //主入口模块
|
|
|
- }).use(['index', 'table', 'laydate', 'form', 'upload', 'element'], function() {
|
|
|
- var table = layui.table,
|
|
|
- element = layui.element,
|
|
|
- upload = layui.upload,
|
|
|
- form = layui.form,
|
|
|
- table1 = layui.table,
|
|
|
- table2 = layui.table,
|
|
|
- table3 = layui.table,
|
|
|
- table4 = layui.table,
|
|
|
- table5 = layui.table,
|
|
|
- admin = layui.admin;
|
|
|
- var laydate = layui.laydate;
|
|
|
- form.render(null, 'component-form-element');
|
|
|
- element.render('breadcrumb', 'breadcrumb');
|
|
|
-
|
|
|
- var uploadInst = upload.render({
|
|
|
- elem: '#test-upload-normal',
|
|
|
- url: '/upload/',
|
|
|
- before: function(obj) {
|
|
|
- //预读本地文件示例,不支持ie8
|
|
|
- obj.preview(function(index, file, result) {
|
|
|
- $('#test-upload-normal-img').attr('src', result); //图片链接(base64)
|
|
|
- });
|
|
|
- },
|
|
|
- done: function(res) {
|
|
|
- //如果上传失败
|
|
|
- if (res.code > 0) {
|
|
|
- return layer.msg('上传失败');
|
|
|
- }
|
|
|
- //上传成功
|
|
|
- },
|
|
|
- error: function() {
|
|
|
- //演示失败状态,并实现重传
|
|
|
- var demoText = $('#test-upload-demoText');
|
|
|
- demoText.html('<span style="color: #FF5722;">上传成功</span> ');
|
|
|
- demoText.find('.demo-reload').on('click', function() {
|
|
|
- uploadInst.upload();
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- form.on('submit(component-form-element)', function(data) {
|
|
|
- // layer.msg(JSON.stringify(data.field));
|
|
|
-
|
|
|
- return false;
|
|
|
- });
|
|
|
- table.render({
|
|
|
- elem: '#test-table-operate',
|
|
|
- url: './layui/demo/table.js',
|
|
|
- cols: [
|
|
|
- [{
|
|
|
- field: 'id',
|
|
|
- title: 'ID',
|
|
|
- unresize: true,
|
|
|
- sort: true
|
|
|
- }, {
|
|
|
- field: 'username',
|
|
|
- title: '姓名'
|
|
|
- }, {
|
|
|
- field: 'sign',
|
|
|
- title: '手机号'
|
|
|
- }, {
|
|
|
- field: 'sex',
|
|
|
- title: '年龄'
|
|
|
- }, {
|
|
|
- field: 'city',
|
|
|
- title: '职位信息'
|
|
|
- }, {
|
|
|
- field: 'city',
|
|
|
- title: '报名时间'
|
|
|
- }, {
|
|
|
- field: 'status',
|
|
|
- title: '状态',
|
|
|
- }, {
|
|
|
- width: 180,
|
|
|
- align: 'center',
|
|
|
- title: '操作',
|
|
|
- fixed: 'right',
|
|
|
- toolbar: '#test-table-operate-barDemo'
|
|
|
- }]
|
|
|
- ],
|
|
|
- page: {
|
|
|
- layout: ['prev', 'page', 'next', 'skip', 'count']
|
|
|
- }
|
|
|
- });
|
|
|
- //监听行工具事件
|
|
|
- table.on('tool(test-table-operate)', function(obj) {
|
|
|
- console.log(obj)
|
|
|
- if (obj.event == 'edit') {
|
|
|
- layer.open({
|
|
|
- type: 2,
|
|
|
- area: ['70%', '75%'],
|
|
|
- fixed: false,
|
|
|
- maxmin: true,
|
|
|
- content: './signEdit.html'
|
|
|
- });
|
|
|
- }else if (obj.event == 'edit2') {
|
|
|
- layer.open({
|
|
|
- type: 2,
|
|
|
- area: ['70%', '75%'],
|
|
|
- fixed: false,
|
|
|
- maxmin: true,
|
|
|
- content: './addVoter.html'
|
|
|
- });
|
|
|
- }else if (obj.event == 'edit5') {
|
|
|
- obj.update({
|
|
|
- status:obj.data.status=="审核通过"?"审核失败":"审核通过"
|
|
|
- })
|
|
|
- }
|
|
|
- else if(obj.event=='showPerson'){
|
|
|
- layer.open({
|
|
|
- type: 2,
|
|
|
- area: ['70%', '75%'],
|
|
|
- fixed: false,
|
|
|
- maxmin: true,
|
|
|
- content: './personList.html'
|
|
|
- });
|
|
|
- }
|
|
|
- else if(obj.event=='edit4'){
|
|
|
- layer.open({
|
|
|
- type: 2,
|
|
|
- area: ['70%', '75%'],
|
|
|
- fixed: false,
|
|
|
- maxmin: true,
|
|
|
- content: './luckDraw.html'
|
|
|
- });
|
|
|
- }else if(obj.event=='showLuck'){
|
|
|
- layer.open({
|
|
|
- type: 2,
|
|
|
- area: ['70%', '75%'],
|
|
|
- fixed: false,
|
|
|
- maxmin: true,
|
|
|
- content: './chongjiangjilu.html'
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- });
|
|
|
-
|
|
|
- table1.render({
|
|
|
- elem: '#test-table-qiandao',
|
|
|
- url: './layui/demo/person.js',
|
|
|
- cols: [
|
|
|
- [{
|
|
|
- field: 'id',
|
|
|
- title: 'ID',
|
|
|
- unresize: true,
|
|
|
- sort: true
|
|
|
- }, {
|
|
|
- field: 'username',
|
|
|
- title: '姓名'
|
|
|
- }, {
|
|
|
- field: 'phone',
|
|
|
- title: '手机号'
|
|
|
- }, {
|
|
|
- field: 'age',
|
|
|
- title: '年龄'
|
|
|
- }, {
|
|
|
- field: 'work',
|
|
|
- title: '职位信息'
|
|
|
- }, {
|
|
|
- field: 'signTime',
|
|
|
- title: '签到时间'
|
|
|
- }]
|
|
|
- ],
|
|
|
- page: {
|
|
|
- layout: ['prev', 'page', 'next', 'skip', 'count']
|
|
|
- }
|
|
|
- });
|
|
|
- table2.render({
|
|
|
- elem: '#test-table-toupiao',
|
|
|
- url: './layui/demo/voter.js',
|
|
|
- cols: [
|
|
|
- [{
|
|
|
- field: 'id',
|
|
|
- title: 'ID',
|
|
|
- unresize: true,
|
|
|
- sort: true
|
|
|
- }, {
|
|
|
- field: 'username',
|
|
|
- title: '选项名称'
|
|
|
- }, {
|
|
|
- field: 'img',
|
|
|
- title: '选项图片',
|
|
|
- unresize: true,
|
|
|
- sort: false,
|
|
|
- templet:'<div class="layer-photos-demo" style="cursor:pointer;"><img src="{{d.img}}"></div>'
|
|
|
- }, {
|
|
|
- // field: 'num',
|
|
|
- title: '票数',
|
|
|
- event:"showPerson",
|
|
|
- templet:'<div style="text-decoration: underline;color:#009688;cursor: pointer">{{d.num}}</div>'
|
|
|
- }, {
|
|
|
- field: 'status',
|
|
|
- title: '状态'
|
|
|
- }, {
|
|
|
- width: 180,
|
|
|
- align: 'center',
|
|
|
- title: '操作',
|
|
|
- fixed: 'right',
|
|
|
- toolbar: '#test-table-operate-toupiao'
|
|
|
- }]
|
|
|
- ],
|
|
|
- page: {
|
|
|
- layout: ['prev', 'page', 'next', 'skip', 'count']
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- table3.render({
|
|
|
- elem: '#test-table-dati',
|
|
|
- url: './layui/demo/table.js',
|
|
|
- cols: [
|
|
|
- [{
|
|
|
- field: 'id',
|
|
|
- title: 'ID',
|
|
|
- unresize: true,
|
|
|
- sort: true
|
|
|
- }, {
|
|
|
- field: 'username',
|
|
|
- title: '题目'
|
|
|
- }, {
|
|
|
- width: 180,
|
|
|
- align: 'center',
|
|
|
- title: '操作',
|
|
|
- fixed: 'right',
|
|
|
- toolbar: '#test-table-operate-dati'
|
|
|
- }]
|
|
|
- ],
|
|
|
- page: {
|
|
|
- layout: ['prev', 'page', 'next', 'skip', 'count']
|
|
|
- }
|
|
|
- });
|
|
|
- table4.render({
|
|
|
- elem: '#test-table-choujiang',
|
|
|
- url: './layui/demo/voter.js',
|
|
|
- cols: [
|
|
|
- [{
|
|
|
- field: 'id',
|
|
|
- title: 'ID',
|
|
|
- unresize: true,
|
|
|
- sort: true
|
|
|
- }, {
|
|
|
- field: 'username',
|
|
|
- title: '奖项名称'
|
|
|
- }, {
|
|
|
- field: 'num',
|
|
|
- title: '数量',
|
|
|
- event:'showLuck'
|
|
|
- }, {
|
|
|
- field: 'start_flag',
|
|
|
- title: '状态',
|
|
|
- templet:'<div style="text-decoration: underline;color:#009688;cursor: pointer">{{d.start_flag==0?"未开始":(d.start_flag==1?"进行中":"已结束")}}</div>'
|
|
|
- }, {
|
|
|
- width: 180,
|
|
|
- align: 'center',
|
|
|
- title: '操作',
|
|
|
- fixed: 'right',
|
|
|
- toolbar: '#test-table-operate-choujiang'
|
|
|
- }]
|
|
|
- ],
|
|
|
- page: {
|
|
|
- layout: ['prev', 'page', 'next', 'skip', 'count']
|
|
|
- }
|
|
|
- });
|
|
|
- table5.render({
|
|
|
- elem: '#test-table-liuyan',
|
|
|
- url: './layui/demo/table.js',
|
|
|
- cols: [
|
|
|
- [{
|
|
|
- field: 'id',
|
|
|
- title: 'ID',
|
|
|
- unresize: true,
|
|
|
- sort: true
|
|
|
- }, {
|
|
|
- field: 'username',
|
|
|
- title: '昵称'
|
|
|
- }, {
|
|
|
- field: 'sign',
|
|
|
- title: '内容'
|
|
|
- }, {
|
|
|
- field: 'time',
|
|
|
- title: '发布时间'
|
|
|
- }, {
|
|
|
- field: 'status',
|
|
|
- title: '状态',
|
|
|
- }, {
|
|
|
- width: 180,
|
|
|
- align: 'center',
|
|
|
- title: '操作',
|
|
|
- fixed: 'right',
|
|
|
- toolbar: '#test-table-operate-liuyan'
|
|
|
- }]
|
|
|
- ],
|
|
|
- page: {
|
|
|
- layout: ['prev', 'page', 'next', 'skip', 'count']
|
|
|
- }
|
|
|
- });
|
|
|
- /* 触发事件 */
|
|
|
- var active = {
|
|
|
- tabAdd: function() {
|
|
|
- /* 新增一个Tab项 */
|
|
|
- element.tabAdd('demo', {
|
|
|
- title: '新选项' + (Math.random() * 1000 | 0) /* 用于演示 */ ,
|
|
|
- content: '内容' + (Math.random() * 1000 | 0),
|
|
|
- id: new Date().getTime() /* 实际使用一般是规定好的id,这里以时间戳模拟下 */
|
|
|
- })
|
|
|
- },
|
|
|
- tabDelete: function(othis) {
|
|
|
- /* 删除指定Tab项 */
|
|
|
- element.tabDelete('demo', '22');
|
|
|
- othis.addClass('layui-btn-disabled');
|
|
|
- },
|
|
|
- tabChange: function() {
|
|
|
- /* 切换到指定Tab项 */
|
|
|
- element.tabChange('demo', '33');
|
|
|
- }
|
|
|
- };
|
|
|
-
|
|
|
- var insStart = laydate.render({
|
|
|
- elem: '#test-laydate-start',
|
|
|
- min: 0,
|
|
|
- done: function(value, date) {
|
|
|
- //更新结束日期的最小日期
|
|
|
- insEnd.config.min = lay.extend({}, date, {
|
|
|
- month: date.month - 1
|
|
|
- });
|
|
|
-
|
|
|
- //自动弹出结束日期的选择器
|
|
|
- insEnd.config.elem[0].focus();
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- $('#component-tabs .site-demo-active').on('click', function() {
|
|
|
- var othis = $(this),
|
|
|
- type = othis.data('type');
|
|
|
- active[type] ? active[type].call(this, othis) : '';
|
|
|
- });
|
|
|
-
|
|
|
- /* Hash地址的定位 */
|
|
|
- var layid = router.hash.replace(/^#layid=/, '');
|
|
|
- layid && element.tabChange('component-tabs-hash', layid);
|
|
|
-
|
|
|
- element.on('tab(component-tabs-hash)', function(elem) {
|
|
|
- location.hash = '/' + layui.router().path.join('/') + '#layid=' + $(this).attr('lay-id');
|
|
|
- });
|
|
|
-
|
|
|
- $('#dingwei').on('click', function() {
|
|
|
- var con = '<div style="width:530px;margin:auto;">' +
|
|
|
- '<input id="text_" class="layui-input" type="text" placeholder="请输入要查询的地址" style="width:60%;display: inline;"/> ' +
|
|
|
- '<input type="button" value="查询" class="layui-btn" onclick="searchByStationName();"/>' +
|
|
|
- '<div id="container" style="position: absolute; margin-top:30px;width: 530px;height: 390px;top: 50;border: 1px solid gray;overflow:hidden;">' +
|
|
|
- '</div>';
|
|
|
-
|
|
|
- layer.open({
|
|
|
- type: 1,
|
|
|
- title: '选择经纬度',
|
|
|
- content: con,
|
|
|
- area: ['600px', '550px'],
|
|
|
- yes: function(index, layero) {
|
|
|
- //这是核心的代码。
|
|
|
- parent.tab.tabAdd({
|
|
|
- href: $(layero).find('input[name=url]').val(), //地址
|
|
|
- icon: $(layero).find('input[name=icon]').val(),
|
|
|
- title: $(layero).find('input[name=title]').val()
|
|
|
- });
|
|
|
- },
|
|
|
- shade: false,
|
|
|
- maxmin: true
|
|
|
- });
|
|
|
-
|
|
|
- map = new BMap.Map("container");
|
|
|
- map.centerAndZoom("上海", 12);
|
|
|
- map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用
|
|
|
- map.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用
|
|
|
-
|
|
|
- map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件
|
|
|
- map.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件
|
|
|
- map.addControl(new BMap.OverviewMapControl({
|
|
|
- isOpen: true,
|
|
|
- anchor: BMAP_ANCHOR_BOTTOM_RIGHT
|
|
|
- })); //右下角,打开
|
|
|
-
|
|
|
- localSearch = new BMap.LocalSearch(map);
|
|
|
- localSearch.enableAutoViewport(); //允许自动调节窗体大小
|
|
|
-
|
|
|
-
|
|
|
- });
|
|
|
- });
|
|
|
-
|
|
|
- function searchByStationName() {
|
|
|
- map.clearOverlays(); //清空原来的标注
|
|
|
- var keyword = document.getElementById("text_").value;
|
|
|
- localSearch.setSearchCompleteCallback(function(searchResult) {
|
|
|
- var poi = searchResult.getPoi(0);
|
|
|
- document.getElementById("dingwei").value = poi.point.lng + "," + poi.point.lat;
|
|
|
- map.centerAndZoom(poi.point, 13);
|
|
|
- var marker = new BMap.Marker(new BMap.Point(poi.point.lng, poi.point.lat)); // 创建标注,为要查询的地方对应的经纬度
|
|
|
- map.addOverlay(marker);
|
|
|
- var content = document.getElementById("text_").value + "<br/><br/>经度:" + poi.point.lng + "<br/>纬度:" + poi.point.lat;
|
|
|
- var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>" + content + "</p>");
|
|
|
- marker.addEventListener("click", function() {
|
|
|
- this.openInfoWindow(infoWindow);
|
|
|
- });
|
|
|
- //marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
|
|
|
- });
|
|
|
- localSearch.search(keyword);
|
|
|
- }
|
|
|
-
|
|
|
- function addVoter(){
|
|
|
- layer.open({
|
|
|
- type: 2,
|
|
|
- area: ['70%', '75%'],
|
|
|
- fixed: false,
|
|
|
- maxmin: true,
|
|
|
- content: './addVoter.html'
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- function changeVoter(){
|
|
|
- layer.open({
|
|
|
- type: 2,
|
|
|
- area: ['70%', '75%'],
|
|
|
- fixed: false,
|
|
|
- maxmin: true,
|
|
|
- content: './changeVoter.html'
|
|
|
- });
|
|
|
- }
|
|
|
- function chooseSubject(){
|
|
|
- layer.open({
|
|
|
- type: 2,
|
|
|
- area: ['70%', '75%'],
|
|
|
- fixed: false,
|
|
|
- maxmin: true,
|
|
|
- content: './xuanzetimu.html'
|
|
|
- });
|
|
|
- }
|
|
|
- function addSubject(){
|
|
|
- layer.open({
|
|
|
- type: 2,
|
|
|
- area: ['70%', '75%'],
|
|
|
- fixed: false,
|
|
|
- maxmin: true,
|
|
|
- content: './addSubject.html'
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- function addLuck(){
|
|
|
- layer.open({
|
|
|
- type: 2,
|
|
|
- area: ['70%', '75%'],
|
|
|
- fixed: false,
|
|
|
- maxmin: true,
|
|
|
- content: './luckDraw.html'
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- function changeRoom(){
|
|
|
- layer.open({
|
|
|
- type: 2,
|
|
|
- area: ['70%', '75%'],
|
|
|
- fixed: false,
|
|
|
- maxmin: true,
|
|
|
- content: './changeRoom.html'
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- searchByStationName();
|
|
|
-
|
|
|
- </script>
|
|
|
-</body>
|
|
|
-
|
|
|
-</html>
|