|
|
@ -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="searchForm" :inline="true" :model="searchForm" 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('searchForm')">重置</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> |
|
|
|