From 6f54f2d569783767f7210b83d2c6464ce2793231 Mon Sep 17 00:00:00 2001
From: elseif <else.switch@gmail.com>
Date: Mon, 18 Mar 2024 22:12:15 +0800
Subject: [PATCH] fix: some bug

---
 src/api/work/work.ts                          |  2 +-
 .../home/aside/comp/items/IzCustomlevel.vue   |  8 +-
 .../home/aside/comp/items/IzCustomname.vue    |  8 +-
 .../home/aside/comp/items/IzCustomtype.vue    |  8 +-
 src/views/home/aside/comp/items/IzProduct.vue |  8 +-
 src/views/home/aside/comp/items/IzProject.vue |  8 +-
 .../home/aside/comp/items/IzProjecttype.vue   |  8 +-
 src/views/home/aside/comp/items/IzShow.vue    |  8 +-
 .../home/aside/comp/items/IzVisitcity.vue     |  8 +-
 src/views/home/aside/comp/items/Izfirm.vue    |  8 +-
 .../home/aside/comp/items/Iztaskrrom.vue      | 10 +--
 .../home/aside/comp/items/Iztaskstatus.vue    |  8 +-
 .../home/aside/comp/items/Izvisitpro.vue      |  8 +-
 src/views/home/aside/comp/items/Plan.vue      |  8 +-
 .../home/aside/comp/items/ReportUser.vue      |  8 +-
 src/views/home/content/Content.vue            | 29 ++++---
 src/views/task/content/Content.vue            |  2 +-
 src/views/worksheet/content/Content.vue       | 79 ++++++++++++++++---
 18 files changed, 100 insertions(+), 126 deletions(-)

diff --git a/src/api/work/work.ts b/src/api/work/work.ts
index 78e6923..819c9db 100644
--- a/src/api/work/work.ts
+++ b/src/api/work/work.ts
@@ -87,7 +87,7 @@ export async function getTaskDetailPictureList(packageid: string, taskchildpictu
       assignee: item.assignee,
       pictureid: item.pictureid,
       imgurl: item.ocrPicture.imgurl,
-      thumburl: item.serverThumbnailUrl || item.ocrPicture.imgurl,
+      thumburl: item.ocrPicture.serverThumbnailUrl || item.ocrPicture.imgurl,
       iztrueorfalse: item.iztrueorfalse,
       states: item.states,
       history: hasHistory(item.ocpictureid, item.picturecompare),
diff --git a/src/views/home/aside/comp/items/IzCustomlevel.vue b/src/views/home/aside/comp/items/IzCustomlevel.vue
index faca788..3039c99 100644
--- a/src/views/home/aside/comp/items/IzCustomlevel.vue
+++ b/src/views/home/aside/comp/items/IzCustomlevel.vue
@@ -19,14 +19,8 @@ const formValue = ref({
 const rules: FormRules = {
   plans: [
     {
-      required: true,
+      required: false,
       type: 'array',
-      validator(rule: FormItemRule, value: string[]) {
-        if (value == null || value.length === 0)
-          return new Error('请选择拜访客户级别')
-
-        return true
-      },
       trigger: ['blur', 'change'],
     },
   ],
diff --git a/src/views/home/aside/comp/items/IzCustomname.vue b/src/views/home/aside/comp/items/IzCustomname.vue
index 8fbb8bc..584d956 100644
--- a/src/views/home/aside/comp/items/IzCustomname.vue
+++ b/src/views/home/aside/comp/items/IzCustomname.vue
@@ -19,14 +19,8 @@ const formValue = ref({
 const rules: FormRules = {
   plans: [
     {
-      required: true,
+      required: false,
       type: 'array',
-      validator(rule: FormItemRule, value: string[]) {
-        if (value == null || value.length === 0)
-          return new Error('请选择拜访客户名称')
-
-        return true
-      },
       trigger: ['blur', 'change'],
     },
   ],
diff --git a/src/views/home/aside/comp/items/IzCustomtype.vue b/src/views/home/aside/comp/items/IzCustomtype.vue
index 5f56b4c..332d518 100644
--- a/src/views/home/aside/comp/items/IzCustomtype.vue
+++ b/src/views/home/aside/comp/items/IzCustomtype.vue
@@ -19,14 +19,8 @@ const formValue = ref({
 const rules: FormRules = {
   plans: [
     {
-      required: true,
+      required: false,
       type: 'array',
-      validator(rule: FormItemRule, value: string[]) {
-        if (value == null || value.length === 0)
-          return new Error('请选择拜访客户类型')
-
-        return true
-      },
       trigger: ['blur', 'change'],
     },
   ],
diff --git a/src/views/home/aside/comp/items/IzProduct.vue b/src/views/home/aside/comp/items/IzProduct.vue
index f4fecfe..17ac7cf 100644
--- a/src/views/home/aside/comp/items/IzProduct.vue
+++ b/src/views/home/aside/comp/items/IzProduct.vue
@@ -19,14 +19,8 @@ const formValue = ref({
 const rules: FormRules = {
   plans: [
     {
-      required: true,
+      required: false,
       type: 'array',
-      validator(rule: FormItemRule, value: string[]) {
-        if (value == null || value.length === 0)
-          return new Error('请选择产品名称')
-
-        return true
-      },
       trigger: ['blur', 'change'],
     },
   ],
diff --git a/src/views/home/aside/comp/items/IzProject.vue b/src/views/home/aside/comp/items/IzProject.vue
index d240996..3594529 100644
--- a/src/views/home/aside/comp/items/IzProject.vue
+++ b/src/views/home/aside/comp/items/IzProject.vue
@@ -19,14 +19,8 @@ const formValue = ref({
 const rules: FormRules = {
   plans: [
     {
-      required: true,
+      required: false,
       type: 'array',
-      validator(rule: FormItemRule, value: string[]) {
-        if (value == null || value.length === 0)
-          return new Error('请选择所属项目')
-
-        return true
-      },
       trigger: ['blur', 'change'],
     },
   ],
diff --git a/src/views/home/aside/comp/items/IzProjecttype.vue b/src/views/home/aside/comp/items/IzProjecttype.vue
index bceaa95..fe97cc5 100644
--- a/src/views/home/aside/comp/items/IzProjecttype.vue
+++ b/src/views/home/aside/comp/items/IzProjecttype.vue
@@ -19,14 +19,8 @@ const formValue = ref({
 const rules: FormRules = {
   plans: [
     {
-      required: true,
+      required: false,
       type: 'array',
-      validator(rule: FormItemRule, value: string[]) {
-        if (value == null || value.length === 0)
-          return new Error('请选择拜访项目类别')
-
-        return true
-      },
       trigger: ['blur', 'change'],
     },
   ],
diff --git a/src/views/home/aside/comp/items/IzShow.vue b/src/views/home/aside/comp/items/IzShow.vue
index b200de5..fe374ee 100644
--- a/src/views/home/aside/comp/items/IzShow.vue
+++ b/src/views/home/aside/comp/items/IzShow.vue
@@ -19,14 +19,8 @@ const formValue = ref({
 const rules: FormRules = {
   plans: [
     {
-      required: true,
+      required: false,
       type: 'array',
-      validator(rule: FormItemRule, value: string[]) {
-        if (value == null || value.length === 0)
-          return new Error('请选择分类')
-
-        return true
-      },
       trigger: ['blur', 'change'],
     },
   ],
diff --git a/src/views/home/aside/comp/items/IzVisitcity.vue b/src/views/home/aside/comp/items/IzVisitcity.vue
index 02c7f23..86e3fd9 100644
--- a/src/views/home/aside/comp/items/IzVisitcity.vue
+++ b/src/views/home/aside/comp/items/IzVisitcity.vue
@@ -19,14 +19,8 @@ const formValue = ref({
 const rules: FormRules = {
   plans: [
     {
-      required: true,
+      required: false,
       type: 'array',
-      validator(rule: FormItemRule, value: string[]) {
-        if (value == null || value.length === 0)
-          return new Error('请选择发布地区')
-
-        return true
-      },
       trigger: ['blur', 'change'],
     },
   ],
diff --git a/src/views/home/aside/comp/items/Izfirm.vue b/src/views/home/aside/comp/items/Izfirm.vue
index 0ca9bb5..71ae602 100644
--- a/src/views/home/aside/comp/items/Izfirm.vue
+++ b/src/views/home/aside/comp/items/Izfirm.vue
@@ -19,14 +19,8 @@ const formValue = ref({
 const rules: FormRules = {
   plans: [
     {
-      required: true,
+      required: false,
       type: 'array',
-      validator(rule: FormItemRule, value: string[]) {
-        if (value == null || value.length === 0)
-          return new Error('请选择厂商')
-
-        return true
-      },
       trigger: ['blur', 'change'],
     },
   ],
diff --git a/src/views/home/aside/comp/items/Iztaskrrom.vue b/src/views/home/aside/comp/items/Iztaskrrom.vue
index 0638481..dd2bf42 100644
--- a/src/views/home/aside/comp/items/Iztaskrrom.vue
+++ b/src/views/home/aside/comp/items/Iztaskrrom.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { onBeforeMount, ref } from 'vue'
-import type { FormItemRule, FormRules } from 'naive-ui'
+import { type FormItemRule, type FormRules, faIR } from 'naive-ui'
 import { useDictionary } from '@/store/modules/dictonary'
 
 const props = defineProps<{
@@ -19,14 +19,8 @@ const formValue = ref({
 const rules: FormRules = {
   plans: [
     {
-      required: true,
+      required: false,
       type: 'array',
-      validator(rule: FormItemRule, value: string[]) {
-        if (value == null || value.length === 0)
-          return new Error('请选择任务来源')
-
-        return true
-      },
       trigger: ['blur', 'change'],
     },
   ],
diff --git a/src/views/home/aside/comp/items/Iztaskstatus.vue b/src/views/home/aside/comp/items/Iztaskstatus.vue
index f388a03..8810cdb 100644
--- a/src/views/home/aside/comp/items/Iztaskstatus.vue
+++ b/src/views/home/aside/comp/items/Iztaskstatus.vue
@@ -19,14 +19,8 @@ const formValue = ref({
 const rules: FormRules = {
   plans: [
     {
-      required: true,
+      required: false,
       type: 'array',
-      validator(rule: FormItemRule, value: string[]) {
-        if (value == null || value.length === 0)
-          return new Error('请选择任务状态')
-
-        return true
-      },
       trigger: ['blur', 'change'],
     },
   ],
diff --git a/src/views/home/aside/comp/items/Izvisitpro.vue b/src/views/home/aside/comp/items/Izvisitpro.vue
index b16fda5..e1f3701 100644
--- a/src/views/home/aside/comp/items/Izvisitpro.vue
+++ b/src/views/home/aside/comp/items/Izvisitpro.vue
@@ -19,14 +19,8 @@ const formValue = ref({
 const rules: FormRules = {
   plans: [
     {
-      required: true,
+      required: false,
       type: 'array',
-      validator(rule: FormItemRule, value: string[]) {
-        if (value == null || value.length === 0)
-          return new Error('请选择省份')
-
-        return true
-      },
       trigger: ['blur', 'change'],
     },
   ],
diff --git a/src/views/home/aside/comp/items/Plan.vue b/src/views/home/aside/comp/items/Plan.vue
index cb7519e..80bcda1 100644
--- a/src/views/home/aside/comp/items/Plan.vue
+++ b/src/views/home/aside/comp/items/Plan.vue
@@ -19,14 +19,8 @@ const formValue = ref({
 const rules: FormRules = {
   plans: [
     {
-      required: true,
+      required: false,
       type: 'array',
-      validator(rule: FormItemRule, value: string[]) {
-        if (value == null || value.length === 0)
-          return new Error('请选择计划')
-
-        return true
-      },
       trigger: ['blur', 'change'],
     },
   ],
diff --git a/src/views/home/aside/comp/items/ReportUser.vue b/src/views/home/aside/comp/items/ReportUser.vue
index e5d648d..51da5d9 100644
--- a/src/views/home/aside/comp/items/ReportUser.vue
+++ b/src/views/home/aside/comp/items/ReportUser.vue
@@ -19,14 +19,8 @@ const formValue = ref({
 const rules: FormRules = {
   users: [
     {
-      required: true,
+      required: false,
       type: 'array',
-      validator(rule: FormItemRule, value: string[]) {
-        if (value == null || value.length === 0)
-          return new Error('请选择提报人')
-
-        return true
-      },
       trigger: ['blur', 'change'],
     },
   ],
diff --git a/src/views/home/content/Content.vue b/src/views/home/content/Content.vue
index 523d33c..5081d14 100644
--- a/src/views/home/content/Content.vue
+++ b/src/views/home/content/Content.vue
@@ -74,10 +74,10 @@ const layout = debounce(() => {
     (_masonry as any).layout()
     if (!el.value)
       return
-    const scrollHeight = el.value!.scrollHeight
-    const clientHeight = el.value!.clientHeight
-    const top = scrollHeight - clientHeight - 100
-    el.value!.scrollTo({ top, behavior: 'instant' })
+    // const scrollHeight = el.value!.scrollHeight
+    // const clientHeight = el.value!.clientHeight
+    // const top = scrollHeight - clientHeight - 100
+    // el.value!.scrollTo({ top, behavior: 'instant' })
     loading.value = false
   })
 
@@ -224,6 +224,7 @@ function reset() {
   loading.value = false
   canloadMore = true
   filterId = null
+  layout()
 }
 
 async function refreshHandler(filtersearchId?: any) {
@@ -232,13 +233,15 @@ async function refreshHandler(filtersearchId?: any) {
   if (filtersearchId)
     filterId = filtersearchId
 
-  useInfiniteScroll(
-    el as any,
-    () => {
-      loadMore()
-    },
-    { distance: 10, canLoadMore: () => canloadMore },
-  )
+  nextTick(() => {
+    useInfiniteScroll(
+      el as any,
+      () => {
+        loadMore()
+      },
+      { distance: 10, canLoadMore: () => canloadMore },
+    )
+  })
 }
 
 function getAvatar(url: string): string {
@@ -284,8 +287,8 @@ function getAvatar(url: string): string {
                 :src="item.imgUrl"
               > -->
               <n-image
-                class="img" :img-props="{ onClick: hideDownload }"
-                :class="{ 'img-fit': viewMode !== 'masonry' }" :src="item.thumburl"
+                class="img" :img-props="{ onClick: hideDownload }" :class="{ 'img-fit': viewMode !== 'masonry' }"
+                :src="item.thumburl"
               />
               <div class="info">
                 <div class="left">
diff --git a/src/views/task/content/Content.vue b/src/views/task/content/Content.vue
index 08e12e8..d297241 100644
--- a/src/views/task/content/Content.vue
+++ b/src/views/task/content/Content.vue
@@ -253,7 +253,7 @@ function previewHandler(event: MouseEvent) {
   event.stopImmediatePropagation()
   event.stopPropagation()
 
-  if (imageRef.value)
+  if (imageRef.value && (imageRef.value as any).src)
     (imageRef.value as any).mergedOnClick()
 }
 
diff --git a/src/views/worksheet/content/Content.vue b/src/views/worksheet/content/Content.vue
index 4f3b7ee..967c3c1 100644
--- a/src/views/worksheet/content/Content.vue
+++ b/src/views/worksheet/content/Content.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, onMounted, onUnmounted, onUpdated, reactive, ref, unref, watch } from 'vue'
+import { computed, onUnmounted, onUpdated, reactive, ref, unref, watch } from 'vue'
 import { useDialog, useMessage } from 'naive-ui'
 import { clone, debounce, pickBy } from 'lodash-es'
 import { useInfiniteScroll } from '@vueuse/core'
@@ -51,15 +51,14 @@ const taskpagination = reactive({
   pageSize: 10,
 })
 const sortBy: PictureSortParam = {
-  orderbyname: 'desc',
-  orderbyvalue: 'fromuptime',
+  orderbyname: 'asc',
+  orderbyvalue: 'pictureResult',
 }
 const workStore = useWorkOrder()
 const selectTask = ref<any>(null)
 const overTask = ref<any>(null)
 const taskList = ref<any[]>([])
 const taskDetailInfo = ref<any>({})
-const taskDetailPictureList = ref<any[]>([])
 const confrimModalRef = ref(null)
 const imageRef = ref<ComponentElRef | null>()
 const listData = ref<any[]>([])
@@ -175,13 +174,16 @@ function doSetTF(param: SetTFParam) {
 }
 
 function updateList(param: SetTFParam) {
-  const list = taskDetailPictureList.value
+  const list = listData.value
   const ids = param.taskchildpictureids.split(',')
 
   for (const item of list) {
     if (ids.includes(item.id))
       item.iztrueorfalse = param.iztrueorfalse
   }
+
+  if (ids.includes(taskDetailInfo.value.id))
+    taskDetailInfo.value.iztrueorfalse = param.iztrueorfalse
 }
 
 function forwardHandler() {
@@ -246,10 +248,10 @@ const layout = debounce(() => {
   _imagesload.on('done', (instance) => {
     if (!el.value)
       return
-    const scrollHeight = el.value!.scrollHeight
-    const clientHeight = el.value!.clientHeight
-    const top = scrollHeight - clientHeight - 100
-    el.value!.scrollTo({ top, behavior: 'instant' })
+    // const scrollHeight = el.value!.scrollHeight
+    // const clientHeight = el.value!.clientHeight
+    // const top = scrollHeight - clientHeight - 100
+    // el.value!.scrollTo({ top, behavior: 'instant' })
     loading.value = false
   })
 
@@ -299,6 +301,7 @@ async function sortHandler(orderby: 'pictureResult' | 'fromuptime') {
     return
 
   sortBy.orderbyvalue = orderby
+  sortBy.orderbyname = sortBy.orderbyname === 'asc' ? 'desc' : 'asc'
   refreshHandler()
 }
 
@@ -362,11 +365,21 @@ function immersionHandler() {
   workStore.updateImmersion()
 }
 
+function showAction() {
+  const item = taskDetailInfo.value
+  if (batch.value === false)
+    overTask.value = item
+}
+
+function hideAction() {
+  overTask.value = null
+}
+
 function previewHandler(event: MouseEvent) {
   event.stopImmediatePropagation()
   event.stopPropagation()
 
-  if (imageRef.value)
+  if (imageRef.value && (imageRef.value as any).src)
     (imageRef.value as any).mergedOnClick()
 }
 </script>
@@ -414,14 +427,16 @@ function previewHandler(event: MouseEvent) {
         <div class="wrapper-detail">
           <div
             class="left" :style="{ 'background-image': `url(${taskDetailInfo?.ocrPicture?.imgurl})` }"
-            @click="previewHandler"
+            @click="showAction" @mouseleave="leaveTaskHandler"
           >
+            <!-- 真假标记 -->
             <div class="mark">
               <SvgIcon v-show="taskDetailInfo?.iztrueorfalse === 0" size="128" name="jia" />
             </div>
             <div class="mark">
               <SvgIcon v-show="taskDetailInfo?.iztrueorfalse === 1" size="128" name="zhen" />
             </div>
+            <!-- 右下信息 -->
             <div class="info">
               <n-grid x-gap="16" y-gap="0" :cols="12">
                 <n-gi span="4">
@@ -444,8 +459,21 @@ function previewHandler(event: MouseEvent) {
                 </n-gi>
               </n-grid>
             </div>
+            <!-- 右上点击大图 -->
+            <div class="preview" @click="previewHandler">
+              <SvgIcon size="30" name="zoom-out" />
+            </div>
+            <!-- 预览大图组件 -->
             <div style="display: none;">
-              <n-image ref="imageRef" :img-props="{ onClick: hideDownload }" :src="taskDetailInfo?.ocrPicture?.imgurl" />
+              <n-image
+                ref="imageRef" :img-props="{ onClick: hideDownload }"
+                :src="taskDetailInfo?.ocrPicture?.imgurl"
+              />
+            </div>
+            <!-- 操作 -->
+            <div v-show="overTask && overTask.id === taskDetailInfo.id" class="action" @click.stop="hideAction">
+              <SvgIcon style="cursor: pointer;" name="t1" @click.stop="trueHandler" />
+              <SvgIcon style="cursor: pointer;margin-left: 30px;" name="t2" @click.stop="falseHandler" />
             </div>
           </div>
           <div class="right">
@@ -609,6 +637,21 @@ function previewHandler(event: MouseEvent) {
       border-radius: 8px;
       position: relative;
 
+      .preview {
+        position: absolute;
+        z-index: 3;
+        right: 10px;
+        top: 10px;
+        width: 50px;
+        height: 50px;
+        background-color: rgba(255, 255, 255, 0.6);
+        border-radius: 10px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+      }
+
       .mark {
         position: absolute;
         z-index: 3;
@@ -636,6 +679,18 @@ function previewHandler(event: MouseEvent) {
         background: rgba(216, 216, 216, 0.4);
         border-radius: 7px;
       }
+
+      .action {
+        position: absolute;
+        z-index: 3;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        border-radius: 8px;
+        align-items: center;
+        justify-content: center;
+        background-color: rgba(102, 102, 102, 0.5);
+      }
     }
 
     .right {