fix: 修改示意图组件

src/views/logistics/sortingConfiguration.vue

@@ -7,8 +7,8 @@ import {
   QuestionFilled,
 } from '@element-plus/icons-vue'
 import platformJson from '@/json/platform.json'
-import useImagePreview from '@/utils/hooks/useImagePreview.'
-const { mouseoverImg, mouseleaveImg } = useImagePreview()
+// import useImagePreview from '@/utils/hooks/useImagePreview.'
+// const { mouseoverImg, mouseleaveImg } = useImagePreview()
 import sortingImg from '@/assets/images/分拣口说明.png'
 import {
   getsortingConfigListApi,
@@ -601,14 +601,23 @@ useEnterKeyTrigger({
               ></el-option>
             </el-select>
             &ensp;
-            <el-icon
+            <el-popover placement="bottom-start" width="700" trigger="click">
+              <img :src="sortingImg" alt="分拣口示意图" style="width: 100%" />
+              <template #reference>
+                <el-icon size="30" color="#606266" style="cursor: pointer">
+                  <QuestionFilled />
+                </el-icon>
+              </template>
+            </el-popover>
+            <!-- <el-icon
               size="30"
               title="分拣口示意图"
               style="cursor: pointer"
+              @click="mouseoverImg(ev, sortingImg, '700px', true, true)"
               @mouseover="(ev:MouseEvent) => mouseoverImg(ev, sortingImg,'700px',true,true)"
               @mouseleave="mouseleaveImg"
               ><QuestionFilled
-            /></el-icon>
+            /></el-icon> -->
           </div>
         </el-form-item>
         <el-form-item