Browse Source

Merge remote-tracking branch 'origin/dev_shehuizuzhi_ljj' into dev

dev-用户反馈
jianjun 3 years ago
parent
commit
8b45b47cd8
  1. 69
      src/views/modules/communityService/shzz/index.vue

69
src/views/modules/communityService/shzz/index.vue

@ -50,8 +50,22 @@
</div> </div>
</div> </div>
</el-col> </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> <!-- <el-row>
<el-col :span="24"> <el-col :span="24">
<div class="resi-cell"> <div class="resi-cell">
<div class="resi-cell-label">服务时间</div> <div class="resi-cell-label">服务时间</div>
@ -63,23 +77,24 @@
clearable clearable
placeholder="请输入"> placeholder="请输入">
</el-input> </el-input>
<!-- <el-date-picker v-model="fmData.serviceTime" &lt;!&ndash; <el-date-picker v-model="fmData.serviceTime"
type="daterange" type="daterange"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期" end-placeholder="结束日期"
value-format="yyyy-MM-dd"> value-format="yyyy-MM-dd">
</el-date-picker>--> </el-date-picker>&ndash;&gt;
</div> </div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>-->
</el-row> </el-row>
<el-row class="resi-search"> <el-row class="resi-search">
<el-col :span="24"> <el-col :span="24">
<el-button type="primary" <el-button type="primary"
size="small" size="small"
@click="handleSearch">查询</el-button> @click="handleSearch">查询
</el-button>
</el-col> </el-col>
</el-row> </el-row>
</el-card> </el-card>
@ -89,11 +104,13 @@
<div class="resi-row-btn"> <div class="resi-row-btn">
<el-button type="success" <el-button type="success"
size="small" size="small"
@click="handleAdd">新增</el-button> @click="handleAdd">新增
</el-button>
<el-button class="diy-button--search" <el-button class="diy-button--search"
style="margin-left:10px" style="margin-left:10px"
size="small" size="small"
@click="handleExportModule('room')">下载模板</el-button> @click="handleExportModule('room')">下载模板
</el-button>
<el-upload ref="upload" <el-upload ref="upload"
class="upload-btn" class="upload-btn"
action="uploadUlr" action="uploadUlr"
@ -109,12 +126,14 @@
size="small" size="small"
:loading="importLoading">{{ :loading="importLoading">{{
importBtnTitle importBtnTitle
}}</el-button> }}
</el-button>
</el-upload> </el-upload>
<el-button @click="handleChu" <el-button @click="handleChu"
type="danger" type="danger"
size="small">excel导出</el-button> size="small">导出
</el-button>
</div> </div>
<el-table :data="tableData" <el-table :data="tableData"
border border
@ -148,7 +167,8 @@
<template slot-scope="scope"> <template slot-scope="scope">
<el-button @click="handleWatch(scope.$index)" <el-button @click="handleWatch(scope.$index)"
type="text" type="text"
size="small">查看</el-button> size="small">查看
</el-button>
<!-- <el-button type="text" <!-- <el-button type="text"
style="color:#00A7A9;" style="color:#00A7A9;"
size="small" size="small"
@ -157,7 +177,8 @@
<el-button @click="handleEdit(scope.$index)" <el-button @click="handleEdit(scope.$index)"
type="text" type="text"
size="small" size="small"
style="margin-right: 10px; color: #00a7a9">编辑</el-button> style="margin-right: 10px; color: #00a7a9">编辑
</el-button>
<el-popconfirm title="删除之后无法回复,确认删除?" <el-popconfirm title="删除之后无法回复,确认删除?"
@onConfirm="handleDel(scope.row, scope.$index)" @onConfirm="handleDel(scope.row, scope.$index)"
@ -165,7 +186,8 @@
<el-button slot="reference" <el-button slot="reference"
type="text" type="text"
size="small" size="small"
style="color: #d51010">删除</el-button> style="color: #d51010">删除
</el-button>
</el-popconfirm> </el-popconfirm>
</template> </template>
</el-table-column> </el-table-column>
@ -242,7 +264,7 @@ export default {
serviceTimeStr: "", serviceTimeStr: "",
}, },
importBtnTitle: "excel导入", importBtnTitle: "导入",
importLoading: false, importLoading: false,
// //
@ -516,10 +538,12 @@ export default {
background: #ebecf1; background: #ebecf1;
border-radius: 2px; border-radius: 2px;
} }
.el-tabs__nav-wrap::after, .el-tabs__nav-wrap::after,
.el-tabs__active-bar { .el-tabs__active-bar {
display: none; display: none;
} }
.el-tabs__nav-next, .el-tabs__nav-next,
.el-tabs__nav-prev { .el-tabs__nav-prev {
line-height: 20px; line-height: 20px;
@ -529,16 +553,20 @@ export default {
.resi-card-table { .resi-card-table {
margin-top: 20px; margin-top: 20px;
} }
.resi-row-btn { .resi-row-btn {
margin-bottom: 13px; margin-bottom: 13px;
.upload-btn { .upload-btn {
display: inline-block; display: inline-block;
margin: 0 10px; margin: 0 10px;
} }
} }
.resi-other { .resi-other {
width: 100%; width: 100%;
display: flex; display: flex;
.resi-other-title { .resi-other-title {
width: 100px; width: 100px;
box-sizing: border-box; box-sizing: border-box;
@ -549,6 +577,7 @@ export default {
color: #333; color: #333;
text-align: center; text-align: center;
} }
.tabs-other-info { .tabs-other-info {
// padding-left: 60px; // padding-left: 60px;
} }
@ -563,6 +592,7 @@ export default {
position: relative; position: relative;
overflow: visible; overflow: visible;
} }
.resi-down { .resi-down {
position: absolute; position: absolute;
left: 50%; left: 50%;
@ -577,30 +607,37 @@ export default {
cursor: pointer; cursor: pointer;
background: #ffffff; background: #ffffff;
border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;
img { img {
display: block; display: block;
} }
} }
.resi-row-box { .resi-row-box {
height: 104px; height: 104px;
overflow: hidden; overflow: hidden;
transition: height 0.5s; transition: height 0.5s;
} }
.resi-row-more { .resi-row-more {
height: max-content; height: max-content;
transition: height 0.5s; transition: height 0.5s;
} }
.resi-row { .resi-row {
margin-bottom: 20px; margin-bottom: 20px;
} }
.resi-search { .resi-search {
.el-col { .el-col {
text-align: right; text-align: right;
} }
} }
.resi-cell { .resi-cell {
display: flex; display: flex;
align-items: center; align-items: center;
.resi-cell-label { .resi-cell-label {
width: 70px; width: 70px;
box-sizing: border-box; box-sizing: border-box;
@ -608,25 +645,31 @@ export default {
text-align: right; text-align: right;
// line-height: 32; // line-height: 32;
} }
.resi-cell-value-radio { .resi-cell-value-radio {
display: flex; display: flex;
align-items: center; align-items: center;
min-height: 32px; min-height: 32px;
} }
.resi-cell-input { .resi-cell-input {
width: 180px; width: 180px;
} }
.resi-cell-select { .resi-cell-select {
width: 180px; width: 180px;
box-sizing: border-box; box-sizing: border-box;
margin-right: 10px; margin-right: 10px;
&-middle { &-middle {
width: 130px; width: 130px;
} }
&-small { &-small {
width: 88px; width: 88px;
} }
} }
.resi-cell-select:last-child { .resi-cell-select:last-child {
margin-right: 0; margin-right: 0;
} }

Loading…
Cancel
Save