较稳定版本

src/page/check/display/index.vue

@@ -170,11 +170,11 @@
           </el-form-item>
           <el-form-item label="宣传图" :label-width="formLabelWidth">
             <img v-if="editForm.cover !== ''" class="imgSize" :src="editForm.cover" alt />
-            <div v-else>暂无数据</div>
+            <div v-else>&nbsp;&nbsp;暂无数据</div>
           </el-form-item>
           <el-form-item label="二维码" :label-width="formLabelWidth">
             <img v-if="editForm.qrcodeUrl !== ''" class="imgSize" :src="editForm.qrcodeUrl" alt />
-            <div v-else>暂无数据</div>
+            <div v-else>&nbsp;&nbsp;暂无数据</div>
           </el-form-item>
           <el-form-item label="简介" :label-width="formLabelWidth">
             <el-input type="textarea" v-model="editForm.remarks"></el-input>
@@ -188,7 +188,7 @@
                 </div>
               </template>
               <template v-else>
-                <div>暂无数据</div>
+                <div>&nbsp;&nbsp;暂无数据</div>
               </template>
             </div>
           </el-form-item>
@@ -201,30 +201,58 @@
               </div>
               </template>
               <template v-else>
-                <div>暂无数据</div>
+                <div>&nbsp;&nbsp;暂无数据</div>
               </template>
             </div>
           </el-form-item>
            <el-form-item label="参考资料" :label-width="formLabelWidth">
-            <div class="audio-box">
-              <template v-if="this.editForm.datumList && this.editForm.datumList.length >0">
-              <div class="audio-item ckzl" v-for="(item, index) in editForm.datumList" :key="index">
-                <div>
-                <iframe class="imgSize" v-if="item.fileExtName === 'pdf'" :src="item.fileUrl" controls controlsList='nodownload' oncontextmenu="return false"/>
-                <img :src="item.fileUrl" v-else-if="item.fileExtName === 'jpg' || item.fileExtName === 'png'" class="imgSize"/>
-                <img v-else-if="item.fileExtName === 'docx'" src="data:image/png;base64,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"/>
-                <video :src="item.fileUrl" v-else="item.fileExtName === 'mp4'" class="imgSize" controls />
-                </div>
-                <div>
-                <a v-if="item.fileExtName === 'docx'" :href="item.fileUrl">{{item.fileName}}</a>
-                <span v-else>{{ item.fileName }}</span>
+
+                <div v-if="this.editForm.datumList && this.editForm.datumList.length >0">
+                  <span class="audio-item ckzl" v-for="(item, index) in editForm.datumList" :key="index">
+                      <img v-if="item.fileExtName === 'png' || item.fileExtName === 'jpg'"
+                      class="imgSize"
+                        :src="item.fileUrl"
+                        alt=""
+                      />
+                    <img
+                    class="imgSize"
+                      v-if="item.fileExtName === 'pdf'"
+                      src="@/assets/pdf-icon.png"
+                      alt=""
+                    />
+                    <img
+                    class="imgSize"
+                      v-if="item.fileExtName === 'pptx'"
+                      src="@/assets/ppt-icon.png"
+                      alt=""
+                    />
+                    <img
+                      v-if="item.fileExtName === 'docx'"
+                      src="@/assets/doc-icon.png"
+                      alt=""
+                    />
+                    <img
+                    class="imgSize"
+                      v-if="item.fileExtName === 'mp4'"
+                      src="@/assets/video-icon.png"
+                      alt=""
+                    />
+                    <img
+                    class="imgSize"
+                      v-if="item.fileExtName === 'mp3'"
+                      src="@/assets/audio-icon.png"
+                      alt=""
+                    />
+                    <img
+                    class="imgSize"
+                      v-if="item.fileExtName === 'xls'"
+                      src="@/assets/excel-icon.png"
+                      alt=""
+                    />
+                    <span><a target="_blank" :href="item.fileUrl">{{ item.fileName }}</a></span>
+                  </span>
                 </div>
-              </div>
-              </template>
-              <template v-else>
-                <div>暂无数据</div>
-              </template>
-            </div>
+                <div v-else>&nbsp;&nbsp;暂无数据</div>
           </el-form-item>
         </el-form>
       </div>
@@ -588,11 +616,6 @@ export default {
           }
           this.editForm = resData;
           this.editForm.videoList = videos
-          console.log(this.editForm.videoList)
-          
-          
-          
-         
         })
         .catch(function(err) {
           console.log(err);
@@ -741,13 +764,10 @@ export default {
 </script>
 
 <style lang="less">
-.ckzl {
-  display: flex;
-  flex-direction: column;
-}
 .imgSize {
   width: 160px;
   height: 100px;
+  margin-left: 0px;
 }
 .iconImg {
   height: 32px;

src/page/content/display/content/add.vue

@@ -67,7 +67,7 @@
                 <upload-qrcode :fileList="ruleForm.qrcodeList" @qrcodeUrl="qrcodeUrl" ></upload-qrcode>
               </el-form-item>
               <el-form-item label="展板简介" style="width:100%" prop="remarks">
-                <el-input type="textarea" v-model="ruleForm.remarks" class="indet"></el-input>
+                <el-input type="textarea" v-model="ruleForm.remarks"></el-input>
                 <!-- @keyup.enter.native="onSubmit" -->
               </el-form-item>
             </el-form>

src/page/content/display/content/details.vue

@@ -61,11 +61,11 @@
               }}</el-form-item>
               <el-form-item label="展板图片" class="w50">
                 <img v-if="contentData.cover !== ''" class="imgSize" :src="contentData.cover" alt/>
-                <div v-else>暂无数据</div>
+                <div v-else>&nbsp;&nbsp;暂无数据</div>
               </el-form-item>
                <el-form-item label="展板二维码" class="">
                 <img v-if="contentData.qrcodeUrl !== ''" class="imgSize" :src="contentData.qrcodeUrl" alt />
-                <div v-else>暂无数据</div>
+                <div v-else>&nbsp;&nbsp;暂无数据</div>
               </el-form-item>
               <el-form-item label="展板简介" class="w100">{{
                 contentData.remarks
@@ -98,7 +98,7 @@
                     <span>{{ s.fileName }}</span>
                   </span>
                 </div>
-                <div v-else>暂无数据</div>
+                <div v-else>&nbsp;&nbsp;暂无数据</div>
               </el-form-item>
               <el-form-item label="展板音频">
                 <div v-if="contentData.audioList.length">
@@ -121,7 +121,7 @@
                     <span style="float:left;display:inline-block;margin:10px 0px 20px 20px;">{{ s.fileName }}</span>
                   </span>
                 </div>
-                <div v-else>暂无数据</div>
+                <div v-else>&nbsp;&nbsp;暂无数据</div>
               </el-form-item>
               <el-form-item label="展板图片" class="w100">
                 <div v-if="contentData.imagesList.length">
@@ -134,7 +134,7 @@
                     <span>{{ s.fileName }}</span>
                   </span>
                 </div>
-                <div v-else>暂无数据</div>
+                <div v-else>&nbsp;&nbsp;暂无数据</div>
               </el-form-item>
               <el-form-item label="展板文档(可点击查看或下载查看)" class="w100">
                 <div v-if="contentData.dirList.length">
@@ -177,7 +177,7 @@
                     <span><a target="_blank" :href="s.fileUrl">{{ s.fileName }}</a></span>
                   </span>
                 </div>
-                <div v-else>暂无数据</div>
+                <div v-else>&nbsp;&nbsp;暂无数据</div>
               </el-form-item>
             </el-form>
           </el-collapse-item>

src/page/content/display/content/index.vue

@@ -195,7 +195,7 @@ export default {
         });
     },
     onSearch() {
-      this.page._index = 1;
+      // this.page._index = 1;
       this.getTableData();
     },
     // 获得数据接口
@@ -220,6 +220,7 @@ export default {
       )
         .then(res => {
           let data = res.data.data;
+          vm.page._index = data.current;
           vm.page.total = data.total;
           vm.tableData = data.records; 
         })

src/page/content/video/content/add.vue

@@ -186,7 +186,7 @@ export default {
       rule:{
         name: [
           // { required: true, message: "请输入视频分类名称", trigger: "blur" },
-          { min: 1, max: 20, message: "请输入1到20个字" },
+          { min: 1, max: 30, message: "请输入1到20个字" },
         ],
         remarks: [
           { min: 1, max: 100, message: "请输入1到100个字" },
@@ -195,7 +195,7 @@ export default {
       rules: {
         name: [
           { required: true, message: "请输入视频名称", trigger: "blur" },
-          { min: 1, max: 20, message: "请输入1到20个字" },
+          { min: 1, max: 20, message: "请输入1到30个字" },
         ],
         videoContentCopyrightOwnerId:[
           { required: true, message: "请选择视频版权方", trigger: "change" }