| | |
| | | </template> |
| | | </avue-crud> |
| | | |
| | | <el-dialog title="场所维护" append-to-body :visible.sync="roleBox" center> |
| | | <h3>基本信息:</h3> |
| | | <avue-form :option="optionDetail" v-model="placeForm"></avue-form> |
| | | |
| | | <div style="display: flex; justify-content: center;"> |
| | | <el-button size="small" @click="roleBox = false">取 消</el-button> |
| | | <el-button size="small" type="primary" @click="submitRole">提 交</el-button> |
| | | </div> |
| | | |
| | | <h3>从业人员:</h3> |
| | | <avue-crud :option="placeOption" :search.sync="search" :table-loading="loading" :data="placeExt" ref="crud" |
| | | v-model="houseHoldForm" :permission="permissionList" @row-del="houseHoldRowDel" |
| | | @row-update="houseHoldRowUpdate" @row-save="houseHoldRowSave" :page.sync="holdPage" |
| | | @current-change="holdCurrentChange" @size-change="holdSizeChange" @refresh-change="refreshHoldChange" |
| | | @on-load="holdOnLoad"> |
| | | </avue-crud> |
| | | <el-dialog class="place-info-box" title="场所维护" append-to-body :visible.sync="roleBox" center @close="roleBoxClose"> |
| | | <baseAllInfo></baseAllInfo> |
| | | </el-dialog> |
| | | |
| | | </basic-container> |
| | | </template> |
| | | |
| | |
| | | add, |
| | | getPlace, |
| | | getPlaceExt, |
| | | updatePlaceExt, |
| | | holdRemove, |
| | | holdAdd, |
| | | holdUpdate, |
| | | getHoldList |
| | | } from "@/api/place/place" |
| | | |
| | | import { |
| | | mapGetters |
| | | } from "vuex" |
| | | |
| | | import website from '@/config/website' |
| | | |
| | | import baseAllInfo from './components/baseAllInfo' |
| | | |
| | | export default { |
| | | data () { |
| | | return { |
| | | curRow: {}, |
| | | roleBox: false, |
| | | |
| | | form: {}, |
| | | query: {}, |
| | | loading: true, |
| | | roleBox: false, |
| | | placeForm: {}, |
| | | optionDetail: { |
| | | submitBtn: false, |
| | | emptyBtn: false, |
| | | column: [ |
| | | { |
| | | label: '场所名称', |
| | | prop: 'placeName', |
| | | }, |
| | | { |
| | | label: '法人信息', |
| | | prop: 'legalPerson' |
| | | }, |
| | | { |
| | | label: '法人电话', |
| | | prop: 'legalTel' |
| | | }, |
| | | { |
| | | label: '场所位置', |
| | | prop: 'localtion' |
| | | }, |
| | | |
| | | { |
| | | label: "营业执照", |
| | | prop: "imageUrls", |
| | | width: 80, |
| | | type: "upload", |
| | | listType: "picture-card", |
| | | dataType: "string", |
| | | multiple: true, |
| | | action: "/api/blade-resource/oss/endpoint/put-file", |
| | | propsHttp: { |
| | | res: "data", |
| | | name: 'name', |
| | | url: "link", |
| | | }, |
| | | span: 24, |
| | | }, |
| | | |
| | | { |
| | | label: "场所平面图", |
| | | prop: "planImageUrls", |
| | | width: 80, |
| | | type: "upload", |
| | | listType: "picture-card", |
| | | dataType: "string", |
| | | multiple: true, |
| | | action: "/api/blade-resource/oss/endpoint/put-file", |
| | | propsHttp: { |
| | | res: "data", |
| | | name: 'name', |
| | | url: "link", |
| | | }, |
| | | span: 24, |
| | | }, |
| | | |
| | | ] |
| | | }, |
| | | rowPlace: {}, |
| | | placeExt: [], |
| | | |
| | | houseHoldForm: {}, |
| | | placeOption: { |
| | | menu: true, |
| | | height: 300, |
| | | calcHeight: 54, |
| | | dialogWidth: 950, |
| | | tip: false, |
| | | searchShow: false, |
| | | addBtn: true, |
| | | delBtn: true, |
| | | editBtn: true, |
| | | border: true, |
| | | index: true, |
| | | dialogClickModal: false, |
| | | column: [{ |
| | | label: "名称", |
| | | prop: "name", |
| | | searchSpan: 4, |
| | | search: true, |
| | | }, { |
| | | label: "电话", |
| | | prop: "telephone", |
| | | searchSpan: 4, |
| | | search: true, |
| | | }, { |
| | | label: "暂住地", |
| | | prop: "tempAddress", |
| | | searchSpan: 4, |
| | | search: true, |
| | | },] |
| | | }, |
| | | holdPage: { |
| | | pageSize: 20, |
| | | currentPage: 1, |
| | | total: 0, |
| | | }, |
| | | |
| | | |
| | | page: { |
| | | pageSize: 10, |
| | |
| | | tip: false, |
| | | searchShow: true, |
| | | searchMenuSpan: 3, |
| | | menuWidth: 280, |
| | | menuWidth: 240, |
| | | border: true, |
| | | //stripe:true, |
| | | index: true, |
| | | viewBtn: true, |
| | | editBtn: false, |
| | | selection: true, |
| | | dialogClickModal: false, |
| | | column: [ |
| | |
| | | data: [], |
| | | } |
| | | }, |
| | | |
| | | provide () { |
| | | return { |
| | | placeElement: this, |
| | | } |
| | | }, |
| | | |
| | | components: { baseAllInfo }, |
| | | |
| | | watch: {}, |
| | | |
| | | computed: { |
| | | ...mapGetters(["permission", "userInfo"]), |
| | | permissionList () { |
| | |
| | | }, |
| | | }, |
| | | methods: { |
| | | houseHoldRowUpdate (row, index, done, loading) { |
| | | holdUpdate(row).then( |
| | | () => { |
| | | this.holdOnLoad(this.holdPage) |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!", |
| | | }) |
| | | done() |
| | | }, |
| | | (error) => { |
| | | window.console.log(error) |
| | | loading() |
| | | } |
| | | ) |
| | | roleBoxClose () { |
| | | this.curRow = {} |
| | | }, |
| | | |
| | | houseHoldRowDel (row) { |
| | | this.$confirm("确定将选择数据删除?", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }) |
| | | .then(() => { |
| | | return holdRemove(row.id) |
| | | }) |
| | | .then(() => { |
| | | this.holdOnLoad(this.holdPage) |
| | | handleClick () { |
| | | |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!", |
| | | }) |
| | | }) |
| | | }, |
| | | |
| | | houseHoldRowSave (row, done, loading) { |
| | | holdAdd({ |
| | | ...row, |
| | | placeId: this.placeForm.placeId |
| | | }).then( |
| | | () => { |
| | | this.holdOnLoad(this.holdPage) |
| | | |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!", |
| | | }) |
| | | done() |
| | | }, |
| | | (error) => { |
| | | window.console.log(error) |
| | | loading() |
| | | } |
| | | ) |
| | | }, |
| | | |
| | | refreshChange () { |
| | | this.holdOnLoad(this.holdPage) |
| | | }, |
| | | |
| | | holdOnLoad (holdPage, params = {}) { |
| | | if (!this.placeForm.placeId) return |
| | | |
| | | let values = { |
| | | ...params, |
| | | placeId: this.placeForm.placeId |
| | | } |
| | | |
| | | getHoldList(holdPage.currentPage, holdPage.pageSize, values).then((res) => { |
| | | const data = res.data.data |
| | | |
| | | this.page.total = data.total |
| | | this.placeExt = data.records |
| | | |
| | | this.loading = false |
| | | }) |
| | | }, |
| | | |
| | | holdCurrentChange (currentPage) { |
| | | this.page.currentPage = currentPage |
| | | }, |
| | | holdSizeChange (pageSize) { |
| | | this.page.pageSize = pageSize |
| | | }, |
| | | |
| | | ManageTenants (item) { |
| | | this.curRow = item |
| | | this.roleBox = true |
| | | this.rowPlace = item |
| | | this.placeForm = { |
| | | placeName: '', |
| | | legalPerson: '', |
| | | legalTel: '', |
| | | localtion: '', |
| | | confirmFlag: '', |
| | | imageUrls: '', |
| | | planImageUrls: '' |
| | | } |
| | | this.placeExt = [] |
| | | this.onLoadPlaceExt() |
| | | // this.onLoadPlaceExt(item.id) |
| | | }, |
| | | |
| | | submitRole () { |
| | | updatePlaceExt(this.placeForm).then( |
| | | () => { |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!", |
| | | }) |
| | | this.roleBox = false |
| | | }, |
| | | (error) => { |
| | | window.console.log(error) |
| | | loading() |
| | | } |
| | | ) |
| | | }, |
| | | |
| | | onLoadPlaceExt () { |
| | | let params = { |
| | | placeId: this.rowPlace.id, |
| | | } |
| | | getPlaceExt(Object.assign(params)).then(res => { |
| | | onLoadPlaceExt (placeId) { |
| | | getPlaceExt({ placeId }).then(res => { |
| | | const data = res.data.data |
| | | |
| | | if (data) { |
| | | let imageUrls = data.imageUrls |
| | | let planImageUrls = data.planImageUrls |
| | |
| | | }) |
| | | .then(() => { |
| | | this.onLoad(this.page) |
| | | |
| | | this.$message({ |
| | | type: "success", |
| | | message: "操作成功!", |
| | |
| | | }, |
| | | selectionClear () { |
| | | this.selectionList = [] |
| | | this.$refs.crud.toggleSelection() |
| | | this.$nextTick(() => { |
| | | this.$refs.crud && this.$refs.crud.toggleSelection() |
| | | }) |
| | | }, |
| | | handleDelete () { |
| | | if (this.selectionList.length === 0) { |
| | |
| | | } else { |
| | | done() |
| | | } |
| | | |
| | | }, |
| | | |
| | | currentChange (currentPage) { |
| | | this.page.currentPage = currentPage |
| | | }, |
| | |
| | | this.onLoad(this.page, this.query) |
| | | }, |
| | | onLoad (page, params = {}) { |
| | | const { |
| | | dateTime |
| | | } = this.query |
| | | const { dateTime } = this.query |
| | | let values = { |
| | | ...params, |
| | | } |
| | |
| | | } |
| | | values.dateTime = null |
| | | } |
| | | |
| | | this.loading = true |
| | | |
| | | getList(page.currentPage, page.pageSize, values).then((res) => { |
| | | const data = res.data.data |
| | | |
| | | this.page.total = data.total |
| | | |
| | | this.data = data.records |
| | | |
| | | this.data.forEach(item => { |
| | | if (item.imageUrls) { |
| | | if (item.imageUrls.length > 0) { |
| | | var urls = [] |
| | | var names = item.imageUrls.split(",").filter(item => item != '') |
| | | names.forEach(name => { |
| | | urls.push(website.minioUrl + name) |
| | | }) |
| | | item.imageUrls = urls.join(",") |
| | | } |
| | | if (item.imageUrls && item.imageUrls != '' && item.imageUrls != null && item.imageUrls.length) { |
| | | var urls = [] |
| | | var names = item.imageUrls.split(",").filter(item => item != '') |
| | | names.forEach(name => { |
| | | urls.push(website.minioUrl + name) |
| | | }) |
| | | item.imageUrls = urls.join(",") |
| | | } |
| | | }) |
| | | |
| | | this.loading = false |
| | | this.selectionClear() |
| | | }) |