Skip to content

E
expense
Commit d9fbbe43 by lihu541
Options

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

parent b37e823b
Showing with 108 additions and 76 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%;
...@@ -94,3 +94,63 @@ input::-webkit-input-placeholder { color: #BDCADA; } ...@@ -94,3 +94,63 @@ input::-webkit-input-placeholder { color: #BDCADA; }
background:rgba(38,128,255,1); background:rgba(38,128,255,1);
display: inline-block; display: inline-block;
} }
/*上下箭头*/
.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"> <div id="listHeader">
<el-row> <el-row>
...@@ -27,15 +11,13 @@ ...@@ -27,15 +11,13 @@
</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>
<div <div class="header-right">
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 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"> 导出
...@@ -44,7 +26,6 @@ ...@@ -44,7 +26,6 @@
<img src="~assets/img/header/icon-filter.png"> 筛选 <img src="~assets/img/header/icon-filter.png"> 筛选
</button> </button>
</div> </div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
...@@ -52,17 +33,13 @@ ...@@ -52,17 +33,13 @@
</el-row> </el-row>
</div> </div>
</template> </template>
<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/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