diff --git a/script/index.js b/script/index.js
index 2147e06..5207c3a 100644
--- a/script/index.js
+++ b/script/index.js
@@ -3,6 +3,6 @@ const { t } = require('./tables')
 const { create } = require('./create')
 // hospital不要改drawer
 t['order-refund']
-const createName = 'order-refund'
+const createName = 'serve-hospital-form'
 const { fields, options } = t[createName]
 create(createName, fields, options)
diff --git a/script/log.txt b/script/log.txt
index 17fd212..0c0fedb 100644
--- a/script/log.txt
+++ b/script/log.txt
@@ -318,3 +318,35 @@ hospital
 [{"name":"name","label":"医院名称","type":"input","rules":[{"required":true}]},{"name":"site_id","label":"站点","type":"select","optionsFrom":"site","optionProps":{"label":"name","value":"id"},"props":{"multiple":false}},{"name":"lat","label":"维度","type":"input"},{"name":"lng","label":"经度","type":"input"},{"name":"good_at","label":"擅长科室","type":"textarea"},{"name":"content","label":"简介","type":"textarea"},{"name":"cover_id","label":"标题图片","type":"file","relationName":"cover","defaultValue":[],"props":{"multiple":false}},{"name":"status","label":"是否显示","type":"switch","defaultValue":1}]
 undefined
 2024-12-30 16:32:56
+serve-hospital
+[{"name":"name","label":"医院名称","type":"input","rules":[{"required":true}]},{"name":"site_id","label":"站点","type":"select","optionsFrom":"site","optionProps":{"label":"name","value":"id"},"props":{"multiple":false}},{"name":"level","label":"医院级别","type":"textarea"},{"name":"type","label":"医院类型","type":"textarea"},{"name":"cover_id","label":"标题图片","type":"file","relationName":"cover","defaultValue":[],"props":{"multiple":false}},{"name":"status","label":"是否显示","type":"switch","defaultValue":1}]
+undefined
+2025-03-06 09:34:22
+serve-hospital
+[{"name":"name","label":"医院名称","type":"input","rules":[{"required":true}]},{"name":"site_id","label":"站点","type":"select","optionsFrom":"site","optionProps":{"label":"name","value":"id"},"props":{"multiple":false}},{"name":"level","label":"医院级别","type":"select","optionsParams":[{"value":"三级甲等","label":"三级甲等"},{"value":"三级乙等","label":"三级乙等"},{"value":"三级丙等","label":"三级丙等"},{"value":"二级甲等","label":"二级甲等"},{"value":"二级乙等","label":"二级乙等"},{"value":"二级丙等","label":"二级丙等"},{"value":"一级甲等","label":"一级甲等"},{"value":"一级乙等","label":"一级乙等"},{"value":"一级丙等","label":"一级丙等"}]},{"name":"type","label":"医院类型","type":"textarea"},{"name":"cover_id","label":"标题图片","type":"file","relationName":"cover","defaultValue":[],"props":{"multiple":false}}]
+undefined
+2025-03-06 09:47:57
+serve-hospital
+[{"name":"name","label":"医院名称","type":"input","rules":[{"required":true}]},{"name":"site_id","label":"站点","type":"select","optionsFrom":"site","optionProps":{"label":"name","value":"id"},"props":{"multiple":false}},{"name":"level","label":"医院级别","type":"select","optionsParams":[{"value":"三级甲等","label":"三级甲等"},{"value":"三级乙等","label":"三级乙等"},{"value":"三级丙等","label":"三级丙等"},{"value":"二级甲等","label":"二级甲等"},{"value":"二级乙等","label":"二级乙等"},{"value":"二级丙等","label":"二级丙等"},{"value":"一级甲等","label":"一级甲等"},{"value":"一级乙等","label":"一级乙等"},{"value":"一级丙等","label":"一级丙等"}]},{"name":"type","label":"医院类型","type":"input"},{"name":"cover_id","label":"标题图片","type":"file","relationName":"cover","defaultValue":[],"props":{"multiple":false}}]
+undefined
+2025-03-06 09:48:58
+serve-hospital-department
+[{"name":"serve_hospital_id","label":"服务医院","type":"select","optionsFrom":"serve-hospital","optionProps":{"label":"name","value":"id"},"props":{"multiple":false}},{"name":"name","label":"科室名称","type":"input","rules":[{"required":true}]}]
+undefined
+2025-03-06 10:13:28
+serve-hospital-department
+[{"name":"serve_hospital_id","label":"服务医院","type":"select","optionsFrom":"serve-hospital","optionProps":{"label":"name","value":"id"},"props":{"multiple":false},"rules":[{"required":true}]},{"name":"name","label":"科室名称","type":"input","rules":[{"required":true}]}]
+undefined
+2025-03-06 10:17:49
+serve-hospital-department
+[{"name":"serve_hospital_id","label":"服务医院","type":"select","optionsFrom":"serve-hospital","isOwnOptions":false,"optionsHasRoot":false,"optionProps":{"label":"name","value":"id"},"props":{"multiple":false},"rules":[{"required":true}]},{"name":"name","label":"科室名称","type":"input","rules":[{"required":true}]}]
+undefined
+2025-03-06 10:20:25
+serve-hospital-department
+[{"name":"serve_hospital_id","label":"服务医院","type":"select","optionsFrom":"serve-hospital","isOwnOptions":false,"optionsHasRoot":false,"optionProps":{"label":"name","value":"id"},"props":{"multiple":false},"rules":[{"required":true}]},{"name":"name","label":"科室名称","type":"input","rules":[{"required":true}]}]
+undefined
+2025-03-06 15:18:19
+serve-hospital-form
+[{"name":"serve_hospital_id","label":"咨询医院","type":"select","optionsFrom":"serve-hospital","isOwnOptions":false,"optionsHasRoot":false,"optionProps":{"label":"name","value":"id"},"props":{"multiple":false},"rules":[{"required":true}]},{"name":"serve_hospital_department_id","label":"咨询科室","type":"select","optionsFrom":"serve-hospital-department","isOwnOptions":false,"optionsHasRoot":false,"optionProps":{"label":"name","value":"id"},"props":{"multiple":false},"rules":[{"required":true}]},{"name":"name","label":"姓名","type":"input","rules":[{"required":true}]},{"name":"sex","label":"性别","type":"select","rules":[{"required":true}],"optionsParams":[{"value":"男","label":"男"},{"value":"女","label":"女"}]},{"name":"birthday","label":"生日","type":"date","props":{"type":"date"},"rules":[{"required":true}]},{"name":"city","label":"城市","type":"input","rules":[{"required":true}]},{"name":"relationship","label":"患者关系","type":"select","rules":[{"required":true}],"optionsParams":[{"label":"本人","value":"本人"},{"label":"家庭成员","value":"家庭成员"},{"label":"亲戚朋友","value":"亲戚朋友"},{"label":"其他","value":"其他"}]},{"name":"mobile","label":"手机号码","type":"input","rules":[{"required":true},{"pattern":{}}]},{"name":"type","label":"咨询类别","type":"select","rules":[{"required":true}],"optionsParams":[{"label":"专家咨询","value":"专家咨询"},{"label":"普通咨询","value":"普通咨询"}]},{"name":"content","label":"内容","type":"textarea"}]
+undefined
+2025-03-06 15:27:50
diff --git a/script/tables.js b/script/tables.js
index f1b5bce..67305bc 100644
--- a/script/tables.js
+++ b/script/tables.js
@@ -1,555 +1,875 @@
-const t = {
-  site: {
-    fields: [
-      { name: 'name', label: '名称', type: 'input' },
-      { name: 'status', label: '状态', type: 'switch', defaultValue: 1 },
-      { name: 'content', label: '内容', type: 'textarea' },
-      { name: 'sort', label: '排序', type: 'input-number' }
-    ],
-    options: {}
-  },
-  'article-type': {
-    fields: [
-      { name: 'title', label: '栏目名称', type: 'input' },
-      { name: 'status', label: '状态', type: 'switch', defaultValue: 1 },
-      {
-        name: 'site_id',
-        label: '站点选择',
-        optionsFrom: 'site',
-        type: 'select',
-        optionProps: {
-          label: 'name',
-          value: 'id'
-        },
-        props: { multiple: false }
-      },
-      {
-        name: 'pid',
-        label: '上级栏目',
-        type: 'tree',
-        isOwnOptions: true,
-        optionsHasRoot: true,
-        optionProps: {
-          label: 'title',
-          value: 'id'
-        }
-      },
-      { name: 'remark', label: '备注', type: 'textarea' }
-    ],
-    options: { isTree: true }
-  },
-  banners: {
-    fields: [
-      {
-        name: 'name',
-        label: '标题',
-        type: 'input'
-      },
-      {
-        name: 'position',
-        label: '显示位置',
-        type: 'select',
-        optionsParams: [
-          {
-            value: 1,
-            label: '首页'
-          }
-        ]
-      },
-      {
-        name: 'jump_type',
-        label: '跳转类型',
-        type: 'select',
-        optionsParams: [
-          {
-            value: 1,
-            label: '小程序'
-          },
-          {
-            value: 2,
-            label: 'h5'
-          }
-        ]
-      },
-      {
-        name: 'jump_url',
-        label: '跳转链接',
-        type: 'input'
-      },
-      { name: 'sort', label: '排序', type: 'input-number' },
-      {
-        name: 'image_id',
-        label: '封面图（690*400）',
-        type: 'file',
-        relationName: 'image',
-        defaultValue: [],
-        props: {
-          multiple: false
-        }
-      },
-      {
-        name: 'site_id',
-        label: '站点',
-        type: 'select',
-        optionsFrom: 'site',
-        optionProps: {
-          label: 'name',
-          value: 'id'
-        },
-        props: {
-          multiple: false
-        }
-      }
-    ]
-  },
-  article: {
-    fields: [
-      {
-        name: 'title',
-        label: '标题',
-        type: 'input',
-        rules: [
-          { required: true }
-        ]
-      },
-      {
-        name: 'content',
-        label: '内容',
-        type: 'richtext'
-      },
-      {
-        name: 'add_time',
-        label: '发布时间',
-        type: 'datetime'
-      },
-      {
-        name: 'type_id',
-        label: '栏目选择',
-        type: 'tree',
-        optionsFrom: 'article-type',
-        isOwnOptions: false,
-        optionsHasRoot: false,
-        optionProps: {
-          label: 'title',
-          value: 'id'
-        }
-      },
-      { name: 'status', label: '状态', type: 'switch', defaultValue: 1 },
-      {
-        name: 'image_id',
-        label: '标题图片',
-        type: 'file',
-        relationName: 'image',
-        defaultValue: [],
-        props: {
-          multiple: false
-        }
-      }
-    ]
-  },
-  hospital: {
-    fields: [
-      {
-        name: 'name',
-        label: '医院名称',
-        type: 'input',
-        rules: [
-          { required: true }
-        ]
-      },
-      {
-        name: 'site_id',
-        label: '站点',
-        type: 'select',
-        optionsFrom: 'site',
-        optionProps: {
-          label: 'name',
-          value: 'id'
-        },
-        props: {
-          multiple: false
-        }
-      },
-      {
-        name: 'lat',
-        label: '维度',
-        type: 'input'
-      },
-      {
-        name: 'lng',
-        label: '经度',
-        type: 'input'
-      },
-      {
-        name: 'good_at',
-        label: '擅长科室',
-        type: 'textarea'
-      },
-      {
-        name: 'content',
-        label: '简介',
-        type: 'textarea'
-      },
-      {
-        name: 'cover_id',
-        label: '标题图片',
-        type: 'file',
-        relationName: 'cover',
-        defaultValue: [],
-        props: {
-          multiple: false
-        }
-      },
-      { name: 'status', label: '是否显示', type: 'switch', defaultValue: 1 },
-    ]
-  },
-  nurse: {
-    fields: [
-      {
-        name: 'name',
-        label: '护工姓名',
-        type: 'input',
-        rules: [
-          { required: true }
-        ]
-      },
-      {
-        name: 'mobile',
-        label: '手机号',
-        type: 'input',
-        rules: [
-          { pattern: /(^$)|(^1[3456789]\d{9})|(^(0\d{2,3}(-)*)?\d{7})$/ }
-        ]
-      },
-      {
-        name: 'idcard',
-        label: '身份证号',
-        type: 'input',
-        rules: [
-          { pattern: /(^$)|(^([1-6][1-9]|50)\d{4}\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3})|(^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx])$/ }
-        ]
-      },
-      {
-        name: 'sex',
-        label: '性别',
-        type: 'select',
-        optionsParams: [
-          {
-            value: 1,
-            label: '男'
-          },
-          {
-            value: 0,
-            label: '女'
-          }
-        ]
-      },
-      {
-        name: 'birthday',
-        label: '生日',
-        type: 'date',
-        props: {
-          type: 'date'
-        }
-      },
-      {
-        name: 'hometown',
-        label: '家乡',
-        type: 'input'
-      },
-      {
-        name: 'address',
-        label: '地址',
-        type: 'input'
-      },
-      {
-        name: 'emergency_phone',
-        label: '紧急联系电话',
-        type: 'input',
-        rules: [
-          { pattern: /(^$)|(^1[3456789]\d{9})|(^(0\d{2,3}(-)*)?\d{7})$/ }
-        ]
-      },
-      {
-        name: 'work_years',
-        label: '年限',
-        type: 'input-number'
-      },
-      {
-        name: 'join_at',
-        label: '加入时间',
-        type: 'date',
-        props: {
-          type: 'date'
-        }
-      },
-      {
-        name: 'leave_at',
-        label: '离职时间',
-        type: 'date',
-        props: {
-          type: 'date'
-        }
-      },
-      {
-        name: 'username',
-        label: '用户名',
-        type: 'input',
-        rules: [
-          { required: true }
-        ]
-      },
-      {
-        name: 'password',
-        label: '密码',
-        type: 'input',
-        rules: [
-          { pattern: /(^$)|((?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,20})/ }
-        ]
-      },
-      {
-        name: 'work_status',
-        label: '工作状态',
-        type: 'select',
-        optionsParams: [
-          {
-            value: 1,
-            label: '兼职'
-          },
-          {
-            value: 2,
-            label: '全职'
-          }
-        ]
-      },
-      {
-        name: 'status',
-        label: '状态',
-        type: 'select',
-        optionsParams: [
-          {
-            value: 0,
-            label: '请假'
-          },
-          {
-            value: 1,
-            label: '正常服务'
-          }
-        ]
-      },
-      { name: 'has_social_insurance', label: '是否有社保', type: 'switch', defaultValue: 1 },
-      { name: 'has_qualification', label: '是否有资质', type: 'switch', defaultValue: 1 },
-      {
-        name: 'avatar',
-        label: '头像',
-        type: 'file',
-        relationName: 'avatar',
-        defaultValue: [],
-        props: {
-          multiple: false
-        }
-      },
-    ]
-  },
-  users: {
-    fields: [
-      {
-        name: 'nickname',
-        label: '昵称',
-        type: 'input',
-      },
-      {
-        name: 'openid',
-        label: 'openid',
-        type: 'input',
-      },
-      {
-        name: 'headimgurl',
-        label: '头像地址',
-        type: 'input',
-      },
-      {
-        name: 'mobile',
-        label: '手机号',
-        type: 'input',
-        rules: [
-          { required: true },
-          { pattern: /(^$)|(^1[3456789]\d{9})|(^(0\d{2,3}(-)*)?\d{7})$/ }
-        ]
-      },
-      {
-        name: 'sex',
-        label: '性别',
-        type: 'select',
-        optionsParams: [
-          {
-            value: '1',
-            label: '男'
-          },
-          {
-            value: '0',
-            label: '女'
-          },
-          {
-            value: '未知',
-            label: '未知'
-          }
-        ]
-      },
-      {
-        name: 'country',
-        label: '国家',
-        type: 'input',
-      },
-      {
-        name: 'province',
-        label: '省份',
-        type: 'input',
-      },
-      {
-        name: 'city',
-        label: '城市',
-        type: 'input',
-      },
-    ]
-  },
-  'product-category': {
-    fields: [
-      { name: 'name', label: '商品分类名称', type: 'input' },
-      {
-        name: 'pid',
-        label: '上级分类',
-        type: 'tree',
-        isOwnOptions: true,
-        optionsHasRoot: true,
-        optionProps: {
-          label: 'title',
-          value: 'id'
-        }
-      },
-      {
-        name: 'image_id',
-        label: '封面图片',
-        type: 'file',
-        relationName: 'image',
-        defaultValue: [],
-        props: {
-          multiple: false
-        }
-      }
-    ],
-    options: { isTree: true }
-  },
-  product: {
-    fields: [
-      {
-        name: 'product_category_id',
-        label: '分类选择',
-        type: 'tree',
-        optionsFrom: 'product-category',
-        isOwnOptions: false,
-        optionsHasRoot: false,
-        optionProps: {
-          label: 'name',
-          value: 'id'
-        }
-      },
-      { name: 'name', label: '商品名称', type: 'input' },
-      { name: 'price', label: '商品价格', type: 'input-number' },
-      {
-        name: 'image_id',
-        label: '封面图片',
-        type: 'file',
-        relationName: 'image',
-        defaultValue: [],
-        props: {
-          multiple: false
-        }
-      },
-      { name: 'content', label: '内容', type: 'richtext' },
-      {
-        name: 'product_images',
-        label: '商品轮播图',
-        type: 'file',
-        relationName: 'product_image',
-        defaultValue: [],
-        props: {
-          multiple: true
-        }
-      },
-      { name: 'product_skus', label: '商品', type: 'input', defaultValue: [] },
-      { name: 'sort', label: '排序', type: 'input-number' }
-    ]
-  },
-  "accompany-order-refund": {
-    fields: [
-      {
-        name: 'status',
-        label: '状态',
-        type: 'select',
-        optionsParams: [
-          {
-            value: 0,
-            label: '未退款'
-          },
-          {
-            value: 1,
-            label: '退款成功'
-          },
-          {
-            value: 2,
-            label: '退款失败'
-          }
-        ]
-      },
-    ]
-  },
-  "product-order": {
-    "fields": [
-      { name: 'express_name', label: '快递名称', type: 'input' },
-      { name: 'express_number', label: '快递编号', type: 'input' },
-      {
-        name: 'pay_status',
-        label: '状态',
-        type: 'select',
-        optionsParams: [
-          {
-            value: 0,
-            label: '未付款'
-          },
-          {
-            value: 1,
-            label: '已支付'
-          }
-        ]
-      }
-    ]
-  },
-  "order-refund": {
-    "fields": [
-      {
-        name: 'status',
-        label: '状态',
-        type: 'select',
-        optionsParams: [
-          {
-            value: 0,
-            label: '未退款'
-          },
-          {
-            value: 1,
-            label: '退款成功'
-          },
-          {
-            value: 2,
-            label: '退款失败'
-          }
-        ]
-      }
-    ]
-  }
-}
-
-module.exports = {
-  t
+const t = {
+  site: {
+    fields: [{
+        name: 'name',
+        label: '名称',
+        type: 'input'
+      },
+      {
+        name: 'status',
+        label: '状态',
+        type: 'switch',
+        defaultValue: 1
+      },
+      {
+        name: 'content',
+        label: '内容',
+        type: 'textarea'
+      },
+      {
+        name: 'sort',
+        label: '排序',
+        type: 'input-number'
+      }
+    ],
+    options: {}
+  },
+  'article-type': {
+    fields: [{
+        name: 'title',
+        label: '栏目名称',
+        type: 'input'
+      },
+      {
+        name: 'status',
+        label: '状态',
+        type: 'switch',
+        defaultValue: 1
+      },
+      {
+        name: 'site_id',
+        label: '站点选择',
+        optionsFrom: 'site',
+        type: 'select',
+        optionProps: {
+          label: 'name',
+          value: 'id'
+        },
+        props: {
+          multiple: false
+        }
+      },
+      {
+        name: 'pid',
+        label: '上级栏目',
+        type: 'tree',
+        isOwnOptions: true,
+        optionsHasRoot: true,
+        optionProps: {
+          label: 'title',
+          value: 'id'
+        }
+      },
+      {
+        name: 'remark',
+        label: '备注',
+        type: 'textarea'
+      }
+    ],
+    options: {
+      isTree: true
+    }
+  },
+  banners: {
+    fields: [{
+        name: 'name',
+        label: '标题',
+        type: 'input'
+      },
+      {
+        name: 'position',
+        label: '显示位置',
+        type: 'select',
+        optionsParams: [{
+          value: 1,
+          label: '首页'
+        }]
+      },
+      {
+        name: 'jump_type',
+        label: '跳转类型',
+        type: 'select',
+        optionsParams: [{
+            value: 1,
+            label: '小程序'
+          },
+          {
+            value: 2,
+            label: 'h5'
+          }
+        ]
+      },
+      {
+        name: 'jump_url',
+        label: '跳转链接',
+        type: 'input'
+      },
+      {
+        name: 'sort',
+        label: '排序',
+        type: 'input-number'
+      },
+      {
+        name: 'image_id',
+        label: '封面图（690*400）',
+        type: 'file',
+        relationName: 'image',
+        defaultValue: [],
+        props: {
+          multiple: false
+        }
+      },
+      {
+        name: 'site_id',
+        label: '站点',
+        type: 'select',
+        optionsFrom: 'site',
+        optionProps: {
+          label: 'name',
+          value: 'id'
+        },
+        props: {
+          multiple: false
+        }
+      }
+    ]
+  },
+  article: {
+    fields: [{
+        name: 'title',
+        label: '标题',
+        type: 'input',
+        rules: [{
+          required: true
+        }]
+      },
+      {
+        name: 'content',
+        label: '内容',
+        type: 'richtext'
+      },
+      {
+        name: 'add_time',
+        label: '发布时间',
+        type: 'datetime'
+      },
+      {
+        name: 'type_id',
+        label: '栏目选择',
+        type: 'tree',
+        optionsFrom: 'article-type',
+        isOwnOptions: false,
+        optionsHasRoot: false,
+        optionProps: {
+          label: 'title',
+          value: 'id'
+        }
+      },
+      {
+        name: 'status',
+        label: '状态',
+        type: 'switch',
+        defaultValue: 1
+      },
+      {
+        name: 'image_id',
+        label: '标题图片',
+        type: 'file',
+        relationName: 'image',
+        defaultValue: [],
+        props: {
+          multiple: false
+        }
+      }
+    ]
+  },
+  hospital: {
+    fields: [{
+        name: 'name',
+        label: '医院名称',
+        type: 'input',
+        rules: [{
+          required: true
+        }]
+      },
+      {
+        name: 'site_id',
+        label: '站点',
+        type: 'select',
+        optionsFrom: 'site',
+        optionProps: {
+          label: 'name',
+          value: 'id'
+        },
+        props: {
+          multiple: false
+        }
+      },
+      {
+        name: 'lat',
+        label: '维度',
+        type: 'input'
+      },
+      {
+        name: 'lng',
+        label: '经度',
+        type: 'input'
+      },
+      {
+        name: 'good_at',
+        label: '擅长科室',
+        type: 'textarea'
+      },
+      {
+        name: 'content',
+        label: '简介',
+        type: 'textarea'
+      },
+      {
+        name: 'cover_id',
+        label: '标题图片',
+        type: 'file',
+        relationName: 'cover',
+        defaultValue: [],
+        props: {
+          multiple: false
+        }
+      },
+      {
+        name: 'status',
+        label: '是否显示',
+        type: 'switch',
+        defaultValue: 1
+      },
+    ]
+  },
+  nurse: {
+    fields: [{
+        name: 'name',
+        label: '护工姓名',
+        type: 'input',
+        rules: [{
+          required: true
+        }]
+      },
+      {
+        name: 'mobile',
+        label: '手机号',
+        type: 'input',
+        rules: [{
+          pattern: /(^$)|(^1[3456789]\d{9})|(^(0\d{2,3}(-)*)?\d{7})$/
+        }]
+      },
+      {
+        name: 'idcard',
+        label: '身份证号',
+        type: 'input',
+        rules: [{
+          pattern: /(^$)|(^([1-6][1-9]|50)\d{4}\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3})|(^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx])$/
+        }]
+      },
+      {
+        name: 'sex',
+        label: '性别',
+        type: 'select',
+        optionsParams: [{
+            value: 1,
+            label: '男'
+          },
+          {
+            value: 0,
+            label: '女'
+          }
+        ]
+      },
+      {
+        name: 'birthday',
+        label: '生日',
+        type: 'date',
+        props: {
+          type: 'date'
+        }
+      },
+      {
+        name: 'hometown',
+        label: '家乡',
+        type: 'input'
+      },
+      {
+        name: 'address',
+        label: '地址',
+        type: 'input'
+      },
+      {
+        name: 'emergency_phone',
+        label: '紧急联系电话',
+        type: 'input',
+        rules: [{
+          pattern: /(^$)|(^1[3456789]\d{9})|(^(0\d{2,3}(-)*)?\d{7})$/
+        }]
+      },
+      {
+        name: 'work_years',
+        label: '年限',
+        type: 'input-number'
+      },
+      {
+        name: 'join_at',
+        label: '加入时间',
+        type: 'date',
+        props: {
+          type: 'date'
+        }
+      },
+      {
+        name: 'leave_at',
+        label: '离职时间',
+        type: 'date',
+        props: {
+          type: 'date'
+        }
+      },
+      {
+        name: 'username',
+        label: '用户名',
+        type: 'input',
+        rules: [{
+          required: true
+        }]
+      },
+      {
+        name: 'password',
+        label: '密码',
+        type: 'input',
+        rules: [{
+          pattern: /(^$)|((?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,20})/
+        }]
+      },
+      {
+        name: 'work_status',
+        label: '工作状态',
+        type: 'select',
+        optionsParams: [{
+            value: 1,
+            label: '兼职'
+          },
+          {
+            value: 2,
+            label: '全职'
+          }
+        ]
+      },
+      {
+        name: 'status',
+        label: '状态',
+        type: 'select',
+        optionsParams: [{
+            value: 0,
+            label: '请假'
+          },
+          {
+            value: 1,
+            label: '正常服务'
+          }
+        ]
+      },
+      {
+        name: 'has_social_insurance',
+        label: '是否有社保',
+        type: 'switch',
+        defaultValue: 1
+      },
+      {
+        name: 'has_qualification',
+        label: '是否有资质',
+        type: 'switch',
+        defaultValue: 1
+      },
+      {
+        name: 'avatar',
+        label: '头像',
+        type: 'file',
+        relationName: 'avatar',
+        defaultValue: [],
+        props: {
+          multiple: false
+        }
+      },
+    ]
+  },
+  users: {
+    fields: [{
+        name: 'nickname',
+        label: '昵称',
+        type: 'input',
+      },
+      {
+        name: 'openid',
+        label: 'openid',
+        type: 'input',
+      },
+      {
+        name: 'headimgurl',
+        label: '头像地址',
+        type: 'input',
+      },
+      {
+        name: 'mobile',
+        label: '手机号',
+        type: 'input',
+        rules: [{
+            required: true
+          },
+          {
+            pattern: /(^$)|(^1[3456789]\d{9})|(^(0\d{2,3}(-)*)?\d{7})$/
+          }
+        ]
+      },
+      {
+        name: 'sex',
+        label: '性别',
+        type: 'select',
+        optionsParams: [{
+            value: '1',
+            label: '男'
+          },
+          {
+            value: '0',
+            label: '女'
+          },
+          {
+            value: '未知',
+            label: '未知'
+          }
+        ]
+      },
+      {
+        name: 'country',
+        label: '国家',
+        type: 'input',
+      },
+      {
+        name: 'province',
+        label: '省份',
+        type: 'input',
+      },
+      {
+        name: 'city',
+        label: '城市',
+        type: 'input',
+      },
+    ]
+  },
+  'product-category': {
+    fields: [{
+        name: 'name',
+        label: '商品分类名称',
+        type: 'input'
+      },
+      {
+        name: 'pid',
+        label: '上级分类',
+        type: 'tree',
+        isOwnOptions: true,
+        optionsHasRoot: true,
+        optionProps: {
+          label: 'title',
+          value: 'id'
+        }
+      },
+      {
+        name: 'image_id',
+        label: '封面图片',
+        type: 'file',
+        relationName: 'image',
+        defaultValue: [],
+        props: {
+          multiple: false
+        }
+      }
+    ],
+    options: {
+      isTree: true
+    }
+  },
+  product: {
+    fields: [{
+        name: 'product_category_id',
+        label: '分类选择',
+        type: 'tree',
+        optionsFrom: 'product-category',
+        isOwnOptions: false,
+        optionsHasRoot: false,
+        optionProps: {
+          label: 'name',
+          value: 'id'
+        }
+      },
+      {
+        name: 'name',
+        label: '商品名称',
+        type: 'input'
+      },
+      {
+        name: 'price',
+        label: '商品价格',
+        type: 'input-number'
+      },
+      {
+        name: 'image_id',
+        label: '封面图片',
+        type: 'file',
+        relationName: 'image',
+        defaultValue: [],
+        props: {
+          multiple: false
+        }
+      },
+      {
+        name: 'content',
+        label: '内容',
+        type: 'richtext'
+      },
+      {
+        name: 'product_images',
+        label: '商品轮播图',
+        type: 'file',
+        relationName: 'product_image',
+        defaultValue: [],
+        props: {
+          multiple: true
+        }
+      },
+      {
+        name: 'product_skus',
+        label: '商品',
+        type: 'input',
+        defaultValue: []
+      },
+      {
+        name: 'sort',
+        label: '排序',
+        type: 'input-number'
+      }
+    ]
+  },
+  "accompany-order-refund": {
+    fields: [{
+      name: 'status',
+      label: '状态',
+      type: 'select',
+      optionsParams: [{
+          value: 0,
+          label: '未退款'
+        },
+        {
+          value: 1,
+          label: '退款成功'
+        },
+        {
+          value: 2,
+          label: '退款失败'
+        }
+      ]
+    }, ]
+  },
+  "product-order": {
+    "fields": [{
+        name: 'express_name',
+        label: '快递名称',
+        type: 'input'
+      },
+      {
+        name: 'express_number',
+        label: '快递编号',
+        type: 'input'
+      },
+      {
+        name: 'pay_status',
+        label: '状态',
+        type: 'select',
+        optionsParams: [{
+            value: 0,
+            label: '未付款'
+          },
+          {
+            value: 1,
+            label: '已支付'
+          }
+        ]
+      }
+    ]
+  },
+  "order-refund": {
+    "fields": [{
+      name: 'status',
+      label: '状态',
+      type: 'select',
+      optionsParams: [{
+          value: 0,
+          label: '未退款'
+        },
+        {
+          value: 1,
+          label: '退款成功'
+        },
+        {
+          value: 2,
+          label: '退款失败'
+        }
+      ]
+    }]
+  },
+  // 服务医院
+  'serve-hospital': {
+    fields: [{
+        name: 'name',
+        label: '医院名称',
+        type: 'input',
+        rules: [{
+          required: true
+        }]
+      },
+      {
+        name: 'site_id',
+        label: '站点',
+        type: 'select',
+        optionsFrom: 'site',
+        optionProps: {
+          label: 'name',
+          value: 'id'
+        },
+        props: {
+          multiple: false
+        }
+      },
+      {
+        name: 'level',
+        label: '医院级别',
+        type: 'select',
+        optionsParams: [{
+            value: '三级甲等',
+            label: '三级甲等'
+          },
+          {
+            value: '三级乙等',
+            label: '三级乙等'
+          },
+          {
+            value: '三级丙等',
+            label: '三级丙等'
+          },
+          {
+            value: '二级甲等',
+            label: '二级甲等'
+          },
+          {
+            value: '二级乙等',
+            label: '二级乙等'
+          },
+          {
+            value: '二级丙等',
+            label: '二级丙等'
+          },
+          {
+            value: '一级甲等',
+            label: '一级甲等'
+          },
+          {
+            value: '一级乙等',
+            label: '一级乙等'
+          },
+          {
+            value: '一级丙等',
+            label: '一级丙等'
+          }
+        ]
+      },
+      {
+        name: 'type',
+        label: '医院类型',
+        type: 'input'
+      },
+      {
+        name: 'cover_id',
+        label: '标题图片',
+        type: 'file',
+        relationName: 'cover',
+        defaultValue: [],
+        props: {
+          multiple: false
+        }
+      },
+    ]
+  },
+  "serve-hospital-department": {
+    "fields": [{
+        name: 'serve_hospital_id',
+        label: '服务医院',
+        type: 'select',
+        optionsFrom: 'serve-hospital',
+        isOwnOptions: false,
+        optionsHasRoot: false,
+        optionProps: {
+          label: 'name',
+          value: 'id'
+        },
+        props: {
+          multiple: false
+        },
+        rules: [{
+          required: true
+        }]
+      },
+      {
+        name: 'name',
+        label: '科室名称',
+        type: 'input',
+        rules: [{
+          required: true
+        }]
+      },
+    ]
+  },
+  "serve-hospital-form": {
+    "fields": [{
+        name: 'serve_hospital_id',
+        label: '咨询医院',
+        type: 'select',
+        optionsFrom: 'serve-hospital',
+        isOwnOptions: false,
+        optionsHasRoot: false,
+        optionProps: {
+          label: 'name',
+          value: 'id'
+        },
+        props: {
+          multiple: false
+        },
+        rules: [{
+          required: true
+        }]
+      },
+      {
+        name: 'serve_hospital_department_id',
+        label: '咨询科室',
+        type: 'select',
+        optionsFrom: 'serve-hospital-department',
+        isOwnOptions: false,
+        optionsHasRoot: false,
+        optionProps: {
+          label: 'name',
+          value: 'id'
+        },
+        props: {
+          multiple: false
+        },
+        rules: [{
+          required: true
+        }]
+      },
+      {
+        name: 'name',
+        label: '姓名',
+        type: 'input',
+        rules: [{
+          required: true
+        }]
+      },
+      {
+        name: 'sex',
+        label: '性别',
+        type: 'select',
+        rules: [{
+          required: true
+        }],
+        optionsParams: [{
+            value: '男',
+            label: '男'
+          },
+          {
+            value: '女',
+            label: '女'
+          }
+        ]
+      },
+      {
+        name: 'birthday',
+        label: '生日',
+        type: 'date',
+        props: {
+          type: 'date'
+        },
+        rules: [{
+          required: true
+        }],
+      },
+      {
+        name: 'city',
+        label: '城市',
+        type: 'input',
+        rules: [{
+          required: true
+        }]
+      },
+      {
+        name: 'relationship',
+        label: '患者关系',
+        type: 'select',
+        rules: [{
+          required: true
+        }],
+        optionsParams: [{
+          label: '本人',
+          value: '本人'
+        }, {
+          label: '家庭成员',
+          value: '家庭成员'
+        }, {
+          label: '亲戚朋友',
+          value: '亲戚朋友'
+        }, {
+          label: '其他',
+          value: '其他'
+        }]
+      },
+      {
+        name: 'mobile',
+        label: '手机号码',
+        type: 'input',
+        rules: [{
+            required: true
+          },
+          {
+            pattern: /(^$)|(^1[3456789]\d{9})|(^(0\d{2,3}(-)*)?\d{7})$/
+          }
+        ]
+      },
+      {
+        name: 'type',
+        label: '咨询类别',
+        type: 'select',
+        rules: [{
+          required: true
+        }],
+        optionsParams: [{
+          label: '专家咨询',
+          value: '专家咨询'
+        }, {
+          label: '普通咨询',
+          value: '普通咨询'
+        }]
+      },
+      {
+        name: 'content',
+        label: '内容',
+        type: 'textarea'
+      },
+
+    ]
+  },
+}
+
+module.exports = {
+  t
 }
diff --git a/src/api/serve-hospital-department/serve-hospital-department.js b/src/api/serve-hospital-department/serve-hospital-department.js
new file mode 100644
index 0000000..aad67fe
--- /dev/null
+++ b/src/api/serve-hospital-department/serve-hospital-department.js
@@ -0,0 +1,37 @@
+import request from '@/utils/request'
+
+export function index(params,isLoading = true) {
+  return request({
+    method: 'get',
+    url: '/api/admin/serve-hospital-department/index',
+    params,
+isLoading
+  })
+}
+
+export function show(params,isLoading = true) {
+  return request({
+    method: 'get',
+    url: '/api/admin/serve-hospital-department/show',
+    params,
+    isLoading
+  })
+}
+
+export function save(data, isLoading = true) {
+  return request({
+    method: 'post',
+    url: '/api/admin/serve-hospital-department/save',
+    data,
+    isLoading
+  })
+}
+
+export function destroy(params, isLoading = true) {
+  return request({
+    method: 'get',
+    url: '/api/admin/serve-hospital-department/destroy',
+    params,
+    isLoading
+  })
+}
diff --git a/src/api/serve-hospital-form/serve-hospital-form.js b/src/api/serve-hospital-form/serve-hospital-form.js
new file mode 100644
index 0000000..954d022
--- /dev/null
+++ b/src/api/serve-hospital-form/serve-hospital-form.js
@@ -0,0 +1,37 @@
+import request from '@/utils/request'
+
+export function index(params,isLoading = true) {
+  return request({
+    method: 'get',
+    url: '/api/admin/serve-hospital-form/index',
+    params,
+isLoading
+  })
+}
+
+export function show(params,isLoading = true) {
+  return request({
+    method: 'get',
+    url: '/api/admin/serve-hospital-form/show',
+    params,
+    isLoading
+  })
+}
+
+export function save(data, isLoading = true) {
+  return request({
+    method: 'post',
+    url: '/api/admin/serve-hospital-form/save',
+    data,
+    isLoading
+  })
+}
+
+export function destroy(params, isLoading = true) {
+  return request({
+    method: 'get',
+    url: '/api/admin/serve-hospital-form/destroy',
+    params,
+    isLoading
+  })
+}
diff --git a/src/api/serve-hospital/serve-hospital.js b/src/api/serve-hospital/serve-hospital.js
new file mode 100644
index 0000000..d25dc66
--- /dev/null
+++ b/src/api/serve-hospital/serve-hospital.js
@@ -0,0 +1,37 @@
+import request from '@/utils/request'
+
+export function index(params,isLoading = true) {
+  return request({
+    method: 'get',
+    url: '/api/admin/serve-hospital/index',
+    params,
+isLoading
+  })
+}
+
+export function show(params,isLoading = true) {
+  return request({
+    method: 'get',
+    url: '/api/admin/serve-hospital/show',
+    params,
+    isLoading
+  })
+}
+
+export function save(data, isLoading = true) {
+  return request({
+    method: 'post',
+    url: '/api/admin/serve-hospital/save',
+    data,
+    isLoading
+  })
+}
+
+export function destroy(params, isLoading = true) {
+  return request({
+    method: 'get',
+    url: '/api/admin/serve-hospital/destroy',
+    params,
+    isLoading
+  })
+}
diff --git a/src/views/ServeHospital/ServeHospital.vue b/src/views/ServeHospital/ServeHospital.vue
new file mode 100644
index 0000000..dfd5339
--- /dev/null
+++ b/src/views/ServeHospital/ServeHospital.vue
@@ -0,0 +1,438 @@
+<template>
+  <div>
+    <el-card shadow="never" style="margin-top: 20px;">
+      <template #header>
+        <slot name="header">
+          <vxe-toolbar :print="isHasAuth('print')" custom ref="toolbar">
+            <template #toolSuffix>
+              <vxe-button style="margin-right: 10px;" v-if="isHasAuth('export')" icon="vxe-icon-download" circle
+                @click="exportMethod"></vxe-button>
+            </template>
+            <template #buttons>
+              <el-button v-if="isHasAuth('create')" icon="el-icon-plus" type="primary" size="small"
+                @click="isShowAdd = true">新增</el-button>
+              <el-button v-if="isHasAuth('search')" icon="el-icon-search" type="primary" plain size="small"
+                @click="getList">搜索</el-button>
+            </template>
+          </vxe-toolbar>
+        </slot>
+      </template>
+
+      <vxe-table ref="table" stripe style="margin-top: 10px" :loading="loading" :height="tableHeight" keep-source
+        show-overflow :menu-config="{
+                      className: 'my-menus',
+                      body: {
+                        options: [
+                          [
+                            { code: 'copy', name: '复制', prefixConfig: { icon: 'vxe-icon-copy' }, suffixConfig: { content: 'Ctrl+C' } },
+                            { code: 'remove', name: '删除', prefixConfig: { icon: 'vxe-icon-delete-fill', className: 'color-red' } }
+                          ],
+                        ]
+                      }
+                    }" @menu-click="contextMenuClickEvent" :row-config="{ isCurrent: true, isHover: true }"
+        :column-config="{ resizable: true }" :export-config="{}" :edit-rules="validRules" :edit-config="{
+          trigger: 'manual',
+          mode: 'row',
+          showStatus: true,
+          isHover: true,
+          autoClear: false,
+        }" :align="allAlign" :data="tableData">
+        <vxe-column type="checkbox" width="50" align="center" />
+        <vxe-column type="seq" width="58" align="center" />
+
+
+
+
+        <vxe-column header-align="center" field="name" width="160" title="医院名称"
+          :edit-render="{ name: 'input', attrs: { type: 'text' } }" />
+
+
+
+
+        <vxe-column align="center" field="site_id" width="180" title="站点"
+          :edit-render="{ name: 'VxeSelect', options: site, props: { multiple: false }, optionProps: { value: 'id', label: 'name' } }" />
+
+
+
+
+        <vxe-column align="center" field="level" width="180" title="医院级别"
+          :edit-render="{ name: 'VxeSelect', options: [{'value':'三级甲等','label':'三级甲等'},{'value':'三级乙等','label':'三级乙等'},{'value':'三级丙等','label':'三级丙等'},{'value':'二级甲等','label':'二级甲等'},{'value':'二级乙等','label':'二级乙等'},{'value':'二级丙等','label':'二级丙等'},{'value':'一级甲等','label':'一级甲等'},{'value':'一级乙等','label':'一级乙等'},{'value':'一级丙等','label':'一级丙等'}], props: { multiple: false }, optionProps: { value: 'value', label: 'label' } }" />
+
+
+
+
+        <vxe-column header-align="center" field="type" width="160" title="医院类型"
+          :edit-render="{ name: 'input', attrs: { type: 'text' } }" />
+
+
+
+
+        <vxe-column field="cover_id" min-width="180" title="标题图片" header-align="center" align="left" :edit-render="{}">
+          <template #default="{ row }">
+            <vxe-upload v-model="row['cover']" name-field="original_name" readonly progress-text="{percent}%"
+              :more-config="{ maxCount: 1, layout: 'horizontal' }" :show-button-text="false" />
+          </template>
+          <template #edit="{ row }">
+            <vxe-upload name-field="original_name" v-model="row['cover']" progress-text="{percent}%"
+              :more-config="{ maxCount: 1, layout: 'horizontal' }" :limit-size="uploadSize / 1024 / 1024"
+              :show-button-text="false" :upload-method="({file}) => uploadMethod(file)" />
+          </template>
+        </vxe-column>
+
+        <vxe-column field="operate" header-align="center" title="操作" min-width="220" fixed="right">
+          <template #default="{ row }">
+            <template v-if="isActiveStatus(row)">
+              <el-button size="small" type="primary" @click="saveRowEvent(row)">保存</el-button>
+              <el-button size="small" type="primary" plain @click="cancelRowEvent(row)">取消</el-button>
+            </template>
+            <template v-else>
+              <el-button v-if="isHasAuth('detail')" size="small" type="primary" plain
+                @click="detail(row)">查看</el-button>
+              <el-button v-if="isHasAuth('edit')" size="small" type="warning" @click="editRowEvent(row)">编辑</el-button>
+              <el-button v-if="isHasAuth('delete')" size="small" type="danger"
+                @click="destroyRowEvent(row)">删除</el-button>
+            </template>
+          </template>
+        </vxe-column>
+      </vxe-table>
+
+
+      <el-pagination style="margin-top: 10px;display: flex;justify-content: flex-end;" :current-page.sync="select.page"
+        :page-sizes="[20, 30, 40, 50]" :page-size.sync="select.page_size"
+        layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="
+          (e) => {
+            select.page_size = e;
+            select.page = 1;
+            getList();
+          }
+        " @current-change="
+          (e) => {
+            select.page = e;
+            getList();
+          }
+        " />
+
+    </el-card>
+
+    <AddServeHospital ref="AddServeHospital" :site="site" :is-show.sync="isShowAdd" @refresh="getList" />
+    <ShowServeHospital ref="ShowServeHospital" :site="site" :is-show.sync="isShowDetail" />
+
+  </div>
+</template>
+
+<script>
+  import VxeUI from "vxe-pc-ui";
+
+  import {
+    authMixin
+  } from "@/mixin/authMixin"
+  import {
+    uploadSize
+  } from "@/settings";
+  import {
+    deepCopy
+  } from "@/utils";
+  import {
+    download
+  } from "@/utils/downloadRequest";
+  import {
+    destroy,
+    index,
+    save
+  } from "@/api/serve-hospital/serve-hospital";
+  import AddServeHospital from "./components/AddServeHospital.vue";
+  import ShowServeHospital from "./components/ShowServeHospital.vue";
+  import axios from "axios";
+  import {
+    getToken
+  } from "@/utils/auth";
+
+  import {
+    index as siteIndex
+  } from '@/api/site/site';
+
+  export default {
+    name: "ServeHospital",
+    mixins: [authMixin],
+    components: {
+
+      AddServeHospital,
+      ShowServeHospital,
+    },
+    data() {
+      return {
+        uploadSize,
+        examineKey: 0,
+        isShowAdd: false,
+        isShowDetail: false,
+
+        loading: false,
+        tableHeight: 400,
+        select: {
+          page: 1,
+          page_size: 20,
+          keyword: '',
+          show_relation: ["cover"],
+
+        },
+        total: 0,
+        allAlign: null,
+        tableData: [],
+        form: {
+          id: '',
+
+          name: '',
+
+          site_id: '',
+
+          level: '',
+
+          type: '',
+
+          cover_id: [],
+
+        },
+        validRules: {
+
+          name: [
+
+            {
+              required: true,
+              message: '医院名称' + '必填'
+            },
+
+          ],
+
+        },
+
+
+        site: [],
+
+      };
+    },
+    computed: {
+      isActiveStatus() {
+        return function(row) {
+          if (this.$refs["table"]) {
+            return this.$refs["table"].isEditByRow(row);
+          }
+        };
+      },
+      isHasAuth() {
+        return function(auth) {
+          return this.auths_auth_mixin.indexOf(auth) !== -1
+        }
+      }
+    },
+    created() {
+
+      this.getSite()
+
+      this.getList();
+    },
+    mounted() {
+      this.bindToolbar()
+      this.calcTableHeight()
+    },
+    methods: {
+      exportMethod() {
+        this.$confirm("请选择导出方式", "提示", {
+          confirmButtonText: "全量导出",
+          cancelButtonText: "部分导出",
+          distinguishCancelAndClose: true
+        }).then(_ => {
+          download('/api/admin/school/index', 'get', {
+            ...this.select,
+            page: 1,
+            page_size: 9999,
+            is_export: 1,
+            export_fields: Object.keys(this.form)
+          })
+        }).catch(action => {
+          if (action === 'cancel' && this.$refs['table']) {
+            this.$refs['table'].openExport()
+          }
+        });
+      },
+      calcTableHeight() {
+        let clientHeight = document.documentElement.clientHeight;
+        let cardTitle = document.querySelector(".el-card__header")?.getBoundingClientRect()?.height;
+        let search = document.querySelector(".vxe-toolbar")?.getBoundingClientRect()?.height;
+        let paginationHeight = (document.querySelector(".el-pagination")?.getBoundingClientRect()?.height ?? 0) +
+        10; //分页的高度
+        let topHeight = 50; //页面 头部
+        let padding = 80;
+        let margin = 20;
+        this.tableHeight =
+          clientHeight - cardTitle - search - paginationHeight - topHeight - padding - margin;
+      },
+      contextMenuClickEvent({
+        menu,
+        row,
+        column
+      }) {
+        switch (menu.code) {
+          case 'copy':
+            // 示例
+            if (row && column) {
+              if (VxeUI.clipboard.copy(row[column.field])) {
+                this.$message.success('已复制到剪贴板！')
+              }
+            }
+            break
+          case 'remove':
+            if (row && column) {
+              this.destroyRowEvent(row)
+            }
+          default:
+        }
+      },
+      async detail(row) {
+        await this.$refs["ShowServeHospital"].getDetail(row.id)
+        this.isShowDetail = true
+      },
+
+
+      async getSite() {
+        try {
+          const res = await siteIndex({
+            page: 1,
+            page_size: 999,
+
+          }, false)
+          this.site = res.data
+        } catch (err) {
+          console.error(err)
+        }
+      },
+
+
+      uploadMethod(file) {
+        const formData = new FormData()
+        formData.append('file', file)
+        window.$_uploading = true
+        return axios.post(process.env.VUE_APP_UPLOAD_API, formData, {
+          headers: {
+            Authorization: `Bearer ${getToken()}`,
+          }
+        }).then((response) => {
+          window.$_uploading = false
+          if (response.status === 200 && !response.data.code) {
+            return {
+              response: response.data,
+              name: response.data.original_name,
+              url: response.data.url
+            }
+          } else {
+            this.$message.error("上传失败")
+          }
+        }).catch(_ => {
+          window.$_uploading = false
+        })
+      },
+      bindToolbar() {
+        this.$nextTick(() => {
+          if (this.$refs["table"] && this.$refs["toolbar"]) {
+            this.$refs["table"].connect(this.$refs["toolbar"]);
+          }
+        });
+      },
+
+      editRowEvent(row) {
+        if (this.$refs["table"]) {
+          this.$refs["table"].setEditRow(row);
+        }
+      },
+      cancelRowEvent(row) {
+        if (this.$refs["table"]) {
+          this.$refs["table"].clearEdit().then(() => {
+            // 还原行数据
+            this.$refs["table"].revertData(row);
+          });
+        }
+      },
+
+      async getList() {
+        this.loading = true;
+        try {
+          const res = await index(this.select, false);
+          this.tableData = res.data;
+          this.total = res.total;
+          this.loading = false;
+        } catch (err) {
+          console.error(err);
+          this.loading = false;
+        }
+      },
+
+      async saveRowEvent(row) {
+        if (window.$_uploading) {
+          this.$message.warning("文件正在上传中")
+          return
+        }
+        try {
+          const errMap = await this.$refs["table"].validate();
+          if (errMap) {
+            throw new Error(errMap);
+          }
+          await this.$confirm("确认保存？", "提示", {
+            confirmButtonText: "确认",
+            cancelButtonText: "取消",
+          });
+          await this.$refs["table"].clearEdit();
+          let form = deepCopy(this.form);
+          for (const key in form) {
+            form[key] = row[key];
+          }
+          if(row['cover'] instanceof Array){
+
+             form['cover_id'] = row['cover'][0]?.response?.id ?? ''
+          }else{
+             form['cover_id'] = row['cover']?row['cover'].id : ''
+          }
+          this.loading = true;
+          await save(form, false);
+          await this.getList();
+          this.loading = false;
+        } catch (err) {
+          this.loading = false;
+        }
+      },
+      async destroyRowEvent(row) {
+        try {
+          await this.$confirm("确认删除？", "提示", {
+            confirmButtonText: "确认",
+            cancelButtonText: "取消",
+          });
+          this.loading = true;
+          if (row.id) {
+            await destroy({
+              id: row.id,
+            }, false);
+            await this.getList();
+          } else {
+            console.log(row);
+            this.tableData.splice(
+              this.tableData.findIndex((i) => i._X_ROW_KEY === row._X_ROW_KEY),
+              1
+            );
+          }
+          this.loading = false;
+        } catch (err) {
+          this.loading = false;
+        }
+      },
+
+    },
+  };
+</script>
+
+<style scoped lang="scss">
+  ::v-deep .el-card__header {
+    padding: 6px 20px;
+  }
+
+  ::v-deep .el-tag+.el-tag {
+    margin-left: 4px;
+  }
+</style>
diff --git a/src/views/ServeHospital/components/AddServeHospital.vue b/src/views/ServeHospital/components/AddServeHospital.vue
new file mode 100644
index 0000000..3016833
--- /dev/null
+++ b/src/views/ServeHospital/components/AddServeHospital.vue
@@ -0,0 +1,240 @@
+
+<template>
+    <div>
+        <el-drawer
+                :title="$route.meta.title"
+                direction="rtl"
+                size="68%"
+                :visible.sync="visible"
+                append-to-body
+                :before-close="handleClose"
+                @close="$emit('update:isShow',false)">
+            <section class="drawer-container">
+                <el-form class="drawer-container__form" ref="elForm" :model="form" :rules="rules" label-position="top" label-width="120px" size="small">
+                    <div class="form-layout">
+                        
+                                 <el-form-item label="医院名称" prop="name">
+                                   <el-input v-model="form['name']" clearable placeholder="请填写医院名称" style="width: 100%;"></el-input>
+                                 </el-form-item>
+                               
+                                   <el-form-item label="站点" prop="site_id" clearable>
+                                     <el-select v-model="form['site_id']" clearable placeholder="请填写站点"  style="width: 100%;">
+                                       <el-option v-for="(option, optionIndex) in site" :key="optionIndex" :label="option['name']" :value="option['id']"></el-option>
+                                     </el-select>
+                                   </el-form-item>
+                               
+                                   <el-form-item label="医院级别" prop="level" clearable>
+                                     <el-select v-model="form['level']" clearable placeholder="请填写医院级别"  style="width: 100%;">
+                                       <el-option v-for="(option, optionIndex) in [{'value':'三级甲等','label':'三级甲等'},{'value':'三级乙等','label':'三级乙等'},{'value':'三级丙等','label':'三级丙等'},{'value':'二级甲等','label':'二级甲等'},{'value':'二级乙等','label':'二级乙等'},{'value':'二级丙等','label':'二级丙等'},{'value':'一级甲等','label':'一级甲等'},{'value':'一级乙等','label':'一级乙等'},{'value':'一级丙等','label':'一级丙等'}]" :key="optionIndex" :label="option['label']" :value="option['value']"></el-option>
+                                     </el-select>
+                                   </el-form-item>
+                               
+                                 <el-form-item label="医院类型" prop="type">
+                                   <el-input v-model="form['type']" clearable placeholder="请填写医院类型" style="width: 100%;"></el-input>
+                                 </el-form-item>
+                               
+                                    <el-form-item label="标题图片" prop="cover_id">
+                                        <el-upload :action="action"
+                                                   :file-list="form['cover_id']"
+                                                   :headers="{ Authorization: `Bearer ${getToken()}`}"
+                                                   accept="application/msword,image/jpeg,application/pdf,image/png,application/vnd.ms-powerpoint,text/plain,application/x-zip-compressed,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+                                                   multiple
+                                                   :limit="1"
+                                                   :before-upload="uploadBefore"
+                                                   :on-success="(response, file, fileList) => uploadSuccess(response, file, fileList, 'cover_id')"
+                                                   :on-remove="(file, fileList) => uploadRemove(file, fileList, 'cover_id')"
+                                                   :on-error="(err, file, fileList) => uploadError(err, file, fileList, 'cover_id')">
+                                            <el-button size="small" type="primary">点击上传</el-button>
+                                            <div slot="tip" class="el-upload__tip">文件不超过{{ formatFileSize(uploadSize) }}</div>
+                                        </el-upload>
+                                    </el-form-item>
+                             
+                    </div>
+                </el-form>
+
+                <div class="drawer-container__footer">
+                    <el-button @click="reset">重 置</el-button>
+                    <el-button type="primary" @click="submit" :loading="loading">{{ loading ? '提交中 ...' : '确 定' }}</el-button>
+                </div>
+            </section>
+        </el-drawer>
+    </div>
+</template>
+
+<script>
+  import { save, show } from "@/api/serve-hospital/serve-hospital";
+  import axios from "axios";
+  import { getToken } from "@/utils/auth";
+  import { uploadSize } from "@/settings";
+  import { formatFileSize } from "@/utils";
+
+  export default {
+  name: "ServeHospitalDrawer",
+  props: {
+    isShow: {
+      type: Boolean,
+      default: false,
+      required: true
+    },
+    
+           site : {
+             type: Array,
+             default: () => []
+           },
+         
+  },
+  data() {
+    return {
+      uploadSize,
+      action: process.env.VUE_APP_UPLOAD_API,
+      loading: false,
+      visible: false,
+      form: {
+        
+          name: '',
+        
+          site_id: '',
+        
+          level: '',
+        
+          type: '',
+        
+          cover_id: [],
+        
+      },
+      rules: {
+          
+          name: [
+              
+          {
+            required: true,
+            message: '医院名称'+'必填'
+          },
+              
+        ],
+          
+      },
+    }
+  },
+  watch: {
+    isShow(newVal) {
+      this.visible = newVal
+    },
+    visible(newVal) {
+      this.$emit('update:isShow', newVal)
+    },
+  },
+  methods: {
+    uploadBefore(file) {
+      if (file.size > uploadSize) {
+        this.$message({
+          type: "warning",
+          message: `上传图片大小超过${formatFileSize(uploadSize)}！`,
+        });
+        return false;
+      }
+      window.$_uploading = true
+    },
+    uploadSuccess(response, file, fileList, fieldName) {
+      window.$_uploading = false
+      fileList.forEach((file) => {
+        if (file.response?.data && !file.response?.code) {
+          file.response = file.response.data;
+        }
+      });
+      this.form[fieldName] = fileList
+    },
+    uploadRemove(file, fileList, fieldName) {
+      this.form[fieldName] = fileList
+    },
+    uploadError(err, file, fileList, fieldName) {
+      window.$_uploading = false
+      this.form[fieldName] = fileList
+      this.$message({
+        type: "warning",
+        message: err,
+      });
+    },
+    formatFileSize,
+    getToken,
+    handleClose(done) {
+      this.$confirm('确定关闭窗口？')
+        .then(_ => {
+          done();
+        })
+        .catch(_ => {});
+    },
+
+    reset() {
+      this.form = {
+          
+          name: '',
+          
+          site_id: '',
+          
+          level: '',
+          
+          type: '',
+          
+          cover_id: [],
+          
+      }
+      this.$refs['elForm'].resetFields()
+    },
+    submit() {
+      if (window.$_uploading) {
+        this.$message.warning("文件正在上传中")
+        return
+      }
+      
+             this.form['cover_id'] = this.form['cover_id'][0]?.response?.id ?? ''
+
+          
+      this.$refs['elForm'].validate(async valid => {
+        if (valid) {
+          this.loading = true
+          try {
+            await save(this.form)
+            this.$message.success('新增成功')
+            this.$emit('refresh')
+            this.$emit('update:isShow', false)
+            this.loading = false
+            this.reset()
+          } catch (err) {
+            this.loading = false
+          }
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.span2 {
+  grid-column: span 2;
+}
+::v-deep .el-form-item > * {
+  max-width: 100%;
+}
+.form-layout {
+  display: grid;
+  grid-gap: 2%;
+  grid-template-columns: repeat(2, 1fr);
+}
+.drawer-container {
+  height: 100%;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+
+  &__form {
+    flex: 1;
+    overflow-y: scroll;
+  }
+  &__footer {
+    margin-top: 20px;
+    display: flex;
+  }
+}
+</style>
diff --git a/src/views/ServeHospital/components/ShowServeHospital.vue b/src/views/ServeHospital/components/ShowServeHospital.vue
new file mode 100644
index 0000000..c99565c
--- /dev/null
+++ b/src/views/ServeHospital/components/ShowServeHospital.vue
@@ -0,0 +1,124 @@
+
+<template>
+    <div>
+        <el-drawer
+                :title="$route.meta.title"
+                direction="rtl"
+                size="68%"
+                :visible.sync="visible"
+                append-to-body
+                @close="$emit('update:isShow',false)">
+            <section class="drawer-container">
+                <el-descriptions class="drawer-container__desc" size="small" border ref="elDesc" :column="2" direction="vertical" :labelStyle="{ 'font-weight': '500', 'font-size': '15px' }">
+                    
+                    <el-descriptions-item label="医院名称">
+                        {{ form['name'] }}
+                    </el-descriptions-item>
+                    
+                    <el-descriptions-item label="站点">
+                        {{ site.find(i => i['id'] === form['site_id']) ? site.find(i => i['id'] === form['site_id'])['name'] : '' }}
+                    </el-descriptions-item>
+                    
+                    <el-descriptions-item label="医院级别">
+                        {{ [{'value':'三级甲等','label':'三级甲等'},{'value':'三级乙等','label':'三级乙等'},{'value':'三级丙等','label':'三级丙等'},{'value':'二级甲等','label':'二级甲等'},{'value':'二级乙等','label':'二级乙等'},{'value':'二级丙等','label':'二级丙等'},{'value':'一级甲等','label':'一级甲等'},{'value':'一级乙等','label':'一级乙等'},{'value':'一级丙等','label':'一级丙等'}].find(i => i['value'] === form['level']) ? [{'value':'三级甲等','label':'三级甲等'},{'value':'三级乙等','label':'三级乙等'},{'value':'三级丙等','label':'三级丙等'},{'value':'二级甲等','label':'二级甲等'},{'value':'二级乙等','label':'二级乙等'},{'value':'二级丙等','label':'二级丙等'},{'value':'一级甲等','label':'一级甲等'},{'value':'一级乙等','label':'一级乙等'},{'value':'一级丙等','label':'一级丙等'}].find(i => i['value'] === form['level'])['label'] : '' }}
+                    </el-descriptions-item>
+                    
+                    <el-descriptions-item label="医院类型">
+                        {{ form['type'] }}
+                    </el-descriptions-item>
+                    
+                    <el-form-item label="标题图片" prop="cover_id">
+                        <el-upload
+                          :file-list="form['cover_id']"
+                          accept="application/msword,image/jpeg,application/pdf,image/png,application/vnd.ms-powerpoint,text/plain,application/x-zip-compressed,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
+                        </el-upload>
+                    </el-form-item>
+                    
+                </el-descriptions>
+            </section>
+        </el-drawer>
+    </div>
+</template>
+
+<script>
+  import { show } from "@/api/serve-hospital/serve-hospital";
+
+  export default {
+    name: "ServeHospitalShow",
+    props: {
+      isShow: {
+        type: Boolean,
+        default: false,
+        required: true
+      },
+  
+  site : {
+    type: Array,
+  default: () => []
+  },
+  
+  },
+  data() {
+    return {
+      loading: false,
+      visible: false,
+      form: {
+      
+      name: '',
+      
+      site_id: '',
+      
+      level: '',
+      
+      type: '',
+      
+      cover_id: [],
+      
+  },
+  }
+  },
+  watch: {
+    isShow(newVal) {
+      this.visible = newVal
+    },
+    visible(newVal) {
+      this.$emit('update:isShow', newVal)
+    },
+  },
+  methods: {
+    async getDetail(id) {
+      try {
+        const detail = await show({
+          id
+        })
+        for (let key in this.form) {
+          if (detail.hasOwnProperty(key)) {
+            this.form[key] = detail[key]
+          }
+        }
+      } catch (err) {
+        console.error(err)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .span2 {
+    grid-column: span 2;
+  }
+  ::v-deep .el-form-item > * {
+    max-width: 100%;
+  }
+  .drawer-container {
+    height: 100%;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+
+    & > * {
+      flex: 1;
+    }
+  }
+</style>
diff --git a/src/views/ServeHospitalDepartment/ServeHospitalDepartment.vue b/src/views/ServeHospitalDepartment/ServeHospitalDepartment.vue
new file mode 100644
index 0000000..e4304af
--- /dev/null
+++ b/src/views/ServeHospitalDepartment/ServeHospitalDepartment.vue
@@ -0,0 +1,462 @@
+
+<template>
+    <div>
+        <el-card shadow="never" style="margin-top: 20px;">
+            <template #header>
+                <slot name="header">
+                    <vxe-toolbar :print="isHasAuth('print')" custom ref="toolbar">
+                        <template #toolSuffix>
+                            <vxe-button style="margin-right: 10px;" v-if="isHasAuth('export')" icon="vxe-icon-download" circle @click="exportMethod"></vxe-button>
+                        </template>
+                        <template #buttons>
+                            <el-button
+                                    v-if="isHasAuth('create')"
+                                    icon="el-icon-plus"
+                                    type="primary"
+                                    size="small"
+                                    @click="isShowAdd = true"
+                            >新增</el-button
+                            >
+                            <el-button
+                                    v-if="isHasAuth('search')"
+                                    icon="el-icon-search"
+                                    type="primary"
+                                    plain
+                                    size="small"
+                                    @click="getList"
+                            >搜索</el-button
+                            >
+                        </template>
+                    </vxe-toolbar>
+                </slot>
+            </template>
+
+            <vxe-table
+                    ref="table"
+                    stripe
+                    style="margin-top: 10px"
+                    :loading="loading"
+                    :height="tableHeight"
+                    keep-source
+                    show-overflow
+                    :menu-config="{
+                      className: 'my-menus',
+                      body: {
+                        options: [
+                          [
+                            { code: 'copy', name: '复制', prefixConfig: { icon: 'vxe-icon-copy' }, suffixConfig: { content: 'Ctrl+C' } },
+                            { code: 'remove', name: '删除', prefixConfig: { icon: 'vxe-icon-delete-fill', className: 'color-red' } }
+                          ],
+                        ]
+                      }
+                    }"
+                    @menu-click="contextMenuClickEvent"
+                    :row-config="{ isCurrent: true, isHover: true }"
+                    :column-config="{ resizable: true }"
+                    :export-config="{}"
+                    :edit-rules="validRules"
+                    :edit-config="{
+          trigger: 'manual',
+          mode: 'row',
+          showStatus: true,
+          isHover: true,
+          autoClear: false,
+        }"
+                    
+                    :align="allAlign"
+                    :data="tableData"
+            >
+                <vxe-column type="checkbox" width="50" align="center" />
+                <vxe-column type="seq" width="58" align="center"  />
+                
+                    
+                    
+                        
+                        <vxe-column
+                                align="center"
+                                field="serve_hospital_id"
+                                width="180"
+                                title="服务医院"
+                                :edit-render="{ name: 'VxeSelect', options: serveHospital, props: { multiple: false }, optionProps: { value: 'id', label: 'name' } }"
+                        />
+                        
+                    
+                    
+                        
+                        <vxe-column
+                                header-align="center"
+                                field="name"
+                                width="160"
+                                title="科室名称"
+                                :edit-render="{ name: 'input', attrs: { type: 'text' } }"
+                        />
+                        
+                <vxe-column field="operate" header-align="center" title="操作" min-width="220" fixed="right">
+                    <template #default="{ row }">
+                        <template v-if="isActiveStatus(row)">
+                            <el-button size="small" type="primary" @click="saveRowEvent(row)"
+                            >保存</el-button
+                            >
+                            <el-button
+                                    size="small"
+                                    type="primary"
+                                    plain
+                                    @click="cancelRowEvent(row)"
+                            >取消</el-button
+                            >
+                        </template>
+                        <template v-else>
+                            <el-button v-if="isHasAuth('detail')" size="small" type="primary" plain @click="detail(row)"
+                            >查看</el-button
+                            >
+                            <el-button v-if="isHasAuth('edit')" size="small" type="warning" @click="editRowEvent(row)"
+                            >编辑</el-button
+                            >
+                            <el-button
+                                    v-if="isHasAuth('delete')"
+                                    size="small"
+                                    type="danger"
+                                    @click="destroyRowEvent(row)"
+                            >删除</el-button
+                            >
+                        </template>
+                    </template>
+                </vxe-column>
+            </vxe-table>
+
+            
+                <el-pagination
+                        style="margin-top: 10px;display: flex;justify-content: flex-end;"
+                        :current-page.sync="select.page"
+                        :page-sizes="[20, 30, 40, 50]"
+                        :page-size.sync="select.page_size"
+                        layout="total, sizes, prev, pager, next, jumper"
+                        :total="total"
+                        @size-change="
+          (e) => {
+            select.page_size = e;
+            select.page = 1;
+            getList();
+          }
+        "
+                        @current-change="
+          (e) => {
+            select.page = e;
+            getList();
+          }
+        "
+                />
+            
+        </el-card>
+
+        <AddServeHospitalDepartment
+                ref="AddServeHospitalDepartment"
+                
+                    :serve-hospital="serveHospital"
+                  
+                :is-show.sync="isShowAdd"
+                @refresh="getList"
+        />
+        <ShowServeHospitalDepartment
+                ref="ShowServeHospitalDepartment"
+        
+                :serve-hospital="serveHospital"
+                
+                :is-show.sync="isShowDetail"
+        />
+        
+    </div>
+</template>
+
+<script>
+  import VxeUI from "vxe-pc-ui";
+  
+  import { authMixin } from "@/mixin/authMixin"
+  import { uploadSize } from "@/settings";
+  import { deepCopy } from "@/utils";
+  import { download } from "@/utils/downloadRequest";
+  import { destroy, index, save } from "@/api/serve-hospital-department/serve-hospital-department";
+  import AddServeHospitalDepartment from "./components/AddServeHospitalDepartment.vue";
+  import ShowServeHospitalDepartment from "./components/ShowServeHospitalDepartment.vue";
+  import axios from "axios";
+  import { getToken } from "@/utils/auth";
+  
+        import { index as serveHospitalIndex } from '@/api/serve-hospital/serve-hospital';
+      
+  export default {
+    name: "ServeHospitalDepartment",
+    mixins: [authMixin],
+    components: {
+        
+      AddServeHospitalDepartment,
+      ShowServeHospitalDepartment,
+    },
+    data() {
+      return {
+        uploadSize,
+        examineKey: 0,
+        isShowAdd: false,
+        isShowDetail: false,
+
+        loading: false,
+        tableHeight: 400,
+        select: {
+          page: 1,
+          page_size: 20,
+          keyword: '',
+          show_relation: [],
+          
+        },
+        total: 0,
+        allAlign: null,
+        tableData: [],
+        form: {
+          id: '',
+          
+            serve_hospital_id: '',
+          
+            name: '',
+          
+        },
+      validRules: {
+          
+          serve_hospital_id: [
+            
+          {
+            required: true,
+            message: '服务医院'+'必填'
+          },
+          
+        ],
+          
+          name: [
+            
+          {
+            required: true,
+            message: '科室名称'+'必填'
+          },
+          
+        ],
+          
+      },
+
+        
+               serveHospital: [],
+             
+      };
+    },
+    computed: {
+      isActiveStatus() {
+        return function (row) {
+          if (this.$refs["table"]) {
+            return this.$refs["table"].isEditByRow(row);
+          }
+        };
+      },
+      isHasAuth() {
+        return function (auth) {
+          return this.auths_auth_mixin.indexOf(auth) !== -1
+        }
+      }
+    },
+    created() {
+      
+         this.getServeHospital()
+         
+      this.getList();
+    },
+    mounted() {
+      this.bindToolbar()
+      this.calcTableHeight()
+    },
+    methods: {
+      exportMethod() {
+        this.$confirm("请选择导出方式", "提示", {
+          confirmButtonText: "全量导出",
+          cancelButtonText: "部分导出",
+          distinguishCancelAndClose: true
+        }).then(_ => {
+          download('/api/admin/school/index', 'get', {
+            ...this.select,
+            page: 1,
+            page_size: 9999,
+            is_export: 1,
+            export_fields: Object.keys(this.form)
+          })
+        }).catch(action => {
+          if (action === 'cancel' && this.$refs['table']) {
+            this.$refs['table'].openExport()
+          }
+        });
+      },
+      calcTableHeight() {
+        let clientHeight = document.documentElement.clientHeight;
+        let cardTitle = document.querySelector(".el-card__header")?.getBoundingClientRect()?.height;
+        let search = document.querySelector(".vxe-toolbar")?.getBoundingClientRect()?.height;
+        let paginationHeight = (document.querySelector(".el-pagination")?.getBoundingClientRect()?.height ?? 0) + 10; //分页的高度
+        let topHeight = 50; //页面 头部
+        let padding = 80;
+        let margin = 20;
+        this.tableHeight =
+          clientHeight - cardTitle - search - paginationHeight - topHeight - padding - margin;
+      },
+      contextMenuClickEvent ({ menu, row, column }) {
+        switch (menu.code) {
+          case 'copy':
+            // 示例
+            if (row && column) {
+              if (VxeUI.clipboard.copy(row[column.field])) {
+                this.$message.success('已复制到剪贴板！')
+              }
+            }
+            break
+          case 'remove':
+            if (row && column) {
+              this.destroyRowEvent(row)
+            }
+          default:
+        }
+      },
+      async detail (row) {
+        await this.$refs["ShowServeHospitalDepartment"].getDetail(row.id)
+        this.isShowDetail = true
+      },
+
+      
+           async getServeHospital() {
+             try {
+               const res = await serveHospitalIndex({
+                 page: 1,
+                 page_size: 999,
+                 
+               }, false)
+               this.serveHospital = res.data
+             } catch(err) {
+               console.error(err)
+             }
+           },
+         
+
+      uploadMethod(file) {
+        const formData = new FormData()
+        formData.append('file', file)
+        window.$_uploading = true
+        return axios.post(process.env.VUE_APP_UPLOAD_API, formData, {
+          headers: {
+            Authorization: `Bearer ${getToken()}`,
+          }
+        }).then((response) => {
+          window.$_uploading = false
+          if (response.status === 200 && !response.data.code) {
+            return {
+              response: response.data,
+              name: response.data.original_name,
+              url: response.data.url
+            }
+          } else {
+            this.$message.error("上传失败")
+          }
+        }).catch(_ => {
+          window.$_uploading = false
+        })
+      },
+      bindToolbar() {
+        this.$nextTick(() => {
+          if (this.$refs["table"] && this.$refs["toolbar"]) {
+            this.$refs["table"].connect(this.$refs["toolbar"]);
+          }
+        });
+      },
+
+      editRowEvent(row) {
+        if (this.$refs["table"]) {
+          this.$refs["table"].setEditRow(row);
+        }
+      },
+      cancelRowEvent(row) {
+        if (this.$refs["table"]) {
+          this.$refs["table"].clearEdit().then(() => {
+            // 还原行数据
+            this.$refs["table"].revertData(row);
+          });
+        }
+      },
+
+      async getList() {
+        this.loading = true;
+        try {
+          const res = await index(this.select, false);
+          this.tableData = res.data;
+          this.total = res.total;
+          this.loading = false;
+        } catch (err) {
+          console.error(err);
+          this.loading = false;
+        }
+      },
+
+      async saveRowEvent(row) {
+        if (window.$_uploading) {
+          this.$message.warning("文件正在上传中")
+          return
+        }
+        try {
+          const errMap = await this.$refs["table"].validate();
+          if (errMap) {
+            throw new Error(errMap);
+          }
+          await this.$confirm("确认保存？", "提示", {
+            confirmButtonText: "确认",
+            cancelButtonText: "取消",
+          });
+          await this.$refs["table"].clearEdit();
+          let form = deepCopy(this.form);
+          for (const key in form) {
+            form[key] = row[key];
+          }
+          
+          this.loading = true;
+          await save(form, false);
+          await this.getList();
+          this.loading = false;
+        } catch (err) {
+          this.loading = false;
+        }
+      },
+      async destroyRowEvent(row) {
+        try {
+          await this.$confirm("确认删除？", "提示", {
+            confirmButtonText: "确认",
+            cancelButtonText: "取消",
+          });
+          this.loading = true;
+          if (row.id) {
+            await destroy({
+              id: row.id,
+            },false);
+            await this.getList();
+          } else {
+            console.log(row);
+            this.tableData.splice(
+              this.tableData.findIndex((i) => i._X_ROW_KEY === row._X_ROW_KEY),
+              1
+            );
+          }
+          this.loading = false;
+        } catch (err) {
+          this.loading = false;
+        }
+      },
+
+    },
+  };
+</script>
+
+<style scoped lang="scss">
+  ::v-deep .el-card__header {
+    padding: 6px 20px;
+  }
+  ::v-deep .el-tag + .el-tag {
+    margin-left: 4px;
+  }
+</style>
diff --git a/src/views/ServeHospitalDepartment/components/AddServeHospitalDepartment.vue b/src/views/ServeHospitalDepartment/components/AddServeHospitalDepartment.vue
new file mode 100644
index 0000000..de55f56
--- /dev/null
+++ b/src/views/ServeHospitalDepartment/components/AddServeHospitalDepartment.vue
@@ -0,0 +1,208 @@
+
+<template>
+    <div>
+        <el-drawer
+                :title="$route.meta.title"
+                direction="rtl"
+                size="68%"
+                :visible.sync="visible"
+                append-to-body
+                :before-close="handleClose"
+                @close="$emit('update:isShow',false)">
+            <section class="drawer-container">
+                <el-form class="drawer-container__form" ref="elForm" :model="form" :rules="rules" label-position="top" label-width="120px" size="small">
+                    <div class="form-layout">
+                        
+                                   <el-form-item label="服务医院" prop="serve_hospital_id" clearable>
+                                     <el-select v-model="form['serve_hospital_id']" clearable placeholder="请填写服务医院"  style="width: 100%;">
+                                       <el-option v-for="(option, optionIndex) in serveHospital" :key="optionIndex" :label="option['name']" :value="option['id']"></el-option>
+                                     </el-select>
+                                   </el-form-item>
+                               
+                                 <el-form-item label="科室名称" prop="name">
+                                   <el-input v-model="form['name']" clearable placeholder="请填写科室名称" style="width: 100%;"></el-input>
+                                 </el-form-item>
+                               
+                    </div>
+                </el-form>
+
+                <div class="drawer-container__footer">
+                    <el-button @click="reset">重 置</el-button>
+                    <el-button type="primary" @click="submit" :loading="loading">{{ loading ? '提交中 ...' : '确 定' }}</el-button>
+                </div>
+            </section>
+        </el-drawer>
+    </div>
+</template>
+
+<script>
+  import { save, show } from "@/api/serve-hospital-department/serve-hospital-department";
+  import axios from "axios";
+  import { getToken } from "@/utils/auth";
+  import { uploadSize } from "@/settings";
+  import { formatFileSize } from "@/utils";
+
+  export default {
+  name: "ServeHospitalDepartmentDrawer",
+  props: {
+    isShow: {
+      type: Boolean,
+      default: false,
+      required: true
+    },
+    
+           serveHospital : {
+             type: Array,
+             default: () => []
+           },
+         
+  },
+  data() {
+    return {
+      uploadSize,
+      action: process.env.VUE_APP_UPLOAD_API,
+      loading: false,
+      visible: false,
+      form: {
+        
+          serve_hospital_id: '',
+        
+          name: '',
+        
+      },
+      rules: {
+          
+          serve_hospital_id: [
+              
+          {
+            required: true,
+            message: '服务医院'+'必填'
+          },
+              
+        ],
+          
+          name: [
+              
+          {
+            required: true,
+            message: '科室名称'+'必填'
+          },
+              
+        ],
+          
+      },
+    }
+  },
+  watch: {
+    isShow(newVal) {
+      this.visible = newVal
+    },
+    visible(newVal) {
+      this.$emit('update:isShow', newVal)
+    },
+  },
+  methods: {
+    uploadBefore(file) {
+      if (file.size > uploadSize) {
+        this.$message({
+          type: "warning",
+          message: `上传图片大小超过${formatFileSize(uploadSize)}！`,
+        });
+        return false;
+      }
+      window.$_uploading = true
+    },
+    uploadSuccess(response, file, fileList, fieldName) {
+      window.$_uploading = false
+      fileList.forEach((file) => {
+        if (file.response?.data && !file.response?.code) {
+          file.response = file.response.data;
+        }
+      });
+      this.form[fieldName] = fileList
+    },
+    uploadRemove(file, fileList, fieldName) {
+      this.form[fieldName] = fileList
+    },
+    uploadError(err, file, fileList, fieldName) {
+      window.$_uploading = false
+      this.form[fieldName] = fileList
+      this.$message({
+        type: "warning",
+        message: err,
+      });
+    },
+    formatFileSize,
+    getToken,
+    handleClose(done) {
+      this.$confirm('确定关闭窗口？')
+        .then(_ => {
+          done();
+        })
+        .catch(_ => {});
+    },
+
+    reset() {
+      this.form = {
+          
+          serve_hospital_id: '',
+          
+          name: '',
+          
+      }
+      this.$refs['elForm'].resetFields()
+    },
+    submit() {
+      if (window.$_uploading) {
+        this.$message.warning("文件正在上传中")
+        return
+      }
+      
+      this.$refs['elForm'].validate(async valid => {
+        if (valid) {
+          this.loading = true
+          try {
+            await save(this.form)
+            this.$message.success('新增成功')
+            this.$emit('refresh')
+            this.$emit('update:isShow', false)
+            this.loading = false
+            this.reset()
+          } catch (err) {
+            this.loading = false
+          }
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.span2 {
+  grid-column: span 2;
+}
+::v-deep .el-form-item > * {
+  max-width: 100%;
+}
+.form-layout {
+  display: grid;
+  grid-gap: 2%;
+  grid-template-columns: repeat(2, 1fr);
+}
+.drawer-container {
+  height: 100%;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+
+  &__form {
+    flex: 1;
+    overflow-y: scroll;
+  }
+  &__footer {
+    margin-top: 20px;
+    display: flex;
+  }
+}
+</style>
diff --git a/src/views/ServeHospitalDepartment/components/ShowServeHospitalDepartment.vue b/src/views/ServeHospitalDepartment/components/ShowServeHospitalDepartment.vue
new file mode 100644
index 0000000..8c3cd93
--- /dev/null
+++ b/src/views/ServeHospitalDepartment/components/ShowServeHospitalDepartment.vue
@@ -0,0 +1,103 @@
+
+<template>
+    <div>
+        <el-drawer
+                :title="$route.meta.title"
+                direction="rtl"
+                size="68%"
+                :visible.sync="visible"
+                append-to-body
+                @close="$emit('update:isShow',false)">
+            <section class="drawer-container">
+                <el-descriptions class="drawer-container__desc" size="small" border ref="elDesc" :column="2" direction="vertical" :labelStyle="{ 'font-weight': '500', 'font-size': '15px' }">
+                    
+                    <el-descriptions-item label="服务医院">
+                        {{ serveHospital.find(i => i['id'] === form['serve_hospital_id']) ? serveHospital.find(i => i['id'] === form['serve_hospital_id'])['name'] : '' }}
+                    </el-descriptions-item>
+                    
+                    <el-descriptions-item label="科室名称">
+                        {{ form['name'] }}
+                    </el-descriptions-item>
+                    
+                </el-descriptions>
+            </section>
+        </el-drawer>
+    </div>
+</template>
+
+<script>
+  import { show } from "@/api/serve-hospital-department/serve-hospital-department";
+
+  export default {
+    name: "ServeHospitalDepartmentShow",
+    props: {
+      isShow: {
+        type: Boolean,
+        default: false,
+        required: true
+      },
+  
+  serveHospital : {
+    type: Array,
+  default: () => []
+  },
+  
+  },
+  data() {
+    return {
+      loading: false,
+      visible: false,
+      form: {
+      
+      serve_hospital_id: '',
+      
+      name: '',
+      
+  },
+  }
+  },
+  watch: {
+    isShow(newVal) {
+      this.visible = newVal
+    },
+    visible(newVal) {
+      this.$emit('update:isShow', newVal)
+    },
+  },
+  methods: {
+    async getDetail(id) {
+      try {
+        const detail = await show({
+          id
+        })
+        for (let key in this.form) {
+          if (detail.hasOwnProperty(key)) {
+            this.form[key] = detail[key]
+          }
+        }
+      } catch (err) {
+        console.error(err)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .span2 {
+    grid-column: span 2;
+  }
+  ::v-deep .el-form-item > * {
+    max-width: 100%;
+  }
+  .drawer-container {
+    height: 100%;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+
+    & > * {
+      flex: 1;
+    }
+  }
+</style>
diff --git a/src/views/ServeHospitalForm/ServeHospitalForm.vue b/src/views/ServeHospitalForm/ServeHospitalForm.vue
new file mode 100644
index 0000000..48f6a8a
--- /dev/null
+++ b/src/views/ServeHospitalForm/ServeHospitalForm.vue
@@ -0,0 +1,574 @@
+<template>
+  <div>
+    <el-card shadow="never" style="margin-top: 20px;">
+      <template #header>
+        <slot name="header">
+          <vxe-toolbar :print="isHasAuth('print')" custom ref="toolbar">
+            <template #toolSuffix>
+              <vxe-button style="margin-right: 10px;" v-if="isHasAuth('export')" icon="vxe-icon-download" circle
+                @click="exportMethod"></vxe-button>
+            </template>
+            <template #buttons>
+              <el-button v-if="isHasAuth('create')" icon="el-icon-plus" type="primary" size="small"
+                @click="isShowAdd = true">新增</el-button>
+              <el-button v-if="isHasAuth('search')" icon="el-icon-search" type="primary" plain size="small"
+                @click="getList">搜索</el-button>
+            </template>
+          </vxe-toolbar>
+        </slot>
+      </template>
+
+      <vxe-table ref="table" stripe style="margin-top: 10px" :loading="loading" :height="tableHeight" keep-source
+        show-overflow :menu-config="{
+                      className: 'my-menus',
+                      body: {
+                        options: [
+                          [
+                            { code: 'copy', name: '复制', prefixConfig: { icon: 'vxe-icon-copy' }, suffixConfig: { content: 'Ctrl+C' } },
+                            { code: 'remove', name: '删除', prefixConfig: { icon: 'vxe-icon-delete-fill', className: 'color-red' } }
+                          ],
+                        ]
+                      }
+                    }" @menu-click="contextMenuClickEvent" :row-config="{ isCurrent: true, isHover: true }"
+        :column-config="{ resizable: true }" :export-config="{}" :edit-rules="validRules" :edit-config="{
+          trigger: 'manual',
+          mode: 'row',
+          showStatus: true,
+          isHover: true,
+          autoClear: false,
+        }" :align="allAlign" :data="tableData">
+        <vxe-column type="checkbox" width="50" align="center" />
+        <vxe-column type="seq" width="58" align="center" />
+
+
+
+
+        <vxe-column align="center" field="serve_hospital_id" width="180" title="咨询医院"
+          :edit-render="{ name: 'VxeSelect', events:{change:changeHospital}, options: serveHospital, props: { multiple: false }, optionProps: { value: 'id', label: 'name' } }" />
+
+
+
+
+        <vxe-column align="center" field="serve_hospital_department_id" width="180" title="咨询科室"
+          :edit-render="{ name: 'VxeSelect', options: serveHospitalDepartmentList, props: { multiple: false }, optionProps: { value: 'id', label: 'name' } }" />
+
+
+
+
+        <vxe-column header-align="center" field="name" width="160" title="姓名"
+          :edit-render="{ name: 'input', attrs: { type: 'text' } }" />
+
+
+
+
+        <vxe-column align="center" field="sex" width="180" title="性别"
+          :edit-render="{ name: 'VxeSelect', options: [{'value':'男','label':'男'},{'value':'女','label':'女'}], props: { multiple: false }, optionProps: { value: 'value', label: 'label' } }" />
+
+
+
+
+        <vxe-column align="center" field="birthday" width="180" title="生日" :edit-render="{}">
+          <template #edit="{ row }">
+            <el-date-picker v-model="row['birthday']" style="width: 100%;" size="small" type="date"
+              value-format="yyyy-MM-dd"></el-date-picker>
+          </template>
+        </vxe-column>
+
+
+
+
+        <vxe-column header-align="center" field="city" width="160" title="城市"
+          :edit-render="{ name: 'input', attrs: { type: 'text' } }" />
+
+
+
+
+        <vxe-column align="center" field="relationship" width="180" title="患者关系"
+          :edit-render="{ name: 'VxeSelect', options: [{'label':'本人','value':'本人'},{'label':'家庭成员','value':'家庭成员'},{'label':'亲戚朋友','value':'亲戚朋友'},{'label':'其他','value':'其他'}], props: { multiple: false }, optionProps: { value: 'value', label: 'label' } }" />
+
+
+
+
+        <vxe-column header-align="center" field="mobile" width="160" title="手机号码"
+          :edit-render="{ name: 'input', attrs: { type: 'text' } }" />
+
+
+
+
+        <vxe-column align="center" field="type" width="180" title="咨询类别"
+          :edit-render="{ name: 'VxeSelect', options: [{'label':'专家咨询','value':'专家咨询'},{'label':'普通咨询','value':'普通咨询'}], props: { multiple: false }, optionProps: { value: 'value', label: 'label' } }" />
+
+
+
+
+        <vxe-column header-align="center" field="content" width="160" title="内容"
+          :edit-render="{ name: 'input', attrs: { type: 'text' } }" />
+
+        <vxe-column field="operate" header-align="center" title="操作" min-width="220" fixed="right">
+          <template #default="{ row }">
+            <template v-if="isActiveStatus(row)">
+              <el-button size="small" type="primary" @click="saveRowEvent(row)">保存</el-button>
+              <el-button size="small" type="primary" plain @click="cancelRowEvent(row)">取消</el-button>
+            </template>
+            <template v-else>
+              <el-button v-if="isHasAuth('detail')" size="small" type="primary" plain
+                @click="detail(row)">查看</el-button>
+              <el-button v-if="isHasAuth('edit')" size="small" type="warning" @click="editRowEvent(row)">编辑</el-button>
+              <el-button v-if="isHasAuth('delete')" size="small" type="danger"
+                @click="destroyRowEvent(row)">删除</el-button>
+            </template>
+          </template>
+        </vxe-column>
+      </vxe-table>
+
+
+      <el-pagination style="margin-top: 10px;display: flex;justify-content: flex-end;" :current-page.sync="select.page"
+        :page-sizes="[20, 30, 40, 50]" :page-size.sync="select.page_size"
+        layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="
+          (e) => {
+            select.page_size = e;
+            select.page = 1;
+            getList();
+          }
+        " @current-change="
+          (e) => {
+            select.page = e;
+            getList();
+          }
+        " />
+
+    </el-card>
+
+    <AddServeHospitalForm ref="AddServeHospitalForm" :serve-hospital="serveHospital"
+      :serve-hospital-department="serveHospitalDepartment" :is-show.sync="isShowAdd" @refresh="getList" />
+    <ShowServeHospitalForm ref="ShowServeHospitalForm" :serve-hospital="serveHospital"
+      :serve-hospital-department="serveHospitalDepartment" :is-show.sync="isShowDetail" />
+
+  </div>
+</template>
+
+<script>
+  import VxeUI from "vxe-pc-ui";
+
+  import {
+    authMixin
+  } from "@/mixin/authMixin"
+  import {
+    uploadSize
+  } from "@/settings";
+  import {
+    deepCopy
+  } from "@/utils";
+  import {
+    download
+  } from "@/utils/downloadRequest";
+  import {
+    destroy,
+    index,
+    save
+  } from "@/api/serve-hospital-form/serve-hospital-form";
+  import AddServeHospitalForm from "./components/AddServeHospitalForm.vue";
+  import ShowServeHospitalForm from "./components/ShowServeHospitalForm.vue";
+  import axios from "axios";
+  import {
+    getToken
+  } from "@/utils/auth";
+
+  import {
+    index as serveHospitalIndex
+  } from '@/api/serve-hospital/serve-hospital';
+
+  import {
+    index as serveHospitalDepartmentIndex
+  } from '@/api/serve-hospital-department/serve-hospital-department';
+
+  export default {
+    name: "ServeHospitalForm",
+    mixins: [authMixin],
+    components: {
+
+      AddServeHospitalForm,
+      ShowServeHospitalForm,
+    },
+    data() {
+      return {
+        uploadSize,
+        examineKey: 0,
+        isShowAdd: false,
+        isShowDetail: false,
+
+        loading: false,
+        tableHeight: 400,
+        select: {
+          page: 1,
+          page_size: 20,
+          keyword: '',
+          show_relation: [],
+
+        },
+        total: 0,
+        allAlign: null,
+        tableData: [],
+        serveHospitalDepartmentList:[],
+        form: {
+          id: '',
+
+          serve_hospital_id: '',
+
+          serve_hospital_department_id: '',
+
+          name: '',
+
+          sex: '',
+
+          birthday: '',
+
+          city: '',
+
+          relationship: '',
+
+          mobile: '',
+
+          type: '',
+
+          content: '',
+
+        },
+        validRules: {
+
+          serve_hospital_id: [
+
+            {
+              required: true,
+              message: '咨询医院' + '必填'
+            },
+
+          ],
+
+          serve_hospital_department_id: [
+
+            {
+              required: true,
+              message: '咨询科室' + '必填'
+            },
+
+          ],
+
+          name: [
+
+            {
+              required: true,
+              message: '姓名' + '必填'
+            },
+
+          ],
+
+          sex: [
+
+            {
+              required: true,
+              message: '性别' + '必填'
+            },
+
+          ],
+
+          birthday: [
+
+            {
+              required: true,
+              message: '生日' + '必填'
+            },
+
+          ],
+
+          city: [
+
+            {
+              required: true,
+              message: '城市' + '必填'
+            },
+
+          ],
+
+          relationship: [
+
+            {
+              required: true,
+              message: '患者关系' + '必填'
+            },
+
+          ],
+
+          mobile: [
+
+            {
+              required: true,
+              message: '手机号码' + '必填'
+            },
+
+            {
+              pattern: /(^$)|(^1[3456789]\d{9})|(^(0\d{2,3}(-)*)?\d{7})$/,
+              message: '手机号码' + '验证失败'
+            },
+
+          ],
+
+          type: [
+
+            {
+              required: true,
+              message: '咨询类别' + '必填'
+            },
+
+          ],
+
+        },
+
+
+        serveHospital: [],
+
+        serveHospitalDepartment: [],
+
+      };
+    },
+    computed: {
+      isActiveStatus() {
+        return function(row) {
+          if (this.$refs["table"]) {
+            return this.$refs["table"].isEditByRow(row);
+          }
+        };
+      },
+      isHasAuth() {
+        return function(auth) {
+          return this.auths_auth_mixin.indexOf(auth) !== -1
+        }
+      }
+    },
+    created() {
+
+      this.getServeHospital()
+
+      this.getServeHospitalDepartment()
+
+      this.getList();
+    },
+    mounted() {
+      this.bindToolbar()
+      this.calcTableHeight()
+    },
+    methods: {
+      changeHospital(e){
+        console.log("123",e)
+        this.serveHospitalDepartmentList = this.serveHospitalDepartment.filter(item=>item.serve_hospital_id==e.row.serve_hospital_id)
+      },
+      exportMethod() {
+        this.$confirm("请选择导出方式", "提示", {
+          confirmButtonText: "全量导出",
+          cancelButtonText: "部分导出",
+          distinguishCancelAndClose: true
+        }).then(_ => {
+          download('/api/admin/school/index', 'get', {
+            ...this.select,
+            page: 1,
+            page_size: 9999,
+            is_export: 1,
+            export_fields: Object.keys(this.form)
+          })
+        }).catch(action => {
+          if (action === 'cancel' && this.$refs['table']) {
+            this.$refs['table'].openExport()
+          }
+        });
+      },
+      calcTableHeight() {
+        let clientHeight = document.documentElement.clientHeight;
+        let cardTitle = document.querySelector(".el-card__header")?.getBoundingClientRect()?.height;
+        let search = document.querySelector(".vxe-toolbar")?.getBoundingClientRect()?.height;
+        let paginationHeight = (document.querySelector(".el-pagination")?.getBoundingClientRect()?.height ?? 0) +
+        10; //分页的高度
+        let topHeight = 50; //页面 头部
+        let padding = 80;
+        let margin = 20;
+        this.tableHeight =
+          clientHeight - cardTitle - search - paginationHeight - topHeight - padding - margin;
+      },
+      contextMenuClickEvent({
+        menu,
+        row,
+        column
+      }) {
+        switch (menu.code) {
+          case 'copy':
+            // 示例
+            if (row && column) {
+              if (VxeUI.clipboard.copy(row[column.field])) {
+                this.$message.success('已复制到剪贴板！')
+              }
+            }
+            break
+          case 'remove':
+            if (row && column) {
+              this.destroyRowEvent(row)
+            }
+          default:
+        }
+      },
+      async detail(row) {
+        await this.$refs["ShowServeHospitalForm"].getDetail(row.id)
+        this.isShowDetail = true
+      },
+
+
+      async getServeHospital() {
+        try {
+          const res = await serveHospitalIndex({
+            page: 1,
+            page_size: 999,
+
+          }, false)
+          this.serveHospital = res.data
+        } catch (err) {
+          console.error(err)
+        }
+      },
+
+      async getServeHospitalDepartment() {
+        try {
+          const res = await serveHospitalDepartmentIndex({
+            page: 1,
+            page_size: 999,
+
+          }, false)
+          this.serveHospitalDepartment = res.data
+          this.serveHospitalDepartmentList = this.serveHospitalDepartment
+        } catch (err) {
+          console.error(err)
+        }
+      },
+
+
+      uploadMethod(file) {
+        const formData = new FormData()
+        formData.append('file', file)
+        window.$_uploading = true
+        return axios.post(process.env.VUE_APP_UPLOAD_API, formData, {
+          headers: {
+            Authorization: `Bearer ${getToken()}`,
+          }
+        }).then((response) => {
+          window.$_uploading = false
+          if (response.status === 200 && !response.data.code) {
+            return {
+              response: response.data,
+              name: response.data.original_name,
+              url: response.data.url
+            }
+          } else {
+            this.$message.error("上传失败")
+          }
+        }).catch(_ => {
+          window.$_uploading = false
+        })
+      },
+      bindToolbar() {
+        this.$nextTick(() => {
+          if (this.$refs["table"] && this.$refs["toolbar"]) {
+            this.$refs["table"].connect(this.$refs["toolbar"]);
+          }
+        });
+      },
+
+      editRowEvent(row) {
+        if (this.$refs["table"]) {
+          this.$refs["table"].setEditRow(row);
+        }
+      },
+      cancelRowEvent(row) {
+        if (this.$refs["table"]) {
+          this.$refs["table"].clearEdit().then(() => {
+            // 还原行数据
+            this.$refs["table"].revertData(row);
+          });
+        }
+      },
+
+      async getList() {
+        this.loading = true;
+        try {
+          const res = await index(this.select, false);
+          this.tableData = res.data;
+          this.total = res.total;
+          this.loading = false;
+        } catch (err) {
+          console.error(err);
+          this.loading = false;
+        }
+      },
+
+      async saveRowEvent(row) {
+        if (window.$_uploading) {
+          this.$message.warning("文件正在上传中")
+          return
+        }
+        try {
+          const errMap = await this.$refs["table"].validate();
+          if (errMap) {
+            throw new Error(errMap);
+          }
+          await this.$confirm("确认保存？", "提示", {
+            confirmButtonText: "确认",
+            cancelButtonText: "取消",
+          });
+          await this.$refs["table"].clearEdit();
+          let form = deepCopy(this.form);
+          for (const key in form) {
+            form[key] = row[key];
+          }
+
+          this.loading = true;
+          await save(form, false);
+          await this.getList();
+          this.loading = false;
+        } catch (err) {
+          this.loading = false;
+        }
+      },
+      async destroyRowEvent(row) {
+        try {
+          await this.$confirm("确认删除？", "提示", {
+            confirmButtonText: "确认",
+            cancelButtonText: "取消",
+          });
+          this.loading = true;
+          if (row.id) {
+            await destroy({
+              id: row.id,
+            }, false);
+            await this.getList();
+          } else {
+            console.log(row);
+            this.tableData.splice(
+              this.tableData.findIndex((i) => i._X_ROW_KEY === row._X_ROW_KEY),
+              1
+            );
+          }
+          this.loading = false;
+        } catch (err) {
+          this.loading = false;
+        }
+      },
+
+    },
+  };
+</script>
+
+<style scoped lang="scss">
+  ::v-deep .el-card__header {
+    padding: 6px 20px;
+  }
+
+  ::v-deep .el-tag+.el-tag {
+    margin-left: 4px;
+  }
+</style>
diff --git a/src/views/ServeHospitalForm/components/AddServeHospitalForm.vue b/src/views/ServeHospitalForm/components/AddServeHospitalForm.vue
new file mode 100644
index 0000000..fdd7297
--- /dev/null
+++ b/src/views/ServeHospitalForm/components/AddServeHospitalForm.vue
@@ -0,0 +1,382 @@
+<template>
+  <div>
+    <el-drawer :title="$route.meta.title" direction="rtl" size="68%" :visible.sync="visible" append-to-body
+      :before-close="handleClose" @close="$emit('update:isShow',false)">
+      <section class="drawer-container">
+        <el-form class="drawer-container__form" ref="elForm" :model="form" :rules="rules" label-position="top"
+          label-width="120px" size="small">
+          <div class="form-layout">
+
+            <el-form-item label="咨询医院" prop="serve_hospital_id" clearable>
+              <el-select @change="changeHospital" v-model="form['serve_hospital_id']" clearable placeholder="请填写咨询医院" style="width: 100%;">
+                <el-option v-for="(option, optionIndex) in serveHospital" :key="optionIndex" :label="option['name']"
+                  :value="option['id']"></el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="咨询科室" prop="serve_hospital_department_id" clearable>
+              <el-select v-model="form['serve_hospital_department_id']" clearable placeholder="请填写咨询科室"
+                style="width: 100%;">
+                <el-option v-for="(option, optionIndex) in serveHospitalDepartmentList" :key="optionIndex"
+                  :label="option['name']" :value="option['id']"></el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="姓名" prop="name">
+              <el-input v-model="form['name']" clearable placeholder="请填写姓名" style="width: 100%;"></el-input>
+            </el-form-item>
+
+            <el-form-item label="性别" prop="sex" clearable>
+              <el-select v-model="form['sex']" clearable placeholder="请填写性别" style="width: 100%;">
+                <el-option v-for="(option, optionIndex) in [{'value':'男','label':'男'},{'value':'女','label':'女'}]"
+                  :key="optionIndex" :label="option['label']" :value="option['value']"></el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="生日" prop="birthday" clearable>
+              <el-date-picker v-model="form['birthday']" clearable placeholder="请填写生日" type="date"
+                value-format="yyyy-MM-dd" style="width: 100%;"></el-date-picker>
+            </el-form-item>
+
+            <el-form-item label="城市" prop="city">
+              <el-input v-model="form['city']" clearable placeholder="请填写城市" style="width: 100%;"></el-input>
+            </el-form-item>
+
+            <el-form-item label="患者关系" prop="relationship" clearable>
+              <el-select v-model="form['relationship']" clearable placeholder="请填写患者关系" style="width: 100%;">
+                <el-option
+                  v-for="(option, optionIndex) in [{'label':'本人','value':'本人'},{'label':'家庭成员','value':'家庭成员'},{'label':'亲戚朋友','value':'亲戚朋友'},{'label':'其他','value':'其他'}]"
+                  :key="optionIndex" :label="option['label']" :value="option['value']"></el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="手机号码" prop="mobile">
+              <el-input v-model="form['mobile']" clearable placeholder="请填写手机号码" style="width: 100%;"></el-input>
+            </el-form-item>
+
+            <el-form-item label="咨询类别" prop="type" clearable>
+              <el-select v-model="form['type']" clearable placeholder="请填写咨询类别" style="width: 100%;">
+                <el-option
+                  v-for="(option, optionIndex) in [{'label':'专家咨询','value':'专家咨询'},{'label':'普通咨询','value':'普通咨询'}]"
+                  :key="optionIndex" :label="option['label']" :value="option['value']"></el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item label="内容" prop="content">
+              <el-input v-model="form['content']" clearable placeholder="请填写内容" type="textarea"
+                :autosize="{ minRows: 2 }" style="width: 100%;"></el-input>
+            </el-form-item>
+
+          </div>
+        </el-form>
+
+        <div class="drawer-container__footer">
+          <el-button @click="reset">重 置</el-button>
+          <el-button type="primary" @click="submit" :loading="loading">{{ loading ? '提交中 ...' : '确 定' }}</el-button>
+        </div>
+      </section>
+    </el-drawer>
+  </div>
+</template>
+
+<script>
+  import {
+    save,
+    show
+  } from "@/api/serve-hospital-form/serve-hospital-form";
+  import axios from "axios";
+  import {
+    getToken
+  } from "@/utils/auth";
+  import {
+    uploadSize
+  } from "@/settings";
+  import {
+    formatFileSize
+  } from "@/utils";
+
+  export default {
+    name: "ServeHospitalFormDrawer",
+    props: {
+      isShow: {
+        type: Boolean,
+        default: false,
+        required: true
+      },
+
+      serveHospital: {
+        type: Array,
+        default: () => []
+      },
+
+      serveHospitalDepartment: {
+        type: Array,
+        default: () => []
+      },
+
+    },
+    data() {
+      return {
+        uploadSize,
+        action: process.env.VUE_APP_UPLOAD_API,
+        loading: false,
+        visible: false,
+        serveHospitalDepartmentList:[],
+        form: {
+
+          serve_hospital_id: '',
+
+          serve_hospital_department_id: '',
+
+          name: '',
+
+          sex: '',
+
+          birthday: '',
+
+          city: '',
+
+          relationship: '',
+
+          mobile: '',
+
+          type: '',
+
+          content: '',
+
+        },
+        rules: {
+
+          serve_hospital_id: [
+
+            {
+              required: true,
+              message: '咨询医院' + '必填'
+            },
+
+          ],
+
+          serve_hospital_department_id: [
+
+            {
+              required: true,
+              message: '咨询科室' + '必填'
+            },
+
+          ],
+
+          name: [
+
+            {
+              required: true,
+              message: '姓名' + '必填'
+            },
+
+          ],
+
+          sex: [
+
+            {
+              required: true,
+              message: '性别' + '必填'
+            },
+
+          ],
+
+          birthday: [
+
+            {
+              required: true,
+              message: '生日' + '必填'
+            },
+
+          ],
+
+          city: [
+
+            {
+              required: true,
+              message: '城市' + '必填'
+            },
+
+          ],
+
+          relationship: [
+
+            {
+              required: true,
+              message: '患者关系' + '必填'
+            },
+
+          ],
+
+          mobile: [
+
+            {
+              required: true,
+              message: '手机号码' + '必填'
+            },
+
+            {
+              validator: (rule, value, callback) => {
+                if (/(^$)|(^1[3456789]\d{9})|(^(0\d{2,3}(-)*)?\d{7})$/.test(value)) {
+                  callback()
+                } else {
+                  callback(new Error('手机号码' + '验证失败'))
+                }
+              },
+              message: '手机号码' + '验证失败'
+            },
+
+          ],
+
+          type: [
+
+            {
+              required: true,
+              message: '咨询类别' + '必填'
+            },
+
+          ],
+
+        },
+      }
+    },
+    watch: {
+      isShow(newVal) {
+        this.visible = newVal
+      },
+      visible(newVal) {
+        this.$emit('update:isShow', newVal)
+      },
+    },
+    methods: {
+      changeHospital(e){
+        console.log(e)
+
+        this.serveHospitalDepartmentList = this.serveHospitalDepartment.filter(item=>item.serve_hospital_id==e)
+      },
+      uploadBefore(file) {
+        if (file.size > uploadSize) {
+          this.$message({
+            type: "warning",
+            message: `上传图片大小超过${formatFileSize(uploadSize)}！`,
+          });
+          return false;
+        }
+        window.$_uploading = true
+      },
+      uploadSuccess(response, file, fileList, fieldName) {
+        window.$_uploading = false
+        fileList.forEach((file) => {
+          if (file.response?.data && !file.response?.code) {
+            file.response = file.response.data;
+          }
+        });
+        this.form[fieldName] = fileList
+      },
+      uploadRemove(file, fileList, fieldName) {
+        this.form[fieldName] = fileList
+      },
+      uploadError(err, file, fileList, fieldName) {
+        window.$_uploading = false
+        this.form[fieldName] = fileList
+        this.$message({
+          type: "warning",
+          message: err,
+        });
+      },
+      formatFileSize,
+      getToken,
+      handleClose(done) {
+        this.$confirm('确定关闭窗口？')
+          .then(_ => {
+            done();
+          })
+          .catch(_ => {});
+      },
+
+      reset() {
+        this.form = {
+
+          serve_hospital_id: '',
+
+          serve_hospital_department_id: '',
+
+          name: '',
+
+          sex: '',
+
+          birthday: '',
+
+          city: '',
+
+          relationship: '',
+
+          mobile: '',
+
+          type: '',
+
+          content: '',
+
+        }
+        this.$refs['elForm'].resetFields()
+      },
+      submit() {
+        if (window.$_uploading) {
+          this.$message.warning("文件正在上传中")
+          return
+        }
+
+        this.$refs['elForm'].validate(async valid => {
+          if (valid) {
+            this.loading = true
+            try {
+              await save(this.form)
+              this.$message.success('新增成功')
+              this.$emit('refresh')
+              this.$emit('update:isShow', false)
+              this.loading = false
+              this.reset()
+            } catch (err) {
+              this.loading = false
+            }
+          }
+        })
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .span2 {
+    grid-column: span 2;
+  }
+
+  ::v-deep .el-form-item>* {
+    max-width: 100%;
+  }
+
+  .form-layout {
+    display: grid;
+    grid-gap: 2%;
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .drawer-container {
+    height: 100%;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+
+    &__form {
+      flex: 1;
+      overflow-y: scroll;
+    }
+
+    &__footer {
+      margin-top: 20px;
+      display: flex;
+    }
+  }
+</style>
diff --git a/src/views/ServeHospitalForm/components/ShowServeHospitalForm.vue b/src/views/ServeHospitalForm/components/ShowServeHospitalForm.vue
new file mode 100644
index 0000000..a0d9354
--- /dev/null
+++ b/src/views/ServeHospitalForm/components/ShowServeHospitalForm.vue
@@ -0,0 +1,156 @@
+
+<template>
+    <div>
+        <el-drawer
+                :title="$route.meta.title"
+                direction="rtl"
+                size="68%"
+                :visible.sync="visible"
+                append-to-body
+                @close="$emit('update:isShow',false)">
+            <section class="drawer-container">
+                <el-descriptions class="drawer-container__desc" size="small" border ref="elDesc" :column="2" direction="vertical" :labelStyle="{ 'font-weight': '500', 'font-size': '15px' }">
+                    
+                    <el-descriptions-item label="咨询医院">
+                        {{ serveHospital.find(i => i['id'] === form['serve_hospital_id']) ? serveHospital.find(i => i['id'] === form['serve_hospital_id'])['name'] : '' }}
+                    </el-descriptions-item>
+                    
+                    <el-descriptions-item label="咨询科室">
+                        {{ serveHospitalDepartment.find(i => i['id'] === form['serve_hospital_department_id']) ? serveHospitalDepartment.find(i => i['id'] === form['serve_hospital_department_id'])['name'] : '' }}
+                    </el-descriptions-item>
+                    
+                    <el-descriptions-item label="姓名">
+                        {{ form['name'] }}
+                    </el-descriptions-item>
+                    
+                    <el-descriptions-item label="性别">
+                        {{ [{'value':'男','label':'男'},{'value':'女','label':'女'}].find(i => i['value'] === form['sex']) ? [{'value':'男','label':'男'},{'value':'女','label':'女'}].find(i => i['value'] === form['sex'])['label'] : '' }}
+                    </el-descriptions-item>
+                    
+                    <el-descriptions-item label="生日">
+                        {{ form['birthday'] }}
+                    </el-descriptions-item>
+                    
+                    <el-descriptions-item label="城市">
+                        {{ form['city'] }}
+                    </el-descriptions-item>
+                    
+                    <el-descriptions-item label="患者关系">
+                        {{ [{'label':'本人','value':'本人'},{'label':'家庭成员','value':'家庭成员'},{'label':'亲戚朋友','value':'亲戚朋友'},{'label':'其他','value':'其他'}].find(i => i['value'] === form['relationship']) ? [{'label':'本人','value':'本人'},{'label':'家庭成员','value':'家庭成员'},{'label':'亲戚朋友','value':'亲戚朋友'},{'label':'其他','value':'其他'}].find(i => i['value'] === form['relationship'])['label'] : '' }}
+                    </el-descriptions-item>
+                    
+                    <el-descriptions-item label="手机号码">
+                        {{ form['mobile'] }}
+                    </el-descriptions-item>
+                    
+                    <el-descriptions-item label="咨询类别">
+                        {{ [{'label':'专家咨询','value':'专家咨询'},{'label':'普通咨询','value':'普通咨询'}].find(i => i['value'] === form['type']) ? [{'label':'专家咨询','value':'专家咨询'},{'label':'普通咨询','value':'普通咨询'}].find(i => i['value'] === form['type'])['label'] : '' }}
+                    </el-descriptions-item>
+                    
+                    <el-descriptions-item label="内容" span="2">
+                        <div v-html="form['content']"></div>
+                    </el-descriptions-item>
+                    
+                </el-descriptions>
+            </section>
+        </el-drawer>
+    </div>
+</template>
+
+<script>
+  import { show } from "@/api/serve-hospital-form/serve-hospital-form";
+
+  export default {
+    name: "ServeHospitalFormShow",
+    props: {
+      isShow: {
+        type: Boolean,
+        default: false,
+        required: true
+      },
+  
+  serveHospital : {
+    type: Array,
+  default: () => []
+  },
+  
+  serveHospitalDepartment : {
+    type: Array,
+  default: () => []
+  },
+  
+  },
+  data() {
+    return {
+      loading: false,
+      visible: false,
+      form: {
+      
+      serve_hospital_id: '',
+      
+      serve_hospital_department_id: '',
+      
+      name: '',
+      
+      sex: '',
+      
+      birthday: '',
+      
+      city: '',
+      
+      relationship: '',
+      
+      mobile: '',
+      
+      type: '',
+      
+      content: '',
+      
+  },
+  }
+  },
+  watch: {
+    isShow(newVal) {
+      this.visible = newVal
+    },
+    visible(newVal) {
+      this.$emit('update:isShow', newVal)
+    },
+  },
+  methods: {
+    async getDetail(id) {
+      try {
+        const detail = await show({
+          id
+        })
+        for (let key in this.form) {
+          if (detail.hasOwnProperty(key)) {
+            this.form[key] = detail[key]
+          }
+        }
+      } catch (err) {
+        console.error(err)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .span2 {
+    grid-column: span 2;
+  }
+  ::v-deep .el-form-item > * {
+    max-width: 100%;
+  }
+  .drawer-container {
+    height: 100%;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+
+    & > * {
+      flex: 1;
+    }
+  }
+</style>