1

pages/work-order/index.vue

@@ -16,27 +16,34 @@
                             <hc-img class="round" :width="40" :height="40" src="/static/image/avatar.png" v-else/>
                         </view>
                         <view class="relative flex-1">
-                            <view class="text-black mb-1">{{item.createUserName ?? '用户名异常'}}</view>
-                            <view class="text-24 text-gray-4">{{item.createTime}}</view>
+                            <view class="text-black mb-1">{{item['createUserName'] ?? '用户名异常'}}</view>
+                            <view class="text-24 text-gray-4">{{item['createTime']}}</view>
                         </view>
-                        <view class="text-24 text-gray-4">已解决</view>
+                        <view class="text-24 text-gray-5" v-if="parseInt(item['isSolve']) === 1">已解决</view>
                     </view>
                     <view class="relative ml-12.5 text-gray-5">
-                        <view class="relative mt-3" v-html="item.opinionContent"/>
-                        <view class="mt-3" v-if="item.returnFiles?.length > 0">
+                        <view class="relative mt-3" v-html="item['opinionContent']"/>
+                        <view class="mt-3" v-if="item['returnFiles']?.length > 0">
                             <hc-row :gutter="10">
                                 <hc-col :span="8" class="h-125" v-for="(img, index) in item['returnFiles']">
-                                    <hc-image class="radius" un-border="1 solid gray-2" :src="img"/>
-                                </hc-col>
-                                <hc-col :span="8" class="h-125" v-for="(img, index) in item['returnFiles']">
-                                    <hc-image class="radius" un-border="1 solid gray-2" :src="img"/>
-                                </hc-col>
-                                <hc-col :span="8" class="h-125" v-for="(img, index) in item['returnFiles']">
-                                    <hc-image class="radius" un-border="1 solid gray-2" :src="img"/>
+                                    <hc-image class="radius" un-border="1 solid gray-2" :src="img" @click="previewImage(item['returnFiles'], index)"/>
                                 </hc-col>
                             </hc-row>
                         </view>
                     </view>
+                    <view class="hc-flex ml-12.5 mt-4 text-gray-5">
+                        <view class="hc-flex text-34" @click="commentExpanded(item)">
+                            <text class="i-ri-message-2-fill" v-if="item['commentExpanded']"/>
+                            <text class="i-ri-message-2-line" v-else/>
+                            <text class="text-26 text-gray-5 ml-1" v-if="item['commentsNumber'] >= 1">{{ item['commentsNumber'] }}</text>
+                        </view>
+                        <view class="flex-1"/>
+                        <view class="hc-flex text-34" @click="goodLikeClick(item)">
+                            <text class="i-ri-thumb-up-fill" v-if="item['currentUserGood']"/>
+                            <text class="i-ri-thumb-up-line" v-else/>
+                            <text class="text-26 text-gray-5 ml-1" v-if="item['goodNumber'] >= 1">{{ item['goodNumber'] }}</text>
+                        </view>
+                    </view>
                 </view>
             </template>
         </z-paging>
@@ -65,9 +72,9 @@ onReady(() => {
 })
 
 onShow(() => {
-    if (isNodes.value) {
+    /*if (isNodes.value) {
         reloadData()
-    }
+    }*/
 })
 
 //内容区域
@@ -97,6 +104,7 @@ const reloadData = () => {
 //获取数据
 const dataList = ref([])
 const getDataList = async (pageNo, pageSize) => {
+    uni.showLoading({title: '获取数据中...', mask: true});
     const { data } = await mainApi.queryUserOpinionPage({
         projectId: projectId.value,
         contractId: contractId.value,
@@ -106,6 +114,25 @@ const getDataList = async (pageNo, pageSize) => {
     const res = getObjValue(data)
     isNodes.value = true
     pageRef.value?.complete(getArrValue(res?.records));
+    uni.hideLoading();
+}
+
+//预览图片
+const previewImage = (imgs, index) => {
+    uni.previewImage({
+        urls: imgs,
+        current: index
+    });
+}
+
+//评论展开或收起
+const commentExpanded = (item) => {
+
+}
+
+//点赞或取消点赞
+const goodLikeClick = (item) => {
+
 }
 </script>