修改字段显示规范

src/App.vue

@@ -45,11 +45,13 @@
                         :class="{ active: activeTab === index }"
                         @click="selectTab(item, index)"
                     >
-                        {{ item.thawName }}
+                        {{ item.thawName ? item.thawName : '' }}
                     </div>
                 </div>
                 <!-- 当前时间 -->
-                <div class="Freezer_top_time">{{ currentDate }} {{ currentTime }}</div>
+                <div class="Freezer_top_time">
+                    {{ currentDate ? currentDate : '' }} {{ currentTime ? currentTime : '' }}
+                </div>
             </div>
             <div class="Freezer_content">
                 <!-- 报警状态 -->
@@ -61,7 +63,7 @@
                             class="alarm_statustitle"
                             @click="showAlam(item)"
                         >
-                            {{ item.warnName }}
+                            {{ item.warnName ? item.warnName : '' }}
                         </div>
                     </div>
                 </div>
@@ -69,18 +71,18 @@
                     <div class="Freezer_left" v-if="thawData.length === 3">
                         <div v-for="(item, index) in thawData" :key="index" class="Freezer_left_databoxs">
                             <div v-for="(items, indexs) in item.list" :key="indexs" class="Freezer_left_databox">
-                                <div class="Freezer_left_databox_title">{{ items.name }}</div>
+                                <div class="Freezer_left_databox_title">{{ items.name ? items.name : '' }}</div>
                                 <div class="Freezer_left_databoxs_listboxs">
                                     <div class="Freezer_left_databoxs_list">
                                         压力：
                                         <div class="Freezer_left_databoxs_lists">
-                                            {{ items.pressure.toFixed(2) }} Pa
+                                            {{ items.pressure ? items.pressure.toFixed(2) : '' }} Pa
                                         </div>
                                     </div>
                                     <div class="Freezer_left_databoxs_list">
                                         温度：
                                         <div class="Freezer_left_databoxs_lists">
-                                            {{ items.temperature.toFixed(2) }} ℃
+                                            {{ items.temperature ? items.temperature.toFixed(2) : '' }} ℃
                                         </div>
                                     </div>
                                 </div>
@@ -95,18 +97,18 @@
                                     :key="indexs"
                                     class="Freezer_left_databox2 half-width"
                                 >
-                                    <div class="Freezer_left_databox_title2">{{ items.name }}</div>
+                                    <div class="Freezer_left_databox_title2">{{ items.name ? items.name : '' }}</div>
                                     <div class="Freezer_left_databoxs_listboxs2">
                                         <div class="Freezer_left_databoxs_list2">
                                             压力：
                                             <div class="Freezer_left_databoxs_lists2">
-                                                {{ items.pressure.toFixed(2) }} Pa
+                                                {{ items.pressure ? items.pressure.toFixed(2) : '' }} Pa
                                             </div>
                                         </div>
                                         <div class="Freezer_left_databoxs_list2">
                                             温度：
                                             <div class="Freezer_left_databoxs_lists2">
-                                                {{ items.temperature.toFixed(2) }} ℃
+                                                {{ items.temperature ? items.temperature.toFixed(2) : '' }} ℃
                                             </div>
                                         </div>
                                     </div>
@@ -118,18 +120,18 @@
                                     :key="indexs"
                                     class="Freezer_left_databox2 full-width"
                                 >
-                                    <div class="Freezer_left_databox_title2">{{ items.name }}</div>
+                                    <div class="Freezer_left_databox_title2">{{ items.name ? items.name : '' }}</div>
                                     <div class="Freezer_left_databoxs_listboxs2">
                                         <div class="Freezer_left_databoxs_list2">
                                             压力：
                                             <div class="Freezer_left_databoxs_lists2">
-                                                {{ items.pressure.toFixed(2) }} Pa
+                                                {{ items.pressure ? items.pressure.toFixed(2) : '' }} Pa
                                             </div>
                                         </div>
                                         <div class="Freezer_left_databoxs_list2">
                                             温度：
                                             <div class="Freezer_left_databoxs_lists2">
-                                                {{ items.temperature.toFixed(2) }} ℃
+                                                {{ items.temperature ? items.temperature.toFixed(2) : '' }} ℃
                                             </div>
                                         </div>
                                     </div>
@@ -140,38 +142,38 @@
                     <div class="Freezer_middle">
                         <div v-if="coalgasData.length === 2" class="Freezer_middle_top">
                             <div v-for="(item, index) in coalgasData" :key="index" class="Freezer_middle_topdataboxs">
-                                <div class="Freezer_middle_topdataboxs_title">{{ item.name }}</div>
+                                <div class="Freezer_middle_topdataboxs_title">{{ item.name ? item.name : '' }}</div>
                                 <div class="Freezer_middle_topdataboxs_listboxs">
                                     <div class="Freezer_middle_topdataboxs_list">
                                         压力:
-                                        <div>{{ item.pressure.toFixed(3) }} pa</div>
+                                        <div>{{ item.pressure ? item.pressure.toFixed(3) : '' }} pa</div>
                                     </div>
                                     <div class="Freezer_middle_topdataboxs_list">
                                         温度:
-                                        <div>{{ item.temperature.toFixed(3) }} ℃</div>
+                                        <div>{{ item.temperature ? item.temperature.toFixed(3) : '' }} ℃</div>
                                     </div>
                                     <div class="Freezer_middle_topdataboxs_list">
                                         流量:
-                                        <div>{{ item.flow.toFixed(3) }} ℃</div>
+                                        <div>{{ item.flow ? item.flow.toFixed(3) : '' }} ℃</div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                         <div v-if="coalgasData.length === 1" class="Freezer_middle_top2">
                             <div v-for="(item, index) in coalgasData" :key="index" class="Freezer_middle_topdataboxs2">
-                                <div class="Freezer_middle_topdataboxs_title2">{{ item.name }}</div>
+                                <div class="Freezer_middle_topdataboxs_title2">{{ item.name ? item.name : '' }}</div>
                                 <div class="Freezer_middle_topdataboxs_listboxs2">
                                     <div class="Freezer_middle_topdataboxs_list2">
                                         压力:
-                                        <div>{{ item.pressure.toFixed(3) }} pa</div>
+                                        <div>{{ item.pressure ? item.pressure.toFixed(3) : '' }} pa</div>
                                     </div>
                                     <div class="Freezer_middle_topdataboxs_list2">
                                         温度:
-                                        <div>{{ item.temperature.toFixed(3) }} ℃</div>
+                                        <div>{{ item.temperature ? item.temperature.toFixed(3) : '' }} ℃</div>
                                     </div>
                                     <div class="Freezer_middle_topdataboxs_list2">
                                         流量:
-                                        <div>{{ item.flow.toFixed(3) }} ℃</div>
+                                        <div>{{ item.flow ? item.flow.toFixed(3) : '' }} ℃</div>
                                     </div>
                                 </div>
                             </div>
@@ -180,27 +182,37 @@
                             <div class="Freezer_middle_centre_title">车辆信息</div>
                             <div v-for="(item, index) in vehicleData" :key="index" class="Freezer_middle_centre_list">
                                 <div class="Freezer_middle_centre_listone one">
-                                    <div class="Freezer_middle_centre_listtitle">{{ item.time }}</div>
+                                    <div class="Freezer_middle_centre_listtitle">{{ item.time ? item.time : '' }}</div>
                                     <div>停留时间</div>
                                 </div>
                                 <div class="Freezer_middle_centre_listone one2">
-                                    <div class="Freezer_middle_centre_listtitle">{{ item.location }}</div>
+                                    <div class="Freezer_middle_centre_listtitle">
+                                        {{ item.location ? item.location : '' }}
+                                    </div>
                                     <div>出发地点</div>
                                 </div>
                                 <div class="Freezer_middle_centre_listone one3">
-                                    <div class="Freezer_middle_centre_listtitle">{{ item.railwaycarriage }}</div>
+                                    <div class="Freezer_middle_centre_listtitle">
+                                        {{ item.railwaycarriage ? item.railwaycarriage : '' }}
+                                    </div>
                                     <div>车厢数量</div>
                                 </div>
                                 <div class="Freezer_middle_centre_listone one4">
-                                    <div class="Freezer_middle_centre_listtitle">{{ item.watercontent }}</div>
+                                    <div class="Freezer_middle_centre_listtitle">
+                                        {{ item.watercontent ? item.watercontent : '' }}
+                                    </div>
                                     <div>含水量</div>
                                 </div>
                                 <div class="Freezer_middle_centre_listone one5">
-                                    <div class="Freezer_middle_centre_listtitle">{{ item.Typeofitem }}</div>
+                                    <div class="Freezer_middle_centre_listtitle">
+                                        {{ item.Typeofitem ? item.Typeofitem : '' }}
+                                    </div>
                                     <div>物品种类</div>
                                 </div>
                                 <div class="Freezer_middle_centre_listone one6">
-                                    <div class="Freezer_middle_centre_listtitle">{{ item.quality }}</div>
+                                    <div class="Freezer_middle_centre_listtitle">
+                                        {{ item.quality ? item.quality : '' }}
+                                    </div>
                                     <div>货物质量</div>
                                 </div>
                             </div>
@@ -231,7 +243,7 @@
                     </div>
                     <div class="Freezer_right" v-if="ThawingtemperatureData.length === 3">
                         <div v-for="(item, index) in ThawingtemperatureData" :key="index" class="Freezer_right_list">
-                            <div class="Freezer_right_listtitle">{{ item.name }}温度</div>
+                            <div class="Freezer_right_listtitle">{{ item.name ? item.name : '' }}温度</div>
                             <div class="Freezer_right_listdata">
                                 <div class="Freezer_right_listdata_left">
                                     <div :id="'charts' + index" class="chart-container"></div>
@@ -239,15 +251,24 @@
                                 <div class="Freezer_right_listdata_right">
                                     <div class="Freezer_right_listdata_rightboxs">
                                         <div class="Freezer_right_listdata_rightboxsname">最高温度</div>
-                                        <div>{{ item.max.toFixed(2) }}<span style="font-size: 1.1rem">℃</span></div>
+                                        <div>
+                                            {{ item.max ? item.max.toFixed(2) : ''
+                                            }}<span style="font-size: 1.1rem">℃</span>
+                                        </div>
                                     </div>
                                     <div class="Freezer_right_listdata_rightboxs">
                                         <div class="Freezer_right_listdata_rightboxsname">平均温度</div>
-                                        <div>{{ item.avg.toFixed(2) }}<span style="font-size: 1.1rem">℃</span></div>
+                                        <div>
+                                            {{ item.avg ? item.avg.toFixed(2) : ''
+                                            }}<span style="font-size: 1.1rem">℃</span>
+                                        </div>
                                     </div>
                                     <div class="Freezer_right_listdata_rightboxs">
                                         <div class="Freezer_right_listdata_rightboxsname">最低温度</div>
-                                        <div>{{ item.min.toFixed(2) }}<span style="font-size: 1.1rem">℃</span></div>
+                                        <div>
+                                            {{ item.min ? item.min.toFixed(2) : ''
+                                            }}<span style="font-size: 1.1rem">℃</span>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
@@ -255,7 +276,7 @@
                     </div>
                     <div class="Freezer_right2" v-else-if="ThawingtemperatureData.length === 2">
                         <div v-for="(item, index) in ThawingtemperatureData" :key="index" class="Freezer_right_list2">
-                            <div class="Freezer_right_listtitle2">{{ item.name }}温度</div>
+                            <div class="Freezer_right_listtitle2">{{ item.name ? item.name : '' }}温度</div>
                             <div class="Freezer_right_listdata2">
                                 <div class="Freezer_right_listdata_left2">
                                     <div :id="'charts' + index" class="chart-container2"></div>
@@ -263,15 +284,24 @@
                                 <div class="Freezer_right_listdata_right2">
                                     <div class="Freezer_right_listdata_rightboxs2">
                                         <div class="Freezer_right_listdata_rightboxsname2">最高温度</div>
-                                        <div>{{ item.max.toFixed(3) }}<span style="font-size: 1.1rem">℃</span></div>
+                                        <div>
+                                            {{ item.max ? item.max.toFixed(3) : ''
+                                            }}<span style="font-size: 1.1rem">℃</span>
+                                        </div>
                                     </div>
                                     <div class="Freezer_right_listdata_rightboxs2">
                                         <div class="Freezer_right_listdata_rightboxsname2">平均温度</div>
-                                        <div>{{ item.avg.toFixed(3) }}<span style="font-size: 1.1rem">℃</span></div>
+                                        <div>
+                                            {{ item.avg ? item.avg.toFixed(3) : ''
+                                            }}<span style="font-size: 1.1rem">℃</span>
+                                        </div>
                                     </div>
                                     <div class="Freezer_right_listdata_rightboxs2">
                                         <div class="Freezer_right_listdata_rightboxsname2">最低温度</div>
-                                        <div>{{ item.min.toFixed(3) }}<span style="font-size: 1.1rem">℃</span></div>
+                                        <div>
+                                            {{ item.min ? item.min.toFixed(3) : ''
+                                            }}<span style="font-size: 1.1rem">℃</span>
+                                        </div>
                                     </div>
                                     <!-- <Imgstobase64 /> -->
                                 </div>

vite.config.ts

@@ -105,7 +105,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
             // 指定服务器应该监听哪个 IP 地址。 如果将此设置为 0.0.0.0 或者 true 将监听所有地址，包括局域网和公网地址。
             host: true,
             // 开发环境预览服务器端口
-            port: 9001,
+            port: 9999,
             // 启动后是否自动打开浏览器
             open: false,
             // 是否开启CORS跨域
@@ -116,7 +116,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
                 // 这里的意思是 以/api开头发送的请求都会被转发到 http://xxx:9000
                 [env.VITE_APP_API_BASEURL]: {
                     // target: 'http://192.168.50.133:9999',
-                    target: 'http://localhost:9001',
+                    target: 'http://192.168.50.133:9999',
                     // 改变 Host Header
                     changeOrigin: true,
                     rewrite: (path) => path.replace(new RegExp(`^${env.VITE_APP_API_BASEURL}`), '')