Browse Source

按钮颜色调整

shibei_prod
jiangyy 4 years ago
parent
commit
0a06732c0f
  1. 2
      src/views/modules/base/community/buildForm.vue
  2. 28
      src/views/modules/base/community/buildTable.vue
  3. 2
      src/views/modules/base/community/communityForm.vue
  4. 34
      src/views/modules/base/community/communityTable.vue
  5. 17
      src/views/modules/base/community/roomForm.vue
  6. 28
      src/views/modules/base/community/roomTable.vue

2
src/views/modules/base/community/buildForm.vue

@ -183,7 +183,7 @@ export default {
if (code === 0) { if (code === 0) {
this.$message({ this.$message({
type: 'success', type: 'success',
message: '添加楼栋成功' message: '操作成功'
}) })
this.resetData() this.resetData()
this.$emit('dialogOk') this.$emit('dialogOk')

28
src/views/modules/base/community/buildTable.vue

@ -32,15 +32,15 @@
</div> </div>
<div class="div_btn"> <div class="div_btn">
<el-button style="float:left" <el-button style="float:left"
type="warning" type="yellow"
size="small" size="small"
@click="handleExport">导出</el-button> @click="handleExport">导出</el-button>
<el-button style="float:left" <el-button style="float:left"
type="success" type="green"
size="small" size="small"
@click="handleAdd">新增楼宇</el-button> @click="handleAdd">新增楼宇</el-button>
<el-button style="float:left" <el-button style="float:left"
type="primary" type="blue"
size="small" size="small"
@click="handleExportModule">下载楼宇模板</el-button> @click="handleExportModule">下载楼宇模板</el-button>
<el-upload ref="upload" <el-upload ref="upload"
@ -54,7 +54,7 @@
:http-request="uploadFile"> :http-request="uploadFile">
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
size="small" size="small"
type="danger">导入小区数据</el-button> type="red">导入小区数据</el-button>
</el-upload> </el-upload>
</div> </div>
@ -442,6 +442,26 @@ export default {
} }
</script> </script>
<style lang="scss" scoped > <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;
}
.div_search { .div_search {
display: flex; display: flex;

2
src/views/modules/base/community/communityForm.vue

@ -2,7 +2,7 @@
<div> <div>
<div> <div>
<div v-show="!propertyFormShow"> <div v-show="!propertyFormShow">
<el-form :inline="false" <el-form :inline="true"
:model="dataForm" :model="dataForm"
:rules="dataRule" :rules="dataRule"
:disabled="formType === 'detail'" :disabled="formType === 'detail'"

34
src/views/modules/base/community/communityTable.vue

@ -32,15 +32,15 @@
</div> </div>
<div class="div_btn"> <div class="div_btn">
<el-button style="float:left" <el-button style="float:left"
type="warning" type="yellow"
size="small" size="small"
@click="handleExport">导出</el-button> @click="handleExport">导出</el-button>
<el-button style="float:left" <el-button style="float:left"
type="success" type="green"
size="small" size="small"
@click="handleAdd">新增小区</el-button> @click="handleAdd">新增小区</el-button>
<el-button style="float:left" <el-button style="float:left"
type="primary" type="blue"
size="small" size="small"
@click="handleExportModule">下载小区模板</el-button> @click="handleExportModule">下载小区模板</el-button>
@ -55,7 +55,7 @@
:http-request="uploadFile"> :http-request="uploadFile">
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
size="small" size="small"
type="danger">导入小区数据</el-button> type="red">导入小区数据</el-button>
</el-upload> </el-upload>
</div> </div>
@ -90,6 +90,10 @@
class="operate"> class="operate">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- <el-button type="text"
style="color:#00A7A9;text-decoration: underline;"
size="small"
@click="handleToBuild(scope.row)">进入</el-button> -->
<el-button type="text" <el-button type="text"
style="color:#1C6AFD;text-decoration: underline;" style="color:#1C6AFD;text-decoration: underline;"
size="small" size="small"
@ -123,7 +127,7 @@
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
:title="formTitle" :title="formTitle"
width="900px" width="850px"
top="5vh" top="5vh"
@closed="diaClose"> @closed="diaClose">
<community-form ref="ref_form" <community-form ref="ref_form"
@ -446,6 +450,26 @@ export default {
} }
</script> </script>
<style lang="scss" scoped > <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;
}
.div_search { .div_search {
display: flex; display: flex;

17
src/views/modules/base/community/roomForm.vue

@ -73,8 +73,8 @@
style="display: block"> style="display: block">
<el-radio-group v-model="rentFlag"> <el-radio-group v-model="rentFlag">
<el-radio :label="false"></el-radio> <el-radio :label="0"></el-radio>
<el-radio :label="true"></el-radio> <el-radio :label="1"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
@ -175,7 +175,12 @@ export default {
this.dataForm.buildingUnitId = row.unitNumKey this.dataForm.buildingUnitId = row.unitNumKey
this.houseType = row.houseTypeKey this.houseType = row.houseTypeKey
this.purpose = row.purposeKey this.purpose = row.purposeKey
this.rentFlag = row.rentFlagKey if (row.rentFlagKey) {
this.rentFlag = 1
} else {
this.rentFlag = 0
}
} }
console.log(row) console.log(row)
@ -200,11 +205,9 @@ export default {
} }
}, },
async handleComfirm () { async handleComfirm () {
let url = '' let url = ''
// this.dataForm.buildingUnitId = '14a8df50bc43fda1753088fb458d2942'
if (this.formType === 'add') { if (this.formType === 'add') {
url = '/gov/org/house/houseadd' url = '/gov/org/house/houseadd'
} else { } else {
@ -221,7 +224,7 @@ export default {
if (code === 0) { if (code === 0) {
this.$message({ this.$message({
type: 'success', type: 'success',
message: '添加楼栋成功' message: '操作成功'
}) })
this.resetData() this.resetData()
this.$emit('dialogOk') this.$emit('dialogOk')

28
src/views/modules/base/community/roomTable.vue

@ -32,15 +32,15 @@
</div> </div>
<div class="div_btn"> <div class="div_btn">
<el-button style="float:left" <el-button style="float:left"
type="warning" type="yellow"
size="small" size="small"
@click="handleExport">导出</el-button> @click="handleExport">导出</el-button>
<el-button style="float:left" <el-button style="float:left"
type="success" type="green"
size="small" size="small"
@click="handleAdd">新增房屋</el-button> @click="handleAdd">新增房屋</el-button>
<el-button style="float:left" <el-button style="float:left"
type="primary" type="blue"
size="small" size="small"
@click="handleExportModule">下载房屋模板</el-button> @click="handleExportModule">下载房屋模板</el-button>
<el-upload ref="upload" <el-upload ref="upload"
@ -54,7 +54,7 @@
:http-request="uploadFile"> :http-request="uploadFile">
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
size="small" size="small"
type="danger">导入小区数据</el-button> type="red">导入小区数据</el-button>
</el-upload> </el-upload>
</div> </div>
@ -455,6 +455,26 @@ export default {
} }
</script> </script>
<style lang="scss" scoped > <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;
}
.div_search { .div_search {
display: flex; display: flex;

Loading…
Cancel
Save