bonus
/
Zlpt_Portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

订单管理

This commit is contained in:
jjLv 2024-12-01 12:52:50 +08:00
parent c8bae06b80
commit 7758014fa1
6 changed files with 379 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components.d.ts vendored
View File

@ -19,7 +19,6 @@ declare module 'vue' {
ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
ElDialog: typeof import('element-plus/es')['ElDialog']
ElEmpty: typeof import('element-plus/es')['ElEmpty']
ElForm: typeof import('element-plus/es')['ElForm']
ElFormItem: typeof import('element-plus/es')['ElFormItem']
ElHeader: typeof import('element-plus/es')['ElHeader']
@ -39,8 +38,6 @@ declare module 'vue' {
ElSteps: typeof import('element-plus/es')['ElSteps']
ElTable: typeof import('element-plus/es')['ElTable']
ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
ElTabPane: typeof import('element-plus/es')['ElTabPane']
ElTabs: typeof import('element-plus/es')['ElTabs']
ElTag: typeof import('element-plus/es')['ElTag']
ElUpload: typeof import('element-plus/es')['ElUpload']
EquipCard: typeof import('./src/components/equipCard.vue')['default']

BIN
src/assets/img/zuLin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 209 KiB

2
src/views/user/orderManagement/detail.vue
View File

@ -115,7 +115,7 @@ const time = ref([])
</el-row>
</el-header>
<el-steps class="step" :space="600" :active="orderStatusTemp===7 ? 1 : orderStatusTemp-1" finish-status="success">
<el-steps class="step" :space="600" :active="orderStatusTemp===7 ? 1 : orderStatusTemp-2" finish-status="success">
<el-step :title="getStepTitle(1)" :description="getDescription(1)"></el-step>
<el-step :title="getStepTitle(2)" :description="getDescription(2)"></el-step>
<el-step :title="getStepTitle(3)" :description="getDescription(3)"></el-step>

71
src/views/user/orderManagement/index.vue
View File

@ -477,78 +477,85 @@ const tableData4: any = ref([
</el-col>
</el-row>
<el-row class="cart-list" v-for="(goods, j) in item.detailsList" :key="j">
<el-col :span="1">
<div style="text-align: center">
<el-checkbox :key="numberTemp" v-model="goods.isChecked" @change="onChangeGoods(index)" :disabled="goods.orderStatus!='3'">
<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>
</div> -->
</el-col>
<el-col :span="6" class="goods-info">
<el-col :span="6">
<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>租金：{{ goods.dayLeasePrice }}{{ ' ' + '元/天' }}</div>
<div>数量：{{ goods.num }}{{ ' ' + '台' }}</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">
<el-col :span="3" >
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">
总费用
</div>
<div class="red-font">{{ goods.costs }}</div>
<div class="red-font">{{ item.orderTime }}</div>
</el-col>
<el-col :span="5">
<el-col :span="4" >
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">租期</div>
<div style="color: black; font-weight: bold">
{{ goods.rentBeginTime }}
{{ item.orderTime }}
</div>
<div style="margin-top: 3px; margin-bottom: 3px">{{ '至' }}</div>
<div style="color: black; font-weight: bold">{{ goods.rentEndTime }}</div>
<div style="color: black; font-weight: bold">{{ item.orderTime }}</div>
</el-col>
<el-col :span="4">
<div
v-if="goods.orderStatus == '2'"
v-if="item.orderStatus == '2'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: blue"
>
{{ '待出库' }}
</div>
<div
v-if="goods.orderStatus == '3'"
v-if="item.orderStatus == '3'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #C76F60"
>
{{ '待收货' }}
</div>
<div
v-if="goods.orderStatus == '4' && isExpired(goods)"
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="goods.orderStatus == '4' && !isExpired(goods)"
v-if="item.orderStatus == '4' && !isExpired(item)"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #008D06"
>
{{ '租赁中' }}
</div>
<div
v-if="goods.orderStatus == '5'"
v-if="item.orderStatus == '5'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #5B33CC"
>
{{ '已退租' }}
</div>
<div
v-if="goods.orderStatus == '6'"
v-if="item.orderStatus == '6'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #C00017"
>
{{ '已完成' }}
</div>
<div
v-if="goods.orderStatus == '7'"
v-if="item.orderStatus == '7'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #797979"
>
{{ '已驳回' }}
@ -889,6 +896,15 @@ const tableData4: any = ref([
}
}
.cart-listAll{
margin: 15px 0;
display: flex;
align-items: center;
font-size: 13px;
div {
text-align: center;
}
.cart-list {
margin: 15px 0;
display: flex;
@ -928,6 +944,19 @@ const tableData4: any = ref([
font-size: 12px;
}
.red-font {
color: #ff4800;
font-weight: bold;
}
}
.lease-date {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 12px;
}
.red-font {
color: #ff4800;
font-weight: bold;

185
src/views/user/orderManagementCz/detail.vue
View File

@ -71,6 +71,20 @@ const getStepTitle = (stepId:number)=> {
return ''; // 默认返回空描述
}
// 计算是否过期
const isExpired=(goods:any)=> {
// 获取当前日期并去掉时间部分
const today = new Date();
today.setHours(0, 0, 0, 0);
// 将endtime转为Date对象
const endTime = new Date(goods.endTime.replace(/-/g, "/"));
// 判断endtime是否早于今天
return endTime < today;
}
const getId = ()=>{
orderStatusTemp.value = Number(route.query.orderStatusTemp)
idTemp.value = String(route.query.idTemp)
@ -79,7 +93,7 @@ const getId = ()=>{
/** 查询列表 */
const getList = async () => {
let params = {
id: idTemp.value
orderId: idTemp.value
}
const res: any = await getOrderListInfoApi(params)
@ -182,65 +196,90 @@ const time = ref([])
</div>
</div>
<div class="cart-tbody" >
<el-row class="cart-list" v-for="(goods, j) in cardList.detailsList" :key="j">
<el-col :span="9" class="goods-info">
<el-row class="cart-listAll" :style="{background: cardList.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 cardList.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>租金：{{ goods.dayLeasePrice }}{{ ' ' + '元/天' }}</div>
<div>数量：{{ goods.num }}{{ ' ' + '台' }}</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="2">
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">
总费用
</div>
<div class="red-font">{{goods.costs}}</div>
<div class="red-font">{{cardList.cost}}</div>
</el-col>
<el-col :span="7">
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">租期</div>
<div style="color: black; font-weight: bold">
{{ goods.rentBeginTime }}
{{ cardList.startTime }}
</div>
<div style="margin-top:3px;margin-bottom:3px">{{ '至' }}</div>
<div style="color: black; font-weight: bold">{{ goods.rentEndTime }}</div>
<div style="color: black; font-weight: bold">{{ cardList.endTime }}</div>
</el-col>
<el-col :span="2">
<div v-if="goods.orderStatus=='0'" style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color:blue">{{"未下单"}}</div>
<div v-if="goods.orderStatus=='1'" style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color:blue">{{"已下单"}}</div>
<div v-if="goods.orderStatus=='2'" style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color:blue">{{"待出库"}}</div>
<div v-if="goods.orderStatus=='3'" style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color:blue">{{"待收货"}}</div>
<div v-if="goods.orderStatus=='4'" style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color:blue">{{"租赁中"}}</div>
<div v-if="goods.orderStatus=='5'" style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color:blue">{{"已退租"}}</div>
<div v-if="goods.orderStatus=='6'" style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color:blue">{{"已完成"}}</div>
<div v-if="goods.orderStatus=='7'" style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color:blue">{{"已驳回"}}</div>
</el-col>
<!-- <el-col :span="3">
<div>
<el-button
@click="handleViewOrder(j)"
type="text"
size="mini"
style="color: #blue; font-weight: bold"
>
出库
</el-button>
<el-button
@click="handleViewOrder(j)"
type="text"
size="mini"
style="color: #blue; font-weight: bold"
>
驳回
</el-button>
<el-col :span="4" >
<div
v-if="cardList.orderStatus == '2'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: blue"
>
{{ '待出库' }}
</div>
</el-col> -->
</el-row>
</div>
<div
v-if="cardList.orderStatus == '3'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #C76F60"
>
{{ '待收货' }}
</div>
<div
v-if="cardList.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="cardList.orderStatus == '4' && !isExpired(item)"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #008D06"
>
{{ '租赁中' }}
</div>
<div
v-if="cardList.orderStatus == '5'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #5B33CC"
>
{{ '已退租' }}
</div>
<div
v-if="cardList.orderStatus == '6'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #C00017"
>
{{ '已完成' }}
</div>
<div
v-if="cardList.orderStatus == '7'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #797979"
>
{{ '已驳回' }}
</div>
</el-col>
</el-row>
</div>
</div>
@ -327,5 +366,71 @@ const time = ref([])
}
}
}
.cart-listAll{
margin: 15px 0;
display: flex;
align-items: center;
font-size: 13px;
div {
text-align: center;
}
.cart-list {
margin: 15px 0;
display: flex;
align-items: center;
font-size: 13px;
div {
text-align: center;
}
.goods-info {
display: flex;
align-content: center;
img {
width: 180px;
height: 80px;
}
.goods-code {
margin-left: 110px;
display: flex;
flex-direction: column;
justify-content: space-around;
div {
text-align: left;
}
}
}
.lease-date {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 12px;
}
.red-font {
color: #ff4800;
font-weight: bold;
}
}
.lease-date {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 12px;
}
.red-font {
color: #ff4800;
font-weight: bold;
}
}
}
</style>

228
src/views/user/orderManagementCz/index.vue
View File

@ -62,7 +62,7 @@ const getList = async () => {
const handleViewOrder = (index: Number, row: any) => {
router.push({
name: 'orderManagementInfoBuy',
query: { orderStatusTemp: Number(row.orderStatus), idTemp: row.id },
query: { orderStatusTemp: Number(row.orderStatus), idTemp: row.orderId },
})
}
@ -114,7 +114,6 @@ const onChangeGoods = (index: number) => {
ids.push(item.id)
}
})
console.log('ids',ids)
if(ids.length==0){
ElMessage({
showClose: false,
@ -187,7 +186,7 @@ const isExpired=(goods:any)=> {
today.setHours(0, 0, 0, 0);
// 将endtime转为Date对象
const endTime = new Date(goods.rentEndTime.replace(/-/g, "/"));
const endTime = new Date(goods.endTime.replace(/-/g, "/"));
// 判断endtime是否早于今天
return endTime < today;
@ -613,6 +612,27 @@ const dialogFormVisibleSettleRepair: any = ref(false)
// 打开检修详情弹框
dialogFormVisibleSettleRepair.value = true
}
const settleWordTitle = ref('')
const dialogFormVisibleSettleWord: any = ref(false)
//租赁协议
const handleViewWord = () => {
settleWordTitle.value = '租赁协议'
console.log(12313131)
moneyParams1.value = {
/* 设备状态 */
maStatus: 15,
detectionList: [],
insureList: [],
picList: []
}
// 打开租赁协议弹框
dialogFormVisibleSettleWord.value = true
}
</script>
<template>
@ -711,17 +731,17 @@ const dialogFormVisibleSettleRepair: any = ref(false)
</el-row>
</el-form>
<div class="cart-tbody" v-for="(item, index) in cardList" :key="index">
<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">
<!-- <div style="text-align: center">
<el-checkbox
:key="numberTemp"
v-model="item.isChecked"
@change="onChangeCompany($event, index, item)"
>
</el-checkbox>
</div>
</div> -->
</el-col>
<el-col :span="22">
<el-row>
@ -757,7 +777,7 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<el-button
v-if="item.orderStatus == '2'"
class="item"
type="success"
type="primary"
size="mimi"
@click="confirmPass(index)"
>出库</el-button
@ -765,10 +785,10 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<el-button
v-if="item.orderStatus == '2'"
class="item"
type="danger"
type="primary"
size="mimi"
@click="confirmFail(index)"
>驳回</el-button
>取消</el-button
>
</div>
</el-col>
@ -806,87 +826,94 @@ const dialogFormVisibleSettleRepair: any = ref(false)
</el-col>
</el-row>
<el-row class="cart-list" v-for="(goods, j) in item.detailsList" :key="j">
<el-col :span="1">
<div style="text-align: center">
<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>
</div> -->
</el-col>
<el-col :span="6" class="goods-info">
<el-col :span="6">
<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>租金：{{ goods.dayLeasePrice }}{{ ' ' + '元/天' }}</div>
<div>数量：{{ goods.num }}{{ ' ' + '台' }}</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">
<el-col :span="3" >
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">
总费用
</div>
<div class="red-font">{{ goods.costs }}</div>
<div class="red-font">{{ item.cost }}</div>
</el-col>
<el-col :span="4">
<el-col :span="4" >
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">租期</div>
<div style="color: black; font-weight: bold">
{{ goods.rentBeginTime }}
{{ item.startTime }}
</div>
<div style="margin-top: 3px; margin-bottom: 3px">{{ '至' }}</div>
<div style="color: black; font-weight: bold">{{ goods.rentEndTime }}</div>
<div style="color: black; font-weight: bold">{{ item.endTime }}</div>
</el-col>
<el-col :span="4">
<el-col :span="4" >
<div
v-if="goods.orderStatus == '2'"
v-if="item.orderStatus == '2'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: blue"
>
{{ '待出库' }}
</div>
<div
v-if="goods.orderStatus == '3'"
v-if="item.orderStatus == '3'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #C76F60"
>
{{ '待收货' }}
</div>
<div
v-if="goods.orderStatus == '4' && isExpired(goods)"
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="goods.orderStatus == '4' && !isExpired(goods)"
v-if="item.orderStatus == '4' && !isExpired(item)"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #008D06"
>
{{ '租赁中' }}
</div>
<div
v-if="goods.orderStatus == '5'"
v-if="item.orderStatus == '5'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #5B33CC"
>
{{ '已退租' }}
</div>
<div
v-if="goods.orderStatus == '6'"
v-if="item.orderStatus == '6'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #C00017"
>
{{ '已完成' }}
</div>
<div
v-if="goods.orderStatus == '7'"
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-col>
<el-col :span="5">
<div>
<el-button
@click="handleViewOrder(j, item.detailsList[j])"
@click="handleViewOrder(j, item)"
type="primary"
size="small"
style="color: #blue; font-weight: bold"
@ -894,7 +921,7 @@ const dialogFormVisibleSettleRepair: any = ref(false)
订单详情
</el-button>
<el-button
@click="handleViewOrder(j)"
@click="handleViewWord(j)"
type="primary"
size="small"
style="color: #blue; font-weight: bold"
@ -902,7 +929,7 @@ const dialogFormVisibleSettleRepair: any = ref(false)
租赁协议
</el-button>
<el-button
v-if="goods.orderStatus=='5'"
v-if="item.orderStatus=='5'"
@click="handleViewBack(j)"
type="primary"
size="small"
@ -911,7 +938,7 @@ const dialogFormVisibleSettleRepair: any = ref(false)
退租检修
</el-button>
<el-button
v-if="goods.orderStatus=='5'"
v-if="item.orderStatus=='5'"
@click="handleViewMoney(j)"
type="primary"
size="small"
@ -920,7 +947,7 @@ const dialogFormVisibleSettleRepair: any = ref(false)
费用结算
</el-button>
<el-button
v-if="goods.orderStatus=='6'"
v-if="item.orderStatus=='6'"
@click="handleViewRepair(j)"
type="primary"
size="small"
@ -929,7 +956,7 @@ const dialogFormVisibleSettleRepair: any = ref(false)
检修详情
</el-button>
<el-button
v-if="goods.orderStatus=='6'"
v-if="item.orderStatus=='6'"
@click="handleViewList(j)"
type="primary"
size="small"
@ -938,7 +965,7 @@ const dialogFormVisibleSettleRepair: any = ref(false)
费用清单
</el-button>
</div>
</el-col>
</el-col>
</el-row>
</div>
<PagingComponent
@ -1330,8 +1357,8 @@ const dialogFormVisibleSettleRepair: any = ref(false)
style="
margin-top: 10px;
margin-left: 180px;
margin-bottom: 5px;
font-size: 18px;
margin-bottom: 7px;
font-size: 16px;
"
>
设备：{{ index + 1 }}
@ -1404,8 +1431,8 @@ const dialogFormVisibleSettleRepair: any = ref(false)
style="
margin-top: 10px;
margin-left: 180px;
margin-bottom: 5px;
font-size: 18px;
margin-bottom: 7px;
font-size: 16px;
"
>
设备：{{ index + 1 }}
@ -1474,8 +1501,8 @@ const dialogFormVisibleSettleRepair: any = ref(false)
style="
margin-top: 10px;
margin-left: 180px;
margin-bottom: 5px;
font-size: 18px;
margin-bottom: 7px;
font-size: 16px;
"
>
设备：{{ index + 1 }}
@ -1757,6 +1784,27 @@ const dialogFormVisibleSettleRepair: any = ref(false)
</span>
</template>
</el-dialog>
<!-- 租赁协议 -->
<el-dialog
v-model="dialogFormVisibleSettleWord"
:title="settleWordTitle"
width="50%"
:close-on-click-modal="false">
<div >
<img src="@/assets/img/zuLin.png" style="
width: 600px;
height: 600px;
margin-left: 160px;
margin-right: 10px; "/>
</div>
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="closeDialogBtn">关 闭</el-button>
<el-button @click="submitBtn" type="success"> 下载 </el-button>
</span>
</template>
</el-dialog>
</template>
<style lang="scss" scoped>
@ -1891,6 +1939,96 @@ const dialogFormVisibleSettleRepair: any = ref(false)
}
}
.cart-listAll{
margin: 15px 0;
display: flex;
align-items: center;
font-size: 13px;
div {
text-align: center;
}
.cart-list {
margin: 15px 0;
display: flex;
align-items: center;
font-size: 13px;
div {
text-align: center;
}
.goods-info {
display: flex;
align-content: center;
img {
width: 180px;
height: 80px;
}
.goods-code {
margin-left: 110px;
display: flex;
flex-direction: column;
justify-content: space-around;
div {
text-align: left;
}
}
}
.lease-date {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 12px;
}
.red-font {
color: #ff4800;
font-weight: bold;
}
}
.lease-date {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 12px;
}
.red-font {
color: #ff4800;
font-weight: bold;
}
}
}
.cart-tbodyTwo {
background: #dcdfe6;
padding: 8px 12px;
margin: 10px;
.cart-user-info {
display: flex;
align-items: center;
font-size: 13px;
.code,
.orderTime {
padding: 3px 18px;
border: 1px solid #ccc;
}
.czcompanyName {
margin-left: 20px;
border-right: none;
}
}
.cart-list {
margin: 15px 0;
display: flex;