gengx

src/assets/font/demo_index.html

@@ -55,6 +55,12 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon iconfont">&#xe649;</span>
+                <div class="name">AI抓拍</div>
+                <div class="code-name">&amp;#xe649;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe740;</span>
                 <div class="name">new_left</div>
                 <div class="code-name">&amp;#xe740;</div>
@@ -342,9 +348,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1775094317776') format('woff2'),
-       url('iconfont.woff?t=1775094317776') format('woff'),
-       url('iconfont.ttf?t=1775094317776') format('truetype');
+  src: url('iconfont.woff2?t=1776255409821') format('woff2'),
+       url('iconfont.woff?t=1776255409821') format('woff'),
+       url('iconfont.ttf?t=1776255409821') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -371,6 +377,15 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon iconfont icon-AIzhuapai"></span>
+            <div class="name">
+              AI抓拍
+            </div>
+            <div class="code-name">.icon-AIzhuapai
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-new_left"></span>
             <div class="name">
               new_left
@@ -804,6 +819,14 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-AIzhuapai"></use>
+                </svg>
+                <div class="name">AI抓拍</div>
+                <div class="code-name">#icon-AIzhuapai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-new_left"></use>
                 </svg>
                 <div class="name">new_left</div>

src/assets/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4789215 */
-  src: url('iconfont.woff2?t=1775094317776') format('woff2'),
-       url('iconfont.woff?t=1775094317776') format('woff'),
-       url('iconfont.ttf?t=1775094317776') format('truetype');
+  src: url('iconfont.woff2?t=1776255409821') format('woff2'),
+       url('iconfont.woff?t=1776255409821') format('woff'),
+       url('iconfont.ttf?t=1776255409821') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-AIzhuapai:before {
+  content: "\e649";
+}
+
 .icon-new_left:before {
   content: "\e740";
 }

src/assets/font/iconfont.json

@@ -6,6 +6,13 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "37288684",
+      "name": "AI抓拍",
+      "font_class": "AIzhuapai",
+      "unicode": "e649",
+      "unicode_decimal": 58953
+    },
+    {
       "icon_id": "47237723",
       "name": "new_left",
       "font_class": "new_left",

src/view/case/photos/canvas-photo-editor.js

@@ -16,8 +16,8 @@ export class CanvasPhotoEditor {
     this.canvas = canvas
     this.ctx = canvas.getContext('2d')
     this.ctxOld = null
-    this.rqWidth = 370
-    this.rqHeight = 250
+    this.rqWidth = 362
+    this.rqHeight = 253
     this.pageWidth = options.pageWidth || 520
     this.pageHeight = options.pageHeight || 840
     this.pageMargin = options.pageMargin || 4

src/view/material/sceneImg.vue

@@ -235,8 +235,13 @@
                   >下载</el-button
                 >
                 <!--  -->
-                <el-button class="newbut" :icon="Edit" @click="openAIdrawCase"
-                  >AI制卷</el-button
+                <el-button class="newbut" @click="openAIdrawCase"
+                  ><i
+                    style="font-size: 14px; margin-right: 5px"
+                    class="iconfont icon-AIzhuapai"
+                  />
+
+                  AI制卷</el-button
                 >
               </div>
               <div
@@ -572,14 +577,14 @@ const ImgsrcList = ref([]);
 const active1 = ref("现场图");
 const active = ref(true);
 const urlindex = ref(-1);
-const selectNum = ref(null)
+const selectNum = ref(null);
 const canvas = ref(null);
 const editor = ref(null);
 
 const tabsRef = ref(null);
 const showText = ref(show.value ? false : true);
 const settype = ref(false);
-const loadingAiPhone = ref()
+const loadingAiPhone = ref();
 const childrenList = ref({
   list: [],
   value: "",
@@ -1157,7 +1162,7 @@ async function frameLoad(sdk, num) {
     const player = sdk.core.get("Player");
     sdk.Scene.on("loaded", () => {
       // if (isTest) {
-        player.model.panos.list.forEach((pano) => pano.addLabel2());
+      player.model.panos.list.forEach((pano) => pano.addLabel2());
       // } else {
       //   sdk.core.get("SceneRenderer").suspend();
       // }
@@ -1166,14 +1171,20 @@ async function frameLoad(sdk, num) {
     const jsonContent = await sdk.Camera.routeSnapGenerate();
     console.log("返回数据", list);
     const iframe = document.getElementById("iframe-outside");
-    iframe?.classList.remove('show');
+    iframe?.classList.remove("show");
     let res = await casePhotoUpImage({
       caseId: caseId.value,
       num,
       jsonContent,
     });
     console.log("返回数据1", res);
+    ElMessageBox.confirm(
+      `AI制卷将基于实景三维已有痕迹物证数据自动提取重点、
+概貌、方位照片，并制卷。需要一定时间。完成后可编辑调整。`,
+      "提示"
+    );
     loadingAiPhone.value.close();
+    getList(true);
   } catch (error) {
     console.log("捕获到错误", error);
     loadingAiPhone.value.close();
@@ -1183,7 +1194,6 @@ async function frameLoad(sdk, num) {
     });
   }
 
-  
   // sdk.Scene.whenLoaded(()=>{
   //     console.log("返回数据",sdk.Camera.getPose())
   // })
@@ -1191,8 +1201,17 @@ async function frameLoad(sdk, num) {
 async function openAIdrawCase() {
   const { num } = await tableModelScene({ numList: [] });
   selectNum.value = num;
-  handleAIdrawCasePhotos(num);
-  console.log("返回数据", num);
+  let item = casePhotoList.value.find((ele) => ele.num == num);
+  if (
+    item &&
+    item.num &&
+    (await ElMessageBox.confirm(
+      `当前现场已存在照片卷：${item.name}，是否覆盖已有制卷结果？`,
+      "提示"
+    ))
+  ) {
+    handleAIdrawCasePhotos(num);
+  }
 }
 function handleAIdrawCasePhotos(num) {
   const iframe = document.getElementById("iframe-outside");