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 @@ ...@@ -6,14 +6,14 @@
<img slot="active-icon" src="~assets/img/navSide/icon-memu1-selected.png" alt=""> <img slot="active-icon" src="~assets/img/navSide/icon-memu1-selected.png" alt="">
<div slot="text">签约管理</div> <div slot="text">签约管理</div>
</side-navbar-item> </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="icon" src="~assets/img/navSide/icon-memu2.png" alt="">
<img slot="active-icon" src="~assets/img/navSide/icon-memu2-selected.png" alt=""> <img slot="active-icon" src="~assets/img/navSide/icon-memu2-selected.png" alt="">
<div slot="text">费用管理</div> <div slot="text">费用管理</div>
</side-navbar-item> </side-navbar-item>
<div class="" v-show="!isActive"> <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/gpContractExpense')" :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/gpVisitExpense')" :class="jzclass"><i class="el-icon-document-copy"></i> 就诊</div>
</div> </div>
<side-navbar-item link="/gpHome/gpPerformance"> <side-navbar-item link="/gpHome/gpPerformance">
<img slot="icon" src="~assets/img/navSide/icon-memu3.png" alt=""> <img slot="icon" src="~assets/img/navSide/icon-memu3.png" alt="">
...@@ -48,11 +48,11 @@ ...@@ -48,11 +48,11 @@
}, },
computed: { computed: {
isActive() { isActive() {
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'){
if(this.$route.path=='/gpHome/gpEexpense' || this.$route.path=='/gpHome/gpEexpense/gpEexp'){ if(this.$route.path==='/gpHome/gpContractExpense'){
this.qyclass = 'feeactive' this.qyclass = 'feeactive'
this.jzclass = 'feeclass' this.jzclass = 'feeclass'
}else if(this.$route.path=='/gpHome/gpEexpense/gpVisit'){ }else if(this.$route.path==='/gpHome/gpVisitExpense'){
this.qyclass = 'feeclass' this.qyclass = 'feeclass'
this.jzclass = 'feeactive' this.jzclass = 'feeactive'
} }
...@@ -67,10 +67,10 @@ ...@@ -67,10 +67,10 @@
}, },
methods: { methods: {
actclass() { actclass() {
if(this.$route.path=='/gpHome/gpEexpense' || this.$route.path=='/gpHome/gpEexpense/gpEexp'){ if(this.$route.path==='/gpHome/gpContractExpense'){
this.qyclass = 'feeactive' this.qyclass = 'feeactive'
this.jzclass = 'feeclass' this.jzclass = 'feeclass'
}else if(this.$route.path=='/gpHome/gpEexpense/gpVisit'){ }else if(this.$route.path==='/gpHome/gpVisitExpense'){
this.qyclass = 'feeclass' this.qyclass = 'feeclass'
this.jzclass = 'feeactive' this.jzclass = 'feeactive'
} }
......
src/components/common/sideNavbar/SideNavbarItem.vue
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
return this.$route.path.indexOf(this.link) !== -1 return this.$route.path.indexOf(this.link) !== -1
}, },
activeClass() { 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':{} return this.isActive ?'activeClass2':{}
}else{ }else{
return this.isActive ? 'activeClass' : {} return this.isActive ? 'activeClass' : {}
......
src/router/index.js
...@@ -38,23 +38,16 @@ export default new Router({ ...@@ -38,23 +38,16 @@ export default new Router({
name: 'gpContract', name: 'gpContract',
component: () => import('views/gp/contract/GpContract.vue'), 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', name: 'gpEexp',
component: () => import('views/gp/expense/ContractAnalysis.vue'), component: () => import('views/gp/expense/ContractAnalysis.vue'),
}, },
{ //费用管理就诊 { //费用管理就诊
path: 'gpVisit', path: 'gpVisitExpense',
name: 'gpVisit', name: 'gpVisit',
component: () => import('views/gp/expense/VisitAnalysis.vue'), component: () => import('views/gp/expense/VisitAnalysis.vue'),
}, },
]
},
{ //绩效考核 { //绩效考核
path: 'gpPerformance', path: 'gpPerformance',
name: 'gpPerformance', name: 'gpPerformance',
...@@ -65,6 +58,11 @@ export default new Router({ ...@@ -65,6 +58,11 @@ export default new Router({
name: 'gpDefect', name: 'gpDefect',
component: () => import('views/gp/defect/GpDefectHome.vue'), 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> <template>
<div class="outer"> <div class="outer">
<!-- 签约人群分析页面 -->
<div class="logincontainer"> <div class="logincontainer">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
...@@ -22,69 +22,69 @@ ...@@ -22,69 +22,69 @@
</div> </div>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<div style="width:100%;height:55px;background:rgba(46,55,92,1);vertical-align: center;padding: 0 20px;"> <!--<div style="width:100%;height:55px;background:rgba(46,55,92,1);vertical-align: center;padding: 0 20px;">-->
<div <!--<div-->
style="position: absolute !important;right: 0;top: 0;font-size: 11px;height: 55px;line-height: 55px;margin-right: 20px;"> <!--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 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 style="color: #8891BE;font-size: 11px;">{{yname}}, 截止于{{cxsj}}</span>-->
</span> <!--</span>-->
<button class="head_but" @click="goback" style="background: #44517d"> <!--<button class="head_but" @click="goback" style="background: #44517d">-->
<img src="../assets/images/icon／main／back.png" width="12" height="10" alt=""> 返回 <!--<img src="../assets/images/icon／main／back.png" width="12" height="10" alt=""> 返回-->
</button> <!--</button>-->
<button @click="downloadList" class="head_but"> <!--<button @click="downloadList" class="head_but">-->
<img src="@/assets/images/export.png" alt=""> 导出 <!--<img src="@/assets/images/export.png" alt=""> 导出-->
</button> <!--</button>-->
<button @click="xsfun" class="head_but"> <!--<button @click="xsfun" class="head_but">-->
<img src="../assets/images/icon／main／筛选.png" alt=""> 筛选 <!--<img src="../assets/images/icon／main／筛选.png" alt=""> 筛选-->
</button> <!--</button>-->
</div> <!--</div>-->
<div class="tccmain" v-show="istc"> <!--<div class="tccmain" v-show="istc">-->
<h4>筛选条件</h4> <!--<h4>筛选条件</h4>-->
<div class="tccline"> <!--<div class="tccline">-->
<div class="tccleft">人群类型</div> <!--<div class="tccleft">人群类型</div>-->
<div class="tccright"> <!--<div class="tccright">-->
<span @click="changeAll('')" :class="para01==''?'clk':''">全部</span> <!--<span @click="changeAll('')" :class="para01==''?'clk':''">全部</span>-->
<span @click="changeAll('E')" :class="para01=='E'?'clk':''">0-6</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('A')" :class="para01=='A'?'clk':''">60以上</span>-->
<span @click="changeAll('D')" :class="para01=='D'?'clk':''">孕产妇</span> <!--<span @click="changeAll('D')" :class="para01=='D'?'clk':''">孕产妇</span>-->
<span @click="changeAll('G')" :class="para01=='G'?'clk':''">结核病</span> <!--<span @click="changeAll('G')" :class="para01=='G'?'clk':''">结核病</span>-->
<span @click="changeAll('F')" :class="para01=='F'?'clk':''">残疾人</span> <!--<span @click="changeAll('F')" :class="para01=='F'?'clk':''">残疾人</span>-->
<span @click="changeAll('K')" :class="para01=='K'?'clk':''">特殊家庭</span> <!--<span @click="changeAll('K')" :class="para01=='K'?'clk':''">特殊家庭</span>-->
<span @click="changeAll('I')" :class="para01=='I'?'clk':''">精神障碍</span> <!--<span @click="changeAll('I')" :class="para01=='I'?'clk':''">精神障碍</span>-->
<span @click="changeAll('J')" :class="para01=='J'?'clk':''">贫困人群</span> <!--<span @click="changeAll('J')" :class="para01=='J'?'clk':''">贫困人群</span>-->
<span @click="changeAll('B')" :class="para01=='B'?'clk':''">高血压</span> <!--<span @click="changeAll('B')" :class="para01=='B'?'clk':''">高血压</span>-->
<span @click="changeAll('C')" :class="para01=='C'?'clk':''">糖尿病</span> <!--<span @click="changeAll('C')" :class="para01=='C'?'clk':''">糖尿病</span>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="tccline"> <!--<div class="tccline">-->
<div class="tccleft">是否就诊</div> <!--<div class="tccleft">是否就诊</div>-->
<div class="tccright"> <!--<div class="tccright">-->
<span @click="changeAll2('')" :class="para02===''?'clk':''">全部</span> <!--<span @click="changeAll2('')" :class="para02===''?'clk':''">全部</span>-->
<span @click="changeAll2(1)" :class="para02===1?'clk':''">就诊</span> <!--<span @click="changeAll2(1)" :class="para02===1?'clk':''">就诊</span>-->
<span @click="changeAll2(0)" :class="para02===0?'clk':''">未就诊</span> <!--<span @click="changeAll2(0)" :class="para02===0?'clk':''">未就诊</span>-->
<span @click="changeAll2(2)" :class="para02===2?'clk':''" style="width: 85px;">60以上未就诊</span> <!--<span @click="changeAll2(2)" :class="para02===2?'clk':''" style="width: 85px;">60以上未就诊</span>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="tccline"> <!--<div class="tccline">-->
<div class="tccleft">累计次数</div> <!--<div class="tccleft">累计次数</div>-->
<div class="tccright"> <!--<div class="tccright">-->
<el-input v-model="number" size="small"></el-input> <!--<el-input v-model="number" size="small"></el-input>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="tccline"> <!--<div class="tccline">-->
<div class="tccleft">查询日期</div> <!--<div class="tccleft">查询日期</div>-->
<div class="tccright3"> <!--<div class="tccright3">-->
<el-date-picker @change="changeTime" value-format="yyyyMM" v-model="cxsj" type="month" <!--<el-date-picker @change="changeTime" value-format="yyyyMM" v-model="cxsj" type="month"-->
placeholder="选择月"></el-date-picker> <!--placeholder="选择月"></el-date-picker>-->
</div> <!--</div>-->
</div> <!--</div>-->
<div class="tccline3"> <!--<div class="tccline3">-->
<el-button class="ebtn" @click="okSub" size="mini" type="primary">确定</el-button> <!--<el-button class="ebtn" @click="okSub" size="mini" type="primary">确定</el-button>-->
</div> <!--</div>-->
</div> <!--</div>-->
</div> <!--</div>-->
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
...@@ -292,16 +292,7 @@ ...@@ -292,16 +292,7 @@
</template> </template>
<script> <script>
import {contract} from '@/api/home.js'; import {getPageData} from 'api/home'
import {
getActiveNum,
changeUpOrDown,
checkNumber,
checkIsNull,
famartTime,
famartTime2,
returnIco2
} from '@/utils/validate.js';
import FileSaver from 'file-saver'; import FileSaver from 'file-saver';
import XLSX from 'xlsx'; import XLSX from 'xlsx';
...@@ -389,7 +380,7 @@ ...@@ -389,7 +380,7 @@
this.jzzt = true; this.jzzt = true;
} }
this.restaurants = []; this.restaurants = [];
contract(token, menuslist).then(res => { getPageData(token, menuslist).then(res => {
this.countData = res.data; this.countData = res.data;
if (!checkIsNull(this.countData)) { if (!checkIsNull(this.countData)) {
...@@ -540,7 +531,7 @@ ...@@ -540,7 +531,7 @@
}; };
this.restaurants = []; this.restaurants = [];
contract(token, menuslist).then(res => { getPageData(token, menuslist).then(res => {
res.data.listData.forEach((item, index) => { res.data.listData.forEach((item, index) => {
let ulist = {"value": "", "usex": ""}; let ulist = {"value": "", "usex": ""};
ulist.value = item.XM; 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