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

共享管理

This commit is contained in:
lSun 2026-01-22 14:29:31 +08:00
parent c98c012287
commit 15bf303f66
9 changed files with 98 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/equipCardHall/index.vue
View File

@ -11,19 +11,24 @@
</span>
</li>
<li style="color: #b6b6b6; font-size: 14px">{{ company }}</li>
<li style="color: #b6b6b6; font-size: 14px">
<el-icon style="margin-right: 3px; color: #25ac9c"><PhoneFilled /></el-icon>
<span>{{ person }}：</span> {{ personPhone }}
<li style="color: #b6b6b6; font-size: 14px;justify-content: space-between">
<div>
<el-icon style="margin-right: 3px; color: #25ac9c"><PhoneFilled /></el-icon>
<span>{{ person }}：</span> {{ personPhone }}
</div>
<div style="margin: 10px 0; text-align: right">
<span style="text-align: right; color: #FF5129" v-if="isShowPrice">
<i style="font-size: 14px">￥</i>
<i style="font-size: 18px; font-weight: bold">{{ price == 0 ? '电话商议' : price }}</i>
<i v-if="price > 0" style="font-size: 14px">{{isOperator == 1 ? '(含机手)' : ''}}/ 天</i>
</span>
</div>
</li>
</ul>
<div style="margin: 10px 0; padding-right: 15px; text-align: right">
<span style="text-align: right; color: #ff4800" v-if="isShowPrice">
<i style="font-size: 14px">￥</i>
<i style="margin: 0 6px; font-size: 18px; font-weight: bold">{{ price == 0 ? '电话商议' : price }}</i>
<i v-if="price > 0" style="font-size: 14px">{{isOperator == 1 ? '(含机手)' : ''}}/ 天</i>
</span>
</div>
</div>
</template>
<script lang="ts" setup>
@ -166,10 +171,11 @@ isShowPriceFun()
font-size: 14px;
margin-left: 20px;
padding: 4px 10px;
color: #005af2;
color: #34E2C7;
line-height: 22px;
border-radius: 4px;
background-color: #fff;
border: 1px solid #005af2;
border: 1px solid #34E2C7;
}
}
.item-details li {

10
src/layout/header.vue
View File

@ -877,14 +877,14 @@ onUnmounted(() => {
.dropdown-list {
position: absolute;
// 基于输入框左侧定位，通过 padding-left 调整
left: 100px;
left: 100px;
// 基于输入框右侧定位，通过减去按钮宽度调整
right: 105px;
top: calc(100% - 5px);
right: 105px;
top: calc(100% - 5px);
background-color: #fff;
border: 1px solid #ccc;
border-top: none;
border-radius: 0 0 27px 27px;
border-radius: 0 0 27px 27px;
z-index: 999;
max-height: 200px;
overflow-y: auto;
@ -992,7 +992,7 @@ onUnmounted(() => {
height: 43px;
transform: translate(-5px, 5px);
border-radius: 43px;
background: linear-gradient(132deg, #22ab9b 0%, #0d7462 100%);
background: linear-gradient( 270deg, #24B1B7 0%, #34C3AC 100%);;
box-shadow: 0px 2px 4px 0px rgba(20, 175, 255, 0.5);
border: none;
color: #fff;

16
src/style/scss/common.scss
View File

@ -1,15 +1,15 @@
.primary-lease {
--el-color-primary:#00a288;
--el-color-primary-light-3:#00ad9d;
--el-color-primary-dark-2:#00ad9d;
--el-color-primary-light-5:#78d3cb;
--el-text-color-primary:#00a288;
--el-color-primary:#2CBAB2;
--el-color-primary-light-3:#2CBAB2;
--el-color-primary-dark-2:#2CBAB2;
--el-color-primary-light-5:#2CBAB2;
--el-text-color-primary:#2CBAB2;
}
:root {
--el-color-primary:#00a288;
--el-color-primary-light-3:#00ad9d;
--el-color-primary:#2CBAB2;
--el-color-primary-light-3:#2CBAB2;
}

23
src/views/cart/index.vue
View File

@ -1,9 +1,9 @@
<template>
<div style="display: flex; flex-direction: column; height: 100vh">
<div style="width: 100%; background-color: #f5f5f5">
<div style="width: 100%; background-color: #f5f5f5;">
<Header class="wapper" />
</div>
<div class="container">
<div class="container" style='padding-left:20px; '>
<el-breadcrumb separator="/" class="primary-lease">
<el-breadcrumb-item :to="{ path: '/equipList' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>预约车</el-breadcrumb-item>
@ -104,7 +104,7 @@
<el-button
type="primary"
size="small"
style="margin-left: 35px"
style="margin-left: 35px;background: #2CBAB2;height: 34px;"
@click="handleAddress"
>新增地址</el-button
>
@ -336,7 +336,7 @@
</el-col>
<el-col :span="3">
<div>
共：<span style="color: #ff4800; font-weight: bold">{{
共：<span style="color: #2CBAB2; font-weight: bold">{{
amountDevice
}}</span>
件装备
@ -1152,13 +1152,13 @@ isShowPriceFun()
.cart-title div:first-child {
width: 5px;
height: 20px;
background-color: #00a288;
background-color: #34E2C7;
}
.cart-th {
padding: 15px 0;
font-size: 18px;
background-color: #58b99e;
background-color: #2CBAB2;
div {
text-align: center;
display: flex;
@ -1279,7 +1279,7 @@ isShowPriceFun()
}
.red-font {
color: #ff4800;
color: #2CBAB2 !important;
font-weight: bold;
}
}
@ -1329,4 +1329,13 @@ isShowPriceFun()
background-color: #2fa18f !important;
border-color: #2fa18f !important;
}
:deep .date-picker-button{
background-color: #2CBAB2 !important;
}
.date-picker-button{
background-color: #2CBAB2 !important;
}
</style>

57
src/views/equip/detail.vue
View File

@ -20,7 +20,7 @@
<div class="img-slide">
<div class="btn" @click="onPrevImg">
<el-icon><ArrowLeftBold /></el-icon>
<img src='../equip/right.png'>
</div>
<div class="img-slide-container">
<div
@ -38,7 +38,7 @@
</div>
</div>
<div class="btn" @click="onNextImg">
<el-icon><ArrowRightBold /></el-icon>
<img src='../equip/left.png'>
</div>
</div>
</div>
@ -110,8 +110,8 @@
{{ pageData.dayLeasePrice !== 0 ? `￥${pageData.dayLeasePrice}${ pageData.isOperator == 1 ? '(含机手)' : '' }/天` : '￥电话商议' }}
</div>
</div>
<div class="phone" style="margin-top: 100px; margin-right: 30px">
<svg class="icon" aria-hidden="true" style="width: 24px; height: 24px">
<div class="phone" style="margin-top: 220px; margin-right: 30px">
<svg class="icon" aria-hidden="true" style="width: 24px; height: 24px;color: #2CBAB2">
<use xlink:href="#icon-dianhua"></use>
</svg>
<div style="font-size: 30px">{{ pageData.personPhone }}</div>
@ -145,7 +145,10 @@
</div>
<div class="detail">
<div class="publicTitle">设备详情</div>
<div class="publicTitle">
<span class="title-line"></span>
设备详情
</div>
<!-- <div class="publicLine"></div> -->
<div class="list publicContent">
<!-- 动态渲染两栏布局 -->
@ -183,7 +186,7 @@
</div>
<div class="appearance">
<div class="publicTitle">装备外观</div>
<div class="publicTitle"> <span class="title-line"></span>装备外观</div>
<div class="urlList">
<img
:src="v.fileUrl"
@ -197,7 +200,7 @@
<div class="appearance">
<div
class="publicTitle"
>
><span class="title-line"></span>
证书展示
</div>
<div v-if="!pageData.insurancePdf || pageData.insurancePdf.length == 0" style="margin-top: 10px">暂无相关证书</div>
@ -278,12 +281,12 @@
</div>
</div>
<div class="appearance">
<div class="publicTitle">检测记录</div>
<div class="publicTitle"><span class="title-line"></span>检测记录</div>
<div class="rental-record">
<el-table
:data="pageData.qcList"
style="width: 100%"
:header-cell-style="{ background: '#00a288', color: '#fff' }"
:header-cell-style="{ background: '#2CBAB2', color: '#fff' }"
>
<el-table-column align="center" type="index" label="序号" width="80" />
<el-table-column align="center" prop="qcTime" label="检测日期" />
@ -319,12 +322,12 @@
</div>
</div>
<div class="appearance">
<div class="publicTitle">出租记录</div>
<div class="publicTitle"><span class="title-line"></span>出租记录</div>
<div class="rental-record">
<el-table
:data="pageData.leaseList"
style="width: 100%"
:header-cell-style="{ background: '#00a288', color: '#fff' }"
:header-cell-style="{ background: '#2CBAB2', color: '#fff' }"
>
<el-table-column align="center" type="index" label="序号" width="80" />
<el-table-column align="center" prop="orderCode" label="订单号" />
@ -1464,7 +1467,7 @@ onMounted(() => {
font-size: 18px;
font-weight: 800;
font-family: Microsoft YaHei;
color: #ff4800;
color: #FF5129;
text-align: right;
span {
@ -1486,7 +1489,7 @@ onMounted(() => {
width: 100%;
margin-top: 10px;
// height: 147px;
background: #f7f9fa;
background: #F5F5F5;
border-radius: 15px;
position: relative;
box-sizing: border-box;
@ -1544,7 +1547,7 @@ onMounted(() => {
}
}
.publicTitle {
/* .publicTitle {
font-size: 18px;
font-family: PingFangSC, PingFang SC;
color: #fff;
@ -1559,7 +1562,25 @@ onMounted(() => {
display: flex;
align-items: center;
justify-content: center;
}*/
.publicTitle {
font-size: 18px;
font-family: PingFangSC, PingFang SC;
color: #3F3F3F; /* 文字颜色调整为深灰 */
display: flex;
align-items: center;
padding-left: 10px; /* 让文字与竖线有一定间距 */
.title-line {
width: 6px;
height: 24px;
background: #34E2C7; /* 竖线颜色，与你图中一致 */
margin-right: 10px;
border-radius: 0px;
}
}
.publicLine {
width: 100%;
height: 12px;
@ -1591,7 +1612,7 @@ onMounted(() => {
}
.detail .list {
border: 1px solid #ccc;
border: 0px solid #ccc;
border-bottom: none; /* 由.row控制底部边框 */
}
.list.publicContent {
@ -1607,14 +1628,14 @@ onMounted(() => {
.detail .list .row {
display: flex;
width: 100%;
border-bottom: 1px solid #ccc;
border-bottom: 0px solid #ccc;
}
/* 单元格容器 */
.detail .list .item {
display: flex;
width: 50%; /* 两栏平分 */
border-right: 1px solid #ccc;
border-right: 0px solid #ccc;
}
/* 最后一列的右边框移除 */
@ -1626,7 +1647,7 @@ onMounted(() => {
.detail .list .label {
color: #8e8e8e;
width: 35%; /* 根据内容调整 */
background-color: #f3f6f8;
background-color: #F5F5F5;
padding: 20px 10px;
font-size: 18px;
flex-shrink: 0;

BIN
src/views/equip/left.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

19
src/views/equip/list.vue
View File

@ -578,7 +578,7 @@ const changeDropdown = (sort: any, val: any) => {
optionActive.value = 0
val.sort = val.sort == 'ASC' ? 'DESC' : 'ASC'
setTimeout(() => {
getDeviceListData()
getDeviceListData()
}, 200)
}
@ -768,7 +768,7 @@ const onHandleDetails = (row: any) => {
.screen {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
border-bottom: 1px solid #F0F0F0;
.choose {
margin-top: 10px;
@ -811,7 +811,7 @@ const onHandleDetails = (row: any) => {
}
.active {
background-color: #3cb4a6;
background-color: #2CBAB2;
color: #fff !important;
border-radius: 25px;
}
@ -827,12 +827,14 @@ const onHandleDetails = (row: any) => {
.clear-btn {
cursor: pointer;
color: #2CBAB2;
}
.el-tag {
background-color: #fff;
border: 1px solid #138472;
color: #138472;
border: 1px solid #2CBAB2;
color: #2CBAB2;
padding: 15px 15px;
}
:deep .el-tag .el-tag__close {
color: #138472;
@ -842,7 +844,7 @@ const onHandleDetails = (row: any) => {
}
.active {
color: #138472 !important;
color: #ffffff !important;
font-weight: bold !important;
}
@ -852,13 +854,13 @@ const onHandleDetails = (row: any) => {
// margin-top: 20px;
.item {
background: #f7f9fa;
background: #2CBAB2;
border-radius: 12px;
padding: 10px 20px;
// font-size: 17px;
font-weight: 500;
color: #9d9d9d;
color: #FFFFFF;
margin-right: 10px;
cursor: pointer;
user-select: none;
@ -882,7 +884,6 @@ const onHandleDetails = (row: any) => {
&:nth-child(4n) {
margin-right: 0;
}
margin-bottom: 15px !important;
}
}

BIN
src/views/equip/right.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

4
src/views/user/sourcingNeed/index.vue
View File

@ -99,14 +99,14 @@
show-overflow-tooltip
:header-cell-style="{
color: '#fff',
background: '#00a288',
background: '#2CBAB2',
}"
>
<el-table-column align="center" label="序号" type="index" width="80" />
<el-table-column align="center" label="需求编号">
<template #default="{ row }">
<a
style="cursor: pointer; color: #00a288; text-decoration: underline"
style="cursor: pointer; color: #2CBAB2; text-decoration: underline"
@click="router.push({ name: 'demand-details', query: { id: row.id } })"
>
{{ row.leaseCode }}