订单状态合并
This commit is contained in:
parent
d288f3131f
commit
0a7f44b847
|
|
@ -20,7 +20,6 @@ declare module 'vue' {
|
||||||
ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
|
ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
|
||||||
ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
|
ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
|
||||||
ElDialog: typeof import('element-plus/es')['ElDialog']
|
ElDialog: typeof import('element-plus/es')['ElDialog']
|
||||||
ElEmpty: typeof import('element-plus/es')['ElEmpty']
|
|
||||||
ElForm: typeof import('element-plus/es')['ElForm']
|
ElForm: typeof import('element-plus/es')['ElForm']
|
||||||
ElFormItem: typeof import('element-plus/es')['ElFormItem']
|
ElFormItem: typeof import('element-plus/es')['ElFormItem']
|
||||||
ElIcon: typeof import('element-plus/es')['ElIcon']
|
ElIcon: typeof import('element-plus/es')['ElIcon']
|
||||||
|
|
@ -33,13 +32,10 @@ declare module 'vue' {
|
||||||
ElPagination: typeof import('element-plus/es')['ElPagination']
|
ElPagination: typeof import('element-plus/es')['ElPagination']
|
||||||
ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
|
ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
|
||||||
ElProgress: typeof import('element-plus/es')['ElProgress']
|
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']
|
ElRow: typeof import('element-plus/es')['ElRow']
|
||||||
ElSelect: typeof import('element-plus/es')['ElSelect']
|
ElSelect: typeof import('element-plus/es')['ElSelect']
|
||||||
ElStep: typeof import('element-plus/es')['ElStep']
|
ElStep: typeof import('element-plus/es')['ElStep']
|
||||||
ElSteps: typeof import('element-plus/es')['ElSteps']
|
ElSteps: typeof import('element-plus/es')['ElSteps']
|
||||||
ElSwitch: typeof import('element-plus/es')['ElSwitch']
|
|
||||||
ElTable: typeof import('element-plus/es')['ElTable']
|
ElTable: typeof import('element-plus/es')['ElTable']
|
||||||
ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
|
ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
|
||||||
ElTag: typeof import('element-plus/es')['ElTag']
|
ElTag: typeof import('element-plus/es')['ElTag']
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@ VITE_API_URL = '/proxyApi'
|
||||||
# VITE_proxyTarget = 'http://192.168.2.127:28080' # 梁超
|
# VITE_proxyTarget = 'http://192.168.2.127:28080' # 梁超
|
||||||
# VITE_proxyTarget = 'http://36.33.26.201:17788/proxyApi' # 测试服务
|
# VITE_proxyTarget = 'http://36.33.26.201:17788/proxyApi' # 测试服务
|
||||||
# VITE_proxyTarget = 'http://192.168.0.244:28580' # 测试服务
|
# VITE_proxyTarget = 'http://192.168.0.244:28580' # 测试服务
|
||||||
VITE_proxyTarget = 'http://192.168.2.72:28080' # 马帅j
|
VITE_proxyTarget = 'http://192.168.2.72:28080' # 盛旭
|
||||||
|
|
||||||
# VITE_proxyTarget = 'http://10.40.92.185:9206' # 赵福海 ( 设备类型)
|
# VITE_proxyTarget = 'http://10.40.92.185:9206' # 赵福海 ( 设备类型)
|
||||||
# VITE_proxyTarget = 'http://10.40.92.16:9502' # 牛 (个人中心 基础信息企业申请认证)
|
# VITE_proxyTarget = 'http://10.40.92.16:9502' # 牛 (个人中心 基础信息企业申请认证)
|
||||||
|
|
|
||||||
|
|
@ -15,8 +15,8 @@ export const getRentTerminationListApi = (data: any = {}) => {
|
||||||
* @param orderId 查询参数 获取退租详情 订单ID
|
* @param orderId 查询参数 获取退租详情 订单ID
|
||||||
* @returns
|
* @returns
|
||||||
*/
|
*/
|
||||||
export const getOrderDetailsByIdApi = (orderId: any) => {
|
export const getOrderDetailsByIdApi = (data: any) => {
|
||||||
return get(`/material-mall/order/getOrderDetailsById`, { orderId })
|
return get(`/material-mall/order/getOrderDetailsById`, data)
|
||||||
}
|
}
|
||||||
/**
|
/**
|
||||||
* @param data 退租检修提交 获取退租详情 data参数
|
* @param data 退租检修提交 获取退租详情 data参数
|
||||||
|
|
|
||||||
|
|
@ -149,7 +149,7 @@
|
||||||
>
|
>
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="关联装备" style="width: 100%" prop="maId">
|
<el-form-item label="查看标签" style="width: 100%" prop="maId">
|
||||||
<el-select
|
<el-select
|
||||||
clearable
|
clearable
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
|
|
@ -168,7 +168,10 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row :gutter="20">
|
<el-row>
|
||||||
|
<el-button class="primary-lease" type="primary"> 下载标签 </el-button>
|
||||||
|
</el-row>
|
||||||
|
<!-- <el-row :gutter="20">
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="1" style="margin-bottom: 0" class="upload-tip">
|
<el-form-item label="1" style="margin-bottom: 0" class="upload-tip">
|
||||||
支持格式:.jpg、.png 单个文件大小不能超过2M,最多可上传1张
|
支持格式:.jpg、.png 单个文件大小不能超过2M,最多可上传1张
|
||||||
|
|
@ -194,7 +197,6 @@
|
||||||
:acceptTypeList="['.jpg', '.png', '.pdf', '.doc']"
|
:acceptTypeList="['.jpg', '.png', '.pdf', '.doc']"
|
||||||
>
|
>
|
||||||
<template v-slot:default>
|
<template v-slot:default>
|
||||||
<!-- <el-icon size="48" color="#aaa"><Plus /></el-icon> -->
|
|
||||||
<el-button
|
<el-button
|
||||||
:icon="UploadFilled"
|
:icon="UploadFilled"
|
||||||
type="primary"
|
type="primary"
|
||||||
|
|
@ -206,7 +208,7 @@
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row> -->
|
||||||
</el-form>
|
</el-form>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
|
|
@ -342,7 +344,7 @@ const onSubmit = () => {
|
||||||
// 编辑
|
// 编辑
|
||||||
const onViewQualityRecord = (row: any) => {
|
const onViewQualityRecord = (row: any) => {
|
||||||
addOrEditForm.value.maId = row.maId
|
addOrEditForm.value.maId = row.maId
|
||||||
dialogTitle.value = '证书修改'
|
dialogTitle.value = '标签查看'
|
||||||
addOrEditDialogVisible.value = true
|
addOrEditDialogVisible.value = true
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -662,107 +662,6 @@ const costSubmit = () => {
|
||||||
orderText(goods.orderStatus)
|
orderText(goods.orderStatus)
|
||||||
}}</el-tag>
|
}}</el-tag>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- <div
|
|
||||||
v-if="item.orderStatus == '1'"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: blue;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '待接单' }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '2'"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: blue;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '待出库' }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '3'"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #c76f60;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '待收货' }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '4' && isExpired(item)"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #008d06;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '租赁中' }}
|
|
||||||
<span style="color: red">(已过期)</span>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '4' && !isExpired(item)"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #008d06;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '租赁中' }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '5'"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #5b33cc;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '已退租待结算' }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '6'"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #c00017;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '待结算确认' }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '7'"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #797979;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '已完成' }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '8'"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #797979;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '已驳回' }}
|
|
||||||
</div> -->
|
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
<el-col :span="2" class="order-items-info" v-if="item.orderStatus == 4">
|
<el-col :span="2" class="order-items-info" v-if="item.orderStatus == 4">
|
||||||
|
|
@ -1667,7 +1566,6 @@ const costSubmit = () => {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
.el-button {
|
.el-button {
|
||||||
width: calc((100% - 20px) / 2);
|
width: calc((100% - 20px) / 2);
|
||||||
|
|
|
||||||
|
|
@ -42,22 +42,33 @@ const numberTemp = ref<number>(0)
|
||||||
const cardList = ref<any>([])
|
const cardList = ref<any>([])
|
||||||
const status = 0
|
const status = 0
|
||||||
const viewOrderDetailsOrderId = ref<any>('')
|
const viewOrderDetailsOrderId = ref<any>('')
|
||||||
|
const viewOrderDetailsMaId = ref<any>('')
|
||||||
const addOrEditDialogCostVisible = ref(false)
|
const addOrEditDialogCostVisible = ref(false)
|
||||||
const addOrEditDialogCostStatus = ref(1)
|
const addOrEditDialogCostStatus = ref(1)
|
||||||
const addOrEditDialogCostIsChangePrice = ref(1)
|
const addOrEditDialogCostIsChangePrice = ref(1)
|
||||||
const addOrEditDialogVisible = ref(false)
|
const addOrEditDialogVisible = ref(false)
|
||||||
const viewOrderDetailsType = ref<any>(1)
|
const viewOrderDetailsType = ref<any>(1)
|
||||||
const statusList = [
|
const statusList: any = [
|
||||||
{ id: '1', name: '待接单' },
|
{ id: '1', name: '待接单' },
|
||||||
{ id: '2', name: '待出库' },
|
{ id: '2', name: '待出库' },
|
||||||
{ id: '3', name: '已出库' },
|
{ id: '3', name: '待收货' },
|
||||||
{ id: '4', name: '租赁中' },
|
{ id: '4', name: '租赁中' },
|
||||||
{ id: '5', name: '已退租' },
|
{ id: '5', name: '已退租待结算' },
|
||||||
{ id: '6', name: '已完成' },
|
{ id: '6', name: '结算待确认' },
|
||||||
{ id: '7', name: '已完成' },
|
{ id: '7', name: '已完成' },
|
||||||
{ id: '8', name: '已驳回' },
|
{ id: '8', name: '已驳回' },
|
||||||
]
|
]
|
||||||
|
|
||||||
|
const orderText = (status: any) => {
|
||||||
|
return statusList.filter((e: any) => e.id == status)[0].name
|
||||||
|
}
|
||||||
|
const orderType = (status: any) => {
|
||||||
|
if (status == 1 || status == 2 || status == 3 || status == 5) return 'primary'
|
||||||
|
if (status == 4 || status == 7) return 'success'
|
||||||
|
if (status == 5 || status == 6) return 'warning'
|
||||||
|
if (status == 8) return 'danger'
|
||||||
|
}
|
||||||
|
|
||||||
/** 查询列表 */
|
/** 查询列表 */
|
||||||
const getList = async () => {
|
const getList = async () => {
|
||||||
if (time.value.length > 0) {
|
if (time.value.length > 0) {
|
||||||
|
|
@ -317,9 +328,10 @@ const handleFileSuccess2 = (response: any) => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//退租检修
|
//退租检修
|
||||||
const handleViewBack = (item: any) => {
|
const handleViewBack = (item: any, goods: any) => {
|
||||||
viewOrderDetailsOrderId.value = ''
|
viewOrderDetailsOrderId.value = ''
|
||||||
viewOrderDetailsOrderId.value = item.orderId
|
viewOrderDetailsOrderId.value = item.orderId
|
||||||
|
viewOrderDetailsMaId.value = goods.maId
|
||||||
viewOrderDetailsType.value = 1
|
viewOrderDetailsType.value = 1
|
||||||
addOrEditDialogVisible.value = true
|
addOrEditDialogVisible.value = true
|
||||||
}
|
}
|
||||||
|
|
@ -583,17 +595,14 @@ const handleViewWord = () => {
|
||||||
dialogFormVisibleSettleWord.value = true
|
dialogFormVisibleSettleWord.value = true
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const contract = ref({
|
||||||
|
lessor: '公司一',
|
||||||
|
tenant: '公司二',
|
||||||
|
rentTime: '2024-01-01',
|
||||||
|
})
|
||||||
|
|
||||||
|
// 下载合同为 Word 文件
|
||||||
const contract = ref({
|
const downloadContract = () => {}
|
||||||
lessor: '公司一',
|
|
||||||
tenant: '公司二',
|
|
||||||
rentTime: '2024-01-01'
|
|
||||||
});
|
|
||||||
|
|
||||||
// 下载合同为 Word 文件
|
|
||||||
const downloadContract = () => {
|
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -726,6 +735,14 @@ const handleViewWord = () => {
|
||||||
{{ item.czcompanyName }}
|
{{ item.czcompanyName }}
|
||||||
</span>
|
</span>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
<div class="order-type-box">
|
||||||
|
<el-tag
|
||||||
|
style="padding: 6px 12px"
|
||||||
|
:type="orderType(item.orderStatus)"
|
||||||
|
effect="light"
|
||||||
|
>{{ orderText(item.orderStatus) }}</el-tag
|
||||||
|
>
|
||||||
|
</div>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row
|
<el-row
|
||||||
style="border-bottom: 1px solid #ccc; margin-bottom: 10px"
|
style="border-bottom: 1px solid #ccc; margin-bottom: 10px"
|
||||||
|
|
@ -762,10 +779,12 @@ const handleViewWord = () => {
|
||||||
? 'border-bottom:1px solid #eee'
|
? 'border-bottom:1px solid #eee'
|
||||||
: ''
|
: ''
|
||||||
"
|
"
|
||||||
|
style="min-height: 140px"
|
||||||
>
|
>
|
||||||
<img :src="goods.url" style="width: 160px; height: 120px" alt="" />
|
<img :src="goods.url" style="width: 160px; height: 120px" alt="" />
|
||||||
<div
|
<div
|
||||||
style="
|
style="
|
||||||
|
min-height: 140px;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
|
@ -795,175 +814,145 @@ const handleViewWord = () => {
|
||||||
<div>总费用</div>
|
<div>总费用</div>
|
||||||
<div class="red-font">{{ item.cost }} 元</div>
|
<div class="red-font">{{ item.cost }} 元</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="4" class="order-items-info">
|
<!-- <el-col :span="4" class="order-items-info">
|
||||||
<div>租期</div>
|
<div>租期</div>
|
||||||
<div style="font-weight: bold; margin-top: 10px">
|
<div style="font-weight: bold; margin-top: 10px">
|
||||||
{{ item.startTime }}至{{ item.endTime }}
|
{{ item.startTime }}至{{ item.endTime }}
|
||||||
</div>
|
</div>
|
||||||
|
</el-col> -->
|
||||||
|
|
||||||
|
<el-col :span="4" class="order-items-info">
|
||||||
|
<div
|
||||||
|
v-for="(goods, j) in item.detailsList"
|
||||||
|
:key="j"
|
||||||
|
class="order-info"
|
||||||
|
:style="
|
||||||
|
j != item.detailsList.length - 1
|
||||||
|
? 'border-bottom:1px solid #eee'
|
||||||
|
: ''
|
||||||
|
"
|
||||||
|
style="min-height: 140px"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
flex-direction: column;
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<div>租期</div>
|
||||||
|
<div style="font-weight: bold; margin-top: 10px">
|
||||||
|
{{ goods.rentBeginTime }}至{{ goods.rentEndTime }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="3" class="order-items-info">
|
<el-col :span="3" class="order-items-info">
|
||||||
<div
|
<div
|
||||||
v-if="item.orderStatus == '1'"
|
v-for="(goods, j) in item.detailsList"
|
||||||
style="
|
:key="j"
|
||||||
font-size: 14px;
|
class="order-info"
|
||||||
font-weight: bold;
|
:style="
|
||||||
margin-bottom: 10px;
|
j != item.detailsList.length - 1
|
||||||
color: blue;
|
? 'border-bottom:1px solid #eee'
|
||||||
|
: ''
|
||||||
"
|
"
|
||||||
|
style="min-height: 140px; width: 95%"
|
||||||
>
|
>
|
||||||
{{ '待接单' }}
|
<el-tag :type="orderType(goods.orderStatus)" effect="light">{{
|
||||||
</div>
|
orderText(goods.orderStatus)
|
||||||
<div
|
}}</el-tag>
|
||||||
v-if="item.orderStatus == '2'"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: blue;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '待出库' }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '3'"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #c76f60;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '待收货' }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '4' && isExpired(item)"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #008d06;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '租赁中' }}
|
|
||||||
<span style="color: red">(已过期)</span>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '4' && !isExpired(item)"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #008d06;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '租赁中' }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '5'"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #5b33cc;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '已退租待结算' }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '6'"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #c00017;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '待结算确认' }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '7'"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #797979;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '已完成' }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="item.orderStatus == '8'"
|
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
color: #797979;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
{{ '已驳回' }}
|
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6" class="handle-btn">
|
|
||||||
<el-button
|
|
||||||
v-if="item.orderStatus == '1'"
|
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
@click="onAcceptOrders(item)"
|
|
||||||
>接单</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
v-if="item.orderStatus == '2'"
|
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
@click="confirmPass(index)"
|
|
||||||
>出库</el-button
|
|
||||||
>
|
|
||||||
<el-button
|
|
||||||
v-if="item.orderStatus == '2'"
|
|
||||||
type="primary"
|
|
||||||
size="small"
|
|
||||||
@click="confirmFail(index)"
|
|
||||||
>取消</el-button
|
|
||||||
>
|
|
||||||
|
|
||||||
<el-button @click="handleViewOrder(j, item)" type="primary" size="small">
|
<el-col
|
||||||
订单详情
|
:span="2"
|
||||||
</el-button>
|
class="order-items-info"
|
||||||
<el-button @click="handleViewWord(j)" type="primary" size="small">
|
v-if="item.orderStatus != 2 && item.orderStatus != 1"
|
||||||
租赁协议
|
>
|
||||||
</el-button>
|
<div
|
||||||
<el-button
|
v-for="(goods, j) in item.detailsList"
|
||||||
v-if="item.orderStatus == '5'"
|
:key="j"
|
||||||
@click="handleViewBack(item)"
|
:style="
|
||||||
type="primary"
|
j != item.detailsList.length - 1
|
||||||
size="small"
|
? 'border-bottom:1px solid #eee'
|
||||||
|
: ''
|
||||||
|
"
|
||||||
|
style="min-height: 140px; display: flex; align-items: center"
|
||||||
>
|
>
|
||||||
退租检修
|
<div class="handle-btn-1">
|
||||||
</el-button>
|
<el-button
|
||||||
<el-button
|
v-if="goods.orderStatus == '5'"
|
||||||
v-if="item.orderStatus == '5'"
|
@click="handleViewBack(item, goods)"
|
||||||
@click="handleViewMoney(item)"
|
type="primary"
|
||||||
type="primary"
|
size="small"
|
||||||
size="small"
|
>
|
||||||
>
|
退租检修
|
||||||
费用结算
|
</el-button>
|
||||||
</el-button>
|
</div>
|
||||||
<el-button
|
</div>
|
||||||
v-if="item.orderStatus == '6' || item.orderStatus == '7'"
|
</el-col>
|
||||||
@click="handleViewRepair(item)"
|
|
||||||
type="primary"
|
<el-col :span="4" class="handle-btn" style="display: flex; align-items: center">
|
||||||
size="small"
|
<div class="handle-btn-4">
|
||||||
>
|
<el-button
|
||||||
检修详情
|
v-if="item.orderStatus == '1'"
|
||||||
</el-button>
|
type="primary"
|
||||||
<el-button
|
size="small"
|
||||||
v-if="item.orderStatus == '6' || item.orderStatus == '7'"
|
@click="onAcceptOrders(item)"
|
||||||
@click="handleViewList(item)"
|
>接单</el-button
|
||||||
type="primary"
|
>
|
||||||
size="small"
|
<el-button
|
||||||
>
|
v-if="item.orderStatus == '2'"
|
||||||
费用清单
|
type="primary"
|
||||||
</el-button>
|
size="small"
|
||||||
|
@click="confirmPass(index)"
|
||||||
|
>出库</el-button
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
v-if="item.orderStatus == '2'"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
@click="confirmFail(index)"
|
||||||
|
>取消</el-button
|
||||||
|
>
|
||||||
|
|
||||||
|
<el-button
|
||||||
|
@click="handleViewOrder(j, item)"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
订单详情
|
||||||
|
</el-button>
|
||||||
|
<el-button @click="handleViewWord(j)" type="primary" size="small">
|
||||||
|
租赁协议
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-if="item.orderStatus == '5'"
|
||||||
|
@click="handleViewMoney(item)"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
费用结算
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-if="item.orderStatus == '6' || item.orderStatus == '7'"
|
||||||
|
@click="handleViewList(item)"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
费用清单
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-if="item.orderStatus == '6' || item.orderStatus == '7'"
|
||||||
|
@click="handleViewRepair(item)"
|
||||||
|
type="primary"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
检修详情
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -982,6 +971,7 @@ const handleViewWord = () => {
|
||||||
:type="viewOrderDetailsType"
|
:type="viewOrderDetailsType"
|
||||||
v-model:addOrEditDialogVisible="addOrEditDialogVisible"
|
v-model:addOrEditDialogVisible="addOrEditDialogVisible"
|
||||||
:orderId="viewOrderDetailsOrderId"
|
:orderId="viewOrderDetailsOrderId"
|
||||||
|
:maId="viewOrderDetailsMaId"
|
||||||
@onChangeGetList="getList"
|
@onChangeGetList="getList"
|
||||||
/>
|
/>
|
||||||
<CostSettlementModel
|
<CostSettlementModel
|
||||||
|
|
@ -1807,38 +1797,17 @@ const handleViewWord = () => {
|
||||||
destroy-on-close
|
destroy-on-close
|
||||||
:close-on-click-modal="false"
|
:close-on-click-modal="false"
|
||||||
>
|
>
|
||||||
<!-- <div style="display: flex; justify-content: center">
|
<div style="display: flex; justify-content: center">
|
||||||
<img src="@/assets/img/zuLin.png" style="width: 100%; height: 600px" />
|
<img src="@/assets/img/zuLin.png" style="width: 100%; height: 600px" />
|
||||||
</div> -->
|
|
||||||
<div class="modal-content">
|
|
||||||
<h2>租赁合同</h2>
|
|
||||||
<form @submit.prevent="saveContract">
|
|
||||||
<div class="form-group">
|
|
||||||
<label>出租方:</label>
|
|
||||||
<span>{{ contract.lessor }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label>租赁方:</label>
|
|
||||||
<span>{{ contract.tenant }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<label>租赁时间:</label>
|
|
||||||
<span>{{ contract.rentTime }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="form-group">
|
|
||||||
<button type="button" @click="downloadContract">下载</button>
|
|
||||||
<button type="button" @click="dialogFormVisibleSettleWord = false">关闭</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- <template #footer>
|
<template #footer>
|
||||||
<span class="dialog-footer">
|
<span class="dialog-footer">
|
||||||
<el-button type="primary" @click="dialogFormVisibleSettleWord = false"
|
<el-button type="primary" @click="dialogFormVisibleSettleWord = false"
|
||||||
>关 闭</el-button
|
>关 闭</el-button
|
||||||
>
|
>
|
||||||
<el-button @click="submitBtn" type="success"> 下载 </el-button>
|
<el-button @click="submitBtn" type="success"> 下载 </el-button>
|
||||||
</span>
|
</span>
|
||||||
</template> -->
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -2129,9 +2098,15 @@ const handleViewWord = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
.order-title-info {
|
.order-title-info {
|
||||||
padding: 6px 4px;
|
position: relative;
|
||||||
|
padding: 14px 4px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #999;
|
color: #999;
|
||||||
|
.order-type-box {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.order-items {
|
.order-items {
|
||||||
|
|
@ -2141,6 +2116,8 @@ const handleViewWord = () => {
|
||||||
.order-info {
|
.order-info {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 10px 0;
|
padding: 10px 0;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.order-items-info {
|
.order-items-info {
|
||||||
|
|
@ -2158,8 +2135,10 @@ const handleViewWord = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
.handle-btn {
|
.handle-btn {
|
||||||
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
.el-button {
|
.el-button {
|
||||||
width: calc((100% - 50px) / 4);
|
width: calc((100% - 50px) / 4);
|
||||||
|
|
@ -2167,6 +2146,30 @@ const handleViewWord = () => {
|
||||||
margin-left: 10px !important;
|
margin-left: 10px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.handle-btn-4 {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
align-items: center;
|
||||||
|
.el-button {
|
||||||
|
width: calc((100% - 20px) / 2);
|
||||||
|
margin-left: 10px !important;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.handle-btn-1 {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
.el-button {
|
||||||
|
width: 90%;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
margin-left: 5% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
.app-container-content {
|
.app-container-content {
|
||||||
:deep(.el-dialog) {
|
:deep(.el-dialog) {
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
|
|
|
||||||
|
|
@ -585,6 +585,10 @@ const props = defineProps({
|
||||||
type: [String, Number],
|
type: [String, Number],
|
||||||
default: '',
|
default: '',
|
||||||
},
|
},
|
||||||
|
maId: {
|
||||||
|
type: [String, Number],
|
||||||
|
default: '',
|
||||||
|
},
|
||||||
type: {
|
type: {
|
||||||
type: Number,
|
type: Number,
|
||||||
default: 1,
|
default: 1,
|
||||||
|
|
@ -800,11 +804,20 @@ const getOrderDetailsData = async () => {
|
||||||
props.type == 1 ? (dialogTitle.value = '退租检修') : (dialogTitle.value = '检修明细')
|
props.type == 1 ? (dialogTitle.value = '退租检修') : (dialogTitle.value = '检修明细')
|
||||||
|
|
||||||
if (props.type === 1) {
|
if (props.type === 1) {
|
||||||
const { data: res }: any = await getOrderDetailsByIdApi(props.orderId)
|
const { data: res }: any = await getOrderDetailsByIdApi({
|
||||||
|
orderId: props.orderId,
|
||||||
|
maId: props.maId,
|
||||||
|
})
|
||||||
orderDetails.value = res
|
orderDetails.value = res
|
||||||
repairSelect.value = JSON.parse(JSON.stringify(res.detailsList))
|
repairSelect.value = JSON.parse(JSON.stringify(res.detailsList)).filter(
|
||||||
lossSelect.value = JSON.parse(JSON.stringify(res.detailsList))
|
(e: any) => e.maId == props.maId,
|
||||||
scrapSelect.value = JSON.parse(JSON.stringify(res.detailsList))
|
)
|
||||||
|
lossSelect.value = JSON.parse(JSON.stringify(res.detailsList)).filter(
|
||||||
|
(e: any) => e.maId == props.maId,
|
||||||
|
)
|
||||||
|
scrapSelect.value = JSON.parse(JSON.stringify(res.detailsList)).filter(
|
||||||
|
(e: any) => e.maId == props.maId,
|
||||||
|
)
|
||||||
orderDetails.value.orderId = props.orderId
|
orderDetails.value.orderId = props.orderId
|
||||||
} else {
|
} else {
|
||||||
const { data: res }: any = await getOverhaulApi(props.orderId)
|
const { data: res }: any = await getOverhaulApi(props.orderId)
|
||||||
|
|
@ -868,6 +881,7 @@ const onSubmit = async (type: boolean) => {
|
||||||
const res: any = await setAddLeaseRepairApi({
|
const res: any = await setAddLeaseRepairApi({
|
||||||
orderId,
|
orderId,
|
||||||
code,
|
code,
|
||||||
|
maId: props.maId,
|
||||||
repairRecordList: repairFormList.value,
|
repairRecordList: repairFormList.value,
|
||||||
scrapRecordList: scrapFormList.value,
|
scrapRecordList: scrapFormList.value,
|
||||||
lossRecordList: lossFormList.value,
|
lossRecordList: lossFormList.value,
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue