引入Wot UI组件库

pages/tabs/clock.vue

@@ -19,7 +19,7 @@
           <text class="tiny">{{ outRec ? (outRec.status || '正常') : '待打卡' }}</text>
         </view>
       </view>
-      <view class="btn-primary" @click="doPunch">{{ punching ? '定位中…' : (outRec ? '更新打卡' : '打卡') }}</view>
+      <wd-button type="primary" block size="large" :loading="punching" @click="doPunch">{{ outRec ? '更新打卡' : '打卡' }}</wd-button>
       <text class="geo">将使用手机定位校验打卡范围</text>
       <view class="quick">
         <text class="q" @click="goKind('card')">补卡</text>
@@ -112,6 +112,7 @@ export default {
 .val.ok { color: #16A34A; font-weight: 650; }
 .tiny { font-size: 20rpx; color: #6B7280; }
 .geo { display: block; text-align: center; font-size: 22rpx; color: #4B5563; margin: 16rpx 0 24rpx; }
+.body :deep(.wd-button) { margin-top: 8rpx; }
 .quick { display: flex; gap: 12rpx; }
 .q { flex: 1; height: 72rpx; background: #fff; border-radius: 12rpx; text-align: center; line-height: 72rpx; font-size: 24rpx; }
 .sec { margin: 32rpx 0 12rpx; font-size: 28rpx; font-weight: 600; }

pages/tabs/contacts.vue

@@ -5,9 +5,7 @@
         <text class="ico" @click="goGroup">建群</text>
       </template>
     </fy-header>
-    <view class="search">
-      <input v-model="q" placeholder="搜索同事 / 部门 / 手机号" />
-    </view>
+    <wd-search v-model="q" placeholder="搜索同事、部门或手机号" hide-cancel placeholder-left />
     <view class="org" @click="goGroups">
       <view class="obox">👥</view>
       <view class="ometa">

pages/tabs/me.vue

@@ -9,7 +9,7 @@
           <view class="info">
             <view class="nm">
               <text class="name">{{ me ? me.name : '' }}</text>
-              <text class="st">在职</text>
+              <wd-tag type="success" plain>在职</wd-tag>
             </view>
             <text class="dept">{{ me ? (me.department + ' · ' + me.title) : '' }}</text>
             <text class="ph">{{ phone }}{{ job }}</text>
@@ -32,23 +32,18 @@
       </view>
 
       <view class="card menu">
-        <view v-for="a in menus" :key="a.id" class="mi" @click="open(a)">
-          <text class="ii">{{ a.icon }}</text>
-          <text class="it">{{ a.title }}</text>
-          <text class="arr">›</text>
-        </view>
+        <wd-cell-group border>
+          <wd-cell v-for="a in menus" :key="a.id" :title="a.title" is-link @click="open(a)" />
+        </wd-cell-group>
       </view>
 
       <view class="card menu">
-        <view class="mi" @click="goPwd">
-          <text class="ii">🔑</text>
-          <text class="it">修改密码</text>
-          <text class="arr">›</text>
-        </view>
-        <view class="mi danger" @click="logout">
-          <text class="ii">⎋</text>
-          <text class="it">退出登录</text>
-        </view>
+        <wd-cell-group border>
+          <wd-cell title="修改密码" is-link @click="goPwd" />
+          <wd-cell is-link @click="logout">
+            <template #title><text class="danger">退出登录</text></template>
+          </wd-cell>
+        </wd-cell-group>
       </view>
     </view>
   </view>
@@ -131,5 +126,5 @@ export default {
 .ii { width: 48rpx; color: #1677FF; font-weight: 650; }
 .it { flex: 1; font-size: 28rpx; }
 .arr { color: #C4C9D4; font-size: 32rpx; }
-.danger .it { color: #DC2626; }
+.danger { color: #DC2626; }
 </style>

pages/tabs/workbench.vue

@@ -79,17 +79,14 @@
         </view>
         <text class="more" @click="goTodo">查看全部</text>
       </view>
-      <view v-if="!pending.length" class="empty-card">
-        <text class="et">暂无待办</text>
-        <text class="es">需要处理的审批和协同会出现在这里</text>
-      </view>
+      <wd-status-tip v-if="!pending.length" image="content" tip="暂无待办" />
       <view v-for="t in pending" :key="pendKey(t)" class="card todo" @click="openPending(t)">
         <view class="tm">
           <text class="tag">{{ t.tag || t.typeLabel || t.type || '流程审批' }}</text>
           <text class="tn">{{ t.title || t.no }}</text>
           <text class="ts">{{ t.submitter || '—' }}</text>
         </view>
-        <text class="chip">{{ t.btn || '去办理' }}</text>
+        <wd-tag type="primary" plain>{{ t.btn || '去办理' }}</wd-tag>
         <text class="arr">›</text>
       </view>
     </view>