部分页面样式修改

src/components/Demonstration/Demonstration.vue

@@ -1,16 +1,18 @@
 <template>
-  <div
-    class="demonstration-box w-full flex flex-nowrap"
-    style="padding: 0 16px"
-    :style="{ backgroundColor: detailValueType === 1 ? '#40a9ff' : '#6ea4d1' }"
-    :class="patientInfo && patientInfo.isInfo ? 'justify-between' : 'justify-center'"
-  >
+  <div class="demonstration-box flex flex-nowrap" :class="patientInfo && patientInfo.isInfo ? 'justify-between' : 'justify-center'">
+    <!-- :style="{ backgroundColor: detailValueType === 1 ? '#40a9ff' : '#6ea4d1' }" -->
     <template v-if="patientInfo && patientInfo.isInfo">
-      <div class="flex">
-        <div style="margin-right: 16px">
+      <div class="w-full flex justify-between">
+        <view class="flex items-center">
+          <!-- <u-icon name="clock" color="#5990FF" style="margin-right: 4px"></u-icon> -->
+          <img src="@/static/指针.png" style="width: 32rpx; height: 32rpx; margin-right: 4px" alt="" />
+          填写中
+        </view>
+        <view class="flex">
+          <div style="margin-right: 4px">
             {{ patientInfo.name ? patientInfo.name : '无名氏' }}
           </div>
-        <div style="margin-right: 16px">
+          <div style="margin-right: 4px">
             <span v-if="patientInfo && (patientInfo.gender || patientInfo.gender === 0)">
               {{ patientInfo.gender === 0 ? '女' : '男' }}
             </span>
@@ -19,6 +21,7 @@
           <div>
             {{ patientInfo.age ? patientInfo.age + '岁' : '-' }}
           </div>
+        </view>
       </div>
     </template>
     <div>
@@ -60,12 +63,20 @@ export default {
 </script>
 <style scoped>
 .demonstration-box {
-  height: 28px;
-  line-height: 28px;
+  width: calc(750rpx - 64rpx);
+  height: 32px;
+  margin: 32rpx 32rpx 0 32rpx;
   text-align: center;
   position: fixed;
+  border-radius: 14px;
+  padding: 16rpx 24rpx;
   color: #fff;
+  background: #e4edff;
   top: 0;
   z-index: 99;
+  font-size: 24rpx;
+  font-family: OPPOSans-Bold, OPPOSans;
+  font-weight: bold;
+  color: #5990ff;
 }
 </style>

src/components/Test/Test.vue

@@ -247,13 +247,15 @@
                     v-for="(check, checkIndex) in listItem.itemIsChecked"
                     :key="checkIndex"
                     :style="{ minWidth: listItem.checkType - 0 === 3 ? '33%' : listItem.checkType - 0 === 2 ? '50%' : 0 }"
-                    class="my-2 flex items-center"
+                    class="w-full my-2 flex flex-1 flex-col items-start justify-center"
                   >
-                    <u-checkbox v-model="check.isChecked" :name="listItem.itemList[checkIndex]">
-                      <span :style="{ color: check.isChecked ? '#1890ff' : '' }">
+                    <view class="flex">
+                      <view :style="{ color: check.isChecked ? '#1890ff' : '' }" style="width: 628rpx">
                         {{ listItem.itemList[checkIndex] }}
-                      </span>
+                      </view>
+                      <u-checkbox v-model="check.isChecked" :name="listItem.itemList[checkIndex]">
                       </u-checkbox>
+                    </view>
                     <u-input
                       :border="true"
                       :clearable="false"
@@ -319,8 +321,8 @@
                   class="flex items-center"
                   @click="openDropDown(listItem.title, listItem.itemList, listItem.code, index, listIndex, listItem.value)"
                 >
-                  <span style="margin-right: 10px" v-if="listItem.value">{{ listItem.value }}</span>
-                  <span style="margin-right: 10px" v-else>请选择</span>
+                  <span style="margin-right: 10px;color: #bbb" v-if="listItem.value">{{ listItem.value }}</span>
+                  <span style="margin-right: 10px;color: #bbb" v-else>请选择</span>
                   <!-- <img src="@/static/icon/right.png" style="height: 20px" /> -->
                   <u-icon name="arrow-right" color="#70798C" size="28"></u-icon>
                 </div>
@@ -374,7 +376,7 @@
                       @click="iptChangeRadio(radioValue.name, listItem.code, index, listIndex)"
                       @blur="changeScroeNum($event, listItem.min, listItem.max, radioValue.code, index, listIndex, radioIndex)"
                     />
-                    <span v-else :style="{ color: listItem.value === radioValue.name ? '#1890ff' : '' }">{{ radioValue.name }}</span>
+                    <view v-else class="ipt-radio" :style="{ color: listItem.value === radioValue.name ? '#1890ff' : '' }">{{ radioValue.name }}</view>
                   </u-radio>
                 </u-radio-group>
               </div>

src/components/VolumeProject/VolumeProject.vue

@@ -10,7 +10,7 @@
           style="transition: all 0.3s"
         >
           <view class="hos-name">{{ item.name }}</view>
-          <view class="doc-name">{{ item.doctorName }}</view>
+          <view class="doc-name flex items-center justify-center">{{ item.doctorName }}</view>
         </view>
       </swiper-item>
     </swiper>
@@ -94,6 +94,7 @@ export default {
   left: 64rpx;
 }
 .doc-name {
+  min-width: 80rpx;
   background: #ffc83b;
   border-radius: 24rpx;
   font-size: 20rpx;

src/pages/index/index.vue

@@ -558,7 +558,7 @@ page {
   left: 0;
   width: 240rpx;
   text-align: center;
-  bottom: 46rpx;
+  bottom: 48rpx;
   font-size: 20rpx;
   font-family: OPPOSans-Medium, OPPOSans;
   font-weight: 500;

src/pages/info/info.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="info" style="padding-top: 28px">
+  <div class="info" style="padding-top: 42px">
     <Demonstration />
     <div bordered class="list-box bg-white mb-2" v-for="(item, index) in list" :key="index">
       <template v-for="(listItem, listIndex) in item">
@@ -51,7 +51,7 @@
                 class="flex items-center"
                 @click="openDropDown(listItem.title, listItem.itemList, listItem.dropType, getValue(listItem.code))"
               >
-                <span style="margin-right: 10px">{{ getValue(listItem.code) ? getValue(listItem.code) : '请选择' }}</span>
+                <span style="margin-right: 10px; color: #bbb">{{ getValue(listItem.code) ? getValue(listItem.code) : '请选择' }}</span>
                 <u-icon name="arrow-right" color="#70798C" size="28"></u-icon>
               </div>
             </div>

src/pages/inner/inner.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="inner" style="padding-top: 28px; padding-bottom: 50rpx">
+  <div class="inner" style="padding-top: 42px; padding-bottom: 50rpx">
     <Demonstration />
     <div class="w-full" v-for="(item, index) in testList" :key="index">
       <template v-if="item.testType === 1">

src/pages/outside/outside.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full flex flex-col flex-wrap" style="padding-bottom: 20px; padding-top: 28px">
+  <div class="w-full flex flex-col flex-wrap" style="padding-bottom: 20px; padding-top: 42px">
     <Demonstration />
     <div class="w-full" v-for="(item, index) in testList" :key="index">
       <template v-if="item.testType === 1">

src/pages/patient/patient.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="establish bg-gray-100" style="padding-top: 28px">
+  <div class="establish bg-gray-100" style="padding-top: 42px">
     <Demonstration />
     <div bordered class="list-box bg-white" v-for="(item, index) in list" :key="index">
       <div