feat: 样式调整

src/components/global-icon/global-icon.vue

@@ -25,4 +25,9 @@ const getIconStyle = computed(() => {
     }
 })
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.iconfont {
+    position: relative;
+    bottom: -2rpx;
+}
+</style>

src/components/global-picker/global-picker.vue

@@ -14,7 +14,8 @@
                 <view class="picker-icon-close" v-if="clearable && selectedValue && !disabled" @tap.stop="clear">
                     <up-icon name="close-circle-fill" color="#c0c4cc" size="36rpx"></up-icon>
                 </view>
-                <up-icon name="arrow-right" color="#86909C" size="36rpx"></up-icon>
+                <up-icon name="arrow-right" color="#86909C" size="36rpx" v-if="mode == 'selector'"></up-icon>
+                <global-icon icon="calendar" color="#86909C" v-else></global-icon>
             </view>
         </view>
     </picker>

src/pages/panel/appraisal-record/add.vue

 <template>
-    <global-page title="添加公司值班信息" showEdit @handleCancel="handleCancel" @handleSave="handleSave">
+    <global-page
+        :title="formData.isDuty == 0 ? '添加公司值班信息' : '添加品质中心信息'"
+        showEdit
+        @handleCancel="handleCancel"
+        @handleSave="handleSave"
+    >
         <view class="form">
             <up-form labelPosition="left" labelWidth="auto">
                 <up-form-item :label="formData.isDuty == 0 ? '公司值班经理' : '品质中心经理'" :borderBottom="true">

src/pages/panel/appraisal-record/components/card-details.vue

@@ -3,7 +3,7 @@
         <view class="card-title">
             <view class="left">
                 <global-icon :icon="titleIcon" color="#1D2129"></global-icon>
-                <text>{{ title }}</text>
+                <text class="txt">{{ title }}</text>
             </view>
             <view class="right" v-if="edit">
                 <global-button type="text" @tap="handleAdd">{{ calendar != -1 ? '编辑' : '添加' }}</global-button>
@@ -21,11 +21,11 @@
             <view class="card-footer">
                 <view class="label">
                     <global-icon icon="idcard" color="#1D2129"></global-icon>
-                    <text>{{ idcard || '-' }}</text>
+                    <text class="txt">{{ idcard || '-' }}</text>
                 </view>
                 <view class="label">
                     <global-icon icon="calendar" color="#1D2129"></global-icon>
-                    <text>{{ calendar != -1 ? timeStampFormat(calendar) : '-' }}</text>
+                    <text class="txt">{{ calendar != -1 ? timeStampFormat(calendar) : '-' }}</text>
                 </view>
             </view>
         </slot>
@@ -86,7 +86,7 @@ const handleAdd = () => {
         .left {
             display: flex;
             align-items: center;
-            text {
+            .txt {
                 margin-left: 8rpx;
             }
         }
@@ -100,7 +100,7 @@ const handleAdd = () => {
         justify-content: flex-end;
         .label {
             margin-left: 16rpx;
-            text {
+            .txt {
                 margin-left: 16rpx;
             }
         }

src/pages/panel/appraisal-record/constants/details.scss

@@ -36,17 +36,17 @@
             padding: 16rpx 0;
             &-top {
                 display: flex;
-                align-items: center;
-                justify-content: space-between;
-                .left {
+                flex-direction: column;
+                .top {
                     display: flex;
                     align-items: center;
-                    text {
+                    .txt {
                         margin-left: 4rpx;
                     }
                 }
-                .right {
-                    text {
+                .bottom {
+                    margin-top: 16rpx;
+                    .txt {
                         margin-left: 24rpx;
                     }
                 }
@@ -63,8 +63,8 @@
                 color: #1d2129;
                 display: flex;
                 align-items: center;
-                text {
-                    margin-left: 16rpx;
+                .txt {
+                    margin-left: 8rpx;
                 }
             }
             &-center {
@@ -78,7 +78,7 @@
                 .person-info {
                     display: flex;
                     align-items: center;
-                    text {
+                    .txt {
                         margin-left: 16rpx;
                     }
                     &:first-child {

src/pages/panel/appraisal-record/details.vue

@@ -31,33 +31,33 @@
                 </view>
                 <view class="details-body">
                     <view class="details-body-top">
-                        <view class="left">
+                        <view class="top">
                             <global-icon icon="mind-mapping"></global-icon>
-                            <text>来源编号:{{ details.eventSource || '暂无~' }}</text>
+                            <text class="txt u-line-1">事件来源:{{ details.eventSource || ' -' }}</text>
                         </view>
-                        <view class="right">
-                            {{ details.department != '-1' ? details.department : '' }}
-                            <text>{{ details.appraisee != '-1' ? details.appraisee : '' }}</text>
+                        <view class="bottom" v-if="details.department != '-1' && details.appraisee != '-1'">
+                            {{ details.department != '-1' ? details.department : '-' }}
+                            <text class="txt">{{ details.appraisee != '-1' ? details.appraisee : '-' }}</text>
                         </view>
                     </view>
                     <view class="details-body-bottom">
-                        {{ details.eventMsg || '暂无内容~' }}
+                        {{ details.eventMsg || '-' }}
                     </view>
                 </view>
                 <view class="details-footer">
                     <view class="details-footer-top">
                         <global-icon icon="subscribed" color="#1D2129"></global-icon>
-                        <text>{{ details.examineType != -1 ? details.examineType : '暂无内容~' }}</text>
+                        <text class="txt">{{ details.examineType != -1 ? details.examineType : '-' }}</text>
                     </view>
-                    <view class="details-footer-center">{{ details.examineBasis }}</view>
+                    <view class="details-footer-center">{{ details.examineBasis || ' -' }}</view>
                     <view class="details-footer-bottom">
                         <view class="person-info">
                             <global-icon icon="idcard"></global-icon>
-                            <text>当班人员：{{ details.onDutyUser || '-' }}</text>
+                            <text class="txt">当班人员：{{ details.onDutyUser || '-' }}</text>
                         </view>
                         <view class="person-info">
                             <global-icon icon="idcard"></global-icon>
-                            <text>值班人员：{{ details.dmName || '-' }}</text>
+                            <text class="txt">值班人员：{{ details.dmName || '-' }}</text>
                         </view>
                     </view>
                 </view>