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