From 5c10666e99d1e17f8af4c3306f9325ece0f9edf9 Mon Sep 17 00:00:00 2001
From: aa201520 <2022146977@qq.com>
Date: Tue, 19 Jul 2022 16:27:31 +0800
Subject: [PATCH] 123

---
 .../src/views/Hospital_20220719162611.vue     | 426 ++++++++++++++++++
 .../src/views/Hospital_20220719162612.vue     | 426 ++++++++++++++++++
 .../src/views/Hospital_20220719162613.vue     | 426 ++++++++++++++++++
 src/views/Hospital.vue                        |  18 +-
 4 files changed, 1287 insertions(+), 9 deletions(-)
 create mode 100644 .history/src/views/Hospital_20220719162611.vue
 create mode 100644 .history/src/views/Hospital_20220719162612.vue
 create mode 100644 .history/src/views/Hospital_20220719162613.vue

diff --git a/.history/src/views/Hospital_20220719162611.vue b/.history/src/views/Hospital_20220719162611.vue
new file mode 100644
index 0000000..08a3121
--- /dev/null
+++ b/.history/src/views/Hospital_20220719162611.vue
@@ -0,0 +1,426 @@
+<template>
+    <div class="fever-Wrapper">
+		<div class="fever-container">
+			<div class="container-title"><h1>药店管理</h1></div>
+			<div class="fever-form-box">
+				<div class="fever-form-top">
+					<span>药店数据</span>
+				</div>
+				<el-button class="btn1" type="primary"  @click="handleAdd">
+                  新增
+                </el-button>
+				<div class="fever-form-section">
+					<div class="fever-section-search">
+						<div class="page-view-box">
+							<div class="title-page">每页显示:</div>
+							<el-select
+								v-model="searchData.pageSize"
+								size="small"
+								class="m-2"
+								placeholder="全部"
+							>
+								<el-option
+									v-for="item in pageOption"
+									:key="item.id"
+									:label="item.value"
+									:value="item.value"
+								/> </el-select
+							><span>条</span>
+						</div>
+						<!-- 搜索关键字 -->
+						<div class="search-box">
+							<span class="search-title">查询关键词:</span>
+							<el-input
+								class="m-3"
+								v-model="searchData.Key"
+								placeholder="请输入关键字"
+                @blur="handleSearch"
+								clearable
+							/>
+						</div>
+                    </div>
+					<div class="fever-section-info">
+						<!-- 这里面是表格组件 -->
+						<!-- 加入表格 -->
+						<el-table :data="hospitalList" stripe style="width: 100%">
+              <el-table-column prop="id" label="编号" align="center" />
+              <el-table-column prop="country" label="区县" align="center" />
+              <el-table-column prop="indutry" label="企业名称" align="center" />
+              <el-table-column prop="socialCredit" label="社会信⽤代码" align="center" />
+              <el-table-column prop="address" label="注册地址"  align="center"/>
+              <el-table-column prop="headPerson" label="负责⼈" align="center" />
+              <el-table-column prop="tel" label="负责⼈电话" align="center" />
+              <el-table-column prop="identifyId" label="负责⼈身份证" align="center" />
+              <el-table-column class="action" fixed="right" label="操作" align="center" >
+                <template #default="scope">
+                  <el-button 
+                  size="small"
+                  class="btn2" 
+                  @click="handleLook(scope.$index,scope.row)"
+                  >
+                  ⼈员
+                  </el-button>
+                  <el-button 
+                  size="small" 
+                  class="btn2" 
+                  @click="handleEdit(scope.$index,scope.row)"
+                  >
+                  修改
+                  </el-button>
+                  <el-button
+                   size="small"
+                   class="btn2" 
+                   type="danger"
+                   @click="handleDelete(scope.$index,scope.row)"
+                   >
+                   删除
+                   </el-button>
+                </template>
+              </el-table-column>
+						</el-table>
+                        <div class="footer-box">
+						  <span class="footer-title">共{{ total }}条</span>
+						  <el-pagination
+						  	layout="prev, pager, next"
+                @size-change="handleSizeChange"
+						  	@current-change="hanlePageView"
+						  	:total="total"
+						  />
+					    </div>
+					</div>
+                </div>
+            </div>
+
+            <!-- 修改页面 -->
+            <el-dialog v-model="centerDialogVisible" title="药店信息修改" width="40%" center>
+                <el-form
+                    ref="changeFormRef"
+                    label-position="top"
+                    label-width="100px"
+                    :model="changeForm"
+                    style="max-width: 460px"
+                    :rules="rules"
+                >
+                    <el-form-item label="所属区县" prop="country">
+                        <el-select v-model="changeForm.country" clearable placeholder="请选择">
+                            <el-option
+                            v-for="item in areaOptions"
+                            :key="item.id"
+                            :label="item.value"
+                            :value="item.value"
+                            />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="企业名称" prop="indutry">
+                      <el-input v-model="changeForm.indutry" />
+                    </el-form-item>
+                    <el-form-item label="社会信用代码" prop="socialCredit">
+                      <el-input v-model="changeForm.socialCredit" />
+                    </el-form-item>
+                    <el-form-item label="注册地址" prop="address">
+                      <el-input v-model="changeForm.address" />
+                    </el-form-item>
+                    <el-form-item label="负责人" prop="headPerson">
+                      <el-input v-model="changeForm.headPerson" />
+                    </el-form-item>
+                    <el-form-item label="负责人电话" prop="tel">
+                      <el-input v-model="changeForm.tel" />
+                    </el-form-item>
+                    <el-form-item label="负责人身份证" prop="identifyId" >
+                      <el-input v-model="changeForm.identifyId" />
+                    </el-form-item>
+                    <el-form-item label="区县内部排序" prop="sort" >
+                        <el-input-number
+                          v-model="changeForm.sort"
+                          :min="1"
+                          :max="10"
+                          controls-position="right"
+                          size="middle"
+                        />
+                    </el-form-item>
+                      <el-button type="primary" @click="submitChangeForm(changeFormRef)">
+                        提交
+                      </el-button
+      >
+                </el-form>
+            </el-dialog>
+        </div>
+    </div>
+</template>
+<script lang="ts">
+import { useRouter } from 'vue-router'
+import { defineComponent, reactive, toRefs, watch, ref, onMounted } from "vue"
+import type { FormInstance, FormRules } from 'element-plus'
+import { hospital } from "../type/hospital"
+import $http,{ AxiosInstance } from "../http/index"
+import { getTable } from "../http/api"
+import axios from "axios"
+export default defineComponent({
+    setup(){
+        const router = useRouter();
+        const data = reactive(new hospital());
+        const changeFormRef = ref<FormInstance>();
+
+        // 新增
+        const handleAdd = ()=>{
+            console.log("新增")
+        }
+        // 搜索
+        const handleSearch = ()=>{
+           const res = getTable(data.searchData);
+          //  console.log(res,"res")
+          // axios.get('/api/hospital/keys',<any>data.searchData)
+        }
+        // 查看人员
+        const handleLook = (index:number,row:any)=>{
+            router.push("/home/hospital/salesperson")
+        }
+        // 修改
+        const handleEdit = (index:number,row:any)=>{
+            data.centerDialogVisible = true;
+            // data.changeForm=row;
+            // data.changeForm.sort = 9;
+            console.log(data.changeForm,"data.changeForm")
+        }
+        // 删除
+        const handleDelete = (index:number,row:any)=>{
+            console.log("删除")
+        }
+        // 页面改变
+        const hanlePageView = (val:number)=>{
+            // getTable();
+        }
+        // 页面大小改变
+        const handleSizeChange = (val: number) => {
+            // getTable();
+        }
+        // 提交修改
+        const submitChangeForm = async(formEl: FormInstance | undefined)=>{
+            if (!formEl) return
+              await formEl.validate((valid, fields) => {
+                if (valid) {
+                  console.log("123")
+                } else {
+                  console.log('error submit!', fields)
+                }
+        })
+
+        }
+        // 修改规则
+        const rules = reactive<FormRules>({
+          country: [
+            { required: true, message: '请选择所选区县', trigger: 'blur' },
+          ],
+          indutry: [
+            {
+              required: true,
+              message: '企业名称不能为空',
+              trigger: 'blur',
+            },
+          ],
+          socialCredit: [
+            {
+              required: true,
+              message: '社会信用代码不能为空',
+              trigger: 'blur',
+            }
+          ],
+          address: [
+            {
+              required: true,
+              message: '注册地址不能为空',
+              trigger: 'blur',
+            }
+          ],
+          headPerson: [
+            {
+              required: true,
+              message: '负责人不能为空',
+              trigger: 'blur', 
+            }
+          ],
+          tel: [
+            {
+              required: true,
+              message: '负责人联系方式不能为空',
+              trigger: 'blur',
+            }
+          ],
+          identifyId: [
+            {
+              required: true,
+              message: '身份证号不能为空',
+              trigger: 'blur'
+            }
+          ],
+          sort:[
+            {
+              required: true,
+              message: '区县内部排序不能为空',
+              trigger: 'blur'
+            }
+          ]
+        })   
+        return {
+            ...toRefs(data),
+            rules,
+            handleAdd,
+            handleLook,
+            handleEdit,
+            handleDelete,
+            hanlePageView,
+            handleSizeChange,
+            handleSearch
+        }
+
+    }
+})
+</script>
+
+<style scoped lang="scss">
+* {
+	padding: 0;
+	margin: 0;
+	box-sizing: border-box;
+}
+/* 发热门诊总记录 */
+.fever-Wrapper {
+	/* 发热门诊的集中容器 */
+	width: 100%;
+	height: 100%;
+	// background: linear-gradient(
+	// 	120deg,
+	// 	rgba(128, 128, 128, 0.3) 0%,
+	// 	rgba(225, 68, 65, 0.5) 100%
+	// );
+	background: linear-gradient(35deg, #ccffff, #ffcccc);
+	.fever-container {
+		// 装表格跟信息
+		width: 96%;
+		margin: 0 auto;
+		.container-title {
+			width: 100%;
+			height: 60px;
+			display: flex;
+			align-items: center;
+			font-size: 20px;
+		}
+		.fever-form-box {
+			width: 100%;
+			// height: 100%;
+			border-radius: 2px;
+      height: calc(100% - 78px);
+      border: 1px solid rgba(124, 124, 124, 0.2);
+      background: linear-gradient(100deg, #ccffff, #ffcccc);
+			.fever-form-top {
+				width: 100%;
+				height: 50px;
+				border-bottom: 1px solid white;
+				display: flex;
+				span {
+					display: block;
+					margin-left: 18px;
+					line-height: 50px;
+					color: blue;
+				}
+			}
+			.fever-form-section {
+				width: 97%;
+				margin: 0 auto;
+				// border: 1px solid yellow;
+				margin-top: 15px;
+				.fever-section-search {
+					display: flex;
+					align-items: center;
+					// 每页展示
+					.page-view-box {
+						display: flex;
+						align-items: center;
+						.m-2 {
+							width: 90px;
+							margin: 0 5px;
+                            text-align:center!important;
+						}
+					}
+					// 查询关键字容器
+					.search-box {
+						margin-left: 5px;
+						display: flex;
+						justify-content: flex-start;
+						align-items: center;
+						.search-title {
+							width: 90px;
+						}
+						.m-3 {
+							width: 150px;
+							margin: 0 5px;
+						}
+					}
+					// 时间范围
+					.time-scale {
+						display: flex;
+						justify-content: flex-start;
+						align-items: center;
+						.time-title {
+							margin-right: 4px;
+						}
+					}
+				}
+				.fever-section-info {
+					width: 100%;
+					margin-top: 15px;
+					// border: 1px solid blue;
+				}
+				.footer-box {
+					width: 100%;
+					display: flex;
+					justify-content: flex-end;
+					align-items: center;
+					margin: 15px 10px 15px 0;
+					.footer-title {
+						margin-right: 10px;
+					}
+				}
+			}
+		}
+	}
+}
+.el-input__inner{
+  width: 80%;
+  min-width: 300px;
+  max-width:500px;
+}
+.el-form-item {
+	margin-bottom: 10px;
+}
+// 两个按钮
+.el-button{
+  width:70px;
+  margin-left: 80%;
+  margin-right:10px;
+}
+.btn1 {
+	margin-left: 5px;
+	width: 70px;
+	border-radius: 4px;
+    display:block!important;
+    margin-top:15px;
+}
+.btn2 {
+	margin-left: 5px;
+	width: 70px;
+	border-radius: 4px;
+}
+.cell{
+    display:flex;
+    justify-content:center;
+    align-items:center;
+    button{
+        margin-bottom:10px;
+    }
+}
+
+.el-dialog__body{
+  margin:auto;
+}
+</style>
diff --git a/.history/src/views/Hospital_20220719162612.vue b/.history/src/views/Hospital_20220719162612.vue
new file mode 100644
index 0000000..08a3121
--- /dev/null
+++ b/.history/src/views/Hospital_20220719162612.vue
@@ -0,0 +1,426 @@
+<template>
+    <div class="fever-Wrapper">
+		<div class="fever-container">
+			<div class="container-title"><h1>药店管理</h1></div>
+			<div class="fever-form-box">
+				<div class="fever-form-top">
+					<span>药店数据</span>
+				</div>
+				<el-button class="btn1" type="primary"  @click="handleAdd">
+                  新增
+                </el-button>
+				<div class="fever-form-section">
+					<div class="fever-section-search">
+						<div class="page-view-box">
+							<div class="title-page">每页显示:</div>
+							<el-select
+								v-model="searchData.pageSize"
+								size="small"
+								class="m-2"
+								placeholder="全部"
+							>
+								<el-option
+									v-for="item in pageOption"
+									:key="item.id"
+									:label="item.value"
+									:value="item.value"
+								/> </el-select
+							><span>条</span>
+						</div>
+						<!-- 搜索关键字 -->
+						<div class="search-box">
+							<span class="search-title">查询关键词:</span>
+							<el-input
+								class="m-3"
+								v-model="searchData.Key"
+								placeholder="请输入关键字"
+                @blur="handleSearch"
+								clearable
+							/>
+						</div>
+                    </div>
+					<div class="fever-section-info">
+						<!-- 这里面是表格组件 -->
+						<!-- 加入表格 -->
+						<el-table :data="hospitalList" stripe style="width: 100%">
+              <el-table-column prop="id" label="编号" align="center" />
+              <el-table-column prop="country" label="区县" align="center" />
+              <el-table-column prop="indutry" label="企业名称" align="center" />
+              <el-table-column prop="socialCredit" label="社会信⽤代码" align="center" />
+              <el-table-column prop="address" label="注册地址"  align="center"/>
+              <el-table-column prop="headPerson" label="负责⼈" align="center" />
+              <el-table-column prop="tel" label="负责⼈电话" align="center" />
+              <el-table-column prop="identifyId" label="负责⼈身份证" align="center" />
+              <el-table-column class="action" fixed="right" label="操作" align="center" >
+                <template #default="scope">
+                  <el-button 
+                  size="small"
+                  class="btn2" 
+                  @click="handleLook(scope.$index,scope.row)"
+                  >
+                  ⼈员
+                  </el-button>
+                  <el-button 
+                  size="small" 
+                  class="btn2" 
+                  @click="handleEdit(scope.$index,scope.row)"
+                  >
+                  修改
+                  </el-button>
+                  <el-button
+                   size="small"
+                   class="btn2" 
+                   type="danger"
+                   @click="handleDelete(scope.$index,scope.row)"
+                   >
+                   删除
+                   </el-button>
+                </template>
+              </el-table-column>
+						</el-table>
+                        <div class="footer-box">
+						  <span class="footer-title">共{{ total }}条</span>
+						  <el-pagination
+						  	layout="prev, pager, next"
+                @size-change="handleSizeChange"
+						  	@current-change="hanlePageView"
+						  	:total="total"
+						  />
+					    </div>
+					</div>
+                </div>
+            </div>
+
+            <!-- 修改页面 -->
+            <el-dialog v-model="centerDialogVisible" title="药店信息修改" width="40%" center>
+                <el-form
+                    ref="changeFormRef"
+                    label-position="top"
+                    label-width="100px"
+                    :model="changeForm"
+                    style="max-width: 460px"
+                    :rules="rules"
+                >
+                    <el-form-item label="所属区县" prop="country">
+                        <el-select v-model="changeForm.country" clearable placeholder="请选择">
+                            <el-option
+                            v-for="item in areaOptions"
+                            :key="item.id"
+                            :label="item.value"
+                            :value="item.value"
+                            />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="企业名称" prop="indutry">
+                      <el-input v-model="changeForm.indutry" />
+                    </el-form-item>
+                    <el-form-item label="社会信用代码" prop="socialCredit">
+                      <el-input v-model="changeForm.socialCredit" />
+                    </el-form-item>
+                    <el-form-item label="注册地址" prop="address">
+                      <el-input v-model="changeForm.address" />
+                    </el-form-item>
+                    <el-form-item label="负责人" prop="headPerson">
+                      <el-input v-model="changeForm.headPerson" />
+                    </el-form-item>
+                    <el-form-item label="负责人电话" prop="tel">
+                      <el-input v-model="changeForm.tel" />
+                    </el-form-item>
+                    <el-form-item label="负责人身份证" prop="identifyId" >
+                      <el-input v-model="changeForm.identifyId" />
+                    </el-form-item>
+                    <el-form-item label="区县内部排序" prop="sort" >
+                        <el-input-number
+                          v-model="changeForm.sort"
+                          :min="1"
+                          :max="10"
+                          controls-position="right"
+                          size="middle"
+                        />
+                    </el-form-item>
+                      <el-button type="primary" @click="submitChangeForm(changeFormRef)">
+                        提交
+                      </el-button
+      >
+                </el-form>
+            </el-dialog>
+        </div>
+    </div>
+</template>
+<script lang="ts">
+import { useRouter } from 'vue-router'
+import { defineComponent, reactive, toRefs, watch, ref, onMounted } from "vue"
+import type { FormInstance, FormRules } from 'element-plus'
+import { hospital } from "../type/hospital"
+import $http,{ AxiosInstance } from "../http/index"
+import { getTable } from "../http/api"
+import axios from "axios"
+export default defineComponent({
+    setup(){
+        const router = useRouter();
+        const data = reactive(new hospital());
+        const changeFormRef = ref<FormInstance>();
+
+        // 新增
+        const handleAdd = ()=>{
+            console.log("新增")
+        }
+        // 搜索
+        const handleSearch = ()=>{
+           const res = getTable(data.searchData);
+          //  console.log(res,"res")
+          // axios.get('/api/hospital/keys',<any>data.searchData)
+        }
+        // 查看人员
+        const handleLook = (index:number,row:any)=>{
+            router.push("/home/hospital/salesperson")
+        }
+        // 修改
+        const handleEdit = (index:number,row:any)=>{
+            data.centerDialogVisible = true;
+            // data.changeForm=row;
+            // data.changeForm.sort = 9;
+            console.log(data.changeForm,"data.changeForm")
+        }
+        // 删除
+        const handleDelete = (index:number,row:any)=>{
+            console.log("删除")
+        }
+        // 页面改变
+        const hanlePageView = (val:number)=>{
+            // getTable();
+        }
+        // 页面大小改变
+        const handleSizeChange = (val: number) => {
+            // getTable();
+        }
+        // 提交修改
+        const submitChangeForm = async(formEl: FormInstance | undefined)=>{
+            if (!formEl) return
+              await formEl.validate((valid, fields) => {
+                if (valid) {
+                  console.log("123")
+                } else {
+                  console.log('error submit!', fields)
+                }
+        })
+
+        }
+        // 修改规则
+        const rules = reactive<FormRules>({
+          country: [
+            { required: true, message: '请选择所选区县', trigger: 'blur' },
+          ],
+          indutry: [
+            {
+              required: true,
+              message: '企业名称不能为空',
+              trigger: 'blur',
+            },
+          ],
+          socialCredit: [
+            {
+              required: true,
+              message: '社会信用代码不能为空',
+              trigger: 'blur',
+            }
+          ],
+          address: [
+            {
+              required: true,
+              message: '注册地址不能为空',
+              trigger: 'blur',
+            }
+          ],
+          headPerson: [
+            {
+              required: true,
+              message: '负责人不能为空',
+              trigger: 'blur', 
+            }
+          ],
+          tel: [
+            {
+              required: true,
+              message: '负责人联系方式不能为空',
+              trigger: 'blur',
+            }
+          ],
+          identifyId: [
+            {
+              required: true,
+              message: '身份证号不能为空',
+              trigger: 'blur'
+            }
+          ],
+          sort:[
+            {
+              required: true,
+              message: '区县内部排序不能为空',
+              trigger: 'blur'
+            }
+          ]
+        })   
+        return {
+            ...toRefs(data),
+            rules,
+            handleAdd,
+            handleLook,
+            handleEdit,
+            handleDelete,
+            hanlePageView,
+            handleSizeChange,
+            handleSearch
+        }
+
+    }
+})
+</script>
+
+<style scoped lang="scss">
+* {
+	padding: 0;
+	margin: 0;
+	box-sizing: border-box;
+}
+/* 发热门诊总记录 */
+.fever-Wrapper {
+	/* 发热门诊的集中容器 */
+	width: 100%;
+	height: 100%;
+	// background: linear-gradient(
+	// 	120deg,
+	// 	rgba(128, 128, 128, 0.3) 0%,
+	// 	rgba(225, 68, 65, 0.5) 100%
+	// );
+	background: linear-gradient(35deg, #ccffff, #ffcccc);
+	.fever-container {
+		// 装表格跟信息
+		width: 96%;
+		margin: 0 auto;
+		.container-title {
+			width: 100%;
+			height: 60px;
+			display: flex;
+			align-items: center;
+			font-size: 20px;
+		}
+		.fever-form-box {
+			width: 100%;
+			// height: 100%;
+			border-radius: 2px;
+      height: calc(100% - 78px);
+      border: 1px solid rgba(124, 124, 124, 0.2);
+      background: linear-gradient(100deg, #ccffff, #ffcccc);
+			.fever-form-top {
+				width: 100%;
+				height: 50px;
+				border-bottom: 1px solid white;
+				display: flex;
+				span {
+					display: block;
+					margin-left: 18px;
+					line-height: 50px;
+					color: blue;
+				}
+			}
+			.fever-form-section {
+				width: 97%;
+				margin: 0 auto;
+				// border: 1px solid yellow;
+				margin-top: 15px;
+				.fever-section-search {
+					display: flex;
+					align-items: center;
+					// 每页展示
+					.page-view-box {
+						display: flex;
+						align-items: center;
+						.m-2 {
+							width: 90px;
+							margin: 0 5px;
+                            text-align:center!important;
+						}
+					}
+					// 查询关键字容器
+					.search-box {
+						margin-left: 5px;
+						display: flex;
+						justify-content: flex-start;
+						align-items: center;
+						.search-title {
+							width: 90px;
+						}
+						.m-3 {
+							width: 150px;
+							margin: 0 5px;
+						}
+					}
+					// 时间范围
+					.time-scale {
+						display: flex;
+						justify-content: flex-start;
+						align-items: center;
+						.time-title {
+							margin-right: 4px;
+						}
+					}
+				}
+				.fever-section-info {
+					width: 100%;
+					margin-top: 15px;
+					// border: 1px solid blue;
+				}
+				.footer-box {
+					width: 100%;
+					display: flex;
+					justify-content: flex-end;
+					align-items: center;
+					margin: 15px 10px 15px 0;
+					.footer-title {
+						margin-right: 10px;
+					}
+				}
+			}
+		}
+	}
+}
+.el-input__inner{
+  width: 80%;
+  min-width: 300px;
+  max-width:500px;
+}
+.el-form-item {
+	margin-bottom: 10px;
+}
+// 两个按钮
+.el-button{
+  width:70px;
+  margin-left: 80%;
+  margin-right:10px;
+}
+.btn1 {
+	margin-left: 5px;
+	width: 70px;
+	border-radius: 4px;
+    display:block!important;
+    margin-top:15px;
+}
+.btn2 {
+	margin-left: 5px;
+	width: 70px;
+	border-radius: 4px;
+}
+.cell{
+    display:flex;
+    justify-content:center;
+    align-items:center;
+    button{
+        margin-bottom:10px;
+    }
+}
+
+.el-dialog__body{
+  margin:auto;
+}
+</style>
diff --git a/.history/src/views/Hospital_20220719162613.vue b/.history/src/views/Hospital_20220719162613.vue
new file mode 100644
index 0000000..08a3121
--- /dev/null
+++ b/.history/src/views/Hospital_20220719162613.vue
@@ -0,0 +1,426 @@
+<template>
+    <div class="fever-Wrapper">
+		<div class="fever-container">
+			<div class="container-title"><h1>药店管理</h1></div>
+			<div class="fever-form-box">
+				<div class="fever-form-top">
+					<span>药店数据</span>
+				</div>
+				<el-button class="btn1" type="primary"  @click="handleAdd">
+                  新增
+                </el-button>
+				<div class="fever-form-section">
+					<div class="fever-section-search">
+						<div class="page-view-box">
+							<div class="title-page">每页显示:</div>
+							<el-select
+								v-model="searchData.pageSize"
+								size="small"
+								class="m-2"
+								placeholder="全部"
+							>
+								<el-option
+									v-for="item in pageOption"
+									:key="item.id"
+									:label="item.value"
+									:value="item.value"
+								/> </el-select
+							><span>条</span>
+						</div>
+						<!-- 搜索关键字 -->
+						<div class="search-box">
+							<span class="search-title">查询关键词:</span>
+							<el-input
+								class="m-3"
+								v-model="searchData.Key"
+								placeholder="请输入关键字"
+                @blur="handleSearch"
+								clearable
+							/>
+						</div>
+                    </div>
+					<div class="fever-section-info">
+						<!-- 这里面是表格组件 -->
+						<!-- 加入表格 -->
+						<el-table :data="hospitalList" stripe style="width: 100%">
+              <el-table-column prop="id" label="编号" align="center" />
+              <el-table-column prop="country" label="区县" align="center" />
+              <el-table-column prop="indutry" label="企业名称" align="center" />
+              <el-table-column prop="socialCredit" label="社会信⽤代码" align="center" />
+              <el-table-column prop="address" label="注册地址"  align="center"/>
+              <el-table-column prop="headPerson" label="负责⼈" align="center" />
+              <el-table-column prop="tel" label="负责⼈电话" align="center" />
+              <el-table-column prop="identifyId" label="负责⼈身份证" align="center" />
+              <el-table-column class="action" fixed="right" label="操作" align="center" >
+                <template #default="scope">
+                  <el-button 
+                  size="small"
+                  class="btn2" 
+                  @click="handleLook(scope.$index,scope.row)"
+                  >
+                  ⼈员
+                  </el-button>
+                  <el-button 
+                  size="small" 
+                  class="btn2" 
+                  @click="handleEdit(scope.$index,scope.row)"
+                  >
+                  修改
+                  </el-button>
+                  <el-button
+                   size="small"
+                   class="btn2" 
+                   type="danger"
+                   @click="handleDelete(scope.$index,scope.row)"
+                   >
+                   删除
+                   </el-button>
+                </template>
+              </el-table-column>
+						</el-table>
+                        <div class="footer-box">
+						  <span class="footer-title">共{{ total }}条</span>
+						  <el-pagination
+						  	layout="prev, pager, next"
+                @size-change="handleSizeChange"
+						  	@current-change="hanlePageView"
+						  	:total="total"
+						  />
+					    </div>
+					</div>
+                </div>
+            </div>
+
+            <!-- 修改页面 -->
+            <el-dialog v-model="centerDialogVisible" title="药店信息修改" width="40%" center>
+                <el-form
+                    ref="changeFormRef"
+                    label-position="top"
+                    label-width="100px"
+                    :model="changeForm"
+                    style="max-width: 460px"
+                    :rules="rules"
+                >
+                    <el-form-item label="所属区县" prop="country">
+                        <el-select v-model="changeForm.country" clearable placeholder="请选择">
+                            <el-option
+                            v-for="item in areaOptions"
+                            :key="item.id"
+                            :label="item.value"
+                            :value="item.value"
+                            />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="企业名称" prop="indutry">
+                      <el-input v-model="changeForm.indutry" />
+                    </el-form-item>
+                    <el-form-item label="社会信用代码" prop="socialCredit">
+                      <el-input v-model="changeForm.socialCredit" />
+                    </el-form-item>
+                    <el-form-item label="注册地址" prop="address">
+                      <el-input v-model="changeForm.address" />
+                    </el-form-item>
+                    <el-form-item label="负责人" prop="headPerson">
+                      <el-input v-model="changeForm.headPerson" />
+                    </el-form-item>
+                    <el-form-item label="负责人电话" prop="tel">
+                      <el-input v-model="changeForm.tel" />
+                    </el-form-item>
+                    <el-form-item label="负责人身份证" prop="identifyId" >
+                      <el-input v-model="changeForm.identifyId" />
+                    </el-form-item>
+                    <el-form-item label="区县内部排序" prop="sort" >
+                        <el-input-number
+                          v-model="changeForm.sort"
+                          :min="1"
+                          :max="10"
+                          controls-position="right"
+                          size="middle"
+                        />
+                    </el-form-item>
+                      <el-button type="primary" @click="submitChangeForm(changeFormRef)">
+                        提交
+                      </el-button
+      >
+                </el-form>
+            </el-dialog>
+        </div>
+    </div>
+</template>
+<script lang="ts">
+import { useRouter } from 'vue-router'
+import { defineComponent, reactive, toRefs, watch, ref, onMounted } from "vue"
+import type { FormInstance, FormRules } from 'element-plus'
+import { hospital } from "../type/hospital"
+import $http,{ AxiosInstance } from "../http/index"
+import { getTable } from "../http/api"
+import axios from "axios"
+export default defineComponent({
+    setup(){
+        const router = useRouter();
+        const data = reactive(new hospital());
+        const changeFormRef = ref<FormInstance>();
+
+        // 新增
+        const handleAdd = ()=>{
+            console.log("新增")
+        }
+        // 搜索
+        const handleSearch = ()=>{
+           const res = getTable(data.searchData);
+          //  console.log(res,"res")
+          // axios.get('/api/hospital/keys',<any>data.searchData)
+        }
+        // 查看人员
+        const handleLook = (index:number,row:any)=>{
+            router.push("/home/hospital/salesperson")
+        }
+        // 修改
+        const handleEdit = (index:number,row:any)=>{
+            data.centerDialogVisible = true;
+            // data.changeForm=row;
+            // data.changeForm.sort = 9;
+            console.log(data.changeForm,"data.changeForm")
+        }
+        // 删除
+        const handleDelete = (index:number,row:any)=>{
+            console.log("删除")
+        }
+        // 页面改变
+        const hanlePageView = (val:number)=>{
+            // getTable();
+        }
+        // 页面大小改变
+        const handleSizeChange = (val: number) => {
+            // getTable();
+        }
+        // 提交修改
+        const submitChangeForm = async(formEl: FormInstance | undefined)=>{
+            if (!formEl) return
+              await formEl.validate((valid, fields) => {
+                if (valid) {
+                  console.log("123")
+                } else {
+                  console.log('error submit!', fields)
+                }
+        })
+
+        }
+        // 修改规则
+        const rules = reactive<FormRules>({
+          country: [
+            { required: true, message: '请选择所选区县', trigger: 'blur' },
+          ],
+          indutry: [
+            {
+              required: true,
+              message: '企业名称不能为空',
+              trigger: 'blur',
+            },
+          ],
+          socialCredit: [
+            {
+              required: true,
+              message: '社会信用代码不能为空',
+              trigger: 'blur',
+            }
+          ],
+          address: [
+            {
+              required: true,
+              message: '注册地址不能为空',
+              trigger: 'blur',
+            }
+          ],
+          headPerson: [
+            {
+              required: true,
+              message: '负责人不能为空',
+              trigger: 'blur', 
+            }
+          ],
+          tel: [
+            {
+              required: true,
+              message: '负责人联系方式不能为空',
+              trigger: 'blur',
+            }
+          ],
+          identifyId: [
+            {
+              required: true,
+              message: '身份证号不能为空',
+              trigger: 'blur'
+            }
+          ],
+          sort:[
+            {
+              required: true,
+              message: '区县内部排序不能为空',
+              trigger: 'blur'
+            }
+          ]
+        })   
+        return {
+            ...toRefs(data),
+            rules,
+            handleAdd,
+            handleLook,
+            handleEdit,
+            handleDelete,
+            hanlePageView,
+            handleSizeChange,
+            handleSearch
+        }
+
+    }
+})
+</script>
+
+<style scoped lang="scss">
+* {
+	padding: 0;
+	margin: 0;
+	box-sizing: border-box;
+}
+/* 发热门诊总记录 */
+.fever-Wrapper {
+	/* 发热门诊的集中容器 */
+	width: 100%;
+	height: 100%;
+	// background: linear-gradient(
+	// 	120deg,
+	// 	rgba(128, 128, 128, 0.3) 0%,
+	// 	rgba(225, 68, 65, 0.5) 100%
+	// );
+	background: linear-gradient(35deg, #ccffff, #ffcccc);
+	.fever-container {
+		// 装表格跟信息
+		width: 96%;
+		margin: 0 auto;
+		.container-title {
+			width: 100%;
+			height: 60px;
+			display: flex;
+			align-items: center;
+			font-size: 20px;
+		}
+		.fever-form-box {
+			width: 100%;
+			// height: 100%;
+			border-radius: 2px;
+      height: calc(100% - 78px);
+      border: 1px solid rgba(124, 124, 124, 0.2);
+      background: linear-gradient(100deg, #ccffff, #ffcccc);
+			.fever-form-top {
+				width: 100%;
+				height: 50px;
+				border-bottom: 1px solid white;
+				display: flex;
+				span {
+					display: block;
+					margin-left: 18px;
+					line-height: 50px;
+					color: blue;
+				}
+			}
+			.fever-form-section {
+				width: 97%;
+				margin: 0 auto;
+				// border: 1px solid yellow;
+				margin-top: 15px;
+				.fever-section-search {
+					display: flex;
+					align-items: center;
+					// 每页展示
+					.page-view-box {
+						display: flex;
+						align-items: center;
+						.m-2 {
+							width: 90px;
+							margin: 0 5px;
+                            text-align:center!important;
+						}
+					}
+					// 查询关键字容器
+					.search-box {
+						margin-left: 5px;
+						display: flex;
+						justify-content: flex-start;
+						align-items: center;
+						.search-title {
+							width: 90px;
+						}
+						.m-3 {
+							width: 150px;
+							margin: 0 5px;
+						}
+					}
+					// 时间范围
+					.time-scale {
+						display: flex;
+						justify-content: flex-start;
+						align-items: center;
+						.time-title {
+							margin-right: 4px;
+						}
+					}
+				}
+				.fever-section-info {
+					width: 100%;
+					margin-top: 15px;
+					// border: 1px solid blue;
+				}
+				.footer-box {
+					width: 100%;
+					display: flex;
+					justify-content: flex-end;
+					align-items: center;
+					margin: 15px 10px 15px 0;
+					.footer-title {
+						margin-right: 10px;
+					}
+				}
+			}
+		}
+	}
+}
+.el-input__inner{
+  width: 80%;
+  min-width: 300px;
+  max-width:500px;
+}
+.el-form-item {
+	margin-bottom: 10px;
+}
+// 两个按钮
+.el-button{
+  width:70px;
+  margin-left: 80%;
+  margin-right:10px;
+}
+.btn1 {
+	margin-left: 5px;
+	width: 70px;
+	border-radius: 4px;
+    display:block!important;
+    margin-top:15px;
+}
+.btn2 {
+	margin-left: 5px;
+	width: 70px;
+	border-radius: 4px;
+}
+.cell{
+    display:flex;
+    justify-content:center;
+    align-items:center;
+    button{
+        margin-bottom:10px;
+    }
+}
+
+.el-dialog__body{
+  margin:auto;
+}
+</style>
diff --git a/src/views/Hospital.vue b/src/views/Hospital.vue
index e2a0d6b..08a3121 100644
--- a/src/views/Hospital.vue
+++ b/src/views/Hospital.vue
@@ -43,15 +43,15 @@
 						<!-- 这里面是表格组件 -->
 						<!-- 加入表格 -->
 						<el-table :data="hospitalList" stripe style="width: 100%">
-              <el-table-column prop="id" label="编号" width="90" />
-              <el-table-column prop="country" label="区县" width="90" />
-              <el-table-column prop="indutry" label="企业名称" width="90" />
-              <el-table-column prop="socialCredit" label="社会信⽤代码" width="90" />
-              <el-table-column prop="address" label="注册地址" width="170" />
-              <el-table-column prop="headPerson" label="负责⼈" width="120" />
-              <el-table-column prop="tel" label="负责⼈电话" width="120" />
-              <el-table-column prop="identifyId" label="负责⼈身份证" width="120" />
-              <el-table-column class="action" fixed="right" label="操作" width="100">
+              <el-table-column prop="id" label="编号" align="center" />
+              <el-table-column prop="country" label="区县" align="center" />
+              <el-table-column prop="indutry" label="企业名称" align="center" />
+              <el-table-column prop="socialCredit" label="社会信⽤代码" align="center" />
+              <el-table-column prop="address" label="注册地址"  align="center"/>
+              <el-table-column prop="headPerson" label="负责⼈" align="center" />
+              <el-table-column prop="tel" label="负责⼈电话" align="center" />
+              <el-table-column prop="identifyId" label="负责⼈身份证" align="center" />
+              <el-table-column class="action" fixed="right" label="操作" align="center" >
                 <template #default="scope">
                   <el-button 
                   size="small"
-- 
Gitee