fix:前端样式调整
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB After Width: | Height: | Size: 622 B |
Binary file not shown.
|
Before Width: | Height: | Size: 8.6 KiB After Width: | Height: | Size: 120 KiB |
@@ -1,5 +1,8 @@
|
||||
.head-container {
|
||||
padding-bottom: 10px;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 6px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 4px;
|
||||
|
||||
.filter-item {
|
||||
display: inline-block;
|
||||
@@ -188,7 +191,7 @@ input[type="number"]::-webkit-outer-spin-button {
|
||||
.el-table__fixed-header-wrapper {
|
||||
th {
|
||||
word-break: break-word;
|
||||
background-color: #f8f8f9;
|
||||
background-color: #f5f5f5;
|
||||
color: #515a6e;
|
||||
height: 35px;
|
||||
font-size: 13px;
|
||||
@@ -215,4 +218,13 @@ input[type="number"]::-webkit-outer-spin-button {
|
||||
.el-table--scrollable-y .el-table__body-wrapper {
|
||||
overflow-y: overlay !important;
|
||||
}
|
||||
//左侧边框不显示start https://blog.csdn.net/m0_37922443/article/details/126487240
|
||||
.el-table__row td:not(.is-hidden):last-child {
|
||||
right: -1px;
|
||||
}
|
||||
|
||||
thead th:not(.is-hidden):last-child {
|
||||
right: -1px;
|
||||
}
|
||||
//左侧边框不显示end
|
||||
|
||||
|
||||
@@ -21,6 +21,7 @@ label {
|
||||
html {
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
|
||||
#app {
|
||||
@@ -98,7 +99,7 @@ div:focus {
|
||||
}
|
||||
|
||||
aside {
|
||||
background: #eef1f6;
|
||||
background: #d40c70;
|
||||
padding: 8px 24px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 2px;
|
||||
@@ -122,7 +123,7 @@ aside {
|
||||
|
||||
//main-container全局样式
|
||||
.app-container {
|
||||
padding: 20px 20px 45px 20px;
|
||||
padding: 10px 20px 45px 10px;
|
||||
}
|
||||
|
||||
.components-container {
|
||||
|
||||
@@ -13,17 +13,17 @@ $base-logo-light-title-color: #001529;
|
||||
$base-menu-light-background:#ffffff;
|
||||
|
||||
// sidebar
|
||||
$menuText:#bfcbd9;
|
||||
$menuText: #ffffff;
|
||||
$menuActiveText:#409EFF;
|
||||
$subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951
|
||||
$subMenuActiveText: #ffffff; // https://github.com/ElemeFE/element/issues/12951
|
||||
|
||||
$menuBg:#304156; //https://cloud.tencent.com/developer/article/1753773
|
||||
$menuHover:#263445;
|
||||
$menuBg: #001529; //https://cloud.tencent.com/developer/article/1753773
|
||||
$menuHover:#4e5465;
|
||||
|
||||
$base-menu-light-color:rgba(0,0,0,.70);
|
||||
|
||||
$subMenuBg:#1f2d3d;
|
||||
$subMenuHover:#001528;
|
||||
$subMenuBg:#000c17;
|
||||
$subMenuHover:#4e5465;
|
||||
|
||||
$sideBarWidth: 205px;
|
||||
|
||||
@@ -45,4 +45,4 @@ $sideBarWidth: 205px;
|
||||
logoLightTitleColor: $base-logo-light-title-color
|
||||
}
|
||||
|
||||
$base-sidebar-width: 200px;
|
||||
$base-sidebar-width: 2010px;
|
||||
|
||||
@@ -60,11 +60,11 @@
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="update_name" label="操作人" />
|
||||
<el-table-column prop="update_time" label="操作时间" />
|
||||
<el-table-column min-width="160" prop="update_time" label="操作时间" />
|
||||
<el-table-column
|
||||
v-permission="[]"
|
||||
label="操作"
|
||||
width="160"
|
||||
width="120"
|
||||
align="center"
|
||||
fixed="right"
|
||||
>
|
||||
@@ -154,5 +154,7 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.is-scrolling-none + .el-table__fixed-right {
|
||||
height: 100% !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -108,16 +108,16 @@
|
||||
v-permission="['admin','actDeModel:edit','actDeModel:del']"
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="300px"
|
||||
width="160px"
|
||||
align="center"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button slot="right" @click="viewClick(scope.row)" type="text" icon="el-icon-thumb" size="mini">预览</el-button>
|
||||
<udOperation
|
||||
:data="scope.row"
|
||||
:permission="permission"
|
||||
style="display: inline"
|
||||
/>
|
||||
<el-button slot="right" @click="viewClick(scope.row)" type="text" icon="el-icon-thumb" size="mini">预览</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
@@ -75,7 +75,7 @@
|
||||
<el-table-column type="selection" width="55"/>
|
||||
<el-table-column prop="name" label="模型名称" width="150"/>
|
||||
<el-table-column prop="model_key" label="模型KEY" width="150"/>
|
||||
<el-table-column prop="description" label="模型描述"/>
|
||||
<el-table-column prop="description" label="模型描述" min-width="100"/>
|
||||
<el-table-column prop="model_comment" label="模型注释"/>
|
||||
<el-table-column prop="status" label="发布状态">
|
||||
<template slot-scope="scope">
|
||||
@@ -90,31 +90,32 @@
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="version" label="版本号"/>
|
||||
<el-table-column prop="model_editor_json" label="模型数据" width="300" show-overflow-tooltip
|
||||
<el-table-column prop="model_editor_json" label="模型数据" width="300"
|
||||
show-tooltip-when-overflow/>
|
||||
<el-table-column prop="thumbnail" label="模型封面"/>
|
||||
<el-table-column prop="model_type" label="模型类型"/>
|
||||
<el-table-column prop="form_type" label="单据类型"/>
|
||||
<el-table-column prop="model_type" label="模型类型" />
|
||||
<el-table-column prop="form_type" label="单据类型" min-width="120"/>
|
||||
<el-table-column prop="tenant_id" label="归属租户"/>
|
||||
<el-table-column prop="updated_id" label="修改者"/>
|
||||
<el-table-column prop="updated_id" label="修改者" min-width="150"/>
|
||||
<el-table-column prop="update_time" label="修改时间" width="135"/>
|
||||
|
||||
<el-table-column
|
||||
v-permission="['admin','actDeModel:edit','actDeModel:del']"
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="300px"
|
||||
fixed="right"
|
||||
align="center"
|
||||
width="180"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button :disabled="publishDisabled(scope.row)" @click="publishClick(scope.row)" type="text"
|
||||
icon="el-icon-arrow-up" size="small">发布
|
||||
</el-button>
|
||||
<el-button @click="viewClick(scope.row)" type="text" icon="el-icon-thumb" size="small">预览</el-button>
|
||||
<el-button @click="handleClick(scope.row)" type="text" icon="el-icon-set-up" size="small">设计</el-button>
|
||||
<udOperation
|
||||
:data="scope.row"
|
||||
:permission="permission"
|
||||
/>
|
||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="crud.toEdit(scope.row)">修改</el-button>
|
||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handdeleted(scope.row)">删除</el-button>
|
||||
<el-dropdown size="mini">
|
||||
<el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item icon="el-icon-refresh-right"><span @click="publishClick(scope.row)">发布</span></el-dropdown-item>
|
||||
<el-dropdown-item icon="el-icon-key"><span @click="viewClick(scope.row)">预览</span> </el-dropdown-item>
|
||||
<el-dropdown-item icon="el-icon-key"><span @click="handleClick(scope.row)">设计</span></el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
@@ -229,19 +229,23 @@
|
||||
<el-table-column prop="update_name" label="更新人" width="150" />
|
||||
<el-table-column prop="update_time" label="更新时间" width="150" />
|
||||
|
||||
<el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right">
|
||||
<el-table-column v-permission="[]" label="操作" width="200px" align="center" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<udOperation
|
||||
:data="scope.row"
|
||||
:permission="permission"
|
||||
style="display: inline"
|
||||
|
||||
/>
|
||||
<el-button
|
||||
class="filter-item"
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
type="warning"
|
||||
type="text"
|
||||
slot="right"
|
||||
@click="syncTest(scope.row)"
|
||||
>同步测试</el-button>
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
Reference in New Issue
Block a user