orzar-admin/assets/js/dict.js

layui.use(['form', 'table'], function () {
        var $ = layui.jquery,
            form = layui.form,
            table = layui.table;

        var tableInitb = table.render({
			elem: '#currentTableId',
			url: 'console/brand/list',
			headers: {
				Authorization: sessionStorage.tokencar,
				lang:localStorage.getItem('language')?localStorage.getItem('language'):"zh"
			},
			toolbar: '#toolbarDemo',
			defaultToolbar: ['filter', 'exports', 'print', {
				title: '提示',
				layEvent: 'LAYTABLE_TIPS',
				icon: 'layui-icon-tips'
			}],
			parseData: function(res) { //res 即为原始返回的数据
			console.log(res)
				return {
					"code": 0, //解析接口状态
					"msg": 'message', //解析提示文本
					"count": res.data.meta.total, //解析数据长度
					"data": res.data.list //解析数据列表
				};
			},
            cols: [[
                {type: "checkbox"},
                {field: 'id', title: 'ID',width:80, sort: true},
                {field: 'name', width:80,title: '名称'},
                {field: 'status',title: '值',
					templet: function (d) {
						var value= '[{"value":"0","name":"女"},{"value":"1","name":"男"}]'
					  const dicts = JSON.parse(value)
					  return dicts.map(dict => `<span class="layui-badge layui-bg-blue">${dict.name}: ${dict.value}</span>`).join(' ');
					},
				},
                {title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"}
            ]],
            limits: [10, 15, 20, 25, 50, 100],
            limit: 10,
            page: true,
            skin: 'line'
        });
        // 监听搜索操作
        form.on('submit(data-search-btn)', function (data) {
            var result = JSON.stringify(data.field);
            layer.alert(result, {
                title: '最终的搜索信息'
            });

            //执行搜索重载
            table.reload('currentTableId', {
                page: {
                    curr: 1
                }
                , where: {
                    searchParams: result
                }
            }, 'data');

            return false;
        });

        /**
         * toolbar监听事件
         */
        table.on('toolbar(currentTableFilter)', function (obj) {
            if (obj.event === 'add') {  // 监听添加操作
                var index = layer.open({
                    title: '添加',
                    type: 2,
                    shade: 0.2,
                    maxmin:true,
                    shadeClose: true,
                    area: ['70%', '80%'],
					btn: ['确定', '取消'], 
                    content: '../page/table/dictadd.html',
					yes: function (index, layero) {
						var iframeWindow = window['layui-layer-iframe' + index]
							, submitID = 'saveBtn'
							, submit = layero.find('iframe').contents().find('#' + submitID);
						//监听提交
						iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
							var field = data.field; //获取提交的字段
							// self.brandadd({
							// 	type: 'post',
							// 	data: data.field,
							// 	successCallBack: function (result) {
							// 		layer.msg(result.message)
							// 		layer.close(index); //关闭弹层
							// 		tableInitb.reload()
							// 	},
							// 	failCallBack: function (result) {
							// 		alert(result.message);
							// 	}
							// })
							console.log(field)
					
						});
						submit.trigger('click');
					}
                });
                $(window).on("resize", function () {
                    layer.full(index);
                });
            } else if (obj.event === 'delete') {  // 监听删除操作
                var checkStatus = table.checkStatus('currentTableId')
                    , data = checkStatus.data;
                layer.alert(JSON.stringify(data));
            }
        });

        //监听表格复选框选择
        table.on('checkbox(currentTableFilter)', function (obj) {
            console.log(obj)
        });

        table.on('tool(currentTableFilter)', function (obj) {
            var data = obj.data;
            if (obj.event === 'edit') {

                var index = layer.open({
                    title: '编辑',
                    type: 2,
                    shade: 0.2,
                    maxmin:true,
                    shadeClose: true,
                    area: ['70%', '80%'],
					btn: ['确定', '取消'], 
                    content: '../page/table/dictedit.html?id='+data.id,
					yes: function(index, layero){
						var iframeWindow = window['layui-layer-iframe'+ index]
							,submitID = 'saveBtn'
							,submit = layero.find('iframe').contents().find('#'+ submitID);
						//监听提交
						iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
							var field = data.field; //获取提交的字段
							console.log(field)
							// self.brandupdate({
							// 	type:'post',
							// 	data:data.field,
							// 	successCallBack: function(result){
							// 		layer.msg(result.message)
							// 		layer.close(index); //关闭弹层
							// 		tableInitb.reload()
							// 	},
							// 	failCallBack: function(result){
							// 		alert(result.message);
							// 	}
							// })
						});
						submit.trigger('click');
					}
                });
                $(window).on("resize", function () {
                    layer.full(index);
                });
                return false;
            }else if (obj.event === 'delete') {
                layer.confirm('确认删除么？', function(index) {
                	self.branddelete({
                		type:'post',
                		data:{id:data.id},
                		successCallBack: function(result){
                			layer.msg(result.message, {
                				icon: 1,
                				time: 1000
                			});
                			tableInitb.reload()
                		},
                		failCallBack: function(result){
                			alert(result.message);
                			window.location.reload()
                		}
                	})
                
                });
            }
        });

    });