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; } ...@@ -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);} ::-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); width:100%;
height: 100%; max-width:1280px;
height: 600px;
margin: 0 auto;
background:-webkit-linear-gradient(top,#272E52,#171C30);
position: relative;
} }
.header { .header {
height: 56px; height: 56px;
background: #2e375c; background: #2e375c;
......
src/assets/css/contract.css
...@@ -164,7 +164,6 @@ ...@@ -164,7 +164,6 @@
/*居民就诊分析*/ /*居民就诊分析*/
.outer{display: flex; width:100%; height:100%;background: #272E52; align-items: center; /* 垂直居中 */justify-content: center; /* 水平居中 */} .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;} .header{ height: 56px; background: #2e375c; margin-bottom: 20px;}
.con-main{ height: 500px;} .con-main{ height: 500px;}
.naver{ width: 70px; float: left; height: 56px; background: #35406b; text-align: center; padding-top: 20px;} .naver{ width: 70px; float: left; height: 56px; background: #35406b; text-align: center; padding-top: 20px;}
......
src/components/common/Search.vue
<template> <template>
<div id="search"> <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"> :trigger-on-focus="true" @select="handleSelect">
<i slot="prefix" class="el-input__icon el-icon-search"></i> <i slot="prefix" class="el-input__icon el-icon-search"></i>
</el-autocomplete> </el-autocomplete>
......
src/components/common/header/ListHeader.vue
...@@ -19,10 +19,10 @@ ...@@ -19,10 +19,10 @@
<button class="head_but" style="background: #44517d" @click="goBack"> <button class="head_but" style="background: #44517d" @click="goBack">
<img src="~assets/img/header/icon-white-back.png"> 返回 <img src="~assets/img/header/icon-white-back.png"> 返回
</button> </button>
<button class="head_but"> <button class="head_but" @click="goDownloadList">
<img src="~assets/img/header/export.png"> 导出 <img src="~assets/img/header/export.png"> 导出
</button> </button>
<button class="head_but"> <button class="head_but" @click="goFilter">
<img src="~assets/img/header/icon-filter.png"> 筛选 <img src="~assets/img/header/icon-filter.png"> 筛选
</button> </button>
</div> </div>
...@@ -58,16 +58,15 @@ ...@@ -58,16 +58,15 @@
goBack(){ goBack(){
window.history.go(-1) window.history.go(-1)
}, },
cxsjChange() { goDownloadList() {
this.$parent.downloadList();
// this.$emit('downloadList');
}, },
openCame() { goFilter() {
if (false) { this.$parent.showFilter();
// this.$emit('showFilter');
} else {
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;
......
src/router/index.js
...@@ -32,6 +32,7 @@ export default new Router({ ...@@ -32,6 +32,7 @@ export default new Router({
path: '/gpHome', path: '/gpHome',
name: 'gpHome', name: 'gpHome',
component: () => import('views/gp/GpHome.vue'), component: () => import('views/gp/GpHome.vue'),
// component: resolve => require(['@/views/gp/GpHome.vue'], resolve),
children: [ children: [
{ // 家医签约管理 { // 家医签约管理
path: 'gpContract', path: 'gpContract',
......
src/views/gp/list/ContractPatientList.vue
<template> <template>
<div id="contractPatientList" class="outer"> <div id="contractPatientList" class="outer">
<el-container class="container"> <div class="container">
<el-header height="55px">
<list-header> <list-header>
<div style="font-size:17px;font-weight:500;color:rgba(255,255,255,1);text-align: left;line-height: 55px;"> <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 style="font-size:17px;color:rgba(255,255,255,1);">签约人群分析</span>
<span class=""></span> <span class=""></span>
<span style="margin-left: 10px;color: #8891BE;font-size: 11px;"><span>(标准次数>={{number}}次 & {{cateFn(para01)}})</span></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" <el-autocomplete class="inline-input" v-model="state2" :fetch-suggestions="querySearch"
placeholder="请输入患者姓名" :trigger-on-focus="true" @select="handleSelect"> placeholder="请输入患者姓名" :trigger-on-focus="true" @select="handleSelect">
<i slot="prefix" class="el-input__icon el-icon-search"></i> <i slot="prefix" class="el-input__icon el-icon-search"></i>
</el-autocomplete> </el-autocomplete>
</div> </span>
</div> </div>
</list-header> </list-header>
</el-header> <div class="tccmain" v-show="isFilter">
<el-container> <h4>筛选条件</h4>
<el-main> <div class="tccline">
<div v-show="jzzt"> <div class="tccleft">人群类型</div>
<el-row> <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"> <el-col :span="24">
<div style="background:linear-gradient(180deg,rgba(61,75,119,1) 0%,rgba(56,66,105,1) 100%); <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;"> height: 50px;line-height: 50px;text-align: left;padding: 0px 24px;color: #A6AED6;font-size: 13px;">
...@@ -54,7 +96,7 @@ ...@@ -54,7 +96,7 @@
<el-table id="rebateSetTable" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle" <el-table id="rebateSetTable" :header-cell-style="headerStyle" :fit="true" :cell-style="cellStyle"
:data="listData" :row-class-name="tabRowClassName" :data="listData" :row-class-name="tabRowClassName"
style="width: 100%;margin-top:20px;overflow-y: scroll;background: #272E52;font-size: 10px;" 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'}" :default-sort="{prop:'JZCS_PLD',order:'descending'}"
v-el-table-infinite-scroll="loadMore" v-el-table-infinite-scroll="loadMore"
@sort-change='sortChange'> @sort-change='sortChange'>
...@@ -190,7 +232,7 @@ ...@@ -190,7 +232,7 @@
</el-table-column> </el-table-column>
<el-table-column prop="NL" label="年龄" width="42" sortable='custom' <el-table-column prop="NL" label="年龄" width="42" sortable='custom'
:sort-orders="['descending','ascending']"></el-table-column> :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' <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="LJSC" label="累计时长(月)" width="90" sortable='custom' <el-table-column prop="LJSC" label="累计时长(月)" width="90" sortable='custom'
...@@ -216,9 +258,9 @@ ...@@ -216,9 +258,9 @@
:sort-orders="['descending','ascending']"></el-table-column> :sort-orders="['descending','ascending']"></el-table-column>
</el-table> </el-table>
</div> </div>
</el-main>
</el-container> </div>
</el-container>
</div> </div>
</template> </template>
...@@ -229,7 +271,7 @@ ...@@ -229,7 +271,7 @@
import XLSX from 'xlsx' import XLSX from 'xlsx'
export default { export default {
components:{ components: {
ListHeader ListHeader
}, },
data() { data() {
...@@ -243,12 +285,12 @@ ...@@ -243,12 +285,12 @@
para02: '', para02: '',
token: '', token: '',
loginMsg: {}, loginMsg: {},
istc: false, isFilter: false,
state1: '', state1: '',
category: '全部', category: '全部',
pageIndex: 1, pageIndex: 1,
uname: '', uname: '',
yname:'', yname: '',
state2: '', state2: '',
number: 0, number: 0,
cxsj: "", cxsj: "",
...@@ -353,8 +395,8 @@ ...@@ -353,8 +395,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;
...@@ -381,12 +423,12 @@ ...@@ -381,12 +423,12 @@
var fix = document.querySelector('.el-table__fixed'); var fix = document.querySelector('.el-table__fixed');
var wb; var wb;
var xlsxParam = { raw: true };//转换成excel时，使用原始的格式 var xlsxParam = {raw: true};//转换成excel时，使用原始的格式
if (this.para02 === 2) { 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); document.querySelector('#wjzTable').appendChild(fix);
}else{ } else {
wb = XLSX.utils.table_to_book(document.querySelector('#rebateSetTable').removeChild(fix),xlsxParam); wb = XLSX.utils.table_to_book(document.querySelector('#rebateSetTable').removeChild(fix), xlsxParam);
document.querySelector('#rebateSetTable').appendChild(fix); document.querySelector('#rebateSetTable').appendChild(fix);
} }
...@@ -430,7 +472,7 @@ ...@@ -430,7 +472,7 @@
} else { } else {
this.orderType1 = 'asc' this.orderType1 = 'asc'
} }
}else{ } else {
this.orderField = column.prop; this.orderField = column.prop;
if (column.order === 'descending') { if (column.order === 'descending') {
this.orderType = 'desc' this.orderType = 'desc'
...@@ -494,8 +536,8 @@ ...@@ -494,8 +536,8 @@
cellStyle() { cellStyle() {
return 'background:none;color:#D6DAEC;border:0;border-right: 0.5px solid #6072AC; margin:0; padding:0; line-height:33px;' return 'background:none;color:#D6DAEC;border:0;border-right: 0.5px solid #6072AC; margin:0; padding:0; line-height:33px;'
}, },
xsfun() { showFilter() {
this.istc = !this.istc this.isFilter = !this.isFilter
}, },
toPatientDetails(param) { toPatientDetails(param) {
console.log('sss') console.log('sss')
...@@ -512,7 +554,7 @@ ...@@ -512,7 +554,7 @@
this.pageIndex = 1; this.pageIndex = 1;
this.listData = []; this.listData = [];
this.dataInit(); this.dataInit();
this.istc = !this.istc; this.isFilter = !this.isFilter;
}, },
tabRowClassName({row, rowIndex}) { tabRowClassName({row, rowIndex}) {
let index = rowIndex + 1; let index = rowIndex + 1;
...@@ -549,9 +591,9 @@ ...@@ -549,9 +591,9 @@
// this.$router.push('/Signing'); // this.$router.push('/Signing');
//this.$router.go(-1); //this.$router.go(-1);
let backUrl = sessionStorage.getItem('backUrl'); let backUrl = sessionStorage.getItem('backUrl');
if(backUrl=='AnalySign' ){ if (backUrl == 'AnalySign') {
this.$router.push('/Signing'); this.$router.push('/Signing');
}else{ } else {
this.$router.go(-1); this.$router.go(-1);
} }
} }
...@@ -564,7 +606,7 @@ ...@@ -564,7 +606,7 @@
this.cxsj = sessionStorage.getItem("cxsj"); this.cxsj = sessionStorage.getItem("cxsj");
this.yname = this.loginMsg.userName this.yname = this.loginMsg.userName
if(this.loginMsg.roleCode=='hcms.APP_SQYZ'){ if (this.loginMsg.roleCode == 'hcms.APP_SQYZ') {
console.log('家医数据信息：') console.log('家医数据信息：')
console.log(this.loginMsg) console.log(this.loginMsg)
this.loginMsg.gpNumber = sessionStorage.getItem('ygh') this.loginMsg.gpNumber = sessionStorage.getItem('ygh')
...@@ -579,6 +621,10 @@ ...@@ -579,6 +621,10 @@
#contractPatientList .el-header { #contractPatientList .el-header {
padding: 0; padding: 0;
} }
#contractPatientList {
max-width: 1200px;
margin: 0 auto;
}
#contractPatientList .el-input__inner { #contractPatientList .el-input__inner {
width: 150px; width: 150px;
height: 22px; height: 22px;
...@@ -686,6 +732,7 @@ ...@@ -686,6 +732,7 @@
.tccmain { .tccmain {
position: absolute; position: absolute;
text-align: center;
right: 10px; right: 10px;
top: 60px; top: 60px;
width: 480px; width: 480px;
...@@ -786,10 +833,7 @@ ...@@ -786,10 +833,7 @@
height: 30px; height: 30px;
} }
.logincontainer {
max-width: 1280px;
margin: 0 auto;
}
.jnlogbtn2 { .jnlogbtn2 {
background: #3FA5FF; background: #3FA5FF;
...@@ -887,10 +931,7 @@ ...@@ -887,10 +931,7 @@
margin: 0; margin: 0;
} }
.el-autocomplete {
line-height: 20px;
display: block;
}
.el-input__icon { .el-input__icon {
line-height: 22px; line-height: 22px;
...@@ -919,7 +960,6 @@ ...@@ -919,7 +960,6 @@
} }
.progressBar1 .el-progress-bar__outer { .progressBar1 .el-progress-bar__outer {
background-color: #1a796c; background-color: #1a796c;
border-radius: 0; border-radius: 0;
......
vue.config.js
...@@ -3,7 +3,7 @@ module.exports = { ...@@ -3,7 +3,7 @@ module.exports = {
outputDir: "./dist", outputDir: "./dist",
lintOnSave: false, lintOnSave: false,
assetsDir:'', assetsDir:'',
publicPath:'./', publicPath:'/',
configureWebpack:{ configureWebpack:{
resolve: { resolve: {
alias: { alias: {
...@@ -14,13 +14,13 @@ module.exports = { ...@@ -14,13 +14,13 @@ module.exports = {
} }
}, },
output:{ output:{
filename:'./js/[name].js', filename:'js/[name].js',
chunkFilename:'./js/[name].js' chunkFilename:'js/[name].js'
}, },
plugins:[ plugins:[
new MiniCssExtractPlugin({ new MiniCssExtractPlugin({
filename:'./css/[name].css', filename:'css/[name].css',
chunkFilename:'./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