Skip to content

E
expense
Commit d9fbbe43 by lihu541
Options

新增重点人群标签图片，列表格式修改

parent b37e823b
Showing with 371 additions and 434 deletions
src/assets/css/base.css
......@@ -57,7 +57,7 @@ input::-webkit-input-placeholder { color: #BDCADA; }
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);}
::-webkit-scrollbar-thumb{border-radius: 0px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1);}
/*基本布局*/
.container {
background: -webkit-linear-gradient(top,#272e52,#171c30);
height: 100%;
......@@ -93,4 +93,64 @@ input::-webkit-input-placeholder { color: #BDCADA; }
.icon-vertical{
background:rgba(38,128,255,1);
display: inline-block;
}
\ No newline at end of file
}
/*上下箭头*/
.icon-up-arrow {
background-image: url('~assets/img/common/arrowup.png');
background-size: 100% 100%;
width: 6px;
height: 6px;
margin-left: 3px;
display: inline-block;
}
.icon-down-arrow {
background-image: url('~assets/img/common/arrowdown.png');
background-size: 100% 100%;
width: 6px;
height: 6px;
margin-left: 3px;
display: inline-block;
}
/*重点人群图标*/
.icon-zdrq {
width: 12px;
height: 12px;
margin-left: 3px;
display: inline-block;
background-size: 100% 100%;
}
.icon-zdrq-A {
background-image: url('~assets/img/common/icon-zdrq-A.svg');
}
.icon-zdrq-B {
background-image: url('~assets/img/common/icon-zdrq-B.svg');
}
.icon-zdrq-C {
background-image: url('~assets/img/common/icon-zdrq-C.svg');
}
.icon-zdrq-D {
background-image: url('~assets/img/common/icon-zdrq-D.svg');
}
.icon-zdrq-E {
background-image: url('~assets/img/common/icon-zdrq-E.svg');
}
.icon-zdrq-F {
background-image: url('~assets/img/common/icon-zdrq-F.svg');
}
.icon-zdrq-G {
background-image: url('~assets/img/common/icon-zdrq-G.svg');
}
.icon-zdrq-H {
background-image: url('~assets/img/common/icon-zdrq-H.svg');
}
.icon-zdrq-I {
background-image: url('~assets/img/common/icon-zdrq-I.svg');
}
.icon-zdrq-J {
background-image: url('~assets/img/common/icon-zdrq-J.svg');
}
.icon-zdrq-K {
background-image: url('~assets/img/common/icon-zdrq-K.svg');
}
src/assets/js/common.js
......@@ -185,32 +185,18 @@ export function checkNumber(data) {
* @returns str
*/
export function getZdrqTag(code,codeMax){
var tabArr=[
{code:"A",value:"<span class='tag-circle tag-min tag-red'>60</span>"},
{code:"B",value:"<span class='tag-circle tag-min tag-green' >高</span>"},
{code:"C",value:"<span class='tag-circle tag-min tag-yellow' >糖</span>"},
{code:"D",value:"<span class='tag-circle tag-min tag-red1' >孕</span>"},
{code:"E",value:"<span class='tag-circle tag-min tag-green1' >儿</span>"},
{code:"F",value:"<span class='tag-circle tag-min tag-orange1' >残</span>"},
{code:"G",value:"<span class='tag-circle tag-min tag-green2' >结</span>"},
{code:"H",value:"<span class='tag-circle tag-min tag-blue1' >特</span>"},
{code:"I",value:"<span class='tag-circle tag-min tag-yellow1' >精</span>"},
{code:"J",value:"<span class='tag-circle tag-min tag-blue2' >贫</span>"},
];
if(!checkIsNull(code)&&code.length>0){
var codeArr = code.split('');
var res = "";
var len = 3;
if(!checkIsNull(codeMax)&&codeMax>0){
len = codeMax;
}else if(code.length < 4){
len = code.length;
}
for(var i = 0;i<len;i++){
for(var j = 0;j<tabArr.length;j++){
if(codeArr[i] == tabArr[j].code){
res += tabArr[j].value;
}
}
res += '<span class="icon-zdrq icon-zdrq-'+ codeArr[i] +'"></span>'
}
return res;
}else{
......
src/components/common/header/ListHeader.vue
<template>
<!--<div id="">-->
<!--<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>-->
<div id="listHeader">
<el-row>
<el-col :span="24">
<el-row>
<el-col :span="12">
<div style="width:100%;height:55px;background:rgba(46,55,92,1);vertical-align: center;padding: 0 20px;">
<slot></slot>
</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/img/header/icon-main-user.png" >
<div id="listHeader">
<el-row>
<el-col :span="24">
<el-row>
<el-col :span="12">
<div style="width:100%;height:55px;background:rgba(46,55,92,1);vertical-align: center;padding: 0 20px;">
<slot></slot>
</div>
</el-col>
<el-col :span="12">
<div>
<div class="header-right">
<span class=""><img src="~assets/img/header/icon-main-user.png">
<span style="color: #8891BE;font-size: 11px;">{{userName}}, 截止于{{cxsj}}</span>
</span>
<button class="head_but" style="background: #44517d">
<img src="~assets/img/header/icon-back.png"> 返回
</button>
<button class="head_but">
<img src="~assets/img/header/export.png"> 导出
</button>
<button class="head_but">
<img src="~assets/img/header/icon-filter.png"> 筛选
</button>
</div>
<button class="head_but" style="background: #44517d">
<img src="~assets/img/header/icon-white-back.png"> 返回
</button>
<button class="head_but">
<img src="~assets/img/header/export.png"> 导出
</button>
<button class="head_but">
<img src="~assets/img/header/icon-filter.png"> 筛选
</button>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
</el-col>
</el-row>
</el-col>
</el-row>
</div>
......@@ -60,9 +39,7 @@
<script>
export default {
components: {
},
components: {},
name: "listHeader",
data() {
return {
......@@ -70,28 +47,26 @@
userName: '',
}
},
created(){
created() {
this.getHeadRightInfo()
},
mounted(){
mounted() {
},
computed:{
computed: {},
methods: {
},
methods:{
cxsjChange() {
cxsjChange(){
},
openCame(){
if(false){
}else{
this.$message.error('移动APP打开扫一扫');
}
openCame() {
if (false) {
} else {
this.$message.error('移动APP打开扫一扫');
}
},
getHeadRightInfo(){
getHeadRightInfo() {
this.userName = JSON.parse(sessionStorage.getItem('userinfo')).userName;
this.cxsj = this.$store.getters.getCxsj;
......@@ -102,15 +77,13 @@
</script>
<style>
#listHeader{
width:100%;
height:55px;
background:rgba(46,55,92,1);
vertical-align: center;
padding: 0 20px;
#listHeader {
width: 100%;
height: 55px;
background: rgba(46, 55, 92, 1);
}
#listHeader .header-right{
#listHeader .header-right {
position: absolute;
right: 0;
top: 0;
......@@ -120,15 +93,27 @@
margin-right: 20px;
}
#listHeader .header-right .el-date-editor {
background:none !important;
display: none;
}
#listHeader .header-right img {
width: 15px;
height: 15px;
margin: 0 8px;
vertical-align: middle;
width: 12px;
height: 12px;
}
#listHeader .header-right .head_but {
background: #3FA5FF;
border-radius: 3px;
margin: 0 0 0 10px;
width: 70px;
height: 28px;
color: #fff;
line-height: 30px;
overflow: hidden;
font-size: 13px;
}
#listHeader .header-right .head_but img {
display: inline-block;
position: relative;
}
</style>
\ No newline at end of file
src/views/gp/list/ContractPatientList.vue
<template>
<div class="outer">
<div class="logincontainer">
<!--<el-row>-->
<!--<el-col :span="24">-->
<!--<el-row>-->
<!--<el-col :span="12">-->
<!--<div style="width:100%;height:55px;background:rgba(46,55,92,1);vertical-align: center;padding: 0 20px;">-->
<!--<div-->
<!--style="font-size:17px;font-weight:500;color:rgba(255,255,255,1);text-align: left;line-height: 55px;">-->
<!--<span style="font-size:17px;color:rgba(255,255,255,1);">签约人群分析</span>-->
<!--<span class=""></span>-->
<!--<span style="margin-left: 10px;color: #8891BE;font-size: 11px;"><span>(标准次数>={{number}}次 & {{cateFn(para01)}})</span></span>-->
<!--<div style="position: absolute;left: 285px;top: 18px;width: 150px;">-->
<!--<el-autocomplete class="inline-input" v-model="state2" :fetch-suggestions="querySearch"-->
<!--placeholder="请输入患者姓名" :trigger-on-focus="true" @select="handleSelect">-->
<!--<i slot="prefix" class="el-input__icon el-icon-search"></i>-->
<!--</el-autocomplete>-->
<!--</div>-->
<!--</div>-->
<!--</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/img/header/icon-main-user.png" >-->
<!--<span style="color: #8891BE;font-size: 11px;">{{yname}}, 截止于{{cxsj}}</span>-->
<!--</span>-->
<!--<button class="head_but" @click="goback" style="background: #44517d">-->
<!--<img src="~assets/img/header/icon-back.png"> 返回-->
<!--</button>-->
<!--<button @click="downloadList" class="head_but">-->
<!--<img src="~assets/img/header/export.png"> 导出-->
<!--</button>-->
<!--<button @click="xsfun" class="head_but">-->
<!--<img src="~assets/img/header/icon-filter.png"> 筛选-->
<!--</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>-->
<!--</el-row>-->
<list-header>
<div
style="font-size:17px;font-weight:500;color:rgba(255,255,255,1);text-align: left;line-height: 55px;">
<span style="font-size:17px;color:rgba(255,255,255,1);">签约人群分析</span>
<span class=""></span>
<span style="margin-left: 10px;color: #8891BE;font-size: 11px;"><span>(标准次数>={{number}}次 & {{cateFn(para01)}})</span></span>
<div style="position: absolute;left: 285px;top: 18px;width: 150px;">
<el-autocomplete class="inline-input" v-model="state2" :fetch-suggestions="querySearch"
placeholder="请输入患者姓名" :trigger-on-focus="true" @select="handleSelect">
<i slot="prefix" class="el-input__icon el-icon-search"></i>
</el-autocomplete>
</div>
</div>
</list-header>
<div v-show="jzzt" style="padding: 0 20px;">
<el-row>
<el-col :span="24">
<div style="background:linear-gradient(180deg,rgba(61,75,119,1) 0%,rgba(56,66,105,1) 100%);
margin: 20px 0;height: 50px;line-height: 50px;text-align: left;padding: 0px 24px;color: #A6AED6;font-size: 13px;">
<span style="">就诊次数分析</span><span style="margin-left: 80px;">≥{{number}}</span>
<span style="color: #55FFE8;font-size: 24px;margin-left: 10px;">{{dataCount}}</span><span
style="color: #F0F8FF;">人</span>
<span class="progressBar1" style="display: inline-block;width: 86px;margin-left: 5px;"><el-progress
:show-text="false"
:stroke-width="8"
:percentage="percentage1"
color="#36F2D8"></el-progress></span>
<span style="margin-left: 80px;">≥100-200</span>
<span style="color: #FFC965;font-size: 24px;margin-left: 10px;">{{dataCount1}}</span><span
style="color: #F0F8FF;">人</span>
<span class="progressBar2" style="display: inline-block;width: 86px;margin-left: 5px;"><el-progress
:show-text="false"
:stroke-width="8"
:percentage="percentage2"
color="#FFC965"></el-progress></span>
<span style="margin-left: 80px;">≥200</span>
<span style="color: #FF9D3D;font-size: 24px;margin-left: 10px;">{{dataCount2}}</span><span
style="color: #F0F8FF;">人</span>
<span class="progressBar3" style="display: inline-block;width: 86px;margin-left: 5px;"><el-progress
:show-text="false"
:stroke-width="8"
:percentage="percentage3"
color="#FF9D3D"></el-progress></span>
<div id="contractPatientList" class="outer">
<el-container class="container">
<el-header height="55px">
<list-header>
<div style="font-size:17px;font-weight:500;color:rgba(255,255,255,1);text-align: left;line-height: 55px;">
<span style="font-size:17px;color:rgba(255,255,255,1);">签约人群分析</span>
<span class=""></span>
<span style="margin-left: 10px;color: #8891BE;font-size: 11px;"><span>(标准次数>={{number}}次 & {{cateFn(para01)}})</span></span>
<div style="position: absolute;left: 285px;top: 18px;width: 150px;">
<el-autocomplete class="inline-input" v-model="state2" :fetch-suggestions="querySearch"
placeholder="请输入患者姓名" :trigger-on-focus="true" @select="handleSelect">
<i slot="prefix" class="el-input__icon el-icon-search"></i>
</el-autocomplete>
</div>
</el-col>
</el-row>
<!-- background:'#2c3659', -->
<el-table id="rebateSetTable" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle"
:data="listData" :row-class-name="tabRowClassName"
style="width: 100%;margin:0;overflow-y: scroll;background: #272E52;font-size: 10px;"
height="450" disabled="disabled" ref="eltab"
:default-sort="{prop:'JZCS_PLD',order:'descending'}"
v-el-table-infinite-scroll="loadMore"
@sort-change='sortChange'>
<el-table-column fixed label="序号" align="center" width="46">
<template slot-scope="scope"><span>{{scope.$index + 1}} </span></template>
</el-table-column>
<el-table-column fixed prop="XM" align="left" label="患者姓名" width="95">
<template slot-scope="scope">
<p @click="toPatientDetails(scope.row.SFZH)" style="color:#0985de;text-decoration: underline;float: left;">
{{scope.row.XM}}</p>
<div v-html="iconshow(scope.row.ZDRQ2)"></div>
</template>
</el-table-column>
<el-table-column prop="NL" label="年龄" align="center" width="42" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
<el-table-column width="155" align="center" prop="JZCS_PLD" sortable='custom'
:sort-orders="['descending','ascending']">
<template slot="header" slot-scope="scope" class="Movearrow">
<div class="tablename4">累计(次)<br/>(1/2/3级)</div>
<div class="tablename5">同(%)<span style="margin-left: 10px;">偏(%)</span></div>
</template>
<template slot-scope="scope">
<p class="cashcost">({{scope.row.JZCS_YJ}}/{{scope.row.JZCS_EJ}}/{{scope.row.JZCS_SJ}})</p>
<p class="tper" v-html="scope.row.JZCS_TBL"></p>
<p class="pper" v-html="scope.row.JZCS_PLD"></p>
</template>
</el-table-column>
<el-table-column width="150" align="center" prop="ZHNJZL_PLD" sortable='custom'
:sort-orders="['descending','ascending']">
<template slot="header" slot-scope="scope" class="Movearrow">
<div class="tablename4">组合内<br/>就诊率(%)</div>
<div class="tablename5">同(%)<span style="margin-left: 10px;">偏(%)</span></div>
</template>
<template slot-scope="scope">
<p class="cashcost1">{{scope.row.ZHNJZL}}</p>
<p class="tper" v-html="scope.row.JZCS_TBL"></p>
<p class="pper" v-html="scope.row.ZHNJZL_PLD"></p>
</template>
</el-table-column>
<el-table-column width="150" align="center" prop="QYSQJZL_PLD" sortable='custom'
:sort-orders="['descending','ascending']">
<template slot="header" slot-scope="scope" class="Movearrow">
<div class="tablename4">签约社区<br/>就诊率(%)</div>
<div class="tablename5">同(%)<span style="margin-left: 10px;">偏(%)</span></div>
</template>
<template slot-scope="scope">
<p class="cashcost1">{{scope.row.QYSQJZL}}</p>
<p class="tper" v-html="scope.row.QYSQJZ_TBL"></p>
<p class="pper" v-html="scope.row.QYSQJZL_PLD"></p>
</template>
</el-table-column>
<el-table-column width="145" align="center" prop="ZFY_TBL" sortable='custom'
:sort-orders="['descending','ascending']">
<template slot="header" slot-scope="scope" class="Movearrow">
<div class="tablename1">总费用(千)<br/>(1/2/3级)</div>
<div class="tablename2">同(%)</div>
</template>
<template slot-scope="scope">
<p class="cashcost2">
({{scope.row.ZFY_YJ}} / {{scope.row.ZFY_EJ}} / {{scope.row.ZFY_SJ}})
</p>
<p class="tper1" v-html="scope.row.ZFY_TBL"></p>
</template>
</el-table-column>
<el-table-column width="148" align="center" prop="MZFY_TBL" sortable='custom'
:sort-orders="['descending','ascending']">
<template slot="header" slot-scope="scope" class="Movearrow">
<div class="tablename4">门诊费用<br/>(千)</div>
<div class="tablename5">偏(%)<span style="margin-left: 10px;">同(%)</span></div>
</template>
<template slot-scope="scope">
<p class="cashcost">{{scope.row.MZFY}}</p>
<p class="tper" v-html="scope.row.MZFY_PLD"></p>
<p class="pper" v-html="scope.row.MZFY_TBL"></p>
</template>
</el-table-column>
<el-table-column width="148" align="center" prop="MZYF_TBL" sortable='custom'
:sort-orders="['descending','ascending']">
<template slot="header" slot-scope="scope" class="Movearrow">
<div class="tablename4">门诊药费<br/>(千)</div>
<div class="tablename5">偏(%)<span style="margin-left: 10px;">同(%)</span></div>
</template>
<template slot-scope="scope">
<p class="cashcost">{{scope.row.MZYF}}</p>
<p class="tper" v-html="scope.row.MZYF_PLD"></p>
<p class="pper" v-html="scope.row.MZYF_TBL"></p>
</template>
</el-table-column>
<el-table-column width="125" align="center" prop="ZYFY_TBL" sortable='custom'
:sort-orders="['descending','ascending']">
<template slot="header" slot-scope="scope" class="Movearrow">
<div class="tablename4">住院费用<br/>(千)</div>
<div class="tablename5" style="width: 40px;">同(%)</div>
</template>
<template slot-scope="scope">
<p class="cashcost">{{scope.row.ZYFY}}</p>
<p class="tper" v-html="scope.row.ZYFY_TBL"></p>
</template>
</el-table-column>
<el-table-column prop="ZYCS" align="center" label="住院次数" width="80" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
<el-table-column prop="GYZT" align="center" label="干预 " width="70"></el-table-column>
<el-table-column prop="SBZT" align="center" label="上报 " width="70"></el-table-column>
<el-table-column prop="LXDH" align="center" label="联系电话 " width="100"></el-table-column>
<el-table-column prop="SFZH" align="center" label="身份证号" width="120">
<template slot-scope="scope">
<span>{{scope.row.SFZH?scope.row.SFZH.replace(/^(.{4})(?:\w+)(.{2})$/, "\$1************\$2"):""}}</span>
</template>
</el-table-column>
<el-table-column prop="QYSJ" align="center" label="签约时间" width="95" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
</el-table>
 
</div>
<div v-show="!jzzt" style="padding: 20px;">
<el-table id="wjzTable" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle" :data="wjzListData"
:row-class-name="tabRowClassName"
style="width: 100%;margin:0;overflow-y: scroll;background: #272E52;font-size: 10px;" height="515"
disabled="disabled" ref="eltab" :default-sort="{prop:'LJSC',order:'descending'}"
v-el-table-infinite-scroll="loadMore"
@sort-change='sortChange'>
<el-table-column fixed label="序列" width="45">
<template slot-scope="scope"><span>{{scope.$index + 1}} </span></template>
</el-table-column>
<el-table-column fixed prop="XM" label="患者姓名" width="95">
<template slot-scope="scope">
<p style="float: left;">
{{scope.row.XM}}</p>
<div v-html="iconshow(scope.row.ZDRQ2)"></div>
</template>
</el-table-column>
<el-table-column prop="NL" label="年龄" width="42" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
<el-table-column prop="XB" label="性别" width="42" ></el-table-column>
<el-table-column prop="SCJZSJ" label="最后就诊日期" width="100" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
<el-table-column prop="LJSC" label="累计时长(月)" width="90" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
<el-table-column prop="JZCS_TQ" label="同期就诊次数" width="95" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
<el-table-column prop="MZFY_TQ" label="同期就诊费用" width="95" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
<el-table-column prop="GYZT" label="干预 " width="70"></el-table-column>
<el-table-column prop="SBZT" label="上报 " width="70"></el-table-column>
<el-table-column prop="LXDH" label="联系电话 " width="100"></el-table-column>
<el-table-column prop="SFZH" label="身份证号" width="120">
<template slot-scope="scope">
<span>{{scope.row.SFZH?scope.row.SFZH.replace(/^(.{4})(?:\w+)(.{2})$/, "\$1************\$2"):""}}</span>
</template>
</el-table-column>
<el-table-column label="地址" width="160" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div class="jzdz-width">{{scope.row.JZDZ}}</div>
</template>
</el-table-column>
<el-table-column prop="QYSJ" label="签约时间" width="90" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
</el-table>
</div>
</div>
</div>
</list-header>
</el-header>
<el-container>
<el-main>
<div v-show="jzzt">
<el-row>
<el-col :span="24">
<div style="background:linear-gradient(180deg,rgba(61,75,119,1) 0%,rgba(56,66,105,1) 100%);
height: 50px;line-height: 50px;text-align: left;padding: 0px 24px;color: #A6AED6;font-size: 13px;">
<span style="">就诊次数分析</span><span style="margin-left: 80px;">≥{{number}}</span>
<span style="color: #55FFE8;font-size: 24px;margin-left: 10px;">{{dataCount}}</span><span
style="color: #F0F8FF;">人</span>
<span class="progressBar1" style="display: inline-block;width: 86px;margin-left: 5px;"><el-progress
:show-text="false"
:stroke-width="8"
:percentage="percentage1"
color="#36F2D8"></el-progress></span>
<span style="margin-left: 80px;">≥100-200</span>
<span style="color: #FFC965;font-size: 24px;margin-left: 10px;">{{dataCount1}}</span><span
style="color: #F0F8FF;">人</span>
<span class="progressBar2" style="display: inline-block;width: 86px;margin-left: 5px;"><el-progress
:show-text="false"
:stroke-width="8"
:percentage="percentage2"
color="#FFC965"></el-progress></span>
<span style="margin-left: 80px;">≥200</span>
<span style="color: #FF9D3D;font-size: 24px;margin-left: 10px;">{{dataCount2}}</span><span
style="color: #F0F8FF;">人</span>
<span class="progressBar3" style="display: inline-block;width: 86px;margin-left: 5px;"><el-progress
:show-text="false"
:stroke-width="8"
:percentage="percentage3"
color="#FF9D3D"></el-progress></span>
</div>
</el-col>
</el-row>
<!-- background:'#2c3659', -->
<el-table id="rebateSetTable" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle"
:data="listData" :row-class-name="tabRowClassName"
style="width: 100%;margin-top:20px;overflow-y: scroll;background: #272E52;font-size: 10px;"
height="450" disabled="disabled" ref="eltab"
:default-sort="{prop:'JZCS_PLD',order:'descending'}"
v-el-table-infinite-scroll="loadMore"
@sort-change='sortChange'>
<el-table-column fixed label="序号" align="center" width="46">
<template slot-scope="scope"><span>{{scope.$index + 1}} </span></template>
</el-table-column>
<el-table-column fixed prop="XM" align="left" label="患者姓名" width="95">
<template slot-scope="scope">
<span @click="toPatientDetails(scope.row.SFZH)" style="color:#0985de;text-decoration: underline;">
{{scope.row.XM}}</span>
<span v-html="iconshow(scope.row.ZDRQ2)" style="vertical-align: middle;"></span>
</template>
</el-table-column>
<el-table-column prop="NL" label="年龄" align="center" width="50" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
<el-table-column width="160" align="center" prop="JZCS_PLD" sortable='custom'
:sort-orders="['descending','ascending']">
<template slot="header" slot-scope="scope" class="Movearrow">
<div class="tablename4">累计(次)<br/>(1/2/3级)</div>
<div class="tablename5">同(%)<span style="margin-left: 10px;">偏(%)</span></div>
</template>
<template slot-scope="scope">
<p class="cashcost">({{scope.row.JZCS_YJ}}/{{scope.row.JZCS_EJ}}/{{scope.row.JZCS_SJ}})</p>
<p class="tper" v-html="scope.row.JZCS_TBL"></p>
<p class="pper" v-html="scope.row.JZCS_PLD"></p>
</template>
</el-table-column>
<el-table-column width="155" align="center" prop="ZHNJZL_PLD" sortable='custom'
:sort-orders="['descending','ascending']">
<template slot="header" slot-scope="scope" class="Movearrow">
<div class="tablename4">组合内<br/>就诊率(%)</div>
<div class="tablename5">同(%)<span style="margin-left: 10px;">偏(%)</span></div>
</template>
<template slot-scope="scope">
<p class="cashcost1">{{scope.row.ZHNJZL}}</p>
<p class="tper" v-html="scope.row.JZCS_TBL"></p>
<p class="pper" v-html="scope.row.ZHNJZL_PLD"></p>
</template>
</el-table-column>
<el-table-column width="155" align="center" prop="QYSQJZL_PLD" sortable='custom'
:sort-orders="['descending','ascending']">
<template slot="header" slot-scope="scope" class="Movearrow">
<div class="tablename4">签约社区<br/>就诊率(%)</div>
<div class="tablename5">同(%)<span style="margin-left: 10px;">偏(%)</span></div>
</template>
<template slot-scope="scope">
<p class="cashcost1">{{scope.row.QYSQJZL}}</p>
<p class="tper" v-html="scope.row.QYSQJZ_TBL"></p>
<p class="pper" v-html="scope.row.QYSQJZL_PLD"></p>
</template>
</el-table-column>
<el-table-column width="150" align="center" prop="ZFY_TBL" sortable='custom'
:sort-orders="['descending','ascending']">
<template slot="header" slot-scope="scope" class="Movearrow">
<div class="tablename1">总费用(千)<br/>(1/2/3级)</div>
<div class="tablename2">同(%)</div>
</template>
<template slot-scope="scope">
<p class="cashcost2">
({{scope.row.ZFY_YJ}} / {{scope.row.ZFY_EJ}} / {{scope.row.ZFY_SJ}})
</p>
<p class="tper1" v-html="scope.row.ZFY_TBL"></p>
</template>
</el-table-column>
<el-table-column width="152" align="center" prop="MZFY_TBL" sortable='custom'
:sort-orders="['descending','ascending']">
<template slot="header" slot-scope="scope" class="Movearrow">
<div class="tablename4">门诊费用<br/>(千)</div>
<div class="tablename5">偏(%)<span style="margin-left: 10px;">同(%)</span></div>
</template>
<template slot-scope="scope">
<p class="cashcost">{{scope.row.MZFY}}</p>
<p class="tper" v-html="scope.row.MZFY_PLD"></p>
<p class="pper" v-html="scope.row.MZFY_TBL"></p>
</template>
</el-table-column>
<el-table-column width="152" align="center" prop="MZYF_TBL" sortable='custom'
:sort-orders="['descending','ascending']">
<template slot="header" slot-scope="scope" class="Movearrow">
<div class="tablename4">门诊药费<br/>(千)</div>
<div class="tablename5">偏(%)<span style="margin-left: 10px;">同(%)</span></div>
</template>
<template slot-scope="scope">
<p class="cashcost">{{scope.row.MZYF}}</p>
<p class="tper" v-html="scope.row.MZYF_PLD"></p>
<p class="pper" v-html="scope.row.MZYF_TBL"></p>
</template>
</el-table-column>
<el-table-column width="130" align="center" prop="ZYFY_TBL" sortable='custom'
:sort-orders="['descending','ascending']">
<template slot="header" slot-scope="scope" class="Movearrow">
<div class="tablename4">住院费用<br/>(千)</div>
<div class="tablename5" style="width: 40px;">同(%)</div>
</template>
<template slot-scope="scope">
<p class="cashcost">{{scope.row.ZYFY}}</p>
<p class="tper" v-html="scope.row.ZYFY_TBL"></p>
</template>
</el-table-column>
<el-table-column prop="ZYCS" align="center" label="住院次数" width="80" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
<el-table-column prop="GYZT" align="center" label="干预 " width="70"></el-table-column>
<el-table-column prop="SBZT" align="center" label="上报 " width="70"></el-table-column>
<el-table-column prop="LXDH" align="center" label="联系电话 " width="100"></el-table-column>
<el-table-column prop="SFZH" align="center" label="身份证号" width="120">
<template slot-scope="scope">
<span>{{scope.row.SFZH?scope.row.SFZH.replace(/^(.{4})(?:\w+)(.{2})$/, "\$1************\$2"):""}}</span>
</template>
</el-table-column>
<el-table-column prop="QYSJ" align="center" label="签约时间" width="95" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
</el-table>
 
</div>
<div v-show="!jzzt">
<el-table id="wjzTable" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle" :data="wjzListData"
:row-class-name="tabRowClassName"
style="width: 100%;margin:0;overflow-y: scroll;background: #272E52;font-size: 10px;" height="515"
disabled="disabled" ref="eltab" :default-sort="{prop:'LJSC',order:'descending'}"
v-el-table-infinite-scroll="loadMore"
@sort-change='sortChange'>
<el-table-column fixed label="序列" width="45">
<template slot-scope="scope"><span>{{scope.$index + 1}} </span></template>
</el-table-column>
<el-table-column fixed prop="XM" label="患者姓名" width="95">
<template slot-scope="scope">
<p style="float: left;">
{{scope.row.XM}}</p>
<div v-html="iconshow(scope.row.ZDRQ2)"></div>
</template>
</el-table-column>
<el-table-column prop="NL" label="年龄" width="42" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
<el-table-column prop="XB" label="性别" width="42" ></el-table-column>
<el-table-column prop="SCJZSJ" label="最后就诊日期" width="100" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
<el-table-column prop="LJSC" label="累计时长(月)" width="90" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
<el-table-column prop="JZCS_TQ" label="同期就诊次数" width="95" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
<el-table-column prop="MZFY_TQ" label="同期就诊费用" width="95" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
<el-table-column prop="GYZT" label="干预 " width="70"></el-table-column>
<el-table-column prop="SBZT" label="上报 " width="70"></el-table-column>
<el-table-column prop="LXDH" label="联系电话 " width="100"></el-table-column>
<el-table-column prop="SFZH" label="身份证号" width="120">
<template slot-scope="scope">
<span>{{scope.row.SFZH?scope.row.SFZH.replace(/^(.{4})(?:\w+)(.{2})$/, "\$1************\$2"):""}}</span>
</template>
</el-table-column>
<el-table-column label="地址" width="160" :show-overflow-tooltip="true">
<template slot-scope="scope">
<div class="jzdz-width">{{scope.row.JZDZ}}</div>
</template>
</el-table-column>
<el-table-column prop="QYSJ" label="签约时间" width="90" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column>
</el-table>
</div>
</el-main>
</el-container>
</el-container>
</div>
</template>
......@@ -435,8 +353,8 @@
res.data.listData[index].ZYFY = this.commonJs.getActiveNum(item.ZYFY / 1000);
res.data.listData[index].ZYFY_TBL = this.commonJs.changeUpOrDown(item.ZYFY_TBL);
res.data.listData[index].ZYCS = this.commonJs.checkNumber(item.ZYCS);
res.data.listData[index].QYSJ = this.commonJs.dateFormat(item.QYSJ,'yyyy-MM-DD');
res.data.listData[index].SCJZSJ = this.commonJs.dateFormat(item.SCJZSJ,'yyyy-MM-DD');
res.data.listData[index].QYSJ = this.commonJs.dateFormat(item.QYSJ,'yyyy-MM-dd');
res.data.listData[index].SCJZSJ = this.commonJs.dateFormat(item.SCJZSJ,'yyyy-MM-dd');
ulist.value = item.XM;
ulist.usex = item.XB;
......@@ -574,7 +492,7 @@
},
cellStyle() {
return 'background:none;color:#D6DAEC;border:0;border-right: 0.5px solid #6072AC; margin:0; padding:0; line-height:33px; text-align:center'
return 'background:none;color:#D6DAEC;border:0;border-right: 0.5px solid #6072AC; margin:0; padding:0; line-height:33px;'
},
xsfun() {
this.istc = !this.istc
......@@ -658,13 +576,25 @@
</script>
<style>
* {
#contractPatientList .el-header {
padding: 0;
}
#contractPatientList .el-input__inner {
width: 150px;
height: 22px;
border: none;
background: rgba(62, 73, 117, 1);
border-radius: 3px;
font-size: 10px;
font-weight: 500;
color: rgba(110, 119, 167, 1);
line-height: 28px;
}
.tablename4 {
margin-top: 11px;
width: 55px;
width: 58px;
height: 30px;
float: left;
}
......@@ -988,31 +918,7 @@
font-size: 10px;
}
.head_but {
background: #3FA5FF;
border-radius: 3px;
margin: 8px 10px 0 0;
height: 32px;
width: 72px;
color: #fff;
line-height: 30px;
overflow: hidden;
font-size: 13px;
}
.head_but img {
width: 14px;
height: 14px;
display: inline-block;
position: relative;
top: 3px;
}
.head_but {
margin: 0 0 0 15px;
width: 70px;
height: 28px;
}
.progressBar1 .el-progress-bar__outer {
background-color: #1a796c;
......
src/views/gp/patient/MzPatient.vue
......@@ -686,7 +686,7 @@ export default {
if(res.code == 1 && res.data.length>0){
that.userinfo = res.data[0]
that.zdrq = that.userinfo.ZDRQ2
that.qysj = this.commonJs.dateFormat(that.userinfo.QYSJ,'yyyy-MM-DD')
that.qysj = this.commonJs.dateFormat(that.userinfo.QYSJ,'yyyy-MM-dd')
that.ysxm = that.userinfo.YSXM
}
})
......@@ -778,7 +778,7 @@ export default {
console.log('诊疗table信息列表');
console.log(res);
res.data.listData.forEach((item, index) => {
res.data.listData[index].JZKSRQ = this.commonJs.dateFormat(item.JZKSRQ,'yyyy-MM-DD')
res.data.listData[index].JZKSRQ = this.commonJs.dateFormat(item.JZKSRQ,'yyyy-MM-dd')
res.data.listData[index].JZFY = this.commonJs.getActiveNum(item.JZFY)
res.data.listData[index].JZYF = this.commonJs.getActiveNum(item.JZYF)
res.data.listData[index].QTFY = this.commonJs.getActiveNum(item.QTFY)
......
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