123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149 |
- {extend name="public/layout" /} {block name="title"}素材库{/block}
- {block name="body"}
- <style>
- html {
- background-color: #ffffff;
- }
- .content {
- padding-top: 10px;
- padding-right: 30px;
- display: block;
- background-color: #ffffff;
- height: 240px;
- }
- </style>
- <body layadmin-themealias="default">
- <div class="content">
- <form class="layui-form" lay-filter="edit">
- {if empty($info)}
- <div class="layui-form-item">
- <label class="layui-form-label"><i style="color:red;">*</i>姓名</label>
- <div class="layui-input-inline">
- <input type="text" name="name" lay-verify="required" placeholder="请输入姓名" autocomplete="off"
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label"><i style="color:red;">*</i>手机号</label>
- <div class="layui-input-inline">
- <input type="number" name="phone" lay-verify="required|mobile" placeholder="请输入手机号" autocomplete="off"
- class="layui-input" id="phone-check">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label"><i style="color:red;">*</i>权限</label>
- <div class="layui-input-inline">
- <select name="grant_id" lay-verify="required">
- <option value="">请选择权限</option>
- {volist name="grant" id="vo"}
- <option value="{$vo.id}">{$vo.name}</option>
- {/volist}
- </select>
- </div>
- </div>
- {else /}
- <input type="hidden" name="id" value="{$info['id']}" >
- <div class="layui-form-item">
- <label class="layui-form-label"><i style="color:red;">*</i>姓名</label>
- <div class="layui-input-inline">
- <input type="text" name="name" lay-verify="required" placeholder="请输入姓名" autocomplete="off"
- class="layui-input" value="{$info['opt_name']}">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label"><i style="color:red;">*</i>手机号</label>
- <div class="layui-input-inline">
- <input type="number" name="phone" lay-verify="required|mobile" placeholder="请输入手机号" autocomplete="off"
- class="layui-input" id="phone-check" value="{$info['phone']}">
- </div>
- </div>
- {if intval($info['grant_id']) neq 1}
- <div class="layui-form-item">
- <label class="layui-form-label"><i style="color:red;">*</i>权限</label>
- <div class="layui-input-inline">
- <select name="grant_id" lay-verify="required">
- <option value="">请选择权限</option>
- {volist name="grant" id="vo"}
- <option value="{$vo.id}" {if $info['grant_id'] eq $vo['id']}selected{/if}>{$vo.name}</option>
- {/volist}
- </select>
- </div>
- </div>
- {else /}
- <input type="hidden" name="grant_id" value="1" >
- {/if}
- {/if}
- <div class="layui-form-item">
- <div class="layui-input-inline">
- <input class="layui-btn" type="button" lay-submit lay-filter="form-submit" id="form-submit"
- value="确认">
- </div>
- </div>
- </form>
- </div>
- {/block}
- {block name="js"}
- <script src="__STATIC__/layui/layui/layui.js"></script>
- <script>
- layui.config({
- base: '__LAYUI__/',
- urlbase: '/sys'
- }).extend({
- index: 'lib/index' //主入口模块
- }).use(['index', 'form'], function () {
- var form = layui.form,
- admin = layui.admin,
- $ = layui.jquery;
- //自定义验证规则
- form.verify({
- mobile: function (value) {
- if (value.length != 11) {
- return '新手机号必须为11位合法数字';
- }
- var reg = /^1(2|3|4|5|6|7|8|9)\d{9}$/;
- if (reg.test(value)) {
- // return '手机号码格式正确';
- } else {
- return '非法手机号';
- }
- }
- });
- form.on('submit(form-submit)', function (data) {
- var index = parent.layer.getFrameIndex(window.name);
- var DISABLED = 'layui-btn-disabled';
- var submit = $('#form-submit');
- submit.addClass(DISABLED);
- submit.attr('disabled', 'disabled');
- admin.req({
- url: '{:url("operate/editSave")}',
- data: data.field,
- type: 'post',
- done: function (res) {
- if (res.code == 0) {
- layer.msg('添加成功', {
- offset: '15px',
- icon: 1,
- time: 2000
- });
- parent.layui.table.reload('operater');
- parent.layer.close(index);
- } else {
- layer.msg(res.msg, {
- icon: 5,
- anim: 6,
- time: 2000
- });
- }
- submit.removeClass(DISABLED);
- submit.removeAttr('disabled');
- }
- });
- submit.removeClass(DISABLED);
- submit.removeAttr('disabled');
- });
- });
- </script>
- {/block}
|