改一下表格的样式

src/views/dataEntry_manage/databaseComponents/edbDetailData.vue

@@ -53,10 +53,14 @@
 				:key="item.EdbDataId"
 			>
 				<span class="value-label">
-					<i class="new-tag" v-if="tableData[0].LatestDate===item.DataTime"></i>
-					{{item.DataTime}}
+					<span style="position: relative;">
+						<i class="new-tag" v-if="tableData[0].LatestDate===item.DataTime"></i>
+						{{item.DataTime}}
+					</span>
+				</span>
+				<span :class="['value-label',{'predict-act': tableData[0].DataInsertConfig.Date===item.DataTime}]" style="min-width:200px;text-align:center;">
+					<span :class="['value-style',{'predict-act': tableData[0].DataInsertConfig.Date===item.DataTime}]">{{item.Value}}</span>
 				</span>
-				<span :class="['value-label',{'predict-act': tableData[0].DataInsertConfig.Date===item.DataTime}]" style="min-width:200px;text-align:center;">{{item.Value}}</span>
 			</li>
 			<li class="nodata value-item" v-if="!dataList.length">暂无数据</li>
 		</ul>

src/views/dataEntry_manage/databaseList.vue

@@ -255,17 +255,24 @@
 						<ul class="value-ul"
 							v-show="showTable&&dataList.length">
 							<li class="value-item">
-								<span>日期（频度：{{EdbData.Frequency}}）</span>
+								<!-- <span>日期（频度：{{EdbData.Frequency}}）</span> -->
+								<span>频度</span>
+								<span>日期</span>
 								<span style="min-width:200px;text-align:center;">值</span>
 							</li>
 							<li class="value-item"
 								v-for="item in dataList.slice(0,3)"
 								:key="item.EdbDataId">
+								<span>{{EdbData.Frequency}}</span>
 								<span class="value-label">
-									<i class="new-tag" v-if="EdbData.LatestDate===item.DataTime"></i>
-									{{item.DataTime}}
+									<span style="position: relative;">
+										<i class="new-tag" v-if="EdbData.LatestDate===item.DataTime"></i>
+										{{item.DataTime}}
+									</span>
+								</span>
+								<span :class="['value-label',{'predict-act': EdbData.DataInsertConfig.Date===item.DataTime}]" style="min-width:200px;text-align:center;">
+									<span :class="['value-style',{'predict-act': EdbData.DataInsertConfig.Date===item.DataTime}]">{{item.Value}}</span>
 								</span>
-								<span :class="['value-label',{'predict-act': EdbData.DataInsertConfig.Date===item.DataTime}]" style="min-width:200px;text-align:center;">{{item.Value}}</span>
 							</li>
 							<li class="nodata value-item" v-if="!dataList.length">暂无数据</li>
 						</ul>
@@ -2113,9 +2120,22 @@ export default {
 					border-bottom: none;
 					display: flex;
 					justify-content: space-around;
+					span{
+						flex: 1;
+						text-align: center;
+					}
 					.value-label {
 						position: relative;
 						color: #666;
+						.value-style{
+							background-color: #ECF2FE;
+							color: #0052D9;
+							padding:5px;
+							border-radius: 4px;
+							&.predict-act {
+								color: orange;
+							}
+						}
 					}
 					.predict-act {
 						color: orange;

src/views/predictEdb_manage/components/childData.vue

@@ -46,13 +46,15 @@
         :key="item.EdbDataId"
       >
         <span class="value-label">
-          <i class="new-tag" v-if="tableData[0].LatestDate===item.DataTime"></i>
-          {{ item.DataTime }}
+            <span style="position: relative;">
+                <i class="new-tag" v-if="tableData[0].LatestDate===item.DataTime"></i>
+                {{item.DataTime}}
+            </span>
         </span>
         <span
           :class="['value-label',{'predict-act': item.isPredic}]"
           style="min-width: 200px; text-align: center"
-          >{{ item.Value }}</span
+          ><span :class="['value-style',{'predict-act': item.isPredic}]">{{item.Value}}</span></span
         >
       </li>
       <li class="nodata value-item" v-if="!dataList.length">暂无数据</li>
@@ -188,9 +190,22 @@ export default {
       display: flex;
       justify-content: space-around;
       &:first-child { border-top: none; }
+      span{
+        flex: 1;
+        text-align: center;
+      }
       .value-label {
         position: relative;
         color: #666;
+        .value-style{
+            background-color: #ECF2FE;
+            color: #0052D9;
+            padding:5px;
+            border-radius: 4px;
+            &.predict-act{
+                color: orange;
+            }
+        }
       }
       .predict-act {
         color: orange;

src/views/predictEdb_manage/components/edbDetail.vue

@@ -15,7 +15,9 @@
             v-show="showData&&dataList.length"
             >
             <li class="value-item">
-                <span>日期（频度：{{EdbData.Frequency}}）</span>
+                <!-- <span>日期（频度：{{EdbData.Frequency}}）</span> -->
+                <span>频度</span>
+                <span>日期</span>
                 <span style="min-width:200px;text-align:center;">值</span>
             </li>
             <li
@@ -23,14 +25,19 @@
                 v-for="item in dataList.slice(0,3)"
                 :key="item.EdbDataId"
             >
+            <span>{{EdbData.Frequency}}</span>
                 <span class="value-label">
-                <i class="new-tag" v-if="EdbData.LatestDate===item.DataTime"></i>
-                {{ item.DataTime }}
+                    <span>
+                        <i class="new-tag" v-if="EdbData.LatestDate===item.DataTime"></i>
+                        {{ item.DataTime }}
+                    </span>
                 </span>
                 <span
-                :class="['value-label',{'predict-act': item.isPredic}]"
-                style="min-width: 200px; text-align: center"
-                >{{ item.Value }}</span
+                    :class="['value-label',{'predict-act': item.isPredic}]"
+                    style="min-width: 200px; text-align: center"
+                >
+                    <span :class="['value-style',{'predict-act': item.isPredic}]">{{item.Value}}</span>
+                </span
                 >
             </li>
             <li class="nodata value-item" v-if="!dataList.length">暂无数据</li>
@@ -183,9 +190,22 @@ export default {
         border-bottom: none;
         display: flex;
         justify-content: space-around;
+        span{
+            flex: 1;
+            text-align: center;
+        }
         .value-label {
             position: relative;
             color: #666;
+            .value-style{
+                background-color: #ECF2FE;
+                color: #0052D9;
+                padding:5px;
+                border-radius: 4px;
+                &.predict-act {
+                    color: orange;
+                }
+            }
         }
         .predict-act {
             color: orange;