Commit ca019dc8 authored by 赵啸非's avatar 赵啸非

Merge remote-tracking branch 'origin/master'

parents 4f9d261c d0fc24b2
...@@ -8,20 +8,23 @@ ...@@ -8,20 +8,23 @@
// 字体颜色 // 字体颜色
@clfff: #fff; @clfff: #fff;
@cl999: #999; @cl999: #999;
@cl000: #000;//表头 @cl000: #000; //表头
@cl333: #333;//表体 @cl333: #333; //表体
@cl8B: #8B96A6; @cl8B: #8B96A6;
@dlecl: #FA4D4C;//表格删除 @dlecl: #FA4D4C; //表格删除
@redact: #1890FF;//表格编辑 @redact: #1890FF; //表格编辑
// 按钮背景色 // 按钮背景色
@addbg: linear-gradient(90deg, #5ab6ff 0%, #2e9aff 100%);//新增 @addbg: linear-gradient(90deg, #5ab6ff 0%, #2e9aff 100%); //新增
@delbg: #FA4D4C;//删除 @delbg: #FA4D4C; //删除
@qubg: #E1F0FE;//取消 重置 @qubg: #E1F0FE; //取消 重置
// 分页显示位置 // 分页显示位置
.pagination{ .pagination {
text-align: right; margin-top: 10px;
margin-right: 10px;
text-align: right;
} }
/* 溢出表格滚动条 */ /* 溢出表格滚动条 */
/* 表格 */ /* 表格 */
/*.table 为全局表格自定义样式*/ /*.table 为全局表格自定义样式*/
...@@ -29,21 +32,23 @@ ...@@ -29,21 +32,23 @@
// .ant-table-header { // .ant-table-header {
// overflow-y: auto !important; // overflow-y: auto !important;
// } // }
.ant-table-fixed-header .ant-table-scroll .ant-table-header { .ant-table-fixed-header .ant-table-scroll .ant-table-header {
overflow: hidden!important; overflow: hidden !important;
margin-bottom: 0!important; margin-bottom: 0 !important;
padding-right: 5px; padding-right: 5px;
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 5px; width: 5px;
overflow-y: auto; overflow-y: auto;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 5px; border-radius: 5px;
background-color: rgba(144, 147, 153, .5); background-color: rgba(144, 147, 153, .5);
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
border-radius: 5px; border-radius: 5px;
background: #fff; background: #fff;
} }
\ No newline at end of file
...@@ -20,10 +20,9 @@ ...@@ -20,10 +20,9 @@
<!-- 表格 --> <!-- 表格 -->
<a-table <a-table
bordered bordered
:expandIcon="expandIcon"
:loading="leftLoading" :loading="leftLoading"
size="middle" size="middle"
:scroll="{ y: 450 }" :scroll="{ y: 540 }"
:pagination="false" :pagination="false"
:columns="leftColumns" :columns="leftColumns"
:expandIconColumnIndex="2" :expandIconColumnIndex="2"
...@@ -31,13 +30,17 @@ ...@@ -31,13 +30,17 @@
:row-selection="{ onChange: onSelectChange }" :row-selection="{ onChange: onSelectChange }"
:rowKey="(record) => record.id" :rowKey="(record) => record.id"
> >
<template slot="num" slot-scope="text, record, index"> <template
slot="num"
v-if="record.parentId === 0"
slot-scope="text, record, index"
>
<span> <span>
{{ (leftCurrent - 1) * leftSize + index + 1 }} {{ (leftCurrent - 1) * leftSize + index + 1 }}
</span> </span>
</template> </template>
<template slot="businessName" slot-scope="text"> <template slot="businessName" slot-scope="text">
<div class="table-name">{{ text.businessName }}</div> {{ text.businessName }}
</template> </template>
<template slot="action" slot-scope="text"> <template slot="action" slot-scope="text">
<a href="javascript:;" class="edit" @click="handleEdit(text)" <a href="javascript:;" class="edit" @click="handleEdit(text)"
...@@ -99,8 +102,7 @@ ...@@ -99,8 +102,7 @@
<!-- 表格 --> <!-- 表格 -->
<a-table <a-table
bordered bordered
:expandIcon="expandIcon" :scroll="{ y: 540 }"
:scroll="{ y: 450 }"
:loading="rightLoading" :loading="rightLoading"
:pagination="false" :pagination="false"
size="middle" size="middle"
...@@ -113,13 +115,17 @@ ...@@ -113,13 +115,17 @@
:data-source="businessDataList" :data-source="businessDataList"
:rowKey="(record) => record.id" :rowKey="(record) => record.id"
> >
<template slot="num" slot-scope="text, record, index"> <template
v-if="record.parentId === 0"
slot="num"
slot-scope="text, record, index"
>
<span> <span>
{{ (rightCurrent - 1) * rightSize + index + 1 }} {{ (rightCurrent - 1) * rightSize + index + 1 }}
</span> </span>
</template> </template>
<template slot="name" slot-scope="text"> <template slot="name" slot-scope="text">
<div class="table-name">{{ text.name }}</div> {{ text.name }}
</template> </template>
<template slot="action" slot-scope="text"> <template slot="action" slot-scope="text">
<a class="jion" @click="handleIn(text.id)">加入</a> <a class="jion" @click="handleIn(text.id)">加入</a>
...@@ -177,6 +183,7 @@ const leftColumns = [ ...@@ -177,6 +183,7 @@ const leftColumns = [
{ {
title: "业务名称", title: "业务名称",
width: "70%", width: "70%",
align: "left",
scopedSlots: { scopedSlots: {
customRender: "businessName", customRender: "businessName",
}, },
...@@ -198,6 +205,7 @@ const rightColumns = [ ...@@ -198,6 +205,7 @@ const rightColumns = [
}, },
{ {
title: "业务名称", title: "业务名称",
align: "left",
scopedSlots: { scopedSlots: {
customRender: "name", customRender: "name",
}, },
...@@ -277,6 +285,7 @@ export default { ...@@ -277,6 +285,7 @@ export default {
if (code === 1) { if (code === 1) {
this.leftTotal = data.pageInfo.totalResult; this.leftTotal = data.pageInfo.totalResult;
this.businessData = this.delChildren(data.data); this.businessData = this.delChildren(data.data);
console.log(this.businessData);
this.leftLoading = false; this.leftLoading = false;
} }
}, },
...@@ -481,35 +490,35 @@ export default { ...@@ -481,35 +490,35 @@ export default {
color: #67b6ff; color: #67b6ff;
margin-right: 10px; margin-right: 10px;
} }
.ant-pagination { // .ant-pagination {
margin-top: 20px; // margin-top: 20px;
} // }
.control { .control {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
} }
.table-content { // .table-content {
height: 500px; // height: 500px;
} // }
.add-btn { .add-btn {
background-color: #04cb8f; background-color: #04cb8f;
color: #fff; color: #fff;
} }
.table-name { // .table-name {
width: 92%; // width: 92%;
text-align: center; // text-align: center;
display: inline-block; // display: inline-block;
} // }
.anticon { // .anticon {
font-size: 12px; // font-size: 12px;
color: rgb(153, 152, 152); // color: rgb(153, 152, 152);
cursor: pointer; // cursor: pointer;
} // }
/deep/.ant-table-row-level-1 { // /deep/.ant-table-row-level-1 {
.table-name { // .table-name {
margin-left: 40px; // margin-left: 40px;
} // }
} // }
</style> </style>
\ No newline at end of file
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
size="middle" size="middle"
:loading="leftLoading" :loading="leftLoading"
:pagination="false" :pagination="false"
:scroll="{ y: 450 }" :scroll="{ y: 530 }"
:columns="leftColumns" :columns="leftColumns"
:data-source="matterSiteData" :data-source="matterSiteData"
:row-selection="{ onChange: onSelectChange }" :row-selection="{ onChange: onSelectChange }"
...@@ -130,7 +130,7 @@ ...@@ -130,7 +130,7 @@
<!-- 表格 --> <!-- 表格 -->
<a-table <a-table
bordered bordered
:scroll="{ y: 450 }" :scroll="{ y: 530 }"
:loading="rightLoading" :loading="rightLoading"
:pagination="false" :pagination="false"
size="middle" size="middle"
...@@ -499,9 +499,7 @@ export default { ...@@ -499,9 +499,7 @@ export default {
color: #67b6ff; color: #67b6ff;
margin-right: 10px; margin-right: 10px;
} }
.ant-pagination {
margin-top: 20px;
}
.control { .control {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
...@@ -516,7 +514,7 @@ export default { ...@@ -516,7 +514,7 @@ export default {
background-color: #04cb8f; background-color: #04cb8f;
color: #fff; color: #fff;
} }
.table-content { // .table-content {
height: 500px; // height: 500px;
} // }
</style> </style>
\ No newline at end of file
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
size="middle" size="middle"
:loading="Leftloading" :loading="Leftloading"
:pagination="false" :pagination="false"
:scroll="{ y: 450 }" :scroll="{ y: 530 }"
:columns="leftColumns" :columns="leftColumns"
:data-source="businessMatterData" :data-source="businessMatterData"
:row-selection="{ onChange: onSelectChange }" :row-selection="{ onChange: onSelectChange }"
...@@ -88,7 +88,7 @@ ...@@ -88,7 +88,7 @@
<a-table <a-table
bordered bordered
:pagination="false" :pagination="false"
:scroll="{ y: 450 }" :scroll="{ y: 530 }"
:loading="rightloading" :loading="rightloading"
size="middle" size="middle"
:row-selection="{ :row-selection="{
...@@ -823,9 +823,9 @@ export default { ...@@ -823,9 +823,9 @@ export default {
background-color: #04cb8f; background-color: #04cb8f;
color: #fff; color: #fff;
} }
.table-content { // .table-content {
height: 500px; // height: 500px;
} // }
/deep/.ant-modal { /deep/.ant-modal {
width: 450px !important; width: 450px !important;
} }
......
...@@ -445,9 +445,9 @@ export default { ...@@ -445,9 +445,9 @@ export default {
margin-right: 60px; margin-right: 60px;
} }
} }
.table-content { // .table-content {
height: 620px; // height: 620px;
} // }
.edit { .edit {
color: #03d76f; color: #03d76f;
margin-right: 15px; margin-right: 15px;
......
...@@ -406,11 +406,8 @@ export default { ...@@ -406,11 +406,8 @@ export default {
} }
.table-content { .table-content {
margin-top: 10px; margin-top: 10px;
height: 550px;
}
.ant-pagination {
margin-top: 10px;
} }
.edit { .edit {
color: #03d76f; color: #03d76f;
margin-right: 10px; margin-right: 10px;
......
...@@ -113,13 +113,18 @@ ...@@ -113,13 +113,18 @@
label="所属楼栋" label="所属楼栋"
prop="building" prop="building"
> >
<a-input-number <a-input
placeholder="请输入所属楼栋"
v-model.number="form.building"
>
<!-- <a-input-number
v-model="form.building" v-model="form.building"
style="width: 220px" style="width: 220px"
:min="1" :min="1"
placeholder="请输入所属楼栋" placeholder="请输入所属楼栋"
/> /> -->
<span class="tips"></span> <span slot="suffix"></span>
</a-input>
<!-- <a-select v-model="form.building" placeholder="请选择所属楼栋"> <!-- <a-select v-model="form.building" placeholder="请选择所属楼栋">
<a-select-option v-for="v in 10" :key="v" :value="v" <a-select-option v-for="v in 10" :key="v" :value="v"
>{{ v }}</a-select-option >{{ v }}</a-select-option
...@@ -133,13 +138,10 @@ ...@@ -133,13 +138,10 @@
label="所属楼层" label="所属楼层"
prop="level" prop="level"
> >
<a-input-number <a-input placeholder="请输入所属楼栋" v-model.number="form.level">
v-model="form.level" <span slot="suffix"></span>
style="width: 220px" </a-input>
:min="1"
placeholder="请输入所属楼层"
/>
<span class="tips"></span>
<!-- <a-select v-model="form.level" placeholder="请选择所属楼层"> <!-- <a-select v-model="form.level" placeholder="请选择所属楼层">
<a-select-option v-for="v in 10" :key="v" :value="v" <a-select-option v-for="v in 10" :key="v" :value="v"
>{{ v }}</a-select-option >{{ v }}</a-select-option
...@@ -303,14 +305,6 @@ export default { ...@@ -303,14 +305,6 @@ export default {
align-items: center !important; align-items: center !important;
margin-bottom: 15px; margin-bottom: 15px;
} }
.building-level {
position: relative;
.tips {
font-weight: 600;
position: absolute;
right: 30px;
}
}
/deep/.ant-input { /deep/.ant-input {
width: 100% !important; width: 100% !important;
} }
......
...@@ -104,7 +104,7 @@ ...@@ -104,7 +104,7 @@
<div class="table-content"> <div class="table-content">
<!-- 表格 --> <!-- 表格 -->
<a-table <a-table
:scroll="{ y: 560 }" :scroll="{ y: 580 }"
:loading="loading" :loading="loading"
:columns="columns" :columns="columns"
:data-source="windowData" :data-source="windowData"
...@@ -714,14 +714,14 @@ export default { ...@@ -714,14 +714,14 @@ export default {
flex: 1; flex: 1;
padding-top: 10px; padding-top: 10px;
} }
.ant-pagination { // .ant-pagination {
margin-top: 10px; // margin-top: 10px;
margin-left: 10px; // margin-left: 10px;
margin-right: 10px; // margin-right: 10px;
} // }
.table-content { // .table-content {
height: 650px; // height: 650px;
} // }
.department-list { .department-list {
flex: 1; flex: 1;
padding-bottom: 10px; padding-bottom: 10px;
......
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
:loading="loading" :loading="loading"
:data-source="list" :data-source="list"
:pagination="false" :pagination="false"
:scroll="{ y: 550 }" :scroll="{ y: 600 }"
:rowKey="(record) => record.id" :rowKey="(record) => record.id"
> >
<a slot="name" slot-scope="text">{{ text }}</a> <a slot="name" slot-scope="text">{{ text }}</a>
...@@ -315,15 +315,10 @@ export default { ...@@ -315,15 +315,10 @@ export default {
.beizhu { .beizhu {
margin-left: 30px; margin-left: 30px;
} }
.ant-pagination {
margin: 10px;
}
.btn-box { .btn-box {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 20px; margin-bottom: 20px;
} }
.table-content {
height: 620px;
}
</style> </style>
\ No newline at end of file
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
<a-table <a-table
bordered bordered
size="middle" size="middle"
:scroll="{ y: 450 }" :scroll="{ y: 550 }"
:loading="leftLoading" :loading="leftLoading"
:pagination="false" :pagination="false"
:columns="leftColumns" :columns="leftColumns"
...@@ -124,7 +124,7 @@ ...@@ -124,7 +124,7 @@
<!-- 表格 --> <!-- 表格 -->
<a-table <a-table
bordered bordered
:scroll="{ y: 500 }" :scroll="{ y: 550 }"
:pagination="false" :pagination="false"
:loading="rightLoading" :loading="rightLoading"
size="middle" size="middle"
...@@ -548,9 +548,7 @@ export default { ...@@ -548,9 +548,7 @@ export default {
} }
} }
} }
.table-content {
height: 520px;
}
.left { .left {
width: 50%; width: 50%;
height: 100%; height: 100%;
...@@ -558,9 +556,7 @@ export default { ...@@ -558,9 +556,7 @@ export default {
.right { .right {
width: 50%; width: 50%;
} }
.ant-pagination {
margin-top: 20px;
}
.anticon-arrow-left { .anticon-arrow-left {
margin-right: 10px; margin-right: 10px;
font-size: 20px; font-size: 20px;
......
...@@ -635,14 +635,7 @@ export default { ...@@ -635,14 +635,7 @@ export default {
margin-top: 20px; margin-top: 20px;
} }
} }
.pagination {
margin-top: 20px;
margin-right: 10px;
}
.table-content {
height: 500px;
}
/deep/.ant-upload-list { /deep/.ant-upload-list {
width: 250px; width: 250px;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment