样式修改

This commit is contained in:
zhangyc
2022-12-11 18:10:15 +08:00
parent 4b19a86790
commit 354f41bfbe
3 changed files with 38 additions and 12 deletions

View File

@@ -1177,7 +1177,7 @@ export default {
key: "opacation",
width: "20%",
align: "center",
fixed: "right",
// fixed: "right",
scopedSlots: { customRender: "action" }, //引入的插槽
customRender: (text) => {
// console.log(text);

View File

@@ -43,7 +43,8 @@
allowClear
></a-select>
</div>
<div class="select">
<div class="select addTimeBox">
<div class="addTime">创建时间</div>
<a-range-picker
v-model:value="searchParam.valueDate"
:show-time="{
@@ -1405,8 +1406,8 @@ export default {
dataIndex: "operation",
key: "operation",
width: 300,
align: "right",
fixed: "right",
align: "center",
// fixed: "right",
customRender: (value) => {
// console.log("value", value.record.type, value.record.status);
return (
@@ -1895,7 +1896,26 @@ export default {
margin-right: 20px;
margin-bottom: 20px;
}
.addTimeBox {
position: relative;
display: flex;
align-items: center;
.addTime {
position: absolute;
z-index: 10;
margin-left: 10px;
color: rgba(0, 0, 0, 0.4);
}
.ant-picker {
padding-left: 85px;
}
.ant-picker-range .ant-picker-active-bar {
margin-left: 85px;
}
}
.btn {
padding: 0px 26px 0px 26px;
height: 38px;
@@ -2042,11 +2062,7 @@ export default {
margin: 20px 38px 30px;
.ant-table-thead > tr > th {
font-size: 14px;
font-weight: 400;
color: #999ba3;
line-height: 36px;
padding: 5px 16px;
background-color: #eff4fc;
}
}
@@ -2073,6 +2089,8 @@ export default {
font-size: 14px;
font-weight: 400;
color: #4ea6ff;
margin-right: -45px;
// line-height: 36px;
.operation1 {
margin-left: 21px;

View File

@@ -36,7 +36,7 @@
</div>
</div>
<div class="tmpl_body">
<div class="tmpl_tabbox">
<div class="tableBox">
<a-table :columns="columns1" :data-source="tableData1"
expandRowByClick="true" @expand="expandTable" :pagination="false"/>
<div class="tableBox" style="display:flex;justify-content:center;padding:20px;">
@@ -136,7 +136,7 @@ export default defineComponent({
{
//单层项目
value.operation = (
<div class="operation" style="justify-content: flex-end;">
<div class="operation" style="justify-content: flex-end; margin-right:65px;">
<div class="nSelect">
{value.status === "已发布" ? (
<div class="nselect">
@@ -406,7 +406,7 @@ export default defineComponent({
.tmpl_body {
padding: 0px 30px;
.tmpl_tabbox {
.tableBox {
.operation {
display: flex;
justify-content: center;
@@ -427,6 +427,14 @@ export default defineComponent({
}
}
}
.tableBox {
margin: 20px 38px 30px;
.ant-table-thead > tr > th {
background-color: #eff4fc;
}
}
}
}
</style>