telephone-clients 3.0.103-68 → 3.0.103-69

package/src/components/pc/dataManager/ShowMaterials.vue

@@ -1,159 +1,159 @@
-<template>
-   <!--素材包含三种类型，图片，视频，语音，图片和视频都包含缩略图，界面只显示缩略图，点开后显示原图-->
-  <div class="row bg-white p-10" style="height: auto">
-    <div class="row">
-      <label class="control-label text-left" >所选素材</label>
-    </div>
-    <div class="row">
-      <span v-show="rows.length === 0">没有符合条件的内容</span>
-    </div>
-    <div slot="modal-footer" class="modal-footer" style="text-align: center"  v-show="rows.length > 0">
-        <button type="button" name="button" class="btn btn-primary" @click="viewDetails()">查看素材</button>
-    </div>
-<!--    调用附件查看组件-->
-    <div class="col-sm-12" style="padding: 10px;height: 450px;" v-show="explainShow">
-        <button type="button" name="button" class="btn btn-primary" style="float: right" @click="closeview">关闭</button>
-      <telephone-file-upload
-        v-ref:teleupload
-        :fujiandata="rows"
-        :blodid="f_blobid"
-        :isupload="false"
-        :isdelete="true"
-        :isusetype="true"
-        :isremark = "false"
-        :takeimg="false"
-        :issearch="true">
-      </telephone-file-upload>
-    </div>
-  </div>
-</template>
-
-<script>
-import $ from 'jquery'
-import { HttpResetClass } from 'vue-client'
-import co from 'co'
-export default {
-  title: '素材合集',
-  data () {
-    return {
-      headers: [], // 调用rs/file/uploadFile 的参数
-      f_explain: '', // 名字
-      explainShow: false, // 详情查看
-      rows:[],
-      f_blobid:'',
-
-    }
-  },
-  props: {
-    useType: {
-      type: String,
-      default: 'manager'
-    }
-  },
-  methods: {
-    getRows(rows){
-      this.rows = rows
-    },
-    viewDetails () {
-      this.f_blobid = this.rows[0].f_blobid
-      this.explainShow = true
-    },
-    closeview () {
-      this.explainShow = false
-    },
-
-    close () {
-      this.explainShow = false
-    },
-  },
-  // watch: {
-  //   'selects.length' (val) {
-  //     this.getMaters()
-  //   }
-  // }
-}
-</script>
-<style media="screen">
-.add-content {
-  display: flex;
-  background: #f8f8f8;
-  border: 2px dashed #e0e0e0;
-  border-radius: 5px;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: auto;
-  cursor: pointer;
-}
-.add-content-icon {
-  font-size: 28px;
-  color: #8c939d;
-  width: 100%;
-  max-height: 50px;
-  text-align: center;
-}
-.img-card {
-  border: 1px solid #F8F8F8;
-  padding: 8px;
-  margin: 8px;
-}
-.card-des-line {
-  height: auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.card-des-lines {
-  margin-bottom: 5px;
-  height: 60px;
-  word-break: break-all;
-  text-overflow: ellipsis;
-  display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-  -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-  -webkit-line-clamp: 3; /** 显示的行数 **/
-  overflow: hidden;  /** 隐藏超出的内容 **/
-  color: #5A5E66;
-}
-.text-between {
-    display: flex;
-    justify-content: space-between;
-    color: #878D99;
-}
-.text-between > .card-des-line {
-  flex: 1;
-}
-.img-card .magic-checkbox + label:before {
-  right: 0px;
-  left: auto;
-  margin-top: -5px;
-}
-.img-card .magic-checkbox + label:after {
-  top: -3px;
-  right: 7px;
-  left: auto;
-}
-.cut-img {
-  position: relative;
-  height: 300px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.cut-img > img {
-  height: 200px;
-}
-.play-icon {
-  position: absolute;
-  top:0;
-  left:0;
-  width: 100%;
-  height: 100%;
-  background: black;
-  opacity: 0.5;
-  background-image: url('../../../assets/play.png');
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: 50%;
-  cursor: pointer;
-}
-</style>
+<template>
+   <!--素材包含三种类型，图片，视频，语音，图片和视频都包含缩略图，界面只显示缩略图，点开后显示原图-->
+  <div class="row bg-white p-10" style="height: auto">
+    <div class="row">
+      <label class="control-label text-left" >所选素材</label>
+    </div>
+    <div class="row">
+      <span v-show="rows.length === 0">没有符合条件的内容</span>
+    </div>
+    <div slot="modal-footer" class="modal-footer" style="text-align: center"  v-show="rows.length > 0">
+        <button type="button" name="button" class="btn btn-primary" @click="viewDetails()">查看素材</button>
+    </div>
+<!--    调用附件查看组件-->
+    <div class="col-sm-12" style="padding: 10px;height: 450px;" v-show="explainShow">
+        <button type="button" name="button" class="btn btn-primary" style="float: right" @click="closeview">关闭</button>
+      <telephone-file-upload
+        v-ref:teleupload
+        :fujiandata="rows"
+        :blodid="f_blobid"
+        :isupload="false"
+        :isdelete="true"
+        :isusetype="true"
+        :isremark = "false"
+        :takeimg="false"
+        :issearch="true">
+      </telephone-file-upload>
+    </div>
+  </div>
+</template>
+
+<script>
+import $ from 'jquery'
+import { HttpResetClass } from 'vue-client'
+import co from 'co'
+export default {
+  title: '素材合集',
+  data () {
+    return {
+      headers: [], // 调用rs/file/uploadFile 的参数
+      f_explain: '', // 名字
+      explainShow: false, // 详情查看
+      rows:[],
+      f_blobid:'',
+
+    }
+  },
+  props: {
+    useType: {
+      type: String,
+      default: 'manager'
+    }
+  },
+  methods: {
+    getRows(rows){
+      this.rows = rows
+    },
+    viewDetails () {
+      this.f_blobid = this.rows[0].f_blobid
+      this.explainShow = true
+    },
+    closeview () {
+      this.explainShow = false
+    },
+
+    close () {
+      this.explainShow = false
+    },
+  },
+  // watch: {
+  //   'selects.length' (val) {
+  //     this.getMaters()
+  //   }
+  // }
+}
+</script>
+<style media="screen">
+.add-content {
+  display: flex;
+  background: #f8f8f8;
+  border: 2px dashed #e0e0e0;
+  border-radius: 5px;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: auto;
+  cursor: pointer;
+}
+.add-content-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 100%;
+  max-height: 50px;
+  text-align: center;
+}
+.img-card {
+  border: 1px solid #F8F8F8;
+  padding: 8px;
+  margin: 8px;
+}
+.card-des-line {
+  height: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.card-des-lines {
+  margin-bottom: 5px;
+  height: 60px;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
+  -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
+  -webkit-line-clamp: 3; /** 显示的行数 **/
+  overflow: hidden;  /** 隐藏超出的内容 **/
+  color: #5A5E66;
+}
+.text-between {
+    display: flex;
+    justify-content: space-between;
+    color: #878D99;
+}
+.text-between > .card-des-line {
+  flex: 1;
+}
+.img-card .magic-checkbox + label:before {
+  right: 0px;
+  left: auto;
+  margin-top: -5px;
+}
+.img-card .magic-checkbox + label:after {
+  top: -3px;
+  right: 7px;
+  left: auto;
+}
+.cut-img {
+  position: relative;
+  height: 300px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.cut-img > img {
+  height: 200px;
+}
+.play-icon {
+  position: absolute;
+  top:0;
+  left:0;
+  width: 100%;
+  height: 100%;
+  background: black;
+  opacity: 0.5;
+  background-image: url('../../../assets/play.png');
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 50%;
+  cursor: pointer;
+}
+</style>