feat: 工作验证详情

src/pages/modules/mocp/panel/assign-work/components/card-details.vue

@@ -7,13 +7,20 @@
             </view>
         </view>
         <view class="card-content">
-            <slot></slot>
+            <view class="card-empty" v-if="showEmpty">
+                <global-empty></global-empty>
+            </view>
+            <slot v-else></slot>
         </view>
     </view>
 </template>
 
 <script setup>
 const ps = defineProps({
+    showEmpty: {
+        type: Boolean,
+        default: true
+    },
     title: {
         type: String,
         default: ''
@@ -48,5 +55,8 @@ const ps = defineProps({
             }
         }
     }
+    &-empty {
+        padding-top: 16rpx;
+    }
 }
 </style>

src/pages/modules/mocp/panel/assign-work/constants/details.scss

@@ -70,6 +70,4 @@
         justify-content: space-between;
     }
 }
-.card-empty {
-    padding-top: 16rpx;
-}
+

src/pages/modules/mocp/panel/assign-work/details.vue

@@ -50,15 +50,11 @@
             </view>
         </view>
         <template v-if="arrangeWorkExtend">
-            <card-details title="工作反馈">
-                <template v-if="arrangeWorkExtend.feedbackTime != 0">
+            <card-details title="工作反馈" :showEmpty="arrangeWorkExtend.feedbackTime == '0'">
                 <card-details-item title="问题分析" :content="arrangeWorkExtend.problem"></card-details-item>
                 <card-details-item title="解决措施" label="工作目标" :content="arrangeWorkExtend.workTarget"></card-details-item>
                 <template v-for="(item, index) in assignWorkStore.getDecompose" :key="index">
-                        <card-details-item
-                            :label="assignWorkStore.getDecompose.length > 1 ? '分解计划' + (index + 1) : '分解计划'"
-                            :content="item.plan"
-                        >
+                    <card-details-item :label="assignWorkStore.getDecompose.length > 1 ? '分解计划' + (index + 1) : '分解计划'" :content="item.plan">
                         <card-details-footer rightLabel="完成时限:" :rightValue="timeStampFormat(item.time) || '-'"></card-details-footer>
                     </card-details-item>
                 </template>
@@ -88,13 +84,8 @@
                         :leftValue="timeStampFormat(arrangeWorkExtend.feedbackTime) || '-'"
                     ></card-details-footer>
                 </card-details-item>
-                </template>
-                <view class="card-empty" v-else>
-                    <global-empty></global-empty>
-                </view>
             </card-details>
-            <card-details title="领导批示">
-                <template v-if="arrangeWorkExtend.approvalTime != 0">
+            <card-details title="领导批示" :showEmpty="arrangeWorkExtend.approvalTime == '0'">
                 <card-details-item
                     title="领导批示意见"
                     :content="useGetDictByValue('leaderState', arrangeWorkExtend.leaderApprovalComments)"
@@ -106,10 +97,30 @@
                     rightLabel="批示时间:"
                     :rightValue="timeStampFormat(arrangeWorkExtend.approvalTime) || '-'"
                 ></card-details-footer>
-                </template>
-                <view class="card-empty" v-else>
-                    <global-empty></global-empty>
+            </card-details>
+            <card-details title="工作验证" :showEmpty="arrangeWorkExtend.eventType == ''">
+                <card-details-item title="跟踪要点" :content="arrangeWorkExtend.trackingPoints"></card-details-item>
+                <card-details-item label="批复附件">
+                    <global-album :fileList="arrangeWorkExtend.validateFileVoList"></global-album>
+                    <card-details-footer
+                        leftLabel="事件类型:"
+                        :leftValue="baseStore.getParamNameByValue('LayoutEventType', arrangeWorkExtend.eventType)"
+                        rightLabel="重复/同类事件:"
+                        :rightValue="useGetDictByValue('validateType', arrangeWorkExtend.validateType)"
+                    ></card-details-footer>
+                </card-details-item>
+                <card-details-item :borderBottom="false">
+                    <view class="mocp-color-danger-6" style="font-size: 30rpx">
+                        {{ useGetDictByValue('feedbackState', arrangeWorkExtend.validateState) }}
                     </view>
+                    <card-details-footer
+                        v-if="arrangeWorkExtend.validateState == '2'"
+                        leftLabel="关闭人:"
+                        :leftValue="arrangeWorkExtend.validateCloseUser"
+                        rightLabel="关闭时间:"
+                        :rightValue="timeStampFormat(arrangeWorkExtend.validateCloseTime)"
+                    ></card-details-footer>
+                </card-details-item>
             </card-details>
         </template>
     </global-page>