From 6d4705c0d40a6aabfeeef9a408aadf905a508af7 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Fri, 21 Mar 2025 15:12:53 +0800
Subject: [PATCH] =?UTF-8?q?Admin=E5=8F=AF=E4=BB=A5=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=A4=9A=E4=B8=AA=E5=8C=BB=E9=99=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/admin.js                              |  32 +++
 src/views/login/index.vue                     | 193 ++++++++-------
 src/views/system/hospital/components/form.vue | 197 +++++++++++++++
 src/views/system/hospital/components/list.vue | 224 ++++++++++++++++++
 .../hospital/{ => components}/uploadLogo.vue  |   0
 src/views/system/hospital/index.vue           | 196 +--------------
 6 files changed, 572 insertions(+), 270 deletions(-)
 create mode 100644 src/views/system/hospital/components/form.vue
 create mode 100644 src/views/system/hospital/components/list.vue
 rename src/views/system/hospital/{ => components}/uploadLogo.vue (100%)

diff --git a/src/api/admin.js b/src/api/admin.js
index 7a525e8..3c10bb1 100644
--- a/src/api/admin.js
+++ b/src/api/admin.js
@@ -278,3 +278,35 @@ export function batchAddInternationalization(param) {
     data: param
   })
 }
+// 获取医院列表
+export function getHIRHospitalList(param) {
+  return request({
+    url: `/Patient/getHIRHospitalList`,
+    method: 'post',
+    data: param
+  })
+}
+// 删除医院
+export function deleteHIRHospital(id) {
+  return request({
+    url: `/Patient/deleteHIRHospital/${id}`,
+    method: 'delete',
+  })
+}
+// 新增或修改医院
+export function addOrUpdateHIRHospital(data) {
+  return request({
+    url: `/Patient/addOrUpdateHIRHospital`,
+    method: 'post',
+    data
+  })
+}
+// 设置默认医院
+export function updateDefaultHospital(params) {
+  return request({
+    url: `/Patient/updateDefaultHospital`,
+    method: 'put',
+    params
+  })
+}
+
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index dcb89e9..047c0ff 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -6,12 +6,8 @@
     <div class="login-body">
       <div class="login-l">
         <div class="login-logo">
-          <img
-            v-if="language === 'zh' && hospital.HospitalLogoPath"
-            :src="OSSclientConfig.basePath + hospital.HospitalLogoPath"
-            crossOrigin="anonymous"
-            alt=""
-          />
+          <img v-if="language === 'zh' && hospital.HospitalLogoPath"
+            :src="OSSclientConfig.basePath + hospital.HospitalLogoPath" crossOrigin="anonymous" alt="" />
           <!-- <img v-else src="@/assets/zzlogo3.png" alt="" /> -->
         </div>
         <div class="login-image">
@@ -25,87 +21,48 @@
             {{ $t('login:title:system') }}
           </div>
         </div>
-        <el-form
-          ref="loginForm"
-          :model="loginForm"
-          :rules="loginRules"
-          class="login-form"
-          auto-complete="on"
-          label-position="left"
-        >
-          <el-form-item
-            prop="username"
-            :rules="[
-              {
-                required: true,
-                message: this.$t('login:formRule:userName'),
-                trigger: 'blur',
-              },
-            ]"
-          >
+        <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on"
+          label-position="left">
+          <el-form-item prop="username" :rules="[
+            {
+              required: true,
+              message: this.$t('login:formRule:userName'),
+              trigger: 'blur',
+            },
+          ]">
             <span class="svg-container">
               <svg-icon icon-class="user" />
             </span>
             <!-- User Name -->
-            <el-input
-              ref="username"
-              v-model="loginForm.username"
-              size="small"
-              :placeholder="$t('login:form:userName')"
-              name="username"
-              type="text"
-              tabindex="1"
-            />
+            <el-input ref="username" v-model="loginForm.username" size="small" :placeholder="$t('login:form:userName')"
+              name="username" type="text" tabindex="1" />
           </el-form-item>
 
-          <el-form-item
-            prop="password"
-            :rules="[
-              {
-                required: true,
-                message: this.$t('login:formRule:password'),
-                trigger: 'blur',
-              },
-            ]"
-          >
+          <el-form-item prop="password" :rules="[
+            {
+              required: true,
+              message: this.$t('login:formRule:password'),
+              trigger: 'blur',
+            },
+          ]">
             <span class="svg-container">
               <svg-icon icon-class="password" />
             </span>
             <!-- password -->
-            <el-input
-              :key="passwordType"
-              ref="password"
-              v-model="loginForm.password"
-              size="small"
-              :type="passwordType"
-              :placeholder="$t('login:form:password')"
-              name="password"
-              tabindex="2"
-              @keyup.enter.native="handleLogin"
-            />
+            <el-input :key="passwordType" ref="password" v-model="loginForm.password" size="small" :type="passwordType"
+              :placeholder="$t('login:form:password')" name="password" tabindex="2" @keyup.enter.native="handleLogin" />
             <span class="show-pwd" @click="showPwd">
-              <svg-icon
-                :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'"
-              />
+              <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
             </span>
           </el-form-item>
           <!-- Login -->
-          <el-button
-            :loading="loading"
-            type="primary"
-            style="width: 100%; margin-bottom: 10px"
-            size="medium"
-            @click.native.prevent="handleLogin"
-          >
+          <el-button :loading="loading" type="primary" style="width: 100%; margin-bottom: 10px" size="medium"
+            @click.native.prevent="handleLogin">
             {{ $t('login:button:login') }}
           </el-button>
           <div style="text-align: right">
             <!-- Forget password? -->
-            <el-button
-              type="text"
-              size="medium"
-              @click.native.prevent="handleResetPwd"
-            >
+            <el-button type="text" size="medium" @click.native.prevent="handleResetPwd">
               {{ $t('login:button:forgetPassword') }}
             </el-button>
           </div>
@@ -126,28 +83,33 @@
         <img src="@/assets/filing.png" />
         <span>沪公网安备 31011002005859号</span>
       </a> -->
-      <span
-        >{{ $t('login:copyright:title:construct') }}{{ config.hospital }}</span
-      >
+      <span><span @click.stop="openHospital">{{ $t('login:copyright:title:construct') }}</span>{{ hospital.HospitalName
+      }}</span>
       <span> | </span>
       <span>{{ $t('login:copyright:title:support') }}{{ config.company }}</span>
     </div>
     <div v-else>
-      <span
-        >{{ $t('login:copyright:title:construct')
-        }}{{ config.hospitalEN }}</span
-      >
+      <span>{{ $t('login:copyright:title:construct')
+      }}{{ hospital.HospitalName }}</span>
       <span> | </span>
-      <span
-        >{{ $t('login:copyright:title:support') }}{{ config.companyEN }}</span
-      >
+      <span>{{ $t('login:copyright:title:support') }}{{ config.companyEN }}</span>
     </div>
-    <Vcode
-      :show="isShow"
-      slider-text="拖到滑块完成验证"
-      :imgs="[Img1]"
-      @success="onSuccess"
-    />
+    <Vcode :show="isShow" slider-text="拖到滑块完成验证" :imgs="[Img1]" @success="onSuccess" />
+    <el-dialog :title="$t('login:hospital:title:changeHospital')" :visible.sync="visible" width="30%"
+      :append-to-body="true">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-form-item :label="$t('login:hospital:form:changeHospital')">
+          <el-select v-model="form.Id" placeholder="" style="width:100%">
+            <el-option v-for="item in hospitalList" :key="item.Id" :label="item.HospitalName" :value="item.Id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="visible = false">{{ $t("common:button:cancel") }}</el-button>
+        <el-button type="primary" @click="saveHospital">{{ $t("system:hospital:save") }}</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -159,6 +121,7 @@ import Vcode from 'vue-puzzle-vcode'
 import Img1 from '@/assets/pic-1.png'
 import logoImg from '@/assets/zzlogo2.png'
 import { getHospital } from '@/api/hospital.js'
+import { getHIRHospitalList, updateDefaultHospital } from '@/api/admin'
 // import config from '/public/config.js'
 export default {
   name: 'Login',
@@ -166,6 +129,7 @@ export default {
   data() {
     return {
       config: WINDOW_CONFIG,
+      visible: false,
       logoImg,
       VUE_APP_OSS_CONFIG_REGION: process.env.VUE_APP_OSS_CONFIG_REGION,
       loginForm: {
@@ -204,7 +168,12 @@ export default {
       hospital: {
         HospitalLogoPath: null,
         HospitalName: null,
+        Id: null
       },
+      hospitalList: [],
+      form: {
+        Id: null
+      }
     }
   },
   computed: {
@@ -212,7 +181,7 @@ export default {
   },
   created() {
     this.getInfo()
-    console.log(this.config)
+    this.getList()
   },
   mounted() {
     this.loginType = this.$route.query.loginType
@@ -237,6 +206,41 @@ export default {
   },
   methods: {
     ...mapMutations({ setLanguage: 'lang/setLanguage' }),
+    async saveHospital() {
+      if (this.form.Id === this.hospital.Id) return this.visible = false
+      let res = await updateDefaultHospital({
+        HirHospitalId: this.form.Id
+      })
+      if (res.IsSuccess) {
+        this.visible = false
+        this.getInfo()
+        this.getList()
+      }
+    },
+    openHospital() {
+      this.form.Id = this.hospital.Id
+      this.visible = true
+    },
+    // 获取医院列表
+    getList() {
+      getHIRHospitalList({
+        HospitalName: null,
+        Country: null,
+        City: null,
+        Province: null,
+        Address: null,
+        Phone: null,
+        Asc: false,
+        SortField: 'CreateTime',
+        PageIndex: 1,
+        PageSize: 1000,
+      })
+        .then((res) => {
+          this.hospitalList = res.Result.CurrentPageData
+        })
+        .catch(() => {
+        })
+    },
     // 获取医院信息
     async getInfo() {
       try {
@@ -379,20 +383,24 @@ $cursor: #fff;
 $bg: #2d3a4b;
 $dark_gray: #889aa4;
 $light_gray: #606266;
+
 .login-container {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: auto;
   background: rgb(249, 249, 249);
+
   .login-header {
     margin: 10px 0px 20px 10px;
     height: 3rem;
     width: 720px;
+
     .login-logo {
       height: 100%;
     }
   }
+
   .login-body {
     position: absolute;
     left: 50%;
@@ -406,30 +414,36 @@ $light_gray: #606266;
     box-sizing: border-box;
     background: rgb(255, 255, 255);
     border-radius: 10px 0px 0px 10px;
+
     .login-l {
       position: relative;
       float: left;
       width: 50%;
       height: 100%;
+
       .login-logo {
         position: absolute;
         top: 35px;
         left: 50px;
+
         img {
           height: 40px;
         }
       }
+
       .login-image {
         position: absolute;
         top: 10px;
         left: 0px;
         // transform: translateY(-50%);
         height: 100%;
+
         img {
           height: 100%;
         }
       }
     }
+
     .login-r {
       position: relative;
       float: left;
@@ -447,9 +461,11 @@ $light_gray: #606266;
         margin: 0 auto;
         overflow: hidden;
       }
+
       .title-container {
         // margin-bottom: 50px;
         margin-top: 15%;
+
         .title {
           font-size: 35px;
           color: $light_gray;
@@ -489,6 +505,7 @@ $light_gray: #606266;
       }
     }
   }
+
   .login-footer {
     position: absolute;
     bottom: 50px;
@@ -502,6 +519,7 @@ $light_gray: #606266;
     align-items: center;
     // color: rgb(180, 190, 199);
     color: #909399;
+
     a {
       display: inline-block;
       text-decoration: none;
@@ -510,13 +528,16 @@ $light_gray: #606266;
       display: flex;
       justify-content: center;
     }
+
     span {
       margin: 0 2px;
     }
+
     img {
       height: 20px;
       line-height: 20px;
     }
+
     // p{
     //   display: inline-block;
     //   height:20px;
diff --git a/src/views/system/hospital/components/form.vue b/src/views/system/hospital/components/form.vue
new file mode 100644
index 0000000..41c7c9c
--- /dev/null
+++ b/src/views/system/hospital/components/form.vue
@@ -0,0 +1,197 @@
+<template>
+    <div class="hospital">
+        <el-form ref="hospitalForm" size="small" :model="hospital" :rules="hospitalFormRules" label-width="150px"
+            style="width: 800px">
+            <el-card class="Basic" shadow="never" size="small">
+                <el-form-item :label="$t('system:hospital:name')" prop="HospitalName">
+                    <el-input v-model.trim="hospital.HospitalName" :disabled="disabled" clearable />
+                </el-form-item>
+                <el-form-item :label="$t('system:hospital:code')" prop="HospitalCode">
+                    <el-input v-model.trim="hospital.HospitalCode" :disabled="disabled || hasPermi(['role:oa'])"
+                        clearable />
+                </el-form-item>
+
+                <el-form-item :label="$t('system:hospital:aliasName')" prop="HospitalAliasName">
+                    <el-input v-model="hospital.HospitalAliasName" :disabled="disabled" clearable />
+                </el-form-item>
+
+                <el-form-item :label="$t('system:hospital:country')" prop="Country">
+                    <el-input v-model="hospital.Country" :disabled="disabled" clearable />
+                </el-form-item>
+                <el-form-item :label="$t('system:hospital:province')" prop="Province">
+                    <el-input v-model="hospital.Province" :disabled="disabled" clearable />
+                </el-form-item>
+                <el-form-item :label="$t('system:hospital:city')" prop="City">
+                    <el-input v-model="hospital.City" :disabled="disabled" clearable />
+                </el-form-item>
+                <el-form-item :label="$t('system:hospital:address')" prop="Address">
+                    <el-input v-model="hospital.Address" :disabled="disabled" clearable />
+                </el-form-item>
+                <el-form-item :label="$t('system:hospital:phone')" prop="Phone">
+                    <el-input v-model="hospital.Phone" :disabled="disabled" clearable />
+                </el-form-item>
+                <el-form-item :label="$t('system:hospital:trialKeepCount')" prop="TrialKeepCount">
+                    <el-input v-model="hospital.TrialKeepCount" :disabled="disabled || hasPermi(['role:oa'])"
+                        type="number" clearable />
+                </el-form-item>
+                <el-form-item :label="$t('system:hospital:isCanConnectInternet')"
+                    v-hasPermi="['system:hospital:connectInternet']">
+                    <el-switch v-model="hospital.IsCanConnectInternet" active-color="#13ce66" inactive-color="#ff4949"
+                        active-text="是" inactive-text="否" :disabled="disabled">
+                    </el-switch>
+                </el-form-item>
+                <el-form-item :label="$t('system:hospital:logo')" prop="HospitalLogoPath">
+                    <upload-logo :path.sync="hospital.HospitalLogoPath" :disabled="disabled" />
+                </el-form-item>
+            </el-card>
+            <el-form-item v-if="status === 'default' && hasPermi(['system:hospital:edit'])">
+                <el-button type="primary" size="small" style="margin: 10px 15px" :loading="btnLoading"
+                    :disabled="btnLoading" @click="handleSave">{{ $t("system:hospital:save") }}</el-button>
+            </el-form-item>
+        </el-form>
+        <div class="btnBox" v-if="status !== 'default'">
+            <el-button type="primary" size="small" style="margin: 10px 15px" :loading="btnLoading"
+                :disabled="btnLoading" @click="handleSave">{{ $t("system:hospital:save") }}</el-button>
+            <el-button type="primary" size="small" style="margin: 10px 15px" @click="handleCancel">{{
+                $t("common:button:cancel") }}</el-button>
+        </div>
+    </div>
+</template>
+<script>
+import { getHospital } from "@/api/hospital.js";
+import { addOrUpdateHIRHospital } from '@/api/admin'
+import uploadLogo from "./uploadLogo.vue";
+export default {
+    name: "systemHospital",
+    components: { "upload-logo": uploadLogo },
+    props: {
+        status: {
+            type: String,
+            default: "default" // add edit default
+        },
+        rowData: {
+            type: Object,
+            default: () => {
+                return {}
+            }
+        }
+    },
+    data() {
+        return {
+            hospital: {
+                HospitalName: null,
+                HospitalAliasName: null,
+                HospitalCode: null,
+                Country: null,
+                City: null,
+                Province: null,
+                Address: null,
+                Phone: null,
+                IsCanConnectInternet: true,
+                Id: null,
+                TrialKeepCount: null,
+                HospitalLogoPath: null,
+            },
+            hospitalFormRules: {
+                HospitalName: [
+                    { required: true, message: "请输入医院名称", trigger: "blur" },
+                ],
+                HospitalCode: [
+                    { required: true, message: "请输入医院编码", trigger: "blur" },
+                ],
+                // HospitalLogoPath: [
+                //   { required: true, message: "请上传医院logo", trigger: "blur" },
+                // ],
+                TrialKeepCount: [
+                    { required: true, message: "请输入未激活项目数", trigger: "blur" },
+                ],
+                // HospitalAliasName: [
+                //   { required: true, message: "请输入医院别称", trigger: "blur" },
+                // ],
+                // Country: [{ required: true, message: "请输入国家", trigger: "blur" }],
+                // City: [{ required: true, message: "请输入所在城市", trigger: "blur" }],
+                // Province: [
+                //   { required: true, message: "请输入所在省份", trigger: "blur" },
+                // ],
+                // Address: [
+                //   { required: true, message: "请输入医院地址", trigger: "blur" },
+                // ],
+                // Phone: [
+                //   { required: true, message: "请输入医院联系方式", trigger: "blur" },
+                // ],
+            },
+            btnLoading: false,
+        };
+    },
+    mounted() {
+        if (this.status === 'default') {
+            this.getInfo();
+        }
+        if (this.status === 'edit') {
+            Object.keys(this.hospital).forEach(key => {
+                this.hospital[key] = this.rowData[key]
+            })
+        }
+    },
+    computed: {
+        disabled() {
+            return !this.hasPermi(["system:hospital:edit"]);
+        },
+    },
+    methods: {
+        async handleSave() {
+            if (this.btnLoading) return;
+            try {
+                let validate = await this.$refs.hospitalForm.validate();
+                if (!validate) return;
+                this.btnLoading = true;
+                let res = await addOrUpdateHIRHospital(this.hospital);
+                this.btnLoading = false;
+                if (res.IsSuccess) {
+                    this.$message.success(this.$t("common:message:savedSuccessfully"));
+                    if (this.status !== 'default') {
+                        this.$emit("getList")
+                        this.$emit("close")
+                    }
+                }
+            } catch (err) {
+                this.btnLoading = false;
+                console.log(err);
+            }
+        },
+        // 获取医院信息
+        async getInfo() {
+            try {
+                let res = await getHospital();
+                if (res.IsSuccess) {
+                    Object.keys(this.hospital).forEach((key) => {
+                        this.hospital[key] = res.Result[key];
+                    });
+                }
+            } catch (err) {
+                console.log(err);
+            }
+        },
+        handleCancel() {
+            this.$emit("close")
+        }
+    },
+};
+</script>
+<style scoped>
+::v-deep .is-error.my_new_pwd {
+    margin-bottom: 40px;
+}
+
+.hospital {
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+}
+
+.btnBox {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/system/hospital/components/list.vue b/src/views/system/hospital/components/list.vue
new file mode 100644
index 0000000..9007912
--- /dev/null
+++ b/src/views/system/hospital/components/list.vue
@@ -0,0 +1,224 @@
+<template>
+    <div class="log">
+        <div ref="leftContainer" class="left">
+            <el-form :inline="true">
+                <el-form-item :label="$t('system:hospital:table:hospitalName')" prop="Version">
+                    <el-input v-model="searchData.HospitalName" size="small" clearable style="width:100px" />
+                </el-form-item>
+                <el-form-item :label="$t('system:hospital:table:country')" prop="Version">
+                    <el-input v-model="searchData.Country" size="small" clearable style="width:100px" />
+                </el-form-item>
+                <el-form-item :label="$t('system:hospital:table:city')" prop="UpdateContent">
+                    <el-input v-model="searchData.City" size="small" clearable style="width:100px" />
+                </el-form-item>
+                <el-form-item :label="$t('system:hospital:table:province')" prop="UpdateContent">
+                    <el-input v-model="searchData.Province" size="small" clearable style="width:100px" />
+                </el-form-item>
+                <el-form-item :label="$t('system:hospital:table:address')" prop="UpdateContent">
+                    <el-input v-model="searchData.Address" size="small" clearable style="width:100px" />
+                </el-form-item>
+                <el-form-item :label="$t('system:hospital:table:phone')" prop="UpdateContent">
+                    <el-input v-model="searchData.Phone" size="small" clearable style="width:100px" />
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" icon="el-icon-search" size="mini" @click="getList">
+                        查询
+                    </el-button>
+                    <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd">
+                        新增
+                    </el-button>
+                </el-form-item>
+            </el-form>
+            <el-table v-loading="loading" v-adaptive="{ bottomOffset: 65 }" height="100" :data="list" class="table"
+                @sort-change="handleSortByColumn" :default-sort="{ prop: 'PublishTime', order: 'descending' }">
+                <el-table-column type="index" width="50" />
+                <el-table-column :label="$t('system:hospital:table:hospitalName')" prop="HospitalName" min-width="120"
+                    show-overflow-tooltip sortable="custom" />
+                <el-table-column :label="$t('system:hospital:table:hospitalAliasName')" prop="HospitalAliasName"
+                    min-width="120" show-overflow-tooltip sortable="custom" />
+                <el-table-column :label="$t('system:hospital:table:country')" prop="Country" show-overflow-tooltip />
+
+                <el-table-column :label="$t('system:hospital:table:city')" prop="City" show-overflow-tooltip />
+                <el-table-column :label="$t('system:hospital:table:province')" prop="Province" show-overflow-tooltip />
+                <el-table-column :label="$t('system:hospital:table:address')" prop="Address" min-width="150"
+                    show-overflow-tooltip />
+                <el-table-column :label="$t('system:hospital:table:phone')" prop="Phone" min-width="150"
+                    show-overflow-tooltip />
+                <el-table-column :label="$t('system:hospital:table:isCanConnectInternet')" prop="IsCanConnectInternet"
+                    show-overflow-tooltip>
+                    <template slot-scope="scope">
+                        <span>{{ $fd("YesOrNo", scope.row.IsCanConnectInternet) }}</span>
+                    </template>
+                </el-table-column>
+                <el-table-column :label="$t('system:hospital:table:hospitalCode')" prop="HospitalCode"
+                    show-overflow-tooltip />
+                <el-table-column :label="$t('system:hospital:table:isDefault')" prop="IsDefault" show-overflow-tooltip>
+                    <template slot-scope="scope">
+                        <span>{{ $fd("YesOrNo", scope.row.IsDefault) }}</span>
+                    </template>
+                </el-table-column>
+
+                <el-table-column :label="$t('system:hospital:table:createTime')" prop="CreateTime" min-width="150"
+                    show-overflow-tooltip />
+                <el-table-column :label="$t('system:hospital:table:updateTime')" prop="UpdateTime" min-width="150"
+                    show-overflow-tooltip />
+
+                <el-table-column :label="$t('common:action:action')" fixed="right" prop="" min-width="200"
+                    show-overflow-tooltip>
+                    <template slot-scope="scope">
+                        <el-button size="mini" :disabled="scope.row.IsDefault" type="text" icon="el-icon-circle-check"
+                            @click="setDefault(scope.row)">
+                            {{ $t('system:hospital:button:setDefault') }}
+                        </el-button>
+                        <el-button size="mini" type="text" icon="el-icon-edit-outline" @click="handleEdit(scope.row)">
+                            {{ $t('common:button:edit') }}
+                        </el-button>
+                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">
+                            {{ $t('common:button:delete') }}
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class="pagination" style="text-align: right; margin-top: 5px">
+                <pagination :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
+                    @pagination="getList" />
+            </div>
+        </div>
+        <el-dialog top="3vh" :title="status === 'edit' ? '编辑' : '新增'" :visible.sync="visible" width="850px">
+            <system-hospital v-if="visible" :status="status" :rowData="rowData" @getList="getList" @close="close" />
+        </el-dialog>
+
+    </div>
+</template>
+<script>
+import { getHIRHospitalList, deleteHIRHospital, updateDefaultHospital } from '@/api/admin'
+import Pagination from '@/components/Pagination'
+import systemHospital from './form.vue'
+import moment from 'moment'
+const searchDataDefault = () => {
+    return {
+        HospitalName: null,
+        Country: null,
+        City: null,
+        Province: null,
+        Address: null,
+        Phone: null,
+        Asc: false,
+        SortField: 'CreateTime',
+        PageIndex: 1,
+        PageSize: 20,
+    }
+}
+export default {
+    components: { Pagination, systemHospital },
+    data() {
+        return {
+            moment,
+            searchData: searchDataDefault(),
+            list: [],
+            total: 0,
+            loading: false,
+
+            visible: false,
+            status: 'default',
+            rowData: {}
+        }
+    },
+    mounted() {
+        this.getList()
+    },
+    methods: {
+        async setDefault(row) {
+            try {
+                this.$confirm(this.$t('system:hospital:message:setDefault'), {
+                    type: 'warning',
+                    distinguishCancelAndClose: true,
+                }).then(async () => {
+                    let res = await updateDefaultHospital({HirHospitalId:row.Id})
+                    if (res.IsSuccess) {
+                        this.getList()
+                    }
+                }).catch(err => {
+                    console.log(err)
+                    this.loading = false
+                })
+            } catch (err) {
+                console.log(err)
+            }
+        },
+        close() {
+            this.visible = false
+            this.rowData = {}
+            this.status = "default"
+        },
+        getList() {
+            this.loading = true
+            getHIRHospitalList(this.searchData)
+                .then((res) => {
+                    this.loading = false
+                    this.list = res.Result.CurrentPageData
+                    this.total = res.Result.TotalCount
+                })
+                .catch(() => {
+                    this.loading = false
+                })
+        },
+        handleAdd() {
+            this.status = 'add'
+            this.visible = true
+        },
+        handleEdit(row) {
+            this.status = 'edit'
+            this.rowData = row
+            this.visible = true
+        },
+        // 重置列表查询
+        handleReset() {
+            this.searchData = searchDataDefault()
+            this.getList()
+        },
+        // 删除
+        handleDelete(row) {
+            this.$confirm('是否确认删除？', {
+                type: 'warning',
+                distinguishCancelAndClose: true,
+            }).then(() => {
+                this.loading = true
+                deleteHIRHospital(row.Id)
+                    .then((res) => {
+                        this.loading = false
+                        if (res.IsSuccess) {
+                            this.getList()
+                            this.$message.success(
+                                this.$t('common:message:deletedSuccessfully')
+                            )
+                        }
+                    })
+                    .catch(() => {
+                        this.loading = false
+                    })
+            })
+        },
+        // 排序
+        handleSortByColumn(column) {
+            if (column.order === 'ascending') {
+                this.searchData.Asc = true
+            } else {
+                this.searchData.Asc = false
+            }
+            this.searchData.SortField = column.prop
+            this.searchData.PageIndex = 1
+            this.getList()
+        },
+    },
+}
+</script>
+<style lang="scss" scoped>
+.log {
+    padding-top: 20px;
+
+    ::v-deep .el-dialog__body {
+        padding-bottom: 5px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/system/hospital/uploadLogo.vue b/src/views/system/hospital/components/uploadLogo.vue
similarity index 100%
rename from src/views/system/hospital/uploadLogo.vue
rename to src/views/system/hospital/components/uploadLogo.vue
diff --git a/src/views/system/hospital/index.vue b/src/views/system/hospital/index.vue
index e3c98ab..0ef1827 100644
--- a/src/views/system/hospital/index.vue
+++ b/src/views/system/hospital/index.vue
@@ -1,199 +1,27 @@
 <template>
   <div class="hospital">
-    <el-form
-      ref="hospitalForm"
-      size="small"
-      :model="hospital"
-      :rules="hospitalFormRules"
-      label-width="150px"
-      style="width: 800px"
-    >
-      <el-card class="Basic" shadow="never" size="small">
-        <el-form-item :label="$t('system:hospital:name')" prop="HospitalName">
-          <el-input
-            v-model.trim="hospital.HospitalName"
-            :disabled="disabled"
-            clearable
-          />
-        </el-form-item>
-        <el-form-item :label="$t('system:hospital:code')" prop="HospitalCode">
-          <el-input
-            v-model.trim="hospital.HospitalCode"
-            :disabled="disabled || hasPermi(['role:oa'])"
-            clearable
-          />
-        </el-form-item>
-
-        <el-form-item
-          :label="$t('system:hospital:aliasName')"
-          prop="HospitalAliasName"
-        >
-          <el-input
-            v-model="hospital.HospitalAliasName"
-            :disabled="disabled"
-            clearable
-          />
-        </el-form-item>
-
-        <el-form-item :label="$t('system:hospital:country')" prop="Country">
-          <el-input v-model="hospital.Country" :disabled="disabled" clearable />
-        </el-form-item>
-        <el-form-item :label="$t('system:hospital:province')" prop="Province">
-          <el-input
-            v-model="hospital.Province"
-            :disabled="disabled"
-            clearable
-          />
-        </el-form-item>
-        <el-form-item :label="$t('system:hospital:city')" prop="City">
-          <el-input v-model="hospital.City" :disabled="disabled" clearable />
-        </el-form-item>
-        <el-form-item :label="$t('system:hospital:address')" prop="Address">
-          <el-input v-model="hospital.Address" :disabled="disabled" clearable />
-        </el-form-item>
-        <el-form-item :label="$t('system:hospital:phone')" prop="Phone">
-          <el-input v-model="hospital.Phone" :disabled="disabled" clearable />
-        </el-form-item>
-        <el-form-item
-          :label="$t('system:hospital:trialKeepCount')"
-          prop="TrialKeepCount"
-        >
-          <el-input
-            v-model="hospital.TrialKeepCount"
-            :disabled="disabled || hasPermi(['role:oa'])"
-            type="number"
-            clearable
-          />
-        </el-form-item>
-        <el-form-item
-          :label="$t('system:hospital:isCanConnectInternet')"
-          v-hasPermi="['system:hospital:connectInternet']"
-        >
-          <el-switch
-            v-model="hospital.IsCanConnectInternet"
-            active-color="#13ce66"
-            inactive-color="#ff4949"
-            active-text="是"
-            inactive-text="否"
-            :disabled="disabled"
-          >
-          </el-switch>
-        </el-form-item>
-        <el-form-item
-          :label="$t('system:hospital:logo')"
-          prop="HospitalLogoPath"
-        >
-          <upload-logo
-            :path.sync="hospital.HospitalLogoPath"
-            :disabled="disabled"
-          />
-        </el-form-item>
-      </el-card>
-      <el-form-item v-hasPermi="['system:hospital:edit']">
-        <el-button
-          type="primary"
-          size="small"
-          style="margin: 10px 15px"
-          :loading="btnLoading"
-          :disabled="btnLoading"
-          @click="handleSave"
-          >{{ $t("system:hospital:save") }}</el-button
-        >
-      </el-form-item>
-    </el-form>
+    <hospital-list v-if="isAdmin" />
+    <hospital-form v-else />
   </div>
 </template>
 <script>
-import { setHospital, getHospital } from "@/api/hospital.js";
-import uploadLogo from "./uploadLogo.vue";
+import hospitalList from "./components/list"
+import hospitalForm from "./components/form"
 export default {
   name: "systemHospital",
-  components: { "upload-logo": uploadLogo },
+  components: { hospitalList, hospitalForm },
   data() {
     return {
-      hospital: {
-        HospitalName: null,
-        HospitalAliasName: null,
-        HospitalCode: null,
-        Country: null,
-        City: null,
-        Province: null,
-        Address: null,
-        Phone: null,
-        IsCanConnectInternet: true,
-        Id: null,
-        TrialKeepCount: null,
-        HospitalLogoPath: null,
-      },
-      hospitalFormRules: {
-        HospitalName: [
-          { required: true, message: "请输入医院名称", trigger: "blur" },
-        ],
-        HospitalCode: [
-          { required: true, message: "请输入医院编码", trigger: "blur" },
-        ],
-        // HospitalLogoPath: [
-        //   { required: true, message: "请上传医院logo", trigger: "blur" },
-        // ],
-        TrialKeepCount: [
-          { required: true, message: "请输入未激活项目数", trigger: "blur" },
-        ],
-        // HospitalAliasName: [
-        //   { required: true, message: "请输入医院别称", trigger: "blur" },
-        // ],
-        // Country: [{ required: true, message: "请输入国家", trigger: "blur" }],
-        // City: [{ required: true, message: "请输入所在城市", trigger: "blur" }],
-        // Province: [
-        //   { required: true, message: "请输入所在省份", trigger: "blur" },
-        // ],
-        // Address: [
-        //   { required: true, message: "请输入医院地址", trigger: "blur" },
-        // ],
-        // Phone: [
-        //   { required: true, message: "请输入医院联系方式", trigger: "blur" },
-        // ],
-      },
-      btnLoading: false,
-    };
-  },
-  created() {
-    this.getInfo();
+
+    }
   },
   computed: {
-    disabled() {
-      return !this.hasPermi(["system:hospital:edit"]);
-    },
+    isAdmin() {
+      return this.hasPermi(['role:admin', 'role:dev'])
+    }
   },
   methods: {
-    async handleSave() {
-      if (this.btnLoading) return;
-      try {
-        let validate = await this.$refs.hospitalForm.validate();
-        if (!validate) return;
-        this.btnLoading = true;
-        let res = await setHospital(this.hospital);
-        this.btnLoading = false;
-        if (res.IsSuccess) {
-          this.$message.success(this.$t("common:message:savedSuccessfully"));
-        }
-      } catch (err) {
-        this.btnLoading = false;
-        console.log(err);
-      }
-    },
-    // 获取医院信息
-    async getInfo() {
-      try {
-        let res = await getHospital();
-        if (res.IsSuccess) {
-          Object.keys(this.hospital).forEach((key) => {
-            this.hospital[key] = res.Result[key];
-          });
-        }
-      } catch (err) {
-        console.log(err);
-      }
-    },
+
   },
 };
 </script>
@@ -201,10 +29,10 @@ export default {
 ::v-deep .is-error.my_new_pwd {
   margin-bottom: 40px;
 }
+
 .hospital {
   width: 100%;
   height: 100%;
   overflow-y: auto;
 }
 </style>
-