onAcrossTap(acrossTable,crossOptAudit,statusColumnName,tips,statusColumnValue){ if(crossOptAudit=='是'&&this.detail.sfsh!='是') { layer.msg('请审核通过后再操作', { time: 2000, icon: 3 }); return } localStorage.setItem('crossTable',`huiyishiyuyue`); localStorage.setItem('crossObj', JSON.stringify(this.detail)); localStorage.setItem('statusColumnName',statusColumnName); localStorage.setItem('statusColumnValue',statusColumnValue); localStorage.setItem('tips',tips); if(statusColumnName!=''&&!statusColumnName.startsWith("[")) { var obj = JSON.parse(localStorage.getItem('crossObj')); for (var o in obj){ if(o==statusColumnName && obj[o]==statusColumnValue){ layer.msg(tips, { time: 2000, icon: 5 }); return } } } jump(`../${acrossTable}/add.html?corss=true`); }, } }) layui.use(['layer', 'form', 'element', 'carousel', 'http', 'jquery', 'laypage'], function() { var layer = layui.layer; var element = layui.element; var form = layui.form; var carousel = layui.carousel; var http = layui.http; var jquery = layui.jquery; var laypage = layui.laypage; var limit = 10; // 数据ID var id = http.getParam('id'); vue.detail.id = id; vue.baseurl = http.baseurl; // 商品信息 http.request(`${vue.detailTable}/detail/` + id, 'get', {}, function(res) { // 详情信息 vue.detail = res.data // var swiperItemHtml = ''; // for (let item of vue.swiperList) { // swiperItemHtml += // '<div>' + // '<img class="swiper-item" style="width: 100%;height: 100%;object-fit:cover;" src="' + item + '">' + // '</div>'; // } // jquery('#swiper-item').html(swiperItemHtml); // 轮播图 vue.$nextTick(() => { carousel.render({ elem: '#swiper', width: '400px', height: '400px', arrow: 'hover', anim: 'default', autoplay: 'true', interval: '3000', indicator: 'inside' });
时间: 2023-11-26 21:06:23 浏览: 231
R&S提供完善LTE测试方案
这段代码使用了 layui 的 layer、form、element、carousel、http、jquery 和 laypage 模块,并且定义了一个 limit 变量。首先获取页面 URL 中的参数 id,然后根据 id 向后端发送请求获取商品信息,并将其赋值给 vue 实例中的 detail 数据项。接着,使用 vue 实例中的数据项 swiperList 构造轮播图的 HTML,并使用 layui 的 carousel 模块渲染轮播图。最后,使用 layui 的 form 模块监听表单提交事件,并且调用 onAcrossTap 方法进行跨表计算,其中包括判断是否需要审核、提示信息等。同时,此处还使用了 vue 的 $nextTick 方法来确保渲染完成后才进行操作,以避免出现渲染不完全的问题。
阅读全文