Merge remote-tracking branch 'origin/master'
| | |
| | | } |
| | | }) |
| | | } |
| | | export const saveOrUpdateHouseLabelInfo = (row) => { |
| | | return request({ |
| | | url: '/api/blade-householdLabel/householdLabel/saveOrUpdateHouseLabel', |
| | | method: 'post', |
| | | data: row |
| | | }) |
| | | } |
| | | export const saveOrUpdateHouseholdLabel = (row) => { |
| | | return request({ |
| | | url: '/api/blade-householdLabel/householdLabel/saveOrUpdateHouseholdLabel', |
| | |
| | | .echarts-cell { |
| | | // margin: 0 5px; |
| | | height: 300px; |
| | | width: calc(33.3% - 10px); |
| | | width: calc(25% - 10px); |
| | | display: flex; |
| | | flex-direction: column; |
| | | background: #fff; |
| | |
| | | } |
| | | } |
| | | }; |
| | | |
| | | |
| | | //转换房屋标签颜色 |
| | | export const setHouseLabelColor = (color) => { |
| | | let obj = { |
| | | blue: "#4397F7", |
| | | yellow: "#FFB42B", |
| | | green: "#30D17C", |
| | | }; |
| | | |
| | | for (let i in obj) { |
| | | if (color == i) { |
| | | return obj[i]; |
| | | } |
| | | } |
| | | }; |
| | |
| | | searchSpan: 4, |
| | | searchType: 'input', |
| | | type: "tree", |
| | | dicUrl: "/api/blade-system/region/tree", |
| | | dicUrl: "/api/blade-system/region/treeToCommunity", |
| | | props: { |
| | | label: "name", |
| | | value: "id" |
| | |
| | | prop: "communityCode", |
| | | search: false, |
| | | type: "tree", |
| | | dicUrl: "/api/blade-system/region/tree", |
| | | dicUrl: "/api/blade-system/region/treeToCommunity", |
| | | row: true, |
| | | // cascader: ['principal'], |
| | | props: { |
| | |
| | | prop: "neiCode", |
| | | search: false, |
| | | type: "tree", |
| | | dicUrl: "/api/blade-system/region/tree", |
| | | dicUrl: "/api/blade-system/region/treeToCommunity", |
| | | props: { |
| | | label: "name", |
| | | value: "id", |
| | |
| | | search: false, |
| | | width: 150, |
| | | type: "tree", |
| | | dicUrl: "/api/blade-system/region/tree", |
| | | dicUrl: "/api/blade-system/region/treeToCommunity", |
| | | props: { |
| | | label: "name", |
| | | value: "id", |
| | |
| | | search: false, |
| | | width: 150, |
| | | type: "tree", |
| | | dicUrl: "/api/blade-system/region/tree", |
| | | dicUrl: "/api/blade-system/region/treeToCommunity", |
| | | props: { |
| | | label: "name", |
| | | value: "id", |
| | |
| | | }, |
| | | |
| | | rowSave(row, done, loading) { |
| | | // 商超 |
| | | row['source'] = 3 |
| | | if (row.imageUrls.length > 0) { |
| | | var urls = [] |
| | | var split = row.imageUrls.split(",").filter(item => item != '') |
| | |
| | | searchMenuSpan: 3, |
| | | menuWidth: 350, |
| | | menu: false, |
| | | height: 'auto', |
| | | height: '320', |
| | | calcHeight: 80, |
| | | tip: false, |
| | | border: true, |
| | |
| | | option: { |
| | | labelWidth: 144, |
| | | searchLabelWidth: 96, |
| | | searchShow: true, |
| | | searchMenuSpan: 3, |
| | | menuWidth: 280, |
| | | // searchShow: true, |
| | | searchMenuSpan: 6, |
| | | menu: false, |
| | | height: 'auto', |
| | | height: '280', |
| | | calcHeight: 80, |
| | | tip: false, |
| | | border: true, |
| | |
| | | width: 110, |
| | | label: "姓名", |
| | | prop: "name", |
| | | searchLabelWidth: 48, |
| | | searchSpan: 3, |
| | | searchLabelWidth: 50, |
| | | search: true, |
| | |
| | | mounted() { }, |
| | | methods: { |
| | | onsubmit() { |
| | | if (this.labelForm.color === '#EBEDF0') { |
| | | if (this.labelForm.color === '#999') { |
| | | let params = { |
| | | householdId: this.currentRow.id, |
| | | labelId: this.currentLabel.id, |
| | |
| | | <el-button :size="size" type="text" icon="el-icon-circle-plus-outline" |
| | | v-if="permission.house_manager" @click="handleHouseholdManager(row)">住户管理 |
| | | </el-button> |
| | | <el-button :size="size" type="text" icon="el-icon-circle-plus-outline" v-if="permission.house_tag" |
| | | @click="manageLabel(row)">标签 |
| | | <el-button :size="size" type="text" icon="el-icon-circle-plus-outline" |
| | | v-if="permission.house_tag" @click="manageLabel(row)">标签 |
| | | </el-button> |
| | | </template> |
| | | |
| | |
| | | </el-col> |
| | | </el-row> |
| | | </template> |
| | | |
| | | |
| | | <script> |
| | | import { setLabelColor } from '@/util/util' |
| | | import { setHouseLabelColor } from '@/util/util' |
| | | |
| | | import { |
| | | getList, |
| | |
| | | } from "@/api/userHouse/list/house.js" |
| | | import { |
| | | removeHouseholdLabel, |
| | | saveOrUpdateHouseholdLabel |
| | | saveOrUpdateHouseLabelInfo |
| | | } from "@/api/userHouse/list/userHouseList.js" |
| | | import { |
| | | getLabelList, |
| | |
| | | components: { |
| | | householdManager |
| | | }, |
| | | data () { |
| | | data() { |
| | | |
| | | //手机号格式校验 |
| | | let validatorPhone = function (rule, value, callback) { |
| | |
| | | prop: "neiCode", |
| | | search: false, |
| | | type: "tree", |
| | | dicUrl: "/api/blade-system/region/tree", |
| | | dicUrl: "/api/blade-system/region/treeToCommunity", |
| | | props: { |
| | | label: "name", |
| | | value: "id", |
| | |
| | | }, |
| | | watch: { |
| | | 'form.source': { |
| | | handler (newData) { |
| | | handler(newData) { |
| | | |
| | | let locationColumn = this.findObject( |
| | | this.option.column, |
| | |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["userInfo", "permission"]), |
| | | permissionList () { |
| | | permissionList() { |
| | | return { |
| | | addBtn: this.vaildData(this.permission.house_add, true), |
| | | viewBtn: this.vaildData(this.permission.house_view, true), |
| | |
| | | } |
| | | }, |
| | | |
| | | textDispose () { |
| | | textDispose() { |
| | | return (row, flag, type) => { |
| | | if (row[flag] || row[type] == null) { |
| | | return row[type] |
| | |
| | | } |
| | | } |
| | | }, |
| | | showLocation () { |
| | | showLocation() { |
| | | return (data) => { |
| | | if (data != null && data.indexOf(',') != -1) { |
| | | data = data.split(',') |
| | |
| | | } |
| | | }, |
| | | |
| | | labelDispose () { |
| | | labelDispose() { |
| | | return (list) => { |
| | | return list.map(item => item.labelName).join(',') |
| | | } |
| | | }, |
| | | |
| | | getColor () { |
| | | getColor() { |
| | | return (data) => { |
| | | return setLabelColor(data) |
| | | return setHouseLabelColor(data) |
| | | } |
| | | } |
| | | }, |
| | | mounted () { }, |
| | | mounted() { }, |
| | | methods: { |
| | | locationDispose (data) { |
| | | locationDispose(data) { |
| | | data = data.split(',') |
| | | |
| | | return { |
| | |
| | | } |
| | | }, |
| | | |
| | | onsubmit () { |
| | | if (this.labelForm.color === '#EBEDF0') { |
| | | onsubmit() { |
| | | if (this.labelForm.color === '#999') { |
| | | let params = { |
| | | householdId: this.currentRow.id, |
| | | labelId: this.currentLabel.id |
| | |
| | | this.labelForm.householdId = this.currentRow.id |
| | | this.labelForm.labelId = this.currentLabel.id |
| | | this.labelForm.lableType = 2 |
| | | saveOrUpdateHouseholdLabel(this.labelForm).then(res => { |
| | | saveOrUpdateHouseLabelInfo(this.labelForm).then(res => { |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!" |
| | |
| | | } |
| | | }, |
| | | |
| | | changLabel (item) { |
| | | this.editLabelFlge = true |
| | | changLabel(item) { |
| | | // this.editLabelFlge = true |
| | | this.currentLabel = item |
| | | this.labelForm.color = item.color |
| | | this.labelForm.remark = item.remark |
| | | // this.labelForm.color = item.color |
| | | // this.labelForm.remark = item.remark |
| | | // console.log(item,9999) |
| | | if(item.name == '闲置'){ |
| | | this.labelForm.color = 'green' |
| | | } |
| | | if(item.name == '自住'){ |
| | | this.labelForm.color = 'blue' |
| | | } |
| | | if(item.name == '出租'){ |
| | | this.labelForm.color = 'yellow' |
| | | } |
| | | this.labelForm.houseCode = this.currentRow.houseCode |
| | | this.labelForm.labelId = this.currentLabel.id |
| | | this.labelForm.lableType = 2 |
| | | saveOrUpdateHouseLabelInfo(this.labelForm).then(res => { |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!" |
| | | }) |
| | | // this.editLabelFlge = false |
| | | this.manageLabel(this.currentRow) |
| | | this.loading = false |
| | | }) |
| | | }, |
| | | manageLabel (item) { |
| | | manageLabel(item) { |
| | | this.loading = true |
| | | this.currentRow = item |
| | | this.labelFlag = true |
| | |
| | | }) |
| | | }) |
| | | }, |
| | | handleHouseholdManager (row) { |
| | | handleHouseholdManager(row) { |
| | | var that = this |
| | | this.householdManagerVisible = true |
| | | this.$nextTick(() => { |
| | | that.$refs.householdManager.init(row) |
| | | }) |
| | | }, |
| | | rowSave (row, done, loading) { |
| | | rowSave(row, done, loading) { |
| | | if (row.imageUrls.length > 0) { |
| | | var urls = [] |
| | | var split = row.imageUrls.split(",") |
| | |
| | | loading() |
| | | }) |
| | | }, |
| | | rowUpdate (row, index, done, loading) { |
| | | rowUpdate(row, index, done, loading) { |
| | | if (row.imageUrls.length > 0) { |
| | | var urls = [] |
| | | var split = row.imageUrls.split(",") |
| | |
| | | loading() |
| | | }) |
| | | }, |
| | | rowDel (row) { |
| | | rowDel(row) { |
| | | this.$confirm("确定将选择数据删除?", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | |
| | | }) |
| | | }) |
| | | }, |
| | | searchReset () { |
| | | searchReset() { |
| | | this.query = {} |
| | | this.treeDeptId = '' |
| | | this.onLoad(this.page) |
| | | }, |
| | | searchChange (params, done) { |
| | | searchChange(params, done) { |
| | | this.query = params |
| | | this.page.currentPage = 1 |
| | | this.onLoad(this.page, params) |
| | | done() |
| | | }, |
| | | selectionChange (list) { |
| | | selectionChange(list) { |
| | | this.selectionList = list |
| | | }, |
| | | selectionClear () { |
| | | selectionClear() { |
| | | this.selectionList = [] |
| | | this.$refs.crud.toggleSelection() |
| | | }, |
| | | handleDelete () { |
| | | handleDelete() { |
| | | if (this.selectionList.length === 0) { |
| | | this.$message.warning("请选择至少一条数据") |
| | | return |
| | |
| | | this.$refs.crud.toggleSelection() |
| | | }) |
| | | }, |
| | | handleImport () { |
| | | handleImport() { |
| | | this.excelBox = true |
| | | }, |
| | | uploadAfter (res, done, loading, column) { |
| | | uploadAfter(res, done, loading, column) { |
| | | window.console.log(column) |
| | | this.excelBox = false |
| | | this.refreshChange() |
| | | done() |
| | | }, |
| | | handleExport () { |
| | | handleExport() { |
| | | this.$confirm("是否导出房屋数据?", "提示", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | |
| | | }) |
| | | }) |
| | | }, |
| | | handleTemplate () { |
| | | handleTemplate() { |
| | | exportBlob(`/api/blade-system/user/export-template?${this.website.tokenHeader}=${getToken()}`).then(res => { |
| | | downloadXls(res.data, "房屋数据模板.xlsx") |
| | | }) |
| | | }, |
| | | beforeOpen (done, type) { |
| | | beforeOpen(done, type) { |
| | | if (["edit", "view"].includes(type)) { |
| | | getDetatil({ |
| | | id: this.form.id |
| | |
| | | this.initFlag = true |
| | | done() |
| | | }, |
| | | currentChange (currentPage) { |
| | | currentChange(currentPage) { |
| | | this.page.currentPage = currentPage |
| | | }, |
| | | sizeChange (pageSize) { |
| | | sizeChange(pageSize) { |
| | | this.page.pageSize = pageSize |
| | | }, |
| | | refreshChange () { |
| | | refreshChange() { |
| | | this.onLoad(this.page, this.query) |
| | | }, |
| | | onLoad (page, params = {}) { |
| | | onLoad(page, params = {}) { |
| | | this.loading = true |
| | | |
| | | getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
| | |
| | | this.selectionClear() |
| | | }) |
| | | }, |
| | | showStringDispose (row, type) { |
| | | showStringDispose(row, type) { |
| | | row[type] = !row[type] |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | |
| | | <style> |
| | | .box { |
| | | height: 800px; |