图片标注前端接口

DAPlatform-front/package-lock.json

@@ -11539,6 +11539,11 @@
       "integrity": "sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww==",
       "dev": true
     },
+    "shvl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shvl/-/shvl-2.0.0.tgz",
+      "integrity": "sha512-WbpzSvI5XgVGJ3A4ySGe8hBxj0JgJktfnoLhhJmvITDdK21WPVWwgG8GPlYEh4xqdti3Ff7PJ5G0QrRAjNS0Ig=="
+    },
     "signal-exit": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.3.tgz",
@@ -12961,6 +12966,22 @@
       "resolved": "https://registry.npmjs.org/vuex/-/vuex-3.4.0.tgz",
       "integrity": "sha512-ajtqwEW/QhnrBZQsZxCLHThZZaa+Db45c92Asf46ZDXu6uHXgbfVuBaJ4gzD2r4UX0oMJHstFwd2r2HM4l8umg=="
     },
+    "vuex-persistedstate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/vuex-persistedstate/-/vuex-persistedstate-3.0.1.tgz",
+      "integrity": "sha512-2dH77+fIecAXO8GeJEXiYnC++gx48PFGUayB5d7rWrN3fblRCOHQoVnmu/VV9DXbHHJcJth/0W/ofl8vw12j1A==",
+      "requires": {
+        "deepmerge": "^4.2.2",
+        "shvl": "^2.0.0"
+      },
+      "dependencies": {
+        "deepmerge": {
+          "version": "4.2.2",
+          "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+          "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg=="
+        }
+      }
+    },
     "watchpack": {
       "version": "1.6.1",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.1.tgz",

DAPlatform-front/src/mock/api.js

-import Mock from 'mockjs'
-Mock.mock('http://localhost:9100/api/getTasks', {
-  'status': 0,
-  'data|10': [{
-    'id|1-9999': 1,
-    'name|1': ['冰箱物品标注', '新通路图片', '人脸识别', '客服语音', '行人十字画框', '动物打点标注'],
-    'creator|1': ['王强', '赵信良', '李轩辕', '田予欢', '张三', '李斯'],
-    'date': Mock.Random.date('yyyy/MM/dd')
-  }]
-})
-
-Mock.mock(/\/api\/getPieces\?id=[0-9]+/, {
-  'status': 0,
-  'data|5-10': [{
-    'id|1-65535': 1,
-    'fileNum|10-50': 1,
-    'template|1': ['人脸识别标注模板', '动物标注模板', '本文标注模板', '桥梁标注模板', '植物标注模板'],
-    'type|1': ['文本', '图片', '图层']
-  }]
-})
-
-Mock.mock(/\/api\/file\/getFiles\?pieceId=[0-9]+/, {
-  'status': 0,
-  'data|1-5': [{
-    'id|1-65535': 1,
-    'name': '标注文件.xxx',
-    'size|10-30': 1,
-    'state|0-1': 1
-  }]
-})
+import Mock from 'mockjs'
+Mock.mock('http://localhost:9100/api/getTasks', {
+  'status': 0,
+  'data|10': [{
+    'id|1-9999': 1,
+    'name|1': ['冰箱物品标注', '新通路图片', '人脸识别', '客服语音', '行人十字画框', '动物打点标注'],
+    'creator|1': ['王强', '赵信良', '李轩辕', '田予欢', '张三', '李斯'],
+    'date': Mock.Random.date('yyyy/MM/dd')
+  }]
+})
+
+Mock.mock('http://localhost:9100/api/image', {
+  code: 1,
+  data: [{
+    relationId: 123,
+    imageUrl: 'https://juanmdbucket.oss-cn-beijing.aliyuncs.com/20200301231737.png',
+    labelList: [{
+      labelId: 0,
+      label: 'label1',
+      pointList: [{
+        pointId: '1-1',
+        X: 1.1,
+        Y: 2.2
+      }, {
+        pointId: '1-2',
+        X: 1.2,
+        Y: 2.3
+      }]
+    }, {
+      labelId: 1,
+      label: 'label2',
+      pointList: [{
+        pointId: '2-1',
+        X: 1.1,
+        Y: 2.2
+      }, {
+        pointId: '2-2',
+        X: 1.2,
+        Y: 2.3
+      }]
+    }]
+  }, {
+    relationId: 233,
+    imageUrl: 'https://juanmdbucket.oss-cn-beijing.aliyuncs.com/20200526170357.jpg',
+    labelList: [{
+      labelId: 0,
+      label: 'label1',
+      pointList: [{
+        pointId: '1-1',
+        X: 1.1,
+        Y: 2.2
+      }, {
+        pointId: '1-2',
+        X: 1.2,
+        Y: 2.3
+      }]
+    }]
+  }]
+})
+
+Mock.mock(/\/api\/getPieces\?id=[0-9]+/, {
+  'status': 0,
+  'data|5-10': [{
+    'id|1-65535': 1,
+    'fileNum|10-50': 1,
+    'template|1': ['人脸识别标注模板', '动物标注模板', '本文标注模板', '桥梁标注模板', '植物标注模板'],
+    'type|1': ['文本', '图片', '图层']
+  }]
+})
+
+Mock.mock(/\/api\/file\/getFiles\?pieceId=[0-9]+/, {
+  'status': 0,
+  'data|1-5': [{
+    'id|1-65535': 1,
+    'name': '标注文件.xxx',
+    'size|10-30': 1,
+    'state|0-1': 1
+  }]
+})
+

DAPlatform-front/src/store/index.js

-/* eslint-disable no-undef */
-import Vue from 'vue'
-import Vuex from 'vuex'
-import createPersistedState from 'vuex-persistedstate'
-
-Vue.use(Vuex)
-
-export default new Vuex.Store({
-  state: {
-    userInfo: null
-  },
-  mutations: {
-    setUserInfo (state, userInfo) {
-      state.userInfo = userInfo
-    }
-  },
-  actions: {
-  },
-  modules: {
-  },
-  plugins: [createPersistedState()]
-})
+/* eslint-disable no-undef */
+import Vue from 'vue'
+import Vuex from 'vuex'
+import createPersistedState from 'vuex-persistedstate'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  state: {
+    userInfo: null,
+    imageData: null,
+  },
+  mutations: {
+    setUserInfo (state, userInfo) {
+      state.userInfo = userInfo
+    },
+    setImageData (state, imageData) {
+      state.imageData = imageData
+    }
+  },
+  actions: {
+  },
+  modules: {
+  },
+  plugins: [createPersistedState()]
+})