推广素材详情

src/SManagement/archives_ad/components/detail.vue

@@ -1,16 +1,16 @@
 <template>
   <el-drawer title="详情" :visible.sync="isFileInfoPanlShow" :with-header="true" v-if="currentSelectFile.length != 0">
     <div class="header">
-      <p class="title">{{currentSelectFile.title}}</p>
+      <p class="title">{{ currentSelectFile.title }}</p>
       <div class="detail-info">
-        <span><span>浏览数:</span>{{currentSelectFile.readcount}}</span>
-        <span><span>分享数:</span>{{currentSelectFile.sharecount}}</span>
-        <span><span>拉新数:</span>{{currentSelectFile.newcount}}</span>
-        <span><span>创建人:</span>{{currentSelectFile.changeby}}</span>
-        <span><span>上传时间:</span>{{currentSelectFile.createdate}}</span>
+        <span><span>浏览数:</span>{{ currentSelectFile.readcount }}</span>
+        <span><span>分享数:</span>{{ currentSelectFile.sharecount }}</span>
+        <span><span>拉新数:</span>{{ currentSelectFile.newcount }}</span>
+        <span><span>创建人:</span>{{ currentSelectFile.changeby }}</span>
+        <span><span>上传时间:</span>{{ currentSelectFile.createdate }}</span>
       </div>
     </div>
-    <div class="content"  v-if="this.currentSelectFile.content && decodeURIComponent(this.currentSelectFile.content) != '<p><br></p>'">
+    <div class="content" v-if="this.currentSelectFile.content && this.currentSelectFile.content != '<p><br></p>'">
       <div ref="fwb" class="fwb">
       </div>
     </div>
@@ -22,11 +22,9 @@
       <div class="video" v-if="currentSelectFile.type == 2">
         <video :src="item.url" v-for="(item,index) in currentSelectFile.attinfos" controls :key="index"></video>
       </div> -->
-      <div class="file-item" v-for="(item,index) in currentSelectFile.attinfos" :key="index">
-        <file-item :itemStyle="itemStyle" 
-                   :fileData="[item]"
-                   :isDownLoad="true"
-                   @updateDownLoadRecord="updateDownLoadRecord">
+      <div class="file-item" v-for="(item, index) in currentSelectFile.attinfos" :key="index">
+        <file-item :itemStyle="itemStyle" :fileData="[item]" :isDownLoad="true"
+          @updateDownLoadRecord="updateDownLoadRecord">
         </file-item>
       </div>
     </div>
@@ -44,13 +42,13 @@ export default {
       isFileInfoPanlShow: false,
       //itemfile样式
       itemStyle: {
-          itemWidth:1020,
-          img: {
-            width:64,
-            height:64
-          },
-          title:16,
-          descript: 12
+        itemWidth: 1020,
+        img: {
+          width: 64,
+          height: 64
+        },
+        title: 16,
+        descript: 12
       },
     };
   },
@@ -72,9 +70,7 @@ export default {
     }
   },
   updated() {
-     if(this.$refs.fwb) {
-      this.$refs.fwb.innerHTML = this.currentSelectFile.content
-     } 
+    if (this.$refs.fwb) this.$refs.fwb.innerHTML = this.currentSelectFile.content
   },
   methods: {
     //更新下载记录
@@ -83,14 +79,14 @@ export default {
         "classname": "saletool.sharematerial.sharematerial",
         "method": "updateDownloadLog",
         "content": {
-                "sat_sharematerialid":this.currentSelectFile.sat_sharematerialid
+          "sat_sharematerialid": this.currentSelectFile.sat_sharematerialid
         }
-      }).then( res => {
-        if(res.code != 1) {
+      }).then(res => {
+        if (res.code != 1) {
           this.$notify({
-            title:'提示',
-            message:'下载更新记录失败',
-            type:'warning'
+            title: '提示',
+            message: '下载更新记录失败',
+            type: 'warning'
           })
         }
       })
@@ -100,63 +96,81 @@ export default {
 </script>
 
 <style scoped>
-*{
+* {
   box-sizing: border-box;
 }
+
+/deep/video{
+  width: 100% !important;
+}
+
 /deep/.el-drawer {
-    width: 546px !important;
-  }
-  
-  /deep/.el-drawer__header {
-    font-size: 16px;
-    font-family: PingFang SC-Bold, PingFang SC;
-    font-weight: bold;
-    color: #333333;
-    margin-bottom: 0;
-  }
-  /deep/.el-drawer__body {
-    
-  }
-  .el-drawer__body .title {
-    font-size: 16px;
-    font-family: PingFang SC-Bold, PingFang SC;
-    font-weight: bold;
-    color: #333333;
-  }
-  .header {
-    padding: 20px 20px;
-    border-bottom: 10px solid #FAFAFA;
-  }
-  .title {
-    margin-bottom: 15px;
-  }
-  .header .detail-info {
-    display: flex;
-    flex-wrap: wrap;
-  }
-  .header .detail-info span {
-    margin:0 50px 10px 0;
-    font-size: 14px;
-    font-weight: 400;
-    color: #333333;
-  }
-  .header .detail-info span span {
-    margin-right: 8px;
-  }
-  .content {
-    padding: 20px;
-    width: 100%;
-  }
-  .fwb {
-    width: 100%;
-  }
-  /deep/.fwb p img {
-    width: 100%;
-  }
-  .file2 {
-    padding: 20px;
-  }
-  .image,.image img,.video,.video video {
-    width: 100%;
-  }
+  width: 546px !important;
+}
+
+/deep/.el-drawer__header {
+  font-size: 16px;
+  font-family: PingFang SC-Bold, PingFang SC;
+  font-weight: bold;
+  color: #333333;
+  margin-bottom: 0;
+}
+
+/deep/.el-drawer__body {}
+
+.el-drawer__body .title {
+  font-size: 16px;
+  font-family: PingFang SC-Bold, PingFang SC;
+  font-weight: bold;
+  color: #333333;
+}
+
+.header {
+  padding: 20px 20px;
+  border-bottom: 10px solid #FAFAFA;
+}
+
+.title {
+  margin-bottom: 15px;
+}
+
+.header .detail-info {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.header .detail-info span {
+  margin: 0 50px 10px 0;
+  font-size: 14px;
+  font-weight: 400;
+  color: #333333;
+}
+
+.header .detail-info span span {
+  margin-right: 8px;
+}
+
+.content {
+  padding: 20px;
+  width: 100%;
+}
+
+.fwb {
+  width: 100%;
+}
+
+/deep/.fwb p img {
+  width: 100%;
+}
+
+.file2 {
+  padding: 20px;
+}
+
+.image,
+.image img,
+.video,
+.video video {
+  width: 100%;
+}
 </style>