Skip to content

E
expense
Commit d9fbbe43 by lihu541
Options

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

parent b37e823b
Showing with 135 additions and 104 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/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