dsbridge通信

package.json

@@ -18,6 +18,7 @@
     "axios": "0.18.1",
     "bpmn-js": "^6.1.1",
     "bpmn-js-properties-panel": "^0.33.1",
+    "dsbridge": "^3.1.4",
     "echarts": "^5.3.2",
     "element-resize-detector": "^1.2.4",
     "element-ui": "2.13.0",

src/main.js

@@ -28,6 +28,8 @@ import permission from './directive/permission'
 import '@/icons' // icon
 import '@/assets/icons' // icon
 import '@/permission' // permission control
+// 安卓h5交互
+import { WebView } from '@/utils/WebViewContact'
 
 /**
  * If you don't want to use mock-server
@@ -58,6 +60,7 @@ Viewer.setDefaults({
 })
 
 // 全局方法挂载
+Vue.prototype.$WebView = WebView
 Vue.prototype.getDict = getDict
 Vue.prototype.getConfigKey = getConfigKey
 Vue.prototype.parseTime = parseTime

src/utils/WebViewContact.js

+const DS_BRIDGE = require('dsbridge')
+
+// 拍照
+export const openCamera = (params) => {
+  return new Promise(resolve => {
+    DS_BRIDGE.call('openCamera', params, res => {
+      resolve(res)
+    })
+  })
+}
+// 存储数据
+export const saveLocationData = (params) => {
+  return new Promise(resolve => {
+    DS_BRIDGE.call('saveLocationData', params, res => {
+      resolve(res)
+    })
+  })
+}
+
+export const WebView = {
+  openCamera,
+  saveLocationData
+}

src/views/setup/index.vue

 <template>
   <div class="setup_module">
     <div class="button_row">
-      <el-button type="primary">扫码</el-button>
-      <el-button type="primary">拍照</el-button>
+      <el-button type="primary" @click="handleTest">扫码</el-button>
+      <el-button type="primary" @click="handleTakePhotos">拍照</el-button>
     </div>
     <div class="button_row">
       <el-button type="primary" @click="handleOutbound">出库</el-button>
@@ -13,7 +13,7 @@
 
 <script>
 export default {
-  name: "index",
+  name: 'Index',
   data() {
     return {
 
@@ -22,6 +22,26 @@ export default {
   created() {
   },
   methods: {
+    handleTest() {
+      const params = {
+        name: 'ceshi1312',
+        content: 'aaaaaaa'
+      }
+      this.$WebView.saveLocationData(params).then(res => {
+        console.log('提交后结果', res)
+      })
+    },
+    /** 拍照按钮*/
+    handleTakePhotos() {
+      console.log('调用前')
+      const params = {
+        name: 'ceshi1312',
+        content: 'aaaaaaa'
+      }
+      this.$WebView.openCamera(params).then(res => {
+        console.log('拍照', res)
+      })
+    },
     handleOutbound() {
       this.$router.push({
         path: '/setup/outbound'