代码优化
This commit is contained in:
BianLzhaoMin
parent
96822c4fbf
commit
399b067bdf
|
|
@ -18,7 +18,6 @@ declare module 'vue' {
|
|||
ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
|
||||
ElCol: typeof import('element-plus/es')['ElCol']
|
||||
ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
|
||||
ElCountdown: typeof import('element-plus/es')['ElCountdown']
|
||||
ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
|
||||
ElDialog: typeof import('element-plus/es')['ElDialog']
|
||||
ElEmpty: typeof import('element-plus/es')['ElEmpty']
|
||||
|
|
@ -32,7 +31,6 @@ 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']
|
||||
ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
|
||||
ElProgress: typeof import('element-plus/es')['ElProgress']
|
||||
|
|
|
|||
|
|
@ -7,9 +7,9 @@ VITE_API_URL = '/proxyApi'
|
|||
# 开发环境接口地址
|
||||
# VITE_proxyTarget = 'http://10.40.92.74:8080' #盛旭
|
||||
|
||||
VITE_proxyTarget = 'http://192.168.2.246:28080' # 马帅
|
||||
# VITE_proxyTarget = 'http://192.168.2.246:28080' # 马帅
|
||||
# VITE_proxyTarget = 'http://192.168.2.123:28080' # 梁超
|
||||
# VITE_proxyTarget = 'http://192.168.0.244:28580' # 马帅
|
||||
VITE_proxyTarget = 'http://192.168.0.244:28580' # 测试服务
|
||||
# VITE_proxyTarget = 'http://192.168.2.129:18080' # 马帅
|
||||
|
||||
# VITE_proxyTarget = 'http://10.40.92.185:9206' # 赵福海 ( 设备类型)
|
||||
|
|
|
|||
|
|
@ -81,6 +81,5 @@ const pageSize = computed({
|
|||
|
||||
:deep.el-pagination.is-background .el-pager li.is-active {
|
||||
background-color: #3cb4a6;
|
||||
// 代码提交
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@
|
|||
<div class="left">
|
||||
<div class="title">
|
||||
<div class="name">
|
||||
{{ pageData.modelName }}{{ pageData.deviceName }}
|
||||
{{ pageData.deviceName }}
|
||||
</div>
|
||||
<!-- <div class="tag">
|
||||
<div class="item otherItem">{{ pageData.maStatusStr }}</div>
|
||||
|
|
@ -1042,6 +1042,7 @@ const onAddCart = async () => {
|
|||
|
||||
.title {
|
||||
.name {
|
||||
padding-bottom: 10px;
|
||||
font-size: 24px;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 600;
|
||||
|
|
|
|||
|
|
@ -750,12 +750,10 @@ const handleRemove = (list: any, index: Number) => {
|
|||
<el-form-item prop="deviceTypeList">
|
||||
<el-cascader
|
||||
v-model="deviceTypeList"
|
||||
:show-all-levels="false"
|
||||
:options="deviceTypeTree"
|
||||
:props="partTypeTreeProps"
|
||||
filterable
|
||||
clearable
|
||||
collapse-tags
|
||||
style="width: 100%"
|
||||
placeholder="请选择装备类目"
|
||||
ref="deviceTypeCascader"
|
||||
|
|
@ -956,7 +954,7 @@ const handleRemove = (list: any, index: Number) => {
|
|||
<el-form-item label="装备类目：" prop="deviceTypeList">
|
||||
<el-cascader
|
||||
v-model="equipmentDeploymentParams.deviceTypeList"
|
||||
:show-all-levels="false"
|
||||
:show-all-levels="true"
|
||||
:options="deviceTypeTree"
|
||||
:props="partTypeTreeProps"
|
||||
filterable
|
||||
|
|
@ -968,7 +966,7 @@ const handleRemove = (list: any, index: Number) => {
|
|||
@change="dialogTypeChange"
|
||||
></el-cascader>
|
||||
</el-form-item>
|
||||
<el-form-item label="所属公司：" prop="companyId">
|
||||
<!-- <el-form-item label="所属公司：" prop="companyId">
|
||||
<el-select
|
||||
v-model="equipmentDeploymentParams.companyId"
|
||||
placeholder="请选择所属公司"
|
||||
|
|
@ -982,7 +980,7 @@ const handleRemove = (list: any, index: Number) => {
|
|||
:value="item.companyId"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form-item> -->
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item label="设备数量：" prop="deviceCount">
|
||||
|
|
|
|||
|
|
@ -217,6 +217,7 @@ onMounted(() => {
|
|||
.right-content {
|
||||
flex: 1;
|
||||
padding: 15px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.active {
|
||||
|
|
|
|||
|
|
@ -423,314 +423,326 @@ const confirmFail = async (index: number) => {
|
|||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<div class="cart-tbody" v-for="(item, index) in cardList" :key="index">
|
||||
<el-row style="border-bottom: 1px solid #ccc">
|
||||
<el-col :span="1">
|
||||
<div style="text-align: center">
|
||||
<el-checkbox
|
||||
:key="numberTemp"
|
||||
v-model="item.isChecked"
|
||||
@change="onChangeCompany($event, index, item)"
|
||||
>
|
||||
</el-checkbox>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="19">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<div
|
||||
class="item"
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
<template v-if="cardList.length > 0">
|
||||
<div class="cart-tbody" v-for="(item, index) in cardList" :key="index">
|
||||
<el-row style="border-bottom: 1px solid #ccc">
|
||||
<el-col :span="1">
|
||||
<div style="text-align: center">
|
||||
<el-checkbox
|
||||
:key="numberTemp"
|
||||
v-model="item.isChecked"
|
||||
@change="onChangeCompany($event, index, item)"
|
||||
>
|
||||
<span>订单编号:</span>
|
||||
{{ item.code }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<div
|
||||
class="item"
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<span>下单时间:</span>
|
||||
{{ item.orderTime }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<div
|
||||
class="item"
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<span>装备所属公司:</span>
|
||||
{{ item.czcompanyName }}
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="4">
|
||||
<div
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 1px;
|
||||
font-size: 7px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<el-button
|
||||
v-if="item.orderStatus == '3'"
|
||||
</el-checkbox>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="19">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<div
|
||||
class="item"
|
||||
type="success"
|
||||
size="mimi"
|
||||
@click="confirmReceipt(index)"
|
||||
>确认收货</el-button
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<span>订单编号:</span>
|
||||
{{ item.code }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<div
|
||||
class="item"
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<span>下单时间:</span>
|
||||
{{ item.orderTime }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<div
|
||||
class="item"
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<span>装备所属公司:</span>
|
||||
{{ item.czcompanyName }}
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<div
|
||||
class="item"
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<span>出租方电话:</span>
|
||||
{{ item.personPhone }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<div
|
||||
class="item"
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<span>承租方电话:</span>
|
||||
{{ item.phoneNumber }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<div
|
||||
class="item"
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<span>承租方地址:</span>
|
||||
{{ item.companyName }}
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div>
|
||||
<el-button
|
||||
v-if="item.orderStatus == '2'"
|
||||
class="item"
|
||||
type="primary"
|
||||
@click="confirmFail(index)"
|
||||
>取消</el-button
|
||||
>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-col :span="4">
|
||||
<div
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 1px;
|
||||
font-size: 7px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<el-button
|
||||
v-if="item.orderStatus == '3'"
|
||||
class="item"
|
||||
type="success"
|
||||
size="mimi"
|
||||
@click="confirmReceipt(index)"
|
||||
>确认收货</el-button
|
||||
>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row
|
||||
class="cart-listAll"
|
||||
:style="{ background: item.orderStatus == '2' ? '#EBEEF5' : 'white' }"
|
||||
>
|
||||
<el-col :span="1">
|
||||
<!-- <div style="text-align: center">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<div
|
||||
class="item"
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<span>出租方电话:</span>
|
||||
{{ item.personPhone }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<div
|
||||
class="item"
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<span>承租方电话:</span>
|
||||
{{ item.phoneNumber }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<div
|
||||
class="item"
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<span>承租方地址:</span>
|
||||
{{ item.companyName }}
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div>
|
||||
<el-button
|
||||
v-if="item.orderStatus == '2'"
|
||||
class="item"
|
||||
type="primary"
|
||||
@click="confirmFail(index)"
|
||||
>取消</el-button
|
||||
>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row
|
||||
class="cart-listAll"
|
||||
:style="{ background: item.orderStatus == '2' ? '#EBEEF5' : 'white' }"
|
||||
>
|
||||
<el-col :span="1">
|
||||
<!-- <div style="text-align: center">
|
||||
<el-checkbox :key="numberTemp" v-model="goods.isChecked" @change="onChangeGoods(index)" :disabled="goods.orderStatus!='2'">
|
||||
</el-checkbox>
|
||||
</div> -->
|
||||
</el-col>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="7">
|
||||
<el-row class="cart-list" v-for="(goods, j) in item.detailsList" :key="j">
|
||||
<el-col class="goods-info">
|
||||
<el-col :span="7">
|
||||
<img :src="goods.url" alt="" />
|
||||
<el-col :span="7">
|
||||
<el-row class="cart-list" v-for="(goods, j) in item.detailsList" :key="j">
|
||||
<el-col class="goods-info">
|
||||
<el-col :span="7">
|
||||
<img :src="goods.url" alt="" />
|
||||
</el-col>
|
||||
<div class="goods-code">
|
||||
<div style="font-size: 10px; font-weight: bold">
|
||||
{{ goods.deviceName }}
|
||||
</div>
|
||||
<div>租期：{{ goods.days }}{{ ' ' + '天' }}</div>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
"
|
||||
>
|
||||
<div style="flex: 1; text-align: left; width: 220px">
|
||||
租金：{{ goods.dayLeasePrice }}{{ ' ' + '元/天' }}
|
||||
</div>
|
||||
<div style="flex: 1; text-align: left">
|
||||
数量：{{ goods.num }}{{ ' ' + '台' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<div class="goods-code">
|
||||
<div style="font-size: 10px; font-weight: bold">
|
||||
{{ goods.deviceName }}
|
||||
</div>
|
||||
<div>租期：{{ goods.days }}{{ ' ' + '天' }}</div>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
"
|
||||
>
|
||||
<div style="flex: 1; text-align: left; width: 220px">
|
||||
租金：{{ goods.dayLeasePrice }}{{ ' ' + '元/天' }}
|
||||
</div>
|
||||
<div style="flex: 1; text-align: left">
|
||||
数量：{{ goods.num }}{{ ' ' + '台' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">
|
||||
总费用
|
||||
</div>
|
||||
<div class="red-font">{{ item.cost }}</div>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">租期</div>
|
||||
<div style="color: black; font-weight: bold">
|
||||
{{ item.startTime }}
|
||||
</div>
|
||||
<div style="margin-top: 3px; margin-bottom: 3px">{{ '至' }}</div>
|
||||
<div style="color: black; font-weight: bold">{{ item.endTime }}</div>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<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>
|
||||
</el-col>
|
||||
<el-col :span="5">
|
||||
<div>
|
||||
<el-button
|
||||
@click="handleViewOrder(j, item)"
|
||||
type="primary"
|
||||
size="small"
|
||||
style="color: #blue; font-weight: bold"
|
||||
</el-row>
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">
|
||||
总费用
|
||||
</div>
|
||||
<div class="red-font">{{ item.cost }}</div>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">
|
||||
租期
|
||||
</div>
|
||||
<div style="color: black; font-weight: bold">
|
||||
{{ item.startTime }}
|
||||
</div>
|
||||
<div style="margin-top: 3px; margin-bottom: 3px">{{ '至' }}</div>
|
||||
<div style="color: black; font-weight: bold">{{ item.endTime }}</div>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div
|
||||
v-if="item.orderStatus == '2'"
|
||||
style="
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
color: blue;
|
||||
"
|
||||
>
|
||||
订单详情
|
||||
</el-button>
|
||||
<el-button
|
||||
@click="handleViewWord(j)"
|
||||
type="primary"
|
||||
size="small"
|
||||
style="color: #blue; font-weight: bold"
|
||||
{{ '待出库' }}
|
||||
</div>
|
||||
<div
|
||||
v-if="item.orderStatus == '3'"
|
||||
style="
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
color: #c76f60;
|
||||
"
|
||||
>
|
||||
租赁协议
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="item.orderStatus == '4'"
|
||||
@click="handleViewBack(item)"
|
||||
type="primary"
|
||||
size="small"
|
||||
style="color: #blue; font-weight: bold"
|
||||
{{ '待收货' }}
|
||||
</div>
|
||||
<div
|
||||
v-if="item.orderStatus == '4' && isExpired(item)"
|
||||
style="
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
color: #008d06;
|
||||
"
|
||||
>
|
||||
发起退租
|
||||
</el-button>
|
||||
<el-button
|
||||
{{ '租赁中' }}
|
||||
<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'"
|
||||
@click="handleViewList(j)"
|
||||
type="primary"
|
||||
size="small"
|
||||
style="color: #blue; font-weight: bold"
|
||||
style="
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
color: #c00017;
|
||||
"
|
||||
>
|
||||
费用清单
|
||||
</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
{{ '已完成' }}
|
||||
</div>
|
||||
<div
|
||||
v-if="item.orderStatus == '7'"
|
||||
style="
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
color: #797979;
|
||||
"
|
||||
>
|
||||
{{ '已驳回' }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="5">
|
||||
<div>
|
||||
<el-button
|
||||
@click="handleViewOrder(j, item)"
|
||||
type="primary"
|
||||
size="small"
|
||||
style="color: #blue; font-weight: bold"
|
||||
>
|
||||
订单详情
|
||||
</el-button>
|
||||
<el-button
|
||||
@click="handleViewWord(j)"
|
||||
type="primary"
|
||||
size="small"
|
||||
style="color: #blue; font-weight: bold"
|
||||
>
|
||||
租赁协议
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="item.orderStatus == '4'"
|
||||
@click="handleViewBack(item)"
|
||||
type="primary"
|
||||
size="small"
|
||||
style="color: #blue; font-weight: bold"
|
||||
>
|
||||
发起退租
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="item.orderStatus == '6'"
|
||||
@click="handleViewList(j)"
|
||||
type="primary"
|
||||
size="small"
|
||||
style="color: #blue; font-weight: bold"
|
||||
>
|
||||
费用清单
|
||||
</el-button>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<el-empty v-else description="暂无数据" />
|
||||
<PagingComponent
|
||||
v-if="total > 0"
|
||||
@getList="getList"
|
||||
:pageSize="pageSize"
|
||||
:pageNumber="pageNumber"
|
||||
|
|
|
|||
|
|
@ -332,7 +332,7 @@ const time = ref([])
|
|||
<el-row class="cart-list" v-for="(goods, j) in cardList.detailsList" :key="j">
|
||||
<el-col class="goods-info">
|
||||
<el-col :span="7">
|
||||
<img :src="goods.url" alt="" />
|
||||
<img :src="goods.url" style="width: 160px; height: 120px" alt="" />
|
||||
</el-col>
|
||||
<div class="goods-code">
|
||||
<div style="font-size: 10px; font-weight: bold">
|
||||
|
|
|
|||
|
|
@ -719,317 +719,244 @@ const handleViewWord = () => {
|
|||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<div class="cart-tbody" v-for="(item, index) in cardList" :key="index">
|
||||
<el-row style="border-bottom: 1px solid #ccc">
|
||||
<el-col :span="1">
|
||||
<!-- <div style="text-align: center">
|
||||
<el-checkbox
|
||||
:key="numberTemp"
|
||||
v-model="item.isChecked"
|
||||
@change="onChangeCompany($event, index, item)"
|
||||
<template v-if="cardList.length > 0">
|
||||
<div class="cart-tbody" v-for="(item, index) in cardList" :key="index">
|
||||
<el-row class="order-title-info">
|
||||
<el-col :span="8">
|
||||
<span> 订单编号： </span>
|
||||
<span>
|
||||
{{ item.code }}
|
||||
</span>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<span> 下单时间： </span>
|
||||
<span>
|
||||
{{ item.orderTime }}
|
||||
</span>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<span> 装备所属公司： </span>
|
||||
<span>
|
||||
{{ item.czcompanyName }}
|
||||
</span>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row
|
||||
style="border-bottom: 1px solid #ccc; margin-bottom: 10px"
|
||||
class="order-title-info"
|
||||
>
|
||||
<el-col :span="8">
|
||||
<span> 出租方联系电话： </span>
|
||||
<span>
|
||||
{{ item.personPhone }}
|
||||
</span>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<span> 承租方联系电话： </span>
|
||||
<span>
|
||||
{{ item.phoneNumber }}
|
||||
</span>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<span> 承租方地址： </span>
|
||||
<span>
|
||||
{{ item.czcompanyName }}
|
||||
</span>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<div
|
||||
v-for="(goods, j) in item.detailsList"
|
||||
:key="j"
|
||||
class="order-items order-info"
|
||||
:style="
|
||||
j != item.detailsList.length - 1
|
||||
? 'border-bottom:1px solid #eee'
|
||||
: ''
|
||||
"
|
||||
>
|
||||
</el-checkbox>
|
||||
</div> -->
|
||||
</el-col>
|
||||
<el-col :span="22">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<div
|
||||
class="item"
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<span>订单编号:</span>
|
||||
{{ item.code }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div
|
||||
class="item"
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<span>下单时间:</span>
|
||||
{{ item.orderTime }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<div
|
||||
class="item"
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 5px;
|
||||
font-size: 15px;
|
||||
margin-top: 5px;
|
||||
"
|
||||
>
|
||||
<span>装备所属公司:</span>
|
||||
{{ item.czcompanyName }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="5">
|
||||
<img :src="goods.url" style="width: 160px; height: 120px" alt="" />
|
||||
<div
|
||||
style="
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 1px;
|
||||
font-size: 7px;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 5px;
|
||||
justify-content: space-around;
|
||||
flex-direction: column;
|
||||
padding-left: 12px;
|
||||
"
|
||||
>
|
||||
<el-button
|
||||
v-if="item.orderStatus == '2'"
|
||||
class="item"
|
||||
type="primary"
|
||||
@click="confirmPass(index)"
|
||||
>出库</el-button
|
||||
>
|
||||
<el-button
|
||||
v-if="item.orderStatus == '2'"
|
||||
class="item"
|
||||
type="primary"
|
||||
@click="confirmFail(index)"
|
||||
>取消</el-button
|
||||
>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<div
|
||||
class="item"
|
||||
style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px"
|
||||
>
|
||||
<span>出租方电话:</span>
|
||||
{{ item.personPhone }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div
|
||||
class="item"
|
||||
style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px"
|
||||
>
|
||||
<span>承租方电话:</span>
|
||||
{{ item.phoneNumber }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="7">
|
||||
<div
|
||||
class="item"
|
||||
style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px"
|
||||
>
|
||||
<span>承租方地址:</span>
|
||||
{{ item.companyName }}
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row
|
||||
class="cart-listAll"
|
||||
:style="{ background: item.orderStatus == '6' ? '#EBEEF5' : 'white' }"
|
||||
>
|
||||
<el-col :span="1">
|
||||
<!-- <div style="text-align: center">
|
||||
<el-checkbox :key="numberTemp" v-model="goods.isChecked" @change="onChangeGoods(index)" :disabled="goods.orderStatus!='2'">
|
||||
</el-checkbox>
|
||||
</div> -->
|
||||
</el-col>
|
||||
|
||||
<el-col :span="7">
|
||||
<el-row class="cart-list" v-for="(goods, j) in item.detailsList" :key="j">
|
||||
<el-col class="goods-info">
|
||||
<el-col :span="7">
|
||||
<img :src="goods.url" alt="" />
|
||||
</el-col>
|
||||
<div class="goods-code">
|
||||
<div style="font-size: 10px; font-weight: bold">
|
||||
<el-row style="color: #169bd5; font-weight: bold">
|
||||
{{ goods.deviceName }}
|
||||
</div>
|
||||
<div>租期：{{ goods.days }}{{ ' ' + '天' }}</div>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
"
|
||||
>
|
||||
<div style="flex: 1; text-align: left; width: 220px">
|
||||
租金：{{ goods.dayLeasePrice }}{{ ' ' + '元/天' }}
|
||||
</div>
|
||||
<div style="flex: 1; text-align: left">
|
||||
数量：{{ goods.num }}{{ ' ' + '台' }}
|
||||
</div>
|
||||
</div>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4"> 租期 </el-col>
|
||||
<el-col :span="18"> {{ goods.days }}{{ ' ' + '天' }} </el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="4"> 租金 </el-col>
|
||||
<el-col :span="8">
|
||||
{{ goods.dayLeasePrice }}{{ ' ' + '元/天' }}
|
||||
</el-col>
|
||||
<el-col :span="4"> 数量 </el-col>
|
||||
<el-col :span="8"> {{ goods.num }}{{ ' ' + '台' }} </el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
<el-col :span="3">
|
||||
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">
|
||||
总费用
|
||||
</div>
|
||||
<div class="red-font">{{ item.cost }}</div>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">租期</div>
|
||||
<div style="color: black; font-weight: bold">
|
||||
{{ item.startTime }}
|
||||
</div>
|
||||
<div style="margin-top: 3px; margin-bottom: 3px">{{ '至' }}</div>
|
||||
<div style="color: black; font-weight: bold">{{ item.endTime }}</div>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<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>
|
||||
</el-col>
|
||||
<el-col :span="5">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-button
|
||||
@click="handleViewOrder(j, item)"
|
||||
type="primary"
|
||||
size="small"
|
||||
>
|
||||
订单详情
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-button @click="handleViewWord(j)" type="primary" size="small">
|
||||
租赁协议
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row style="margin: 6px 0">
|
||||
<el-col :span="8">
|
||||
<el-button
|
||||
v-if="item.orderStatus == '5'"
|
||||
@click="handleViewBack(j)"
|
||||
type="primary"
|
||||
size="small"
|
||||
>
|
||||
退租检修
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-button
|
||||
v-if="item.orderStatus == '5'"
|
||||
@click="handleViewMoney(j)"
|
||||
type="primary"
|
||||
size="small"
|
||||
>
|
||||
费用结算
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-button
|
||||
v-if="item.orderStatus == '6'"
|
||||
@click="handleViewRepair(j)"
|
||||
type="primary"
|
||||
size="small"
|
||||
>
|
||||
检修详情
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-button
|
||||
v-if="item.orderStatus == '6'"
|
||||
@click="handleViewList(j)"
|
||||
type="primary"
|
||||
size="small"
|
||||
>
|
||||
费用清单
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="3" class="order-items-info">
|
||||
<div>总费用</div>
|
||||
<div class="red-font">{{ item.cost }}</div>
|
||||
</el-col>
|
||||
<el-col :span="4" class="order-items-info">
|
||||
<div>租期</div>
|
||||
<div style="font-weight: bold; margin-top: 10px">
|
||||
{{ item.startTime }}至{{ item.endTime }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="3" class="order-items-info">
|
||||
<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>
|
||||
</el-col>
|
||||
<el-col :span="6" class="handle-btn">
|
||||
<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-button>
|
||||
<el-button @click="handleViewWord(j)" type="primary" size="small">
|
||||
租赁协议
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="item.orderStatus == '5'"
|
||||
@click="handleViewBack(j)"
|
||||
type="primary"
|
||||
size="small"
|
||||
>
|
||||
退租检修
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="item.orderStatus == '5'"
|
||||
@click="handleViewMoney(j)"
|
||||
type="primary"
|
||||
size="small"
|
||||
>
|
||||
费用结算
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="item.orderStatus == '6'"
|
||||
@click="handleViewRepair(j)"
|
||||
type="primary"
|
||||
size="small"
|
||||
>
|
||||
检修详情
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="item.orderStatus == '6'"
|
||||
@click="handleViewList(j)"
|
||||
type="primary"
|
||||
size="small"
|
||||
>
|
||||
费用清单
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<el-empty v-else description="暂无数据" />
|
||||
<PagingComponent
|
||||
v-if="total > 0"
|
||||
@getList="getList"
|
||||
v-model:pageSize="queryParams.pageSize"
|
||||
v-model:currentPage="queryParams.pageNumber"
|
||||
|
|
@ -1979,7 +1906,9 @@ const handleViewWord = () => {
|
|||
.cart-tbody {
|
||||
background: #fff;
|
||||
padding: 8px 12px;
|
||||
margin: 10px;
|
||||
margin-bottom: 6px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
|
||||
|
||||
.cart-user-info {
|
||||
display: flex;
|
||||
|
|
@ -2046,11 +1975,6 @@ const handleViewWord = () => {
|
|||
align-items: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.red-font {
|
||||
color: #ff4800;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.lease-date {
|
||||
display: flex;
|
||||
|
|
@ -2152,4 +2076,43 @@ const handleViewWord = () => {
|
|||
margin-right: 6px;
|
||||
width: 95%;
|
||||
}
|
||||
|
||||
.order-title-info {
|
||||
padding: 6px 4px;
|
||||
font-size: 14px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.order-items {
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.order-info {
|
||||
display: flex;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.order-items-info {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.red-font {
|
||||
color: #ff4800;
|
||||
font-weight: bold;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.handle-btn {
|
||||
padding: 0 6px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
.el-button {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -195,9 +195,11 @@
|
|||
/> -->
|
||||
|
||||
<PagingComponent
|
||||
@getList="getLeaseListData"
|
||||
:pageSize="searchParams.pageSize"
|
||||
:pageNumber="searchParams.pageNum"
|
||||
@getListChange="getLeaseListData"
|
||||
v-model:page-size="searchParams.pageSize"
|
||||
v-model:page-num="searchParams.pageNum"
|
||||
:size="searchParams.pageSize"
|
||||
:page="searchParams.pageNum"
|
||||
:total="total"
|
||||
/>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue