doctor-admin-components 1.0.13-beta.21 → 1.0.13-beta.22

package/packages/src/views/biz/bizFileInfo/contractFile/SectionSlot.vue

@@ -0,0 +1,83 @@
+<!--
+ * @Author: zhangpengwei@1338418459736990.onaliyun.com zhangpengwei@1338418459736990.onaliyun.com
+ * @Date: 2024-02-22 13:50:20
+ * @LastEditors: zhangpengwei@1338418459736990.onaliyun.com zhangpengwei@1338418459736990.onaliyun.com
+ * @LastEditTime: 2024-02-22 14:59:52
+ * @FilePath: /doctor-admin-components 公共组件/packages/src/views/biz/bizFileInfo/contractFile/SectionSlot.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+    <div>
+        <div>
+            <slot name="header"></slot>
+        </div>
+        <div class="slot-content-root" :style="{backgroundColor:info.bgcolor}">
+            <div :style="open ? 'height:max-content' : 'height:0;overflow:hidden'">
+                <slot name="content"></slot>
+            </div>
+            <div class="arrow" @click="open = !open">
+                <i v-if="open"  class="el-icon-arrow-up"></i>
+                <i v-else class="el-icon-arrow-down"></i>
+            </div>
+        </div>
+        
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'DoctorAdminComponentsSectionSlot',
+    props: {
+        infoPro: {
+            type: Object,
+            default: () => {
+                return {};
+            },
+        },
+    },
+    data() {
+        return {
+            open:false
+        };
+    },
+
+    mounted() {
+        
+    },
+
+    methods: {
+        
+    },
+    watch: {
+        infoPro: {
+            handler (val) {
+                this.info = val;
+            },
+            deep: true,
+            immediate: true
+        },
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+
+.slot-content-root {
+    padding-bottom:25px;
+    background-color: #fff;
+    position: relative;
+    .arrow {
+        position:absolute;
+        bottom:0;
+        text-align: center;
+        width:100%;
+        color:#fff;
+        cursor: pointer;
+        i {
+            font-size: 24px;
+        }
+    }
+
+}
+
+</style>

package/packages/src/views/biz/bizFileInfo/fileShow copy.vue

@@ -0,0 +1,321 @@
+<template>
+  <div class="file-info" v-if="fileInfo.url">
+    <div class="main">
+      <el-checkbox v-if="!this.hiddenOperation" label="" @change="handleCheck">
+      </el-checkbox>
+      <div class="area">
+        <div class="area-info">
+          <div class="area-pdf" v-if="fileInfo.ext == '.pdf'"></div>
+          <el-image
+            style="width: 54px; height: 54px"
+            :src="fileInfo.url"
+            fit="contain"
+            :preview-src-list="[fileInfo.url]"
+            v-else-if="isImage(fileInfo.ext)"
+          ></el-image>
+          <div class="area-file" v-else></div>
+          <el-button
+            type="text"
+            size="mini"
+            class="ml5"
+            @click="openFile(fileInfo.url)"
+            >{{ $t("contractDetail.preview") }}</el-button
+          >
+          <el-button type="text" size="mini" @click="handleDownload">
+            {{ $t("contractDetail.download") }}
+          </el-button>
+        </div>
+        <div v-if="!this.hiddenOperation">
+          <el-dropdown trigger="click" @command="handleCommand">
+            <span class="el-dropdown-link">
+              {{ fileInfo.fileName }}
+              <i class="el-icon-arrow-down el-icon--right"></i>
+            </span>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="delete">{{
+                $t("contractDetail.delete")
+              }}</el-dropdown-item>
+              <el-dropdown-item command="rename">重命名</el-dropdown-item>
+              <el-dropdown-item command="deleteAndUpload">
+                {{ $t("contractDetail.deleteAndUpload") }}
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </div>
+        <div v-else  style="width:120px;word-break:break-all">
+          {{ fileInfo.fileName }}
+        </div>
+      </div>
+    </div>
+
+    <!-- 添加或修改文件信息对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="550px" append-to-body>
+      <el-form ref="form" :model="form" label-width="100px">
+        <el-form-item :label="$t('contractDetail.fileNmae')" prop="fileName">
+          <el-input v-model="form.fileName" placeholder="请输入文件名" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">{{
+          $t("button.confirm")
+        }}</el-button>
+        <el-button @click="cancel">{{ $t("button.cancel") }}</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 上传文件信息对话框 -->
+    <el-dialog
+      :title="title"
+      :visible.sync="uploadOpen"
+      width="550px"
+      append-to-body
+    >
+      <el-form ref="form" :model="uploadForm" label-width="100px">
+        <file-upload v-model="uploadForm.fileInfoList"> </file-upload>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitUploadForm">{{
+          $t("button.confirm")
+        }}</el-button>
+        <el-button @click="cancel">{{ $t("button.cancel") }}</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { downloadFile } from "../../../utils/request";
+import {
+  getBizFileInfo,
+  delBizFileInfo,
+  addBizFileInfo,
+  updateBizFileInfo,
+} from "../../../api/biz/bizFileInfo";
+export default {
+  name: "FileShow",
+  props: {
+    // 文件信息
+    fileInfo: {
+      type: Object,
+      default: () => {
+        return {
+          url: "",
+          fileName: "",
+          ext: "",
+        };
+      },
+    },
+    //是否隐藏操作
+    hiddenOperation: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      checkedIds: [],
+      //是否显示上传弹出层
+      uploadOpen: false,
+      // 是否显示弹出层
+      open: false,
+      // 弹出层标题
+      title: "",
+      // 表单参数
+      form: {},
+      //上传表单
+      uploadForm: {},
+    };
+  },
+  computed: {
+    fileId() {
+      return this.fileInfo.fileId;
+    },
+  },
+  methods: {
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.uploadOpen = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        fileId: null,
+        linkId: null,
+        linkType: null,
+        fileName: null,
+        fileType: null,
+        url: null,
+        createTime: null,
+        ext: null,
+      };
+      this.uploadForm = {
+        fileId: null,
+        linkId: null,
+        linkType: null,
+        fileName: null,
+        fileType: null,
+        url: null,
+        createTime: null,
+        ext: null,
+        fileInfoList: [],
+      };
+      this.resetForm("form");
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.fileId != null) {
+            updateBizFileInfo(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.$emit("refresh");
+            });
+          } else {
+            addBizFileInfo(this.form).then((response) => {
+              this.$modal.msgSuccess("新增成功");
+              this.open = false;
+              this.$emit("refresh");
+            });
+          }
+        }
+      });
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const fileId = row.fileId || this.ids;
+      getBizFileInfo(fileId).then((response) => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改文件信息";
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const fileIds = row.fileId || this.ids;
+      this.$modal
+        .confirm("是否确认删除该文件？")
+        .then(function () {
+          return delBizFileInfo(fileIds);
+        })
+        .then(() => {
+          this.$emit("refresh");
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    submitUploadForm() {
+      console.log(this.uploadForm);
+      addBizFileInfo(this.uploadForm).then((response) => {
+        this.$modal.msgSuccess("上传成功");
+        this.uploadOpen = false;
+        this.$emit("refresh");
+      });
+    },
+    handleDeleteAndUpload(row) {
+      const fileId = row.fileId;
+      this.$modal
+        .confirm("是否确认删除该文件并重新上传？")
+        .then(function () {
+          return delBizFileInfo(fileId);
+        })
+        .then(() => {
+          this.$modal.msgSuccess("删除成功");
+          this.reset();
+          this.uploadOpen = true;
+          this.uploadForm = {
+            linkId: row.linkId,
+            linkType: row.linkType,
+            fileType: row.fileType,
+          };
+          this.title = "上传文件";
+        })
+        .catch(() => {});
+    },
+    handleCommand(command) {
+      switch (command) {
+        case "delete":
+          this.handleDelete(this.fileInfo);
+          break;
+        case "rename":
+          this.handleUpdate(this.fileInfo);
+          break;
+        case "deleteAndUpload":
+          this.handleDeleteAndUpload(this.fileInfo);
+          break;
+        default:
+          break;
+      }
+    },
+    isImage(ext) {
+      return [".jpg", ".jpeg", ".png", ".gif"].includes(ext);
+    },
+    /** 下载文件 */
+    handleDownload() {
+      // this.download(this.fileInfo.url, {}, this.fileInfo.fileName);
+      downloadFile(this.fileInfo.url, this.fileInfo.fileName);
+    },
+    openFile(url) {
+      window.open(url);
+    },
+    handleCheck(val) {
+      if (val) {
+        this.$emit("checked", this.fileInfo);
+      } else {
+        this.$emit("uncheck", this.fileInfo.fileId);
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.file-info {
+  width: 160px;
+  display: flex;
+  // border: 1px solid red;
+  .main {
+    display: flex;
+    .area {
+      margin-left: 5px;
+      width: 100%;
+      height: 100%;
+      display: block;
+      .area-info {
+        display: flex;
+        .area-pdf {
+          width: 38px;
+          height: 46px;
+          background: url("../../../assets/images/pdf.png") no-repeat center;
+          background-size: contain;
+        }
+        .area-file {
+          width: 38px;
+          height: 46px;
+          background: url("../../../assets/images/file.png") no-repeat center;
+          background-size: contain;
+        }
+      }
+    }
+    .filename {
+      width: 140px;
+      margin-top: 10px;
+      font-size: 14px;
+      color: #333;
+      text-align: left;
+      word-wrap: break-word;
+    }
+  }
+  ::v-deep .el-dropdown {
+  }
+  .el-dropdown-link {
+    cursor: pointer;
+    color: #409eff;
+    word-break: break-word;
+  }
+  .el-icon-arrow-down {
+    font-size: 12px;
+  }
+}
+</style>

package/packages/src/views/biz/bizFileInfo/fileShow.vue

@@ -1,34 +1,54 @@
 <template>
   <div class="file-info" v-if="fileInfo.url">
     <div class="main">
-      <el-checkbox v-if="!this.hiddenOperation" label="" @change="handleCheck"> </el-checkbox>
+      <el-checkbox v-if="!this.hiddenOperation" label="" class="checkbox-position" @change="handleCheck" v-model="checkFlag">
+      </el-checkbox>
       <div class="area">
         <div class="area-info">
           <div class="area-pdf" v-if="fileInfo.ext == '.pdf'"></div>
           <el-image style="width: 54px; height: 54px" :src="fileInfo.url" fit="contain" :preview-src-list="[fileInfo.url]" v-else-if="isImage(fileInfo.ext)"></el-image>
           <div class="area-file" v-else></div>
-          <el-button type="text" size="mini" class="ml5" @click="openFile(fileInfo.url)">{{ $t('contractDetail.preview') }}</el-button>
-          <el-button type="text" size="mini" @click="handleDownload">
-            {{ $t('contractDetail.download') }}
-          </el-button>
-        </div>
-        <div v-if="!this.hiddenOperation">
-          <el-dropdown trigger="click" @command="handleCommand">
-            <span class="el-dropdown-link">
+          <div>
+          <div> {{ fileInfo.fileName }}</div>
+          <div class="preview-download-root">
+            <div
+              type="text"
+              size="mini"
+              class="preview-download"
+              @click="openFile(fileInfo.url)"
+              >{{ $t("contractDetail.preview") }}</div
+            >
+            <div  class="preview-download" type="text" size="mini" @click="handleDownload">
+              {{ $t("contractDetail.download") }}
+            </div>
+            <div v-if="!this.hiddenOperation">
+              <el-dropdown trigger="click" @command="handleCommand">
+                <span class="el-dropdown-link">
+                  <div class="more-icon"></div>
+                </span>
+                
+                <el-dropdown-menu slot="dropdown" v-if="type == 'signContract'" >
+                  <el-dropdown-item command="signContract">
+                    回签合同
+                  </el-dropdown-item>
+                  <el-dropdown-item command="rename">重命名</el-dropdown-item>
+                </el-dropdown-menu>
+                <el-dropdown-menu slot="dropdown" v-else >
+                  <el-dropdown-item command="delete">{{
+                    $t("contractDetail.delete")
+                  }}</el-dropdown-item>
+                  <el-dropdown-item command="rename">重命名</el-dropdown-item>
+                  <el-dropdown-item command="deleteAndUpload">
+                    {{ $t("contractDetail.deleteAndUpload") }}
+                  </el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </div>
+            <div v-else  style="width:120px;word-break:break-all">
               {{ fileInfo.fileName }}
-              <i class="el-icon-arrow-down el-icon--right"></i>
-            </span>
-            <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item command="delete">{{ $t('contractDetail.delete') }}</el-dropdown-item>
-              <el-dropdown-item command="rename">重命名</el-dropdown-item>
-              <el-dropdown-item command="deleteAndUpload">
-                {{ $t('contractDetail.deleteAndUpload') }}
-              </el-dropdown-item>
-            </el-dropdown-menu>
-          </el-dropdown>
-        </div>
-        <div v-else style="width: 120px; word-break: break-all">
-          {{ fileInfo.fileName }}
+            </div>
+          </div>
+          </div>
         </div>
       </div>
     </div>
@@ -75,11 +95,21 @@ export default {
         }
       }
     },
+    selectFileListProp: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
     //是否隐藏操作
     hiddenOperation: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
+    type: {
+      type: String,
+      default: '',
+    },
   },
   data() {
     return {
@@ -93,9 +123,10 @@ export default {
       // 表单参数
       form: {},
       //上传表单
-      uploadForm: {}
+      uploadForm: {},
+      checkFlag: false
     }
-  },
+  },  
   computed: {
     fileId() {
       return this.fileInfo.fileId
@@ -207,15 +238,18 @@ export default {
     },
     handleCommand(command) {
       switch (command) {
-        case 'delete':
-          this.handleDelete(this.fileInfo)
-          break
-        case 'rename':
-          this.handleUpdate(this.fileInfo)
-          break
-        case 'deleteAndUpload':
-          this.handleDeleteAndUpload(this.fileInfo)
-          break
+        case "delete":
+          this.handleDelete(this.fileInfo);
+          break;
+        case "rename":
+          this.handleUpdate(this.fileInfo);
+          break;
+        case "signContract":
+          this.$emit("signContract", this.fileInfo);
+          break;
+        case "deleteAndUpload":
+          this.handleDeleteAndUpload(this.fileInfo);
+          break;
         default:
           break
       }
@@ -234,20 +268,36 @@ export default {
     handleCheck(val) {
       if (val) {
         this.$emit('checked', this.fileInfo)
+        this.checkFlag = true
       } else {
         this.$emit('uncheck', this.fileInfo.fileId)
+        this.checkFlag = false
       }
     }
+  },
+  watch: {
+    selectFileListProp: {
+      handler(val) {
+        if(val == 0) {
+          this.checkFlag = false
+        }
+      },
+      immediate: true,
+      deep: true 
+    }
   }
 }
 </script>
 <style lang="scss" scoped>
 .file-info {
-  width: 160px;
+  min-width: 450px;
   display: flex;
   // border: 1px solid red;
   .main {
     display: flex;
+    .checkbox-position {
+      margin-top: 10px;
+    }
     .area {
       margin-left: 5px;
       width: 100%;
@@ -258,7 +308,7 @@ export default {
         .area-pdf {
           width: 38px;
           height: 46px;
-          background: url('../../../assets/images/pdf.png') no-repeat center;
+          background: url("../../../assets/images/pdf-new.png") no-repeat center;
           background-size: contain;
         }
         .area-file {
@@ -267,6 +317,33 @@ export default {
           background: url('../../../assets/images/file.png') no-repeat center;
           background-size: contain;
         }
+        .more-icon {
+          margin-left:10px;
+          cursor: pointer;
+          width: 20px;
+          height: 20px;
+          background: url("../../../assets/images/more.png") no-repeat center;
+          background-size: contain;
+        }
+        .preview-download-root {
+          display:flex;
+          margin-top:5px;
+          
+          .preview-download {
+            cursor: pointer;
+            margin-left:8px;
+            min-width: 45px;
+            width:max-content;
+            padding: 0 10px;
+            height: 21px;
+            text-align: center;
+            line-height: 17px;
+            background: #FFFFFF;
+            border-radius: 11px;
+            font-size:12px;
+            border: 2px solid #D1D3D4;
+          } 
+        }
       }
     }
     .filename {

package/packages/src/views/biz/bizFileInfo/fileShowClaim.vue

@@ -269,7 +269,7 @@ export default {
         .area-pdf {
           width: 38px;
           height: 46px;
-          background-image: url("../../../assets/images/pdf.png") no-repeat
+          background-image: url("../../../assets/images/pdf-new.png") no-repeat
             center;
           background-size: contain;
         }