中扬CRM客户关系管理系统
#
whycq
2023-09-09 34f99d106551b51bf2af3bbd40c64624a3af25eb
src/main/webapp/views/planType/planType.html
@@ -7,6 +7,10 @@
    <title>弹窗实例</title>
    <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all">
    <link rel="stylesheet" href="../../static/layui/lay/modules/formDesigner/cron.css" />
    <link rel="stylesheet" href="../../static/layui/lay/modules/formDesigner/labelGeneration.css" />
    <link rel="stylesheet" href="../../static/layui/lay/modules/formDesigner/formDesigner.css" />
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
@@ -83,7 +87,26 @@
            <div class="layui-form-item">
                <label class="layui-form-label layui-form-required">类型名称</label>
                <div class="layui-input-block">
                    <input class="layui-input" name="name" placeholder="请输入类型名称" lay-verType="tips" lay-verify="required" required/>
<!--                    <input class="layui-input" name="name" placeholder="请输入类型名称" lay-verType="tips" lay-verify="required" required/>-->
                    <select name="name" lay-verType="tips" lay-verify="required" required>
                        <option value="">请选择类型</option>
                        <option value="立体库(货架)">立体库(货架)</option>
                        <option value="立体库(集成)">立体库(集成)</option>
                        <option value="四向穿梭库/两向穿梭库">四向穿梭库/两向穿梭库</option>
                        <option value="阁楼货架/钢平台">阁楼货架/钢平台</option>
                        <option value="周转容器">周转容器</option>
                        <option value="平库">平库</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label layui-form-required">区分: </label>
                <div class="layui-input-block">
                    <select name="type" lay-verType="tips" lay-verify="required" required>
                        <option value="">请选择区分</option>
                        <option value="1">货架</option>
                        <option value="2">集成</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
@@ -115,14 +138,11 @@
<!-- 表单弹窗 -->
<script type="text/html" id="formEditDialog">
    <div class="layui-fluid" style="height: 100%;padding: 0">
        <div class="layui-card">
            <div class="layui-card-header" style="padding: 10px 20px; font-size: 1.1rem">
                表单设计
            </div>
            <div class="layui-card-body">
            </div>
        </div>
    <div style="height: 90%; width: 100%;" id="formDesigner"></div>
    <hr>
    <div class="layui-form-item text-right" style="padding-right: 25px">
        <button class="layui-btn" lay-filter="forEditSubmit" lay-submit>保存</button>
        <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
    </div>
</script>
@@ -131,16 +151,20 @@
<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/layui/lay/modules/formDesigner/Sortable/Sortable.js"></script>
<script type="text/javascript" src="../../static/layui/lay/modules/formDesigner/htmlformat.js"></script>
<script type="text/javascript" src="../../static/layui/lay/modules/formDesigner/jsformat.js"></script>
<script>
    layui.config({
        base: baseUrl + "/static/layui/lay/modules/"
    }).use(['table','laydate', 'form', 'util', 'admin'], function(){
    }).use(['table','laydate', 'form', 'util', 'admin', 'formDesigner'], function(){
        var $ = layui.jquery;
        var layer = layui.layer;
        var admin = layui.admin;
        var form = layui.form;
        var table = layui.table;
        var laydate = layui.laydate;
        var formDesigner = layui.formDesigner;
        // 添加
        $('#eDialogAddBtn').click(function () {
@@ -151,7 +175,7 @@
        var insTb = table.render({
            elem: '#planTypeTable',
            headers: {token: localStorage.getItem('token')},
            url: baseUrl+'/planType/list/auth',
            url: baseUrl+'/planType/page/auth',
            page: true,
            limit: 16,
            limits: [16, 30, 50, 100, 200, 500],
@@ -160,7 +184,8 @@
                {type: 'numbers', title: '#'}
                // ,{field: 'id', title: 'ID', sort: true,align: 'center', fixed: 'left', width: 80}
                ,{field: 'name', align: 'center',title: '类型名称'}
                ,{field: 'flag', align: 'center',title: '类型标识'}
                ,{field: 'type$', align: 'center',title: '区分'}
                // ,{field: 'flag', align: 'center',title: '类型标识'}
                // ,{field: 'createTime$', align: 'center',title: '添加时间'}
                // ,{field: 'status$', align: 'center',title: '状态'}
                // ,{field: 'createTime$', align: 'center',title: '添加时间'}
@@ -200,15 +225,45 @@
            if (obj.event === 'form') {
                admin.open({
                    type: 1,
                    area: ['95%', '95%'],
                    title: false,
                    closeBtn: true,
                    area: ['95%', '90%'],
                    offset: 'auto',
                    // btn: ['确认', '关闭'],
                    // btnAlign: 'c',
                    title: '表单设计',
                    content: $('#formEditDialog').html(),
                    success: function (layero, dIndex) {
                        let formData = [];
                        if (data.data) {
                            formData = eval(data.data);
                        }
                        let formDesIdx = formDesigner.render({
                            data: formData,
                            elem:'#formDesigner'
                        });
                        form.on('submit(forEditSubmit)', function () {
                            let loadIndex = layer.load(2);
                            $.ajax({
                                url: baseUrl+"/planType/update/auth",
                                headers: {'token': localStorage.getItem('token')},
                                data: {
                                    id: data.id,
                                    data: JSON.stringify(formDesIdx.getData()),
                                    html: formDesIdx.getHtmlData()
                                },
                                method: 'POST',
                                success: function (res) {
                                    layer.close(loadIndex);
                                    if (res.code === 200){
                                        layer.close(dIndex);
                                        layer.msg(res.msg, {icon: 1});
                                        $(".layui-laypage-btn")[0].click();
                                    } else if (res.code === 403){
                                        top.location.href = baseUrl+"/";
                                    }else {
                                        layer.msg(res.msg, {icon: 2});
                                    }
                                }
                            })
                            return false;
                        })
                    }
                })
            } else if (obj.event === 'delete') {
@@ -224,7 +279,7 @@
            admin.open({
                type: 1,
                title: (mData ? '修改' : '添加') + '类型',
                area: '500px',
                area: '600px',
                content: $('#editDialog').html(),
                success: function (layero, dIndex) {
                    // 回显表单数据