Skip to content

P
pica.cloud.web-education-admin
提交 f7ed4b39 编写于 作者: Yuanzhao.dai's avatar Yuanzhao.dai
浏览文件
操作

Merge branch 'dev-followUp-20190312' of... 

Merge branch 'dev-followUp-20190312' of http://192.168.110.53/com.pica.cloud.education.frontend/pica.cloud.web-education-admin into dev-followUp-20190312
上级 bd8f8167 f037a68a
隐藏空白字符变更
内嵌 并排
正在显示 包含 151 行增加 和 14 行删除
src/views/followup/record-manage/record-list.vue
浏览文件 @ f7ed4b39
<template>
<div class="record-list-wrapper">
<bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb>
<div class="search-section">
<h2>通知内容</h2>
<!--<el-row :gutter="20" type="flex" align="middle">-->
<!--<el-col :span="2" class="label-row">-->
<!--<label class="item-label">通知内容:</label>-->
<!--</el-col>-->
<!--</el-row>-->
<div class="record-list-content screenSet">
<div class="search-title">录入管理</div>
<el-row :gutter="30" class="row search-content" type="flex" style="margin-top: 10px;">
<el-form ref="serchForm" :model="searchData" label-suffix=":" label-width="125px" style="width:100%;">
<el-col :span="6">
<el-form-item label="随访计划名称">
<el-input v-model="searchData.planName" placeholder="请输入关键词"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="随访时间范围">
<el-select v-model="searchData.timeRange" placeholder="请选择时间范围">
<el-option
v-for="(item,index) in timeRangeList"
:key="index"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="姓名">
<el-input v-model="searchData.name" placeholder=""></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="手机号">
<el-input v-model="searchData.phoneNumber" placeholder="请输入手机号"></el-input>
</el-form-item>
</el-col>
<el-col :span="4" :offset="20" style="padding:0;text-align:right;padding-right:15px;">
<el-button type="primary" size="small" @click="search">查询</el-button>
<el-button type="default" size="small" @click="reseat" style="margin-left:0;">重置</el-button>
</el-col>
</el-form>
</el-row>
<div class="teble-content">
<el-tabs v-model="activeName" type="card" @tab-click="handleClickTab">
<el-tab-pane name="all">
<span slot="label">全部（{{allNum}}）</span>
<el-table :data="allData" style="width: 100%">
<el-table-column prop="name" label="姓名" min-width="100" align="center"></el-table-column>
<el-table-column prop="phoneNumber" label="手机号" min-width="100" align="center"></el-table-column>
<el-table-column prop="planName" label="随访计划名称" min-width="150" align="center"></el-table-column>
<el-table-column prop="followUpTime" label="随访时间" min-width="150" align="center">
<template slot-scope="scope">
<!--<span>{{ scope.row.status | statusFileter }}</span>-->
</template>
</el-table-column>
<el-table-column prop="createdName" label="随访状态" min-width="100" align="center"></el-table-column>
<el-table-column label="操作" fixed="right" align="center" min-width="200">
<template slot-scope="scope">
<el-button type="primary" size="small" @click="editRow(scope.row)">随访录入 </el-button>
<el-button type="primary" size="small" @click="changeStatusRow(scope.row)">| 变更随访状态 </el-button>
<el-button type="primary" size="small" @click="sendRow(scope.row)">| 发送患教</el-button>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane name="finished">
<span slot="label">已完成（{{finishedNum}}）</span>
<el-table :data="finishedData" style="width: 100%">
<el-table-column prop="name" label="姓名" min-width="100" align="center"></el-table-column>
<el-table-column prop="phoneNumber" label="手机号" min-width="100" align="center"></el-table-column>
<el-table-column prop="planName" label="随访计划名称" min-width="150" align="center"></el-table-column>
<el-table-column prop="followUpTime" label="随访时间" min-width="150" align="center">
<template slot-scope="scope">
<!--<span>{{ scope.row.status | statusFileter }}</span>-->
</template>
</el-table-column>
<el-table-column prop="createdName" label="随访状态" min-width="100" align="center"></el-table-column>
<el-table-column label="操作" fixed="right" align="center" min-width="200">
<template slot-scope="scope">
<el-button type="primary" size="small" @click="editRow(scope.row)">随访录入 </el-button>
<el-button type="primary" size="small" @click="changeStatusRow(scope.row)">| 变更随访状态 </el-button>
<el-button type="primary" size="small" @click="sendRow(scope.row)">| 发送患教</el-button>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane name="unfinish">
<span slot="label">未完成（{{unfinishNum}}）</span>
<el-table :data="unfinishData" style="width: 100%">
<el-table-column prop="name" label="姓名" min-width="100" align="center"></el-table-column>
<el-table-column prop="phoneNumber" label="手机号" min-width="100" align="center"></el-table-column>
<el-table-column prop="planName" label="随访计划名称" min-width="150" align="center"></el-table-column>
<el-table-column prop="followUpTime" label="随访时间" min-width="150" align="center">
<template slot-scope="scope">
<!--<span>{{ scope.row.status | statusFileter }}</span>-->
</template>
</el-table-column>
<el-table-column prop="createdName" label="随访状态" min-width="100" align="center"></el-table-column>
<el-table-column label="操作" fixed="right" align="center" min-width="200">
<template slot-scope="scope">
<el-button type="primary" size="small" @click="editRow(scope.row)">随访录入 </el-button>
<el-button type="primary" size="small" @click="changeStatusRow(scope.row)">| 变更随访状态 </el-button>
<el-button type="primary" size="small" @click="sendRow(scope.row)">| 发送患教</el-button>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
</el-tabs>
</div>
</div>
</div>
</template>
......@@ -21,20 +118,60 @@
data(){
return{
curmbFirst: '随访管理',
curmbSecond: '录入管理'
curmbSecond: '录入管理',
searchData: {
planName: '',
timeRange: '',
name: '',
phoneNumber: ''
},
timeRangeList:[{
label: '10:00~11:00',
value: 1
},{
label: '11:00~12:00',
value: 2
}],
activeName: 'all',
allNum: 300,
finishedNum: 100,
unfinishNum: 200,
allData: [],
finishedData: [],
unfinishData: [],
}
}
},
methods: {
search(){
console.log('搜索')
},
reseat(){
console.log('重置')
},
handleClickTab(){},
editRow(){},
changeStatusRow(){},
sendRow(){},
},
}
</script>
<style scoped lang="scss">
.record-list-wrapper{
padding-top: 61px;
.search-section{
.record-list-content{
background-color: #ffffff;
margin: 30px 30px 20px;
.search-title{
padding: 30px;
font-size: 20px;
color: #1E2F3D;
border-bottom: 1px solid #efefef;
}
.search-content{
padding: 20px 30px;
}
.teble-content{
padding: 20px 30px;
}
}
}
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或