Merge branch 'dev' of http://192.168.0.115:3000/bill/traffic-laser into dev

src/views/scene/index.vue

@@ -3,13 +3,7 @@
     <template v-slot:header>
       <div class="photos-header">
         <div class="left">
-          <ui-icon
-            class="back-icon"
-            type="return"
-            ctrl
-            style="margin-right: 10px"
-            @click="back"
-          />
+          <ui-icon class="back-icon" type="return" ctrl style="margin-right: 10px" @click="back" />
           <span> 案件 </span>
         </div>
       </div>
@@ -20,28 +14,15 @@
         <div class="info-top-left" :class="{ full: viewStatus }">
           <Container @loaded="loaded = true" />
           <template v-if="loaded && !trackMode">
-            <Menus
-              v-if="viewStatus"
-              @active="(data) => (activeMenuKeys = data)"
-              @enter-child="childPage = true"
-              @leave-child="childPage = false"
-            />
+            <Menus v-if="viewStatus" @active="(data) => (activeMenuKeys = data)" @enter-child="childPage = true" @leave-child="childPage = false" />
             <!-- v-if="currentView" -->
             <BasePoints />
             <FixPoints />
             <Measures />
             <Photo />
-            <Range
-              v-if="activeMenuKeys[0] === 'range'"
-              :rangeKey="activeMenuKeys.slice(1).join(':')"
-            />
+            <Range v-if="activeMenuKeys[0] === 'range'" :rangeKey="activeMenuKeys.slice(1).join(':')" />
             <!-- <ButtonPane class="back fun-ctrl" size="48" @click="router.push('/scene')" v-if="!childPage"> -->
-            <ButtonPane
-              class="back fun-ctrl"
-              :size="viewStatus ? 64 : 48"
-              @click="onScale"
-              v-if="!childPage"
-            >
+            <ButtonPane class="back fun-ctrl" :size="viewStatus ? 64 : 48" @click="onScale" v-if="!childPage">
               <ui-icon :type="viewStatus ? 'screen_c' : 'screen_f'" class="icon" />
             </ButtonPane>
             <Mode />
@@ -50,23 +31,19 @@
         <div class="info-top-right" :class="{ full: viewStatus }">
           <div class="input-item">
             <p>事故时间:</p>
-            <input type="text" v-model="sceneInfo.accidentTime" @input="inputHandler" />
+            <input id="accidentTime" type="text" v-model="sceneInfo.accidentTime" @input="inputHandler" />
           </div>
           <div class="input-item">
             <p>天气:</p>
-            <input type="text" v-model="sceneInfo.weather" @input="inputHandler" />
+            <input id="weather" type="text" v-model="sceneInfo.weather" @input="inputHandler" />
           </div>
           <div class="input-item">
             <p>地点:</p>
-            <input type="text" v-model="sceneInfo.address" @input="inputHandler" />
+            <input id="address" type="text" v-model="sceneInfo.address" @input="inputHandler" />
           </div>
           <div class="text-item">
             <p>事故描述:</p>
-            <textarea
-              class="info-textarea"
-              v-model="sceneInfo.accidentDesc"
-              @input="inputHandler"
-            ></textarea>
+            <textarea id="accidentDesc" class="info-textarea" v-model="sceneInfo.accidentDesc" @input="inputHandler"></textarea>
           </div>
           <div class="info-btn">
             <div
@@ -80,9 +57,7 @@
             >
               现场绘图({{ sceneSortPhotos.length }})
             </div>
-            <div class="right-btn" @click="router.push('/accidents?back=1')">
-              事故照片({{ accodentSortPhotos.length }})
-            </div>
+            <div class="right-btn" @click="router.push('/accidents?back=1')">事故照片({{ accodentSortPhotos.length }})</div>
           </div>
         </div>
       </div>
@@ -219,7 +194,24 @@ onMounted(() => {
   if (tables.value && tables.value["sceneInfo"]) {
     sceneInfo.value = tables.value["sceneInfo"];
   }
+  nextTick(() => {
+    let sceneCanvas = document.querySelector(".scene-canvas");
+    sceneCanvas.addEventListener("touchstart", () => {
+      setBlur();
+    });
+
+  });
 });
+const setBlur = () => {
+  let domlList = [];
+  domlList.push(document.getElementById("accidentTime"));
+  domlList.push(document.getElementById("weather"));
+  domlList.push(document.getElementById("address"));
+  domlList.push(document.getElementById("accidentDesc"));
+  domlList.forEach((item) => {
+    item.blur();
+  });
+};
 onActivated(async () => {
   await nextTick();
   let full = router.currentRoute.value.query.full;