申请表单、审批详情、新建协同、协同详情、工作汇报和修改密码

pages/todo/detail.vue

@@ -3,8 +3,12 @@
     <fy-header title="审批详情" back />
     <view v-if="row" class="body">
       <view class="card">
+        <view class="top">
+          <text class="type">{{ row.typeLabel || row.type || '审批' }}</text>
+          <wd-tag type="primary" plain>{{ row.status || '待处理' }}</wd-tag>
+        </view>
         <text class="t">{{ row.title || row.no }}</text>
-        <text class="s">{{ row.typeLabel || row.type }} · {{ row.submitter || '' }}</text>
+        <text class="s">{{ row.submitter || '' }}</text>
         <text class="s">单号 {{ row.no }}</text>
         <text v-if="row.node" class="s">当前节点 {{ row.node }}</text>
         <text v-if="row.amount != null && row.amount !== ''" class="amt">¥ {{ row.amount }}</text>
@@ -56,7 +60,7 @@
         </view>
       </view>
     </view>
-    <view v-else class="empty">{{ err || '加载中…' }}</view>
+    <wd-status-tip v-else image="content" :tip="err || '加载中…'" />
   </view>
 </template>
 
@@ -155,6 +159,8 @@ export default {
 <style scoped>
 .body { padding: 24rpx 28rpx 200rpx; }
 .card { padding: 28rpx; margin-bottom: 16rpx; }
+.top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12rpx; }
+.type { font-size: 22rpx; color: #1677FF; background: #E8F1FF; border-radius: 8rpx; padding: 2rpx 10rpx; }
 .block { padding: 24rpx 28rpx; }
 .h { display: block; font-size: 30rpx; font-weight: 650; margin-bottom: 16rpx; }
 .t { display: block; font-size: 34rpx; font-weight: 650; line-height: 1.4; }