From 71fc2c24359c747c84b92fa45f542141e5678eb2 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 13 六月 2022 17:29:58 +0800
Subject: [PATCH] 1.项目全局配置（部分）
---
src/views/zzmx/gylx.vue | 97 +++++++++++++++++++++++++-----------------------
1 files changed, 51 insertions(+), 46 deletions(-)
diff --git a/src/views/zzmx/gylx.vue b/src/views/zzmx/gylx.vue
index deca4b5..2e33e49 100644
--- a/src/views/zzmx/gylx.vue
+++ b/src/views/zzmx/gylx.vue
@@ -22,7 +22,8 @@
</div>
<div style="display: flex;">
<el-button type="primary" icon="el-icon-search" @click="search">鏌ヨ</el-button>
- <el-button type="text" style="display: flex;align-items: start;padding-top: 10px;" @click="reset">閲嶇疆</el-button>
+ <el-button type="text" style="display: flex;align-items: start;padding-top: 10px;" @click="reset">閲嶇疆
+ </el-button>
</div>
</el-form>
<div style="display: flex;justify-content: space-between">
@@ -46,9 +47,8 @@
<el-table
:data="tableData1"
style="width: 100%;border: 1px solid #eee"
- :header-cell-style="headerCellStyle"
- :header-row-style="headerRowStyle"
- :cell-style="cellStyle"
+ :header-cell-style="this.$headerCellStyle"
+ :cell-style="this.$cellStyle"
>
<el-table-column type="selection">
<!-- <template slot-scope="{row}">-->
@@ -59,8 +59,8 @@
<!-- </template>-->
</el-table-column>
<el-table-column label="宸ヨ壓璺嚎" prop="gylx" />
- <el-table-column label="鐗╂枡缂栫爜" prop="wlbm" />
- <el-table-column label="鐗╂枡鍚嶇О" prop="wlmc" />
+ <el-table-column show-overflow-tooltip label="鐗╂枡缂栫爜" prop="wlbm" />
+ <el-table-column show-overflow-tooltip label="鐗╂枡鍚嶇О" prop="wlmc" />
<el-table-column label="鐗╂枡瑙勬牸" prop="wlgg" />
<el-table-column label="缁撴潫瑁呯" prop="jszx">
<template slot-scope="{row}">
@@ -87,8 +87,8 @@
border
height="500px"
style="width: 100%;"
- :header-cell-style="headerCellStyle"
- :cell-style="cellStyle"
+ :header-cell-style="this.$headerCellStyle"
+ :cell-style="this.$cellStyle"
>
<el-table-column label="" prop="" type="index" />
<el-table-column label="宸ュ簭缂栫爜" prop="gxbm" />
@@ -128,7 +128,7 @@
<div>
<el-steps
style="display:flex;
- margin-top: -25px;
+ margin-top: -25px;
justify-content: center;"
:space="400"
:active="3"
@@ -203,6 +203,7 @@
<script>
import Pagination from '@/components/Pagination'
+import { cellStyle } from '@/utils/global'
export default {
name: 'Gylx',
@@ -340,6 +341,7 @@
}
},
created() {
+
},
methods: {
// 瀵煎叆
@@ -365,7 +367,7 @@
// })
},
// 瀵煎嚭
- async downLoad() {
+ async downLoad() {
// const res = await downFile(row.id)
// if (res) {
// // console.log(res)
@@ -433,22 +435,22 @@
this.form.wlbm = ''
this.form.wlmc = ''
},
- // 澶勭悊琛ㄥご鍗曞厓鏍兼牱寮�
- headerCellStyle() {
- const option = {
- background: '#eee', padding: '5px 0'
- // border: '1px solid #fff'
- }
- return option
- },
- // 澶勭悊琛ㄥご琛屾牱寮�
- headerRowStyle() {
-
- },
- // 澶勭悊琛ㄦ牸鍗曞厓鏍兼牱寮�
- cellStyle() {
- return { padding: '5px 0' }
- },
+ // // 澶勭悊琛ㄥご鍗曞厓鏍兼牱寮�
+ // headerCellStyle() {
+ // const option = {
+ // background: '#eee', padding: '5px 0'
+ // }
+ // return option
+ // },
+ // // 澶勭悊琛ㄥご琛屾牱寮�
+ // headerRowStyle() {
+ //
+ // },
+ // // 澶勭悊琛ㄦ牸鍗曞厓鏍兼牱寮�
+ // cellStyle() {
+ // // return {padding: '5px 0'}
+ // return { padding: '0' }
+ // },
// 鏌ヨ浜嬩欢
async search() {
const data = this.form
@@ -459,30 +461,31 @@
}
</script>
-<style scoped>
+<style lang="scss" scoped>
+$main_color: #42b983;
::v-deep .el-button--primary {
- background-color: #42b983 !important;
+ background-color: $main_color !important;
height: 30px;
display: flex;
align-items: center;
}
::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active {
- background-color: #42b983 !important;
+ background-color: $main_color !important;
}
::v-deep .el-button--text {
- color: #42b983;
+ color: $main_color;
font-size: 14px;
}
::v-deep .el-step__head.is-finish {
- color: #42b983;
- border-color: #42b983;;
+ color: $main_color;
+ border-color: $main_color;;
}
::v-deep .el-step__title.is-finish {
- color: #42b983;
+ color: $main_color;
}
::v-deep .el-radio.is-bordered + .el-radio.is-bordered {
@@ -494,27 +497,29 @@
content: '' !important;
}
-::v-deep .el-radio__input.is-checked+.el-radio__label{
- color: #42b983;
+::v-deep .el-radio__input.is-checked + .el-radio__label {
+ color: $main_color;
}
-::v-deep .el-radio.is-bordered.is-checked{
- border-color: #42b983;
+::v-deep .el-radio.is-bordered.is-checked {
+ border-color: $main_color;
}
-::v-deep .el-radio__input.is-checked .el-radio__inner{
- border-color: #42b983;
- background: #42b983;
+::v-deep .el-radio__input.is-checked .el-radio__inner {
+ border-color: $main_color;
+ background: $main_color;
}
-::v-deep .el-checkbox__input.is-checked .el-checkbox__inner{
- border-color: #42b983;
- background-color: #42b983;
+::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
+ border-color: $main_color;
+ background-color: $main_color;
}
-::v-deep .el-checkbox__input.is-indeterminate .el-checkbox__inner{
- border-color: #42b983;
- background-color: #42b983;
+
+::v-deep .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+ border-color: $main_color;
+ background-color: $main_color;
}
+
/*::v-deep .el-divider--horizontal{*/
/* margin:0 0 10px 0;*/
/*}*/
--
Gitblit v1.9.3