feat(api): 添加考勤相关接口并更新合同列表样式

- 在 api/common.js 中添加了考勤列表和考勤请假接口
- 重构了 pages/common/contract_list.vue 中的合同列表项样式- 增加了合同下载按钮和详细的合同信息展示

api/common.js

@@ -58,6 +58,25 @@ export default {
 	},
 
 
+	//考勤列表 --分页
+	clocking_list(data) {
+		let url = `/member/clocking_list`
+		return http.get(url, data).then(res => {
+			return res;
+		})
+	},
+
+	//考勤-请假
+	clockingRest(data) {
+		let url = `/member/clocking_rest`
+		return http.get(url, data).then(res => {
+			return res;
+		})
+	},
+
+
+
+
 
 
 }

pages/common/contract_list.vue

@@ -16,16 +16,24 @@
             :key="k"
             @click="openViewArticleInfo(v)"
         >
-          <view class="title">{{v.title}}</view>
-<!--          <image-->
-<!--              class="img_box"-->
-<!--              :src="$util.img('/upload/attachment/image/202504/02/1743562333d1bb6666f969da1b7170381d0845153e_local.png')"-->
-<!--              model="aspectFit"-->
-<!--          ></image>-->
-
-          <view class="content" v-html="v.content"></view>
-
-          <view class="time">{{v.show_time}}</view>
+          <view class="top">
+            <view class="">企业合同</view>
+            <view class="btn">下载合同 <fui-icon name="arrowright" color="#A4ADB3" size="35"></fui-icon></view>
+          </view>
+          <view class="bottom">
+            <view class="box">
+              <view class="title">合同名称：</view>
+              <view class="content">海口晟誉网络科技有限责任公司入驻协议</view>
+            </view>
+            <view class="box">
+              <view class="title">签署方：</view>
+              <view class="content">共商同祺(北京)商务有限公司(刘天吴)</view>
+            </view>
+            <view class="box">
+              <view class="title">签署方：</view>
+              <view class="content">海口晟誉网络科技有限责任公司(王泽彦)</view>
+            </view>
+          </view>
         </view>
 
       </scroll-view>
@@ -187,29 +195,38 @@ export default {
         margin-bottom: 38rpx;
         display: flex;
         flex-direction: column;
-
         padding: 32rpx 24rpx;
         border-radius: 14rpx;
-        background-color: rgba(255,255,255,1);
-        border: 2rpx solid rgba(187,187,187,1);
-
-        color: #4F4F4F;
-        font-size: 32rpx;
-
+        background-color: #434544;
+        color: #fff;
+        .top{
+          font-size: 28rpx;
+          display: flex;
+          justify-content: space-between;
+          .btn{
+            display: flex;
+            align-items: center;
+            color: #29D3B4;
+          }
+        }
+        .bottom{
+          font-size: 26rpx;
+          margin-top: 25rpx;
+          display: flex;
+          flex-direction: column;
+          gap: 15rpx;
+          .box{
+            display: flex;
+            justify-content: space-between;
             .title{
+              width: 180rpx;
             }
-        .img_box{
-          margin-top: 30rpx;
+            .content{
               width: 100%;
             }
-        .content{
-          margin-top: 30rpx;
           }
-        .time{
-          display: flex;
-          justify-content: flex-end;
-          margin-top: 36rpx;
         }
+
       }
     }