优化

src/data/stepMockData.js

@@ -32,7 +32,7 @@ export const carTypeOptions = [
           "定员": "556人",
           "轴重": "≤17t"
         },
-        image: "/src/assets/images/cars/CR400AF.jpg"
+        image: "/images/cars/CR400AF.jpg"
       }
     ]
   },
@@ -49,7 +49,7 @@ export const carTypeOptions = [
           "定员": "556人",
           "轴重": "≤17t"
         },
-        image: "/src/assets/images/cars/CR400AF.jpg"
+        image: "/images/cars/CR400AF.jpg"
       },
       {
         value: "CR400BF",
@@ -61,7 +61,7 @@ export const carTypeOptions = [
           "定员": "556人",
           "轴重": "≤17t"
         },
-        image: "/src/assets/images/cars/CR400BF.jpg"
+        image: "/images/cars/CR400BF.jpg"
       }
     ]
   },
@@ -78,7 +78,7 @@ export const carTypeOptions = [
           "定员": "613人",
           "轴重": "≤16t"
         },
-        image: "/src/assets/images/cars/CRH3A.jpg"
+        image: "/images/cars/CRH3A.jpg"
       }
     ]
   },

src/views/order/intention/Step2.vue

@@ -115,7 +115,7 @@
             </div>
             <div class="image-box right-align">
               <img
-                src="../../../assets/images/3D.png"
+                src="/images/3D.png"
                 alt="3D结构图"
                 class="main-img"
               />

src/views/order/intention/Step3.vue

@@ -75,7 +75,7 @@ import {
   defaultDisputeTerms,
 } from "@/data/stepMockData";
 
-const activeTab = ref('pay');
+const activeTab = ref("pay");
 
 const form = reactive({
   pay: defaultPaymentTerms,
@@ -91,7 +91,7 @@ const form = reactive({
   background: #fff;
   padding: 24px;
   border-radius: 8px;
-  height: calc(100vh - 200px);
+  height: calc(100vh - 320px);
   display: flex;
   flex-direction: column;
 }
@@ -120,7 +120,7 @@ const form = reactive({
 
   :deep(.el-textarea__inner) {
     height: 100%;
-    min-height: 400px;
+    min-height: 300px;
   }
 }
 
@@ -128,8 +128,8 @@ const form = reactive({
   display: flex;
   justify-content: flex-end;
   gap: 16px;
-  margin-top: 20px;
+  margin-top: 16px;
-  padding-top: 20px;
+  padding-top: 16px;
   border-top: 1px solid #eee;
 }
 </style> 

src/views/order/intention/index.vue

@@ -56,18 +56,18 @@
           icon="Plus"
           @click="handleAdd"
           v-hasPermi="['order:intention:add']"
-          >新增</el-button
+          >新增订单/意向单</el-button
         >
       </el-col>
       <el-col :span="1.5">
         <el-button
           type="success"
           plain
-          icon="Edit"
+          icon="View"
           :disabled="single"
           @click="handleUpdate"
           v-hasPermi="['order:intention:edit']"
-          >修改</el-button
+          >查看</el-button
         >
       </el-col>
       <el-col :span="1.5">
@@ -78,7 +78,7 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['order:intention:remove']"
-          >删除</el-button
+          >取消</el-button
         >
       </el-col>
       <right-toolbar
@@ -105,10 +105,22 @@
                 :key="index"
                 style="margin-bottom: 10px"
               >
-                <span style="font-weight: bold; margin-right: 5px"
+                <span
-                  >{{ index + 1 }}、{{ item.date }}:</span
+                  :style="{
+                    fontWeight: 'bold',
+                    marginRight: '5px',
+                    color: isPastDate(item.date) ? '#409eff' : 'inherit',
+                  }"
+                >
+                  {{ index + 1 }}、{{ item.date }}:
+                </span>
+                <span
+                  :style="{
+                    color: isPastDate(item.date) ? '#409eff' : 'inherit',
+                  }"
                 >
                   {{ item.description }}
+                </span>
               </li>
             </ul>
           </div>
@@ -142,17 +154,17 @@
         <template #default="scope">
           <el-button
             type="text"
-            icon="Edit"
+            icon="View"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['order:intention:edit']"
-            >修改</el-button
+            >查看</el-button
           >
           <el-button
             type="text"
             icon="Delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['order:intention:remove']"
-            >删除</el-button
+            >取消</el-button
           >
         </template>
       </el-table-column>
@@ -166,7 +178,7 @@
       @pagination="getList"
     />
 
-    <!-- 添加或修改意向订单对话框 -->
+    <!-- 添加或查看意向订单对话框 -->
     <el-dialog :title="title" v-model="open" width="500px" append-to-body>
       <el-form
         ref="intentionRef"
@@ -319,14 +331,14 @@ function handleAdd() {
   router.push("/order/create");
 }
 
-/** 修改按钮操作 */
+/** 查看按钮操作 */
 function handleUpdate(row) {
   const id = row.id || ids.value[0];
   // const intention = mockData.value.find(item => item.id === id)
   // if (intention) {
   //   form.value = { ...intention }
   //   open.value = true
-  //   title.value = "修改意向订单"
+  //   title.value = "查看意向订单"
   // }
   router.push({ path: "/order/create", query: { id: id } });
 }
@@ -340,7 +352,7 @@ function handleUpdate(row) {
 //         const index = mockData.value.findIndex(item => item.id === form.value.id);
 //         if (index !== -1) {
 //           mockData.value[index] = { ...form.value };
-//           ElMessage.success("修改成功");
+//           ElMessage.success("查看成功");
 //         }
 //       } else {
 //         // Add operation
@@ -355,11 +367,11 @@ function handleUpdate(row) {
 //   });
 // }
 
-/** 删除按钮操作 */
+/** 取消按钮操作 */
 function handleDelete(row) {
   const intentionIds = row.id ? [row.id] : ids.value;
   ElMessageBox.confirm(
-    '是否确认删除意向订单编号为"' + intentionIds + '"的数据项?',
+    '是否确认取消意向订单编号为"' + intentionIds + '"的数据项?',
     "警告",
     {
       confirmButtonText: "确定",
@@ -368,14 +380,14 @@ function handleDelete(row) {
     }
   )
     .then(() => {
-      // 模拟删除
+      // 模拟取消
       mockData.value = mockData.value.filter(
         (item) => !intentionIds.includes(item.id)
       );
       ids.value = []; // Clear selection after deletion
       single.value = true;
       multiple.value = true;
-      ElMessage.success("删除成功");
+      ElMessage.success("取消成功");
       getList();
     })
     .catch(() => {}); // Catch cancel to avoid console error
@@ -394,6 +406,15 @@ function handleDelete(row) {
 //   }
 // }
 
+// Add isPastDate function
+function isPastDate(dateStr) {
+  const today = new Date();
+  today.setHours(0, 0, 0, 0);
+  const itemDate = new Date(dateStr);
+  itemDate.setHours(0, 0, 0, 0);
+  return itemDate <= today;
+}
+
 onMounted(() => {
   getList();
 });