使用原生手机拍照，图片是否保存相册可配置

src/components/H5Camera.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="h5Camera">
+    <input type="file" accept="image/*" capture="camera" />
+  </div>
+</template>
+<script>
+export default {
+  name: 'H5Camera',
+  data() {
+    return {
+      imgUrl: '',
+    };
+  },
+  mounted() {
+    var input = document.querySelector('input[type=file]');
+    input.addEventListener('change', function (e) {
+      var file = e.target.files[0];
+
+      var reader = new FileReader();
+
+      reader.onload = function (e) {
+        var dataURL = e.target.result;
+
+        // 在此处对 dataURL 进行操作，例如显示图片
+      };
+
+      reader.readAsDataURL(file);
+    });
+  },
+};
+</script>
+<style lang="scss" scoped>
+.h5Camera {
+  width: 100%;
+  height: 100%;
+}
+</style>

src/views/deviceOutside/index.vue

@@ -3,6 +3,9 @@
     <div class="navBarTOP">
       <!--        顶部条-->
       <van-nav-bar class="navBar" title="计划外">
+        <template #left>
+          <H5Camera />
+        </template>
         <template #right>
           <span @click="searchFn">筛选<van-icon name="arrow-down" /></span>
         </template>
@@ -534,9 +537,10 @@ import xmgj from '@/assets/xmgj.png';
 import { getOrderUrlByStoreId } from '@/api/inventory';
 import { checkStoreAddressByStoreCode } from '@/api/visitstore';
 import { getPosition, getMapPoi, getkeywordPoi, getTicketFun } from '@/utils/TXApiFun';
+import H5Camera from '@/components/H5Camera';
 export default {
   name: 'outsidelist',
-  components: { tabBar, mapmarker },
+  components: { tabBar, mapmarker, H5Camera },
   data() {
     return {
       yichang: yichang,

src/views/week/systemSettings.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="systemSettings">systemSettings</div>
+</template>
+<script>
+export default {
+  name: 'systemSettings',
+  data() {
+    return {};
+  },
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+.systemSettings {
+  width: 100%;
+  height: 100%;
+  background: #fff;
+}
+</style>