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

pages/coop/create.vue

@@ -16,7 +16,9 @@
         <text class="lab">说明</text>
         <view class="box tall"><textarea v-model="content" /></view>
       </view>
-      <view class="btn-primary" @click="ok">创建</view>
+      <view class="submit">
+        <wd-button type="primary" block size="large" @click="ok">创建</wd-button>
+      </view>
     </view>
   </view>
 </template>
@@ -65,10 +67,11 @@ export default {
 </script>
 
 <style scoped>
-.body { padding: 24rpx; }
-.field { margin-bottom: 20rpx; }
-.lab { font-size: 24rpx; color: #4B5563; display: block; margin-bottom: 8rpx; }
-.box { min-height: 88rpx; background: #fff; border-radius: 16rpx; padding: 20rpx 24rpx; }
-.box.tall { min-height: 160rpx; }
-.box input, .box textarea { width: 100%; }
+.body { padding: 16rpx 24rpx 48rpx; }
+.field { margin-bottom: 24rpx; }
+.lab { font-size: 26rpx; color: #6B7280; display: block; margin-bottom: 10rpx; }
+.box { min-height: 92rpx; background: #fff; border-radius: 16rpx; padding: 22rpx 24rpx; border: 1rpx solid rgba(17,24,39,0.06); }
+.box.tall { min-height: 180rpx; }
+.box input, .box textarea { width: 100%; font-size: 30rpx; color: #111827; }
+.submit { margin-top: 8rpx; }
 </style>

pages/coop/detail.vue

@@ -3,10 +3,20 @@
     <fy-header title="协同详情" back />
     <view v-if="row" class="body">
       <view class="card">
+        <view class="top">
+          <text class="type">协同</text>
+          <wd-tag :type="row.status === 'done' ? 'success' : 'primary'" plain>{{ row.status === 'done' ? '已办结' : '待办理' }}</wd-tag>
+        </view>
         <text class="t">{{ row.title }}</text>
-        <text class="s">发起 {{ row.assignerName || '' }} · 办理 {{ row.assigneeName || '' }}</text>
-        <text class="s">{{ row.content || row.remark || '' }}</text>
-        <text class="chip">{{ row.status === 'done' ? '已办结' : '待办理' }}</text>
+        <view class="kv">
+          <text class="k">发起</text>
+          <text class="v">{{ row.assignerName || '-' }}</text>
+        </view>
+        <view class="kv">
+          <text class="k">办理</text>
+          <text class="v">{{ row.assigneeName || '-' }}</text>
+        </view>
+        <text v-if="row.content || row.remark" class="c">{{ row.content || row.remark }}</text>
       </view>
       <view v-if="canDone" class="btn-primary" @click="done">标记已办理</view>
     </view>
@@ -55,9 +65,14 @@ export default {
 </script>
 
 <style scoped>
-.body { padding: 24rpx; }
+.body { padding: 16rpx 24rpx 48rpx; }
 .card { padding: 28rpx; margin-bottom: 24rpx; }
-.t { display: block; font-size: 34rpx; font-weight: 700; }
-.s { display: block; font-size: 24rpx; color: #6B7280; margin-top: 8rpx; }
-.chip { display: inline-block; margin-top: 16rpx; }
+.top { display: flex; align-items: center; justify-content: space-between; }
+.type { font-size: 22rpx; color: #1677FF; background: #E8F1FF; border-radius: 8rpx; padding: 2rpx 10rpx; }
+.t { display: block; margin-top: 16rpx; font-size: 34rpx; font-weight: 650; color: #111827; line-height: 1.4; }
+.kv { display: flex; justify-content: space-between; padding: 20rpx 0; }
+.kv + .kv { border-top: 1rpx solid #F0F2F5; }
+.k { color: #6B7280; font-size: 26rpx; }
+.v { font-size: 26rpx; color: #111827; }
+.c { display: block; margin-top: 8rpx; padding-top: 16rpx; border-top: 1rpx solid #F0F2F5; font-size: 28rpx; color: #374151; line-height: 1.65; }
 </style>