|
|
|
@ -1,108 +1,85 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="resi-container"> |
|
|
|
<el-card class="resi-card"> |
|
|
|
<el-row class="resi-row-box" |
|
|
|
:class="openSearch && 'resi-row-more'"> |
|
|
|
<el-row class="resi-row" |
|
|
|
:gutter="20"> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-label">组织名称</div> |
|
|
|
<div class="resi-cell-value" |
|
|
|
:class="'resi-cell-value-radio'"> |
|
|
|
<el-input v-model="fmData.societyName" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<!-- <el-col :span="8"> |
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-label">负责人</div> |
|
|
|
<div class="resi-cell-value" |
|
|
|
:class="'resi-cell-value-radio'"> |
|
|
|
<el-input v-model="fmData.personInCharge" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col>--> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-label">服务电话</div> |
|
|
|
<div class="resi-cell-value" |
|
|
|
:class="'resi-cell-value-radio'"> |
|
|
|
<el-input v-model="fmData.mobile" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-label">服务时间</div> |
|
|
|
<div class="resi-cell-value" |
|
|
|
:class="'resi-cell-value-radio'"> |
|
|
|
<el-input v-model="fmData.serviceTimeStr" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<!-- <el-row> |
|
|
|
<el-col :span="24"> |
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-label">服务时间</div> |
|
|
|
<div class="resi-cell-value" |
|
|
|
:class="'resi-cell-value-radio'"> |
|
|
|
<el-input v-model="fmData.serviceTimeStr" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
<!– <el-date-picker v-model="fmData.serviceTime" |
|
|
|
type="daterange" |
|
|
|
range-separator="至" |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
</el-date-picker>–> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-row>--> |
|
|
|
</el-row> |
|
|
|
<el-row class="resi-search"> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-button type="primary" |
|
|
|
size="small" |
|
|
|
@click="handleSearch">查询 |
|
|
|
</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-card> |
|
|
|
</div> |
|
|
|
<div class="resi-container"> |
|
|
|
<el-card class="resi-card"> |
|
|
|
<div class=""> |
|
|
|
<el-form ref="fmData" :inline="true" :model="fmData" class="demo-form-inline"> |
|
|
|
<el-form-item label="组织名称" prop="societyName"> |
|
|
|
<el-input v-model="fmData.societyName" placeholder="请输入" class="input-width" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="服务电话" prop="mobile"> |
|
|
|
<el-input v-model="fmData.mobile" placeholder="请输入" class="input-width" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="服务时间" prop="serviceTimeStr"> |
|
|
|
<el-input v-model="fmData.serviceTimeStr" placeholder="请输入" class="input-width" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button class="diy-button--search" size="small" @click="handleSearch">查询</el-button> |
|
|
|
<el-button class="diy-button--reset" size="small" @click="resetForm('fmData')">重置</el-button> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
<!-- <el-row class="resi-row-box" |
|
|
|
:class="openSearch && 'resi-row-more'"> |
|
|
|
<el-row class="resi-row" |
|
|
|
:gutter="20"> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-label">组织名称</div> |
|
|
|
<div class="resi-cell-value" |
|
|
|
:class="'resi-cell-value-radio'"> |
|
|
|
<el-input v-model="fmData.societyName" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="8"> |
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-label">服务电话</div> |
|
|
|
<div class="resi-cell-value" |
|
|
|
:class="'resi-cell-value-radio'"> |
|
|
|
<el-input v-model="fmData.mobile" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<div class="resi-cell"> |
|
|
|
<div class="resi-cell-label">服务时间</div> |
|
|
|
<div class="resi-cell-value" |
|
|
|
:class="'resi-cell-value-radio'"> |
|
|
|
<el-input v-model="fmData.serviceTimeStr" |
|
|
|
class="resi-cell-input" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
<el-row class="resi-search"> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-button class="diy-button--add" |
|
|
|
size="small" |
|
|
|
@click="handleSearch">查询 |
|
|
|
</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row>--> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
<el-card class="resi-card-table"> |
|
|
|
<div class="resi-row-btn"> |
|
|
|
<el-button type="success" |
|
|
|
<el-button class="diy-button--add" |
|
|
|
size="small" |
|
|
|
@click="handleAdd">新增 |
|
|
|
</el-button> |
|
|
|
@ -122,7 +99,7 @@ |
|
|
|
:on-success="handleExcelSuccess" |
|
|
|
:before-upload="beforeExcelUpload" |
|
|
|
:http-request="uploadHttpRequest"> |
|
|
|
<el-button type="warning" |
|
|
|
<el-button class="diy-button--delete" |
|
|
|
size="small" |
|
|
|
:loading="importLoading">{{ |
|
|
|
importBtnTitle |
|
|
|
@ -131,7 +108,7 @@ |
|
|
|
</el-upload> |
|
|
|
|
|
|
|
<el-button @click="handleChu" |
|
|
|
type="danger" |
|
|
|
class="diy-button--reset" |
|
|
|
size="small">导出 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
@ -336,15 +313,15 @@ export default { |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
this.importLoading = false; |
|
|
|
this.importBtnTitle = "excel导入"; |
|
|
|
this.importBtnTitle = "导入"; |
|
|
|
console.log("resresresresresresres", res); |
|
|
|
|
|
|
|
this.getTableData(); |
|
|
|
if (res.data.code == 0) { |
|
|
|
return this.$message.success(res.data.data || '导入成功'); |
|
|
|
} else { |
|
|
|
return this.$message.error(res.data.msg); |
|
|
|
} |
|
|
|
this.$message({ |
|
|
|
showClose: true, |
|
|
|
message: '导入中,请到系统管理-导入记录中查看进度', |
|
|
|
duration: 0 |
|
|
|
}) |
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
console.log("失败", err); |
|
|
|
@ -372,7 +349,10 @@ export default { |
|
|
|
this.pageNo = 1; |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
|
|
|
|
resetForm(formName) { |
|
|
|
this.$refs[formName].resetFields() |
|
|
|
this.handleSearch() |
|
|
|
}, |
|
|
|
async handleAdd() { |
|
|
|
this.formShow = true; |
|
|
|
await nextTick(); |
|
|
|
|