feat: new chain

resources/views/admin/devices/index.blade.php

@@ -84,13 +84,16 @@
 
 @push('scripts')
 <script>
-layui.use(['table', 'form', 'laydate'], function () {
+layui.use(['table', 'form', 'laydate', 'layer'], function () {
   var table = layui.table;
   var form = layui.form;
   var laydate = layui.laydate;
+  var layer = layui.layer;
   var $ = layui.$;
   var dash = function (v) { return v ? v : '—'; };
   var portal = @json($portal);
+  var token = @json(csrf_token());
+  var updateBase = @json(url('/'.$portal.'/devices'));
 
   laydate.render({ elem: '#LAY-device-installed-from', type: 'date' });
   laydate.render({ elem: '#LAY-device-installed-to', type: 'date' });
@@ -108,6 +111,11 @@ layui.use(['table', 'form', 'laydate'], function () {
       { field: 'device_model', title: '设备型号', width: 130, sort: true, templet: function (d) { return dash(d.device_model); } },
       { field: 'ios_version', title: 'iOS 版本', width: 110, sort: true, templet: function (d) { return dash(d.ios_version); } },
       { field: 'ip', title: 'IP', width: 140, sort: true, templet: function (d) { return dash(d.ip); } },
+      { field: 'album_storage', title: '相册存储', width: 110, templet: function (d) {
+        var on = Number(d.album_storage) === 1;
+        return '<input type="checkbox" lay-skin="switch" lay-text="开|关" lay-filter="LAY-device-album-list"' +
+          ' data-id="' + d.id + '"' + (on ? ' checked' : '') + '>';
+      } },
       { field: 'created_at', title: '安装时间', width: 170, sort: true },
       { field: 'updated_at', title: '更新时间', width: 170, sort: true },
       { title: '操作', width: 100, align: 'center', fixed: 'right', toolbar: '#LAY-device-ops' }
@@ -118,7 +126,33 @@ layui.use(['table', 'form', 'laydate'], function () {
     height: 'full-220',
     text: { none: '暂无设备' },
     request: { pageName: 'page', limitName: 'limit' },
-    response: { statusName: 'code', statusCode: 0, msgName: 'msg', countName: 'count', dataName: 'data' }
+    response: { statusName: 'code', statusCode: 0, msgName: 'msg', countName: 'count', dataName: 'data' },
+    done: function () {
+      form.render('checkbox');
+    }
+  });
+
+  form.on('switch(LAY-device-album-list)', function (obj) {
+    var id = $(obj.elem).data('id');
+    var on = obj.elem.checked ? 1 : 0;
+    $.ajax({
+      url: updateBase + '/' + id,
+      method: 'POST',
+      data: { album_storage: on, _method: 'PUT', _token: token },
+      success: function (res) {
+        if (!res || res.code !== 0) {
+          obj.elem.checked = !obj.elem.checked;
+          form.render('checkbox');
+          return layer.msg((res && res.msg) || '保存失败');
+        }
+        layer.msg(on ? '已开启' : '已关闭');
+      },
+      error: function () {
+        obj.elem.checked = !obj.elem.checked;
+        form.render('checkbox');
+        layer.msg('保存失败');
+      }
+    });
   });
 
   form.on('submit(LAY-device-search)', function (data) {