Helius
2021-06-16 5728be2af515b2200e782aa201ca5d4d67d9ea47
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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!--#layout("/common/layout.html",{"jsBase":"/js/admin/setting/itemSetting/"}){ -->
<form class="layui-form" action="">
    <div class="layui-form-item">
        <label class="layui-form-label">名称</label>
        <div class="layui-input-block">
            <input type="text" name="title" id="title" class="layui-input">
        </div>
    </div>
 
    <div class="layui-inline">
        <label class="layui-form-label">选择父级</label>
        <div class="layui-input-inline">
            <select name="modules" id="parentId" lay-verify="required" lay-search="">
                <option value="">直接选择或搜索选择</option>
            </select>
        </div>
    </div>
 
    <div class="layui-form-item">
        <label class="layui-form-label">图片</label>
        <div class="layui-input-block">
            <img id="picture" dt="" src="" />
            <input type="file" name="picture1" id="picture1" class="layui-input" style="width: 200px">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">回收价格</label>
        <div class="layui-input-block">
            <input type="text" name="price" id="price" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">入库价格</label>
        <div class="layui-input-block">
            <input type="text" name="putStoragePrice" id="putStoragePrice" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">排序</label>
        <div class="layui-input-block">
            <input type="text" name="sort" id="sort" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">单位</label>
        <div class="layui-input-block">
            <input type="itemUnit" name="sort" id="itemUnit" class="layui-input">
        </div>
    </div>
    <div class="btn">
        <button type="button" id="update" class="layui-btn layui-btn-primary">添加</button>
    </div>
</form>
<!--#} -->
<style>
.layui-inline{
    margin-bottom: 15px;
}
.btn{
    width: 100%;
    text-align: right;
}
    .layui-input-block{
        display: flex;
        align-items: center;
    }
</style>
<script>
    layui.define([ 'form', 'laydate', 'table' ], function(exports) {
        var form = layui.form;
        $.post(Common.ctxPath+'/admin/setting/item/querIteml.json', {
            'delFlag':0,
            'limit':1000
        },function (data) {
            console.log(data);
            var html = '';
            for(var i = 0; i < data.data.length; i++){
                html += '<option value="'+data.data[i].id+'">'+data.data[i].title+'</option>'
            }
            $("#parentId").append(html);
            form.render();
        });
    });
 
    $("#update").click(function () {
        if($("#title").val().length == 0){
            Common.info('名称不能为空');
            return;
        }
 
        if($("#sort").val().length == 0){
            Common.info('请输入排序位置');
            return;
        }
        /*if($("#itemUnit").val().length == 0){
            alert('请输入单位');
            return;
        }*/
        if($("#parentId").val().length > 0){
            if($("#price").val().length == 0){
                Common.info('请输入回收价格');
                return;
            }
            if($("#putStoragePrice").val().length == 0){
                Common.info('请输入入库价格');
                return;
            }
            if($("#picture").attr('src').length == 0){
                Common.info('请选择图片');
                return;
            }
        }
 
        $.post(Common.ctxPath+'/admin/setting/item/insertItem.json',
        {
            'title':$("#title").val(),
            'parentId':$("#parentId").val(),
            'picture':$("#picture").attr('src'),
            'price':$("#price").val(),
            'putStoragePrice':$("#putStoragePrice").val(),
            'sort':$("#sort").val(),
            'itemUnit':$("#itemUnit").val()
        }, function (data) {
            if(data == 1){
                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                //layer.msg(index);
                parent.layer.close(index); //再执行关闭
                Common.info('添加成功');
            }else{
                layer.msg('失败');
            }
        })
    })
 
 
    // 更新图片
    $("#picture1").change(function () {
        var formData = new FormData();
        var file = $("#picture1")[0].files[0];
        formData.append("file", file);
        $.ajax({
            type: "post",
            url: Common.ctxPath+'/admin/setting/item/uploadAvatar.json',
            data:formData,
            // 告诉jQuery不要去处理发送的数据
            processData: false,
            // 告诉jQuery不要去设置Content-Type请求头
            contentType: false,
            success: function (data) {
                console.log(data);
                // $("#picture").attr('dt', data.path);
                $("#picture").attr('src', '');
                $("#picture").attr('src', data.path);
            }
        });
    })
</script>
<!--C端用户管理----用户查询-->