日志-2021-9-2 | RtZhao's Blog

H5

echarts

echarts图表撑不满整个DOM =========！！✅grid属性中设置上下左右宽高等设置
不必了 biadu zhihu csdn
在echarts的dom上添加三个按钮=========！！✅❎普通的position定位未成功，可以在toolbox中自定义按钮，高亮的话不知道这么做，因为页面元素为canvas对象，不知道怎么获取内部的元素。

环形图中间的文字样式修改============！！✅series中emphasis选项

emphasis: {
    label: {
       show: true,
       fontSize: '18',
       fontWeight: 'normal'
    }
}

所有颜色的渐变效果============！！✅color配置调整径向和线性渐变，有一点径向渐变的中心可以为相对位置（需要根据扇形的内切圆园心位置调整）和绝对位置（不太行）
所有echarts数据写死，点击发送请求获取新数据========!!✅❎监听按钮点击，发送ajax请求获取新json后在setOption
不同更新时间===========！！！❎定时发送请求

layui

看看layui table内置模块

数据表格，下面的页数跳转 =======！！！✅table.render的额外参数 ?page=2&limit=10，重新渲染表格
以为layui已经写好了分页，只需要传入参数就行[手动滑稽] ，请打消这个懒惰念头。
首先需要发送全部的数据条数作为count记录，点击翻页是会发送page、limit参数，后台接收一下，sql语句limit (page-1)*limit,limit 返回搜索得到的记录到前台

如何加入进度条 😡既如何在table中加入其他样式=======！！！✅

（1）首先尝试的是在table.render外获取dom元素，应该是可以修改的，完事需要reload一下，但是没尝试成功

（2）搜索发现可以在render的done中调用

done: function (res) {
  //如果是异步请求数据方式，res即为你接口返回的信息。
  //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度

  const that = this.elem.next();
  res.data.forEach(function (item, index) {
      if (item.username === "李四") {
      	const tr = that.find(".layui-table-box tbody tr[data-index='" + index + "']");

        /*发货日期加徽章*/
      	tr.find(".laytable-cell-1-0-4").html(
          "2021年10月26日&nbsp;&nbsp;<span class=\"layui-badge-dot\"></span>");

        /*进度状态*/
       	tr.find(".laytable-cell-1-0-5").html(
           "<div class=\"layui-progress\">\n" +
           "    <div class=\"layui-progress-bar layui-bg-blue\" lay-percent=\"100%\" lay-filter=\"bar\">				</div>\n" +
            "</div>");
      }
      /*重新渲染进度条*/
      element.init();
   	});
}