elink-star
/
epmet-work-pc-chengyang
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

按钮调整

feature
jiangyy 4 years ago
parent
280fe729d0
commit
60dd67bcf0
17 changed files with 721 additions and 633 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/App.vue
  2. 14
      src/assets/scss/aui.scss
  3. 67
      src/assets/scss/buttonstyle copy.scss
  4. 154
      src/assets/scss/buttonstyle.scss
  5. 2
      src/main.js
  6. 50
      src/views/modules/base/community/buildTable.vue
  7. 59
      src/views/modules/base/community/communityTable.vue
  8. 43
      src/views/modules/base/community/roomTable.vue
  9. 21
      src/views/modules/communityParty/regionalParty/activitys.vue
  10. 54
      src/views/modules/communityParty/regionalParty/units.vue
  11. 6
      src/views/modules/communityService/ninePlaces/inspect/inspect.vue
  12. 311
      src/views/modules/communityService/ninePlaces/inspect/inspectForm.vue
  13. 2
      src/views/modules/communityService/ninePlaces/inspect/inspectReview.vue
  14. 3
      src/views/modules/communityService/ninePlaces/places/places.vue
  15. 243
      src/views/modules/communityService/ninePlaces/places/placesForm.vue
  16. 26
      src/views/modules/communityService/ninePlaces/team/team.vue
  17. 297
      src/views/modules/communityService/ninePlaces/team/teamForm.vue

2
src/App.vue
View File

@ -106,6 +106,8 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
@import "@/assets/scss/buttonstyle.scss";
.tox-dialog__disable-scroll { .tox-dialog__disable-scroll {
.tox-tinymce-aux { .tox-tinymce-aux {
z-index: 130000000; z-index: 130000000;

14
src/assets/scss/aui.scss
View File

@ -1,11 +1,11 @@
// 变量 // 变量
@import "~@/element-ui/theme-variables.scss"; @import '~@/element-ui/theme-variables.scss';
@import "./variables.scss"; @import './variables.scss';
// 公共 // 公共
@import "./normalize.scss"; @import './normalize.scss';
@import "./common.scss"; @import './common.scss';
// 页面 // 页面
@import "./pages/login.scss"; @import './pages/login.scss';
@import "./pages/404.scss"; @import './pages/404.scss';
// 模块 // 模块
@import "./modules/home.scss"; @import './modules/home.scss';

67
src/assets/scss/buttonstyle copy.scss
View File

@ -0,0 +1,67 @@
//新增
.el-button--add {
color: #fff;
background-color: #22c1c3;
border-color: #22c1c3;
}
.el-button--add:hover {
color: #fff;
background-color: #05b1b4;
border-color: #05b1b4;
}
.el-button--add:focus {
color: #fff;
background-color: #22c1c3;
border-color: #22c1c3;
}
//删除、导入
.el-button--delete {
color: #fff;
background-color: #fe6252;
border-color: #fe6252;
}
.el-button--delete:hover {
color: #fff;
background-color: #fe6252;
border-color: #fe6252;
}
.el-button--delete:focus {
color: #fff;
background-color: #fe6252;
border-color: #fe6252;
}
//重置、导出
.el-button--reset {
color: #fff;
background-color: #feb349;
border-color: #feb349;
}
.el-button--reset:hover {
color: #fff;
background-color: #feb349;
border-color: #feb349;
}
.el-button--reset:focus {
color: #fff;
background-color: #feb349;
border-color: #feb349;
}
//查询、确定
.el-button--search:hover {
color: #fff;
background-color: #3e8ef7;
border-color: #3e8ef7;
}
.el-button--search:focus {
color: #fff;
background-color: #3e8ef7;
border-color: #3e8ef7;
}
.el-button--search {
color: #fff;
background-color: #3e8ef7;
border-color: #3e8ef7;
}

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

@ -1,61 +1,103 @@
.el-button--green { //查询、确定
color: #fff; .diy-button--search {
background-color: #22c1c3; color: #fff !important;
border-color: #22c1c3; background-color: #3e8ef7 !important;
border-color: #3e8ef7 !important;
} }
.el-button--green:hover { .diy-button--search:hover {
color: #fff; color: #fff !important;
background-color: #05b1b4; background-color: #3e8ef7 !important;
border-color: #05b1b4; border-color: #3e8ef7 !important;
} }
.el-button--green:focus { .diy-button--search:focus {
color: #fff; color: #fff !important;
background-color: #22c1c3; background-color: #3e8ef7 !important;
border-color: #22c1c3; border-color: #3e8ef7 !important;
} }
.el-button--yellow:hover { //重置、导出
color: #fff; .diy-button--reset {
background-color: #fa9200; color: #fff !important;
border-color: #fa9200; background-color: #feb349 !important;
} border-color: #feb349 !important;
.el-button--yellow:focus { }
color: #fff; .diy-button--reset:hover {
background-color: #feb349; color: #fff !important;
border-color: #feb349; background-color: #feb349 !important;
} border-color: #feb349 !important;
.el-button--yellow { }
color: #fff; .diy-button--reset:focus {
background-color: #feb349; color: #fff !important;
border-color: #feb349; background-color: #feb349 !important;
} border-color: #feb349 !important;
.el-button--blue:focus { }
color: #fff;
background-color: #2195fe; //新增
border-color: #2195fe; .diy-button--add {
} color: #fff !important;
.el-button--blue:hover { background-color: #22c1c3 !important;
color: #fff; border-color: #22c1c3 !important;
background-color: #0083fd; }
border-color: #0083fd; .diy-button--add:hover {
} color: #fff !important;
.el-button--blue { background-color: #22c1c3 !important;
color: #fff; border-color: #22c1c3 !important;
background-color: #2195fe; }
border-color: #2195fe; .diy-button--add:focus {
} color: #fff !important;
.el-button--red:focus { background-color: #22c1c3 !important;
color: #fff; border-color: #22c1c3 !important;
background-color: #fe6252; }
border-color: #fe6252;
} //删除、导入
.el-button--red:hover { .diy-button--delete {
color: #fff; color: #fff !important;
background-color: #fd341e; background-color: #fe6252 !important;
border-color: #fd341e; border-color: #fe6252 !important;
} }
.el-button--red { .diy-button--delete:hover {
color: #fff; color: #fff !important;
background-color: #fe6252; background-color: #fe6252 !important;
border-color: #fe6252; border-color: #fe6252 !important;
}
.diy-button--delete:focus {
color: #fff !important;
background-color: #fe6252 !important;
border-color: #fe6252 !important;
}
//下载模板
.diy-button--export {
color: #fff !important;
background-color: #3e8ef7 !important;
border-color: #3e8ef7 !important;
}
.diy-button--export:hover {
color: #fff !important;
background-color: #3e8ef7 !important;
border-color: #3e8ef7 !important;
}
.diy-button--export:focus {
color: #fff !important;
background-color: #3e8ef7 !important;
border-color: #3e8ef7 !important;
}
//table按钮样式
//查看
.div-table-button--detail {
color: #1c6afd !important;
text-decoration: underline !important;
}
//修改
.div-table-button--edit {
color: #00a7a9 !important;
text-decoration: underline !important;
}
//删除
.div-table-button--delete {
color: #d51010 !important;
text-decoration: underline !important;
} }

2
src/main.js
View File

@ -8,6 +8,8 @@ import router from "@/router";
import "@/icons"; import "@/icons";
import "@/element-ui/theme/index.css"; import "@/element-ui/theme/index.css";
import "@/assets/scss/aui.scss"; import "@/assets/scss/aui.scss";
//按钮
import http from "@/utils/request"; import http from "@/utils/request";
import renRadioGroup from "@/components/ren-radio-group"; import renRadioGroup from "@/components/ren-radio-group";
import renSelect from "@/components/ren-select"; import renSelect from "@/components/ren-select";

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

@ -26,27 +26,25 @@
</div> </div>
</div> </div>
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
type="primary" class="diy-button--search"
size="small" size="small"
@click="handleSearch">查询</el-button> @click="handleSearch">查询</el-button>
<el-button style="margin-left:10px"
class="diy-button--reset"
size="small"
@click="resetSearch">重置</el-button>
</div> </div>
<div class="div_btn"> <div class="div_btn">
<el-button style="float:left" <el-button style="float:left"
type="yellow" class="diy-button--add"
size="small"
icon="el-icon-download"
@click="handleExport">导出</el-button>
<el-button style="float:left"
type="green"
size="small" size="small"
icon="el-icon-plus"
@click="handleAdd">新增楼宇</el-button> @click="handleAdd">新增楼宇</el-button>
<div class="btn_upload" <div class="btn_upload"
v-if="showImportBtn"> v-if="showImportBtn">
<el-button style=";margin-left:10px" <el-button style=";margin-left:10px"
type="blue" class="diy-button--export"
size="small" size="small"
icon="el-icon-download"
@click="handleExportModule('building')">下载楼宇模板</el-button> @click="handleExportModule('building')">下载楼宇模板</el-button>
<el-upload style="" <el-upload style=""
@ -59,14 +57,11 @@
:http-request="(()=>{uploadFile( 'building')})"> :http-request="(()=>{uploadFile( 'building')})">
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
size="small" size="small"
icon="el-icon-upload2" class="diy-button--delete">导入楼宇数据</el-button>
:loading="importBuildingLoading"
type="red">导入楼宇数据</el-button>
</el-upload> </el-upload>
<el-button style=";margin-left:10px" <el-button style=";margin-left:10px"
type="blue" class="diy-button--export"
size="small" size="small"
icon="el-icon-download"
@click="handleExportModule('room')">下载房屋模板</el-button> @click="handleExportModule('room')">下载房屋模板</el-button>
<el-upload style="" <el-upload style=""
@ -79,11 +74,13 @@
:http-request="(()=>{uploadFile( 'room')})"> :http-request="(()=>{uploadFile( 'room')})">
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
size="small" size="small"
icon="el-icon-upload2" class="diy-button--delete">导入房屋数据</el-button>
:loading="importRoomLoading"
type="red">导入房屋数据</el-button>
</el-upload> </el-upload>
</div> </div>
<el-button style="float:left;margin-left:10px"
class="diy-button--reset"
size="small"
@click="handleExport">导出</el-button>
</div> </div>
<div class="div_table"> <div class="div_table">
@ -134,18 +131,18 @@
size="small" size="small"
@click="handleToNextLevel(scope.row)">进入</el-button> --> @click="handleToNextLevel(scope.row)">进入</el-button> -->
<el-button type="text" <el-button type="text"
style="color:#1C6AFD;text-decoration: underline;" class="div-table-button--detail"
size="small" size="small"
@click="handleDetail(scope.row)">查看</el-button> @click="handleDetail(scope.row)">查看</el-button>
<el-button v-if="scope.row.showBtn" <el-button v-if="scope.row.showBtn"
type="text" type="text"
style="color:#00A7A9;text-decoration: underline;" class="div-table-button--edit"
size="small" size="small"
@click="handleEdit(scope.row)">修改</el-button> @click="handleEdit(scope.row)">修改</el-button>
<el-button v-if="scope.row.showBtn" <el-button v-if="scope.row.showBtn"
type="text" type="text"
style="color:#D51010;text-decoration: underline;" class="div-table-button--delete"
size="small" size="small"
@click="handleDelete(scope.row)">删除</el-button> @click="handleDelete(scope.row)">删除</el-button>
</template> </template>
@ -245,7 +242,15 @@ export default {
...mapGetters(['clientHeight']) ...mapGetters(['clientHeight'])
}, },
methods: { methods: {
//重置搜索条件
resetSearch () {
this.ownerName = ''
this.ownerPhone = ''
this.pageSize = 10
this.pageNo = 0
// this.loadTable()
},
handleSearch () { handleSearch () {
this.loadTable() this.loadTable()
}, },
@ -716,6 +721,5 @@ export default {
} }
</script> </script>
<style lang="scss" scoped > <style lang="scss" scoped >
@import "@/assets/scss/buttonstyle.scss";
@import "@/assets/scss/modules/visual/communityManage.scss"; @import "@/assets/scss/modules/visual/communityManage.scss";
</style> </style>

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

@ -26,27 +26,25 @@
</div> </div>
</div> </div>
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
type="primary" class="diy-button--search"
size="small" size="small"
@click="handleSearch">查询</el-button> @click="handleSearch">查询</el-button>
<el-button style="margin-left:10px"
class="diy-button--reset"
size="small"
@click="resetSearch">重置</el-button>
</div> </div>
<div class="div_btn"> <div class="div_btn">
<el-button style="" <el-button style=""
type="yellow" class="diy-button--add"
size="small"
icon="el-icon-download"
@click="handleExport">导出</el-button>
<el-button style=""
type="green"
size="small" size="small"
icon="el-icon-plus"
@click="handleAdd">新增小区</el-button> @click="handleAdd">新增小区</el-button>
<div class="btn_upload" <div class="btn_upload"
v-if="showImportBtn"> v-if="showImportBtn">
<el-button style="" <el-button style=""
type="blue" class="diy-button--export"
size="small" size="small"
icon="el-icon-download"
@click="handleExportModule('community')">下载小区模板</el-button> @click="handleExportModule('community')">下载小区模板</el-button>
<el-upload ref="upload_community" <el-upload ref="upload_community"
@ -59,15 +57,12 @@
:http-request="(()=>{uploadFile( 'community')})"> :http-request="(()=>{uploadFile( 'community')})">
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
size="small" size="small"
icon="el-icon-upload2" class="diy-button--delete">导入小区数据</el-button>
:loading="importCommunityLoading"
type="red">导入小区数据</el-button>
</el-upload> </el-upload>
<el-button style=";margin-left:10px" <el-button style=";margin-left:10px"
type="blue" class="diy-button--export"
size="small" size="small"
icon="el-icon-download"
@click="handleExportModule('building')">下载楼宇模板</el-button> @click="handleExportModule('building')">下载楼宇模板</el-button>
<el-upload style="" <el-upload style=""
@ -80,14 +75,11 @@
:http-request="(()=>{uploadFile( 'building')})"> :http-request="(()=>{uploadFile( 'building')})">
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
size="small" size="small"
icon="el-icon-upload2" class="diy-button--delete">导入楼宇数据</el-button>
:loading="importBuildingLoading"
type="red">导入楼宇数据</el-button>
</el-upload> </el-upload>
<el-button style=";margin-left:10px" <el-button style=";margin-left:10px"
type="blue" class="diy-button--export"
size="small" size="small"
icon="el-icon-download"
@click="handleExportModule('room')">下载房屋模板</el-button> @click="handleExportModule('room')">下载房屋模板</el-button>
<el-upload style="" <el-upload style=""
@ -100,11 +92,13 @@
:http-request="(()=>{uploadFile( 'room')})"> :http-request="(()=>{uploadFile( 'room')})">
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
size="small" size="small"
icon="el-icon-upload2" class="diy-button--delete">导入房屋数据</el-button>
:loading="importRoomLoading"
type="red">导入房屋数据</el-button>
</el-upload> </el-upload>
</div> </div>
<el-button style="margin-left:10px"
class="diy-button--reset"
size="small"
@click="handleExport">导出</el-button>
</div> </div>
@ -163,18 +157,18 @@
size="small" size="small"
@click="handleToNextLevel(scope.row)">进入</el-button> --> @click="handleToNextLevel(scope.row)">进入</el-button> -->
<el-button type="text" <el-button type="text"
style="color:#1C6AFD;text-decoration: underline;" class="div-table-button--detail"
size="small" size="small"
@click="handleDetail(scope.row)">查看</el-button> @click="handleDetail(scope.row)">查看</el-button>
<el-button v-if="scope.row.showBtn" <el-button v-if="scope.row.showBtn"
type="text" type="text"
style="color:#00A7A9;text-decoration: underline;" class="div-table-button--edit"
size="small" size="small"
@click="handleEdit(scope.row)">修改</el-button> @click="handleEdit(scope.row)">修改</el-button>
<el-button v-if="scope.row.showBtn" <el-button v-if="scope.row.showBtn"
type="text" type="text"
style="color:#D51010;text-decoration: underline;" class="div-table-button--delete"
size="small" size="small"
@click="handleDelete(scope.row)">删除</el-button> @click="handleDelete(scope.row)">删除</el-button>
</template> </template>
@ -199,7 +193,7 @@
@change="handleSelectAll">全选</el-checkbox> @change="handleSelectAll">全选</el-checkbox>
<el-button v-show="showDeletBtn" <el-button v-show="showDeletBtn"
style="margin-left:15px" style="margin-left:15px"
type="red" class="diy-button--delete"
size="small" size="small"
@click="deleteBatch">删除</el-button> @click="deleteBatch">删除</el-button>
</div> </div>
@ -281,7 +275,15 @@ export default {
...mapGetters(['clientHeight']) ...mapGetters(['clientHeight'])
}, },
methods: { methods: {
//重置搜索条件
resetSearch () {
this.ownerName = ''
this.ownerPhone = ''
this.pageSize = 10
this.pageNo = 0
// this.loadTable()
},
handleSearch () { handleSearch () {
this.loadTable() this.loadTable()
}, },
@ -771,7 +773,6 @@ export default {
} }
</script> </script>
<style lang="scss" scoped > <style lang="scss" scoped >
@import "@/assets/scss/buttonstyle.scss";
@import "@/assets/scss/modules/visual/communityManage.scss"; @import "@/assets/scss/modules/visual/communityManage.scss";
</style> </style>

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

@ -26,27 +26,25 @@
</div> </div>
</div> </div>
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
type="primary" class="diy-button--search"
size="small" size="small"
@click="handleSearch">查询</el-button> @click="handleSearch">查询</el-button>
<el-button style="margin-left:10px"
class="diy-button--reset"
size="small"
@click="resetSearch">重置</el-button>
</div> </div>
<div class="div_btn"> <div class="div_btn">
<el-button style="float:left" <el-button style="float:left"
type="yellow" class="diy-button--add"
size="small"
icon="el-icon-download"
@click="handleExport">导出</el-button>
<el-button style="float:left"
type="green"
icon="el-icon-plus"
size="small" size="small"
@click="handleAdd">新增房屋</el-button> @click="handleAdd">新增房屋</el-button>
<div class="btn_upload" <div class="btn_upload"
v-if="showImportBtn"> v-if="showImportBtn">
<el-button style="float:left" <el-button style="float:left"
type="blue" class="diy-button--export"
size="small" size="small"
icon="el-icon-download"
@click="handleExportModule">下载房屋模板</el-button> @click="handleExportModule">下载房屋模板</el-button>
<el-upload ref="upload" <el-upload ref="upload"
:multiple='false' :multiple='false'
@ -59,11 +57,13 @@
:http-request="uploadFile"> :http-request="uploadFile">
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
size="small" size="small"
icon="el-icon-upload2" class="diy-button--delete">导入房屋数据</el-button>
:loading="importRoomLoading"
type="red">导入房屋数据</el-button>
</el-upload> </el-upload>
</div> </div>
<el-button style="float:left;margin-left:10px"
class="diy-button--reset"
size="small"
@click="handleExport">导出</el-button>
</div> </div>
<div class="div_table"> <div class="div_table">
@ -126,18 +126,18 @@
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" <el-button type="text"
style="color:#1C6AFD;text-decoration: underline;" class="div-table-button--detail"
size="small" size="small"
@click="handleDetail(scope.row)">查看</el-button> @click="handleDetail(scope.row)">查看</el-button>
<el-button v-if="scope.row.showBtn" <el-button v-if="scope.row.showBtn"
type="text" type="text"
style="color:#00A7A9;text-decoration: underline;" class="div-table-button--edit"
size="small" size="small"
@click="handleEdit(scope.row)">修改</el-button> @click="handleEdit(scope.row)">修改</el-button>
<el-button v-if="scope.row.showBtn" <el-button v-if="scope.row.showBtn"
type="text" type="text"
style="color:#D51010;text-decoration: underline;" class="div-table-button--delete"
size="small" size="small"
@click="handleDelete(scope.row)">删除</el-button> @click="handleDelete(scope.row)">删除</el-button>
</template> </template>
@ -237,7 +237,15 @@ export default {
...mapGetters(['clientHeight']) ...mapGetters(['clientHeight'])
}, },
methods: { methods: {
//重置搜索条件
resetSearch () {
this.ownerName = ''
this.ownerPhone = ''
this.pageSize = 10
this.pageNo = 0
// this.loadTable()
},
handleSearch () { handleSearch () {
this.loadTable() this.loadTable()
@ -680,6 +688,5 @@ export default {
} }
</script> </script>
<style lang="scss" scoped > <style lang="scss" scoped >
@import "@/assets/scss/buttonstyle.scss";
@import "@/assets/scss/modules/visual/communityManage.scss"; @import "@/assets/scss/modules/visual/communityManage.scss";
</style> </style>

21
src/views/modules/communityParty/regionalParty/activitys.vue
View File

@ -66,11 +66,11 @@
</el-form-item> </el-form-item>
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
type="primary" class="diy-button--search"
size="small" size="small"
@click="handleSearch">查询</el-button> @click="handleSearch">查询</el-button>
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
type="yellow" class="diy-button--reset"
size="small" size="small"
@click="resetSearch">重置</el-button> @click="resetSearch">重置</el-button>
</div> </div>
@ -79,13 +79,10 @@
<div class="div_table"> <div class="div_table">
<div class="div_btn"> <div class="div_btn">
<el-button style="" <el-button style=""
type="green" class="diy-button--add"
size="small" size="small"
@click="handleAdd">新增</el-button> @click="handleAdd">新增</el-button>
<!-- <el-button style="float:left" <!--
type="yellow"
size="small"
@click="handleExport">导出</el-button>
<el-upload ref="upload" <el-upload ref="upload"
:multiple='false' :multiple='false'
:show-file-list='false' :show-file-list='false'
@ -97,10 +94,14 @@
:http-request="uploadFile"> :http-request="uploadFile">
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
size="small" size="small"
type="red">导入</el-button> class="diy-button--delete">导入</el-button>
</el-upload> --> </el-upload>
<el-button style="float:left"
class="diy-button--reset"
size="small"
@click="handleExport">导出</el-button>-->
</div> </div>
@ -650,8 +651,6 @@ export default {
} }
</script> </script>
<style lang="scss" scoped > <style lang="scss" scoped >
@import "@/assets/scss/buttonstyle.scss";
.div_main { .div_main {
width: 100%; width: 100%;
} }

54
src/views/modules/communityParty/regionalParty/units.vue
View File

@ -72,11 +72,11 @@
</el-form-item> </el-form-item>
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
type="primary" class="diy-button--search"
size="small" size="small"
@click="handleSearch">查询</el-button> @click="handleSearch">查询</el-button>
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
type="yellow" class="diy-button--reset"
size="small" size="small"
@click="resetSearch">重置</el-button> @click="resetSearch">重置</el-button>
</div> </div>
@ -84,14 +84,10 @@
</div> </div>
<div class="div_table"> <div class="div_table">
<div class="div_btn"> <div class="div_btn">
<el-button style="" <el-button class="diy-button--add"
type="green"
size="small" size="small"
@click="handleAdd">新增</el-button> @click="handleAdd">新增</el-button>
<!-- <el-button style="float:left" <!--
type="yellow"
size="small"
@click="handleExport">导出</el-button>
<el-upload ref="upload" <el-upload ref="upload"
:multiple='false' :multiple='false'
:show-file-list='false' :show-file-list='false'
@ -103,9 +99,13 @@
:http-request="uploadFile"> :http-request="uploadFile">
<el-button style="margin-left:10px" <el-button style="margin-left:10px"
size="small" size="small"
type="red">导入</el-button> class="diy-button--delete">导入</el-button>
</el-upload>--> </el-upload>
<el-button style="float:left"
class="diy-button--reset"
size="small"
@click="handleExport">导出</el-button>-->
</div> </div>
@ -134,18 +134,19 @@
label="分类" label="分类"
min-width="80"> min-width="80">
</el-table-column> </el-table-column>
<el-table-column prop="serviceMatterList" <el-table-column prop="serviceMatterListShow"
header-align="center" header-align="center"
align="center" align="center"
label="服务事项" label="服务事项"
show-overflow-tooltip
min-width="250"> min-width="250">
<template slot-scope="scope"> <!-- <template slot-scope="scope">
<p style="text-align:center;margin:2px 0;" <p style="text-align:center;margin:2px 0;"
v-for="(item,index) in scope.row.serviceMatterList" v-for="(item,index) in scope.row.serviceMatterList"
:key="index">{{item}}</p> :key="index">{{item}}</p>
</template> </template> -->
</el-table-column> </el-table-column>
<el-table-column prop="contact" <el-table-column prop="contact"
header-align="center" header-align="center"
@ -181,7 +182,7 @@
header-align="center" header-align="center"
align="center" align="center"
label="备注" label="备注"
:show-overflow-tooltip="true" show-overflow-tooltip
width="150"> width="150">
</el-table-column> </el-table-column>
<el-table-column label="操作" <el-table-column label="操作"
@ -193,24 +194,24 @@
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" <el-button type="text"
style="color:#1C6AFD;text-decoration: underline;" class="div-table-button--detail"
size="small" size="small"
@click="handleDetail(scope.row)">查看</el-button> @click="handleDetail(scope.row)">查看</el-button>
<el-button type="text" <el-button type="text"
style="color:#00A7A9;text-decoration: underline;" class="div-table-button--edit"
size="small" size="small"
@click="handleEdit(scope.row)">修改</el-button> @click="handleEdit(scope.row)">修改</el-button>
<el-button type="text" <el-button type="text"
style="color:#1C6AFD;text-decoration: underline;" class="div-table-button--detail"
size="small" size="small"
@click="handleFinish(scope.row)">完成情况</el-button> @click="handleFinish(scope.row)">完成情况</el-button>
<el-button type="text" <el-button type="text"
style="color:#1C6AFD;text-decoration: underline;" class="div-table-button--detail"
size="small" size="small"
@click="handleScore(scope.row)">积分记录</el-button> @click="handleScore(scope.row)">积分记录</el-button>
<el-button type="text" <el-button type="text"
style="color:#D51010;text-decoration: underline;" class="div-table-button--delete"
size="small" size="small"
@click="handleDelete(scope.row)">删除</el-button> @click="handleDelete(scope.row)">删除</el-button>
@ -416,6 +417,14 @@ export default {
if (code === 0) { if (code === 0) {
this.total = data.total this.total = data.total
data.list.forEach(element => {
if (element.serviceMatterList.length > 0) {
element.serviceMatterListShow = element.serviceMatterList.join(',')
} else {
element.serviceMatterListShow = ''
}
});
this.tableData = data.list this.tableData = data.list
} else { } else {
@ -533,7 +542,7 @@ export default {
} }
this.pageSize = 10 this.pageSize = 10
this.pageNo = 0 this.pageNo = 0
this.loadTable() // this.loadTable()
}, },
//导出表格 //导出表格
@ -683,8 +692,6 @@ export default {
} }
</script> </script>
<style lang="scss" scoped > <style lang="scss" scoped >
@import "@/assets/scss/buttonstyle.scss";
.div_main { .div_main {
width: 100%; width: 100%;
} }
@ -715,9 +722,6 @@ export default {
} }
} }
.div_btn {
}
.el-row { .el-row {
/* margin-bottom: 20px; */ /* margin-bottom: 20px; */
display: flex; display: flex;

6
src/views/modules/communityService/ninePlaces/inspect/inspect.vue
View File

@ -138,7 +138,7 @@
<el-table-column prop="firstTime" <el-table-column prop="firstTime"
header-align="center" header-align="center"
align="center" align="center"
label="首次巡检时间" label="首次巡查时间"
width="110"> width="110">
</el-table-column> </el-table-column>
<el-table-column prop="detailed" <el-table-column prop="detailed"
@ -214,6 +214,7 @@
:title="formTitle" :title="formTitle"
width="850px" width="850px"
top="5vh" top="5vh"
class="dialog-h"
@closed="diaClose"> @closed="diaClose">
<inspect-form ref="ref_form" <inspect-form ref="ref_form"
:gridList="gridList" :gridList="gridList"
@ -230,6 +231,7 @@
:title="'复查记录'" :title="'复查记录'"
width="80%" width="80%"
top="5vh" top="5vh"
class="dialog-h"
@closed="reviewDiaClose"> @closed="reviewDiaClose">
<inspect-review ref="ref_review" <inspect-review ref="ref_review"
:resultList="resultList" :resultList="resultList"
@ -527,7 +529,7 @@ export default {
computed: { computed: {
tableHeight () { tableHeight () {
return (this.clientHeight - 460) return (this.clientHeight - 420)
}, },
rowHeight () { rowHeight () {

311
src/views/modules/communityService/ninePlaces/inspect/inspectForm.vue
View File

@ -1,150 +1,151 @@
<template> <template>
<div> <div>
<div> <div class="dialog-h-content scroll-h">
<div>
<el-form ref="ref_form" <el-form ref="ref_form"
:inline="true" :inline="true"
:model="formData" :model="formData"
:rules="dataRule" :rules="dataRule"
:disabled="formType === 'detail'" :disabled="formType === 'detail'"
class="form"> class="form">
<el-form-item label="场所区域" <el-form-item label="场所区域"
prop="gridId" prop="gridId"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
<el-select class="item_width_1" <el-select class="item_width_1"
v-model="formData.gridId" v-model="formData.gridId"
placeholder="全部" placeholder="全部"
clearable> clearable>
<el-option v-for="item in gridList" <el-option v-for="item in gridList"
@click.native="handleChangeGrid" @click.native="handleChangeGrid"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="场所类型" <el-form-item label="场所类型"
label-width="150px" label-width="150px"
prop="ninePlaceVal"> prop="ninePlaceVal">
<el-select class="item_width_1" <el-select class="item_width_1"
v-model="formData.ninePlaceVal" v-model="formData.ninePlaceVal"
placeholder="请选择" placeholder="请选择"
clearable> clearable>
<el-option v-for="item in placeTypeList" <el-option v-for="item in placeTypeList"
@click.native="handleChangeType" @click.native="handleChangeType"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="场所名称" <el-form-item label="场所名称"
label-width="150px" label-width="150px"
prop="placeOrgId"> prop="placeOrgId">
<el-select class="item_width_1" <el-select class="item_width_1"
v-model="formData.placeOrgId" v-model="formData.placeOrgId"
placeholder="请选择" placeholder="请选择"
clearable> clearable>
<el-option v-for="item in placesList" <el-option v-for="item in placesList"
:key="item.placeOrgId" :key="item.placeOrgId"
:label="item.placeOrgName" :label="item.placeOrgName"
:value="item.placeOrgId"> :value="item.placeOrgId">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="分队名称" <el-form-item label="分队名称"
label-width="150px" label-width="150px"
prop="placePatrolTeamId"> prop="placePatrolTeamId">
<el-select class="item_width_1" <el-select class="item_width_1"
v-model="formData.placePatrolTeamId" v-model="formData.placePatrolTeamId"
placeholder="请选择" placeholder="请选择"
clearable> clearable>
<el-option v-for="(item,index) in teamsList" <el-option v-for="(item,index) in teamsList"
@click.native="hancleChangeTeam(index)" @click.native="hancleChangeTeam(index)"
:key="item.teamId" :key="item.teamId"
:label="item.teamName" :label="item.teamName"
:value="item.teamId"> :value="item.teamId">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="检查人员" <el-form-item label="检查人员"
prop="inspectorArray" prop="inspectorArray"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
<el-checkbox-group class="item_width_1" <el-checkbox-group class="item_width_1"
style="display:flex;flex-wrap:wrap" style="display:flex;flex-wrap:wrap"
v-model="formData.inspectorArray"> v-model="formData.inspectorArray">
<el-checkbox v-for="item in inspectorsList" <el-checkbox v-for="item in inspectorsList"
:key="item.id" :key="item.id"
:label="item.id">{{item.name}}</el-checkbox> :label="item.id">{{item.name}}</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<el-form-item label="首次巡查时间" <el-form-item label="首次巡查时间"
style="display: block" style="display: block"
prop="firstTime" prop="firstTime"
label-width="150px"> label-width="150px">
<el-date-picker v-model="formData.firstTime" <el-date-picker v-model="formData.firstTime"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
type="date" type="date"
placeholder="选择日期"> placeholder="选择日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="隐患明细" <el-form-item label="隐患明细"
prop="detailed" prop="detailed"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
<el-input class="item_width_1" <el-input class="item_width_1"
type="textarea" type="textarea"
maxlength="500" maxlength="500"
show-word-limit show-word-limit
:rows="3" :rows="3"
placeholder="请输入备注，不超过500字" placeholder="请输入备注，不超过500字"
v-model="formData.detailed"></el-input> v-model="formData.detailed"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="首次检查结论" <el-form-item label="首次检查结论"
prop="firstResult" prop="firstResult"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
<el-select class="item_width_1" <el-select class="item_width_1"
v-model="formData.firstResult" v-model="formData.firstResult"
placeholder="全部" placeholder="全部"
clearable> clearable>
<el-option v-for="item in resultList" <el-option v-for="item in resultList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="拟复查时间" <el-form-item label="拟复查时间"
style="display: block" style="display: block"
prop="reviewTime" prop="reviewTime"
label-width="150px"> label-width="150px">
<el-date-picker v-model="formData.reviewTime" <el-date-picker v-model="formData.reviewTime"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
type="date" type="date"
placeholder="选择日期"> placeholder="选择日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div>
</div> </div>
<div class="div_btn"> <div class="div_btn">
<el-button @click="handleCancle">取 消</el-button> <el-button size="small"
<el-button v-if="formType != 'detail'" @click="handleCancle">取 消</el-button>
<el-button size="small"
v-if="formType != 'detail'"
type="primary" type="primary"
:disabled="btnDisable" :disabled="btnDisable"
@click="handleComfirm">确 定</el-button> @click="handleComfirm">确 定</el-button>
@ -415,7 +416,7 @@ export default {
{ required: true, message: '隐患明细不能为空', trigger: 'blur' } { required: true, message: '隐患明细不能为空', trigger: 'blur' }
], ],
firstResult: [ firstResult: [
{ required: true, message: '首次巡检结果不能为空', trigger: 'blur' } { required: true, message: '首次巡查结果不能为空', trigger: 'blur' }
] ]
} }
}, },
@ -438,28 +439,8 @@ export default {
} }
} }
</script> </script>
<style scoped>
.item_width_1 {
width: 500px;
}
.item_width_2 {
width: 400px;
}
.item_width_3 {
margin-left: 10px;
width: 200px;
}
.item_width_4 {
width: 200px;
}
.div_btn { <style lang="scss" scoped >
display: flex; @import "@/assets/scss/modules/visual/communityManageForm.scss";
justify-content: flex-end;
}
.form {
margin-top: 30px;
}
</style> </style>

2
src/views/modules/communityService/ninePlaces/inspect/inspectReview.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div class="dialog-h-content scroll-h">
<div class="div_table"> <div class="div_table">
<el-button type="green" <el-button type="green"
size="small" size="small"

3
src/views/modules/communityService/ninePlaces/places/places.vue
View File

@ -182,6 +182,7 @@
:title="formTitle" :title="formTitle"
width="850px" width="850px"
top="5vh" top="5vh"
class="dialog-h"
@closed="diaClose"> @closed="diaClose">
<places-form ref="ref_form" <places-form ref="ref_form"
:gridList="gridList" :gridList="gridList"
@ -463,7 +464,7 @@ export default {
computed: { computed: {
tableHeight () { tableHeight () {
return (this.clientHeight - 460) return (this.clientHeight - 420)
}, },
rowHeight () { rowHeight () {

243
src/views/modules/communityService/ninePlaces/places/placesForm.vue
View File

@ -1,110 +1,111 @@
<template> <template>
<div> <div>
<div> <div class="dialog-h-content scroll-h">
<div>
<el-form ref="ref_form" <el-form ref="ref_form"
:inline="true" :inline="true"
:model="formData" :model="formData"
:rules="dataRule" :rules="dataRule"
:disabled="formType === 'detail'" :disabled="formType === 'detail'"
class="form"> class="form">
<el-form-item label="场所类型" <el-form-item label="场所类型"
label-width="150px" label-width="150px"
prop="ninePlaceVal"> prop="ninePlaceVal">
<el-select class="item_width_1" <el-select class="item_width_1"
v-model="formData.ninePlaceVal" v-model="formData.ninePlaceVal"
placeholder="请选择" placeholder="请选择"
clearable> clearable>
<el-option v-for="item in placeTypeList" <el-option v-for="item in placeTypeList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="场所区域" <el-form-item label="场所区域"
prop="gridId" prop="gridId"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
<el-select class="item_width_1" <el-select class="item_width_1"
v-model="formData.gridId" v-model="formData.gridId"
placeholder="全部" placeholder="全部"
clearable> clearable>
<el-option v-for="item in gridList" <el-option v-for="item in gridList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="场所名称" <el-form-item label="场所名称"
label-width="150px" label-width="150px"
prop="placeOrgName"> prop="placeOrgName">
<el-input v-model="formData.placeOrgName" <el-input v-model="formData.placeOrgName"
class="item_width_1" class="item_width_1"
clearable clearable
placeholder="请输入九小场所名称"> placeholder="请输入九小场所名称">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="场所地址" <el-form-item label="场所地址"
label-width="150px" label-width="150px"
prop="address"> prop="address">
<el-input v-model="formData.address" <el-input v-model="formData.address"
class="item_width_1" class="item_width_1"
clearable clearable
placeholder="请输入场所地址"> placeholder="请输入场所地址">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="规模" <el-form-item label="规模"
label-width="150px" label-width="150px"
prop="scale"> prop="scale">
<el-select class="item_width_1" <el-select class="item_width_1"
v-model="formData.scale" v-model="formData.scale"
placeholder="请选择" placeholder="请选择"
clearable> clearable>
<el-option v-for="item in scaleList" <el-option v-for="item in scaleList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="负责人" <el-form-item label="负责人"
label-width="150px" label-width="150px"
prop="personInCharge"> prop="personInCharge">
<el-input v-model="formData.personInCharge" <el-input v-model="formData.personInCharge"
class="item_width_1" class="item_width_1"
clearable clearable
placeholder="请输入负责人姓名"> placeholder="请输入负责人姓名">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系电话" <el-form-item label="联系电话"
label-width="150px" label-width="150px"
prop="mobile"> prop="mobile">
<el-input v-model="formData.mobile" <el-input v-model="formData.mobile"
class="item_width_1" class="item_width_1"
type='number' type='number'
clearable clearable
placeholder="请输入电话"> placeholder="请输入电话">
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div>
</div> </div>
<div class="div_btn"> <div class="div_btn">
<el-button @click="handleCancle">取 消</el-button> <el-button size="small"
<el-button v-if="formType != 'detail'" @click="handleCancle">取 消</el-button>
<el-button size="small"
v-if="formType != 'detail'"
type="primary" type="primary"
:disabled="btnDisable" :disabled="btnDisable"
@click="handleComfirm">确 定</el-button> @click="handleComfirm">确 定</el-button>
@ -316,48 +317,14 @@ export default {
} }
</script> </script>
<style scoped> <style scoped>
.item_width_1 {
width: 500px;
}
.item_width_2 {
width: 400px;
}
.item_width_3 {
margin-left: 10px;
width: 200px;
}
.item_width_4 {
width: 200px;
}
.div_map {
position: relative;
}
.div_searchmap { .div_searchmap {
z-index: 5000; z-index: 5000;
position: absolute; position: absolute;
top: 5px; top: 5px;
left: 5px; left: 5px;
} }
.div_btn {
display: flex;
justify-content: flex-end;
}
.el-tabs {
margin: 0 20px;
}
.el-upload__tip {
color: rgb(155, 155, 155);
margin: 0;
}
.form {
margin-top: 30px;
}
</style> </style>
<style lang=scss> <style lang="scss" scoped >
.el-dialog__body { @import "@/assets/scss/modules/visual/communityManageForm.scss";
padding: 0 10px 20px !important;
}
</style> </style>

26
src/views/modules/communityService/ninePlaces/team/team.vue
View File

@ -94,13 +94,13 @@
header-align="center" header-align="center"
align="center" align="center"
label="分队名称" label="分队名称"
min-width="180"> min-width="100">
</el-table-column> </el-table-column>
<el-table-column prop="personInCharge" <el-table-column prop="personInCharge"
header-align="center" header-align="center"
align="center" align="center"
label="负责人" label="负责人"
width="180"> width="90">
</el-table-column> </el-table-column>
<el-table-column prop="mobile" <el-table-column prop="mobile"
header-align="center" header-align="center"
@ -112,25 +112,25 @@
header-align="center" header-align="center"
align="center" align="center"
label="负责区域" label="负责区域"
min-width="280"> min-width="150">
</el-table-column> </el-table-column>
<el-table-column prop="ninePlaceNames" <el-table-column prop="ninePlaceNames"
header-align="center" header-align="center"
align="center" align="center"
label="负责场所类型" label="负责场所类型"
min-width="180"> min-width="230">
</el-table-column> </el-table-column>
<el-table-column prop="plan" <el-table-column prop="plan"
header-align="center" header-align="center"
align="center" align="center"
label="监察计划" label="巡查计划"
min-width="180"> min-width="120">
</el-table-column> </el-table-column>
<el-table-column prop="time" <el-table-column prop="time"
header-align="center" header-align="center"
align="center" align="center"
label="创建时间" label="创建时间"
min-width="120"> width="120">
</el-table-column> </el-table-column>
<el-table-column label="操作" <el-table-column label="操作"
@ -141,17 +141,14 @@
class="operate"> class="operate">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" <el-button style="color:#1C6AFD;text-decoration: underline;"
style="color:#1C6AFD;text-decoration: underline;"
size="small" size="small"
@click="handleDetail(scope.row)">查看</el-button> @click="handleDetail(scope.row)">查看</el-button>
<el-button type="text" <el-button style="color:#00A7A9;text-decoration: underline;"
style="color:#00A7A9;text-decoration: underline;"
size="small" size="small"
@click="handleEdit(scope.row)">修改</el-button> @click="handleEdit(scope.row)">修改</el-button>
<el-button type="text" <el-button style="background-color:#D51010;color:#ffffff;text-decoration: underline;"
style="color:#D51010;text-decoration: underline;"
size="small" size="small"
@click="handleDelete(scope.row)">删除</el-button> @click="handleDelete(scope.row)">删除</el-button>
</template> </template>
@ -176,6 +173,7 @@
:title="formTitle" :title="formTitle"
width="850px" width="850px"
top="5vh" top="5vh"
class="dialog-h"
@closed="diaClose"> @closed="diaClose">
<team-form ref="ref_form" <team-form ref="ref_form"
:gridList="gridList" :gridList="gridList"
@ -440,7 +438,7 @@ export default {
computed: { computed: {
tableHeight () { tableHeight () {
return (this.clientHeight - 460) return (this.clientHeight - 420)
}, },
rowHeight () { rowHeight () {

297
src/views/modules/communityService/ninePlaces/team/teamForm.vue
View File

@ -1,147 +1,150 @@
<template> <template>
<div> <div>
<div> <div class="dialog-h-content scroll-h">
<div>
<el-form ref="ref_form" <el-form ref="ref_form"
:inline="true" :inline="true"
:model="formData" :model="formData"
:rules="dataRule" :rules="dataRule"
:disabled="formType === 'detail'" :disabled="formType === 'detail'"
class="form"> class="form">
<el-form-item label="分队名称" <el-form-item label="分队名称"
label-width="150px" label-width="150px"
prop="teamName"> prop="teamName">
<el-input v-model="formData.teamName" <el-input v-model="formData.teamName"
class="item_width_1" class="item_width_1"
clearable clearable
placeholder="请输入分队名称"> placeholder="请输入分队名称">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="负责区域" <el-form-item label="负责区域"
prop="gridIdArray" prop="gridIdArray"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
<el-select class="item_width_1" <el-select class="item_width_1"
v-model="formData.gridIdArray" v-model="formData.gridIdArray"
placeholder="全部" placeholder="全部"
multiple multiple
clearable> clearable>
<el-option v-for="item in gridList" <el-option v-for="item in gridList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="负责场所类型"
prop="ninePlaceArray"
label-width="150px"
style="display: block">
<el-checkbox-group class="item_width_1"
style="display:flex;flex-wrap:wrap"
v-model="formData.ninePlaceArray">
<el-checkbox v-for="item in placeTypeList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.value">{{item.label}}</el-checkbox>
:value="item.value">
</el-option> </el-checkbox-group>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="负责场所类型" <el-form-item label="巡查计划"
prop="ninePlaceArray" prop="plan"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
<el-checkbox-group class="item_width_1" <el-input class="item_width_1"
style="display:flex;flex-wrap:wrap" type="textarea"
v-model="formData.ninePlaceArray"> maxlength="500"
<el-checkbox v-for="item in placeTypeList" show-word-limit
:key="item.value" :rows="3"
:label="item.value">{{item.label}}</el-checkbox> placeholder="请输入备注，不超过500字"
v-model="formData.plan"></el-input>
</el-checkbox-group> </el-form-item>
</el-form-item> <el-form-item label="创建时间"
style="display: block"
<el-form-item label="巡查计划" prop="time"
prop="plan" label-width="150px">
label-width="150px" <el-date-picker v-model="formData.time"
style="display: block"> value-format="yyyy-MM-dd HH:mm:ss"
<el-input class="item_width_1" type="date"
type="textarea" placeholder="选择日期">
maxlength="500" </el-date-picker>
show-word-limit </el-form-item>
:rows="3"
placeholder="请输入备注，不超过500字" <el-form-item label="负责人"
v-model="formData.plan"></el-input> label-width="150px"
</el-form-item> prop="personInCharge">
<el-input v-model="formData.personInCharge"
<el-form-item label="创建时间" class="item_width_1"
style="display: block" clearable
prop="time" placeholder="请输入负责人姓名">
label-width="150px"> </el-input>
<el-date-picker v-model="formData.time"
value-format="yyyy-MM-dd HH:mm:ss" </el-form-item>
type="date" <el-form-item label="联系电话"
placeholder="选择日期"> label-width="150px"
</el-date-picker> prop="mobile">
</el-form-item> <el-input v-model="formData.mobile"
class="item_width_1"
<el-form-item label="负责人" type='number'
label-width="150px" clearable
prop="personInCharge"> placeholder="请输入电话">
<el-input v-model="formData.personInCharge" </el-input>
class="item_width_1"
</el-form-item>
<el-form-item label="成员"
label-width="150px"
prop="member">
<el-button v-if="formType != 'detail'"
type="primary"
size="mini"
icon="el-icon-plus"
@click="handleAddPerson"></el-button>
<div v-for="(item,index) in memberList"
:key="index"
class="div_person_list"
:class="[{'margin10':formType !== 'detail'}]">
<span class="div_person_list_title">姓名</span>
<el-input v-if="item.isSet"
v-model="item.name"
class="item_width_3"
clearable clearable
placeholder="请输入负责人姓名"> placeholder="请输入姓名">
</el-input> </el-input>
<span class="item_width_span_3"
v-else>{{item.name}}</span>
</el-form-item> <span class="div_person_list_title2">联系电话</span>
<el-form-item label="联系电话" <el-input v-if="item.isSet"
label-width="150px" v-model="item.mobile"
prop="mobile"> class="item_width_4"
<el-input v-model="formData.mobile"
class="item_width_1"
type='number'
clearable clearable
placeholder="请输入电话"> placeholder="请输入电话">
</el-input> </el-input>
<span class="item_width_span_4"
v-else>{{item.mobile}}</span>
</el-form-item> <el-button v-if="formType !== 'detail'"
style="margin-left:30px"
<el-form-item label="成员" type="red"
label-width="150px"
prop="member">
<el-button v-if="formType != 'detail'"
type="primary"
size="mini" size="mini"
icon="el-icon-plus" @click="handleDelPerson(index)">删除</el-button>
@click="handleAddPerson"></el-button> </div>
<div v-for="(item,index) in memberList"
:key="index" </el-form-item>
class="div_person_list"> </el-form>
<span style="font-weight: bold">姓名</span>
<el-input v-if="item.isSet"
v-model="item.name"
class="item_width_3"
clearable
placeholder="请输入姓名">
</el-input>
<span class="item_width_span_3"
v-else>{{item.name}}</span>
<span style="font-weight: bold;margin-left:20px">联系电话</span>
<el-input v-if="item.isSet"
v-model="item.mobile"
class="item_width_4"
clearable
placeholder="请输入电话">
</el-input>
<span class="item_width_span_4"
v-else>{{item.mobile}}</span>
<el-button style="margin-left:30px"
type="red"
size="mini"
@click="handleDelPerson(index)">删除</el-button>
</div>
</el-form-item>
</el-form>
</div>
</div> </div>
<div class="div_btn"> <div class="div_btn">
<el-button @click="handleCancle">取 消</el-button> <el-button size="small"
<el-button v-if="formType != 'detail'" @click="handleCancle">取 消</el-button>
<el-button size="small"
v-if="formType != 'detail'"
type="primary" type="primary"
:disabled="btnDisable" :disabled="btnDisable"
@click="handleComfirm">确 定</el-button> @click="handleComfirm">确 定</el-button>
@ -422,6 +425,11 @@ export default {
} }
} }
</script> </script>
<style lang="scss" scoped >
@import "@/assets/scss/modules/visual/communityManageForm.scss";
</style>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/buttonstyle.scss"; @import "@/assets/scss/buttonstyle.scss";
.item_width_1 { .item_width_1 {
@ -440,30 +448,33 @@ export default {
} }
.item_width_span_3 { .item_width_span_3 {
margin-left: 10px; margin-left: 10px;
width: 120px; width: 160px;
} }
.item_width_span_4 { .item_width_span_4 {
margin-left: 10px; margin-left: 10px;
width: 150px; width: 150px;
} }
.margin10 {
.div_btn { margin-top: 10px;
display: flex;
justify-content: flex-end;
} }
.form {
margin-top: 30px;
}
.div_person_list { .div_person_list {
margin-top: 10px;
width: 500px; width: 500px;
display: flex; display: flex;
.div_person_list_title {
width: 40px;
font-weight: bold;
}
.div_person_list_title2 {
width: 90px;
font-weight: bold;
margin-left: 20px;
}
} }
</style> </style>
<style lang=scss> <style lang="scss" scoped >
.el-dialog__body { @import "@/assets/scss/modules/visual/communityManageForm.scss";
padding: 0 10px 20px !important;
}
</style> </style>

Write Preview
Loading…
Cancel
Save