| | |
| | | <div class="contentItem"> |
| | | <div style="width: 80px">按类型:</div> |
| | | <div class="search"> |
| | | <el-input |
| | | placeholder=" 请输入类型" |
| | | v-model="searchData.categories" |
| | | ></el-input> |
| | | <el-select clearable v-model="searchData.categories" placeholder=" 请选择类型"> |
| | | <el-option v-for="option in categoryOptions" :key="option.id" :label="option.label" :value="option.value"></el-option> |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | <div class="contentItem"> |
| | | <div style="width: 80px">按社区:</div> |
| | | <div class="search"> |
| | | <el-input |
| | | placeholder=" 请输入社区" |
| | | v-model="searchData.communityId" |
| | | ></el-input> |
| | | <el-cascader clearable v-model="searchData.community" :props="communityProps" :options="communityOptions" placeholder="请选择社区"> |
| | | </el-cascader> |
| | | </div> |
| | | </div> |
| | | <div class="contentItem"> |
| | |
| | | import helper from "@/utils/mydate"; |
| | | import casequery from "@/api/operate/basecase"; |
| | | import { CATEGOTY } from "@/utils/helper"; |
| | | import department from "@/api/system/department"; |
| | | |
| | | export default { |
| | | components: { |
| | |
| | | totalNum: null, |
| | | pageSize: 10, |
| | | currentPage: 1, |
| | | typeList: [ |
| | | { |
| | | name: "违规", |
| | | value: 1, |
| | | checked: true, |
| | | }, |
| | | { |
| | | name: "违建", |
| | | value: 2, |
| | | checked: false, |
| | | }, |
| | | ], |
| | | categoryOptions: CATEGOTY, |
| | | communityOptions: [], |
| | | communityProps: { |
| | | label: 'regionName', |
| | | value: 'id' |
| | | }, |
| | | myproblem: 1, |
| | | number: "", |
| | | searchData: { |
| | | categories: null, |
| | | number: null, |
| | | communityId: null, |
| | | community: null, |
| | | endTime: null, |
| | | site: null, |
| | | startTime: null, |
| | |
| | | }, |
| | | created() { |
| | | this.getList(); |
| | | this.getCommunityOptions(); |
| | | }, |
| | | methods: { |
| | | // 获取列表 |
| | | getList() { |
| | | const searchData = Object.assign({}, this.searchData); |
| | | if (this.searchData.community) { |
| | | searchData.communityId = searchData.community[1]; |
| | | } |
| | | delete searchData.community; |
| | | casequery |
| | | .baseCaseQuery({ |
| | | current: this.currentPage, |
| | | pageSize: this.pageSize, |
| | | ...this.searchData, |
| | | ...searchData, |
| | | }) |
| | | .then((res) => { |
| | | this.tableData = res.records; |
| | |
| | | this.tableData = []; |
| | | }); |
| | | }, |
| | | |
| | | // 获取社区和街道 |
| | | getCommunityOptions() { |
| | | department.getDepartmentList() |
| | | .then(res => { |
| | | this.communityOptions = res; |
| | | }) |
| | | .catch(err => this.$message.error(err)) |
| | | }, |
| | | |
| | | // 设置表格斑马纹 |
| | | tableRowClassName({ row, rowIndex }) { |
| | | if ((rowIndex + 1) % 2 === 0) { |