Authored by 李奇

render函数改造

@@ -43,6 +43,7 @@ @@ -43,6 +43,7 @@
43 methods: { 43 methods: {
44 resolveRes(data) { 44 resolveRes(data) {
45 this.dataList = data.records; 45 this.dataList = data.records;
  46 + this.dataList.push({productSkn: '总计'});
46 }, 47 },
47 backList() { 48 backList() {
48 this.$router.push({ name: 'repository.prodReturn.list' }); 49 this.$router.push({ name: 'repository.prodReturn.list' });
@@ -13,7 +13,6 @@ @@ -13,7 +13,6 @@
13 </template> 13 </template>
14 14
15 <script> 15 <script>
16 - import _ from 'lodash';  
17 import moment from 'moment'; 16 import moment from 'moment';
18 import service from 'trade-service'; 17 import service from 'trade-service';
19 18
@@ -33,10 +32,17 @@ @@ -33,10 +32,17 @@
33 }, { 32 }, {
34 title: '商品图片', 33 title: '商品图片',
35 align: 'center', 34 align: 'center',
36 - render() {  
37 - return `<div>  
38 - <img v-prod-img.sku="row.sku">  
39 - </div>`; 35 + render: (h, params) => {
  36 + const row = params.row;
  37 + const directives = [
  38 + { name: 'prod-img', value: row.sku, modifiers: { sku: true } }
  39 + ];
  40 +
  41 + return (
  42 + <div>
  43 + <img {...{ directives }}></img>
  44 + </div>
  45 + );
40 } 46 }
41 }, { 47 }, {
42 title: '商品名称', 48 title: '商品名称',
@@ -45,20 +51,26 @@ @@ -45,20 +51,26 @@
45 }, { 51 }, {
46 title: '规格', 52 title: '规格',
47 align: 'center', 53 align: 'center',
48 - render(row) {  
49 - return `${row.colorName || ''}/${row.size}`; 54 + render(h, params) {
  55 + const row = params.row;
  56 +
  57 + return (
  58 + <span>{row.colorName || ''}/{row.size}</span>
  59 + );
50 } 60 }
51 }, { 61 }, {
52 title: '调拨单号/已发数', 62 title: '调拨单号/已发数',
53 align: 'center', 63 align: 'center',
54 - render(row) {  
55 - let $html = '';  
56 -  
57 - _.each(row.boList, i => {  
58 - $html += `<p>${i.proRequisitionFormId}/${i.num}</p>`;  
59 - }); 64 + render(h, params) {
  65 + const row = params.row;
60 66
61 - return $html; 67 + return (
  68 + <div>
  69 + {row.boList.map(item => {
  70 + return <p>{item.proRequisitionFormId}/{item.num}</p>;
  71 + })}
  72 + </div>
  73 + );
62 } 74 }
63 } 75 }
64 ], 76 ],
1 -/**  
2 - * done tab store  
3 - * @author: leo  
4 - * @date: 04/05/2017  
5 - */  
6 -  
7 -export default () => {  
8 - return {  
9 - filters: {  
10 - orderNo: {  
11 - label: '入库单号',  
12 - model: '',  
13 - holder: '入库单号',  
14 - },  
15 - expressNo: {  
16 - label: '物流单号',  
17 - labelSpan: 6,  
18 - model: '',  
19 - holder: '',  
20 - fieldSpan: 18  
21 - },  
22 - prodCode: {  
23 - label: '商品编码',  
24 - labelSpan: 6,  
25 - model: '',  
26 - holder: 'SKN/SKU',  
27 - fieldSpan: 18  
28 - },  
29 - expressStatus: {  
30 - label: '物流状态',  
31 - labelSpan: 6,  
32 - fieldSpan: 18,  
33 - model: -1,  
34 - options: [  
35 - {  
36 - value: -1,  
37 - label: '全部'  
38 - },  
39 - {  
40 - value: 1,  
41 - label: '待处理'  
42 - },  
43 - {  
44 - value: 2,  
45 - label: '待处理超时'  
46 - }  
47 - ]  
48 - },  
49 - prodBarCode: {  
50 - label: '商品条码',  
51 - labelSpan: 6,  
52 - model: '',  
53 - holder: '',  
54 - fieldSpan: 18  
55 - }  
56 - },  
57 - page: {  
58 - total: 0,  
59 - current: 1  
60 - },  
61 - table: {  
62 - cols: [  
63 - {  
64 - title: '物流单号',  
65 - align: 'center',  
66 - render(row) {  
67 - return `${row.expressNumber}(${row.expressName})`;  
68 -  
69 - }  
70 - },  
71 - {  
72 - title: '发货时间',  
73 - key: 'createTime',  
74 - align: 'center'  
75 - },  
76 - {  
77 - title: '查看明细',  
78 - key: 'detail',  
79 - align: 'center',  
80 - render() {  
81 - return '<i-button type="primary">查看明细</i-button>';  
82 - }  
83 - }  
84 - ],  
85 - list: []  
86 - }  
87 - };  
88 -};