添加生成条形码功能 #89

1. 添加以来vue-color,jsbarcode。
vue-color 是一个颜色选择器.
https://github.com/xiaokaike/vue-color.git

jsbarcode 是该功能的核心工具，能够生成各类条形码
https://github.com/lindell/JsBarcode.git

2. 仿照jsbarcode的demo页面将条码生成功能集成到CTool中
https://lindell.me/JsBarcode/generator/

package.json

@@ -28,6 +28,7 @@
         "js-base64": "^2.6.4",
         "js-htmlencode": "^0.3.0",
         "js-yaml": "^3.14.1",
+        "jsbarcode": "^3.11.5",
         "json-to-properties": "^1.1.3",
         "jsonlint": "^1.6.3",
         "jsrsasign": "^10.4.1",
@@ -55,6 +56,7 @@
         "uuid": "^8.3.2",
         "view-design": "^4.6.1",
         "vue": "^2.6.14",
+        "vue-color": "^2.8.1",
         "vue-router": "^3.5.3",
         "x2js": "github:abdolence/x2js"
     },

src/config.js

@@ -40,6 +40,7 @@ const tool = [
     {'name': 'url', 'title': 'URL编码', 'cat': ['conversion']},
     {'name': 'timestamp', 'title': '时间戳', 'cat': ['conversion']},
     {'name': 'qrCode', 'title': '二维码', 'cat': ['generate']},
+    {'name': 'barcode', 'title': '条形码', 'cat': ['generate']},
     {'name': 'pinyin', 'title': '汉字转拼音', 'cat': ['conversion']},
     {'name': 'ip', 'title': 'IP地址查询', 'cat': ['other']},
     {'name': 'code', 'title': '代码格式化', 'cat': ['other']},

src/tool.router.js

@@ -70,6 +70,10 @@ const routes = [
         path: '/tool/qrCode',
         component: r => require(['./views/tool/qrCode.vue'], r)
     },
+    {
+        path: '/tool/barcode',
+        component: r => require(['./views/tool/barcode.vue'], r)
+    },
     {
         path: '/tool/randomString',
         component: r => require(['./views/tool/randomString.vue'], r)