|
|
@@ -1,4 +1,5 @@
|
|
|
<template>
|
|
|
+ <page-meta root-font-size="system" />
|
|
|
<view class="index_container">
|
|
|
<uni-nav-bar dark :border="false" :fixed="true" title="宇光同行">
|
|
|
</uni-nav-bar>
|
|
|
@@ -17,7 +18,7 @@
|
|
|
<view class="process_list">
|
|
|
<process-list ref="processListRef" @clickSegment="getProcessData"
|
|
|
@clickItem="handleToProcessDetail" @scrollToBottom="getProcessPage" :current="0" :pSize="5"
|
|
|
- :pageNo="1" contentHeight="69.5vh"></process-list>
|
|
|
+ :pageNo="1" contentHeight="63.5vh"></process-list>
|
|
|
</view>
|
|
|
</view>
|
|
|
</uni-collapse-item>
|
|
|
@@ -28,8 +29,11 @@
|
|
|
<uni-section title="公告" type="line" titleFontSize="1.3rem">
|
|
|
</uni-section>
|
|
|
</template>
|
|
|
- <message-list @clickSegment="getNoticeData" @clickItem="handleToNoticeDetail"
|
|
|
- @scrollToBottom="getNoticePage" :pSize="5" :pageNo="1" :anime="true" :open="false"></message-list>
|
|
|
+ <view class="notice_list">
|
|
|
+ <message-list @clickSegment="getNoticeData" @clickItem="handleToNoticeDetail"
|
|
|
+ @scrollToBottom="getNoticePage" :pSize="5" :pageNo="1" :anime="true"
|
|
|
+ :open="false"></message-list>
|
|
|
+ </view>
|
|
|
</uni-collapse-item>
|
|
|
<!-- 消息列表 -->
|
|
|
<uni-collapse-item title-border="show" :border="true" :show-animation="true"
|
|
|
@@ -44,27 +48,24 @@
|
|
|
</template>
|
|
|
</uni-section>
|
|
|
</template>
|
|
|
- <message-list ref="msgListRef" @clickSegment="getMessageData"
|
|
|
- @clickItem="handleToMessageDetail" @scrollToBottom="getMessagePage" :defaultCurrent="1" :pSize="5"
|
|
|
- :pageNo="1" :segments="{ '全部': '', '未读': '0', '已读': '1' }">
|
|
|
- </message-list>
|
|
|
+ <view class="message_list">
|
|
|
+ <message-list ref="msgListRef" @clickSegment="getMessageData" @clickItem="handleToMessageDetail"
|
|
|
+ @scrollToBottom="getMessagePage" :defaultCurrent="1" :pSize="5" :pageNo="1"
|
|
|
+ :segments="{ '全部': '', '未读': '0', '已读': '1' }"></message-list>
|
|
|
+ </view>
|
|
|
</uni-collapse-item>
|
|
|
</uni-collapse>
|
|
|
- <!-- 公告列表 -->
|
|
|
- <!-- <message-list @clickSegment="getNoticeData" @clickItem="handleToNoticeDetail" @scrollToBottom="getNoticePage" :pSize="5" :pageNo="1" :anime="true" :open="false" title="公告"></message-list> -->
|
|
|
-
|
|
|
- <!-- 消息列表 -->
|
|
|
- <!-- <message-list ref="msgListRef" @readMsg="setAllMsgRead" :unReadNum="unReadMsgNum" @clickSegment="getMessageData" @clickItem="handleToMessageDetail" @scrollToBottom="getMessagePage" :defaultCurrent="1" :pSize="5" :pageNo="1" :anime="true" :open="false" :segments="{ '全部': '', '未读': '0', '已读': '1' }" title="消息"></message-list> -->
|
|
|
-
|
|
|
<!-- 跳转打卡页按钮 -->
|
|
|
- <view class="fab_button toClockInBtn">
|
|
|
- <uni-fab :pattern="{ icon: 'map-pin-ellipse' }" :popMenu="false" horizontal="right" @fabClick="toClockInBtn"></uni-fab>
|
|
|
- </view>
|
|
|
- <!-- AI咨询按钮 -->
|
|
|
- <!-- <view class="fab_button"> -->
|
|
|
+ <view class="fab_button">
|
|
|
+ <view class="toClockInBtn">
|
|
|
+ <uni-fab :pattern="{ icon: 'map-pin-ellipse' }" :popMenu="false" horizontal="right"
|
|
|
+ @fabClick="toClockInBtn"></uni-fab>
|
|
|
+ </view>
|
|
|
+ <!-- AI咨询按钮 -->
|
|
|
+ <!-- <view> -->
|
|
|
<!-- <uni-fab :pattern="{ icon: 'headphones' }" :popMenu="false" horizontal="right" @fabClick="clickFabButton"></uni-fab> -->
|
|
|
- <!-- </view> -->
|
|
|
-
|
|
|
+ <!-- </view> -->
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -337,26 +338,105 @@ function setAllMsgRead() {
|
|
|
margin-top: 10rpx;
|
|
|
}
|
|
|
|
|
|
-::v-deep .toClockInBtn {
|
|
|
- .uni-fab__circle--rightBottom {
|
|
|
- bottom: 100px;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
::v-deep .uni-badge {
|
|
|
- height: 1.5rem !important;
|
|
|
- min-width: calc(1.5rem + 0.5 * (1rem - 16px)) !important;
|
|
|
- line-height: 1.375rem !important;
|
|
|
- font-size: 1.125rem !important;
|
|
|
+ height: calc(1.5rem + 0px) !important;
|
|
|
+ min-width: calc(1.5rem + 0px) !important;
|
|
|
+ line-height: calc(1.375rem + 0px) !important;
|
|
|
+ font-size: calc(1.125rem + 0px) !important;
|
|
|
+ // height: calc(1.5rem + .5 * (1rem - 16px)) !important;
|
|
|
+ // min-width: calc(1.5rem + .5 * (1rem - 16px)) !important;
|
|
|
+ // line-height: calc(1.375rem + .5 * (1rem - 16px)) !important;
|
|
|
+ // font-size: calc(1.125rem + .5 * (1rem - 16px)) !important;
|
|
|
}
|
|
|
|
|
|
+::v-deep .process_container {
|
|
|
+ .process_list {
|
|
|
+ .process_contant {
|
|
|
+ font-size: calc(14px + .5*(1rem - 16px));
|
|
|
+ }
|
|
|
+
|
|
|
+ .flow_step_section {
|
|
|
+ .uni-section .uni-section-header {
|
|
|
+ padding: 5px 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .flow_step_container {
|
|
|
+ min-height: 60px;
|
|
|
+ margin: 10px 15px;
|
|
|
+
|
|
|
+ .u-steps {
|
|
|
+ .u-steps-item {
|
|
|
+ padding-bottom: 11px;
|
|
|
+
|
|
|
+ .u-text__value--content {
|
|
|
+ font-size: calc(13px + .5*(1rem - 16px)) !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .u-text__value--main {
|
|
|
+ font-size: calc(13px + .5*(1rem - 16px)) !important;
|
|
|
+ font-weight: 500 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .u-text__value--tips {
|
|
|
+ font-size: calc(12px + .5*(1rem - 16px)) !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .redcontent {
|
|
|
+ .u-text__value--content {
|
|
|
+ color: #ff4500;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .active_step_circle {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ flex-shrink: 0;
|
|
|
+ border-radius: 100px;
|
|
|
+ border-width: 1px;
|
|
|
+ border-color: #A78BFA;
|
|
|
+ background-color: #A78BFA;
|
|
|
+ border-style: solid;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center; transition: background-color .3s;
|
|
|
+
|
|
|
+ .active_step_text {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 11px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 11px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .u-steps-item view:last-of-type {
|
|
|
+ margin-top: 0 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+::v-deep .notice_list {
|
|
|
+ .msg_list_container {
|
|
|
+ .zp-l-text-rpx {
|
|
|
+ font-size: calc(30rpx + .5*(1rem - 16px));
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
.read_button {
|
|
|
position: absolute;
|
|
|
- top: calc(12px + 0.5 * (1rem - 16px));
|
|
|
- right: calc(50px + 0.5 * (1rem - 16px));
|
|
|
- height: 28px;
|
|
|
- line-height: 28px;
|
|
|
- font-size: 14px;
|
|
|
+ top: calc(12px + .5 * (1rem - 16px));
|
|
|
+ right: 3.125rem;
|
|
|
+ height: calc(1.75rem + 0px);
|
|
|
+ line-height: 1.75rem;
|
|
|
+ font-size: calc(0.875rem + 0px);
|
|
|
background-color: #007aff;
|
|
|
color: #fff;
|
|
|
}
|
|
|
@@ -365,56 +445,29 @@ function setAllMsgRead() {
|
|
|
color: #666;
|
|
|
opacity: 0.5;
|
|
|
}
|
|
|
-::v-deep .flow_step_section {
|
|
|
- .uni-section .uni-section-header {
|
|
|
- padding: 5px 10px;
|
|
|
+::v-deep .message_list {
|
|
|
+ .msg_list_container {
|
|
|
+ .segmented_control_container {
|
|
|
+ .segmented-control__text {
|
|
|
+ font-size: calc(14px + .5*(1rem - 16px));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .zp-l-text-rpx {
|
|
|
+ font-size: calc(30rpx + .5*(1rem - 16px));
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-::v-deep .flow_step_container {
|
|
|
- min-height: 60px;
|
|
|
- margin: 10px 15px;
|
|
|
- .u-steps {
|
|
|
- .u-steps-item {
|
|
|
- padding-bottom: 11px;
|
|
|
-
|
|
|
- .redcontent {
|
|
|
- .u-text__value--content {
|
|
|
- color: #ff4500;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .active_step_circle {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- flex-shrink: 0;
|
|
|
- border-radius: 100px;
|
|
|
- border-width: 1px;
|
|
|
- border-color: #A78BFA;
|
|
|
- background-color: #A78BFA;
|
|
|
- border-style: solid;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- transition: background-color .3s;
|
|
|
-
|
|
|
- .active_step_text {
|
|
|
- color: #fff;
|
|
|
- font-size: 11px;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- text-align: center;
|
|
|
- line-height: 11px;
|
|
|
- }
|
|
|
- }
|
|
|
+::v-deep .fab_button {
|
|
|
+ .toClockInBtn {
|
|
|
+ .uni-fab__circle--rightBottom {
|
|
|
+ bottom: 100px;
|
|
|
}
|
|
|
-
|
|
|
- .u-steps-item view:last-of-type {
|
|
|
- margin-top: 0 !important;
|
|
|
+ }
|
|
|
+ .uni-fab__circle {
|
|
|
+ width: calc(55px + .5*(1rem - 16px)) !important;
|
|
|
+ height: calc(55px + .5*(1rem - 16px)) !important;
|
|
|
+ .uni-icons {
|
|
|
+ font-size: calc(32px + .5*(1rem - 16px)) !important;
|
|
|
}
|
|
|
}
|
|
|
}
|
wangpx