样式优化

components.d.ts

@@ -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']

src/components/Breadcrumb/index.vue

@@ -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>

src/components/equipCardNew/index.vue

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

src/components/header/index.vue

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

src/layout/header.vue

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

src/style/scss/common.scss

@@ -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;
 }

src/views/Login.vue

@@ -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">

src/views/cart/index.vue

@@ -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 {

src/views/demand-details/index.vue

@@ -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

src/views/equip/detail.vue

@@ -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="租赁方" />

src/views/home/index.vue

@@ -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;
                     }
                 }
             }

src/views/user/accept-orders/index.vue

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

src/views/user/goodsManagement/index.vue

@@ -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;

src/views/user/sourcingNeed/index.vue

@@ -71,8 +71,10 @@
         </el-row>
 
         <el-form-item>
-            <el-button @click="getLeaseListData" type="primary">查询</el-button>
+            <el-button @click="getLeaseListData" type="primary" class="primary-lease"
-            <el-button @click="onReset">重置</el-button>
+                >查询</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',
+            background: '#00a288',
-            color: '#333',
+            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="primary" class="primary-lease" size="small"
-                        <el-button type="danger" size="small" @click="confirm()"> 确定 </el-button>
+                            >取消</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" class="primary-lease" @click="onCancel">取消</el-button>
-                <el-button type="primary" @click="onSubmit(false)" v-if="isSave"> 保存 </el-button>
+                <el-button
-                <el-button type="primary" @click="onSubmit(true)"> 提交 </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>