fix: 增加tailwind.css管理样式

package.json

@@ -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",

postcss.config.js

@@ -0,0 +1,7 @@
+// postcss.config.js
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  }
+}

src/config/vxeGrid.js

@@ -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,

src/router/admin.js

@@ -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,
+        },
+      },
+    ],
+  },
 ];

src/views/dictManage/therapeuticRegimen/list/index.vue

@@ -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>

tailwind.config.js

@@ -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: [],
+};

vue.config.js

@@ -55,6 +55,9 @@ module.exports = {
   },
   css: {
     loaderOptions: {
+      postcss: {
+        plugins: [require("tailwindcss"), require("autoprefixer")],
+      },
       sass: {
         sassOptions: { outputStyle: "expanded" },
       },