123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- {extend name="public/layout" /} {block name="title"}添加品牌{/block} {block name="head"} {include file="public/head"}
- <style>
- html {
- background: #fff;
- }
- .layui-form {
- margin-top: 10px;
- }
- </style>
- {/block} {block name="body"}
- <body>
- <div id="edit-company-brand">
- <form class="layui-form" name="edit-company-brand" lay-filter="edit-company-brand"
- enctype="multipart/form-data">
- <div class="layui-form-item">
- <label class="layui-form-label">品牌名</label>
- <div class="layui-input-inline">
- <input type="text" name="brand_name" lay-verify="required" placeholder="请输入品牌名" autocomplete="off"
- class="layui-input" style="max-width: 500px;">
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">LOGO</label>
- <div class="layui-input-inline" id="upload-drag">
- <div class="layui-upload-drag">
- <i class="layui-icon"></i>
- <p>上传LOGO</p>
- </div>
- </div>
- </div>
- <div class="layui-form-item ">
- <label class="layui-form-label"></label>
- <input type="button" class="layui-btn btn layui-btn-primary" lay-submit lay-filter="company-brand" id="company-brand" value="确认添加">
- </div>
- </form>
- </div>
- </body>
- {/block}
- {block name="js"}
- <script src="__STATIC__/layui/layui/layui.js"></script>
- <script src="__STATIC__/layui/ace/ace.js"></script>
- <script>
- layui.config({
- base: '__LAYUI__/',
- urlbase: '/sys'
- }).extend({
- index: 'lib/index' //主入口模块
- }).use(['index', 'form', 'element', 'upload', 'layedit'], function () {
- var form = layui.form,
- layedit = layui.layedit,
- element = layui.element,
- upload = layui.upload,
- admin = layui.admin,
- $ = layui.jquery;
- upload.render({
- elem: '#upload-drag',
- accept: 'image',
- exts: 'jpg|png|bmp|jpeg|JPG|PNG|BMP|JPEG',
- auto: false,
- field: 'logo',
- size: 3 * 1024,
- choose: function(obj) {
- obj.preview(function(index, file, result) {
- $('#upload-drag').html('<img src="' + result + '" style="height: 100%;width:100%;">');
- });
- }
- });
- form.on('submit(company-brand)', function(obj) {
- var index = parent.layer.getFrameIndex(window.name);
- var formData = new FormData(obj.form);
- $('#company-brand').addClass('layui-btn-disabled');
- $('#company-brand').attr('disabled', 'disabled');
- $.ajax({
- url:'{:url("company/addbrand")}',
- type: 'post',
- data: formData,
- dataType: 'json',
- processData: false,
- contentType: false,
- success: function (res) {
- if (res.code === 0) {
- layer.msg(res.msg, {anim: 0}, function () {
- parent.location.reload();
- parent.layer.close(index);
- });
- } else {
- $('#company-brand').removeClass('layui-btn-disabled');
- $('#company-brand').removeAttr('disabled');
- layer.msg(res.msg, {anim: 6});
- }
- }
- });
- return false;
- });
- });
- </script>
- {/block}
|