图片涂鸦插件

b8290d3f · huangwensu · 2195795f · b8290d3f · b8290d3f · b8290d3f
--- a/index.html
+++ b/index.html
@@ -8,6 +8,11 @@
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <link rel="shortcut icon" href="./static/img/index_logoicon.png">
+    <link
+  rel="stylesheet"
+  href="https://uicdn.toast.com/tui-image-editor/latest/tui-image-editor.css"
+/>
+
 </head>
 <body>
 <div id="app"></div>
@@ -15,6 +20,7 @@
 <!--oss upload start-->
 <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-5.1.1.min.js"></script>
 <script src="https://unpkg.com/qiniu-js@2.2.0/dist/qiniu.min.js"></script>
+<script src="https://uicdn.toast.com/tui-image-editor/latest/tui-image-editor.js"></script>
 <!--oss upload end-->
 </body>
 </html>
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -10,10 +10,13 @@
        "build:dll": "webpack --config build/webpack.dll.conf.js"
    },
    "dependencies": {
+        "@toast-ui/vue-image-editor": "^1.3.0",
        "axios": "^0.18.0",
        "babel-polyfill": "^6.23.0",
        "echarts": "^4.9.0",
        "element-ui": "^2.7.2",
+        "file-saver": "^2.0.5",
+        "tui-image-editor": "^3.11.0",
        "vue": "^2.3.2",
        "vue-core-image-upload": "2.1.11",
        "vue-datasource": "1.0.9",

--- a/src/main.js
+++ b/src/main.js
@@ -5,18 +5,17 @@ import router from './router';
 import store from './vuex/store'
 import axios from 'axios';
 import ElementUI from 'element-ui';
-import echarts from 'echarts';
 import 'element-ui/lib/theme-chalk/index.css';    // 默认主题
 import {getAddress, loadCommonFilter} from './common/env'
 import vueFilter from './common/filter';


+
 //加载环境变量
 getAddress();
 loadCommonFilter();
 //加载elementUi
 Vue.use(ElementUI);
-Vue.prototype.$echarts = echarts;
 // Vue.use(vueXlsxTable, {rABS: false})

 if (localStorage.getItem("token")) {

--- a/src/views/strack-data/strack-list.vue
+++ b/src/views/strack-data/strack-list.vue
--- a/static/img/test.png
+++ b/static/img/test.png