doctor-admin-components 1.0.13-pro.1 → 1.0.14-beta.2

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

@@ -0,0 +1,123 @@
+<!--
+ * @Author: zhangpengwei@1338418459736990.onaliyun.com zhangpengwei@1338418459736990.onaliyun.com
+ * @Date: 2024-02-22 11:04:36
+ * @LastEditors: zhangpengwei@1338418459736990.onaliyun.com zhangpengwei@1338418459736990.onaliyun.com
+ * @LastEditTime: 2024-06-05 13:48:22
+ * @FilePath: /doctor-admin-components 公共组件/packages/src/views/biz/bizFileInfo/contractFile/Process.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+    <div class="progress" :style="{backgroundColor:info.bgcolor}">
+        <el-row>
+            <el-col :span="info.hidden ? 13: 8">
+                <div class="progress-left">
+                    <img class="progress-img" :src="info.img" alt="">
+                    <div class="progress-text">{{ info.text}}</div>
+                </div>
+            </el-col>
+            <el-col :span="info.hidden ? 11 : 16">
+                <div class="progress-info"
+                 :style="{background:`linear-gradient(to right,${info.bgcolor} 0%, ${info.bgcolor} ${rate}%, #fff ${rate}%, #fff 100%)`}"
+                 >
+                 <div class="progress-info-text">
+                     <div v-if="info.textArr && info.textArr.length" class="progress-info-item" v-for="(textItem, key) in info.textArr" :key="key">
+                         {{textItem}}
+                     </div>
+                 </div>
+                </div>
+            </el-col>
+        </el-row>
+        <div v-if="!info.hidden" class="progress-rate">{{ $t('contractDetail.progress') }} {{ rate }}%</div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'DoctorAdminComponentsProgressDetail',
+    props: {
+        infoPro: {
+            type: Object,
+            default: () => {
+                return {};
+            },
+        },
+    },
+    data() {
+        return {
+            info:{},
+            rate:0
+        };
+    },
+
+    mounted() {
+    },
+
+    methods: {
+        
+    },
+    watch: {
+        infoPro: {
+            handler (val) {
+                this.info = val;
+                this.rate = +val.rate;
+            },
+            deep: true,
+            immediate: true
+        },
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.progress {
+    min-width: 85px;
+    min-height: 150px;
+    padding:5px;
+    box-sizing: border-box;
+    position:relative;
+    .progress-left {
+        min-height:150px;
+        display: flex;
+        align-items: center;
+        //justify-content: center;
+        margin-left:120px;
+        .progress-img {
+            width: 36px;
+            height: 36px;
+            background: #FFFFFF;
+            border-radius: 50%;
+        }
+        .progress-text {
+            font-size: 33px;
+            margin-left:30px;
+            font-weight: normal;
+            color: #fff;
+        }
+    }
+    .progress-rate {
+        position: absolute;
+        top:15px;
+        right:20px;
+        font-size: 18px;
+        font-weight: 600;
+        color: #231F20;
+    }
+    .progress-info {
+        min-height:150px;
+        overflow:hidden;
+        .progress-info-item {
+            margin-top:8px;
+            overflow:hidden;
+        }
+        .progress-info-text {
+            min-height:150px;
+            padding-left:10px;
+            display:flex;
+            flex-direction: column;
+            justify-content: center;
+        }
+    }
+
+
+}
+</style>

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/contractFile/ShowAndHide.vue

@@ -0,0 +1,178 @@
+<!--
+ * @Author: zhangpengwei@1338418459736990.onaliyun.com zhangpengwei@1338418459736990.onaliyun.com
+ * @Date: 2024-02-26 10:03:01
+ * @LastEditors: zhangpengwei@1338418459736990.onaliyun.com zhangpengwei@1338418459736990.onaliyun.com
+ * @LastEditTime: 2024-04-10 19:59:13
+ * @FilePath: /doctor-admin-components 公共组件/packages/src/views/biz/bizFileInfo/IMGPreviewCheckBox.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+    <div class="img-preview-root">
+        <div class="img-preview" :style="open ? 'height:max-content' : {'height':heightStr}">
+            <slot></slot>
+             <div class="billOfLadingNo-more"  @click.stop="openFun" v-if="imgList && imgList.length > HideAmount" :style="{'height':heightStr}">
+                <i v-if="open" class="el-icon-caret-top icon-more"></i>
+                <i v-else class="el-icon-caret-bottom icon-more"></i>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+
+export default {
+    name: 'ShowAndHide',
+    props: {
+        dataInfoArr: {
+            type: Array,
+            default: () => []
+        },
+        heightStr: {
+            type: String,
+            default: '110px'
+        },
+        HideAmount: {
+            type: Number,
+            default: 4
+        }
+    },
+    data() {
+        return {
+            open: false,
+            imgList: []
+        };
+    },
+
+    mounted() {
+        
+    },
+
+    methods: {
+
+
+
+        // 文件名称
+        extractFileName() {
+            return 'loading photos-' + this.info.containerNo + '/container ' + this.info?.containerId  + '/ Dated ' +  this.$moment(new Date().getTime()).format('YYYY-MM-DD')
+        },
+        /**
+         * @description: 下载一个文件
+         * @param {*} file
+         * @return {*}
+         */
+        downloadSingleFile(file) {
+            this.loadingInstance = Loading.service({
+                text: this.$t('contractDetail.loading'),
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)',
+            });
+            // 从URL中提取文件名
+            const fileName = this.extractFileName();
+            // 如果是zip文件，重新命名为当前时间戳，否则使用原文件名
+            const newName = /\.zip$/i.test(fileName) ? fileName + '.zip' : fileName;
+            saveAs(file.url, newName);
+            this.loadingInstance.close();
+        },
+
+        openFun () {
+            this.open = !this.open
+        },
+    },
+    watch: {
+        dataInfoArr: {
+            handler(val) {
+                if(val.length) {
+                    this.imgList = val;
+                }
+            },
+            deep: true,
+            immediate: true
+        }
+    },
+    computed: {
+    },
+    beforeDestroy() {
+        this.loadingInstance = null
+        clearTimeout(this.timer)
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.img-preview {
+    display:flex;
+    flex-wrap: wrap;
+    padding-right:40px;
+    height:110px;
+    overflow:hidden;
+    position: relative;
+    width:100%;
+    .img-block {
+        position: relative;
+        margin:0 15px 15px 0;
+        background-color: #666;
+    }
+    .fold-wrap {
+        position: absolute;
+        right: 0;
+        width: 80px;
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        .el-button {
+            margin-bottom: 20px;
+        }
+    
+    }
+}
+.checkbox-size {
+    position:absolute;
+    left:0;
+    width:18px;
+    height:18px;
+}
+.download-icon {
+    position: absolute;
+    bottom:2px;
+    right:0;
+    background-color: #fff;
+    cursor: pointer;
+}
+
+.billOfLadingNo-more {
+    width:20px;
+    height:100px;
+    position:absolute;
+    right:0;
+    top:0;
+    background-color: #999;
+    text-align: center;
+    .icon-more {
+        position: absolute;
+        top: 50%;
+        left:50%;
+        transform: translate(-50%, -50%);
+    }
+  }
+
+.img-preview-root {
+    position: relative;
+    .batch-download {
+        position: absolute;
+        top: -41px;
+        left: 620px;
+        min-width: 80px;
+        width:max-content;
+        padding:0 10px;
+        height: 22px;
+        line-height: 22px;
+        text-align: center;
+        border-radius: 10px;
+        background-color: #54B8FF;
+        cursor: pointer;
+        font-size:12px;
+    }
+}
+
+</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>