交易组时间页面样式

src/views/trade/group/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="trade-group">
-    <el-form-item>
+    <el-form-item label="交易系统时间设置">
       <el-button type="primary" @click="addTableItem">添加</el-button>
     </el-form-item>
     <!-- 表格 -->
@@ -8,28 +8,28 @@
       <table>
         <template v-for="(item, index) in tradeGroupTree" :key="item.id">
           <tr>
-            <td>顺序</td>
+            <td style="width: 50px">顺序</td>
-            <td rowspan="2">
+            <td style="width: 120px" rowspan="2">
-              <el-input v-if="item.editStatus" v-model="item.name" />
+              <el-input style="width: 100px" v-if="item.editStatus" v-model="item.name" />
               <span v-else>{{ item.name }}</span>
             </td>
-            <td>夏令时</td>
+            <td style="width: 70px">夏令时</td>
-            <td>
+            <td style="width: 60px">
               <el-input v-if="item.editStatus" v-model="item.x_m" />
               <span v-else>{{ item.x_m }}</span>
             </td>
-            <td>月</td>
+            <td style="width: 50px">月</td>
-            <td>
+            <td style="width: 60px">
               <el-input v-if="item.editStatus" v-model="item.x_w" />
               <span v-else>{{ item.x_w }}</span>
             </td>
-            <td>周</td>
+            <td style="width: 50px">周</td>
-            <td>
+            <td style="width: 60px">
               <el-input v-if="item.editStatus" v-model="item.x_d" />
               <span v-else>{{ item.x_d }}</span>
             </td>
-            <td>日</td>
+            <td style="width: 50px">日</td>
-            <td>交易时间</td>
+            <td style="width: 90px">交易时间</td>
             <td class="time-picker-box">
               <template v-if="item.editStatus">
                 <template v-if="item?.x_time_list">
@@ -59,7 +59,7 @@
                 </template>
               </template>
             </td>
-            <td rowspan="2">
+            <td rowspan="2" style="width: 140px">
               <el-button type="primary" v-if="!item.editStatus" @click="item.editStatus = true"
                 >编辑</el-button
               >
@@ -137,7 +137,7 @@ import {
   editGroupApi,
   deleteGroupApi,
 } from '@/api/modules/trade/group'
-import {ElMessageBox} from 'element-plus'
+import { ElMessageBox } from 'element-plus'
 
 /**
  * @description: 定义表格数据
@@ -310,7 +310,7 @@ table {
 
     /* input 输入框也缩小 */
     :deep(.el-input) {
-      width: 60px;
+      width: 40px;
 
       .el-input__inner {
         font-size: 12px;

src/views/trade/time/index.vue

@@ -1,9 +1,8 @@
 <template>
   <div class="trade-group">
-        <el-form-item>
+    <el-form-item label="交易系统时间设置">
-            交易系统时间设置
+      <el-button style="margin-left: 18px" type="primary" @click="handleAdd">添加</el-button>
-            <el-button style="margin-left: 18px;" type="primary" @click="handleAdd">添加</el-button>
+      <el-button style="margin-left: 18px" type="danger" @click="handleDel">删除</el-button>
-            <el-button style="margin-left: 18px;" type="danger" @click="handleDel">删除</el-button>
     </el-form-item>
     <!-- 表格 -->
     <div class="table-box">
@@ -21,12 +20,17 @@
         <tbody>
           <tr>
             <td>
-                            <el-input style="width: 80px;"/>
+              <el-input style="width: 80px" />
             </td>
             <td>
-                            <el-date-picker type="datetimerange" start-placeholder="Start date"
+              <el-date-picker
-                                end-placeholder="End date" format="YYYY-MM-DD HH:mm:ss"
+                type="datetimerange"
-                                date-format="YYYY-MM-DD HH:mm:ss" time-format="YYYY-MM-DD HH:mm:ss" />
+                start-placeholder="Start date"
+                end-placeholder="End date"
+                format="YYYY-MM-DD HH:mm:ss"
+                date-format="YYYY-MM-DD HH:mm:ss"
+                time-format="YYYY-MM-DD HH:mm:ss"
+              />
             </td>
             <td>
               <el-select multiple placeholder="Select" style="width: 240px">
@@ -37,7 +41,7 @@
                 <el-option :label="5" :value="5" />
               </el-select>
             </td>
-                        <td><el-input style="width: 250px;"/></td>
+            <td><el-input style="width: 250px" /></td>
             <td>
               <el-button type="primary" @click="handleAdd">确认</el-button>
               <el-button type="danger" @click="handleDel">取消</el-button>
@@ -46,10 +50,7 @@
         </tbody>
       </table>
     </div>
-
-
   </div>
-
 </template>
 
 <script setup lang="ts">
@@ -88,12 +89,10 @@ const tradeGroupForm = ref({
   id: '',
 })
 
-
 /**
  * @description: 页面加载完成需要请求的数据
  */
-onMounted(() => {
+onMounted(() => {})
-})
 
 const handleAdd = () => {
   dialogVisible.value = true
@@ -109,10 +108,7 @@ const handleAdd = () => {
   } as any
 }
 
-const handleDel = () => {
+const handleDel = () => {}
-
-}
-
 </script>
 
 <style scoped lang="scss">
@@ -172,6 +168,5 @@ table {
       font-size: 12px;
     }
   }
-
 }
 </style>