update

src/components/XImage.vue

@@ -84,7 +84,7 @@ defineExpose({
                     <image v-if="sy" class="!size-full !absolute left-0 top-0" :src="SY_ICON"
                            mode="aspectFit"></image>
                 </template>
-                <template>
+                <template v-else>
                     <view class="!size-full !flex items-center" @click.stop>
                         <video class="!w-full" :src="src" :controls="true"></video>
                     </view>

src/pages/taskDetails/components/CollectMaterials.vue

@@ -2,6 +2,7 @@
 import {ref, computed} from "vue";
 import XSquareCarouselImage from "../../../components/XSquareCarouselImage.vue";
 import {toWXMiniApp} from "../../../utils/uils.js";
+import XImage from "../../../components/XImage.vue";
 
 const {data, home} = defineProps({
     data: {
@@ -82,8 +83,16 @@ const list = computed(() => data.children.material[current.value].comment?.flatM
                         {{ v.intro }}
                     </view>
                     <view class="!flex gap-[20rpx] flex-wrap !my-[10rpx]">
-                        <image v-for="k in v.image_arr" class="!w-[96rpx] !h-[96rpx] !aspect-square" mode="aspectFill"
-                               :src="k"></image>
+                        <view class="!w-[96rpx] !h-[96rpx] !aspect-square" v-for="k in v.image_arr">
+                            <x-image
+                                :style="{
+                                    width: '96rpx',
+                                    height: '96rpx',
+                                }"
+                                :src="k"
+                                :list="v.image_arr">
+                            </x-image>
+                        </view>
                     </view>
                 </view>
             </view>

src/pages/taskDetails/components/replyMessageModal.vue

@@ -7,6 +7,7 @@ import {showToast, uploadFile} from "../../../utils/uils.js";
 import Api from "../../../api/index.js";
 import {debounce} from "lodash";
 import useUploadLength from "../../../hooks/useUploadLength.js";
+import XImage from "../../../components/XImage.vue";
 
 const emits = defineEmits(['success']);
 const {data, backId, intervention, pattern, logId} = defineProps({
@@ -81,15 +82,32 @@ const success = debounce(async () => {
             </view>
 
             <view class="!flex gap-[20rpx] flex-wrap !mt-[20rpx]">
-                <view class="!size-[100rpx] image-box relative" v-for="(v, index) in form.images">
-                    <image :src="v" class="!size-full" mode="aspectFit"></image>
-
+                <view class="!size-[100rpx] relative" v-for="(v, index) in form.images">
+                    <x-image
+                        :cur="index"
+                        :style="{
+                            width: '100rpx',
+                            height: '100rpx',
+                        }"
+                        :src="v"
+                        :list="form.images">
+                    </x-image>
                     <view
                         @click="form.images.splice(index, 1)"
                         class="!size-[48rpx] bg-[#1D2129] rounded-[50%] absolute right-0 top-0 !flex justify-center items-center">
                         <tui-icon name="plus" color="#ffffff" :size="18" style="transform: rotate(45deg)"></tui-icon>
                     </view>
                 </view>
+
+                <!--                <view class="!size-[100rpx] image-box relative" v-for="(v, index) in form.images">-->
+                <!--                    <image :src="v" class="!size-full" mode="aspectFit"></image>-->
+
+                <!--                    <view-->
+                <!--                        @click="form.images.splice(index, 1)"-->
+                <!--                        class="!size-[48rpx] bg-[#1D2129] rounded-[50%] absolute right-0 top-0 !flex justify-center items-center">-->
+                <!--                        <tui-icon name="plus" color="#ffffff" :size="18" style="transform: rotate(45deg)"></tui-icon>-->
+                <!--                    </view>-->
+                <!--                </view>-->
             </view>
 
             <view class="!mt-[20rpx] bg-[#F2F3F5] rounded-[4rpx] py-[16rpx] px-[30rpx] w-full">

src/utils/uils.js

@@ -143,7 +143,7 @@ export const toWXMiniApp = (id, task_children_id) => {
 export const uploadFile = ({count}) => {
     const UserStore = useUserStore();
     return new Promise((resolve, reject) => {
-        uni.chooseImage({
+        uni.chooseFile({
             count: count,
             success: ({tempFilePaths}) => {
                 const all = tempFilePaths.map(v => new Promise((res, rej) => {