Skip to content

B
bims
Commit 9f6e446d authored by yanglilong's avatar yanglilong
Browse files
Options

'loading'

parent ac6c6744
Show whitespace changes
Inline Side-by-side
Showing with 376 additions and 221 deletions
public/index.html
View file @ 9f6e446d
......@@ -4,8 +4,8 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<title><%= htmlWebpackPlugin.options.title %></title>
<!-- <link rel="icon" href="<%= BASE_URL %>favicon2.png" /> -->
<title><%= webpackConfig.name %></title>
<script
type="text/javascript"
src="//at.alicdn.com/t/font_3020450_c8k1zo91rcb.js"
......@@ -14,7 +14,7 @@
<body>
<noscript>
<strong
>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
>We're sorry but <%= webpackConfig.name %> doesn't work
properly without JavaScript enabled. Please enable it to
continue.</strong
>
......
src/api/request.js
View file @ 9f6e446d
......@@ -30,7 +30,7 @@ service.interceptors.request.use(
config.data = {};
}
}
console.log(config);
store.commit("common/loadingShow", true);
return config;
},
(error) => {
......@@ -39,13 +39,14 @@ service.interceptors.request.use(
} = error;
that.$msg.error({
message: status,
description: statusText,
description: statusText || "错误",
});
}
);
// response 拦截器
service.interceptors.response.use(
(response) => {
store.commit("common/loadingShow", false);
return new Promise((resolve, reject) => {
if (response.status !== 200) {
// 请求失败
......@@ -70,6 +71,7 @@ service.interceptors.response.use(
});
},
(err) => {
store.commit("common/loadingShow", false);
// 失败
let message = "请求异常,请检测网络!";
if (err.response) {
......@@ -77,7 +79,7 @@ service.interceptors.response.use(
}
that.$msg.error({
message: message,
description: err,
description: "错误",
});
}
);
......
src/components/Loading/Loading.vue
View file @ 9f6e446d
<template>
<div class="flex loading-container">
<div class="flex loading-container" v-show="loadingShow">
<a-spin />
<span class="txt">正在查询</span>
<span class="txt"></span>
</div>
</template>
<script>
export default{
name: 'Loading',
data(){
return {
isShow: false
}
import { mapGetters } from "vuex";
export default {
name: "Loading",
data() {
return {};
},
computed: {
...mapGetters("common", ["loadingShow"]),
}
}
};
</script>
<style lang="less" scoped>
.loading-container{
.loading-container {
width: 159px;
height: 44px;
background: #F8FAFF;
box-shadow: 0px 2px 4px 0px rgba(208,220,254,1);
background: #f8faff;
box-shadow: 0px 2px 4px 0px rgba(208, 220, 254, 1);
border-radius: 22px;
justify-content: center;
position: absolute;
......@@ -28,7 +31,7 @@ export default{
top: 22px;
left: 50%;
transform: translateX(-50%);
.txt{
.txt {
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
......@@ -36,7 +39,7 @@ export default{
line-height: 22px;
margin-left: 12px;
}
.ant-spin{
.ant-spin {
margin-top: 4px;
}
}
......
src/router/modules/menu.js
View file @ 9f6e446d
......@@ -51,7 +51,7 @@ export default [
title: "EOB管理",
},
{
path: "/verification",
path: "/verification/addEOB",
title: "新建EOB数据",
},
{
......@@ -59,7 +59,7 @@ export default [
title: "回款管理",
},
{
path: "/verification",
path: "/verification/collectionAdd",
title: "新建回款管理",
},
],
......
src/router/modules/verification.js
View file @ 9f6e446d
......@@ -10,10 +10,20 @@ export default {
name: "VerificationIndex",
component: () => import("@/views/verification/index"),
},
{
path: "addEOB",
name: "VerificationAddEOB",
component: () => import("@/views/verification/addEOB"),
},
{
path: "collection",
name: "VerificationCollection",
component: () => import("@/views/verification/collection"),
},
{
path: "collectionAdd",
name: "VerificationCollectionAdd",
component: () => import("@/views/verification/collectionAdd"),
},
],
};
src/router/router.config.js
View file @ 9f6e446d
import NProgress from "nprogress";
import "nprogress/nprogress.css";
import store from "@/store/index";
import getPageTitle from "@/utils/get-page-title";
// 路由页面路由首位配置
export default (VueRouter, router) => {
......@@ -17,6 +18,7 @@ export default (VueRouter, router) => {
router.beforeEach((to, from, next) => {
console.log(store);
NProgress.start();
document.title = getPageTitle(to.fullPath);
next();
});
router.afterEach(() => {
......
src/settings.js 0 → 100644
View file @ 9f6e446d
module.exports = {
title: "商保管理系统",
}
src/store/modules/common.js
View file @ 9f6e446d
......@@ -2,7 +2,15 @@ const state = {
token: "",
userInfo: {},
menuStack: [],
loadingShow: false,
};
const getters = {
loadingShow(state){
return state.loadingShow;
}
}
const actions = {
setMenuStack({ state }, data) {
console.log(data);
......@@ -10,6 +18,7 @@ const actions = {
state.token = JSON.stringify(data);
},
};
const mutations = {
// 设置token
setToken(state, token) {
......@@ -22,10 +31,14 @@ const mutations = {
setMenuStack(state, data) {
state.menuStack = data;
},
loadingShow(state, status) {
state.loadingShow = status;
},
};
export default {
namespaced: true,
state,
getters,
actions,
mutations,
};
src/utils/get-page-title.js 0 → 100644
View file @ 9f6e446d
import { title } from "@/settings";
import menu from "@/router/modules/menu";
let fullPathObj = {};
function tranPathObj(menus){
menus.forEach((item) => {
if (!item.children || item.children.length == 0) {
fullPathObj[item.path] = item.title;
} else {
return tranPathObj(item.children);
}
});
}
tranPathObj(menu);
export default function getPageTitle(fullPath) {
if (fullPathObj[fullPath]) {
return `${title} - ${fullPathObj[fullPath]}`
} else {
return title;
}
}
src/views/author/index.vue
View file @ 9f6e446d
<template>
<div class="author">
<div class="content">
<h1 class="title">欢迎登录商保管理系统</h1>
<h1 class="title">欢迎登录{{title}}</h1>
<router-view></router-view>
</div>
</div>
</template>
<script>
export default {};
import { title } from "@/settings";
export default {
data(){
return {
title
}
}
};
</script>
<style lang="less" scoped>
......
src/views/author/login.vue
View file @ 9f6e446d
<template>
<div class="login">
<h2 class="title">商保管理系统</h2>
<h2 class="title">{{title}}</h2>
<div class="content">
<p class="module-title">
<span>密码登录</span>
<router-link class="_forget" to="/forget" replace>忘记密码</router-link>
</p>
<a-form-model ref="form" :model="form" :rules="formRules">
<a-form-model
ref="form"
:model="form"
:rules="formRules"
@keyup.enter.native="handlerLogin"
>
<a-form-model-item prop="userName">
<a-input v-model="form.userName" placeholder="请输入用户名"></a-input>
</a-form-model-item>
......@@ -28,7 +33,7 @@
</a-input>
</a-form-model-item>
<a-form-model-item>
<a-button type="primary" block @click="handlerLogin">登录</a-button>
<a-button type="primary" block @click.stop="handlerLogin">登录</a-button>
</a-form-model-item>
</a-form-model>
</div>
......@@ -36,9 +41,11 @@
</template>
<script>
import { title } from "@/settings";
export default {
data() {
return {
title,
form: {
userName: process.env.VUE_APP_USER || "",
passWord: process.env.VUE_APP_PWD || "",
......
src/views/layout/components/Header.vue
View file @ 9f6e446d
<template>
<div class="header">
<div class="logo">商保管理系统</div>
<div class="logo">{{title}}</div>
<div class="user-info">
<p class="name"><Icon :name="'ssicb'" :size="24" />{{ userInfo.name }}</p>
<a-dropdown
......@@ -22,10 +22,12 @@
<script>
import { mapState } from "vuex";
import { title } from "@/settings";
export default {
data() {
return {};
return {
title,
};
},
computed: {
...mapState({
......
src/views/layout/index.vue
View file @ 9f6e446d
......@@ -3,6 +3,7 @@
<Header></Header>
<div class="container">
<Menu></Menu>
<Loading />
<div class="content">
<SubMenu></SubMenu>
<router-view />
......@@ -15,12 +16,14 @@
import Header from "./components/Header.vue";
import Menu from "./components/menu";
import SubMenu from "./components/menu/subMenu.vue";
import Loading from "@/components/Loading/Loading.vue";
export default {
components: {
Header,
Menu,
SubMenu
SubMenu,
Loading
},
data() {
return {};
......
src/views/verification/addEOB.vue 0 → 100644
View file @ 9f6e446d
<template>
<div>111</div>
</template>
<script>
export default {
data() {
return {};
},
};
</script>
<style lang="less" scoped></style>
src/views/verification/collection.vue
View file @ 9f6e446d
......@@ -13,7 +13,11 @@
</a-col>
<a-col :lg="5" :sm="12">
<a-form-model-item label="回款日期">
<a-date-picker format="YYYY年MM月DD日" v-model="form.date" placeholder="选择日期" />
<a-date-picker
format="YYYY年MM月DD日"
v-model="form.date"
placeholder="选择日期"
/>
</a-form-model-item>
</a-col>
<a-col :lg="5" :sm="12">
......@@ -26,12 +30,20 @@
</a-col>
<a-col :lg="4" :sm="12">
<a-form-model-item label="回款金额(人民币)">
<a-input type="number" v-model="form.mrnNo" placeholder="请输入金额" />
<a-input
type="number"
v-model="form.mrnNo"
placeholder="请输入金额"
/>
</a-form-model-item>
</a-col>
<a-col :lg="4" :sm="12">
<a-form-model-item label="回款金额(美元)">
<a-input type="number" v-model="form.mrnNo" placeholder="请输入金额" />
<a-input
type="number"
v-model="form.mrnNo"
placeholder="请输入金额"
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
......@@ -60,77 +72,99 @@
:columns="columns"
:data-source="dataList"
:scroll="{ x: true }"
:pagination="pagination"
@change="pageChange"
:pagination="false"
>
<template slot="operation" slot-scope="record,index">
<template slot="operation" slot-scope="record, index">
<a-button type="link">修改</a-button>
<a-button type="link" class="success">新增</a-button>
<a-button type="link" class="danger" @click.stop="delRecord(index)">删除</a-button>
<a-button type="link" class="danger" @click.stop="delRecord(index)"
>删除</a-button
>
</template>
</a-table>
<BurtPagination :pagination="pagination" @pageChange="getData" />
</div>
</template>
<script>
const columns =[
{ title: "序号", dataIndex: "mrnNo", ellipsis: true, width: 180 },
{ title: "EOB姓名", dataIndex: "patientName", ellipsis: true, width: 180 },
{ title: "核销时间", dataIndex: "patientName2", ellipsis: true, width: 180 },
{ title: "保险公司", dataIndex: "patientName3", ellipsis: true, width: 180 },
{ title: "EOB赔付金额(人民币)", dataIndex: "patientName4", ellipsis: true, width: 180 },
{ title: "EOB赔付金额(美元)", dataIndex: "patientName5", ellipsis: true, width: 180 },
{ title: "EOB状态", dataIndex: "patientName9", ellipsis: true, width: 180 },
{ title: "操作", dataIndex: "operation", scopedSlots: { customRender: "operation" }, fixed: "right", width: '170px' }
import BurtPagination from "@/components/CUSTOMER/pagation";
const columns = [
{ title: "序号", dataIndex: "mrnNo", ellipsis: true, width: 72 },
{ title: "EOB名称", dataIndex: "patientName", ellipsis: true, width: 195 },
{ title: "核销时间", dataIndex: "patientName2", ellipsis: true, width: 110 },
{ title: "保险公司", dataIndex: "patientName3", ellipsis: true, width: 110 },
{ title: "EOB状态", dataIndex: "patientName9", ellipsis: true, width: 110 },
{
title: "EOB赔付金额(人民币)",
dataIndex: "patientName4",
ellipsis: true,
width: 190,
},
{
title: "EOB赔付金额(美元)",
dataIndex: "patientName5",
ellipsis: true,
width: 190,
},
{ title: "汇率差", dataIndex: "patientName10", ellipsis: true, width: 110 },
{
title: "操作",
dataIndex: "operation",
scopedSlots: { customRender: "operation" },
fixed: "right",
width: "170px",
},
];
export default {
data() {
return {
columns,
form: {
dateRange: []
dateRange: [],
},
dataList: [],
pagination: {
pageNum: 1,
pageSize: 10,
total: 0
total: 0,
},
};
},
components: {
BurtPagination,
},
methods: {
pageChange(pager) {
const { current } = pager;
this.pagination.pageNum = current;
this.getData();
},
handlerSearch(){
handlerSearch() {
this.pagination.pageNum = 1;
this.getData();
},
getData(){
},
getData() {},
//删除记录
delRecord(index){
delRecord(index) {
this.$modal.confirm({
title: '删除',
content: '确定删除该条记录？',
okText: '确认',
cancelText: '取消',
onOk: ()=>{
this.$store.dispatch('medicinal/delMedicine', {
title: "删除",
content: "确定删除该条记录？",
okText: "确认",
cancelText: "取消",
onOk: () => {
this.$store
.dispatch("medicinal/delMedicine", {
id: this.dataList[index].id,
status: -1
status: -1,
})
.then(()=>{
this.$message.success('删除成功');
.then(() => {
this.$message.success("删除成功");
this.dataList.splice(index, 1);
});
},
onCancel: ()=>{}
onCancel: () => {},
});
}
},
},
};
</script>
......
src/views/verification/collectionAdd.vue 0 → 100644
View file @ 9f6e446d
<template>
<div>111</div>
</template>
<script>
export default {
data() {
return {};
},
};
</script>
<style lang="less" scoped></style>
src/views/verification/index.vue
View file @ 9f6e446d
......@@ -13,7 +13,11 @@
</a-col>
<a-col :lg="6" :sm="12">
<a-form-model-item label="EOB收到日期">
<a-range-picker format="YYYY年MM月DD日" v-model="form.dateRange" :placeholder="['开始日期','结束日期']" />
<a-range-picker
format="YYYY年MM月DD日"
v-model="form.dateRange"
:placeholder="['开始日期', '结束日期']"
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
......@@ -23,12 +27,20 @@
</a-col>
<a-col :lg="6" :sm="12">
<a-form-model-item label="EOB金额(人民币)">
<a-input type="number" v-model="form.mrnNo" placeholder="请输入金额" />
<a-input
type="number"
v-model="form.mrnNo"
placeholder="请输入金额"
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
<a-form-model-item label="EOB金额(美元)">
<a-input type="number" v-model="form.mrnNo" placeholder="请输入金额" />
<a-input
type="number"
v-model="form.mrnNo"
placeholder="请输入金额"
/>
</a-form-model-item>
</a-col>
<a-col :lg="6" :sm="12">
......@@ -60,80 +72,86 @@
:columns="columns"
:data-source="dataList"
:scroll="{ x: true }"
:pagination="pagination"
@change="pageChange"
:pagination="false"
>
<template slot="operation" slot-scope="record,index">
<template slot="operation" slot-scope="record, index">
<a-button type="link">修改</a-button>
<a-button type="link" class="success">新增</a-button>
<a-button type="link" class="danger" @click.stop="delRecord(index)">删除</a-button>
<a-button type="link" class="danger" @click.stop="delRecord(index)"
>删除</a-button
>
</template>
</a-table>
<BurtPagination :pagination="pagination" @pageChange="getData" />
</div>
</template>
<script>
const columns =[
{ title: "病历号", dataIndex: "mrnNo", ellipsis: true, width: 180 },
{ title: "客户姓名", dataIndex: "patientName", ellipsis: true, width: 180 },
{ title: "保险公司", dataIndex: "patientName2", ellipsis: true, width: 180 },
{ title: "就诊日期", dataIndex: "patientName3", ellipsis: true, width: 180 },
{ title: "账单金额", dataIndex: "patientName4", ellipsis: true, width: 180 },
{ title: "自付金额", dataIndex: "patientName5", ellipsis: true, width: 180 },
{ title: "理赔金额", dataIndex: "patientName6", ellipsis: true, width: 180 },
{ title: "回款金额", dataIndex: "patientName7", ellipsis: true, width: 180 },
{ title: "未赔付金额", dataIndex: "patientName8", ellipsis: true, width: 180 },
{ title: "理赔状态", dataIndex: "patientName9", ellipsis: true, width: 180 },
{ title: "操作", dataIndex: "operation", scopedSlots: { customRender: "operation" }, fixed: "right", width: '170px' }
import BurtPagination from "@/components/CUSTOMER/pagation";
const columns = [
{ title: "病历号", dataIndex: "mrnNo", ellipsis: true, width: 100 },
{ title: "客户姓名", dataIndex: "patientName", ellipsis: true, width: 85 },
{ title: "保险公司", dataIndex: "patientName2", ellipsis: true, width: 80 },
{ title: "就诊日期", dataIndex: "patientName3", ellipsis: true, width: 110 },
{ title: "理赔状态", dataIndex: "patientName0", ellipsis: true, width: 90 },
{ title: "账单金额", dataIndex: "patientName4", ellipsis: true, width: 85 },
{ title: "自付金额", dataIndex: "patientName5", ellipsis: true, width: 85 },
{ title: "理赔金额", dataIndex: "patientName6", ellipsis: true, width: 85 },
{ title: "回款金额", dataIndex: "patientName7", ellipsis: true, width: 85 },
{ title: "未清金额", dataIndex: "patientName8", ellipsis: true, width: 85 },
{
title: "保险公司欠费",
dataIndex: "patientName9",
ellipsis: true,
width: 110,
},
{ title: "个人欠费", dataIndex: "patientName9", ellipsis: true, width: 85 },
{ title: "备注", dataIndex: "patientName10", ellipsis: true, width: 120 },
{
title: "操作",
dataIndex: "operation",
scopedSlots: { customRender: "operation" },
fixed: "right",
width: "170px",
},
];
export default {
data() {
return {
columns,
form: {
dateRange: []
dateRange: [],
},
dataList: [],
pagination: {
pageNum: 1,
pageSize: 10,
total: 0
total: 0,
},
};
},
methods: {
pageChange(pager) {
const { current } = pager;
this.pagination.pageNum = current;
this.getData();
components: {
BurtPagination,
},
handlerSearch(){
methods: {
handlerSearch() {
this.pagination.pageNum = 1;
this.getData();
},
getData(){
},
getData() {},
//删除记录
delRecord(index){
delRecord(index) {
this.$modal.confirm({
title: '删除',
content: '确定删除该条记录？',
okText: '确认',
cancelText: '取消',
onOk: ()=>{
this.$store.dispatch('medicinal/delMedicine', {
id: this.dataList[index].id,
status: -1
})
.then(()=>{
this.$message.success('删除成功');
this.dataList.splice(index, 1);
});
title: "删除",
content: "确定删除该条记录？",
okText: "确认",
cancelText: "取消",
onOk: () => {
console.log(index, 111)
},
onCancel: ()=>{}
onCancel: () => {},
});
}
},
},
};
</script>
......
vue.config.js
View file @ 9f6e446d
const path = require("path");
const LodashModuleReplacementPlugin = require("lodash-webpack-plugin");
const CompressionPlugin = require("compression-webpack-plugin"); // 代码压缩
const defaultSettings = require("./src/settings.js");
module.exports = {
publicPath: "/bims",
......@@ -25,6 +26,7 @@ module.exports = {
}
},
configureWebpack: (config) => {
config.name = defaultSettings.title;
const plugins = [];
if (process.env.NODE_ENV === "production") {
plugins.push(
......
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