趋势分析详情完成

h5/pages/main/bgcx/qsfx/qsfxxq.vue

@@ -68,7 +68,7 @@ const ReportAnalysis = async () => {
     response.data.chart1_option.max = Number(response.data.chart1_option.max);
     chart1_option.value = response.data.chart1_option;
     chart2_option.value = response.data.chart2_option;
-    data_show.value = !response.data.show;
+    data_show.value = response.data.show;
     date_arr.value = response.data.date_list.map((item, key) => {
       if (response.data.date === item) {
         date_active.value = key;
@@ -116,13 +116,13 @@ const GetGreySet = () => {
 };
 </script>
 <template>
-  <view>
+  <view class="pt-12rpx px-20rpx box-border">
     <view
       v-if="data_show"
       class="info_wrapper"
       :class="SysGreyType == 1 ? 'grey' : ''"
     >
-      <view v-if="!chart1_option.show" class="info_chart_wrapper">
+      <view v-if="chart1_option.show" class="info_chart_wrapper">
         <AnalysisChart1 :option="chart1_option"></AnalysisChart1>
       </view>
       <view class="info_content_wrapper">
@@ -174,11 +174,15 @@ const GetGreySet = () => {
           v-if="chart2_option.show && type === 1"
         ></AnalysisChart2>
         <view class="table_content_table_wrapper" v-if="type === 2">
+          <!-- <view
+            class="table_content_table_line_item_wrapper table_content_table_title_wrapper"
+            >临床意义
+          </view> -->
           <view class="table_content_table_line_wrapper">
             <view
               class="table_content_table_line_item_wrapper table_content_table_title_wrapper"
-              >临床意义
-            </view>
+              >日期</view
+            >
             <view
               class="table_content_table_line_item_wrapper table_content_table_line_center_wrapper table_content_table_title_wrapper"
             >
@@ -219,19 +223,16 @@ const GetGreySet = () => {
         </view>
       </view>
     </view>
+    <view
+      class="w-180rpx rounded-r-full text-#0E0E0E text-25rpx px-40rpx center justify-start h-60rpx box-border bg-gradient-to-r from-#edf6f5 to-#bbdfe2 -sml-20rpx -ml-20rpx mt-25rpx"
+    >
+      临床意义
+    </view>
     <view
       v-if="data_show"
       class="content_wrapper"
       :class="SysGreyType == 1 ? 'grey' : ''"
     >
-      <view class="analysis_title_wrapper">
-        <view class="analysis_title_icon_wrapper">
-          <image
-            :src="$image('/storage/assets/report/report/竖线@2x.png')"
-          ></image>
-        </view>
-        <view class="analysis_title_text_wrapper">临床意义</view>
-      </view>
       <view class="content_text_wrapper">
         <text v-html="analysis_content.content"></text>
       </view>
@@ -281,8 +282,10 @@ const GetGreySet = () => {
   font-size: 28rpx;
   font-weight: normal;
   color: #757575;
-  line-height: 68rpx;
-  text-align: center;
+  /* line-height: 68rpx; */
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 212rpx;
 }
 
@@ -352,7 +355,7 @@ const GetGreySet = () => {
 }
 
 .content_wrapper {
-  width: 750rpx;
+  width: 100%;
   padding-bottom: 100rpx;
   background: #ffffff;
   box-shadow: 0px 1rpx 1rpx 0px rgba(2, 2, 4, 0.05);
@@ -361,7 +364,7 @@ const GetGreySet = () => {
 }
 
 .table_wrapper {
-  width: 750rpx;
+  width: 100%;
   background: #ffffff;
   box-shadow: 0px 1rpx 1rpx 0px rgba(2, 2, 4, 0.05);
   border-radius: 10rpx;
@@ -371,7 +374,7 @@ const GetGreySet = () => {
 }
 
 .info_wrapper {
-  width: 750rpx;
+  width: 100%;
   height: 375rpx;
   background: #ffffff;
   box-shadow: 0px 1rpx 1rpx 0px rgba(2, 2, 4, 0.05);