7 changed files with 1655 additions and 336 deletions
@ -0,0 +1,412 @@ |
|||||
|
<template> |
||||
|
<div class="div_main"> |
||||
|
<div class="div_search"> |
||||
|
<el-form |
||||
|
:inline="true" |
||||
|
:model="formData" |
||||
|
ref="ref_searchform" |
||||
|
:label-width="'100px'" |
||||
|
> |
||||
|
<div> |
||||
|
<el-form-item label="所属组织" prop="orgId" > |
||||
|
<el-cascader |
||||
|
class="item_width_2" |
||||
|
ref="myCascaderm" |
||||
|
filterable |
||||
|
size="small" |
||||
|
v-model="agencyIdArray" |
||||
|
:options="orgOptions" |
||||
|
:props="orgOptionProps" |
||||
|
:show-all-levels="false" |
||||
|
@change="handleChangeAgency" |
||||
|
></el-cascader> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="房主姓名" prop="ownerName"> |
||||
|
<el-input |
||||
|
class="item_width_2" |
||||
|
size="small" |
||||
|
v-model="formData.ownerName" |
||||
|
clearable |
||||
|
placeholder="请输入" |
||||
|
> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<el-form-item label="联系方式" prop="ownerPhone"> |
||||
|
<el-input |
||||
|
class="item_width_2" |
||||
|
size="small" |
||||
|
v-model="formData.ownerPhone" |
||||
|
clearable |
||||
|
placeholder="请输入" |
||||
|
> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="房屋用途" prop="purpose"> |
||||
|
<el-select v-model="formData.purpose" |
||||
|
placeholder="请选择" |
||||
|
size="small" |
||||
|
class="item_width_2" |
||||
|
clearable |
||||
|
style="width: 240px" |
||||
|
:multiple="false"> |
||||
|
<el-option v-for="item in housePurposeOption" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="备注" prop="remark"> |
||||
|
<el-input |
||||
|
class="item_width_2" |
||||
|
size="small" |
||||
|
v-model="formData.remark" |
||||
|
clearable |
||||
|
placeholder="请输入" |
||||
|
> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-button |
||||
|
style="margin-left: 30px" |
||||
|
size="small" |
||||
|
class="diy-button--search" |
||||
|
@click="handleSearch" |
||||
|
>查询</el-button |
||||
|
> |
||||
|
<el-button |
||||
|
style="margin-left: 10px" |
||||
|
size="small" |
||||
|
class="diy-button--reset" |
||||
|
@click="resetSearch" |
||||
|
>重置</el-button |
||||
|
> |
||||
|
</div> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
|
||||
|
<div class="div_table"> |
||||
|
<el-table |
||||
|
border |
||||
|
:header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" |
||||
|
class="table" |
||||
|
:data="tableData" |
||||
|
style="width: 100%" |
||||
|
:height="maxTableHeight" |
||||
|
> |
||||
|
|
||||
|
<el-table-column |
||||
|
label="序号" |
||||
|
fixed="left" |
||||
|
type="index" |
||||
|
align="center" |
||||
|
width="50" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
prop="gridName" |
||||
|
align="center" |
||||
|
min-width="190" |
||||
|
label="所属组织" |
||||
|
:show-overflow-tooltip="true" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<span>{{scope.row.agencyName }}-{{ scope.row.gridName}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="houseName" |
||||
|
align="center" |
||||
|
min-width="180" |
||||
|
label="房屋名称" |
||||
|
:show-overflow-tooltip="true" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
prop="houseType" |
||||
|
label="类型" |
||||
|
min-width="150" |
||||
|
align="center" |
||||
|
:show-overflow-tooltip="true" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
prop="purpose" |
||||
|
align="center" |
||||
|
min-width="150" |
||||
|
label="用途" |
||||
|
:show-overflow-tooltip="true" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
prop="rentFlag" |
||||
|
align="center" |
||||
|
width="150" |
||||
|
:show-overflow-tooltip="true" |
||||
|
label="房屋状态" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="ownerName" |
||||
|
align="center" |
||||
|
width="150" |
||||
|
:show-overflow-tooltip="true" |
||||
|
label="房主姓名" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="ownerPhone" |
||||
|
align="center" |
||||
|
width="150" |
||||
|
:show-overflow-tooltip="true" |
||||
|
label="联系方式" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="ownerIdCard" |
||||
|
align="center" |
||||
|
width="150" |
||||
|
:show-overflow-tooltip="true" |
||||
|
label="身份证" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="remark" |
||||
|
align="center" |
||||
|
width="150" |
||||
|
:show-overflow-tooltip="true" |
||||
|
label="备注" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column fixed="right" label="操作" align="center" width="100"> |
||||
|
<template slot-scope="scope"> |
||||
|
<!-- <el-button v-if="scope.row.issueStatus==='voting'&& agencyId===scope.row.orgId" |
||||
|
@click="handleDispose(scope.row)" |
||||
|
type="text" size="small" |
||||
|
class="div-table-button--edit">处理</el-button> --> |
||||
|
|
||||
|
<el-button @click="handleWatch(scope.row)" type="text" size="small" |
||||
|
>查看</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<div> |
||||
|
<el-pagination |
||||
|
@size-change="handleSizeChange" |
||||
|
@current-change="handleCurrentChange" |
||||
|
:current-page.sync="pageNo" |
||||
|
:page-sizes="[20, 50, 100, 200]" |
||||
|
:page-size="parseInt(pageSize)" |
||||
|
layout="sizes, prev, pager, next, total" |
||||
|
:total="total" |
||||
|
> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
<el-dialog |
||||
|
title="房屋详情" |
||||
|
:visible.sync="showhtglDialog" |
||||
|
:close-on-click-modal="false" |
||||
|
:close-on-press-escape="false" |
||||
|
width="950px" |
||||
|
v-if="showhtglDialog" |
||||
|
@close="detailFormCancle" |
||||
|
> |
||||
|
<qzf-info |
||||
|
ref="qzf_info" |
||||
|
@diaDetailClose="detailFormCancle" |
||||
|
> |
||||
|
</qzf-info> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapGetters } from "vuex"; |
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
import qzfInfo from "./qzfInfo.vue" |
||||
|
import axios from "axios"; |
||||
|
|
||||
|
export default { |
||||
|
|
||||
|
data() { |
||||
|
let orgOptionProps = { |
||||
|
multiple: false, |
||||
|
value: 'agencyId', |
||||
|
label: 'agencyName', |
||||
|
children: 'subAgencyList', |
||||
|
checkStrictly: true |
||||
|
} |
||||
|
return { |
||||
|
orgOptions: [], |
||||
|
orgOptionProps, |
||||
|
housePurposeOption:[ |
||||
|
{ value: '1', label: '住宅' }, |
||||
|
{ value: '2', label: '商业' }, |
||||
|
{ value: '3', label: '办公' }, |
||||
|
{ value: '4', label: '工业' }, |
||||
|
{ value: '5', label: '仓储' }, |
||||
|
{ value: '6', label: '商住混用' }, |
||||
|
{ value: '7', label: '其他' } |
||||
|
], |
||||
|
formData: { |
||||
|
ownerName: '', |
||||
|
ownerPhone: '', |
||||
|
startDate: '', |
||||
|
endDate: '', |
||||
|
purpose:'', |
||||
|
remark:'', |
||||
|
orgId:'' |
||||
|
}, |
||||
|
showhtglDialog:false, |
||||
|
topicId:'', |
||||
|
tableData:[], |
||||
|
dialogVisible:false, |
||||
|
agencyIdArray: [], |
||||
|
pageNo: 1, |
||||
|
pageSize: window.localStorage.getItem("pageSize") || 20, |
||||
|
total: 1, |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
this.getTableData() |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.getOrgTreeList(); |
||||
|
}, |
||||
|
methods: { |
||||
|
async getOrgTreeList() { |
||||
|
const url = "/gov/org/customeragency/agencygridtree"; |
||||
|
let params = { |
||||
|
agencyId: this.agencyId, |
||||
|
purpose: "query", |
||||
|
}; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params); |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.orgOptions = []; |
||||
|
this.orgOptions.push(data); |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
handleChangeAgency (val) { |
||||
|
let obj = this.$refs["myCascaderm"].getCheckedNodes()[0].data |
||||
|
console.log(obj); |
||||
|
if (obj) { |
||||
|
if (obj.level === 'grid') { |
||||
|
this.formData.orgId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; |
||||
|
} else { |
||||
|
this.formData.orgId = this.agencyIdArray.length > 0 ? this.agencyIdArray[this.agencyIdArray.length - 1] : ''; |
||||
|
} |
||||
|
|
||||
|
} else { |
||||
|
this.formData.orgId = '' |
||||
|
} |
||||
|
}, |
||||
|
handleSizeChange (val) { |
||||
|
|
||||
|
this.pageSize = val; |
||||
|
window.localStorage.setItem("pageSize", val); |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
handleCurrentChange (val) { |
||||
|
this.pageNo = val; |
||||
|
this.getTableData(); |
||||
|
}, |
||||
|
handleSearch (val) { |
||||
|
this.pageNo = 1; |
||||
|
this.getTableData(); |
||||
|
console.log(this.agencyIdArray); |
||||
|
}, |
||||
|
|
||||
|
resetSearch () { |
||||
|
this.agencyIdArray = [] |
||||
|
this.formData = { |
||||
|
ownerName: '', |
||||
|
ownerPhone: '', |
||||
|
startDate: '', |
||||
|
endDate: '', |
||||
|
} |
||||
|
this.pageNo = 1 |
||||
|
}, |
||||
|
|
||||
|
async getTableData () { |
||||
|
const url = "/gov/org/house/group-rent-house-list"; |
||||
|
let { pageSize, pageNo, formData } = this; |
||||
|
// if(this.agencyIdArray.length ==1){ |
||||
|
// orgId = JSONparse(JSON.stringify(this.agencyIdArray[0])).join() |
||||
|
// }else if(this.agencyIdArray.length ==2){ |
||||
|
// orgId = JSONparse(JSON.stringify(this.agencyIdArray[1])).splice(1).join() |
||||
|
// }else if(this.agencyIdArray.length ==3){ |
||||
|
// orgId = JSONparse(JSON.stringify(this.agencyIdArray[0])).splice(2).join() |
||||
|
// }else if(this.agencyIdArray.length ==4){ |
||||
|
// orgId = JSONparse(JSON.stringify(this.agencyIdArray[0])).splice(3).join() |
||||
|
// }else{ |
||||
|
// this.agencyIdArray = [] |
||||
|
// } |
||||
|
console.log( this.agencyIdArray); |
||||
|
const { data, code, msg } = await requestPost(url, { |
||||
|
pageSize, |
||||
|
pageNo, |
||||
|
// orgId, |
||||
|
orgType: "agency", |
||||
|
...formData, |
||||
|
}); |
||||
|
if (code === 0) { |
||||
|
this.total = data.total || 0; |
||||
|
this.tableData = data.list |
||||
|
? data.list.map((item) => { |
||||
|
return item; |
||||
|
}) |
||||
|
: []; |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
detailFormCancle () { |
||||
|
this.showhtglDialog = false |
||||
|
}, |
||||
|
async handleWatch (row) { |
||||
|
console.log(row,'see'); |
||||
|
this.showhtglDialog = true |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.qzf_info.initForm(row) |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
}, |
||||
|
components: { |
||||
|
qzfInfo |
||||
|
}, |
||||
|
computed: { |
||||
|
maxTableHeight () { |
||||
|
return this.$store.state.inIframe |
||||
|
? this.clientHeight - 240 + this.iframeHeigh |
||||
|
: this.clientHeight - 240; |
||||
|
}, |
||||
|
...mapGetters(["clientHeight", "iframeHeight"]), |
||||
|
}, |
||||
|
watch: {}, |
||||
|
}; |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/buttonstyle.scss"; |
||||
|
@import "@/assets/scss/modules/management/list-main.scss"; |
||||
|
@import "@/assets/scss/modules/shequzhili/event-info.scss"; |
||||
|
::v-deep .el-row{ |
||||
|
margin:20px 0px 10px; |
||||
|
font-size: 15px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,360 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="dialog-h-content scroll-h"> |
||||
|
<div class="div_tuomin"> |
||||
|
<el-button |
||||
|
size="mini" |
||||
|
class="diy-button--search" |
||||
|
@click="handleTuomin">显示脱敏信息</el-button> |
||||
|
</div> |
||||
|
<div v-if="initLoading" |
||||
|
class="m-row"> |
||||
|
<div class="m-info"> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">所属楼栋：</span> |
||||
|
<span>{{ dataForm.neighborHoodName }}-{{dataForm.buildingName}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">单元号：</span> |
||||
|
<span>{{ dataForm.unitName?dataForm.unitName:'--' }}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">门牌号：</span> |
||||
|
<span>{{ dataForm.doorName}}</span> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">房屋编码：</span> |
||||
|
<span>{{ dataForm.coding?dataForm.coding:'--'}}</span> |
||||
|
</div> |
||||
|
<div v-if="dataForm.houseQrcodeUrl" |
||||
|
style="display: flex;flex-direction: column;"> |
||||
|
<img style="margin-left: 70px;width: 200px;" |
||||
|
:src="dataForm.houseQrcodeUrl"> |
||||
|
<a style="margin-left: 80px" |
||||
|
:href="dataForm.houseQrcodeUrl" |
||||
|
target="_blank">下载</a> |
||||
|
</div> |
||||
|
|
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">房屋类型：</span> |
||||
|
<span>{{dataForm.houseTypeName?dataForm.houseTypeName:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">房屋用途：</span> |
||||
|
<span>{{dataForm.purposeName?dataForm.purposeName:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">房屋状态：</span> |
||||
|
<span>{{dataForm.rentName?dataForm.rentName:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">房主姓名：</span> |
||||
|
<span>{{dataForm.ownerName?dataForm.ownerName:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">联系方式：</span> |
||||
|
<span>{{dataForm.showOwnerPhone?dataForm.showOwnerPhone:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">房主身份证：</span> |
||||
|
<span>{{dataForm.showOwnerIdCard?dataForm.showOwnerIdCard:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="info-prop"> |
||||
|
<span class="info-title-2">备注：</span> |
||||
|
<span>{{dataForm.remark?dataForm.remark:'--' }}</span> |
||||
|
</div> |
||||
|
<div class="leftPostion_box"> |
||||
|
<span class="">居住成员信息</span> |
||||
|
<span v-if="quanzufangResiList.length==0">--</span> |
||||
|
</div> |
||||
|
<section> |
||||
|
<el-row > |
||||
|
<el-col :span="3"> 姓名</el-col> |
||||
|
<el-col :span="7">联系方式</el-col> |
||||
|
<el-col :span="9">房主身份证</el-col> |
||||
|
</el-row> |
||||
|
<el-row type="flex" v-for="(item,index) in quanzufangResiList" :key="index"> |
||||
|
<el-col :span="3"> {{item.name}}</el-col> |
||||
|
<el-col :span="7"> {{item.mobile?item.mobile:"--"}}</el-col> |
||||
|
<el-col :span="9"> {{item.idCard?item.idCard:"--"}}</el-col> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
<div class="div-btn"> |
||||
|
<el-button size="small" |
||||
|
@click="handleCancle">关 闭</el-button> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import { Loading } from 'element-ui' // 引入Loading服务 |
||||
|
import { requestPost, requestGet } from '@/js/dai/request' |
||||
|
|
||||
|
|
||||
|
let loading // 加载动画 |
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
formType: 'add', //表单操作类型 add新增，edit编辑，detail详情 |
||||
|
btnDisable: false, |
||||
|
initLoading: false, |
||||
|
unitList: [], |
||||
|
|
||||
|
houseId: '', //房屋ID |
||||
|
houseType: '1', |
||||
|
purpose: '1', |
||||
|
rentFlag: 0, |
||||
|
dataForm: { |
||||
|
neighborHoodId: '', // 所属小区ID |
||||
|
buildingId: '',//所属楼栋ID |
||||
|
buildingUnitId: '',//所属单元ID |
||||
|
doorName: '',//门牌号 |
||||
|
houseType: '',//房屋类型【楼房，平房，别墅】 |
||||
|
purpose: '',//房屋用途【住宅，商业，办公，工业，仓储，商住混用，其他】 |
||||
|
rentFlag: 0,//房屋状态【是：1，否：0】 出租1、闲置2、自住 0 |
||||
|
ownerPhone: '', //联系方式 |
||||
|
ownerName: '', //房主名字 |
||||
|
ownerIdCard: '', //房主身份证 |
||||
|
remark: '', |
||||
|
quanzufangResiList:[],//群租房人员 |
||||
|
// realPerson: 0, |
||||
|
coding: '', |
||||
|
sysCoding: '' |
||||
|
}, |
||||
|
|
||||
|
keyWords: '', |
||||
|
agencyObj: {}, |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
components: {}, |
||||
|
mounted () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
handleCancle () { |
||||
|
// this.diaDestroy() |
||||
|
this.$emit('diaDetailClose') |
||||
|
|
||||
|
}, |
||||
|
diaDestroy () { |
||||
|
|
||||
|
}, |
||||
|
async initForm (row, agencyObj) { |
||||
|
// this.dataForm = JSON.parse(JSON.stringify(row)) |
||||
|
this.agencyObj = agencyObj |
||||
|
this.houseId = row.houseId |
||||
|
await this.loadHouseInfo() |
||||
|
await this.loadQunzufangInfo() |
||||
|
this.initLoading = true |
||||
|
|
||||
|
|
||||
|
// this.$refs.ref_form.resetFields(); |
||||
|
// this.agencyObj = agencyObj |
||||
|
// this.formType = type |
||||
|
// console.log('agencyObj-----', agencyObj) |
||||
|
// if (row) { |
||||
|
|
||||
|
// this.houseId = row.houseId |
||||
|
// await this.loadHouseInfo() |
||||
|
|
||||
|
|
||||
|
// } else { |
||||
|
|
||||
|
// this.dataForm.neighborHoodId = this.agencyObj.neighborHoodId |
||||
|
// this.dataForm.buildingId = this.agencyObj.id |
||||
|
// } |
||||
|
|
||||
|
|
||||
|
// await this.loadUnitList() |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
async handleTuomin () { |
||||
|
const url = "/data/aggregator/epmetuser/detailByType"; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, { |
||||
|
id:this.houseId, |
||||
|
type: "checkHouse", |
||||
|
}); |
||||
|
for(let i in this.quanzufangResiList){ |
||||
|
await this.getResiTuomin( this.quanzufangResiList[i].id) |
||||
|
} |
||||
|
if (code === 0) { |
||||
|
this.$set(this.dataForm, 'showOwnerPhone', data.mobile) |
||||
|
this.$set(this.dataForm, 'showOwnerIdCard', data.idCard) |
||||
|
} else { |
||||
|
this.$message.error(msg); |
||||
|
} |
||||
|
}, |
||||
|
async getResiTuomin(id){ |
||||
|
const url = "/data/aggregator/epmetuser/detailByType"; |
||||
|
const { data, code, msg } = await requestPost(url, { |
||||
|
id:id, |
||||
|
type: "checkIcResiUser", |
||||
|
}); |
||||
|
if(code == 0){ |
||||
|
for(let i in this.quanzufangResiList){ |
||||
|
// console.log(this.quanzufangResiList[i].mobile.split(7,11)); |
||||
|
// console.log(data.mobile.split(7,11)); |
||||
|
if(this.quanzufangResiList[i].mobile.substr(7,4) == data.mobile.substr(7,4)){ |
||||
|
this.$set(this.quanzufangResiList[i],'mobile',data.mobile) |
||||
|
this.$set(this.quanzufangResiList[i],'idCard',data.idCard) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
}else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
async loadHouseInfo () { |
||||
|
|
||||
|
const url = "/gov/org/ichouse/" + this.houseId |
||||
|
|
||||
|
const { data, code, msg } = await requestGet(url) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
// debugger |
||||
|
this.dataForm = { ...data } |
||||
|
|
||||
|
this.houseType = this.dataForm.houseType |
||||
|
this.purpose = this.dataForm.purpose |
||||
|
this.rentFlag = parseInt(this.dataForm.rentFlag) |
||||
|
|
||||
|
|
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
async loadQunzufangInfo () { |
||||
|
|
||||
|
const url = "/epmetuser/icresiuser/listhomeuserbrief-encrypt/" + this.houseId |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
// debugger |
||||
|
// this.dataForm = { ...data } |
||||
|
|
||||
|
// this.houseType = this.dataForm.houseType |
||||
|
// this.purpose = this.dataForm.purpose |
||||
|
// this.rentFlag = parseInt(this.dataForm.rentFlag) |
||||
|
this.quanzufangResiList = data |
||||
|
console.log(data); |
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
resetData () { |
||||
|
this.houseId = '' //房屋ID |
||||
|
this.houseType = '1' |
||||
|
this.purpose = '1' |
||||
|
this.rentFlag = 0 |
||||
|
this.dataForm = { |
||||
|
neighborHoodId: '', // 所属小区ID |
||||
|
buildingId: '',//所属楼栋ID |
||||
|
buildingUnitId: '',//所属单元ID |
||||
|
doorName: '',//门牌号 |
||||
|
houseType: '1',//房屋类型【楼房，平房，别墅】 |
||||
|
purpose: '1',//房屋用途【住宅，商业，办公，工业，仓储，商住混用，其他】 |
||||
|
rentFlag: 0,//是否出租【是：1，否：0】 |
||||
|
ownerPhone: '', //联系方式 |
||||
|
ownerName: '', //房主名字 |
||||
|
ownerIdCard: '', //房主身份证 |
||||
|
remark: '', // 备注 |
||||
|
coding: '', |
||||
|
sysCoding: '' |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
// 开启加载动画 |
||||
|
startLoading () { |
||||
|
loading = Loading.service({ |
||||
|
lock: true, // 是否锁定 |
||||
|
text: '正在加载……', // 加载中需要显示的文字 |
||||
|
background: 'rgba(0,0,0,.7)' // 背景颜色 |
||||
|
}) |
||||
|
}, |
||||
|
// 结束加载动画 |
||||
|
endLoading () { |
||||
|
// clearTimeout(timer); |
||||
|
if (loading) { |
||||
|
loading.close() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
dataRule () { |
||||
|
return { |
||||
|
buildingUnitId: [ |
||||
|
{ required: true, message: '所属单元不能为空', trigger: 'blur' }, |
||||
|
], |
||||
|
doorName: [ |
||||
|
{ required: true, message: '门牌号不能为空', trigger: 'blur' } |
||||
|
], |
||||
|
coding: [ |
||||
|
{ required: true, message: '房屋编码不能为空', trigger: 'blur' } |
||||
|
], |
||||
|
houseType: [ |
||||
|
{ required: true, message: '房屋类型不能为空', trigger: 'blur' } |
||||
|
], |
||||
|
purpose: [ |
||||
|
{ required: true, message: '房屋用途不能为空', trigger: 'blur' } |
||||
|
], |
||||
|
rentFlag: [ |
||||
|
{ required: true, message: '是否出租不能为空', trigger: 'blur' } |
||||
|
], |
||||
|
ownerPhone: [ |
||||
|
{ required: false } |
||||
|
], |
||||
|
ownerName: [ |
||||
|
{ required: false } |
||||
|
], |
||||
|
ownerIdCard: [ |
||||
|
{ required: false } |
||||
|
], |
||||
|
remark: [ |
||||
|
{ required: false } |
||||
|
], |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
props: { |
||||
|
view_real_data: {//显示【显示脱敏信息】按钮 |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped > |
||||
|
// @import "@/assets/scss/modules/management/detail-main.scss"; |
||||
|
|
||||
|
.div_tuomin { |
||||
|
position: absolute; |
||||
|
top: 52px; |
||||
|
right: 40px; |
||||
|
z-index: 1000; |
||||
|
} |
||||
|
.leftPostion_box{ |
||||
|
position: relative; |
||||
|
left: -80px; |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,142 @@ |
|||||
|
<template> |
||||
|
<el-dialog :visible.sync="visible" title="操作记录" :close-on-click-modal="false" :close-on-press-escape="false"> |
||||
|
<el-table :cell-style="cellStyle" v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> |
||||
|
<el-table-column show-overflow-tooltip width="200" prop="placeOrgName" label="场所名称" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column show-overflow-tooltip width="200" prop="address" label="场所地址" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column show-overflow-tooltip width="200" prop="placeType" label="场所类型" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column show-overflow-tooltip width="150" prop="scale" label="规模" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column show-overflow-tooltip width="150" prop="personInCharge" label="负责人" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column show-overflow-tooltip width="250" prop="mobile" label="联系电话" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column show-overflow-tooltip width="200" prop="createdTime" label="操作日期" header-align="center" align="center"></el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination |
||||
|
:current-page="page" |
||||
|
:page-sizes="[10, 20, 50, 100]" |
||||
|
:page-size="limit" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
@size-change="pageSizeChangeHandle" |
||||
|
@current-change="pageCurrentChangeHandle"> |
||||
|
</el-pagination> |
||||
|
<template slot="footer"> |
||||
|
<el-button @click="visible = false">{{ $t('cancel') }}</el-button> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import mixinViewModule from '@/mixins/view-module' |
||||
|
import debounce from 'lodash/debounce' |
||||
|
export default { |
||||
|
mixins: [mixinViewModule], |
||||
|
data () { |
||||
|
return { |
||||
|
mixinViewModuleOptions: { |
||||
|
getDataListURL: '/gov/org/enterprise/history/0', |
||||
|
getDataListIsPage: true, |
||||
|
createdIsNeed: false, |
||||
|
}, |
||||
|
visible: false, |
||||
|
historyList:[], |
||||
|
dataForm: { |
||||
|
id: '', |
||||
|
customerId: '', |
||||
|
gridId: '', |
||||
|
agencyId: '', |
||||
|
agencyPids: '', |
||||
|
placeType: '', |
||||
|
placeOrgName: '', |
||||
|
address: '', |
||||
|
longitude: '', |
||||
|
latitude: '', |
||||
|
scale: '', |
||||
|
personInCharge: '', |
||||
|
mobile: '', |
||||
|
sourceType: '', |
||||
|
latestResult: '', |
||||
|
latestPatrolTime: '', |
||||
|
delFlag: '', |
||||
|
revision: '', |
||||
|
createdBy: '', |
||||
|
createdTime: '', |
||||
|
updatedBy: '', |
||||
|
updatedTime: '' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
dataRule () { |
||||
|
return { |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
init () { |
||||
|
this.visible = true |
||||
|
this.$nextTick(() => { |
||||
|
if (this.dataForm.id) { |
||||
|
this.getInfo() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
cellStyle({row, column, rowIndex, columnIndex}) { |
||||
|
let mark = 'background:red;font-weight:bold;color:#303133;' |
||||
|
if(row.placeOrgName.includes('->') && columnIndex === 0){ |
||||
|
return mark |
||||
|
} |
||||
|
if(row.address.includes('->') && columnIndex === 1){ |
||||
|
return mark |
||||
|
} |
||||
|
if(row.placeType.includes('->') && columnIndex === 2){ |
||||
|
return mark |
||||
|
} |
||||
|
if(row.scale.includes('->') && columnIndex === 3){ |
||||
|
return mark |
||||
|
} |
||||
|
if(row.personInCharge.includes('->') && columnIndex === 4){ |
||||
|
return mark |
||||
|
} |
||||
|
if(row.mobile.includes('->') && columnIndex === 5){ |
||||
|
return mark |
||||
|
} |
||||
|
}, |
||||
|
// 获取信息 |
||||
|
getInfo () { |
||||
|
this.mixinViewModuleOptions.getDataListURL = `/gov/org/icEnterpriseChangeRecord/history/${this.dataForm.id}` |
||||
|
this.getDataList() |
||||
|
// this.$http.get(`/gov/org/icEnterpriseChangeRecord/history/${this.dataForm.id}`).then(({ data: res }) => { |
||||
|
// if (res.code !== 0) { |
||||
|
// this.historyList = [] |
||||
|
// this.total = 0 |
||||
|
// return this.$message.error(res.msg) |
||||
|
// } |
||||
|
// this.historyList = res.data.list |
||||
|
// this.total = res.data.total |
||||
|
// |
||||
|
// }).catch(() => {}) |
||||
|
}, |
||||
|
// 表单提交 |
||||
|
dataFormSubmitHandle: debounce(function () { |
||||
|
this.$refs['dataForm'].validate((valid) => { |
||||
|
if (!valid) { |
||||
|
return false |
||||
|
} |
||||
|
this.$http[!this.dataForm.id ? 'post' : 'put']('/gov/org/icEnterpriseChangeRecord/', this.dataForm).then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} |
||||
|
this.$message({ |
||||
|
message: this.$t('prompt.success'), |
||||
|
type: 'success', |
||||
|
duration: 500, |
||||
|
onClose: () => { |
||||
|
this.visible = false |
||||
|
this.$emit('refreshDataList') |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => {}) |
||||
|
}) |
||||
|
}, 1000, { 'leading': true, 'trailing': false }) |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,358 @@ |
|||||
|
<template> |
||||
|
<div class="mod-__icEnterpriseChangeRecord} resi-container"> |
||||
|
<el-card ref="searchCard" class="search-card"> |
||||
|
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()" label-width="100px"> |
||||
|
<el-form-item label="场所名称" |
||||
|
prop="placeOrgName"> |
||||
|
<el-input v-model="dataForm.placeOrgName" |
||||
|
size="small" |
||||
|
style="width: 240px" |
||||
|
clearable |
||||
|
placeholder="请输入场所名称"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系电话" |
||||
|
prop="createdUser"> |
||||
|
<el-input v-model="dataForm.mobile" |
||||
|
size="small" |
||||
|
style="width: 240px" |
||||
|
clearable |
||||
|
placeholder="请输入联系电话"> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="场所区域" |
||||
|
prop="gridId"> |
||||
|
<el-select |
||||
|
v-model.trim="dataForm.gridId" |
||||
|
placeholder="请选择" |
||||
|
style="width: 240px" |
||||
|
clearable |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="item in optionsG" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value" |
||||
|
> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="场所类型" |
||||
|
prop="placeType"> |
||||
|
<el-select v-model="dataForm.placeType" |
||||
|
placeholder="请选择" |
||||
|
size="small" |
||||
|
style="width: 240px" |
||||
|
clearable> |
||||
|
<el-option v-for="item in placeTypeArr" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="规模" |
||||
|
prop="placeType"> |
||||
|
<el-select v-model="dataForm.scale" |
||||
|
placeholder="请选择" |
||||
|
size="small" |
||||
|
style="width: 240px" |
||||
|
clearable> |
||||
|
<el-option v-for="item in scaleArr" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" size="small" class="diy-button--search" @click="getDataList()">{{ $t('query') }}</el-button> |
||||
|
|
||||
|
<el-button style="margin-left:10px" |
||||
|
size="small" |
||||
|
type="primary" |
||||
|
class="diy-button--reset" |
||||
|
@click="resetSearch">重置</el-button> |
||||
|
</el-form-item> |
||||
|
<!-- <el-button style="margin-left:10px" |
||||
|
size="small" |
||||
|
type="primary" |
||||
|
class="diy-button--reset" |
||||
|
@click="resetSearch">重置</el-button> --> |
||||
|
<!-- <el-form-item>--> |
||||
|
<!-- <el-button type="primary" size="small" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>--> |
||||
|
<!-- </el-form-item>--> |
||||
|
<!-- <el-form-item> |
||||
|
<el-button size="small" style="margin-left:10px" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> |
||||
|
</el-form-item> --> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
<el-card class="resi-card-table"> |
||||
|
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%"> |
||||
|
<el-table-column label="序号" type="index" align="center" width="50" /> |
||||
|
<el-table-column prop="placeOrgName" label="场所名称" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="address" label="场所地址" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="placeType" label="场所类型" :formatter="placeTypeFormatter" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="scale" label="规模" :formatter="scaleFormatter" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="personInCharge" label="负责人" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column prop="mobile" label="联系电话" header-align="center" align="center"></el-table-column> |
||||
|
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.enterpriseId)">{{ '操作记录' }}</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination |
||||
|
:current-page="page" |
||||
|
:page-sizes="[10, 20, 50, 100]" |
||||
|
:page-size="limit" |
||||
|
:total="total" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
@size-change="pageSizeChangeHandle" |
||||
|
@current-change="pageCurrentChangeHandle"> |
||||
|
</el-pagination> |
||||
|
</el-card> |
||||
|
<!-- 弹窗, 新增 / 修改 --> |
||||
|
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import mixinViewModule from '@/mixins/view-module' |
||||
|
import AddOrUpdate from './icenterprisechangerecord-add-or-update' |
||||
|
import { requestPost } from "@/js/dai/request"; |
||||
|
export default { |
||||
|
mixins: [mixinViewModule], |
||||
|
data () { |
||||
|
return { |
||||
|
mixinViewModuleOptions: { |
||||
|
getDataListURL: '/gov/org/enterprise/page', |
||||
|
getDataListIsPage: true, |
||||
|
deleteURL: '/gov/org/icEnterpriseChangeRecord', |
||||
|
deleteIsBatch: true |
||||
|
}, |
||||
|
scaleArr: [], |
||||
|
resultArr: [{ |
||||
|
value: '0', |
||||
|
label: '合格' |
||||
|
},{ |
||||
|
value: '1', |
||||
|
label: '不合格' |
||||
|
}], |
||||
|
placeTypeArr: [], |
||||
|
agencyIdArray: [], |
||||
|
optionsG: [], |
||||
|
orgOptions: [], |
||||
|
orgOptionProps:{ |
||||
|
multiple: false, |
||||
|
value: 'value', |
||||
|
label: 'label', |
||||
|
children: 'children', |
||||
|
checkStrictly: true |
||||
|
}, |
||||
|
dataForm: { |
||||
|
id: '' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
AddOrUpdate |
||||
|
}, |
||||
|
created () { |
||||
|
this.getGridList() |
||||
|
this.getPlaceTypeList() |
||||
|
this.getScaleList() |
||||
|
}, |
||||
|
methods: { |
||||
|
placeTypeFormatter (row) { |
||||
|
let re = '' |
||||
|
this.placeTypeArr.forEach((item) => { |
||||
|
if (item.value === row.placeType) { |
||||
|
re = item.label |
||||
|
} |
||||
|
}) |
||||
|
return re |
||||
|
}, |
||||
|
scaleFormatter (row) { |
||||
|
let re = '' |
||||
|
this.scaleArr.forEach((item) => { |
||||
|
if (item.value === row.scale) { |
||||
|
re = item.label |
||||
|
} |
||||
|
}) |
||||
|
return re |
||||
|
}, |
||||
|
resultFormatter (row) { |
||||
|
let re = '' |
||||
|
this.resultArr.forEach((item) => { |
||||
|
if (item.value === row.latestResult) { |
||||
|
re = item.label |
||||
|
} |
||||
|
}) |
||||
|
return re |
||||
|
}, |
||||
|
getPlaceTypeList() { |
||||
|
const { user } = this.$store.state |
||||
|
this.$http |
||||
|
.post('/gov/org/coverage/dict-select-list/enterprise_patrol', {}) |
||||
|
.then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} else { |
||||
|
console.log('获取查询详情成功', res.data) |
||||
|
this.placeTypeArr = res.data |
||||
|
} |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
return this.$message.error('网络错误') |
||||
|
}) |
||||
|
}, |
||||
|
getGridList() { |
||||
|
const { user } = this.$store.state |
||||
|
this.$http |
||||
|
.post('/gov/org/customergrid/gridoption', { agencyId: user.agencyId, purpose: 'query' }) |
||||
|
.then(({ data: res }) => { |
||||
|
if (res.code !== 0) { |
||||
|
return this.$message.error(res.msg) |
||||
|
} else { |
||||
|
console.log('获取查询详情成功', res.data) |
||||
|
this.optionsG = res.data |
||||
|
} |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
return this.$message.error('网络错误') |
||||
|
}) |
||||
|
}, |
||||
|
exportHandle () { |
||||
|
const url = this.mixinViewModuleOptions.exportURL |
||||
|
this.$http({ |
||||
|
method: 'GET', |
||||
|
url, |
||||
|
responseType: 'blob', |
||||
|
params: this.dataForm |
||||
|
}).then(res => { |
||||
|
// this.download(res.data, title + '.xls') |
||||
|
if (res.headers["content-disposition"]) { |
||||
|
let fileName = window.decodeURI(res.headers["content-disposition"].split(";")[1].split("=")[1]) |
||||
|
console.log('filename', fileName) |
||||
|
let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' }) |
||||
|
var url = window.URL.createObjectURL(blob) |
||||
|
var aLink = document.createElement('a') |
||||
|
aLink.style.display = 'none' |
||||
|
aLink.href = url |
||||
|
aLink.setAttribute('download', fileName) |
||||
|
document.body.appendChild(aLink) |
||||
|
aLink.click() |
||||
|
document.body.removeChild(aLink) //下载完成移除元素 |
||||
|
window.URL.revokeObjectURL(url) //释放掉blob对象 |
||||
|
} else this.$message.error('下载失败') |
||||
|
}).catch(err => { |
||||
|
console.log('err', err) |
||||
|
return this.$message.error('网络错误') |
||||
|
}) |
||||
|
}, |
||||
|
//重置搜索条件 |
||||
|
resetSearch () { |
||||
|
this.agencyIdArray = [] |
||||
|
this.dataForm = { |
||||
|
agencyId: '', |
||||
|
gridId: '', |
||||
|
logType: '', |
||||
|
createdUser: '', |
||||
|
startTime: '', |
||||
|
endTime: '', |
||||
|
mobile: '' |
||||
|
} |
||||
|
|
||||
|
this.getDataList() |
||||
|
}, |
||||
|
// 字典 |
||||
|
async getScaleList () { |
||||
|
console.log(localStorage.getItem('token')) |
||||
|
const url = "/sys/dict/data/dictlist" |
||||
|
|
||||
|
let params = { |
||||
|
dictType: 'scale' |
||||
|
} |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params) |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.scaleArr = data |
||||
|
} else { |
||||
|
this.$message.error(msg) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
@import "@/assets/scss/buttonstyle.scss"; |
||||
|
|
||||
|
.resi-container .resi-card-table { |
||||
|
::v-deep .el-table th { |
||||
|
color: #fff; |
||||
|
background-color: rgba(33, 149, 254, 1); |
||||
|
// border-right: 1px solid rgba(33, 149, 254, 1); |
||||
|
} |
||||
|
} |
||||
|
.resi-table { |
||||
|
::v-deep .el-button--text { |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
::v-deep .btn-color-del { |
||||
|
margin-left: 10px; |
||||
|
color: rgba(213, 16, 16, 1); |
||||
|
} |
||||
|
::v-deep .btn-color-edit { |
||||
|
color: rgba(0, 167, 169, 1); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.resi-row-btn { |
||||
|
margin-bottom: 13px; |
||||
|
.upload-btn { |
||||
|
display: inline-block; |
||||
|
margin: 0 10px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.form-wr { |
||||
|
.input-width { |
||||
|
width: 260px; |
||||
|
|
||||
|
} |
||||
|
.input-width-textarea { |
||||
|
width: 500px; |
||||
|
} |
||||
|
.imsg-list { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
.imgs-item { |
||||
|
position: relative; |
||||
|
margin-right: 10px; |
||||
|
.el-icon-delete { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
font-size: 18px; |
||||
|
color: red; |
||||
|
z-index: 3; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.div-content { |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
|
<style> |
||||
|
.el-table .warning-row { |
||||
|
background: #ffe168; |
||||
|
} |
||||
|
</style> |
||||
File diff suppressed because it is too large
Loading…
Reference in new issue