Skip to content

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

'loading'

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