liaoxujun@qq.com
2024-03-06 063e40d8f159f6d02a7ac421d8f3fb1c694d7aab
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<script type="text/html" template lay-done="layui.data.done(d);">
    <div class="layui-form coreshop-form" lay-filter="LAY-app-CoreCmsDistributionResult-createForm" id="LAY-app-CoreCmsDistributionResult-createForm">
        <input type="hidden" name="gradeId" value="{{d.params.gradeId || '' }}" />
        <div class="layui-form-item">
            <label class="layui-form-label">佣金设置:</label>
            <div class="layui-input-block">
                <select name="result_code" id="result_code" lay-filter="result_code">
                    <option value="">请选择佣金设置</option>
                    <option value="COMMISSION_1">一级佣金</option>
                    <option value="COMMISSION_2">二级佣金</option>
                    <option value="COMMISSION_3">三级佣金</option>
                </select>
            </div>
        </div>
        <div id="resultBox"></div>
        <div class="layui-form-item text-center core-hidden">
            <input type="button" class="layui-btn" lay-submit lay-filter="LAY-app-CoreCmsDistributionResult-createForm-submit" id="LAY-app-CoreCmsDistributionResult-createForm-submit" value="确认添加">
        </div>
    </div>
</script>
 
<script id="first_class_tpl" type="text/html">
    <div class="layui-form-item">
        <label class="layui-form-label">结果名称:</label>
        <div class="layui-form-mid">一级佣金</div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">类型:</label>
        <div class="layui-input-block">
            <input type="radio" name="commissionType" value="1" title="百分比" checked="checked">
            <input type="radio" name="commissionType" value="2" title="固定金额">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">佣金值:</label>
        <div class="layui-input-inline seller-inline-2">
            <input name="discount" lay-verify="title" autocomplete="off" value="1" placeholder="" class="layui-input" type="text">
        </div>
        <div class="layui-form-mid layui-word-aux">百分比时,请设置1-100的数字</div>
    </div>
</script>
 
<script id="second_class_tpl" type="text/html">
    <div class="layui-form-item">
        <label class="layui-form-label">结果名称:</label>
        <div class="layui-form-mid">二级佣金</div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">类型:</label>
        <div class="layui-input-block">
            <input type="radio" name="commissionType" value="1" title="百分比" checked="checked">
            <input type="radio" name="commissionType" value="2" title="固定金额">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">佣金值:</label>
        <div class="layui-input-inline seller-inline-2">
            <input name="discount" lay-verify="title" autocomplete="off" value="1" placeholder="" class="layui-input" type="text">
        </div>
        <div class="layui-form-mid layui-word-aux">百分比时,请设置1-100的数字</div>
    </div>
</script>
 
<script id="three_class_tpl" type="text/html">
    <div class="layui-form-item">
        <label class="layui-form-label">结果名称:</label>
        <div class="layui-form-mid">三级佣金</div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">类型:</label>
        <div class="layui-input-block">
            <input type="radio" name="commissionType" value="1" title="百分比" checked="checked">
            <input type="radio" name="commissionType" value="2" title="固定金额">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">佣金值:</label>
        <div class="layui-input-inline seller-inline-2">
            <input name="discount" lay-verify="title" autocomplete="off" value="1" placeholder="" class="layui-input" type="text">
        </div>
        <div class="layui-form-mid layui-word-aux">百分比时,请设置1-100的数字</div>
    </div>
</script>
 
<script>
    var debug = layui.setter.debug;
    layui.data.done = function (d) {
        //开启调试情况下获取接口赋值数据
        if (debug) { console.log(d.params.data); }
        layui.use(['admin', 'form', 'laydate', 'upload', 'coreHelper', 'laytpl', 'util', 'view', 'table'],
            function () {
                var $ = layui.$, form = layui.form, admin = layui.admin, util = layui.util, upload = layui.upload, coreHelper = layui.coreHelper, laytpl = layui.laytpl, view = layui.view, table = layui.table;
 
                form.on('select(result_code)', function (data) {
                    $('#result_code').val(data.value);
                    var view = document.getElementById('resultBox');
                    $("#resultBox").empty();
 
                    if (data.value === 'COMMISSION_1') {
                        var getTpl = first_class_tpl.innerHTML;
                        laytpl(getTpl).render(d.params, function (html) { view.innerHTML = html; });
                    } else if (data.value === 'COMMISSION_2') {
                        var getTpl = second_class_tpl.innerHTML;
                        laytpl(getTpl).render(d.params, function (html) { view.innerHTML = html; });
                    } else if (data.value === 'COMMISSION_3') {
                        var getTpl = three_class_tpl.innerHTML;
                        laytpl(getTpl).render(d.params, function (html) { view.innerHTML = html; });
                    }
                    form.render();
                });
 
                form.verify({
                    verifycode: [/^[\S]{0,50}$/, '佣金编码最大只允许输入50位字符,且不能出现空格'],
                });
                //重载form
                form.render(null, 'LAY-app-CoreCmsDistributionResult-createForm');
            })
    };
</script>