hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-12 12:26:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

页面button颜色统一，表格不可选择页面数量

Browse Source
This commit is contained in:
zhangyc
2022-12-11 11:46:52 +08:00
parent 6fc160ae79
commit 65fbc3eba4
84 changed files with 1642 additions and 2633 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/components/drawers/AddProject.vue
View File

@@ -21,40 +21,40 @@
<div class="main_items">
<div class="mi_ipts">
<div class="mii_ipt">
<div class="ipt_name">项目名称：</div>
<div class="ipt_name"></div>
<div class="fi_input">
<a-input
v-model:value="inputV1"
style="width: 240px; height: 40px; border-radius: 8px"
style="width: 210px; height: 40px; border-radius: 8px"
placeholder="请输入项目名称"
maxlength="20"
/>
</div>
</div>
<div class="mii_ipt">
<div class="ipt_name">项目经理：</div>
<div class="ipt_name"></div>
<div class="fi_input">
<a-input
v-model:value="inputV2"
style="width: 240px; height: 40px; border-radius: 8px"
style="width: 210px; height: 40px; border-radius: 8px"
placeholder="请输入项目经理"
maxlength="20"
/>
</div>
</div>
<div class="mii_ipt">
<div class="ipt_name">创建人：</div>
<div class="ipt_name"></div>
<div class="fi_input">
<a-input
v-model:value="inputV3"
style="width: 240px; height: 40px; border-radius: 8px"
style="width: 210px; height: 40px; border-radius: 8px"
placeholder="请输入创建人"
maxlength="20"
/>
</div>
</div>
</div>
<div class="mi_btns">
<div class="mi_btns" style="margin-left:0px;">
<div class="btn btn1">
<div class="search"></div>
<div class="btnText" @click="searchProjectList()">搜索</div>
@@ -141,26 +141,13 @@
</div>
</div>
</div>
<div class="">
<div class="main_table">
<div class="drawerbox">
<!-- 添加的时候显示多选的表 -->
<a-table
v-if="!edit"
:columns="tableDataFunc()"
:data-source="drawertableData"
:row-selection="{
selectedRowKeys: selectedRowKeys,
onChange: onSelectChange,
}"
:loading="tableDataTotal === -1 ? true : false"
:scroll="{ x: 700 }"
@expand="expandTable"
:pagination="false"
>
</a-table>
<!-- 编辑的时候显示单选的表 -->
<a-table
v-else
:columns="tableDataFunc()"
:data-source="drawertableData"
:row-selection="{
@@ -169,7 +156,6 @@
type: 'radio',
}"
:loading="tableDataTotal === -1 ? true : false"
:scroll="{ x: 700 }"
@expand="expandTable"
:pagination="false"
>
@@ -180,7 +166,7 @@
<div class="pa">
<a-pagination
v-if="tableDataTotal > 10"
showSizeChanger="true"
:showSizeChanger="false"
showQuickJumper="true"
hideOnSinglePage="true"
:pageSize="pageSize"
@@ -323,28 +309,28 @@ export default {
title: "项目名称",
dataIndex: "name",
key: "projectName",
width: 200,
width:"40%",
ellipsis: true,
},
{
title: "项目经理",
dataIndex: "manager",
key: "manager",
width: 100,
width:"20%",
align: "center",
},
{
title: "创建人",
dataIndex: "creater",
key: "creater",
width: 100,
width:"20%",
align: "center",
},
{
title: "创建时间",
dataIndex: "time",
key: "time",
width: 180,
width:"20%",
align: "center",
},
];
@@ -779,7 +765,7 @@ export default {
// margin-right: 17px;
// }
// .data {
// color: #388be1;
// color: #4ea6ff;
// }
// .notice_icon {
// width: 14px;
@@ -851,7 +837,7 @@ export default {
cursor: pointer;
width: 130px;
height: 40px;
background: #388be1;
background: #4ea6ff;
border-radius: 8px;
border: 0;
margin-right: 8px;
@@ -859,7 +845,7 @@ export default {
}
}
}
.main_item2 {
display: flex;
align-items: flex-start;
@@ -939,7 +925,37 @@ export default {
}
}
}
.main_table {
position: relative;
padding-bottom: 80px;
.ant-checkbox-wrapper {
align-items: center;
margin-top: -2px;
}
.ant-table-selection-column {
padding: 0px !important;
padding-left: 5px !important;
}
.ant-table-thead > tr > th {
background-color: rgba(239, 244, 252, 1);
}
th.h {
background-color: #eff4fc !important;
}
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background: #f6f9fd;
}
.pa {
left: 0;
width: 100%;
display: flex;
justify-content: center;
position: absolute;
bottom: 20px;
}
}
.main_btns {
height: 72px;
width: 100%;
@@ -971,6 +987,7 @@ export default {
color: #fff;
}
}
}
}
</style>