优化页面字段结构

src/views/ai_show/index.vue

@@ -136,63 +136,64 @@ onBeforeMount(
     </el-form-item>
     <!--    <el-button style="margin-right: 0">添加</el-button>-->
   </el-form>
+
+  <el-table :data="tableData" style="width: 100%" :span-method="objectSpanMethod">
+    <el-table-column prop="hall" label="影厅别名" min-width="160"></el-table-column>
+    <el-table-column label="智能排片" align="center">
+      <el-table-column prop="ai_show" label="影片别名" min-width="160"></el-table-column>
+      <el-table-column prop="ai_language" label="语言" min-width="60"></el-table-column>
+      <el-table-column prop="ai_start" label="开始时间" min-width="80"></el-table-column>
+      <el-table-column prop="ai_end" label="结束时间" min-width="80"></el-table-column>
+      <el-table-column prop="ai_length" label="片长" min-width="60"></el-table-column>
+      <el-table-column prop="ai_duration" label="场间" min-width="60"></el-table-column>
+    </el-table-column>
+    <el-table-column label="影院真实排片" align="center">
+      <el-table-column prop="real_show" label="影片别名" min-width="160"></el-table-column>
+      <el-table-column prop="real_language" label="语言" min-width="60"></el-table-column>
+      <el-table-column prop="real_start" label="开始时间" min-width="80"></el-table-column>
+      <el-table-column prop="real_end" label="结束时间" min-width="80"></el-table-column>
+      <el-table-column prop="real_length" label="片长" min-width="60"></el-table-column>
+      <el-table-column prop="real_duration" label="场间" min-width="60"></el-table-column>
+    </el-table-column>
+  </el-table>
+  <el-row style="margin-top: 30px"><el-text style="font-weight: bold" size="large">相关数据：</el-text></el-row>
   <el-row>
-    <el-col :span="4" align="right">
+    <el-col :span="3" align="right">
       <el-text style="font-weight: bold">智能排片预估销售额：</el-text>
     </el-col>
     <el-col :span="4" align="left">
-      <el-text>{{ aiSales }}</el-text>
+      <el-text>{{ aiSales }}元</el-text>
     </el-col>
   </el-row>
   <el-row>
-    <el-col :span="4" align="right">
+    <el-col :span="3" align="right">
       <el-text style="font-weight: bold">真实排片销售额：</el-text>
     </el-col>
     <el-col :span="4" align="left">
-      <el-text>{{ realSales }}</el-text>
+      <el-text>{{ realSales }}元</el-text>
     </el-col>
   </el-row>
   <el-row>
-    <el-col :span="4" align="right">
+    <el-col :span="3" align="right">
       <el-text style="font-weight: bold">智能排片耗时：</el-text>
     </el-col>
     <el-col :span="4" align="left">
-      <el-text>{{ takeTimes }}</el-text>
+      <el-text>{{ takeTimes }}s</el-text>
     </el-col>
   </el-row>
   <el-row>
-    <el-col :span="4" align="right">
+    <el-col :span="3" align="right">
       <el-text style="font-weight: bold">智能排片消耗Tokens：</el-text>
     </el-col>
     <el-col :span="4" align="left">
       <el-text>{{ tokens }}</el-text>
     </el-col>
   </el-row>
-
-  <el-table :data="tableData" style="width: 100%" :span-method="objectSpanMethod">
-    <el-table-column prop="hall" label="影厅别名" min-width="160"></el-table-column>
-    <el-table-column label="智能排片" align="center">
-      <el-table-column prop="ai_show" label="影片别名" min-width="160"></el-table-column>
-      <el-table-column prop="ai_language" label="语言" min-width="60"></el-table-column>
-      <el-table-column prop="ai_start" label="开始时间" min-width="80"></el-table-column>
-      <el-table-column prop="ai_end" label="结束时间" min-width="80"></el-table-column>
-      <el-table-column prop="ai_length" label="片长" min-width="60"></el-table-column>
-      <el-table-column prop="ai_duration" label="场间" min-width="60"></el-table-column>
-    </el-table-column>
-    <el-table-column label="影院真实排片" align="center">
-      <el-table-column prop="real_show" label="影片别名" min-width="160"></el-table-column>
-      <el-table-column prop="real_language" label="语言" min-width="60"></el-table-column>
-      <el-table-column prop="real_start" label="开始时间" min-width="80"></el-table-column>
-      <el-table-column prop="real_end" label="结束时间" min-width="80"></el-table-column>
-      <el-table-column prop="real_length" label="片长" min-width="60"></el-table-column>
-      <el-table-column prop="real_duration" label="场间" min-width="60"></el-table-column>
-    </el-table-column>
-  </el-table>
   <el-row>
-    <el-col :span="2" align="right">
+    <el-col :span="3" align="right">
       <el-text style="font-weight: bold">提示词：</el-text>
     </el-col>
-    <el-col :span="22" align="left">
+    <el-col :span="21" align="left">
       <el-text>{{ prompt }}</el-text>
     </el-col>
   </el-row>