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

订单样式

This commit is contained in:
jjLv 2024-11-28 18:39:53 +08:00
parent 29bc0bdb6f
commit c8bae06b80
4 changed files with 69 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -109,13 +109,13 @@ const time = ref([])
<el-col :span="3"> <el-col :span="3">
<span>订单流程</span> <span>订单流程</span>
</el-col> </el-col>
<el-col :span="2" style="text-align:right;margin-right:20px;font-size: 20px;"> <el-col :span="2" style="text-align:right;margin-right:80px;font-size: 20px;">
<div style="color:green;">{{titleStaus}}</div> <div style="color:green;">{{titleStaus}}</div>
</el-col> </el-col>
</el-row> </el-row>
</el-header> </el-header>
<el-steps class="step" :space="400" :active="orderStatusTemp===7 ? 1 : orderStatusTemp-1" finish-status="success"> <el-steps class="step" :space="600" :active="orderStatusTemp===7 ? 1 : orderStatusTemp-1" finish-status="success">
<el-step :title="getStepTitle(1)" :description="getDescription(1)"></el-step> <el-step :title="getStepTitle(1)" :description="getDescription(1)"></el-step>
<el-step :title="getStepTitle(2)" :description="getDescription(2)"></el-step> <el-step :title="getStepTitle(2)" :description="getDescription(2)"></el-step>
<el-step :title="getStepTitle(3)" :description="getDescription(3)"></el-step> <el-step :title="getStepTitle(3)" :description="getDescription(3)"></el-step>

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

@ -407,7 +407,7 @@ const tableData4: any = ref([
<el-col :span="6"> <el-col :span="6">
<div <div
class="item" class="item"
style="flex-shrink: 0; margin-bottom: 5px; font-size: 12px" style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px; margin-top: 5px;"
> >
<span>订单编号:</span> <span>订单编号:</span>
{{ item.code }} {{ item.code }}
@ -416,7 +416,7 @@ const tableData4: any = ref([
<el-col :span="7"> <el-col :span="7">
<div <div
class="item" class="item"
style="flex-shrink: 0; margin-bottom: 5px; font-size: 12px" style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px; margin-top: 5px;"
> >
<span>下单时间:</span> <span>下单时间:</span>
{{ item.orderTime }} {{ item.orderTime }}
@ -425,19 +425,19 @@ const tableData4: any = ref([
<el-col :span="7"> <el-col :span="7">
<div <div
class="item" class="item"
style="flex-shrink: 0; margin-bottom: 5px; font-size: 12px" style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px; margin-top: 5px;"
> >
<span>装备所属公司:</span> <span>装备所属公司:</span>
{{ item.czcompanyName }} {{ item.czcompanyName }}
</div> </div>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<div style="flex-shrink: 0; margin-bottom: 1px; font-size: 7px"> <div style="flex-shrink: 0; margin-bottom: 1px; font-size: 7px; display: flex;justify-content: center; margin-top: 5px;">
<el-button <el-button
v-if="item.czOrderStatus == '3'" v-if="item.czOrderStatus == '3'"
class="item" class="item"
type="primary" type="success"
size="small" size="mimi"
@click="confirmReceipt(index)" @click="confirmReceipt(index)"
>确认收货</el-button >确认收货</el-button
> >
@ -449,7 +449,7 @@ const tableData4: any = ref([
<el-col :span="6"> <el-col :span="6">
<div <div
class="item" class="item"
style="flex-shrink: 0; margin-bottom: 5px; font-size: 12px" style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px; margin-top: 5px;"
> >
<span>出租方电话:</span> <span>出租方电话:</span>
{{ item.personPhone }} {{ item.personPhone }}
@ -458,7 +458,7 @@ const tableData4: any = ref([
<el-col :span="7"> <el-col :span="7">
<div <div
class="item" class="item"
style="flex-shrink: 0; margin-bottom: 5px; font-size: 12px" style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px; margin-top: 5px;"
> >
<span>承租方电话:</span> <span>承租方电话:</span>
{{ item.phoneNumber }} {{ item.phoneNumber }}
@ -467,7 +467,7 @@ const tableData4: any = ref([
<el-col :span="7"> <el-col :span="7">
<div <div
class="item" class="item"
style="flex-shrink: 0; margin-bottom: 5px; font-size: 12px" style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px; margin-top: 5px;"
> >
<span>承租方地址:</span> <span>承租方地址:</span>
{{ item.companyName }} {{ item.companyName }}
@ -484,8 +484,8 @@ const tableData4: any = ref([
</el-checkbox> </el-checkbox>
</div> </div>
</el-col> </el-col>
<el-col :span="9" class="goods-info"> <el-col :span="6" class="goods-info">
<el-col :span="7"> <el-col :span="6">
<img :src="goods.url" alt="" /> <img :src="goods.url" alt="" />
</el-col> </el-col>
<div class="goods-code"> <div class="goods-code">
@ -495,13 +495,13 @@ const tableData4: any = ref([
<div>数量：{{ goods.num }}{{ ' ' + '台' }}</div> <div>数量：{{ goods.num }}{{ ' ' + '台' }}</div>
</div> </div>
</el-col> </el-col>
<el-col :span="2"> <el-col :span="3">
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px"> <div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">
总费用 总费用
</div> </div>
<div class="red-font">{{ goods.costs }}</div> <div class="red-font">{{ goods.costs }}</div>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="5">
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">租期</div> <div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">租期</div>
<div style="color: black; font-weight: bold"> <div style="color: black; font-weight: bold">
{{ goods.rentBeginTime }} {{ goods.rentBeginTime }}
@ -509,7 +509,7 @@ const tableData4: any = ref([
<div style="margin-top: 3px; margin-bottom: 3px">{{ '至' }}</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">{{ goods.rentEndTime }}</div>
</el-col> </el-col>
<el-col :span="2"> <el-col :span="4">
<div <div
v-if="goods.orderStatus == '2'" v-if="goods.orderStatus == '2'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: blue" style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: blue"
@ -554,20 +554,20 @@ const tableData4: any = ref([
{{ '已驳回' }} {{ '已驳回' }}
</div> </div>
</el-col> </el-col>
<el-col :span="3"> <el-col :span="5">
<div> <div>
<el-button <el-button
@click="handleViewOrder(j, item.detailsList[j])" @click="handleViewOrder(j, item.detailsList[j])"
type="text" type="primary"
size="mini" size="small"
style="color: #blue; font-weight: bold" style="color: #blue; font-weight: bold"
> >
订单详情 订单详情
</el-button> </el-button>
<el-button <el-button
@click="handleViewOrder(j)" @click="handleViewOrder(j)"
type="text" type="primary"
size="mini" size="small"
style="color: #blue; font-weight: bold" style="color: #blue; font-weight: bold"
> >
租赁协议 租赁协议
@ -575,8 +575,8 @@ const tableData4: any = ref([
<el-button <el-button
v-if="goods.orderStatus=='4'" v-if="goods.orderStatus=='4'"
@click="handleViewBack(j,item.detailsList[j])" @click="handleViewBack(j,item.detailsList[j])"
type="text" type="primary"
size="mini" size="small"
style="color: #blue; font-weight: bold" style="color: #blue; font-weight: bold"
> >
发起退租 发起退租
@ -584,8 +584,8 @@ const tableData4: any = ref([
<el-button <el-button
v-if="goods.orderStatus=='6'" v-if="goods.orderStatus=='6'"
@click="handleViewList(j)" @click="handleViewList(j)"
type="text" type="primary"
size="mini" size="small"
style="color: #blue; font-weight: bold" style="color: #blue; font-weight: bold"
> >
费用清单 费用清单
@ -606,7 +606,7 @@ const tableData4: any = ref([
<el-dialog <el-dialog
v-model="dialogFormVisibleSettleList" v-model="dialogFormVisibleSettleList"
:title="settleListTitle" :title="settleListTitle"
width="60%" width="65%"
align-center align-center
:close-on-click-modal="false"> :close-on-click-modal="false">
<div style="height: 80px"> <div style="height: 80px">
@ -904,12 +904,12 @@ const tableData4: any = ref([
align-content: center; align-content: center;
img { img {
width: 140px; width: 180px;
height: 80px; height: 80px;
} }
.goods-code { .goods-code {
margin-left: 70px; margin-left: 110px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;

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

@ -117,13 +117,13 @@ const time = ref([])
<el-col :span="3"> <el-col :span="3">
<span>订单流程</span> <span>订单流程</span>
</el-col> </el-col>
<el-col :span="2" style="text-align:right;margin-right:20px;font-size: 20px;"> <el-col :span="2" style="text-align:right;margin-right:80px;font-size: 20px;">
<div style="color:green;">{{titleStaus}}</div> <div style="color:green;">{{titleStaus}}</div>
</el-col> </el-col>
</el-row> </el-row>
</el-header> </el-header>
<el-steps class="step" :space="400" :active="orderStatusTemp===7 ? 1 : orderStatusTemp-1" finish-status="success"> <el-steps class="step" :space="600" :active="orderStatusTemp===7 ? 1 : orderStatusTemp-1" finish-status="success">
<el-step :title="getStepTitle(1)" :description="getDescription(1)"></el-step> <el-step :title="getStepTitle(1)" :description="getDescription(1)"></el-step>
<el-step :title="getStepTitle(2)" :description="getDescription(2)"></el-step> <el-step :title="getStepTitle(2)" :description="getDescription(2)"></el-step>
<el-step :title="getStepTitle(3)" :description="getDescription(3)"></el-step> <el-step :title="getStepTitle(3)" :description="getDescription(3)"></el-step>

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

@ -728,16 +728,16 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<el-col :span="6"> <el-col :span="6">
<div <div
class="item" class="item"
style="flex-shrink: 0; margin-bottom: 5px; font-size: 12px" style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px; margin-top: 5px;"
> >
<span>订单编号:</span> <span>订单编号:</span>
{{ item.code }} {{ item.code }}
</div> </div>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="6">
<div <div
class="item" class="item"
style="flex-shrink: 0; margin-bottom: 5px; font-size: 12px" style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px; margin-top: 5px;"
> >
<span>下单时间:</span> <span>下单时间:</span>
{{ item.orderTime }} {{ item.orderTime }}
@ -746,27 +746,27 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<el-col :span="7"> <el-col :span="7">
<div <div
class="item" class="item"
style="flex-shrink: 0; margin-bottom: 5px; font-size: 12px" style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px; margin-top: 5px;"
> >
<span>装备所属公司:</span> <span>装备所属公司:</span>
{{ item.czcompanyName }} {{ item.czcompanyName }}
</div> </div>
</el-col> </el-col>
<el-col :span="4"> <el-col :span="5">
<div style="flex-shrink: 0; margin-bottom: 1px; font-size: 7px"> <div style="flex-shrink: 0; margin-bottom: 1px; font-size: 7px; display: flex;justify-content: center; margin-top: 5px;">
<el-button <el-button
v-if="item.orderStatus == '2'" v-if="item.orderStatus == '2'"
class="item" class="item"
type="primary" type="success"
size="small" size="mimi"
@click="confirmPass(index)" @click="confirmPass(index)"
>出库</el-button >出库</el-button
> >
<el-button <el-button
v-if="item.orderStatus == '2'" v-if="item.orderStatus == '2'"
class="item" class="item"
type="primary" type="danger"
size="small" size="mimi"
@click="confirmFail(index)" @click="confirmFail(index)"
>驳回</el-button >驳回</el-button
> >
@ -778,16 +778,16 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<el-col :span="6"> <el-col :span="6">
<div <div
class="item" class="item"
style="flex-shrink: 0; margin-bottom: 5px; font-size: 12px" style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px"
> >
<span>出租方电话:</span> <span>出租方电话:</span>
{{ item.personPhone }} {{ item.personPhone }}
</div> </div>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="6">
<div <div
class="item" class="item"
style="flex-shrink: 0; margin-bottom: 5px; font-size: 12px" style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px"
> >
<span>承租方电话:</span> <span>承租方电话:</span>
{{ item.phoneNumber }} {{ item.phoneNumber }}
@ -796,7 +796,7 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<el-col :span="7"> <el-col :span="7">
<div <div
class="item" class="item"
style="flex-shrink: 0; margin-bottom: 5px; font-size: 12px" style="flex-shrink: 0; margin-bottom: 5px; font-size: 15px"
> >
<span>承租方地址:</span> <span>承租方地址:</span>
{{ item.companyName }} {{ item.companyName }}
@ -813,8 +813,8 @@ const dialogFormVisibleSettleRepair: any = ref(false)
</el-checkbox> </el-checkbox>
</div> </div>
</el-col> </el-col>
<el-col :span="9" class="goods-info"> <el-col :span="6" class="goods-info">
<el-col :span="7"> <el-col :span="6">
<img :src="goods.url" alt="" /> <img :src="goods.url" alt="" />
</el-col> </el-col>
<div class="goods-code"> <div class="goods-code">
@ -824,13 +824,13 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<div>数量：{{ goods.num }}{{ ' ' + '台' }}</div> <div>数量：{{ goods.num }}{{ ' ' + '台' }}</div>
</div> </div>
</el-col> </el-col>
<el-col :span="2"> <el-col :span="3">
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px"> <div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">
总费用 总费用
</div> </div>
<div class="red-font">{{ goods.costs }}</div> <div class="red-font">{{ goods.costs }}</div>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="4">
<div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">租期</div> <div style="font-size: 14px; font-weight: bold; margin-bottom: 10px">租期</div>
<div style="color: black; font-weight: bold"> <div style="color: black; font-weight: bold">
{{ goods.rentBeginTime }} {{ goods.rentBeginTime }}
@ -838,7 +838,7 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<div style="margin-top: 3px; margin-bottom: 3px">{{ '至' }}</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">{{ goods.rentEndTime }}</div>
</el-col> </el-col>
<el-col :span="2"> <el-col :span="4">
<div <div
v-if="goods.orderStatus == '2'" v-if="goods.orderStatus == '2'"
style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: blue" style="font-size: 14px; font-weight: bold; margin-bottom: 10px; color: blue"
@ -883,20 +883,20 @@ const dialogFormVisibleSettleRepair: any = ref(false)
{{ '已驳回' }} {{ '已驳回' }}
</div> </div>
</el-col> </el-col>
<el-col :span="3"> <el-col :span="5">
<div> <div>
<el-button <el-button
@click="handleViewOrder(j, item.detailsList[j])" @click="handleViewOrder(j, item.detailsList[j])"
type="text" type="primary"
size="mini" size="small"
style="color: #blue; font-weight: bold" style="color: #blue; font-weight: bold"
> >
订单详情 订单详情
</el-button> </el-button>
<el-button <el-button
@click="handleViewOrder(j)" @click="handleViewOrder(j)"
type="text" type="primary"
size="mini" size="small"
style="color: #blue; font-weight: bold" style="color: #blue; font-weight: bold"
> >
租赁协议 租赁协议
@ -904,8 +904,8 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<el-button <el-button
v-if="goods.orderStatus=='5'" v-if="goods.orderStatus=='5'"
@click="handleViewBack(j)" @click="handleViewBack(j)"
type="text" type="primary"
size="mini" size="small"
style="color: #blue; font-weight: bold" style="color: #blue; font-weight: bold"
> >
退租检修 退租检修
@ -913,8 +913,8 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<el-button <el-button
v-if="goods.orderStatus=='5'" v-if="goods.orderStatus=='5'"
@click="handleViewMoney(j)" @click="handleViewMoney(j)"
type="text" type="primary"
size="mini" size="small"
style="color: #blue; font-weight: bold" style="color: #blue; font-weight: bold"
> >
费用结算 费用结算
@ -922,8 +922,8 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<el-button <el-button
v-if="goods.orderStatus=='6'" v-if="goods.orderStatus=='6'"
@click="handleViewRepair(j)" @click="handleViewRepair(j)"
type="text" type="primary"
size="mini" size="small"
style="color: #blue; font-weight: bold" style="color: #blue; font-weight: bold"
> >
检修详情 检修详情
@ -931,8 +931,8 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<el-button <el-button
v-if="goods.orderStatus=='6'" v-if="goods.orderStatus=='6'"
@click="handleViewList(j)" @click="handleViewList(j)"
type="text" type="primary"
size="mini" size="small"
style="color: #blue; font-weight: bold" style="color: #blue; font-weight: bold"
> >
费用清单 费用清单
@ -943,8 +943,8 @@ const dialogFormVisibleSettleRepair: any = ref(false)
</div> </div>
<PagingComponent <PagingComponent
@getList="getList" @getList="getList"
:pageSize="pageSize" v-model:pageSize="queryParams.pageSize"
:pageNumber="pageNumber" v-model:currentPage="queryParams.pageNumber"
:total="total" :total="total"
/> />
@ -1216,7 +1216,7 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<el-dialog <el-dialog
v-model="dialogFormVisibleSettlemoney" v-model="dialogFormVisibleSettlemoney"
:title="settlemoneyTitle" :title="settlemoneyTitle"
width="60%" width="65%"
align-center align-center
:close-on-click-modal="false" :close-on-click-modal="false"
> >
@ -1536,7 +1536,7 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<el-dialog <el-dialog
v-model="dialogFormVisibleSettleList" v-model="dialogFormVisibleSettleList"
:title="settleListTitle" :title="settleListTitle"
width="60%" width="65%"
align-center align-center
:close-on-click-modal="false"> :close-on-click-modal="false">
<div style="height: 80px"> <div style="height: 80px">
@ -1689,7 +1689,7 @@ const dialogFormVisibleSettleRepair: any = ref(false)
<el-dialog <el-dialog
v-model="dialogFormVisibleSettleRepair" v-model="dialogFormVisibleSettleRepair"
:title="settleRepairTitle" :title="settleRepairTitle"
width="60%" width="65%"
:close-on-click-modal="false"> :close-on-click-modal="false">
<div style="height: 80px"> <div style="height: 80px">
<div <div
@ -1906,12 +1906,12 @@ const dialogFormVisibleSettleRepair: any = ref(false)
align-content: center; align-content: center;
img { img {
width: 140px; width: 180px;
height: 80px; height: 80px;
} }
.goods-code { .goods-code {
margin-left: 70px; margin-left: 110px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;