页面流程

components.d.ts

@@ -10,6 +10,7 @@ declare module 'vue' {
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCarousel: typeof import('element-plus/es')['ElCarousel']
     ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
@@ -21,16 +22,20 @@ declare module 'vue' {
     ElInput: typeof import('element-plus/es')['ElInput']
     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']
     ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     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']
     ElTimeline: typeof import('element-plus/es')['ElTimeline']
     ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
+    ElUpload: typeof import('element-plus/es')['ElUpload']
     EquipCard: typeof import('./src/components/equipCard.vue')['default']
     EquipDetailTable: typeof import('./src/components/equipDetailTable.vue')['default']
     FooterInfo: typeof import('./src/components/FooterInfo/index.vue')['default']

src/http/api/usercenter/order.ts

@@ -7,4 +7,9 @@ export const apiOrderDetails = (id: any) => {
     let urlStr =  `/details/${id}`
     return get(urlStr, {})
 }
+export const apiOrderInfoList = (params: any) => {
+    let urlStr =  `/info/list/`
+    return get(urlStr, params)
+}
 
+ 

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

@@ -16,32 +16,34 @@
         </el-form-item>
         <el-form-item label="租赁时长" class="table_item">
                <!-- {{  detailsInfo.}} -->
-               <!-- 找不到 -->
+              <!-- 暂无 -->
         </el-form-item>
         <el-form-item label="设备进场地址：" class="table_item">
-                <!-- {{  detailsInfo.}} -->
-               <!-- 找不到 -->
+                {{  detailsInfo.addressId}}
+              
         </el-form-item>
         <el-form-item label="进场时间：" class="table_item">
-               <!-- {{  detailsInfo.}} -->
+               {{  detailsInfo.realStartTime}}
         </el-form-item>
         <el-form-item label="是否需求机手：" class="table_item">
-               <!-- {{  detailsInfo.}} -->
+               {{  detailsInfo.isMachinist}}
+               <!-- 枚举值 待确认-->
         </el-form-item>
         <el-form-item label="详细地址：" class="table_item">
-               <!-- {{  detailsInfo.}} -->
+               {{  detailsInfo.address}}
         </el-form-item>
         <el-form-item label="工期时长：" class="table_item">
-               <!-- {{  detailsInfo.}} -->
+               {{  detailsInfo.duration}}
         </el-form-item>
         <el-form-item label="发票类型：" class="table_item">
-               <!-- {{  detailsInfo.}} -->
+               {{  detailsInfo.invoiceType}}
         </el-form-item>
         <el-form-item label="项目说明：" style="width: 800px;">
-               <!-- {{  detailsInfo.}}  -->
+               {{  detailsInfo.description}} 
         </el-form-item>
         <el-form-item label="订单起止时间：" style="width: 800px;">
-            <!-- {{  detailsInfo.}} -->
+            {{  detailsInfo.realStartTime}}-{{ detailsInfo.duration }}
+              <!-- 枚举值 待确认-->
         </el-form-item>
         <!-- 表格 -->
         <orderTable :tableInfo="tableInfo">
@@ -56,16 +58,16 @@
 
         </orderTable>
         <el-form-item label="订单合同：" style="width: 800px;margin-top:12px;">
-            <!-- {{  detailsInfo.}} -->
+            <el-button type="text" @click="pdfPreview(detailsInfo.orderContract)">pdf文件</el-button>
         </el-form-item>
         <el-form-item label="机手姓名：" class="table_item_sub">
-            <!-- {{  detailsInfo.}} -->
+            {{  detailsInfo.machinistName}}
         </el-form-item>
         <el-form-item label="联系电话：" class="table_item_sub">
-            <!-- {{  detailsInfo.}} -->
+            {{  detailsInfo.phone}}
         </el-form-item>
         <el-form-item label="物流司机电话：" style="width: 800px;">
-            <!-- {{  detailsInfo.}} -->
+            {{  detailsInfo.logisticsPhone}}    
         </el-form-item>
 
         <el-timeline style="margin-left:20px;width:560px;">
@@ -89,8 +91,8 @@
 import { reactive } from "vue"
 import orderTable from "./orderTable.vue"
 import { MoreFilled } from '@element-plus/icons-vue'
-import { apiOrderDetails } from "http/api/usercenter/order"
-
+import { apiOrderDetails,apiOrderInfoList } from "http/api/usercenter/order"
+import dataJson from "./json/details.json"
 const tableInfo = reactive({
     v_equipment_title: "220E履带挖掘机",
     v_equipment_code: "88888",
@@ -140,12 +142,29 @@ const detailsInfo:any =reactive({
 const initApiOrderDetails = async () => {
     let id = '1'
     const res:any = await apiOrderDetails(id)
+    // const res:any =  dataJson
     console.log("res-apiOrderDetails", res)
     Object.assign(detailsInfo,res.data)
 }
 
+
+const initApiOrderInfoList = async () => {
+    let params = {
+        orderId:'1'
+    }
+    const res:any = await apiOrderInfoList(params)
+    // const res:any =  dataJson
+    console.log("res-apiOrderInfoList", res)
+ 
+}
+
+const pdfPreview=(url:any)=>{
+    window.open(url,"_blank")
+}
+
 onBeforeMount(()=>{
     initApiOrderDetails()
+    initApiOrderInfoList()
 })
 
 </script>