From 22fc1dc911bd18298d6d9b9f612602c4777b3762 Mon Sep 17 00:00:00 2001
From: 13218645326 <sjf13651675634@163.com>
Date: Fri, 8 Dec 2023 15:04:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E8=B0=83=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                               |  30 --
 env/.env.serve1                               |   5 +-
 src/components/uploadComponent/index.vue      |  11 +
 src/http/api/home/index.ts                    |   2 +-
 src/http/api/login/index.ts                   |   2 +-
 src/http/api/usercenter/order.ts              |  29 +-
 src/http/api/usercenter/seekorder.ts          |   2 +-
 src/http/index.ts                             |   2 +-
 src/store/main.ts                             |   4 +-
 src/utils/elementCom.ts                       |   3 +-
 src/views/Login.vue                           |   2 +-
 src/views/user/orderManagement/index.vue      |   8 +-
 .../orderManagement/orderCom/orderConfirm.vue | 433 +++++++++++-------
 .../orderManagement/orderCom/orderDetails.vue | 223 ++++-----
 14 files changed, 439 insertions(+), 317 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 1585341..a6af812 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -10,28 +10,16 @@ declare module 'vue' {
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCarousel: typeof import('element-plus/es')['ElCarousel']
     ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
-    ElCascader: typeof import('element-plus/es')['ElCascader']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
     ElCol: typeof import('element-plus/es')['ElCol']
-<<<<<<< HEAD
-<<<<<<< HEAD
-=======
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
->>>>>>> dev-sjf-2023-12-5
-=======
-    ElCollapseTransition: typeof import('element-plus/es')['ElCollapseTransition']
-    ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
-    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
->>>>>>> dev-songyang
     ElDialog: typeof import('element-plus/es')['ElDialog']
     ElDivider: typeof import('element-plus/es')['ElDivider']
-    ElDrawer: typeof import('element-plus/es')['ElDrawer']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElImage: typeof import('element-plus/es')['ElImage']
-    ElImg: typeof import('element-plus/es')['ElImg']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
@@ -39,31 +27,13 @@ declare module 'vue' {
     ElPageHeader: typeof import('element-plus/es')['ElPageHeader']
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElProgress: typeof import('element-plus/es')['ElProgress']
-<<<<<<< HEAD
-<<<<<<< HEAD
-=======
-    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
-    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
->>>>>>> dev-sjf-2023-12-5
-=======
-    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
-    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
->>>>>>> dev-songyang
     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']
-<<<<<<< HEAD
-<<<<<<< HEAD
-=======
     ElTimeline: typeof import('element-plus/es')['ElTimeline']
     ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
->>>>>>> dev-sjf-2023-12-5
-=======
-    ElTimeline: typeof import('element-plus/es')['ElTimeline']
-    ElTimelineItem: typeof import('element-plus/es')['ElTimelineItem']
->>>>>>> dev-songyang
     ElUpload: typeof import('element-plus/es')['ElUpload']
     EquipCard: typeof import('./src/components/equipCard.vue')['default']
     EquipDetailTable: typeof import('./src/components/equipDetailTable.vue')['default']
diff --git a/env/.env.serve1 b/env/.env.serve1
index c8f3998..bafb909 100644
--- a/env/.env.serve1
+++ b/env/.env.serve1
@@ -7,9 +7,10 @@ VITE_API_URL = '/proxyApi'
 # 开发环境接口地址
  
 
-VITE_proxyTarget = 'http://10.40.92.66:9205'  # 盛旭
+VITE_proxyTarget = 'http://10.40.92.74:8080'  # 盛旭
+# VITE_proxyTarget = 'http://10.40.92.186:8080'  # 福海
 VITE_token = 'eyJhbGciOiJIUzUxMiJ9.eyJ1c2VyX2lkIjoxLCJ1c2VyX2tleSI6ImMyN2M5N2Y5LWQwOGItNDJlNy05N2MzLTYwMDVmODVmNmVhZiIsInVzZXJuYW1lIjoiYWRtaW4ifQ.KNJdSL3g7tjju4OxkUQyBWHBTiuBo5bZFtDWkbZVmm7iR9hA06OS5FSI1_9kb4jPNjE6vc7MGkH4GhQJsIwHnA'
-VITE_LocalFlag = true
+VITE_LocalFlag = 0
 
 
 
diff --git a/src/components/uploadComponent/index.vue b/src/components/uploadComponent/index.vue
index c44e5d9..1e134c9 100644
--- a/src/components/uploadComponent/index.vue
+++ b/src/components/uploadComponent/index.vue
@@ -14,6 +14,7 @@
             :on-exceed="handleExceed"
             :file-list="props.fileList"
             :disabled="props.disabledFlag"
+            :on-change="changeFileFn"
             :on-remove="(file, fileList) => removeFile(file, fileList)"
             :on-preview="(file) => preview(file)"
             :on-progress="(event, file, fileList) => onProgressFn(event, file, fileList)"
@@ -30,6 +31,7 @@
     import { ref, nextTick } from 'vue'
     import { ElMessage } from 'element-plus'
     import { Base64 } from 'js-base64'
+
     const props = defineProps({
         actionUrl: {
             //上传的地址
@@ -91,6 +93,7 @@
             default: 'picture'
         },
         extraData: {}, //上传时的额外参数 如 name等
+
         /* 
     {
         name:'12321'
@@ -123,6 +126,10 @@
             //是否显示进度条
             type: Boolean,
             default: false
+        },
+        scuccesCallback:{
+            type:Function,
+            default:()=>{}
         }
     })
     // office预览
@@ -143,6 +150,7 @@
                 url: response.data,
                 name: file.name
             })
+         
         } else {
             ElMessage({
                 type: 'warning',
@@ -231,6 +239,9 @@
             })
         }
     }
+    const changeFileFn =(ev:any)=>{
+        props.scuccesCallback(ev)
+    }
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/http/api/home/index.ts b/src/http/api/home/index.ts
index 01ae1df..3ded165 100644
--- a/src/http/api/home/index.ts
+++ b/src/http/api/home/index.ts
@@ -1,5 +1,5 @@
 import { get, post } from '../../index'
 
 export const getGoodsClassListApi = () => {
-    return get('/maType/getEquipmentType', {})
+    return get('/zlpt-order/maType/getEquipmentType', {})
 }
\ No newline at end of file
diff --git a/src/http/api/login/index.ts b/src/http/api/login/index.ts
index 5da0441..9d7dbe9 100644
--- a/src/http/api/login/index.ts
+++ b/src/http/api/login/index.ts
@@ -2,5 +2,5 @@ import { get, post } from '../../index'
 
 // 登录接口
 export const loginApi = (data: any) => {
-    return post('/login', data)
+    return post('/zlpt-auth/login', data)
 }
\ No newline at end of file
diff --git a/src/http/api/usercenter/order.ts b/src/http/api/usercenter/order.ts
index 0907657..ad02843 100644
--- a/src/http/api/usercenter/order.ts
+++ b/src/http/api/usercenter/order.ts
@@ -1,15 +1,34 @@
 // 订单详情
 
-import { get, post } from '../../index'
+import { get, post, put } from '../../index'
 
-// 申请企业信息认证接口
+// 订单相亲接口
 export const apiOrderDetails = (id: any) => {
-    let urlStr =  `/details/${id}`
+    // let urlStr = `/zlpt-order/details/${id}`
+    let urlStr = `/zlpt-order/info/${id}`
     return get(urlStr, {})
 }
+// 获取步骤列表
 export const apiOrderInfoList = (params: any) => {
-    let urlStr =  `/info/list/`
+    let urlStr = `/zlpt-order/info/list/`
     return get(urlStr, params)
 }
+// 订单详情
+export const apiOrderInfoDetails = (params: any) => {
+    let urlStr = `/zlpt-order/info/${params}`
+    return get(urlStr, {})
+}
+// 更新订单信息
+export const apiUpdateOrderInfo = (params: any) => {
+    let urlStr = `/zlpt-order/info/`
+    return put(urlStr, params)
+}
+// 更新订单信息 拒绝
+export const apiOrderReject = (params: any) => {
+    let urlStr = `/zlpt-order/info/reject`
+    return put(urlStr, params)
+}
+
+
+
 
- 
\ No newline at end of file
diff --git a/src/http/api/usercenter/seekorder.ts b/src/http/api/usercenter/seekorder.ts
index 5344fdb..d78deee 100644
--- a/src/http/api/usercenter/seekorder.ts
+++ b/src/http/api/usercenter/seekorder.ts
@@ -4,5 +4,5 @@ import { get, post } from '../../index'
 
 // 获取订单列表
 export const getOrderListApi = () => {
-    return get('/info/list', {})
+    return get('/zlpt-order/info/list', {})
 }
\ No newline at end of file
diff --git a/src/http/index.ts b/src/http/index.ts
index 002484e..37593ba 100644
--- a/src/http/index.ts
+++ b/src/http/index.ts
@@ -21,7 +21,7 @@ const service = axios.create({
 
 service.interceptors.request.use(
     (config) => {
-        config.headers['Authorization'] = VITE_ENV == 'development' && VITE_LocalFlag ? VITE_token : store.token
+        config.headers['Authorization'] = store.token
         return config
     },
     (error) => {
diff --git a/src/store/main.ts b/src/store/main.ts
index a3ea04b..97410db 100644
--- a/src/store/main.ts
+++ b/src/store/main.ts
@@ -2,7 +2,8 @@ export const useStore = defineStore('main', {
     state: () => {
         return {
             loadingFlag: false, //loading控制,
-            token: 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJ1c2VyX2lkIjoxLCJ1c2VyX2tleSI6ImMyN2M5N2Y5LWQwOGItNDJlNy05N2MzLTYwMDVmODVmNmVhZiIsInVzZXJuYW1lIjoiYWRtaW4ifQ.KNJdSL3g7tjju4OxkUQyBWHBTiuBo5bZFtDWkbZVmm7iR9hA06OS5FSI1_9kb4jPNjE6vc7MGkH4GhQJsIwHnA'
+            token: ""
+            // eyJhbGciOiJIUzUxMiJ9.eyJ1c2VyX2lkIjoxLCJ1c2VyX2tleSI6IjQ1MzIwY2M3LTE0MDYtNDAwNy1iMTdhLTM3OTQ3ZmUxMjc2ZiIsInVzZXJuYW1lIjoiYWRtaW4ifQ.XqWKkIRKVADdhGzNiOPNktmLJsv7bJCRZLDaSMJQALjhSyUBDTRGPE2KBWmb4qx3zV4fbsNGBHUODem1A7MEZA
         }
     },
     getters: {},
@@ -14,6 +15,7 @@ export const useStore = defineStore('main', {
             this.loadingFlag = false
         },
         setToken(val: any) {
+            console.log("setToken",val)
             this.token = val
         }
     },
diff --git a/src/utils/elementCom.ts b/src/utils/elementCom.ts
index a9081da..dc4eae1 100644
--- a/src/utils/elementCom.ts
+++ b/src/utils/elementCom.ts
@@ -21,7 +21,7 @@ export const ElConfirmBeforeOpert = (title = '操作确认', text = "是否确
 }
 
 
-export const ElMessageBoxOpert = (title = '', text = "", onfirmText = "", cancelText = "", inputValidator:any, inputErrorMessage = "",callBack: any,row:any,inputType="text") => {
+export const ElMessageBoxOpert = (title = '', text = "", onfirmText = "", cancelText = "", inputValidator:any, inputErrorMessage = "",callBack: any,row:any,inputType="text",confirmButtonClass="") => {
   ElMessageBox.prompt(text, title, {
     draggable:true,
     confirmButtonText: onfirmText,
@@ -31,6 +31,7 @@ export const ElMessageBoxOpert = (title = '', text = "", onfirmText = "", cancel
     },
     inputType: inputType,
     inputErrorMessage: inputErrorMessage,
+    confirmButtonClass:confirmButtonClass
   })
     .then(({ value }) => {
       callBack(row,value)
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 061d886..f2a40e7 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -12,7 +12,7 @@
 
     const handlerLogin = async () => {
         const res: any = await loginApi(loginForm.value)
-        console.log(res, '登录成功**')
+        console.log( '登录成功**',res)
         if (res.code === 200) {
             ElMessage({
                 showClose: true,
diff --git a/src/views/user/orderManagement/index.vue b/src/views/user/orderManagement/index.vue
index b233d3f..629331a 100644
--- a/src/views/user/orderManagement/index.vue
+++ b/src/views/user/orderManagement/index.vue
@@ -37,9 +37,9 @@
     }
 
     /* 查看按钮 */
-    const clickPreviewDetails = () => {
-        console.log('查看')
-        router.push({ name: 'orderDetails' })
+    const clickPreviewDetails = (row:any) => {
+        console.log('查看',row)
+        router.push({ name: 'orderDetails',query:{} })
     }
 
     /* 续租按钮 */
@@ -105,7 +105,7 @@
             <el-table-column align="center" prop="orderStatus" label="订单状态" />
             <el-table-column align="center" prop="name" label="操作" width="320px">
                 <template #default="scope">
-                    <el-button size="small" type="primary" @click="clickPreviewDetails">
+                    <el-button size="small" type="primary" @click="clickPreviewDetails(scope)">
                         查看
                     </el-button>
                     <el-button size="small" type="danger" @click="clickRentingTermination">
diff --git a/src/views/user/orderManagement/orderCom/orderConfirm.vue b/src/views/user/orderManagement/orderCom/orderConfirm.vue
index 96f290c..bca9a02 100644
--- a/src/views/user/orderManagement/orderCom/orderConfirm.vue
+++ b/src/views/user/orderManagement/orderCom/orderConfirm.vue
@@ -1,29 +1,45 @@
 <template>
     <el-page-header @back="goBack" @click="$router.go(-1)">
         <template #content>
-            <span>详情</span>
+
         </template>
     </el-page-header>
     <timeLineHorizontal themeColor="#2282fe" :timeLineList="timeLineList.list"></timeLineHorizontal>
-    <el-form
-        label-width="130px"
-        inline="true"
-        style="padding: 0 20px 0px 20px; width: 865px"
-        size="small">
+    <el-form label-width="130px" inline="true" style="padding: 0 20px 0px 20px; width: 865px" size="small">
         <!-- <el-form-item label="订单编号" style="width: 600px;">
             xxxxx
         </el-form-item> -->
-        <el-form-item label="需求单位" class="table_item">xxxxx</el-form-item>
-        <el-form-item label="联系电话" class="table_item">xxxxx</el-form-item>
-        <el-form-item label="租赁时长" class="table_item">xxxxx</el-form-item>
-        <el-form-item label="设备进场地址：" class="table_item">xxxxx</el-form-item>
-        <el-form-item label="进场时间：" class="table_item">xxxxx</el-form-item>
-        <el-form-item label="是否需求机手：" class="table_item">xxxxx</el-form-item>
-        <el-form-item label="详细地址：" class="table_item">xxxxx</el-form-item>
-        <el-form-item label="工期时长：" class="table_item">xxxxx</el-form-item>
-        <el-form-item label="发票类型：" class="table_item">xxxxx</el-form-item>
+        <el-form-item label="需求单位" class="table_item">
+            {{ detailsInfo.needCompany }}
+
+        </el-form-item>
+        <el-form-item label="联系电话" class="table_item">{{
+            detailsInfo.phone
+        }}</el-form-item>
+        <el-form-item label="租赁时长" class="table_item">
+
+            <!-- {{  detailsInfo.}} -->
+            <!-- 暂无 --></el-form-item>
+        <el-form-item label="设备进场地址：" class="table_item">{{
+            detailsInfo.addressId
+        }}</el-form-item>
+        <el-form-item label="进场时间：" class="table_item">{{
+            detailsInfo.realStartTime
+        }}</el-form-item>
+        <el-form-item label="是否需求机手：" class="table_item">{{
+            detailsInfo.isMachinist
+        }}</el-form-item>
+        <el-form-item label="详细地址：" class="table_item">{{
+            detailsInfo.address
+        }}</el-form-item>
+        <el-form-item label="工期时长：" class="table_item">{{
+            detailsInfo.duration
+        }}</el-form-item>
+        <el-form-item label="发票类型：" class="table_item">{{
+            detailsInfo.invoiceType
+        }}</el-form-item>
         <el-form-item label="项目说明：" style="width: 800px">
-            xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+            {{ detailsInfo.description }}
         </el-form-item>
         <!-- <el-form-item label="订单起止时间：" style="width: 800px;">
             xxxx-xx-xx ~ xxxx-xx-xx
@@ -62,46 +78,32 @@
             xxxxx
         </el-form-item> -->
         <el-form-item label="订单合同：" style="width: 800px" v-if="stepVal == '1'">
-            <uploadComponent
-                :maxLimit="1"
-                listType="text"
-                :acceptTypeList="['.pdf']"
-                width="72px"
-                height="24px">
-                <template v-slot:default>
-                    <el-button type="primary">上传文件</el-button>
-                </template>
-            </uploadComponent>
+            <div>
+                <uploadComponent :maxLimit="1" listType="text" :acceptTypeList="['.pdf']" :scuccesCallback="scuccesCallback" height="32px" width="360px">
+                    <template v-slot:default>
+                        <el-button type="primary">上传文件</el-button>
+                    </template>
+                </uploadComponent>
+
+                <div class="error_tip_c" v-show="errorTipFlag==2">请上传文件</div>
+            </div>
         </el-form-item>
         <div v-else-if="stepVal == '2'">
-            <el-form-item label="机手姓名：" style="width: 300px">
-                <el-select
-                    v-model="submitInfo.driver"
-                    placeholder="请选择机手姓名"
-                    clearable
-                    filterable
-                    style="width: 100%">
-                    <el-option
-                        v-for="item in driverInfo.list"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value" />
-                </el-select>
-            </el-form-item>
-            <el-form-item label="联系电话：" style="width: 300px">
-                <el-input
-                    v-model.trim="submitInfo.driverPhone"
-                    placeholder="请输入模版编号"
-                    clearable
-                    maxlength="30" />
-            </el-form-item>
-            <el-form-item label="物流司机电话：" style="width: 300px">
-                <el-input
-                    v-model.trim="submitInfo.deliverPhone"
-                    placeholder="请输入模版编号"
-                    clearable
-                    maxlength="30" />
-            </el-form-item>
+            <el-form :model="submitInfo" ref="ruleFormRef" :rules="formConfirmRules" label-width="136px">
+                <el-form-item label="机手姓名：" style="width: 300px" prop="driver">
+                    <!-- <el-select v-model="submitInfo.driver" placeholder="请选择机手姓名" clearable filterable style="width: 100%">
+                        <el-option v-for="item in driverInfo.list" :key="item.value" :label="item.label"
+                            :value="item.value" />
+                    </el-select> -->
+                    <el-input v-model.trim="submitInfo.driver" placeholder="请输入机手姓名" clearable maxlength="30" />
+                </el-form-item>
+                <el-form-item label="联系电话：" style="width: 300px" prop="driverPhone">
+                    <el-input v-model.trim="submitInfo.driverPhone" placeholder="请输入联系电话" clearable maxlength="30" />
+                </el-form-item>
+                <el-form-item label="物流司机电话：" style="width: 300px" prop="deliverPhone">
+                    <el-input v-model.trim="submitInfo.deliverPhone" placeholder="请输入物流司机电话" clearable maxlength="30" />
+                </el-form-item>
+            </el-form>
         </div>
         <div v-else-if="stepVal == '3'">
             <el-form-item label="机手姓名：" style="width: 300px">
@@ -116,144 +118,247 @@
         </div>
         <el-form-item>
             <div class="btn_opert">
-                <el-button type="primary" @click="demandConfirmFn" v-if="stepVal == '1'">
+                <el-button type="primary" @click="demandConfirmFn" v-if="stepVal == '0'">
                     需求确认
                 </el-button>
-                <el-button type="primary" @click="demandRejectFn" v-if="stepVal == '1'">
+                <el-button type="primary" @click="demandRejectFn" v-if="stepVal == '0'">
                     需求驳回
                 </el-button>
-                <el-button type="primary" @click="nextFn" v-else-if="stepVal == '2'">
+                <el-button type="primary" @click="nextFn" v-else-if="stepVal == '1'">
                     下一步
                 </el-button>
-                <el-button type="primary" @click="confirmSendFn" v-else-if="stepVal == '3'">
+                <el-button type="primary" @click="confirmSendFn" v-else-if="stepVal == '2'">
                     确认发货
                 </el-button>
+                <el-button type="primary" @click="backFn" v-else-if="stepVal == '3'">
+                    返回
+                </el-button>
             </div>
         </el-form-item>
     </el-form>
 </template>
 
 <script setup lang="ts">
-    import orderTable from './orderTable.vue'
-    import { reactive } from 'vue'
-    import { MoreFilled } from '@element-plus/icons-vue'
-    import timeLineHorizontal from './timeLineHorizontal.vue'
-    import uploadComponent from 'components/uploadComponent/index.vue'
-    import { ElMessageBoxOpert } from 'utils/elementCom'
-    const tableInfo = reactive({
-        v_equipment_title: '220E履带挖掘机',
-        v_equipment_code: '88888',
-        v_equipment_group_type: '挖掘机械',
-        v_equipment_brand: '挖掘机',
-        v_equipment_weight: '22吨',
-        v_equipment_volume: '1立方米',
-        v_equipment_address: '广东省广州市',
-        money: '2000',
-        unit: '月',
-        imgUrl: ''
-    })
+import orderTable from './orderTable.vue'
+import { reactive } from 'vue'
+ 
+import timeLineHorizontal from './timeLineHorizontal.vue'
+import uploadComponent from 'components/uploadComponent/index.vue'
+import { ElMessageBoxOpert } from 'utils/elementCom'
+import { ElMessage } from 'element-plus'
+import { apiOrderInfoDetails, apiUpdateOrderInfo, apiOrderReject } from 'http/api/usercenter/order'
+const router = useRouter()
+const route = useRoute()
+const ruleFormRef = ref()
+const tableInfo = reactive({
+    v_equipment_title: '220E履带挖掘机',
+    v_equipment_code: '88888',
+    v_equipment_group_type: '挖掘机械',
+    v_equipment_brand: '挖掘机',
+    v_equipment_weight: '22吨',
+    v_equipment_volume: '1立方米',
+    v_equipment_address: '广东省广州市',
+    money: '2000',
+    unit: '月',
+    imgUrl: ''
+})
 
-    const stepVal = ref('1')
+const errorTipFlag= ref(0)
 
-    const timeLineList = reactive({
-        list: [
-            {
-                title: '订单需求审核',
-                content: '开工阶段',
-                done: true
-            },
-            {
-                title: '合同上传',
-                content: '请填写公司详细信息',
-                done: true
-            },
-            {
-                title: '装备发货',
-                content: '请填写公司财务信息',
-                done: true
+
+const stepVal = ref('0')
+
+const timeLineList = reactive({
+    list: [
+        {
+            title: '订单需求审核',
+            content: '开工阶段',
+            done: true
+        },
+        {
+            title: '合同上传',
+            content: '请填写公司详细信息',
+            done: false
+        },
+        {
+            title: '装备发货',
+            content: '请填写公司财务信息',
+            done: false
+        }
+    ]
+})
+
+const driverInfo = reactive({
+    list: [
+        {
+            value: 'Option1',
+            label: 'Option1'
+        },
+        {
+            value: 'Option2',
+            label: 'Option2'
+        }
+    ]
+})
+const submitInfo = reactive({
+    driver: '',
+    driverPhone: '',
+    deliverPhone: ''
+})
+const formConfirmRules = reactive<FormRules<any>>({
+    driver: [
+        { required: true, message: '请选择机手姓名', trigger: 'change' },
+    ],
+    driverPhone: [
+        { required: true, message: '请输入联系电话', trigger: 'blur' },
+    ],
+    deliverPhone: [
+        { required: true, message: '请输入物流司机电话', trigger: 'blur' },
+    ],
+
+
+})
+
+let  fileItem:any=null
+const demandConfirmFn = () => {
+    stepVal.value = '1'
+    timeLineList.list[1].done = true
+}
+const rejectCallBack = async (row: any, value: any) => {
+    console.log('editCallBack', row, value)
+    let params = {
+
+    }
+    const res = await apiOrderReject(params)
+}
+const demandRejectFn = (row: any) => {
+    ElMessageBoxOpert(
+        '驳回原因',
+        '填写驳回原因',
+        '确定',
+        '取消',
+        (val: any) => {
+            if (!val) {
+                return '请填写类型模板'
             }
-        ]
-    })
+        },
+        '请填写类型模板',
+        rejectCallBack,
+        row,
+        'textarea',
+        'dangerC'
+    )
+}
 
-    const driverInfo = reactive({
-        list: [
-            {
-                value: 'Option1',
-                label: 'Option1'
-            },
-            {
-                value: 'Option2',
-                label: 'Option2'
-            }
-        ]
-    })
-    const submitInfo = reactive({
-        driver: '',
-        driverPhone: '',
-        deliverPhone: ''
-    })
-
-    const demandConfirmFn = () => {
+const nextFn = () => {
+ 
+    if(!fileItem){
+        errorTipFlag.value=2
+     
+    }else{
         stepVal.value = '2'
     }
-    const editCallBack = (row: any, value: any) => {
-        console.log('editCallBack', row, value)
-    }
-    const demandRejectFn = (row: any) => {
-        ElMessageBoxOpert(
-            '驳回原因',
-            '填写驳回原因',
-            '确定',
-            '取消',
-            (val: any) => {
-                if (!val) {
-                    return '请填写类型模板'
-                }
-            },
-            '请填写类型模板',
-            editCallBack,
-            row,
-            'textarea'
-        )
-    }
 
-    const nextFn = () => {
-        stepVal.value = '3'
-    }
 
-    const confirmSendFn = () => {}
+}
+const detailsInfo: any = reactive({})
+const initApiOrderDetails = async () => {
+    let id = route.query.id||'1'
+    const res: any = await apiOrderInfoDetails(id)
+    // const res:any =  dataJson
+    console.log('res-apiOrderDetails', res)
+    Object.assign(detailsInfo, res.data)
+}
+
+
+const confirmSendFn =  () => {
+    if (!ruleFormRef) return
+    ruleFormRef.value.validate(async(valid: any) => {
+        if (valid) {
+            let params = {
+                orderId: detailsInfo.orderId,
+                contractUrl: 'https://hzgyp-prod-1259451974.cos.ap-guangzhou.myqcloud.com/enterprise/serviceAgreement.pdf',//合同地址 写死
+                machinistName: submitInfo.driver,//机手姓名
+                logisticsPhone: submitInfo.deliverPhone,//物流电话
+                phone: submitInfo.driverPhone//机首电话
+            }
+            const res = await apiUpdateOrderInfo(params)
+            console.log("resapiUpdateOrderInfo", res)
+
+            ElMessage({
+                message: '已经确认发货',
+                type: 'success'
+            })
+            stepVal.value = '3'
+            timeLineList.list[2].done = true
+            console.log('submit!')
+        } else {
+            console.log('error submit!')
+            return false
+        }
+    })
+
+}
+const backFn = () => {
+    router.go(-1)
+}
+
+const scuccesCallback =(ev:any)=>{
+    console.log("list0000",ev)
+    fileItem=ev
+    errorTipFlag.value=1
+}
+onBeforeMount(() => {
+    initApiOrderDetails()
+
+})
 </script>
 
 <style scoped lang="scss">
-    .table_item {
-        width: 250px;
-        height: 20px;
-    }
+.table_item {
+    width: 250px;
+    height: 20px;
+}
 
-    .table_item_sub {
-        width: 250px;
-        height: 20px;
-    }
+.table_item_sub {
+    width: 250px;
+    height: 20px;
+}
 
-    .time_line_item {
-        display: flex;
-        justify-content: space-between;
+.time_line_item {
+    display: flex;
+    justify-content: space-between;
 
-        .btn_c {
-        }
-    }
+    .btn_c {}
+}
 
-    .total_money {
-        display: flex;
-        justify-content: flex-end;
-        height: 32px;
-        line-height: 32px;
-        width: 760px;
-    }
+.total_money {
+    display: flex;
+    justify-content: flex-end;
+    height: 32px;
+    line-height: 32px;
+    width: 760px;
+}
+
+.btn_opert {
+    width: 760px;
+    display: flex;
+    justify-content: flex-end;
+}
+
+:deep(.el-upload) {
+    display: flex;
+    justify-content: flex-start;
+}
+.error_tip_c{
+    color: #ff0000;
+}
+
+</style>
+<style>
+ .dangerC{
+    background-color: #F56C6C!important;
+    border: #F56C6C     ;
+}
 
-    .btn_opert {
-        width: 760px;
-        display: flex;
-        justify-content: flex-end;
-    }
 </style>
diff --git a/src/views/user/orderManagement/orderCom/orderDetails.vue b/src/views/user/orderManagement/orderCom/orderDetails.vue
index c160244..97def8c 100644
--- a/src/views/user/orderManagement/orderCom/orderDetails.vue
+++ b/src/views/user/orderManagement/orderCom/orderDetails.vue
@@ -1,14 +1,9 @@
 <template>
-    <el-page-header @back="goBack" @click="$router.go(-1)">
+    <el-page-header @click="$router.go(-1)">
         <template #content>
-            <span>详情</span>
         </template>
     </el-page-header>
-    <el-form
-        label-width="130px"
-        inline="true"
-        style="padding: 0 20px 0px 20px; width: 865px"
-        size="small">
+    <el-form label-width="130px" inline="true" style="padding: 0 20px 0px 20px; width: 865px" size="small">
         <el-form-item label="订单编号" style="width: 600px">
             {{ detailsInfo.code }}
         </el-form-item>
@@ -73,21 +68,16 @@
         </el-form-item>
 
         <el-timeline style="margin-left: 20px; width: 560px">
-            <el-timeline-item
-                v-for="(item, index) in activities"
-                :key="index"
-                :icon="item.icon"
-                :type="item.type"
-                :color="item.color"
-                :size="item.size"
-                :hollow="item.hollow"
-                :timestamp="item.timestamp">
+            <el-timeline-item v-for="(item, index) in stepListOrder.list" :key="index" :icon="item.icon" :type="item.type"
+                :color="item.color" :size="item.size" :hollow="item.hollow" :timestamp="item.timestamp">
                 <div class="time_line_item">
                     <div class="title">
-                        {{ item.content }}
+                        <!-- {{ item.content }} -->
+                        订单状态
                     </div>
-                    <div class="btn_c">
-                        <el-button type="primary" v-if="item.last">确认到货</el-button>
+                    <div class="btn_c" v-if="confimFlag">
+                        <el-button type="primary" v-if="item.showBtnType == '2'" @click="confirmFn()">确认到货</el-button>
+                        <el-button type="success" v-else-if="item.showBtnType == '3'">已收货</el-button>
                     </div>
                 </div>
             </el-timeline-item>
@@ -96,101 +86,124 @@
 </template>
 
 <script setup lang="ts">
-    import { reactive } from 'vue'
-    import orderTable from './orderTable.vue'
-    import { MoreFilled } from '@element-plus/icons-vue'
-    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',
-        v_equipment_group_type: '挖掘机械',
-        v_equipment_brand: '挖掘机',
-        v_equipment_weight: '22吨',
-        v_equipment_volume: '1立方米',
-        v_equipment_address: '广东省广州市',
-        money: '2000',
-        unit: '月',
-        imgUrl: ''
-    })
-    const activities = [
-        {
-            content: '订单状态',
-            timestamp: '需求已提交，等待供应商审核。',
-            size: 'large',
-            type: 'primary',
-            icon: MoreFilled
-        },
-        {
-            content: '订单状态',
-            timestamp: '订单已确认，供应商会与您联系，签订合同。',
-            color: '#0bbd87'
-        },
-        {
-            content: '订单状态',
-            timestamp: '装备已发出，到货后请及时确认。',
-            size: 'large'
-        },
-        {
-            content: '订单状态',
-            timestamp: '租赁进行中。',
-            type: 'primary',
-            hollow: true,
-            last: true
-        },
-        {
-            content: 'Default node',
-            timestamp: '2018-04-03 20:46'
-        }
+import { reactive } from 'vue'
+import orderTable from './orderTable.vue'
+import { apiOrderInfoDetails, apiOrderInfoList, apiUpdateOrderInfo } from 'http/api/usercenter/order'
+import { ElMessage } from 'element-plus'
+const router = useRouter()
+const route = useRoute()
+const tableInfo = reactive({
+    v_equipment_title: '220E履带挖掘机',
+    v_equipment_code: '88888',
+    v_equipment_group_type: '挖掘机械',
+    v_equipment_brand: '挖掘机',
+    v_equipment_weight: '22吨',
+    v_equipment_volume: '1立方米',
+    v_equipment_address: '广东省广州市',
+    money: '2000',
+    unit: '月',
+    imgUrl: ''
+})
+const stepListOrder: any = reactive({
+    list: [
+
     ]
-    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 detailsInfo: any = reactive({})
+const initApiOrderDetails = async () => {
+    let id = route.query.id || '1'
+    const res: any = await apiOrderInfoDetails(id)
+    // const res:any =  dataJson
+    console.log('res-apiOrderDetails', res)
+    Object.assign(detailsInfo, res.data)
+}
 
-    const initApiOrderInfoList = async () => {
-        let params = {
-            orderId: '1'
+const initApiOrderInfoList = async () => {
+    let params = {
+        orderId: route.query.id || '1'
+    }
+    const res: any = await apiOrderInfoList(params)
+    // const res:any =  dataJson
+    console.log('res-apiOrderInfoList', res)
+    stepListOrder.list = res.rows.map((ele: any) => {
+        let timeStamp = "装备已发出，到货后请及时确认。"
+        let showBtnType = "1"
+        if (ele.orderStatus == '31') {
+            timeStamp = "需求已提交，等待供应商审核。"
+        } else if (ele.orderStatus == '32') {
+            timeStamp = "订单已确认，供应商会与您联系，签订合同。"
+        } else if (ele.orderStatus == '35') {
+            timeStamp = "装备已发出，到货后请及时确认。"
+
+            showBtnType = "2"
+        } else if (ele.orderStatus == '36') {
+            timeStamp = "租赁进行中。"
         }
-        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()
+        const item = {
+            content: '订单状态',
+            timestamp: timeStamp,
+            showBtnType
+        }
+        return item
     })
+}
+
+const pdfPreview = (url: any) => {
+    window.open(url, '_blank')
+}
+
+
+const confirmFn = async () => {
+    let params = {
+        orderId: detailsInfo.orderId || '1',
+        orderStatus: "35"
+    }
+    const res: any = await apiUpdateOrderInfo(params)
+    console.log("res-confrim", res)
+
+    if (res.code == 200) {
+        console.log("stepListOrder", stepListOrder.list)
+        const item = stepListOrder.list.find((ele: any) => { return ele.showBtnType == '2' })
+        console.log("item666", item)
+        item.showBtnType = '3'
+        router.go(-1)
+
+        ElMessage({
+            message: '已经确认收货',
+            type: 'success'
+        })
+
+    }
+}
+
+const confimFlag: any = ref(false)
+const initPage = () => {
+    confimFlag.value = route.query.confirm
+
+}
+onBeforeMount(() => {
+    initPage()
+    initApiOrderDetails()
+    initApiOrderInfoList()
+})
 
-    onBeforeMount(() => {
-        initApiOrderDetails()
-    })
 </script>
 
 <style scoped lang="scss">
-    .table_item {
-        width: 250px;
-        height: 20px;
-    }
+.table_item {
+    width: 250px;
+    height: 20px;
+}
 
-    .table_item_sub {
-        width: 250px;
-        height: 20px;
-    }
+.table_item_sub {
+    width: 250px;
+    height: 20px;
+}
 
-    .time_line_item {
-        display: flex;
-        justify-content: space-between;
+.time_line_item {
+    display: flex;
+    justify-content: space-between;
 
-        .btn_c {
-        }
-    }
+    .btn_c {}
+}
 </style>