@@ -26,6 +26,7 @@ | |||
}, | |||
"dependencies": { | |||
"@riophae/vue-treeselect": "0.4.0", | |||
"@tailwindcss/postcss7-compat": "^2.2.17", | |||
"await-to-js": "^3.0.0", | |||
"axios": "0.24.0", | |||
"clipboard": "2.0.8", | |||
@@ -44,6 +45,7 @@ | |||
"quill": "1.3.7", | |||
"screenfull": "5.0.2", | |||
"sortablejs": "1.10.2", | |||
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17", | |||
"vue": "2.6.12", | |||
"vue-count-to": "1.0.13", | |||
"vue-cropper": "0.5.5", | |||
@@ -0,0 +1,7 @@ | |||
// postcss.config.js | |||
module.exports = { | |||
plugins: { | |||
tailwindcss: {}, | |||
autoprefixer: {}, | |||
} | |||
} |
@@ -12,11 +12,38 @@ export const commonGridConfig1 = { | |||
showHeaderOverflow: true, | |||
showOverflow: true, | |||
columnConfig: { | |||
resizable: true | |||
resizable: true, | |||
}, | |||
rowConfig: { | |||
isCurrent: true, | |||
isHover: true | |||
isHover: true, | |||
}, | |||
pagerConfig: { | |||
pageSize: 10, | |||
pageSizes: [10, 20, 50, 100, 200], | |||
}, | |||
}; | |||
export const commonGridConfig2 = { | |||
autoResize: true, // 自动监听父元素的变化去重新计算表格 | |||
stripe: true, | |||
border: true, | |||
round: false, | |||
size: "medium", | |||
loading: false, | |||
align: "center", | |||
showOverflow: true, | |||
// resizable: true, 替换掉 | |||
showHeaderOverflow: true, | |||
showOverflow: true, | |||
headerRowClassName: "vxe-grid-header-default", | |||
layouts: ["Top", "Form", "Toolbar", "Table", "Bottom", "Pager"], | |||
columnConfig: { | |||
resizable: true, | |||
}, | |||
rowConfig: { | |||
isCurrent: true, | |||
isHover: true, | |||
}, | |||
pagerConfig: { | |||
pageSize: 10, | |||
@@ -113,27 +113,41 @@ export const dynamicRoutes = [ | |||
}, | |||
}, | |||
{ | |||
name: 'ReminderType', | |||
path: 'reminderType', | |||
name: "TherapeuticRegimen", | |||
path: "therapeuticRegimen", | |||
hidden: false, | |||
component: () => import("@/views/dictManage/therapeuticRegimen/list"), | |||
// permissions: ["820004"], | |||
meta: { | |||
title: "治疗方案维护", | |||
noCache: false, | |||
link: null, | |||
}, | |||
}, | |||
{ | |||
name: "ReminderType", | |||
path: "reminderType", | |||
hidden: false, | |||
component: () => import("@/views/dictManage/reminderType"), | |||
// permissions: ["820005"], | |||
meta: { | |||
title: '提醒类型维护', | |||
title: "提醒类型维护", | |||
noCache: false, | |||
link: null | |||
} | |||
link: null, | |||
}, | |||
}, | |||
{ | |||
name: 'ReturnType', | |||
path: 'returnType', | |||
name: "ReturnType", | |||
path: "returnType", | |||
hidden: false, | |||
component: () => import("@/views/dictManage/returnType"), | |||
// permissions: ["820006"], | |||
meta: { | |||
title: '回访类型维护', | |||
title: "回访类型维护", | |||
noCache: false, | |||
link: null | |||
} | |||
} | |||
link: null, | |||
}, | |||
}, | |||
], | |||
}, | |||
{ | |||
@@ -174,28 +188,28 @@ export const dynamicRoutes = [ | |||
], | |||
}, | |||
{ | |||
name: 'OperationManage', | |||
path: '/operationManage', | |||
name: "OperationManage", | |||
path: "/operationManage", | |||
hidden: false, | |||
component: Layout, | |||
alwaysShow: true, | |||
meta: { | |||
title: '运营管理', | |||
title: "运营管理", | |||
noCache: false, | |||
link: null | |||
link: null, | |||
}, | |||
children: [ | |||
{ | |||
name: 'RecommendDoctorConfig', | |||
path: 'recommendDoctor', | |||
name: "RecommendDoctorConfig", | |||
path: "recommendDoctor", | |||
hidden: false, | |||
component: () => import('@/views/operationManage/recommendDoctorConfig'), | |||
component: () => import("@/views/operationManage/recommendDoctorConfig"), | |||
meta: { | |||
title: '医生推荐配置', | |||
title: "医生推荐配置", | |||
noCache: false, | |||
link: null | |||
} | |||
} | |||
] | |||
} | |||
link: null, | |||
}, | |||
}, | |||
], | |||
}, | |||
]; |
@@ -0,0 +1,39 @@ | |||
<template> | |||
<div class="app-container"> | |||
<vxe-grid ref="gridRef" v-bind="gridConfig"></vxe-grid> | |||
</div> | |||
</template> | |||
<script> | |||
import { commonGridConfig2 } from "@/config/vxeGrid"; | |||
export default { | |||
name: "TherapeuticRegimen", | |||
data() { | |||
return { | |||
gridConfig: { | |||
...commonGridConfig2, | |||
keepSource: true, | |||
formConfig: { | |||
data: {}, | |||
titleColon: true, | |||
titleAlign: "right", | |||
titleWidth: 120, | |||
items: [ | |||
{ | |||
field: "a", | |||
title: "院区", | |||
itemRender: { | |||
name: "VxeSelect", | |||
props: { | |||
placeholder: "请选择院区", | |||
className: "w-240", | |||
}, | |||
}, | |||
}, | |||
], | |||
}, | |||
}, | |||
}; | |||
}, | |||
methods: {}, | |||
}; | |||
</script> |
@@ -0,0 +1,68 @@ | |||
/** @type {import('tailwindcss').Config} */ | |||
module.exports = { | |||
//文件路径根据自己项目来定,可能是 ./src/**/*.{js,ts,jsx,tsx} | |||
// purge: ["./app/**/*.{js,jsx,vue}", "./app/index.html"], | |||
purge: ["./src/**/*.{js,ts,jsx,tsx,vue}", "./index.html"], | |||
darkMode: false, // or 'media' or 'class' | |||
theme: { | |||
backgroundColor: (theme) => ({ | |||
...theme("colors"), | |||
primary: "#1890ff", | |||
}), | |||
textColor: (theme) => ({ | |||
...theme("colors"), | |||
'primary': '#1890ff', | |||
}), | |||
marginBottom: Array.from({ length: 1000 }).reduce((map, _, index) => { | |||
map[index] = `${index}px`; | |||
return map; | |||
}, {}), | |||
fontSize: Array.from({ length: 1000 }).reduce((map, _, index) => { | |||
map[index] = `${index}px`; | |||
return map; | |||
}, {}), | |||
fontWeight: Array.from({ length: 1000 }).reduce((map, _, index) => { | |||
map[index] = `${index}`; | |||
return map; | |||
}, {}), | |||
// 内边距 | |||
padding: Array.from({ length: 1000 }).reduce((map, _, index) => { | |||
map[index] = `${index}px`; | |||
return map; | |||
}, {}), | |||
// 外边距 | |||
spacing: Array.from({ length: 1000 }).reduce((map, _, index) => { | |||
map[index] = `${index}px`; | |||
return map; | |||
}, {}), | |||
// 圆角 | |||
borderRadius: Array.from({ length: 1000 }).reduce((map, _, index) => { | |||
map[index] = `${index}px`; | |||
return map; | |||
}, {}), | |||
extend: { | |||
// 宽度 | |||
width: Array.from({ length: 1000 }).reduce((map, _, index) => { | |||
map[index] = `${index}px`; | |||
return map; | |||
}, {}), | |||
// 高度 | |||
height: Array.from({ length: 1000 }).reduce((map, _, index) => { | |||
map[index] = `${index}px`; | |||
return map; | |||
}, {}), | |||
// 字体大小 | |||
fontSize: Array.from({ length: 100 }).reduce((map, _, index) => { | |||
map[index] = `${index}px`; | |||
return map; | |||
}, {}), | |||
// 行高 | |||
lineHeight: Array.from({ length: 1000 }).reduce((map, _, index) => { | |||
map[index] = `${index}px`; | |||
return map; | |||
}, {}), | |||
}, | |||
}, | |||
variants: {}, | |||
plugins: [], | |||
}; |
@@ -55,6 +55,9 @@ module.exports = { | |||
}, | |||
css: { | |||
loaderOptions: { | |||
postcss: { | |||
plugins: [require("tailwindcss"), require("autoprefixer")], | |||
}, | |||
sass: { | |||
sassOptions: { outputStyle: "expanded" }, | |||
}, | |||