页面修改

src/components/WebSet/WebSiteContract.vue

@@ -2,6 +2,9 @@
   .WebSiteContract .el-button.is-circle {
     padding: 6px;
   }
+.WebSiteContract .preview {
+   color: #409eff;text-decoration:underline
+  }
 
 </style>
 <template>
@@ -22,8 +25,14 @@
       </ul>
     </div>
     <div>
-      <el-table :data="dataList" style="width: 100%" v-loading="loading" :default-sort="{prop: 'date', order: 'descending'}">
+      <el-table :data="dataList" style="width: 100%" v-loading="loading"
+        :default-sort="{prop: 'date', order: 'descending'}">
         <el-table-column prop="Name" label="档案名称" sortable>
+        </el-table-column>
+         <el-table-column label="查看">
+          <template slot-scope="scope">
+            <a v-if="scope.row.Url" :href="scope.row.Url" target="_blank" class="preview">预览</a>
+          </template>
         </el-table-column>
         <el-table-column prop="IsOpen" label="状态">
           <template slot-scope="scope">
@@ -71,7 +80,7 @@
                   <i class="web_addImg iconfont icon-img_haha"></i>
                 </div>
               </el-upload>
-              <a v-if="addMsg.Url"  class="web_imgUrl">{{addMsg.Url}}</a>
+              <a v-if="addMsg.Url" :href="addMsg.Url" target="_blank" class="preview">预览</a>
             </el-form-item>
           </el-col>
         </el-row>