Authored by htoooth

fix

@@ -13,8 +13,9 @@ @@ -13,8 +13,9 @@
13 <Row> 13 <Row>
14 <Col> 14 <Col>
15 <div class="create-item-title">商品颜色主图 15 <div class="create-item-title">商品颜色主图
16 - <span class="create-group-sub-title">(商品正面图默认为用户选择商品颜色和展示使用。用户从不同频道查看商品,优先展示频道封面图)<a  
17 - href="javascript: void 0;" @click="onClickShowExample">查看色卡图片示例</a></span> 16 + <span class="create-group-sub-title">(商品正面图默认为用户选择商品颜色和展示使用。用户从不同频道查看商品,优先展示频道封面图)
  17 + <a href="javascript: void 0;" @click="onClickShowExample">查看色卡图片示例</a>
  18 + </span>
18 </div> 19 </div>
19 </Col> 20 </Col>
20 </Row> 21 </Row>
@@ -68,7 +68,9 @@ @@ -68,7 +68,9 @@
68 <span class="create-group-sub-title">(商品上架销售需要完成必填项信息)</span> 68 <span class="create-group-sub-title">(商品上架销售需要完成必填项信息)</span>
69 </div> 69 </div>
70 <div class="create-item-title">商品颜色主图 70 <div class="create-item-title">商品颜色主图
71 - <span class="create-group-sub-title">(商品正面图默认为用户选择商品颜色和展示使用。用户从不同频道查看商品,优先展示频道封面图)</span> 71 + <span class="create-group-sub-title">(商品正面图默认为用户选择商品颜色和展示使用。用户从不同频道查看商品,优先展示频道封面图)
  72 + <a href="javascript: void 0;" @click="onClickShowExample">查看色卡图片示例</a>
  73 + </span>
72 </div> 74 </div>
73 <ImageGoodsMain v-model="product.goods"></ImageGoodsMain> 75 <ImageGoodsMain v-model="product.goods"></ImageGoodsMain>
74 <div class="create-item-title">商品描述(详情页内容)</div> 76 <div class="create-item-title">商品描述(详情页内容)</div>
@@ -105,7 +107,7 @@ @@ -105,7 +107,7 @@
105 </Form-item> 107 </Form-item>
106 </Form> 108 </Form>
107 <Spin size="large" fix v-else-if="showLoading"></Spin> 109 <Spin size="large" fix v-else-if="showLoading"></Spin>
108 -</LayoutBody> 110 + <ModalExample ref="example"></ModalExample></LayoutBody>
109 </template> 111 </template>
110 <script> 112 <script>
111 import _ from 'lodash'; 113 import _ from 'lodash';
@@ -114,6 +116,7 @@ import { SelectSeason } from 'components/select'; @@ -114,6 +116,7 @@ import { SelectSeason } from 'components/select';
114 import { RadioSeason, RadioGender } from 'components/radio'; 116 import { RadioSeason, RadioGender } from 'components/radio';
115 import { TableGoodSize } from 'components/table'; 117 import { TableGoodSize } from 'components/table';
116 import { ImageGoodsMain } from 'components/image'; 118 import { ImageGoodsMain } from 'components/image';
  119 +import {ModalExample} from 'components/modal';
117 120
118 import service from 'product-create/service'; 121 import service from 'product-create/service';
119 import api from 'product-create/api'; 122 import api from 'product-create/api';
@@ -527,6 +530,9 @@ export default { @@ -527,6 +530,9 @@ export default {
527 530
528 return total; 531 return total;
529 }, []); 532 }, []);
  533 + },
  534 + onClickShowExample() {
  535 + this.$refs.example.show();
530 } 536 }
531 }, 537 },
532 components: { 538 components: {
@@ -538,7 +544,8 @@ export default { @@ -538,7 +544,8 @@ export default {
538 SelectSeason, 544 SelectSeason,
539 CheckboxColor, 545 CheckboxColor,
540 CheckboxSize, 546 CheckboxSize,
541 - ImageGoodsMain 547 + ImageGoodsMain,
  548 + ModalExample
542 } 549 }
543 }; 550 };
544 </script> 551 </script>