download pdf

@@ -97,7 +97,23 @@ export default {
                         renderHeader(h, params) { //eslint-disable-line
                             return (
                                 <div>
-                                    <span class="table-header-req">{params.column.title}<example-pop></example-pop></span>
+                                    <span class="table-header-req">
+                                        {params.column.title}
+                                        <poptip trigger="hover" placement="right-start">
+                                            <icon type="help-circled"></icon>
+                                            <div class="example-pop" slot="content">
+                                                <div class="title">
+                                                    图片尺寸建议 1050*1400，不大于 500KB 。
+                                                </div>
+
+                                                <div class="title">
+                                                    色卡图片会被自动设置为商品的正面图片，要求必须拍摄商品正面照，且图片底色为 <strong>F5F7F6</strong> 。
+                                                </div>
+
+                                                <div class="text-center"><img class="image" /></div>
+                                            </div>
+                                        </poptip>
+                                    </span>
                                 </div>
                             );
                         }
@@ -118,7 +134,18 @@ export default {
                             return null;
                         },
                         renderHeader(h) { //eslint-disable-line
-                            return <span>款型编码</span>;
+                            return (
+                                <div>
+                                    <span>款型编码
+                                        <poptip trigger="hover" placement="right-start">
+                                            <icon type="help-circled"></icon>
+                                            <div slot="content">
+                                                <span>入库识别码填写规范</span><a href="/instore_code_rule.pdf">下载</a>
+                                            </div>
+                                        </poptip>
+                                    </span>
+                                </div>
+                            );
                         }
                     },
                     {
@@ -395,4 +422,28 @@ export default {
     padding: 10px;
 }
 
+.example-pop {
+    padding: 10px;
+
+    .title {
+        color: #c90;
+        width: 155px;
+        white-space: normal;
+        margin-bottom: 10px;
+    }
+
+    .text-center {
+        text-align: center;
+    }
+
+    .image {
+        width: 100px;
+        height: 134px;
+        background-image: url(../../statics/images/example/1.png);
+    }
+
+    .ivu-poptip-body {
+        padding: 8px 16px;
+    }
+}
 </style>

@@ -557,11 +557,9 @@ export default {
             let newProduct = this.beforeSave();
 
             this.$Loading.start();
-
             return this.productCreateService.updateProductAllInfo(newProduct).then((result) => {
-                this.$Loading.finish();
-
                 if (result.code === 200) {
+                    this.$Loading.finish();
                     this.$Notice.success({
                         title: '修改成功',
                         desc: '该商品保存成功！'
@@ -569,9 +567,10 @@ export default {
 
                     this.go(this.from);
                 } else {
+                    this.$Loading.error();
                     this.$Notice.error({
                         title: '保存错误',
-                        desc: result.data.join('\n')
+                        desc: result.message
                     });
 
                 }

 <template>
-    <layout-body>
+    <layout-body class="output-page">
         <layout-filter :no-line="true" :col="1">
             <filter-item>
                 <div class="import-title">导出</div>
@@ -53,8 +53,9 @@
                         :on-error="onError"
                         :on-progress="onProgress">
                     <Button type="ghost">浏览</Button>
-                    <a @click="download">下载 Excel 模板</a>
                 </upload-xlsx>
+                <a @click="download" class="download-a">下载Excel模板</a>
+                <a href="/instore_code_rule.pdf" class="download-a">下载《入库识别码填写规范》</a>
             </filter-item>
 
             <filter-item>
@@ -218,4 +219,10 @@
     color: red;
     line-height: 25px;
 }
+
+.output-page {
+    .download-a {
+        margin-left: 10px;
+    }
+}
 </style>