添加帮助说明

@@ -23,6 +23,9 @@
                 <Button type="primary" @click="search">筛选</Button>
                 <Button type="primary" @click="search">筛选</Button>
                 <Button @click="reset">清空条件</Button>
                 <Button @click="reset">清空条件</Button>
                 <Button @click="exportData" type="warning">导出</Button>
                 <Button @click="exportData" type="warning">导出</Button>
+                <Tooltip class="help-tooltip" :content="helpTip" placement="top-start">
+                    <span class="tip">帮助说明</span>
+                </Tooltip>
             </filter-item>
             </filter-item>
         </layout-filter>
         </layout-filter>
         <layout-list>
         <layout-list>
@@ -127,7 +130,8 @@ export default {
                         </action-group>
                         </action-group>
                     );
                     );
                 }
                 }
-            }]
+            }],
+            helpTip: '结算单每月16号系统自动生成，用于与财务结算本月之前的所有已对账账单，未对账以及发生退货的账单不会出现在结算单中。系统生成结算单后，请尽快按照应付金额提供相应发票，进行结算。'
         };
         };
     },
     },
     computed: {
     computed: {
@@ -237,4 +241,32 @@ export default {
     right: 0;
     right: 0;
     left: auto !important;
     left: auto !important;
 }
 }
+
+.help-tooltip {
+    .ivu-tooltip-inner {
+        max-width: 600px;
+        white-space: normal;
+    }
+
+    .tip {
+        margin-left: 10px;
+        color: #00b0ff;
+        cursor: pointer;
+        text-decoration: underline;
+
+        &:before {
+            display: inline-block;
+            content: "?";
+            font-size: 12px;
+            height: 12px;
+            width: 12px;
+            color: #fff;
+            line-height: 12px;
+            margin-right: 4px;
+            background-color: #00b0ff;
+            border-radius: 6px;
+            text-align: center;
+        }
+    }
+}
 </style>
 </style>