mt-fe-group/cnbmai-ui
12
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

zjl #1

Merged
juzi merged 3 commits from zjl into develop 2023-01-06 11:09:18 +08:00
Conversation 0 Commits 3 Files Changed 6 +116 -109
6 changed files with 116 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "code-brick-zj", "name": "code-brick-zj",
"version": "0.0.3", "version": "0.0.5",
"private": false, "private": false,
"description": "组件封装", "description": "组件封装",
"main": "index.js" "main": "index.js"

56
src/components/BaseDialog/index.vue
View File

@ -66,34 +66,32 @@ export default {
} }
} }
</script> </script>
<style lang="scss"> <style>
.baseDialog { .baseDialog .el-dialog__header {
.el-dialog__header { font-size: 16px;
font-size: 16px; color: rgba(0, 0, 0, 0.85);
color: rgba(0, 0, 0, 0.85); font-weight: 500;
font-weight: 500; padding: 13px 24px;
padding: 13px 24px; border-bottom: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9; }
.titleStyle::before{ .baseDialog .el-dialog__header .titleStyle::before{
content: ''; content: '';
display: inline-block; display: inline-block;
width: 4px; width: 4px;
height: 16px; height: 16px;
background-color: #0B58FF; background-color: #0B58FF;
border-radius: 1px; border-radius: 1px;
margin-right: 8px; margin-right: 8px;
position: relative; position: relative;
top: 2px; top: 2px;
} }
} .baseDialog .el-dialog__body {
.el-dialog__body { padding-left: 24px;
padding-left: 24px; padding-right: 24px;
padding-right: 24px; }
} .baseDialog .btnTextStyle {
.btnTextStyle { letter-spacing:6px;
letter-spacing:6px; padding: 9px 10px 9px 16px;
padding: 9px 10px 9px 16px; font-size: 14px;
font-size: 14px;
}
} }
</style> </style>

85
src/components/BaseTable/index.vue
View File

@ -1,8 +1,10 @@
<template> <template>
<div class="baseTable"> <div class="baseTable">
<el-table <el-table
:ref="id"
:data="renderData" :data="renderData"
v-bind="$attrs" v-bind="$attrs"
:border="cancelBorder ? false : true"
@current-change="currentChange" @current-change="currentChange"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
style="width: 100%" style="width: 100%"
@ -115,6 +117,10 @@ export default {
} }
}, },
props: { props: {
cancelBorder: {
type: Boolean,
default: false
},
tableData: { tableData: {
type: Array, type: Array,
required: true, required: true,
@ -128,6 +134,11 @@ export default {
return [] return []
} }
}, },
id: {
type: String,
required: false,
default: ''
},
page: { page: {
type: Number, type: Number,
required: false, required: false,
@ -189,49 +200,51 @@ export default {
}, },
emitButtonClick() { emitButtonClick() {
this.$emit('emitButtonClick') this.$emit('emitButtonClick')
},
setCurrent(name, index) {
let _this = this
let obj = _this.$refs[name].data[index]
_this.$refs[name].setCurrentRow(obj)
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style scoped>
.baseTable { .baseTable .show-col-btn {
.show-col-btn { margin-right: 5px;
margin-right: 5px; line-height: inherit;
line-height: inherit; cursor: pointer;
cursor: pointer; }
} .baseTable .el-icon-refresh {
.el-icon-refresh { cursor: pointer;
cursor: pointer;
}
} }
</style> </style>
<style lang="scss"> <style>
.baseTable { .baseTable .el-table__body tr.current-row>td.el-table__cell {
.el-table__body tr.current-row>td.el-table__cell { background-color: #EAF1FC;
background-color: #EAF1FC;
}
.el-table .el-table__cell {
padding: 0;
height: 35px;
}
.addButton {
width: 100%;
height: 35px;
border-top: none;
color: #0b58ff;
border-color: #ebeef5;
border-radius: 0;
}
.addButton:hover {
color: #0b58ff;
border-color: #ebeef5;
background-color: #fff;
}
.addButton:focus {
border-color: #ebeef5;
background-color: #fff;
}
} }
.baseTable .el-table .el-table__cell {
padding: 0;
height: 35px;
}
.baseTable .addButton {
width: 100%;
height: 35px;
border-top: none;
color: #0b58ff;
border-color: #ebeef5;
border-radius: 0;
}
.baseTable .addButton:hover {
color: #0b58ff;
border-color: #ebeef5;
background-color: #fff;
}
.baseTable .addButton:focus {
border-color: #ebeef5;
background-color: #fff;
}
.el-tooltip__popper.is-dark { .el-tooltip__popper.is-dark {
background: rgba(0, 0, 0, 0.6) !important; background: rgba(0, 0, 0, 0.6) !important;
} }

2
src/components/BaseTable/subcomponents/InputArea.vue
View File

@ -28,7 +28,7 @@ export default {
} }
} }
</script> </script>
<style lang="css"> <style>
.tableInner .el-input__inner { .tableInner .el-input__inner {
border: none; border: none;
padding: 0; padding: 0;

36
src/components/Pagination/index.vue
View File

@ -77,28 +77,26 @@ export default {
text-align: right; text-align: right;
} }
</style> </style>
<style lang='scss'> <style>
.pagination-container { .pagination-container .el-pagination {
.el-pagination { position: relative;
position: relative; }
}
.el-pagination__jump { .pagination-container .el-pagination__jump {
margin-left: 125px; margin-left: 125px;
} }
.el-pagination__sizes { .pagination-container .el-pagination__sizes {
position: absolute; position: absolute;
right: 100px; right: 100px;
} }
.el-pager li.active { .pagination-container .el-pager li.active {
background-color: #0b58ff; background-color: #0b58ff;
color: #fff; color: #fff;
} }
.el-input--mini .el-input__inner { .pagination-container .el-input--mini .el-input__inner {
height: 22px; height: 22px;
}
} }
</style> </style>

44
src/components/SearchBar/SearchBar.vue
View File

@ -231,28 +231,26 @@ export default {
} }
} }
</script> </script>
<style lang="scss"> <style>
.searchBar { .searchBar .blue-block {
.blue-block { display: inline-block;
float: left; float: left;
display: inline-block; width: 4px;
width: 4px; height: 16px;
height: 16px; background-color: #0B58FF;
background-color: #0B58FF; border-radius: 1px;
border-radius: 1px; margin-right: 8px;
margin-right: 8px; margin-top: 12px;
margin-top: 12px; }
} .searchBar .el-form-item {
.el-form-item { margin-bottom: 10px;
margin-bottom: 10px; }
} .searchBar .el-date-editor .el-range__icon {
.el-date-editor .el-range__icon { font-size: 16px;
font-size: 16px; color:#0B58FF;
color:#0B58FF; }
} .searchBar .el-input__prefix .el-icon-date {
.el-input__prefix .el-icon-date { font-size: 16px;
font-size: 16px; color:#0B58FF;
color:#0B58FF;
}
} }
</style> </style>