Skip to content

E
expense
Commit 67dfc376 by lihu541
Options

费用路由跳转修改

parent a3f5d7c5
Showing with 226 additions and 94 deletions
src/components/common/header/ListHeader.vue 0 → 100644
<template>
<div id="listHeader">
<div class="nav" @click="goMenu"><img src="~assets/img/header/iconmainnav.png"></div>
<div><span class="title">上海市社区家庭医生签约服务费云管理</span><span class="subtitle">(<span>{{subtitle}}</span>)</span></div>
<div class="header-right">
<div>
<img @click="openCame()" src="~assets/img/header/icon-mainsaoma.png">
</div>
<div class="search">
<searchCell/>
</div>
<div>
<img src="~assets/img/header/icon-main-user.png">{{userName}}，截止于{{$store.getters.getCxsj}}
<img src="~assets/img/header/icon-mainfilter.png">
<div class="el-date-editor">
<el-date-picker v-model="cxsj" @change="cxsjChange" type="month" placeholder=""></el-date-picker>
</div>
</div>
</div>
</div>
</template>
<script>
import searchCell from 'components/common/Search'
export default {
components: { searchCell },
name: "Header",
data() {
return {
cxsj: '',
userName: '',
subtitle:''
}
},
created(){
this.getHeadRightInfo()
},
mounted(){
},
computed:{
},
methods:{
goMenu(){
this.$router.push('/menu');
},
cxsjChange(){
},
openCame(){
if(false){
}else{
this.$message.error('移动APP打开扫一扫');
}
},
getHeadRightInfo(){
this.userName = JSON.parse(sessionStorage.getItem('userinfo')).userName;
this.cxsj = this.$store.getters.getCxsj;
const orgShortName = JSON.parse(sessionStorage.getItem('userinfo')).orgShortName;
const roleCode = JSON.parse(sessionStorage.getItem('userinfo')).roleCode;
let role = '';
if('hcms.APP_JTYS' === roleCode){
role = '-家医版'
}else{
role = '-院长版'
}
this.subtitle = orgShortName + role;
}
},
}
</script>
<style scoped>
#header{
background:rgba(46,55,92,1);
position: relative;
box-sizing: border-box;
width: 100%;
height: 55px;
font-size: 22px;
color: #fff;
display: flex;
}
#header .nav{
width: 70px;
height: 55px;
background:rgba(53,64,107,1);
line-height: 50px;
text-align: center;
}
#header .nav img{
width: 16px;
height: 16px;
vertical-align: middle;
}
#header .title{
font-size:17px;
font-weight:500;
color:rgba(255,255,255,1);
line-height:48px;
margin-left: 20px;
}
#header .subtitle{
font-size:11px;
font-weight:500;
margin-left: 10px;
color:rgba(136,145,190,1);
line-height:30px;
}
#header .search{
margin-right: 10px;
line-height:40px;
}
#header .header-right{
position: absolute;
top:5px;
right:10px;
font-size:11px;
font-weight:500;
color:rgba(136,145,190,1);
line-height:40px;
display: flex;
}
#header .header-right .el-date-editor {
background:none !important;
display: none;
}
#header .header-right img {
width: 15px;
height: 15px;
margin: 0 8px;
vertical-align: middle;
}
</style>
\ No newline at end of file
src/components/common/sideNavbar/MainSideNavbar.vue
......@@ -6,14 +6,14 @@
<img slot="active-icon" src="~assets/img/navSide/icon-memu1-selected.png" alt="">
<div slot="text">签约管理</div>
</side-navbar-item>
<side-navbar-item link="/gpHome/gpEexpense">
<side-navbar-item link="/gpHome/gpContractExpense">
<img slot="icon" src="~assets/img/navSide/icon-memu2.png" alt="">
<img slot="active-icon" src="~assets/img/navSide/icon-memu2-selected.png" alt="">
<div slot="text">费用管理</div>
</side-navbar-item>
<div class="" v-show="!isActive">
<div @click="navItemClick('/gpHome/gpEexpense/gpEexp')" :class="qyclass"><i class="el-icon-document-copy"></i> 签约</div>
<div @click="navItemClick('/gpHome/gpEexpense/gpVisit')" :class="jzclass"><i class="el-icon-document-copy"></i> 就诊</div>
<div @click="navItemClick('/gpHome/gpContractExpense')" :class="qyclass"><i class="el-icon-document-copy"></i> 签约</div>
<div @click="navItemClick('/gpHome/gpVisitExpense')" :class="jzclass"><i class="el-icon-document-copy"></i> 就诊</div>
</div>
<side-navbar-item link="/gpHome/gpPerformance">
<img slot="icon" src="~assets/img/navSide/icon-memu3.png" alt="">
......@@ -48,11 +48,11 @@
},
computed: {
isActive() {
if(this.$route.path=='/gpHome/gpEexpense' || this.$route.path=='/gpHome/gpEexpense/gpEexp' || this.$route.path=='/gpHome/gpEexpense/gpVisit'){
if(this.$route.path=='/gpHome/gpEexpense' || this.$route.path=='/gpHome/gpEexpense/gpEexp'){
if(this.$route.path==='/gpHome/gpContractExpense' || this.$route.path==='/gpHome/gpVisitExpense'){
if(this.$route.path==='/gpHome/gpContractExpense'){
this.qyclass = 'feeactive'
this.jzclass = 'feeclass'
}else if(this.$route.path=='/gpHome/gpEexpense/gpVisit'){
}else if(this.$route.path==='/gpHome/gpVisitExpense'){
this.qyclass = 'feeclass'
this.jzclass = 'feeactive'
}
......@@ -67,10 +67,10 @@
},
methods: {
actclass() {
if(this.$route.path=='/gpHome/gpEexpense' || this.$route.path=='/gpHome/gpEexpense/gpEexp'){
if(this.$route.path==='/gpHome/gpContractExpense'){
this.qyclass = 'feeactive'
this.jzclass = 'feeclass'
}else if(this.$route.path=='/gpHome/gpEexpense/gpVisit'){
}else if(this.$route.path==='/gpHome/gpVisitExpense'){
this.qyclass = 'feeclass'
this.jzclass = 'feeactive'
}
......
src/components/common/sideNavbar/SideNavbarItem.vue
......@@ -29,7 +29,7 @@
return this.$route.path.indexOf(this.link) !== -1
},
activeClass() {
if(this.$route.path=='/gpHome/gpEexpense' || this.$route.path=='/gpHome/gpEexpense/gpEexp' || this.$route.path=='/gpHome/gpEexpense/gpVisit'){
if(this.$route.path==='/gpHome/gpContractExpense' || this.$route.path==='/gpHome/gpVisitExpense' ){
return this.isActive ?'activeClass2':{}
}else{
return this.isActive ? 'activeClass' : {}
......
src/router/index.js
......@@ -38,23 +38,16 @@ export default new Router({
name: 'gpContract',
component: () => import('views/gp/contract/GpContract.vue'),
},
{ //费用管理主页
path: 'gpEexpense',
name: 'gpEexpense',
component: () => import('views/gp/expense/ContractAnalysis.vue'),
children:[
{ //费用管理签约
path: 'gpEexp',
path: 'gpContractExpense',
name: 'gpEexp',
component: () => import('views/gp/expense/ContractAnalysis.vue'),
},
{ //费用管理就诊
path: 'gpVisit',
path: 'gpVisitExpense',
name: 'gpVisit',
component: () => import('views/gp/expense/VisitAnalysis.vue'),
},
]
},
{ //绩效考核
path: 'gpPerformance',
name: 'gpPerformance',
......@@ -65,6 +58,11 @@ export default new Router({
name: 'gpDefect',
component: () => import('views/gp/defect/GpDefectHome.vue'),
},
{ //签约患者列表
path: 'contractPatientList',
name: 'contractPatientList',
component: () => import('views/gp/list/ContractPatientList.vue'),
},
]
},
......
src/views/gp/list/ContractPatientList.vue
<template>
<div class="outer">
<!-- 签约人群分析页面 -->
<div class="logincontainer">
<el-row>
<el-col :span="24">
......@@ -22,69 +22,69 @@
</div>
</el-col>
<el-col :span="12">
<div style="width:100%;height:55px;background:rgba(46,55,92,1);vertical-align: center;padding: 0 20px;">
<div
style="position: absolute !important;right: 0;top: 0;font-size: 11px;height: 55px;line-height: 55px;margin-right: 20px;">
<span class=""><img src="../assets/images/icon-main-user.png" width="11" height="11" alt="">
<span style="color: #8891BE;font-size: 11px;">{{yname}}, 截止于{{cxsj}}</span>
</span>
<button class="head_but" @click="goback" style="background: #44517d">
<img src="../assets/images/icon／main／back.png" width="12" height="10" alt=""> 返回
</button>
<button @click="downloadList" class="head_but">
<img src="@/assets/images/export.png" alt=""> 导出
</button>
<button @click="xsfun" class="head_but">
<img src="../assets/images/icon／main／筛选.png" alt=""> 筛选
</button>
</div>
<div class="tccmain" v-show="istc">
<h4>筛选条件</h4>
<div class="tccline">
<div class="tccleft">人群类型</div>
<div class="tccright">
<span @click="changeAll('')" :class="para01==''?'clk':''">全部</span>
<span @click="changeAll('E')" :class="para01=='E'?'clk':''">0-6</span>
<span @click="changeAll('A')" :class="para01=='A'?'clk':''">60以上</span>
<span @click="changeAll('D')" :class="para01=='D'?'clk':''">孕产妇</span>
<span @click="changeAll('G')" :class="para01=='G'?'clk':''">结核病</span>
<span @click="changeAll('F')" :class="para01=='F'?'clk':''">残疾人</span>
<span @click="changeAll('K')" :class="para01=='K'?'clk':''">特殊家庭</span>
<span @click="changeAll('I')" :class="para01=='I'?'clk':''">精神障碍</span>
<span @click="changeAll('J')" :class="para01=='J'?'clk':''">贫困人群</span>
<span @click="changeAll('B')" :class="para01=='B'?'clk':''">高血压</span>
<span @click="changeAll('C')" :class="para01=='C'?'clk':''">糖尿病</span>
</div>
</div>
<div class="tccline">
<div class="tccleft">是否就诊</div>
<div class="tccright">
<span @click="changeAll2('')" :class="para02===''?'clk':''">全部</span>
<span @click="changeAll2(1)" :class="para02===1?'clk':''">就诊</span>
<span @click="changeAll2(0)" :class="para02===0?'clk':''">未就诊</span>
<span @click="changeAll2(2)" :class="para02===2?'clk':''" style="width: 85px;">60以上未就诊</span>
</div>
</div>
<div class="tccline">
<div class="tccleft">累计次数</div>
<div class="tccright">
<el-input v-model="number" size="small"></el-input>
</div>
</div>
<div class="tccline">
<div class="tccleft">查询日期</div>
<div class="tccright3">
<el-date-picker @change="changeTime" value-format="yyyyMM" v-model="cxsj" type="month"
placeholder="选择月"></el-date-picker>
</div>
</div>
<div class="tccline3">
<el-button class="ebtn" @click="okSub" size="mini" type="primary">确定</el-button>
</div>
</div>
</div>
<!--<div style="width:100%;height:55px;background:rgba(46,55,92,1);vertical-align: center;padding: 0 20px;">-->
<!--<div-->
<!--style="position: absolute !important;right: 0;top: 0;font-size: 11px;height: 55px;line-height: 55px;margin-right: 20px;">-->
<!--<span class=""><img src="../assets/images/icon-main-user.png" width="11" height="11" alt="">-->
<!--<span style="color: #8891BE;font-size: 11px;">{{yname}}, 截止于{{cxsj}}</span>-->
<!--</span>-->
<!--<button class="head_but" @click="goback" style="background: #44517d">-->
<!--<img src="../assets/images/icon／main／back.png" width="12" height="10" alt=""> 返回-->
<!--</button>-->
<!--<button @click="downloadList" class="head_but">-->
<!--<img src="@/assets/images/export.png" alt=""> 导出-->
<!--</button>-->
<!--<button @click="xsfun" class="head_but">-->
<!--<img src="../assets/images/icon／main／筛选.png" alt=""> 筛选-->
<!--</button>-->
<!--</div>-->
<!--<div class="tccmain" v-show="istc">-->
<!--<h4>筛选条件</h4>-->
<!--<div class="tccline">-->
<!--<div class="tccleft">人群类型</div>-->
<!--<div class="tccright">-->
<!--<span @click="changeAll('')" :class="para01==''?'clk':''">全部</span>-->
<!--<span @click="changeAll('E')" :class="para01=='E'?'clk':''">0-6</span>-->
<!--<span @click="changeAll('A')" :class="para01=='A'?'clk':''">60以上</span>-->
<!--<span @click="changeAll('D')" :class="para01=='D'?'clk':''">孕产妇</span>-->
<!--<span @click="changeAll('G')" :class="para01=='G'?'clk':''">结核病</span>-->
<!--<span @click="changeAll('F')" :class="para01=='F'?'clk':''">残疾人</span>-->
<!--<span @click="changeAll('K')" :class="para01=='K'?'clk':''">特殊家庭</span>-->
<!--<span @click="changeAll('I')" :class="para01=='I'?'clk':''">精神障碍</span>-->
<!--<span @click="changeAll('J')" :class="para01=='J'?'clk':''">贫困人群</span>-->
<!--<span @click="changeAll('B')" :class="para01=='B'?'clk':''">高血压</span>-->
<!--<span @click="changeAll('C')" :class="para01=='C'?'clk':''">糖尿病</span>-->
<!--</div>-->
<!--</div>-->
<!--<div class="tccline">-->
<!--<div class="tccleft">是否就诊</div>-->
<!--<div class="tccright">-->
<!--<span @click="changeAll2('')" :class="para02===''?'clk':''">全部</span>-->
<!--<span @click="changeAll2(1)" :class="para02===1?'clk':''">就诊</span>-->
<!--<span @click="changeAll2(0)" :class="para02===0?'clk':''">未就诊</span>-->
<!--<span @click="changeAll2(2)" :class="para02===2?'clk':''" style="width: 85px;">60以上未就诊</span>-->
<!--</div>-->
<!--</div>-->
<!--<div class="tccline">-->
<!--<div class="tccleft">累计次数</div>-->
<!--<div class="tccright">-->
<!--<el-input v-model="number" size="small"></el-input>-->
<!--</div>-->
<!--</div>-->
<!--<div class="tccline">-->
<!--<div class="tccleft">查询日期</div>-->
<!--<div class="tccright3">-->
<!--<el-date-picker @change="changeTime" value-format="yyyyMM" v-model="cxsj" type="month"-->
<!--placeholder="选择月"></el-date-picker>-->
<!--</div>-->
<!--</div>-->
<!--<div class="tccline3">-->
<!--<el-button class="ebtn" @click="okSub" size="mini" type="primary">确定</el-button>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
</el-col>
</el-row>
</el-col>
......@@ -292,16 +292,7 @@
</template>
<script>
import {contract} from '@/api/home.js';
import {
getActiveNum,
changeUpOrDown,
checkNumber,
checkIsNull,
famartTime,
famartTime2,
returnIco2
} from '@/utils/validate.js';
import {getPageData} from 'api/home'
import FileSaver from 'file-saver';
import XLSX from 'xlsx';
......@@ -389,7 +380,7 @@
this.jzzt = true;
}
this.restaurants = [];
contract(token, menuslist).then(res => {
getPageData(token, menuslist).then(res => {
this.countData = res.data;
if (!checkIsNull(this.countData)) {
......@@ -540,7 +531,7 @@
};
this.restaurants = [];
contract(token, menuslist).then(res => {
getPageData(token, menuslist).then(res => {
res.data.listData.forEach((item, index) => {
let ulist = {"value": "", "usex": ""};
ulist.value = item.XM;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment