| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>字典数据表单</title>
- <link rel="stylesheet" href="../../lib/layui/css/layui.css">
- <style>
- body { padding: 20px; }
- .required { color: #ff5722; }
- </style>
- </head>
- <body>
- <form class="layui-form" lay-filter="dictDataForm" id="dictDataForm">
- <input type="hidden" name="id" id="dictDataId">
- <input type="hidden" name="typeCode" id="typeCode">
-
- <div class="layui-form-item">
- <label class="layui-form-label"><span class="required">*</span>字典标签</label>
- <div class="layui-input-block">
- <input type="text" name="label" lay-verify="required" placeholder="请输入字典标签" class="layui-input" style="width: 250px;">
- </div>
- </div>
-
- <div class="layui-form-item">
- <label class="layui-form-label"><span class="required">*</span>字典值</label>
- <div class="layui-input-block">
- <input type="text" name="value" lay-verify="required" placeholder="请输入字典值" class="layui-input" style="width: 250px;">
- </div>
- </div>
-
- <div class="layui-form-item">
- <label class="layui-form-label"><span class="required">*</span>字典编码</label>
- <div class="layui-input-block">
- <input type="text" name="code" lay-verify="required" placeholder="请输入字典编码" 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="number" name="sort" value="0" class="layui-input" style="width: 150px;">
- </div>
- </div>
-
- <div class="layui-form-item">
- <label class="layui-form-label">状态</label>
- <div class="layui-input-block">
- <input type="radio" name="status" value="1" title="正常" checked>
- <input type="radio" name="status" value="0" title="停用">
- </div>
- </div>
-
- <div class="layui-form-item">
- <label class="layui-form-label">备注</label>
- <div class="layui-input-block">
- <textarea name="remark" placeholder="请输入备注" class="layui-textarea" style="width: 300px; height: 80px;"></textarea>
- </div>
- </div>
-
- <div class="layui-form-item">
- <div class="layui-input-block">
- <button type="submit" class="layui-btn" lay-submit lay-filter="submitForm">提交</button>
- </div>
- </div>
- </form>
-
- <script src="../../lib/layui/layui.js"></script>
- <script src="../../js/config.js"></script>
- <script src="../../js/common.js"></script>
- <script>
- layui.use(['form'], function() {
- var form = layui.form;
-
- var id = Common.getQueryString('id');
- var typeCode = Common.getQueryString('typeCode') || '';
- var isEdit = !!id;
-
- $('#typeCode').val(typeCode);
-
- if (isEdit) {
- Common.get(Config.api.dictData.getInfo + '/' + id, function(res) {
- if (res.code === 200) {
- form.val('dictDataForm', res.data);
- }
- });
- }
-
- form.on('submit(submitForm)', function(data) {
- Common.ajax({
- url: isEdit ? Config.api.dictData.update : Config.api.dictData.save,
- type: isEdit ? 'PUT' : 'POST',
- data: data.field,
- success: function(res) {
- Common.success(isEdit ? '修改成功' : '添加成功', function() {
- var index = parent.layer.getFrameIndex(window.name);
- parent.layer.close(index);
- parent.table.reload('tableList');
- });
- }
- });
- return false;
- });
- });
- </script>
- </body>
- </html>
|