登录二维码

src/utils/request.js

@@ -23,7 +23,7 @@ const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
   // baseURL: "http://192.168.3.142:8080/api",
   // baseURL: "http://192.168.3.90:8080/api",
-  // baseURL: "http://172.16.100.153:8080/api",
+  // baseURL: "http://172.16.100.153:8081/api",
   // baseURL: "http://j41711d831.wicp.vip/api",
   // 超时
   timeout: 10000
@@ -31,8 +31,7 @@ const service = axios.create({
 
 // request拦截器
 service.interceptors.request.use(config => {
-
-  if(config.url.startsWith("/chat/getMsg")){
+  if(config.url.startsWith("/chat/getMsg") || config.url.startsWith("/diagnosis-manage/page")){
   }else {
     // 在发送请求之前显示loading
     downloadLoadingInstance = Loading.service({ fullscreen: true });

src/views/login.vue

@@ -1,6 +1,11 @@
 <template>
   <div class="login">
-    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
+    <el-form
+      ref="loginForm"
+      :model="loginForm"
+      :rules="loginRules"
+      class="login-form"
+    >
       <h3 class="title">智汇口腔医院管理系统</h3>
       <el-form-item prop="username">
         <el-input
@@ -9,7 +14,11 @@
           auto-complete="off"
           placeholder="账号"
         >
-          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
+          <svg-icon
+            slot="prefix"
+            icon-class="user"
+            class="el-input__icon input-icon"
+          />
         </el-input>
       </el-form-item>
       <el-form-item prop="password">
@@ -20,7 +29,11 @@
           placeholder="密码"
           @keyup.enter.native="handleLogin"
         >
-          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
+          <svg-icon
+            slot="prefix"
+            icon-class="password"
+            class="el-input__icon input-icon"
+          />
         </el-input>
       </el-form-item>
       <el-form-item prop="code" v-if="captchaEnabled">
@@ -31,63 +44,93 @@
           style="width: 63%"
           @keyup.enter.native="handleLogin"
         >
-          <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
+          <svg-icon
+            slot="prefix"
+            icon-class="validCode"
+            class="el-input__icon input-icon"
+          />
         </el-input>
         <div class="login-code">
-          <img :src="codeUrl" @click="getCode" class="login-code-img"/>
+          <img :src="codeUrl" @click="getCode" class="login-code-img" />
         </div>
       </el-form-item>
       <!-- <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox> -->
-      <el-form-item style="width:100%;">
+      <el-form-item style="width: 100%">
         <el-button
           :loading="loading"
           size="medium"
           type="primary"
-          style="width:100%;"
+          style="width: 100%"
           @click.native.prevent="handleLogin"
         >
           <span v-if="!loading">登 录</span>
           <span v-else>登 录 中...</span>
         </el-button>
-        <div style="float: right;" v-if="register">
-          <router-link class="link-type" :to="'/register'">立即注册</router-link>
+        <div style="float: right" v-if="register">
+          <router-link class="link-type" :to="'/register'"
+            >立即注册</router-link
+          >
         </div>
       </el-form-item>
+      <div style="text-align: right">
+        <el-popover placement="bottom" width="270px" trigger="click">
+          <div style="display: flex;">
+            <div style="display: flex;flex-direction: column;align-items: center;">
+              <img src="@/assets/images/视慧口腔.png" style="width: 100px;height: 100px;">
+              <p>视慧口腔</p>
+            </div>
+            <div style="display: flex;flex-direction: column;align-items: center;margin-left: 20px;">
+              <img src="@/assets/images/口腔医院.png" style="width: 100px;height: 100px;">
+              <p>口腔医院</p>
+            </div>
+          </div>
+          <span style="color: #897d7d; cursor: pointer" slot="reference"
+            >App下载</span
+          >
+        </el-popover>
+      </div>
     </el-form>
     <!--  底部  -->
     <div class="el-login-footer">
-      <span style="font-size: 15px;font-weight: 700;">
-        使用推荐：谷歌浏览器 <a href="https://www.google.cn/chrome/"  style="color: #f00;" target="_blank">（点此下载）</a> 推荐屏幕分辨率1920 * 1080
+      <span style="font-size: 15px; font-weight: 700">
+        使用推荐：谷歌浏览器
+        <a
+          href="https://www.google.cn/chrome/"
+          style="color: #f00"
+          target="_blank"
+          >（点此下载）</a
+        >
+        推荐屏幕分辨率1920 * 1080
       </span>
     </div>
   </div>
 </template>
 
 <script>
-import { getCodeImg } from "@/api/login";
-import Cookies from "js-cookie";
+import { getCodeImg } from '@/api/login'
+import Cookies from 'js-cookie'
 import { encrypt, decrypt } from '@/utils/jsencrypt'
 
 export default {
-  name: "Login",
+  name: 'Login',
   data() {
     return {
-      codeUrl: "",
+      codeUrl: '',
       loginForm: {
-        username: "",
-        password: "",
+        username: '',
+        password: '',
         rememberMe: false,
-        code: "",
-        uuid: ""
+        code: '',
+        uuid: ''
       },
       loginRules: {
         username: [
-          { required: true, trigger: "blur", message: "请输入您的账号" }
+          { required: true, trigger: 'blur', message: '请输入您的账号' }
         ],
         password: [
-          { required: true, trigger: "blur", message: "请输入您的密码" }
+          { required: true, trigger: 'blur', message: '请输入您的密码' }
         ],
-        code: [{ required: true, trigger: "change", message: "请输入验证码" }]
+        code: [{ required: true, trigger: 'change', message: '请输入验证码' }]
       },
       loading: false,
       // 验证码开关
@@ -95,66 +138,75 @@ export default {
       // 注册开关
       register: false,
       redirect: undefined
-    };
+    }
   },
   watch: {
     $route: {
-      handler: function(route) {
-        this.redirect = route.query && route.query.redirect;
+      handler: function (route) {
+        this.redirect = route.query && route.query.redirect
       },
       immediate: true
     }
   },
   created() {
-    this.getCode();
-    this.getCookie();
+    this.getCode()
+    this.getCookie()
   },
   methods: {
     getCode() {
-      getCodeImg().then(res => {
-        this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled;
+      getCodeImg().then((res) => {
+        this.captchaEnabled =
+          res.captchaEnabled === undefined ? true : res.captchaEnabled
         if (this.captchaEnabled) {
-          this.codeUrl = "data:image/gif;base64," + res.img;
-          this.loginForm.uuid = res.uuid;
+          this.codeUrl = 'data:image/gif;base64,' + res.img
+          this.loginForm.uuid = res.uuid
         }
-      });
+      })
     },
     getCookie() {
-      const username = Cookies.get("username");
-      const password = Cookies.get("password");
+      const username = Cookies.get('username')
+      const password = Cookies.get('password')
       const rememberMe = Cookies.get('rememberMe')
       this.loginForm = {
         username: username === undefined ? this.loginForm.username : username,
-        password: password === undefined ? this.loginForm.password : decrypt(password),
+        password:
+          password === undefined ? this.loginForm.password : decrypt(password),
         rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
-      };
+      }
     },
     handleLogin() {
-      this.$refs.loginForm.validate(valid => {
+      this.$refs.loginForm.validate((valid) => {
         if (valid) {
-          this.loading = true;
+          this.loading = true
           if (this.loginForm.rememberMe) {
-            Cookies.set("username", this.loginForm.username, { expires: 30 });
-            Cookies.set("password", encrypt(this.loginForm.password), { expires: 30 });
-            Cookies.set('rememberMe', this.loginForm.rememberMe, { expires: 30 });
+            Cookies.set('username', this.loginForm.username, { expires: 30 })
+            Cookies.set('password', encrypt(this.loginForm.password), {
+              expires: 30
+            })
+            Cookies.set('rememberMe', this.loginForm.rememberMe, {
+              expires: 30
+            })
           } else {
-            Cookies.remove("username");
-            Cookies.remove("password");
-            Cookies.remove('rememberMe');
+            Cookies.remove('username')
+            Cookies.remove('password')
+            Cookies.remove('rememberMe')
           }
-          this.$store.dispatch("Login", this.loginForm).then(() => {
-            this.$router.push({ path: this.redirect || "/" }).catch(()=>{});
-          }).catch(() => {
-            this.loading = false;
-            if (this.captchaEnabled) {
-              this.getCode();
-            }
-          });
+          this.$store
+            .dispatch('Login', this.loginForm)
+            .then(() => {
+              this.$router.push({ path: this.redirect || '/' }).catch(() => {})
+            })
+            .catch(() => {
+              this.loading = false
+              if (this.captchaEnabled) {
+                this.getCode()
+              }
+            })
         }
-      });
+      })
     }
   }
-};
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">
@@ -163,7 +215,7 @@ export default {
   justify-content: center;
   align-items: center;
   height: 100%;
-  background-image: url("https://p0.itc.cn/q_70/images01/20230524/6b270ac81ed14eba8b32184ef268358f.jpeg");
+  background-image: url('https://p0.itc.cn/q_70/images01/20230524/6b270ac81ed14eba8b32184ef268358f.jpeg');
   background-size: cover;
 }
 

src/views/settingsPage/clinicOverview/index.vue

@@ -62,11 +62,15 @@
         </el-col>
         <el-col :span="8">
           <el-image
+            v-if="tableData.logoPic"
             style="width: 100px; height: 100px"
             :src="baseUrl + tableData.logoPic"
             :preview-src-list="(baseUrl + tableData.logoPic).split()"
           >
           </el-image>
+          <div v-else style="width: 100px;color: #c0c4cc; background-color: #f5f7fa;height: 100px;display: flex;justify-content: center;align-items: center;">
+            暂无图片
+          </div>
         </el-col>
       </el-row>
 
@@ -128,6 +132,7 @@
         <el-col :span="12" style="display: flex">
           <div class="right_Pic">
             <el-image
+              v-if="tableData.medicalInstitutionOccupationalLicense"
               class="img_pic"
               :src="baseUrl + tableData.medicalInstitutionOccupationalLicense"
               :preview-src-list="
@@ -137,10 +142,14 @@
               "
             >
             </el-image>
+            <div v-else class="img_pic" style="width: 250px;color: #c0c4cc; background-color: #f5f7fa;height: 150px;display: flex;justify-content: center;align-items: center;">
+              暂无图片
+            </div>
             <p>医疗机构职业许可证</p>
           </div>
           <div class="right_Pic" style="margin-left: 20px">
             <el-image
+            v-if="tableData.scannedCopyBusinessLicense"
               class="img_pic"
               :src="baseUrl + tableData.scannedCopyBusinessLicense"
               :preview-src-list="
@@ -148,6 +157,9 @@
               "
             >
             </el-image>
+            <div v-else class="img_pic" style="width: 250px;color: #c0c4cc; background-color: #f5f7fa;height: 150px;display: flex;justify-content: center;align-items: center;">
+              暂无图片
+            </div>
             <p>营业执照扫描件</p>
           </div>
         </el-col>
@@ -164,7 +176,6 @@
             </li>
             <li class="li_box_special">
               <span class="width_fixed"> banner图： </span>
-              <span>
                 <el-image
                   v-if="tableData.bannerPic1"
                   class="img_box"
@@ -172,6 +183,9 @@
                   :preview-src-list="(baseUrl + tableData.bannerPic1).split()"
                 >
                 </el-image>
+                <div v-else class="img_box" style="width: 300px;color: #c0c4cc; background-color: #f5f7fa;height: 150px;display: flex;justify-content: center;align-items: center;">
+                  暂无图片
+                </div>
 
                 <el-image
                   v-if="tableData.bannerPic2"
@@ -180,6 +194,9 @@
                   :preview-src-list="(baseUrl + tableData.bannerPic2).split()"
                 >
                 </el-image>
+                <div v-else class="img_box" style="width: 300px;color: #c0c4cc; background-color: #f5f7fa;height: 150px;display: flex;justify-content: center;align-items: center;">
+                  暂无图片
+                </div>
 
                 <el-image
                   v-if="tableData.bannerPic3"
@@ -188,7 +205,9 @@
                   :preview-src-list="(baseUrl + tableData.bannerPic3).split()"
                 >
                 </el-image>
-              </span>
+                <div v-else style="width: 300px;margin-left: 20px;color: #c0c4cc; background-color: #f5f7fa;height: 150px;display: flex;justify-content: center;align-items: center;">
+                  暂无图片
+                </div>
             </li>
           </ul>
         </el-col>

src/views/system/medicalRecord/addTemplateDialog.vue

@@ -33,6 +33,9 @@
               v-model="ruleForm.diagnosisManageId"
               filterable
               style="width: 350px"
+              remote 
+              :remote-method="handleRemota"
+              v-lazy-load-dropdown="handleScrollDropdown"
             >
               <el-option
                 :label="item.diagnosisName"
@@ -40,6 +43,15 @@
                 v-for="item in diagnosisNameOptions"
                 :key="item.id"
               ></el-option>
+              <!-- <pagination
+                v-show="total > 0"
+                :total="total"
+                :page.sync="pageNum"
+                :limit.sync="pageSize"
+                @pagination="initOptions"
+                layout="prev, pager, next"
+                :small="true"
+              /> -->
             </el-select>
           </el-form-item>
           <el-form-item label="模板描述：" prop="templateDesc">
@@ -188,7 +200,8 @@
 import {
   diagnosisManageOptions,
   diagnosisTypetemplateAdd,
-  diagnosisTypetemplateUpdate
+  diagnosisTypetemplateUpdate,
+  diagnosisManageList
 } from '@/api/allApi.js'
 import { deptTreeSelect } from '@/api/system/user'
 
@@ -215,6 +228,19 @@ export default {
       default: {}
     }
   },
+  directives: {
+        'lazy-load-dropdown': {
+            bind(el, binding) {
+                const SELECT_DOM = el.querySelector('.el-select-dropdown .el-scrollbar__wrap')
+                // SELECT_DOM 获取到的dmo节点 下面需要用到dmo节点的clientHeight
+                SELECT_DOM.addEventListener('scroll', () => {
+                    if (SELECT_DOM.scrollTop + SELECT_DOM.clientHeight >= SELECT_DOM.scrollHeight) {
+                        binding.value()
+                    }
+                })
+            }
+        }
+    },
   data() {
     return {
       addTemplateDialogVisible: false,
@@ -268,7 +294,11 @@ export default {
           { required: true, message: '请输入处置', trigger: 'blur' }
         ]
       },
-      diagnosisNameOptions: []
+      diagnosisParam: "",
+      pageNum: 1,
+      pageSize: 10,
+      diagnosisNameOptions: [],
+      total: 0
     }
   },
   watch: {
@@ -287,10 +317,30 @@ export default {
   },
 
   methods: {
+    // 给自定义指令用的方法
+    handleScrollDropdown() {
+      this.pageSize += 10
+      // 这一步是做了一个容错判断 在pageNum>total 时 return出去
+      if (this.pageNum > this.pageSize) return
+      // 获取列表接口
+      this.initOptions()
+    },
+   // 远程搜索
+   handleRemota(val) {
+      if (val !== '') {
+          this.diagnosisParam = val
+          this.initOptions()
+      }
+  },
     async initOptions() {
-      const res = await diagnosisManageOptions()
+      const res = await diagnosisManageList({
+        pageSize: this.pageSize,
+        pageNum:  this.pageNum,
+        diagnosisParam: this.diagnosisParam
+      })
       if (res.code !== 200) return this.$message.error(res.msg)
-      this.diagnosisNameOptions = res.data
+      this.diagnosisNameOptions = res.rows
+      this.total = res.total
     },
     /** 查询科室下拉树结构 */
     getDeptTree() {

src/views/system/medicalRecord/index.vue

@@ -199,7 +199,7 @@
           :total="total"
           :page.sync="pageNum"
           :limit.sync="pageSize"
-          @pagination="diagnosisTypetemplatePage"
+          @pagination="initList"
         />
       </el-col>
     </el-row>