入会流程附件下载

src/pages/localTool/standCalendar/index.vue

@@ -41,10 +41,10 @@
               </div>
             </template>
           </el-calendar>
-<!--          <div class="footer">
-            <el-tag style="background-color: #e6a23c;color: white">当天会议</el-tag>
-            <el-tag style="margin-left: 20px;background-color: #67c23a;color: white">我的会议</el-tag>
-          </div>-->
+          <!--          <div class="footer">
+                      <el-tag style="background-color: #e6a23c;color: white">当天会议</el-tag>
+                      <el-tag style="margin-left: 20px;background-color: #67c23a;color: white">我的会议</el-tag>
+                    </div>-->
         </el-card>
       </el-col>
       <el-col :span="12">
@@ -52,7 +52,7 @@
           <div class="title_time">{{ timeDay.day || nowDate }}</div>
           <span class="card_info_empty " v-if="todayData.length === 0">
             <div style="text-align: center">
-              <img  :src="require('@/assets/images/meeting.png')">
+              <img :src="require('@/assets/images/meeting.png')">
             </div>
             <div style="text-align: center;font-weight: bold;color: #99999a">暂无会议</div>
           </span>
@@ -74,8 +74,13 @@
             <div class="content_text">
                 <span>会议附件 :
                  <span v-if="item.files.length === 0">{{ '-' }}</span>
-                  <span v-for="res in item.files" :key="res.id" style="color: #409EFF;" @click="previews(res.id)">
-                    {{ res.name }} {{ ';'}}
+                  <span v-else v-for="res in item.files" :key="res.id" style="color: #409EFF;" @click="previews(res.id)">
+                     <a v-if="res.name.length > 30" style="cursor: pointer">
+                      {{ res.name.slice(0, 30) + '...' }} {{ ';' }}
+                    </a>
+                    <a v-else style="cursor: pointer">
+                      {{ res.name }} {{ ';' }}
+                    </a>
                    </span>
                 </span>
             </div>
@@ -87,7 +92,7 @@
 </template>
 
 <script>
-import { meetingByMonth } from '@/api/unqualProcess.js'
+import {meetingByMonth} from '@/api/unqualProcess.js'
 
 export default {
   name: "calendar",
@@ -121,10 +126,10 @@ export default {
     let yy = new Date().getFullYear();
     let mm = new Date().getMonth() + 1;
     let dd = new Date().getDate();
-    if (mm<10) {
+    if (mm < 10) {
       mm = this.padding0(mm, 2)
     }
-    if (dd<10) {
+    if (dd < 10) {
       dd = this.padding0(dd, 2)
     }
     this.nowDate = yy + '-' + mm + '-' + dd
@@ -177,8 +182,8 @@ export default {
           this.resDate = res
           this.dealMyDate()
           this.todayData = []
-          this.resDate.forEach(item=>{
-            if (item.date.slice(0,10) === this.nowDate) {
+          this.resDate.forEach(item => {
+            if (item.date.slice(0, 10) === this.nowDate) {
               this.todayData.push(item)
             }
           })
@@ -210,11 +215,11 @@ export default {
       let yy = new Date().getFullYear();
       let mm = new Date().getMonth() + 1;
       let dd = new Date().getDate();
-      if (mm<10) {
+      if (mm < 10) {
         mm = this.padding0(mm, 2)
       }
       this.formData.month = mm + '月'
-      if (dd<10) {
+      if (dd < 10) {
         dd = this.padding0(dd, 2)
       }
       this.formData.year = yy + '年'
@@ -304,9 +309,10 @@ export default {
     }
   }
 
-  /deep/.el-calendar-table td.is-selected {
+  /deep/ .el-calendar-table td.is-selected {
     background-color: #f9e3e3;
   }
+
   /deep/ .el-calendar__header {
     display: none;
   }
@@ -340,6 +346,7 @@ export default {
   .card_info_empty {
     margin-top: 50px;
   }
+
   .card_info {
     height: 190px;
     margin-top: 10px;