订单详情

components.d.ts

@@ -21,14 +21,13 @@ declare module 'vue' {
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']
+    ElPageHeader: typeof import('element-plus/es')['ElPageHeader']
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElProgress: typeof import('element-plus/es')['ElProgress']
-    ElRadio: typeof import('element-plus/es')['ElRadio']
     ElRow: typeof import('element-plus/es')['ElRow']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
-    ElTag: typeof import('element-plus/es')['ElTag']
     ElUpload: typeof import('element-plus/es')['ElUpload']
     EquipCard: typeof import('./src/components/equipCard.vue')['default']
     FooterInfo: typeof import('./src/components/FooterInfo/index.vue')['default']

src/router/index.ts

@@ -188,6 +188,16 @@ const routes: Array<RouteRecordRaw> = [
                             keepAlive: true,
                             AuthFlag: false
                         },
+                    },
+                    {
+                        path: 'orderDetails',
+                        name: 'orderDetails',
+                        component: () => import('views/user/orderManagement/orderCom/orderDetails.vue'),
+                        meta: {
+                            title: '订单详情',
+                            keepAlive: true,
+                            AuthFlag: false
+                        },
                     }
                 ]
             },

src/views/user/orderManagement/orderCom/orderDetails.vue

@@ -0,0 +1,75 @@
+<template>
+    <el-page-header @back="goBack">
+        <template #content>
+            <span> {{详情}} </span>
+        </template>
+    </el-page-header>
+    <el-form label-width="130px" inline="true" style="padding: 0 20px 0px 20px;">
+        <el-form-item label="订单编号">
+        xxxxx
+      </el-form-item>
+      <el-form-item label="需求单位">
+        xxxxx
+      </el-form-item>
+      <el-form-item label="联系电话">
+        xxxxx
+      </el-form-item>
+      <el-form-item label="租赁时长">
+        xxxxx
+      </el-form-item>
+      <el-form-item label="设备进场地址：">
+        xxxxx
+      </el-form-item>
+      <el-form-item label="进场时间：">
+        xxxxx
+      </el-form-item>
+      <el-form-item label="是否需求机手：">
+        xxxxx
+      </el-form-item>
+      <el-form-item label="详细地址：">
+        xxxxx
+      </el-form-item>
+      <el-form-item label="工期时长：">
+        xxxxx
+      </el-form-item>
+      <el-form-item label="发票类型：">
+        xxxxx
+      </el-form-item>
+      <el-form-item label="项目说明：" style="width:500px">
+        <div>
+
+        </div>
+      </el-form-item>
+      <el-form-item label="订单起止时间：">
+        xxxxx
+      </el-form-item>
+      <!-- 表格 -->
+      <el-form-item label="订单合同：">
+        xxxxx
+      </el-form-item>
+      <el-form-item label="机手姓名：">
+        xxxxx
+      </el-form-item>
+      <el-form-item label="联系电话：">
+        xxxxx
+      </el-form-item> 
+
+
+      物流司机电话：
+      <el-form-item label="订单状态：">
+        xxxxx
+      </el-form-item>
+
+
+
+
+    </el-form>
+</template>
+
+
+<script setup lang="ts">
+
+</script>
+
+
+<style scoped lang="scss"></style>