提交

取 消

new Vue({

el: '#app',

data: {

fullLoad:'',dialogVisible:false,

jsonData:{"id":"","type":"edit","list":[{"type":"grid","icon":"icon-grid-","columns":[{"span":8,"list":[{"type":"select","icon":"icon-select","options":{"defaultValue":"1","placeholder":"请选择评论状态","width":"","options":[{"label":"未审核","value":"1"},{"label":"审核通过","value":"2"},{"value":"3","label":"审核拒绝"}],"remoteFunc":"func_1600224935000_46847","labelWidth":"60px","remote":false,"checkAble":["clearable","autosize","新选项","showLabel"]},"remoteOptions":{"keyField":"articleId","valueField":"articleName","remote":false,"remoteFunc":"HttpPost","url":"/sysmgr/systype/list","params":"{\"parentTypeCode\": \"aaaa\"}","endEventDo":"upDataSource","dataFiled":""},"name":"状态","key":"1600224935000_46847","model":"state","rules":[]}]},{"span":8,"list":[{"type":"input","icon":"icon-input","rules":[],"options":{"width":"80%","defaultValue":"","required":false,"dataType":"string","pattern":"","placeholder":"","disabled":false,"check":{},"remoteFunc":"func_1596184567000_74838","checkAble":["clearable"],"labelWidth":"100px"},"name":"关键字","key":"1596184567000_74838","model":"commName"}]},{"span":4,"list":[{"type":"button","icon":"icon-diy-com-textarea","options":{"width":"140px","size":"medium","type":"warning","icon":"","placeholder":"搜索","disabled":false,"plain":false,"round":false,"circle":false,"autofocus":false,"remoteFunc":"func_1594536588000_16800","labelWidth":"20px","checkAble":["clearable"]},"actions":{"remoteFunc":"qryCommInfoList","url":"qryCommInfoList","params":"{\"industryId\":10000}","endEventDo":"upPageDataSource","dataFiled":"listData"},"name":"","key":"1600236630000_12867","model":"searchBtn","rules":[]}]},{"span":4,"list":[{"type":"button","icon":"icon-diy-com-textarea","options":{"width":"140px","size":"medium","type":"warning","icon":"","placeholder":"审核","disabled":false,"plain":false,"round":false,"circle":false,"autofocus":false,"remoteFunc":"func_1594536588000_16800","labelWidth":"20px","checkAble":["clearable"]},"actions":{"remoteFunc":"postShInforeloadList","url":"qryCommInfoList","params":"{\"industryId\":10000}","endEventDo":"upPageDataSource","dataFiled":"listData"},"name":"","key":"1594536588000_16800","model":"shBtn","rules":[]}]}],"options":{"gutter":0,"justify":"start","align":"top","remoteFunc":"func_1594535694000_6466","labelWidth":"100px","width":"auto","htmlStyle":"background-color: #fff;padding: 20px;border: solid 1px #f0f0f0;border-radius: 3px;"},"name":"栅格布局","key":"1594535694000_6466","model":"grid_1594535694000_6466","rules":[]},{"type":"table","icon":"icon-table","columns":[{"span":"6","prop":"commentId","label":"评论ID","type":"null","fixed":false,"width":"160","sortable":false,"resizable":true,"align":"left","list":[]},{"span":"6","prop":"code-27","label":"头像","type":"scope","fixed":false,"width":"80","sortable":false,"resizable":true,"align":"center","list":[{"type":"avatar","icon":"icon-tupianyulan","options":{"defaultValue":"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg","customClass":"","remoteFunc":"func_1596091590000_89660","labelWidth":"auto","width":"auto","size":"medium","fit":"fill","shape":"square"},"name":"","key":"1596091590000_89660","model":"USER_AVATAR","rules":[],"input_1593620080000_12696":"用户"}]},{"span":"6","prop":"code-1","label":"商品信息","type":"scope","fixed":false,"width":"300","sortable":false,"resizable":true,"align":"left","list":[{"type":"text","icon":"icon-wenzishezhi-","options":{"defaultValue":" ","customClass":"","remoteFunc":"func_1599729715000_26323"},"name":"评论人","key":"1599729715000_26323","model":"userName","rules":[]},{"type":"text","icon":"icon-wenzishezhi-","options":{"defaultValue":"-","customClass":"","remoteFunc":"func_1596090310000_91074","checkAble":["clearable","autosize"],"labelWidth":"auto"},"name":"商品ID","key":"1596090310000_91074","model":"commId","rules":[]},{"type":"text","icon":"icon-wenzishezhi-","options":{"defaultValue":"-","customClass":"","remoteFunc":"func_1596090313000_49595","checkAble":["clearable","autosize"]},"name":"商品名称","key":"1596090313000_49595","model":"goodsName","rules":[]}]},{"span":"6","prop":"evaluateCon","label":"评论信息","type":"null","fixed":false,"width":"","sortable":false,"resizable":true,"align":"left","list":[]},{"span":"6","prop":"seled","label":"选择","type":"selection","fixed":false,"width":"50","sortable":false,"resizable":true,"align":"left","list":[]}],"options":{"height":"auto","size":"","rowKey":"id","emptyText":"暂无数据","fit":true,"stripe":false,"border":true,"showHeader":true,"defaultExpandAll":false,"showSummary":false,"highlightCurrentRow":true,"remote":false,"remoteOptions":[],"props":{"value":"value","label":"label"},"remoteFunc":"func_1594534425000_9938","width":"auto","checkAble":["clearable","round","remote","fit","showHeader","highlightCurrentRow"],"labelWidth":"100px","htmlStyle":"min-height:400px;border-top:solid 1px #eee;margin-top: 10px;"},"remoteOptions":{"keyField":"commentId","valueField":"commName","remoteFunc":"qryCommInfoList","url":"qryCommInfoList","params":"{\"parentTypeCode\": \"aaaa\"}","endEventDo":"upPageDataSource","children":"children","dataFiled":"listData"},"name":"表格","key":"1594534425000_9938","model":"table_1594534425000_9938","rules":[]},{"type":"pagination","icon":"icon-diy-com-textarea","options":{"width":"auto","size":"medium","type":"primary","placeholder":"分页组件","labelWidth":"auto","pageSize":10,"prevText":"上一页","nextText":"下一页","layout":"total, sizes, prev, pager, next, jumper","checkAble":["clearable","round","hide-on-single-page","small"],"remoteFunc":"func_1596100431000_94157","htmlStyle":"margin:20px 10px;text-align:center"},"actions":{"remoteFunc":"qryCommInfoList","url":"qryCommInfoList","params":"{\"parentTypeCode\": \"aaaa\"}","endEventDo":"upPageDataSource","dataFiled":"listData","remote":true},"name":"","key":"1596100431000_94157","model":"pagination_1596100431000_94157","rules":[],"input_1593620080000_12696":"分页"}],"config":{"labelWidth":"auto","labelPosition":"right","size":"medium","remoteOptions":{"valueField":"articleName","remote":false,"remoteFunc":"HttpPost","url":"/sysmgr/systype/list","params":"{\"parentTypeCode\": \"aaaa\"}","endEventDo":"upDataSource","keyField":"articleId","dataFiled":""},"labelSuffix":"："}},

jsonData2: {"list":[{"type":"radio","icon":"icon-radio-active","options":{"inline":true,"defaultValue":"2","showLabel":true,"options":[{"value":"2","label":"通过"},{"value":"3","label":"不通过"}],"width":"","remote":false,"checkAble":["showLabel"],"remoteFunc":"func_1600228469000_17486"},"remoteOptions":{"keyField":"articleId","valueField":"articleName","remote":false,"remoteFunc":"HttpPost","url":"/sysmgr/systype/list","params":"{\"parentTypeCode\": \"aaaa\"}","endEventDo":"upDataSource","dataFiled":""},"name":"审核状态","key":"1600228469000_17486","model":"state","rules":[]},{"type":"textarea","icon":"icon-diy-com-textarea","options":{"width":"","defaultValue":"","required":false,"disabled":false,"pattern":"","placeholder":"","remoteFunc":"func_1600228476000_90849"},"name":"审核意见","key":"1600228476000_90849","model":"auditRemrk","rules":[]}],"config":{"labelWidth":"100px","labelPosition":"right","size":"small","customClass":""}},

editData: {},editData2: {},

remoteFuncs: {

}

},

created () {

console.info('--------------created' )

this.remoteFuncs.qryCommInfoList=this.qryCommInfoList;

this.remoteFuncs.postShInforeloadList=this.postShInforeloadList;

},

methods: {

/*查询评论列表*/

qryCommInfoList(widget, models, resolve){

let that=this;

console.info('--------------qryCommInfoList:',widget,models,this.editData)

let remoteOptions=widget && (widget.remoteOptions || widget.actions);

if(!remoteOptions ){

return;

}

that.fullLoad= this.$loading({

lock: true,

text: '加载中...',

spinner: 'el-icon-loading',

background: 'rgba(255, 255, 255, 0.8)'

});

let postUrl='http://10.81.93.41:8080/cocenter/intf/queryCommentList';

let postData= {"reqHead":{},"reqBody":{}}

if(models.commId){

postData.reqBody.commId=models.commId

}

if(models.commName){

postData.reqBody.commName=models.commName

}

if(models.commCode){

postData.reqBody.commCode=models.commCode

}

postData.reqBody.state= models.state || '1';

postData.reqBody.currPage=1

if(widget.model == "searchBtn"){

postData.reqBody.currPage=1;

}

else if(models.currentPage){

postData.reqBody.currPage=models.currentPage

}

if(models.pageSize){

postData.reqBody.pageSize=models.pageSize

}else {

postData.reqBody.pageSize=10

}

//postData.reqBody=Object.assign({},qryParams)

axios.post(postUrl, postData).then(function(response) {

let rspInfo=response.data ;

console.info('--------------qryCommInfoList rspInfo:',rspInfo)

let rspData=rspInfo.rspData ;

let tableData={};

tableData[remoteOptions.dataFiled]=[];

tableData.pageSize=postData.reqHead.pageSize;

tableData.currentPage=postData.reqHead.currPage;

tableData.total=0;

if(rspData && rspData.total>0){

tableData.total=rspData.total;

rspData.rows.forEach(item=>{

let tempa=Object.assign({},item)

tempa.pCommentId=tempa.commentId;

tempa.commentId="rrrr"+Math.random();

item.children=[];

item.children.push(tempa)

// if(!item.children){

// return;

// }

// rspData.rows.forEach(child2=>{

// child2.pCommentId=child2.commentId;

// child2.commentId=child2.replyId;

// })

})

console.info('----------------table rows ',rspData.rows)

tableData[remoteOptions.dataFiled]=rspData.rows;

}

resolve(tableData)

that.fullLoad.close();

});

},

/*表格的链接按钮事件*/

postShInforeloadList(widget, models, resolve){

console.info('---------------------------postShInforeloadList',widget,models,this.editData )

//window.parent.parentChangeTab(widget.actions.url+"?commId="+models.COMM_ID,"商品修改："+models.COMM_NAME)

this.dialogVisible =!this.dialogVisible;

//获取是否有选中数据

//this.models['listData']

},

handleSubmit () {

let that=this;

this.$refs.editPage2.getData().then(data => {

for(let p in data){

that.editData2[p]=data[p];

}

that.postSH();

}).catch(e => {

})

},

postdata( ){

let that=this;

console.info('--------------postSH:',that.editData2)

let postUrl='http://10.81.93.41:8080/cocenter/intf/auditCommentList';

let postData= {

reqHead:{},

reqBody:{ }

}

postData.reqBody=Object.assign({},that.editData2) ;

axios.post(postUrl, postData).then(function(response) {

let rspInfo=response.data ;

console.info('--------------queryMerTypePage rspInfo:',rspInfo)

let arr=rspInfo.rspData && rspInfo.rspData.rows;

console.info('--------------queryMerTypePage arr:',arr)

if(arr && arr.length>0){

resolve(arr)

}else {

resolve([])

}

});

},

}

})

.apppanel{

margin:10px 20px;min-width: 700px;

}

.el-form-item {

margin-bottom: 2px;

}

.el-table td, .el-table th {

padding: 1px 0px;

}

.el-table__header th{

height: 50px;background-color: #f9f9f9;

}

.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {

border-right: dodgerblue;

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史

商品评论html,商品评论列表.html相关推荐

  1. 商品评论信息与评论信息分类

    商品详情分析-显示商品评论信息: 数据库实现: 实体类: package com.qfedu.fmmall.entity;import lombok.AllArgsConstructor; impor ...

  2. 【京东】商品详情页+商品列表数据采集

    作为国内最大的电商平台之一,京东数据采集具有多个维度. 有人需要采集商品信息,包括品类.品牌.产品名.价格.销量等字段,以了解商品销售状况.热门商品属性,进行市场扩大和重要决策: 有人需要采集产品评论 ...

  3. 淘宝关键词搜索分析商品价格走势（商品列表接口，销量接口，价格接口，分类ID精准商品数据接口）接口代码对接

    淘宝 OpenAPI(Open application programming interface)是一套 REST 方式的开放应用程序编程接口.淘宝网根据自己提供的电子商务基础服务,抽象并做成一系列 ...

  4. 现有列表记录商品名称和价格如下：‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬要求用户输入总资产，例如： 20000，输出所有商品序号和商品列表，每行

    1.现有列表记录商品名称和价格如下:‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬‬ goods=[ {"name":"电 ...

  5. 淘宝/天猫关键词搜索采集接口分析商品价格走势（商品列表，商品销量，商品价格，分类ID采集精准商品数据）接口代码对接流程

    淘宝/天猫关键词搜索采集接口分析商品价格走势(商品列表,商品销量,商品价格)接口代码对接流程如下: 1.公共参数 名称 类型 必须 描述(接口代码教程wx19970108018) key String ...

  6. 淘宝关键词搜索商品接口分析商品价格走势（商品列表接口，商品销量接口，商品价格接口，分类ID采集商品数据接口）接口代码对接教程

    淘宝关键词搜索商品接口分析商品价格走势(商品列表接口,商品销量接口,商品价格接口,分类ID采集商品数据接口)接口代码对接教程如下: 1.公共参数 名称 类型 必须 描述(接口教程wx199701080 ...

  7. 淘宝关键词搜索采集商品价格销量接口分析商品价格走势（商品列表接口，商品销量接口，商品价格接口，分类ID采集精准商品数据接口）接口代码对接流程

    淘宝关键词搜索采集商品价格销量接口分析商品价格走势(商品列表接口,商品销量接口,商品价格接口,分类ID采集精准商品数据接口)接口代码对接流程如下: 1.公共参数 名称 类型 必须 描述(接口代码教程w ...

  8. 购物车列表加载商品信息及商品增减功能(Ajax+jQuery)

    1.功能介绍 在商品列表页面,用户将想购买的商品及想购买的数量添加进本页面的购物车列表,并计算商品价格. 2.实现思路 加载商品信息 & 修改购物车列表中的数量 服务器端: 如果用户未添加过某 ...

  9. 如何通过API接口从淘宝（或天猫店）复制宝贝到拼多多（商品详情，商品销量，商品列表，商品主图，商品sku）接口代码对接教程

    如何通过API接口从淘宝(或天猫店)复制宝贝到拼多多(商品详情,商品销量,商品列表,商品主图,商品sku)接口代码对接教程如下: 1.公共参数 名称 类型 必须 描述 key String 是 调用k ...

  10. 淘淘商城-商城后台商品列表之商品编辑（商品管理-查询商品-编辑商品）

    目录 1.商品编辑效果展示 2.前端 2.1准备商品信息 2.2更新商品信息 3.后端 3.1准备商品信息 3.1.1服务端 3.1.2表现层 3.2更新商品信息 3.2.1服务层 3.2.2表现层 ...

最新文章

  1. English Spoken Math
  2. 论文被拒，项目被砍？斯坦福最惨在读博士教你如何直面失败
  3. RESTful之视图集ViewSet
  4. 成为最差开发者的10条建议
  5. LeetCode 2148. 元素计数
  6. LeetCode 287. Find the Duplicate Number
  7. Selenium：利用select模块处理下拉框
  8. Sqlserver 中 CrossApply 和 inner join 的区别
  9. php等待参数跳转,Thinkphp页面跳转设置跳转等待时间的操作
  10. vue3.0中使用echarts
  11. 计算机论文研究思路怎么写,论文的研究思路模板范文 课题研究思路怎么写
  12. 《Neural Network and Deep Learning（神经网络与深度学习）》练习及问题详解
  13. Matlab 网络通信(TCP IP)
  14. 软件工程实验微信小程序
  15. thinkphp5如何对接使用阿里云短信
  16. 第7讲 替代定理、戴维南定理、诺顿定理
  17. 吉林大学珠海学院计算机录取分数线,吉林大学珠海学院录取分数线2021是多少分(附历年录取分数线)...
  18. 计算机蓝屏的解决方法,电脑开机蓝屏怎么解决？电脑蓝屏原因及解决方法
  19. A Comprehensive Real-World Dataset for Unsupervised Anomaly Detection(翻译)
  20. openEuler实验-基于openEuler的云景平台文件管理系统

热门文章

  1. authy不同账户间不同步_「第七期」shopify产品还能同步到微信小程序销售？看这里...
  2. php复选框关联数据库字段,通过php将复选框中的多个值插入数据库
  3. 整型数组负数放左面，其他放右面，要求时空复杂度:O(n), O(1)。
  4. iOS音频——AudioToolbox
  5. iOS超全开源框架、项目和学习资料汇总：UI篇
  6. K-Means聚类算法原理
  7. Eureka服务注册中心
  8. 《OpenStack实战》——第1章 介绍OpenStack 1.1OpenStack是什么
  9. javascript中实例方法与类方法的区别
  10. SQL Server 2014 许可证（五）降级与升级