Merge branch 'dev' of https://git.citupro.com/zhengnaiwen_citu/menduner into dev

src/views/PersonalCenter/dynamic/right.vue

@@ -27,7 +27,8 @@
       <div class="d-flex attachment-item my-2 cursor-pointer" v-for="k in attachmentList" :key="k.id">
         <v-icon color="primary">mdi-file-account</v-icon>
         <div class="file-name ellipsis ml-2">{{ k.title }}</div>
-        <v-icon class="mr-2" color="primary" @click="handleDownload(k)">mdi-download-box-outline</v-icon>
+        <v-icon color="primary" @click="handlePreview(k.url)">mdi-eye-outline</v-icon>
+        <v-icon class="mx-2" color="primary" @click="handleDownload(k)">mdi-download-box-outline</v-icon>
         <v-icon color="error" @click="handleDelete(k)">mdi-trash-can-outline</v-icon>
       </div>
     </div>
@@ -126,6 +127,13 @@ const handleDownload = (k) => {
   })
 }
 
+// 预览
+const handlePreview = (url) => {
+  var baseUrl = "https://view.xdocin.com/view?src="
+  baseUrl += encodeURIComponent(url)
+  window.open(baseUrl)
+}
+
 </script>
 
 <style scoped lang="scss">
@@ -182,7 +190,7 @@ const handleDownload = (k) => {
     color: #555;
     font-size: 14px;
     .file-name {
-      width: 260px;
+      width: 230px;
       &:hover {
         color: var(--v-primary-base);
       }