@@ -26,6 +26,7 @@ | |||||
}, | }, | ||||
"dependencies": { | "dependencies": { | ||||
"@riophae/vue-treeselect": "0.4.0", | "@riophae/vue-treeselect": "0.4.0", | ||||
"@tailwindcss/postcss7-compat": "^2.2.17", | |||||
"await-to-js": "^3.0.0", | "await-to-js": "^3.0.0", | ||||
"axios": "0.24.0", | "axios": "0.24.0", | ||||
"clipboard": "2.0.8", | "clipboard": "2.0.8", | ||||
@@ -44,6 +45,7 @@ | |||||
"quill": "1.3.7", | "quill": "1.3.7", | ||||
"screenfull": "5.0.2", | "screenfull": "5.0.2", | ||||
"sortablejs": "1.10.2", | "sortablejs": "1.10.2", | ||||
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17", | |||||
"vue": "2.6.12", | "vue": "2.6.12", | ||||
"vue-count-to": "1.0.13", | "vue-count-to": "1.0.13", | ||||
"vue-cropper": "0.5.5", | "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, | showHeaderOverflow: true, | ||||
showOverflow: true, | showOverflow: true, | ||||
columnConfig: { | columnConfig: { | ||||
resizable: true | |||||
resizable: true, | |||||
}, | }, | ||||
rowConfig: { | rowConfig: { | ||||
isCurrent: true, | 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: { | pagerConfig: { | ||||
pageSize: 10, | 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, | hidden: false, | ||||
component: () => import("@/views/dictManage/reminderType"), | component: () => import("@/views/dictManage/reminderType"), | ||||
// permissions: ["820005"], | |||||
meta: { | meta: { | ||||
title: '提醒类型维护', | |||||
title: "提醒类型维护", | |||||
noCache: false, | noCache: false, | ||||
link: null | |||||
} | |||||
link: null, | |||||
}, | |||||
}, | }, | ||||
{ | { | ||||
name: 'ReturnType', | |||||
path: 'returnType', | |||||
name: "ReturnType", | |||||
path: "returnType", | |||||
hidden: false, | hidden: false, | ||||
component: () => import("@/views/dictManage/returnType"), | component: () => import("@/views/dictManage/returnType"), | ||||
// permissions: ["820006"], | |||||
meta: { | meta: { | ||||
title: '回访类型维护', | |||||
title: "回访类型维护", | |||||
noCache: false, | noCache: false, | ||||
link: null | |||||
} | |||||
} | |||||
link: null, | |||||
}, | |||||
}, | |||||
], | ], | ||||
}, | }, | ||||
{ | { | ||||
@@ -174,28 +188,28 @@ export const dynamicRoutes = [ | |||||
], | ], | ||||
}, | }, | ||||
{ | { | ||||
name: 'OperationManage', | |||||
path: '/operationManage', | |||||
name: "OperationManage", | |||||
path: "/operationManage", | |||||
hidden: false, | hidden: false, | ||||
component: Layout, | component: Layout, | ||||
alwaysShow: true, | alwaysShow: true, | ||||
meta: { | meta: { | ||||
title: '运营管理', | |||||
title: "运营管理", | |||||
noCache: false, | noCache: false, | ||||
link: null | |||||
link: null, | |||||
}, | }, | ||||
children: [ | children: [ | ||||
{ | { | ||||
name: 'RecommendDoctorConfig', | |||||
path: 'recommendDoctor', | |||||
name: "RecommendDoctorConfig", | |||||
path: "recommendDoctor", | |||||
hidden: false, | hidden: false, | ||||
component: () => import('@/views/operationManage/recommendDoctorConfig'), | |||||
component: () => import("@/views/operationManage/recommendDoctorConfig"), | |||||
meta: { | meta: { | ||||
title: '医生推荐配置', | |||||
title: "医生推荐配置", | |||||
noCache: false, | 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: { | css: { | ||||
loaderOptions: { | loaderOptions: { | ||||
postcss: { | |||||
plugins: [require("tailwindcss"), require("autoprefixer")], | |||||
}, | |||||
sass: { | sass: { | ||||
sassOptions: { outputStyle: "expanded" }, | sassOptions: { outputStyle: "expanded" }, | ||||
}, | }, | ||||