Skip to content

E
expense
Commit 01905882 by lihu541
Options

列表调整

parent 3f070174
Showing with 103 additions and 59 deletions
src/assets/css/base.css
......@@ -58,10 +58,15 @@ input::-webkit-input-placeholder { color: #BDCADA; }
::-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%;
.container{
width:100%;
max-width:1280px;
height: 600px;
margin: 0 auto;
background:-webkit-linear-gradient(top,#272E52,#171C30);
position: relative;
}
.header {
height: 56px;
background: #2e375c;
......
src/assets/css/contract.css
......@@ -164,7 +164,6 @@
/*居民就诊分析*/
.outer{display: flex; width:100%; height:100%;background: #272E52; align-items: center; /* 垂直居中 */justify-content: center; /* 水平居中 */}
.container{width:100%; max-width:1280px; height: 600px; margin: 0 auto; background:-webkit-linear-gradient(top,#272E52,#171C30);position: relative;}
.header{ height: 56px; background: #2e375c; margin-bottom: 20px;}
.con-main{ height: 500px;}
.naver{ width: 70px; float: left; height: 56px; background: #35406b; text-align: center; padding-top: 20px;}
......
src/components/common/Search.vue
<template>
<div id="search">
<el-autocomplete class="inline-input" v-model="state" :fetch-suggestions="querySearch" placeholder="请输入内容"
<el-autocomplete class="inline-input" v-model="state" :fetch-suggestions="querySearch" placeholder="请输入患者姓名"
:trigger-on-focus="true" @select="handleSelect">
<i slot="prefix" class="el-input__icon el-icon-search"></i>
</el-autocomplete>
......
src/components/common/header/ListHeader.vue
......@@ -19,10 +19,10 @@
<button class="head_but" style="background: #44517d" @click="goBack">
<img src="~assets/img/header/icon-white-back.png"> 返回
</button>
<button class="head_but">
<button class="head_but" @click="goDownloadList">
<img src="~assets/img/header/export.png"> 导出
</button>
<button class="head_but">
<button class="head_but" @click="goFilter">
<img src="~assets/img/header/icon-filter.png"> 筛选
</button>
</div>
......@@ -58,16 +58,15 @@
goBack(){
window.history.go(-1)
},
cxsjChange() {
goDownloadList() {
this.$parent.downloadList();
// this.$emit('downloadList');
},
openCame() {
if (false) {
} else {
this.$message.error('移动APP打开扫一扫');
}
goFilter() {
this.$parent.showFilter();
// this.$emit('showFilter');
},
getHeadRightInfo() {
this.userName = JSON.parse(sessionStorage.getItem('userinfo')).userName;
this.cxsj = this.$store.getters.getCxsj;
......
src/router/index.js
......@@ -32,6 +32,7 @@ export default new Router({
path: '/gpHome',
name: 'gpHome',
component: () => import('views/gp/GpHome.vue'),
// component: resolve => require(['@/views/gp/GpHome.vue'], resolve),
children: [
{ // 家医签约管理
path: 'gpContract',
......
src/views/gp/list/ContractPatientList.vue
<template>
<div id="contractPatientList" class="outer">
<el-container class="container">
<el-header height="55px">
<div class="container">
<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;">
<span style="margin-left: 10px;">
<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>
</span>
</div>
</list-header>
</el-header>
<el-container>
<el-main>
<div v-show="jzzt">
<el-row>
<div class="tccmain" v-show="isFilter">
<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 v-show="jzzt" style="padding: 0 20px;">
<el-row style="margin-top: 20px;">
<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;">
......@@ -54,7 +96,7 @@
<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"
height="440" disabled="disabled" ref="eltab"
:default-sort="{prop:'JZCS_PLD',order:'descending'}"
v-el-table-infinite-scroll="loadMore"
@sort-change='sortChange'>
......@@ -190,7 +232,7 @@
</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="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'
......@@ -216,9 +258,9 @@
:sort-orders="['descending','ascending']"></el-table-column>
</el-table>
</div>
</el-main>
</el-container>
</el-container>
</div>
</div>
</template>
......@@ -229,7 +271,7 @@
import XLSX from 'xlsx'
export default {
components:{
components: {
ListHeader
},
data() {
......@@ -243,12 +285,12 @@
para02: '',
token: '',
loginMsg: {},
istc: false,
isFilter: false,
state1: '',
category: '全部',
pageIndex: 1,
uname: '',
yname:'',
yname: '',
state2: '',
number: 0,
cxsj: "",
......@@ -353,8 +395,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;
......@@ -381,12 +423,12 @@
var fix = document.querySelector('.el-table__fixed');
var wb;
var xlsxParam = { raw: true };//转换成excel时，使用原始的格式
var xlsxParam = {raw: true};//转换成excel时，使用原始的格式
if (this.para02 === 2) {
wb = XLSX.utils.table_to_book(document.querySelector('#wjzTable').removeChild(fix),xlsxParam);
wb = XLSX.utils.table_to_book(document.querySelector('#wjzTable').removeChild(fix), xlsxParam);
document.querySelector('#wjzTable').appendChild(fix);
}else{
wb = XLSX.utils.table_to_book(document.querySelector('#rebateSetTable').removeChild(fix),xlsxParam);
} else {
wb = XLSX.utils.table_to_book(document.querySelector('#rebateSetTable').removeChild(fix), xlsxParam);
document.querySelector('#rebateSetTable').appendChild(fix);
}
......@@ -430,7 +472,7 @@
} else {
this.orderType1 = 'asc'
}
}else{
} else {
this.orderField = column.prop;
if (column.order === 'descending') {
this.orderType = 'desc'
......@@ -494,8 +536,8 @@
cellStyle() {
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
showFilter() {
this.isFilter = !this.isFilter
},
toPatientDetails(param) {
console.log('sss')
......@@ -512,7 +554,7 @@
this.pageIndex = 1;
this.listData = [];
this.dataInit();
this.istc = !this.istc;
this.isFilter = !this.isFilter;
},
tabRowClassName({row, rowIndex}) {
let index = rowIndex + 1;
......@@ -549,9 +591,9 @@
// this.$router.push('/Signing');
//this.$router.go(-1);
let backUrl = sessionStorage.getItem('backUrl');
if(backUrl=='AnalySign' ){
if (backUrl == 'AnalySign') {
this.$router.push('/Signing');
}else{
} else {
this.$router.go(-1);
}
}
......@@ -564,7 +606,7 @@
this.cxsj = sessionStorage.getItem("cxsj");
this.yname = this.loginMsg.userName
if(this.loginMsg.roleCode=='hcms.APP_SQYZ'){
if (this.loginMsg.roleCode == 'hcms.APP_SQYZ') {
console.log('家医数据信息：')
console.log(this.loginMsg)
this.loginMsg.gpNumber = sessionStorage.getItem('ygh')
......@@ -579,6 +621,10 @@
#contractPatientList .el-header {
padding: 0;
}
#contractPatientList {
max-width: 1200px;
margin: 0 auto;
}
#contractPatientList .el-input__inner {
width: 150px;
height: 22px;
......@@ -686,6 +732,7 @@
.tccmain {
position: absolute;
text-align: center;
right: 10px;
top: 60px;
width: 480px;
......@@ -786,10 +833,7 @@
height: 30px;
}
.logincontainer {
max-width: 1280px;
margin: 0 auto;
}
.jnlogbtn2 {
background: #3FA5FF;
......@@ -887,10 +931,7 @@
margin: 0;
}
.el-autocomplete {
line-height: 20px;
display: block;
}
.el-input__icon {
line-height: 22px;
......@@ -919,7 +960,6 @@
}
.progressBar1 .el-progress-bar__outer {
background-color: #1a796c;
border-radius: 0;
......
vue.config.js
......@@ -3,7 +3,7 @@ module.exports = {
outputDir: "./dist",
lintOnSave: false,
assetsDir:'',
publicPath:'./',
publicPath:'/',
configureWebpack:{
resolve: {
alias: {
......@@ -14,13 +14,13 @@ module.exports = {
}
},
output:{
filename:'./js/[name].js',
chunkFilename:'./js/[name].js'
filename:'js/[name].js',
chunkFilename:'js/[name].js'
},
plugins:[
new MiniCssExtractPlugin({
filename:'./css/[name].css',
chunkFilename:'./css/[name].css'
filename:'css/[name].css',
chunkFilename:'css/[name].css'
})
]
},
......
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