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

样式优化

This commit is contained in:
BianLzhaoMin 2024-12-03 09:16:20 +08:00
parent 676edb43bd
commit 59e5b61c81
15 changed files with 618 additions and 467 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components.d.ts vendored
View File

@ -8,20 +8,34 @@ export {}
declare module 'vue' {
export interface GlobalComponents {
Breadcrumb: typeof import('./src/components/Breadcrumb/index.vue')['default']
ElBadge: typeof import('element-plus/es')['ElBadge']
ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb']
ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem']
ElButton: typeof import('element-plus/es')['ElButton']
ElCarousel: typeof import('element-plus/es')['ElCarousel']
ElCarouselItem: typeof import('element-plus/es')['ElCarouselItem']
ElCascader: typeof import('element-plus/es')['ElCascader']
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']
ElForm: typeof import('element-plus/es')['ElForm']
ElFormItem: typeof import('element-plus/es')['ElFormItem']
ElIcon: typeof import('element-plus/es')['ElIcon']
ElImage: typeof import('element-plus/es')['ElImage']
ElInput: typeof import('element-plus/es')['ElInput']
ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
ElMenu: typeof import('element-plus/es')['ElMenu']
ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
ElOption: typeof import('element-plus/es')['ElOption']
ElPagination: typeof import('element-plus/es')['ElPagination']
ElPopconfirm: typeof import('element-plus/es')['ElPopconfirm']
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']
ElSelect: typeof import('element-plus/es')['ElSelect']
ElTable: typeof import('element-plus/es')['ElTable']

2
src/components/Breadcrumb/index.vue
View File

@ -1,5 +1,5 @@
<template>
<el-breadcrumb separator="/">
<el-breadcrumb separator="/" class="primary-lease">
<el-breadcrumb-item :to="{ path: backPath }">{{ backName }}</el-breadcrumb-item>
<el-breadcrumb-item>{{ currentName }}</el-breadcrumb-item>
</el-breadcrumb>

4
src/components/equipCardNew/index.vue
View File

@ -19,8 +19,8 @@
<li>
<span>{{ company }}</span>
<el-button
:style="isType == 1 ? 'opacity:0.5' : ''"
class="lessee-btn"
class="primary-lease"
type="primary"
:disabled="isType == 1"
@click.stop="onHandelLessee"
>立即承租</el-button

2
src/components/header/index.vue
View File

@ -272,7 +272,7 @@ const onCarts = () => {
div:hover {
color: #fff;
background-color: #1967d2;
background-color: #00a288;
}
}

2
src/layout/header.vue
View File

@ -368,7 +368,7 @@ const onCarts = () => {
div:hover {
color: #fff;
background-color: #1967d2;
background-color: #00a288;
}
}

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

@ -2,10 +2,12 @@
--el-color-primary:#00a288;
--el-color-primary-light-3:#00ad9d;
--el-color-primary-dark-2:#00ad9d;
--el-color-primary-light-5:#78d3cb
--el-color-primary-light-5:#78d3cb;
--el-text-color-primary:#00a288;
}
:root {
--el-color-primary:#00a288;
--el-color-primary-light-3:#00ad9d;
}

9
src/views/Login.vue
View File

@ -110,11 +110,18 @@ const handlerLogin = async () => {
</div>
</el-form-item>
<el-form-item>
<el-button
<!-- <el-button
style="background-color: #009a91; padding: 20px 0"
type="primary"
@click="handlerLogin"
>立 即 登 录</el-button
> -->
<el-button
style="padding: 20px 0"
class="primary-lease"
type="primary"
@click="handlerLogin"
>立 即 登 录</el-button
>
</el-form-item>
<!-- <el-form-item class="forget-password">

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

@ -1,7 +1,7 @@
<template>
<Header />
<div class="container">
<el-breadcrumb separator="/">
<el-breadcrumb separator="/" class="primary-lease">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>预约车</el-breadcrumb-item>
</el-breadcrumb>
@ -468,6 +468,7 @@ const onCartSubmit = async () => {
width: 1200px;
margin: 0 auto;
padding: 10px;
min-height: 550px;
background: #eeeff6;
font-size: 14px;
@ -484,7 +485,7 @@ const onCartSubmit = async () => {
.cart-title div:first-child {
width: 5px;
height: 20px;
background-color: #4fabfe;
background-color: #00a288;
}
.cart-th {

5
src/views/demand-details/index.vue
View File

@ -75,7 +75,10 @@
</div>
</div>
<div style="text-align: right">
<el-button type="primary" round icon="ChatDotRound">在线聊</el-button>
<!-- <el-button type="primary" round icon="ChatDotRound">在线聊</el-button> -->
<el-button type="primary" class="primary-lease" round icon="ChatDotRound"
>在线聊</el-button
>
</div>
<div style="text-align: right">
<el-button

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

@ -42,7 +42,7 @@
</div>
<div class="viewNnum">
<div>浏览 {{ pageData.searchNum }}</div>
<div style="color: #409eff; display: flex; align-items: center">
<div style="color: #00a288; display: flex; align-items: center">
<Location style="width: 1em; height: 1em; margin-right: 8px" />
安徽省合肥市蜀山区
</div>
@ -68,25 +68,27 @@
<div class="options">
<div>
<el-button
<!-- <el-button
class="item_btn"
type="primary"
:disabled="pageData.isBookCar == 0 || isType == 1"
@click="onAddCart"
>加入预约车</el-button
> -->
<el-button
class="primary-lease"
type="primary"
:disabled="pageData.isBookCar == 0 || isType == 1"
@click="onAddCart"
>加入预约车</el-button
>
</div>
<div>
<el-button
class="item_btn applyFor"
class="item_btn applyFor primary-lease"
type="primary"
:disabled="pageData.isBookCar == 0 || isType == 1"
:style="
pageData.isBookCar == 0 || isType == 1
? 'opacity:0.5'
: ''
"
style="background-color: #1abc9c"
@click="onHandelLessee"
>
立即承租
@ -110,7 +112,13 @@
<div style="font-size: 20px">{{ pageData.personPhone }}</div>
</div>
<div style="text-align: right">
<el-button type="primary" round icon="ChatDotRound">在线聊</el-button>
<el-button
round
type="primary"
class="primary-lease"
icon="ChatDotRound"
>在线聊</el-button
>
</div>
</div>
</div>
@ -183,7 +191,11 @@
<div class="appearance">
<div class="publicTitle">出租记录</div>
<div class="rental-record">
<el-table :data="pageData.leaseList" border style="width: 100%">
<el-table
:data="pageData.leaseList"
style="width: 100%"
:header-cell-style="{ background: '#00a288', color: '#fff' }"
>
<el-table-column align="center" type="index" label="序号" width="80" />
<el-table-column align="center" prop="orderCode" label="订单号" />
<el-table-column align="center" prop="leaseName" label="租赁方" />

5
src/views/home/index.vue
View File

@ -278,7 +278,7 @@ const onSelectItem = (type: number) => {
}
"
style="
color: #4296b1;
color: #00a288;
font-weight: bold;
text-decoration: underline;
font-size: 16px;
@ -435,7 +435,8 @@ const onSelectItem = (type: number) => {
color: #333;
}
div:hover {
color: #38b2a4;
color: #fff;
background-color: #00a288;
}
}
}

6
src/views/user/accept-orders/index.vue
View File

@ -71,8 +71,10 @@
</el-row>
<el-form-item>
<el-button @click="getLeaseListData" type="primary">查询</el-button>
<el-button @click="onReset">重置</el-button>
<el-button @click="getLeaseListData" type="primary" class="primary-lease"
>查询</el-button
>
<el-button @click="onReset" type="primary" class="primary-lease">重置</el-button>
<!-- <el-button
@click="
() => {

17
src/views/user/goodsManagement/index.vue
View File

@ -877,13 +877,17 @@ const handleRemove = (list: any, index: Number) => {
:title="settleinTitle"
width="65%"
align-center
destroy-on-close
:close-on-click-modal="false"
:before-close="handleClose"
>
<el-row :gutter="10" class="mb8" style="display: flex; align-items: center">
<el-button type="" @click="closeDialogBtn"> 关 闭 </el-button>
<el-button type="primary" class="primary-lease" @click="closeDialogBtn">
关 闭
</el-button>
<el-button
type="warning"
type="primary"
class="primary-lease"
@click="saveTemp"
v-if="
!equipmentDeploymentParams.maStatus || equipmentDeploymentParams.maStatus == 0
@ -891,7 +895,12 @@ const handleRemove = (list: any, index: Number) => {
>
草 稿
</el-button>
<el-button type="primary" @click="submitBtn" v-if="!disabledForm || isEditDisabled">
<el-button
type="primary"
class="primary-lease"
@click="submitBtn"
v-if="!disabledForm || isEditDisabled"
>
提 交
</el-button>
</el-row>
@ -1372,7 +1381,7 @@ const handleRemove = (list: any, index: Number) => {
display: inline-block;
width: 4px;
height: 16px;
background: #409eff;
background: #00a288;
}
.title-text {
font-weight: 700;

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

File diff suppressed because it is too large Load Diff

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

@ -71,8 +71,10 @@
</el-row>
<el-form-item>
<el-button @click="getLeaseListData" type="primary">查询</el-button>
<el-button @click="onReset">重置</el-button>
<el-button @click="getLeaseListData" type="primary" class="primary-lease"
>查询</el-button
>
<el-button @click="onReset" type="primary" class="primary-lease">重置</el-button>
<el-button
@click="
() => {
@ -81,7 +83,8 @@
dialogTitle = '新增'
}
"
style="background-color: #17907f; color: #fff"
type="primary"
class="primary-lease"
>
需求新建
</el-button>
@ -93,8 +96,8 @@
:data="leaseList"
show-overflow-tooltip
:header-cell-style="{
background: '#fafafa',
color: '#333',
background: '#00a288',
color: '#fff',
}"
>
<el-table-column align="center" label="序号" type="index" width="80" />
@ -119,6 +122,7 @@
<el-button
text
size="small"
class="primary-lease"
type="primary"
v-if="row.leaseStatus === 2"
@click="onRepublish(row.id, true)"
@ -134,11 +138,22 @@
v-if="row.leaseStatus != 1"
>
<template #reference>
<el-button size="small" text type="danger"> 删除 </el-button>
<el-button size="small" text type="primary" class="primary-lease">
删除
</el-button>
</template>
<template #actions="{ confirm }">
<el-button size="small">取消</el-button>
<el-button type="danger" size="small" @click="confirm()"> 确定 </el-button>
<el-button type="primary" class="primary-lease" size="small"
>取消</el-button
>
<el-button
class="primary-lease"
type="primary"
size="small"
@click="confirm()"
>
确定
</el-button>
</template>
</el-popconfirm>
</template>
@ -369,9 +384,16 @@
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button @click="onCancel">取消</el-button>
<el-button type="primary" @click="onSubmit(false)" v-if="isSave"> 保存 </el-button>
<el-button type="primary" @click="onSubmit(true)"> 提交 </el-button>
<el-button type="primary" class="primary-lease" @click="onCancel">取消</el-button>
<el-button
type="primary"
class="primary-lease"
@click="onSubmit(false)"
v-if="isSave"
>
保存
</el-button>
<el-button class="primary-lease" @click="onSubmit(true)"> 提交 </el-button>
</div>
</template>
</el-dialog>