From 1f0744146e1e6bc714b820447137578a9c1c0d59 Mon Sep 17 00:00:00 2001
From: feige <feige@qq.com>
Date: 星期一, 24 四月 2023 20:59:55 +0800
Subject: [PATCH] 吧家庭大事记,资产管理家庭设备,家庭小医生,通讯录的导入功能,电子文件,序号以及详情页面上传附件的预览功能,删除已经全部完成

---
 ruoyi-ui/src/views/doctor/doctorInfo.vue |   83 ++++++++++++++++++++++++++++++++---------
 1 files changed, 64 insertions(+), 19 deletions(-)

diff --git a/ruoyi-ui/src/views/doctor/doctorInfo.vue b/ruoyi-ui/src/views/doctor/doctorInfo.vue
index 0ec6975..f8f36b4 100644
--- a/ruoyi-ui/src/views/doctor/doctorInfo.vue
+++ b/ruoyi-ui/src/views/doctor/doctorInfo.vue
@@ -92,25 +92,56 @@
       </el-upload>
 
       <h4 class="form-header">鍏朵粬闄勪欢 </h4>
-      <el-upload
-        action=""
-        :file-list="fileListOther"
-        class="upload-demo"
-        multiple
-        :on-preview="handlePreview"
+    <el-upload
+            action=""
+            :file-list="fileListOther"
+            class="upload-demo"
+            multiple
+            list-type="picture-card"
+            :on-preview="handleFileCardPreview"
+            :on-remove="handleRemove"
+            :http-request="requestUpload"
+            :show-file-list="true"
+          >
 
-        :on-remove="handleRemove"
-        :http-request="requestUpload"
-        :show-file-list="true"
-      >
-        <el-button type="primary">鐐瑰嚮涓婁紶</el-button>
-        <template #tip>
-          <div class="el-upload__tip">
-          </div>
-        </template>
+              <i slot="default" class="el-icon-plus"></i>
+              <div slot="file" slot-scope="{file}">
+                <img
+                  class="el-upload-list__item-thumbnail"
+                  src="../../assets/401_images/401.gif"
+                  alt=""
+                  style="width: 147px; height: 147px"
+                  fit="cover"
+                >
+                <span class="el-upload-list__item-actions">
+                <span
+                  class="el-upload-list__item-preview"
+                  @click="handleFileCardPreview(file)"
+                >
+                  <i class="el-icon-zoom-in"></i>
+                </span>
+                <span
+    v-if="!disabled"
+                  @click="handleRemove(file)"
+                  class="el-upload-list__item-delete"
+
+                >
+                  <i class="el-icon-download"></i>
+                </span>
+                <span
+                  v-if="!disabled"
+                  class="el-upload-list__item-delete"
+                  @click="handleRemoveFile(file)"
+                >
+                  <i class="el-icon-delete"></i>
+                </span>
+              </span>
 
 
-      </el-upload>
+              </div>
+
+
+          </el-upload>
 
       <el-form-item size="large">
         <el-button type="primary" @click="submitForm" :disabled="dsb">淇敼</el-button>
@@ -137,7 +168,7 @@
     return {
       cdi:"灏卞尰璁板綍璇︾粏淇℃伅",
       udi:"灏卞尰璁板綍淇℃伅璇︽儏",
-      fot:[".jpg",".jif"],
+      fot:[".jpg",".jif","png"],
       fileList:[
       ],
       fileListOther:[
@@ -314,10 +345,24 @@
       })
     },
     handleRemoveFile(file) {
-      alert(23)
+      for(let i = 0; i < this.fileListOther.length; i++)
+      {
+        if(this.fileListOther[i].url==file.url)
+          this.$delete(this.fileListOther,i);
+      }
     },
     handleRemove(file) {
-      alert(323)
+      for(let i = 0; i < this.fileList.length; i++)
+      {
+        if(this.fileList[i].url==file.url)
+          this.$delete(this.fileList,i);
+      }
+    },
+    handleFileCardPreview(file){
+      this.dialogFileUrl = file.url;
+      const Base64 = require('js-base64').Base64
+      this.desurl = process.env.VUE_APP_BASE_OTHER_API+'onlinePreview?url='+encodeURIComponent(Base64.encode(this.dialogFileUrl));
+      myWindow=window.open(this.desurl,'','width=1200,height=800,top=150,left=300');
     },
     handlePictureCardPreview(file) {
       this.dialogImageUrl = file.url;

--
Gitblit v1.9.1