elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

小区管理

shibei_master
jiangyy 4 years ago
parent
0b96bd3954
commit
bdff5f1cb7
9 changed files with 365 additions and 167 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 61
      src/assets/scss/buttonstyle.scss
  2. 104
      src/assets/scss/common.scss
  3. 26
      src/views/modules/base/community/buildForm.vue
  4. 49
      src/views/modules/base/community/buildTable.vue
  5. 145
      src/views/modules/base/community/community.vue
  6. 18
      src/views/modules/base/community/communityForm.vue
  7. 53
      src/views/modules/base/community/communityTable.vue
  8. 34
      src/views/modules/base/community/roomForm.vue
  9. 42
      src/views/modules/base/community/roomTable.vue

61
src/assets/scss/buttonstyle.scss
View File

@ -0,0 +1,61 @@
.el-button--green {
color: #fff;
background-color: #22c1c3;
border-color: #22c1c3;
}
.el-button--green:hover {
color: #fff;
background-color: #05b1b4;
border-color: #05b1b4;
}
.el-button--green:focus {
color: #fff;
background-color: #22c1c3;
border-color: #22c1c3;
}
.el-button--yellow:hover {
color: #fff;
background-color: #fa9200;
border-color: #fa9200;
}
.el-button--yellow:focus {
color: #fff;
background-color: #feb349;
border-color: #feb349;
}
.el-button--yellow {
color: #fff;
background-color: #feb349;
border-color: #feb349;
}
.el-button--blue:focus {
color: #fff;
background-color: #2195fe;
border-color: #2195fe;
}
.el-button--blue:hover {
color: #fff;
background-color: #0083fd;
border-color: #0083fd;
}
.el-button--blue {
color: #fff;
background-color: #2195fe;
border-color: #2195fe;
}
.el-button--red:focus {
color: #fff;
background-color: #fe6252;
border-color: #fe6252;
}
.el-button--red:hover {
color: #fff;
background-color: #fd341e;
border-color: #fd341e;
}
.el-button--red {
color: #fff;
background-color: #fe6252;
border-color: #fe6252;
}

104
src/assets/scss/common.scss
View File

@ -4,8 +4,8 @@
box-sizing: border-box;
}
body {
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial,
sans-serif;
font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
font-size: $--font-size-base;
line-height: $base--line-height;
color: $--color-text-primary;
@ -35,7 +35,7 @@ img {
}
.clearfix:before,
.clearfix:after {
content: " ";
content: ' ';
display: table;
}
.clearfix:after {
@ -144,8 +144,8 @@ img {
background-color: transparent;
}
&-add {
> span > *[class*="el-icon-"],
> span > *[class*="icon"] {
> span > *[class*='el-icon-'],
> span > *[class*='icon'] {
vertical-align: middle;
font-size: 18px;
margin-right: 5px;
@ -383,7 +383,7 @@ img {
&::after {
position: absolute;
content: "";
content: '';
right: 0;
top: 0;
bottom: 0;
@ -448,8 +448,8 @@ img {
}
}
&__search {
> *[class*="el-icon-"],
> *[class*="icon"] {
> *[class*='el-icon-'],
> *[class*='icon'] {
display: inline-block;
vertical-align: middle;
}
@ -572,7 +572,9 @@ img {
min-height: calc(#{$content--fill-height} - 2px);
}
> .aui-card--fill > .el-card__header + .el-card__body {
min-height: calc(#{$content--fill-height} - #{$content--card-header-height} - 2px);
min-height: calc(
#{$content--fill-height} - #{$content--card-header-height} - 2px
);
}
&--tabs {
padding: $content--tabs-header-height 0 0;
@ -644,7 +646,7 @@ img {
position: absolute;
bottom: 0;
left: 0;
content: "";
content: '';
width: 100%;
height: 2px;
background-color: $--color-primary;
@ -677,10 +679,15 @@ img {
min-height: calc(#{$content--fill-height-tabs} - 2px);
}
> .aui-card--fill > .el-card__header + .el-card__body {
min-height: calc(#{$content--fill-height-tabs} - #{$content--card-header-height} - 2px);
min-height: calc(
#{$content--fill-height-tabs} - #{$content--card-header-height} -
2px
);
}
&.is-iframe {
height: calc(#{$content--fill-height-tabs} + #{$content--padding * 2});
height: calc(
#{$content--fill-height-tabs} + #{$content--padding * 2}
);
margin: -$content--padding;
min-height: auto;
> .aui-card--fill {
@ -699,7 +706,10 @@ img {
background-color: #fff;
}
> .aui-card--fill > .el-card__header + .el-card__body {
height: calc(#{$content--fill-height-tabs} - #{$content--card-header-height} - 2px);
height: calc(
#{$content--fill-height-tabs} - #{$content--card-header-height} -
2px
);
}
}
}
@ -729,7 +739,7 @@ img {
/* Page
------------------------------ */
*[class*="aui-page__"] {
*[class*='aui-page__'] {
padding-top: 0;
.aui-content {
min-height: auto;
@ -741,7 +751,71 @@ img {
min-height: calc(100vh - #{$content--padding * 2} - 2px);
}
> .aui-card--fill > .el-card__header + .el-card__body {
min-height: calc(100vh - #{$content--padding * 2} - #{$content--card-header-height} - 2px);
min-height: calc(
100vh - #{$content--padding * 2} - #{$content--card-header-height} - 2px
);
}
}
}
.el-button--green {
color: #fff;
background-color: #22c1c3;
border-color: #22c1c3;
}
.el-button--green:hover {
color: #fff;
background-color: #05b1b4;
border-color: #05b1b4;
}
.el-button--green:focus {
color: #fff;
background-color: #22c1c3;
border-color: #22c1c3;
}
.el-button--yellow:hover {
color: #fff;
background-color: #fa9200;
border-color: #fa9200;
}
.el-button--yellow:focus {
color: #fff;
background-color: #feb349;
border-color: #feb349;
}
.el-button--yellow {
color: #fff;
background-color: #feb349;
border-color: #feb349;
}
.el-button--blue:focus {
color: #fff;
background-color: #2195fe;
border-color: #2195fe;
}
.el-button--blue:hover {
color: #fff;
background-color: #0083fd;
border-color: #0083fd;
}
.el-button--blue {
color: #fff;
background-color: #2195fe;
border-color: #2195fe;
}
.el-button--red:focus {
color: #fff;
background-color: #fe6252;
border-color: #fe6252;
}
.el-button--red:hover {
color: #fff;
background-color: #fd341e;
border-color: #fd341e;
}
.el-button--red {
color: #fff;
background-color: #fe6252;
border-color: #fe6252;
}

26
src/views/modules/base/community/buildForm.vue
View File

@ -35,14 +35,14 @@
<el-radio :label="'3'">别墅</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="排序"
<!-- <el-form-item label="排序"
prop="sort"
style="display: block"
label-width="150px">
<el-input-number class="item_width_1"
v-model="dataForm.sort"
label="排序"></el-input-number>
</el-form-item>
</el-form-item> -->
<el-form-item label="单元数"
style="display: block"
prop="totalUnitNum"
@ -75,7 +75,7 @@
prop="longitude"
label-width="150px"
style="display: block">
<el-input class="item_width_3"
<el-input class="item_width_4"
maxlength="50"
placeholder="请输入关键字"
v-model="keyWords">
@ -108,6 +108,7 @@
<el-button @click="handleCancle">取 消</el-button>
<el-button v-if="formType != 'detail'"
type="primary"
:disabled="btnDisable"
@click="handleComfirm">确 定</el-button>
</div>
</div>
@ -126,7 +127,7 @@ export default {
data () {
return {
formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
btnDisable: false,
buildingId: '', //楼栋ID
buildType: "1",
dataForm: {
@ -135,7 +136,7 @@ export default {
gridId: '', //所属网格ID
neighborHoodId: '',//所属小区id
buildingName: '',//房屋名称
sort: 0,//排序
// sort: 0,//排序
totalUnitNum: 0,//单元数
totalFloorNum: 0,//层数
totalHouseNum: 0,//户数
@ -176,9 +177,14 @@ export default {
},
async handleComfirm () {
this.btnDisable = true
setTimeout(() => {
this.btnDisable = false
}, 10000)
this.dataForm.type = this.buildType
this.$refs['ref_form'].validate((valid, messageObj) => {
if (!valid) {
this.btnDisable = false
app.util.validateRule(messageObj)
} else {
this.addBuild()
@ -187,6 +193,7 @@ export default {
})
},
async addBuild () {
let url = ''
if (this.formType === 'add') {
url = '/gov/org/building/buildingadd'
@ -196,7 +203,6 @@ export default {
this.dataForm.buildingId = this.buildingId
}
const { data, code, msg } = await requestPost(url, this.dataForm)
if (code === 0) {
@ -205,8 +211,11 @@ export default {
message: '操作成功'
})
this.resetData()
this.btnDisable = false
this.$emit('dialogOk')
} else {
this.btnDisable = false
this.$message.error(msg)
}
@ -305,7 +314,7 @@ export default {
gridId: '', //所属网格ID
neighborHoodId: '',//所属小区id
buildingName: '',//房屋名称
sort: 0,//排序
// sort: 0,//排序
totalUnitNum: 0,//单元数
totalFloorNum: 0,//层数
totalHouseNum: 0,//户数
@ -376,6 +385,9 @@ export default {
margin-left: 10px;
width: 200px;
}
.item_width_4 {
width: 200px;
}
.div_map {
margin-top: 10px;

49
src/views/modules/base/community/buildTable.vue
View File

@ -61,6 +61,7 @@
<div class="div_table">
<el-table :data="tableData"
border
:height="tableHeight"
v-loading="tableLoading"
style="width: 100%">
<el-table-column prop="buildingName"
@ -87,12 +88,15 @@
<el-table-column label="操作"
fixed="right"
width="140"
width="170"
header-align="center"
align="center"
class="operate">
<template slot-scope="scope">
<el-button type="text"
style="color:#feb349;text-decoration: underline;"
size="small"
@click="handleToNextLevel(scope.row)">进入</el-button>
<el-button type="text"
style="color:#1C6AFD;text-decoration: underline;"
size="small"
@ -113,9 +117,9 @@
<el-pagination @size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[20, 30, 50]"
:page-sizes="[10, 20, 50]"
:page-size="pageSize"
layout="sizes, prev, pager, next"
layout="sizes, prev, pager, next, total"
:total="total">
</el-pagination>
</div>
@ -151,7 +155,7 @@ export default {
return {
loading: false,
total: 0,
pageSize: 20,
pageSize: 10,
pageNo: 0,
tableLoading: true,
@ -173,9 +177,12 @@ export default {
console.log('building11111111111111111111111111')
},
computed: {
rowHeight () {
return (this.clientHeight - 200) + 'px'
tableHeight () {
return (this.clientHeight - 220)
},
...mapGetters(['clientHeight'])
},
methods: {
@ -238,6 +245,9 @@ export default {
this.$refs.ref_form.initForm('edit', row, this.agencyObj)
})
},
handleToNextLevel (row) {
this.$emit('toNextLevel', row, 'building')
},
addFormCancle () {
this.formShow = false
@ -403,6 +413,10 @@ export default {
const { data, code, msg } = await requestPost(url, fileFormData)
if (code === 0) {
this.$message({
type: "success",
message: "导入成功"
});
this.$emit('refreshTree')
this.loadTable()
} else {
@ -450,26 +464,7 @@ export default {
}
</script>
<style lang="scss" scoped >
.el-button--green {
color: #fff;
background-color: #22c1c3;
border-color: #22c1c3;
}
.el-button--yellow {
color: #fff;
background-color: #feb349;
border-color: #feb349;
}
.el-button--blue {
color: #fff;
background-color: #2195fe;
border-color: #2195fe;
}
.el-button--red {
color: #fff;
background-color: #fe6252;
border-color: #fe6252;
}
@import "@/assets/scss/buttonstyle.scss";
.div_search {
display: flex;

145
src/views/modules/base/community/community.vue
View File

@ -1,54 +1,45 @@
<template>
<div>
<el-row class="row"
:gutter="10">
<el-col :span="5">
<el-card>
<div :style="{height:rowHeight}"
class="div_tree">
<el-input placeholder="输入关键字进行过滤"
v-model="filterText">
</el-input>
<el-tree ref="ref_tree"
v-loading="treeLoading"
class="filter-tree"
:data="treeData"
:props="defaultProps"
:highlight-current="true"
node-key="id"
:expand-on-click-node="false"
default-expand-all
:filter-node-method="filterNode"
@node-click="handleNodeClick">
</el-tree>
</div>
</el-card>
</el-col>
<el-col :span="19">
<el-card>
<div :style="{height:rowHeight}">
<build-table v-if="selTreeObj.level==='neighbourHood'"
ref="ref_neighTable"
@refreshTree="refreshTree"></build-table>
<room-table v-else-if="selTreeObj.level==='building'"
ref="ref_buildingTable"
@refreshTree="refreshTree"></room-table>
<community-table v-else
ref="ref_communityTable"
@refreshTree="refreshTree"></community-table>
</div>
</el-card>
</el-col>
</el-row>
<div class="div_main">
<div :style="{height:rowHeight}"
class="div_tree">
<el-input placeholder="输入关键字进行过滤"
v-model="filterText">
</el-input>
<el-scrollbar :style="{height:treeHeight}"
class="scrollar">
<el-tree ref="ref_tree"
v-loading="treeLoading"
class="filter_tree"
:data="treeData"
:props="defaultProps"
:highlight-current="true"
node-key="id"
:expand-on-click-node="false"
default-expand-all
:filter-node-method="filterNode"
@node-click="handleNodeClick">
</el-tree>
</el-scrollbar>
</div>
<div :style="{height:rowHeight}"
class="div_table">
<build-table v-if="selTreeObj.level==='neighbourHood'"
ref="ref_neighTable"
@toNextLevel="toNextLevel"
@refreshTree="refreshTree"></build-table>
<room-table v-else-if="selTreeObj.level==='building'"
ref="ref_buildingTable"
@refreshTree="refreshTree"></room-table>
<community-table v-else
@toNextLevel="toNextLevel"
ref="ref_communityTable"
@refreshTree="refreshTree"></community-table>
</div>
</div>
</template>
@ -99,7 +90,10 @@ export default {
},
computed: {
rowHeight () {
return (this.clientHeight - 180) + 'px'
return (this.clientHeight - 140) + 'px'
},
treeHeight () {
return (this.clientHeight - 200) + 'px'
},
...mapGetters(['clientHeight'])
},
@ -151,7 +145,6 @@ export default {
},
handleNodeClick (obj) {
this.getTreeObj(obj)
this.$nextTick(() => {
@ -179,6 +172,23 @@ export default {
this.treeLoading = false
},
//进入下一级
toNextLevel (row, level) {
if (level === 'community') {
this.selTreeObj = this.$refs.ref_tree.getNode(row.neighborHoodId).data
} else {
this.selTreeObj = this.$refs.ref_tree.getNode(row.buildingId).data
}
this.handleNodeClick(this.selTreeObj)
this.$nextTick(() => {
// ref_tree 元素的ref value 绑定的node-key
this.$refs.ref_tree.setCurrentKey(this.selTreeObj.id);
});
},
//解析树数据
getTreeObj (obj) {
// 树接口：
@ -246,8 +256,30 @@ export default {
}
</script>
<style lang="scss" scoped >
.div_main {
display: flex;
}
.scrollar {
margin-top: 10px;
}
.div_tree {
overflow-y: auto;
flex: 0 0 400px;
background-color: #ffffff;
border-radius: 5px;
padding: 10px;
overflow-y: hidden;
}
.filter_tree {
overflow-x: auto;
}
.div_table {
margin-left: 15px;
width: calc(100vw - 680px);
background-color: #ffffff;
border-radius: 5px;
padding: 10px;
}
.div_btn {
@ -263,4 +295,11 @@ export default {
.aui-content > .el-tabs > .el-tabs__content {
padding: 0px;
}
.el-scrollbar__wrap {
overflow-x: hidden !important;
}
.el-tree-node:focus > .el-tree-node__content {
/* background-color: #ccc !important; */
color: #2195fe;
}
</style>

18
src/views/modules/base/community/communityForm.vue
View File

@ -48,6 +48,7 @@
<el-select class="item_width_2"
v-model="dataForm.propertyId"
placeholder="请选择"
filterable
clearable>
<el-option v-for="item in propertyList"
:key="item.propertyId"
@ -88,7 +89,7 @@
prop="longitude"
label-width="150px"
style="display: block">
<el-input class="item_width_3"
<el-input class="item_width_4"
maxlength="50"
placeholder="请输入关键字"
v-model="keyWords">
@ -139,6 +140,7 @@
<el-button @click="handleCancle">取 消</el-button>
<el-button v-if="formType != 'detail'"
type="primary"
:disabled="btnDisable"
@click="handleComfirm">确 定</el-button>
</div>
</div>
@ -160,6 +162,7 @@ export default {
gridList: [],
propertyList: [],
btnDisable: false,
neighborHoodId: '', //小区ID
dataForm: {
@ -339,14 +342,20 @@ export default {
},
async handleComfirm () {
if (this.propertyFormShow) {
this.addProperty()
} else {
this.btnDisable = true
setTimeout(() => {
this.btnDisable = false
}, 10000)
this.$refs['ref_form'].validate((valid, messageObj) => {
if (!valid) {
app.util.validateRule(messageObj)
this.btnDisable = false
} else {
this.addCommunity()
}
@ -376,7 +385,9 @@ export default {
})
this.resetData()
this.$emit('dialogOk')
this.btnDisable = false
} else {
this.btnDisable = false
this.$message.error(msg)
}
@ -400,7 +411,7 @@ export default {
if (code === 0) {
this.$message({
type: 'success',
message: '添加物业成功'
message: '操作成功'
})
this.dataForm.propertyId = data.propertyId
this.propertyForm.name = ''
@ -498,6 +509,9 @@ export default {
margin-left: 10px;
width: 200px;
}
.item_width_4 {
width: 200px;
}
.div_map {
margin-top: 10px;

53
src/views/modules/base/community/communityTable.vue
View File

@ -63,6 +63,7 @@
<div class="div_table">
<el-table :data="tableData"
border
:height="tableHeight"
v-loading="tableLoading"
style="width: 100%">
<el-table-column prop="neighborHoodName"
@ -85,16 +86,16 @@
</el-table-column>
<el-table-column label="操作"
fixed="right"
width="140"
width="170"
header-align="center"
align="center"
class="operate">
<template slot-scope="scope">
<!-- <el-button type="text"
style="color:#00A7A9;text-decoration: underline;"
<el-button type="text"
style="color:#feb349;text-decoration: underline;"
size="small"
@click="handleToBuild(scope.row)">进入</el-button> -->
@click="handleToNextLevel(scope.row)">进入</el-button>
<el-button type="text"
style="color:#1C6AFD;text-decoration: underline;"
size="small"
@ -115,9 +116,9 @@
<el-pagination @size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[20, 30, 50]"
:page-sizes="[10, 20, 50]"
:page-size="pageSize"
layout="sizes, prev, pager, next"
layout="sizes, prev, pager, next, total"
:total="total">
</el-pagination>
</div>
@ -153,7 +154,7 @@ export default {
return {
loading: false,
total: 0,
pageSize: 20,
pageSize: 10,
pageNo: 0,
tableLoading: true,
@ -179,6 +180,11 @@ export default {
},
computed: {
tableHeight () {
return (this.clientHeight - 320)
},
rowHeight () {
return (this.clientHeight - 200) + 'px'
},
@ -246,6 +252,10 @@ export default {
})
},
handleToNextLevel (row) {
this.$emit('toNextLevel', row, 'community')
},
addFormCancle () {
this.formShow = false
},
@ -405,13 +415,13 @@ export default {
var url = '/gov/org/neighborhood/import'
let fileFormData = new FormData();
fileFormData.append('file', this.files);//filename是键，file是值，就是要传的文件，test.zip是要传的文件名
// let params = {
// file: this.files
// }
const { data, code, msg } = await requestPost(url, fileFormData)
if (code === 0) {
this.$message({
type: "success",
message: "导入成功"
});
this.$emit('refreshTree')
this.loadTable()
} else {
@ -458,26 +468,7 @@ export default {
}
</script>
<style lang="scss" scoped >
.el-button--green {
color: #fff;
background-color: #22c1c3;
border-color: #22c1c3;
}
.el-button--yellow {
color: #fff;
background-color: #feb349;
border-color: #feb349;
}
.el-button--blue {
color: #fff;
background-color: #2195fe;
border-color: #2195fe;
}
.el-button--red {
color: #fff;
background-color: #fe6252;
border-color: #fe6252;
}
@import "@/assets/scss/buttonstyle.scss";
.div_search {
display: flex;

34
src/views/modules/base/community/roomForm.vue
View File

@ -115,6 +115,7 @@
<el-button @click="handleCancle">取 消</el-button>
<el-button v-if="formType != 'detail'"
type="primary"
:disabled="btnDisable"
@click="handleComfirm">确 定</el-button>
</div>
</div>
@ -130,7 +131,7 @@ export default {
data () {
return {
formType: 'add', //表单操作类型 add新增，edit编辑，detail详情
btnDisable: false,
unitList: [],
houseId: '', //房屋ID
@ -206,11 +207,17 @@ export default {
},
async handleComfirm () {
this.btnDisable = true
setTimeout(() => {
this.btnDisable = false
}, 10000)
this.dataForm.houseType = this.houseType
this.dataForm.purpose = this.purpose
this.dataForm.rentFlag = this.rentFlag
this.$refs['ref_form'].validate((valid, messageObj) => {
if (!valid) {
this.btnDisable = false
app.util.validateRule(messageObj)
} else {
this.addRoom()
@ -220,6 +227,25 @@ export default {
},
async addRoom () {
const regCard = /(^\d{15}$)|(^\d{17}(\d|X)$)/; //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
if (regCard.test(this.dataForm.ownerIdCard) === false) {
this.btnDisable = false
this.$message({
type: 'warning',
message: '请输入正确的身份证号码'
})
return false;
}
const regPhone = /^1(3|4|5|6|7|8|9)\d{9}$/; //手机号码
if (regPhone.test(this.dataForm.ownerPhone) === false) {
this.btnDisable = false
this.$message({
type: 'warning',
message: '请输入正确的手机号码'
})
return false;
}
let url = ''
if (this.formType === 'add') {
@ -229,10 +255,8 @@ export default {
this.dataForm.houseId = this.houseId
}
const { data, code, msg } = await requestPost(url, this.dataForm)
this.btnDisable = false
if (code === 0) {
this.$message({
type: 'success',
@ -240,7 +264,9 @@ export default {
})
this.resetData()
this.$emit('dialogOk')
} else {
this.$message.error(msg)
}

42
src/views/modules/base/community/roomTable.vue
View File

@ -81,10 +81,10 @@
label="门牌号">
</el-table-column>
<el-table-column prop="houseType"
label="房屋类型">
label="类型">
</el-table-column>
<el-table-column prop="purpose"
label="房屋用途">
label="用途">
</el-table-column>
<el-table-column prop="rentFlag"
label="是否出租">
@ -93,10 +93,12 @@
label="房主姓名">
</el-table-column>
<el-table-column prop="ownerPhone"
label="房主电话">
label="房主电话"
width="110">
</el-table-column>
<el-table-column prop="ownerIdCard"
label="身份证">
label="身份证"
width="160">
</el-table-column>
<el-table-column label="操作"
fixed="right"
@ -126,9 +128,9 @@
<el-pagination @size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[20, 30, 50]"
:page-sizes="[10, 20, 50]"
:page-size="pageSize"
layout="sizes, prev, pager, next"
layout="sizes, prev, pager, next, total"
:total="total">
</el-pagination>
</div>
@ -163,7 +165,7 @@ export default {
return {
loading: false,
total: 0,
pageSize: 20,
pageSize: 10,
pageNo: 0,
tableLoading: true,
@ -415,7 +417,10 @@ export default {
const { data, code, msg } = await requestPost(url, fileFormData)
if (code === 0) {
this.$message({
type: "success",
message: "导入成功"
});
this.$emit('refreshTree')
this.loadTable()
} else {
@ -462,26 +467,7 @@ export default {
}
</script>
<style lang="scss" scoped >
.el-button--green {
color: #fff;
background-color: #22c1c3;
border-color: #22c1c3;
}
.el-button--yellow {
color: #fff;
background-color: #feb349;
border-color: #feb349;
}
.el-button--blue {
color: #fff;
background-color: #2195fe;
border-color: #2195fe;
}
.el-button--red {
color: #fff;
background-color: #fe6252;
border-color: #fe6252;
}
@import "@/assets/scss/buttonstyle.scss";
.div_search {
display: flex;

Write Preview
Loading…
Cancel
Save