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

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

@@ -1,34 +1,55 @@
 <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 && !hiddenSelect" 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-pdf" v-if="isPdf(fileInfo.url)"></div>
+          <el-image style="width: 38px; height: 46px" :src="fileInfo.url" fit="contain" :preview-src-list="[fileInfo.url]" v-else-if="isImage(fileInfo.url)"></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
+              v-if="!fileInfo.downloadUrl"
+              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">
+                   {{ $t('contractDetail.withdraw_sign') }} 
+                  </el-dropdown-item>
+                  <el-dropdown-item command="rename">{{$t('contractDetail.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">{{$t('contractDetail.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>
@@ -37,7 +58,7 @@
     <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-input v-model="form.fileName" :placeholder="$t('contractDetail.Please_enter_a_file_name')" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -60,7 +81,9 @@
 </template>
 <script>
 import { downloadFile } from '../../../utils/request'
-import { getBizFileInfo, delBizFileInfo, addBizFileInfo, updateBizFileInfo } from '../../../api/biz/bizFileInfo'
+import { getBizFileInfo, delBizFileInfo, addBizFileInfo, updateBizFileInfo, shipmentWithDrawDraftBill } from '../../../api/biz/bizFileInfo'
+import { isImage, isPdf } from '../../../utils/index';
+
 export default {
   name: 'FileShow',
   props: {
@@ -75,14 +98,34 @@ export default {
         }
       }
     },
+    selectFileListProp: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
     //是否隐藏操作
     hiddenOperation: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
+    hiddenSelect: {
+      type: Boolean,
+      default: false,
+    },
+    type: {
+      type: String,
+      default: '',
+    },
+    deleteTips: {
+      type: String,
+      default: null,
+    },
   },
   data() {
     return {
+      isImage,
+      isPdf,
       checkedIds: [],
       //是否显示上传弹出层
       uploadOpen: false,
@@ -93,9 +136,10 @@ export default {
       // 表单参数
       form: {},
       //上传表单
-      uploadForm: {}
+      uploadForm: {},
+      checkFlag: false,
     }
-  },
+  },  
   computed: {
     fileId() {
       return this.fileInfo.fileId
@@ -167,13 +211,20 @@ export default {
     handleDelete(row) {
       const fileIds = row.fileId || this.ids
       this.$modal
-        .confirm('是否确认删除该文件？')
+        .confirm(this.deleteTips || '是否确认删除该文件？')
         .then(function () {
           return delBizFileInfo(fileIds)
         })
         .then(() => {
-          this.$emit('refresh')
-          this.$modal.msgSuccess('删除成功')
+          if(row.fileType == "draft_bill_of_lading") {
+            shipmentWithDrawDraftBill({shipmentId:row.linkId}).then(() => {
+              this.$emit('refresh')
+              this.$modal.msgSuccess('删除成功')
+            })
+          } else {
+            this.$emit('refresh')
+            this.$modal.msgSuccess('删除成功')
+          }
         })
         .catch(() => {})
     },
@@ -207,26 +258,36 @@ 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
       }
     },
-    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)
+      if(this.fileInfo.downloadUrl) {
+        let filename
+      if (this.fileInfo.billType === 'receipt') {
+        filename = 'DebitNote ' + this.fileInfo.billNo + '.pdf'
+      } else {
+        filename = 'CreditNote ' + this.fileInfo.billNo + '.pdf'
+      }
+      this.$download.zip('/bill/download?id=' + this.fileInfo.id, filename)
+      } else {
+        downloadFile(this.fileInfo.url, this.fileInfo.fileName)
+      }
     },
     openFile(url) {
       window.open(url)
@@ -234,20 +295,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 +335,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 +344,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;
         }