centaline-data-driven 1.5.61 → 1.5.63

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven",
-  "version": "1.5.61",
+  "version": "1.5.63",
   "description": "ccai",
   "author": "hjc <3226136347@qq.com>",
   "private": false,

package/release-log.md

@@ -1,9 +1,34 @@
+## v1.5.63
+2023-09-05
+
+优化
+
+文本label超长溢出显示省略号，鼠标移上显示label
+
+优化文本域提示信息换行问题
+
+文件组件与分片上传组件 JS赋值
+
+文件预览组件支持类型名称
+
+多行文本最大最小值提示优化
+ 
+## v1.5.62
+2023-09-04
+
+优化
+
+违禁词提示优化
+
 ## v1.5.61
 2023-09-04
 
 优化
 
 更多下拉框组件新增鼠标移上变蓝色,文本框左边距调整
+
+违禁词修复
+
 ## v1.5.60
 2023-08-31
 

package/src/SearchList.vue

@@ -50,11 +50,7 @@
       :searchDataApi="'/RightValueList/getListOfSearchModel'">
     </ct-searchlist> -->
 
-    <!-- <ct-searchlist 
-      :searchCategoryApi="'/PropertyPublishList/getLayoutOfSearchCategory'" 
-      :searchConditionApi="'/PropertyPublishList/getLayoutOfSearchForRET'" :searchStatsApi="'/PropertyPublishList/getListStatsForRET'"
-      :searchDataApi="'/PropertyPublishList/getListOfSearchModelForRET'">
-    </ct-searchlist> -->
+    <ct-searchlist :searchCategoryApi="'/PropertyPublishList/getLayoutOfSearchCategory'" :searchConditionApi="'/PropertyPublishList/getLayoutOfSearchForRET'" :searchStatsApi="'/PropertyPublishList/getListStatsForRET'" :searchDataApi="'/PropertyPublishList/getListOfSearchModelForRET'"></ct-searchlist>
 
     <!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'"
       :searchDataApi="'/PropertyRETList/getListOfSearchModel'"
@@ -82,7 +78,7 @@
     
     <!-- <ct-searchlist :searchConditionApi="'/RoleList/getLayoutOfSearch'" :searchStatsApi="'/RoleList/getListStats'" :searchDataApi="'/RoleList/getListOfSearchModel'"></ct-searchlist> -->
   
-    <ct-searchlist :searchConditionApi="'/TaskList/getLayoutOfSearch'" :searchStatsApi="'/TaskList/getListStats'" :searchDataApi="'/TaskList/getListOfSearchModel'"></ct-searchlist>
+    <!-- <ct-searchlist :searchConditionApi="'/TaskList/getLayoutOfSearch'" :searchStatsApi="'/TaskList/getListStats'" :searchDataApi="'/TaskList/getListOfSearchModel'"></ct-searchlist> -->
 
     <ct-dialog-list></ct-dialog-list>
   </div>

package/src/centaline/css/common.css

@@ -420,6 +420,7 @@ html {
    justify-content: left;
    align-items: center;
    width: auto;
+   white-space: nowrap;
  }
  
  @media (max-width:480px) {

package/src/centaline/dynamicL/src/dynamicL.vue

@@ -13,7 +13,7 @@
       <span v-if="model.sufLabel" style="width:auto" class="spanMessage">{{model.sufLabel}}</span> -->
       <div class="el-input el-input--mini el-input-group el-input-group--prepend el-input--suffix showLabel lableinput text-justify">
         <div v-if="model.showLabel && model.label" class="el-input-group__prepend">
-          <div slot="prepend" class="" :class="[model.labelClass]">
+          <div slot="prepend" class="label-ellipsis" :class="[model.labelClass]" :title="model.label">
             {{model.label}}
           </div>
         </div>
@@ -22,7 +22,7 @@
             <span class="el-select__tags-text">{{item}}</span>
           </span>
         </span>
-        <div v-else style="display:flex">
+        <div v-else style="display:inline-flex">
           <!-- --计算占用宽度-- -->
           <div style="position: relative" v-if="isShowComput">
             <label class="ct-lable" style="position: absolute; left: -10000px">
@@ -30,7 +30,7 @@
             </label>
           </div>
           <!-- 展示 -->
-          <label class="ct-lable" :style="{ display: (model.labelValue ? 'flex' : '') }">
+          <label class="ct-lable" :style="{ display: (model.labelValue ? 'inline-flex' : '') }">
             <el-tooltip placement="top" effect="light" :disabled="isShowTooltip">
               <div slot="content" :style="{ 'width': (model.labelValue.length > 66 ? '400px' : 'auto') }">{{
                   model.labelValue
@@ -106,4 +106,8 @@
   display: flex;
   align-items: center;
 }
+.label-ellipsis{
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 </style>

package/src/centaline/dynamicT/src/dynamicT.vue

@@ -48,7 +48,7 @@
         </el-input>  
         <span v-if="this.minText" class="textarea-tip">{{this.minText}}</span> 
         <span v-if="model.showWordLimit" class="textarea-count">{{model.value.length}}/{{ model.max }}</span>
-        <span  v-if="!model.forbiddenWords" class="textarea-icon"></span>
+        <span v-if="!model.forbiddenWords" class="textarea-icon"></span>
       </div>   
       <!-- <span v-if="this.minText" :style="{left: minTextLeft+'px'}" style="color: #909399;background: #FFF;position: absolute;font-size: 12px;bottom: 5px;z-index: 3;">{{this.minText}}</span> -->
       <span v-if="model.sufLabel" class="spanMessage ct-flex-div-span">{{model.sufLabel}}</span>
@@ -97,6 +97,7 @@
         forbiddenWordsHeight:0,
         forbiddenWordsLeft:0,
         forbiddenWordsTop:0,
+        forbiddenWordsReg:'',
         showDrop:false,
         searchText:'',
       }
@@ -111,21 +112,20 @@
       this.model.self=this;
     },
     mounted() {
-      if(this.model.inputType === 'textarea' && this.model.min && this.model.min > 0){
-        if(this.model.max && this.model.max>0){
+      if(this.model.inputType === 'textarea'){
+        if(this.model.max && this.model.max>0 && this.model.min && this.model.min > 0){
           this.minText='需要'+this.model.min+'-'+this.model.max+'个字';
         }
-        else{
+        else if(this.model.max && this.model.max>0){
+          this.minText='至多'+this.model.max+'个字';
+        }
+        else if(this.model.min && this.model.min > 0){
           this.minText='至少需要'+this.model.min+'个字';
         }
         // this.minTextLeft=this.$refs.inputText.$el.offsetLeft+10;
       }
       if(this.model.forbiddenWords){
-        let inputTextWidth=this.$refs.inputText.$el.offsetWidth;
-        if(this.model.moreActionRouter && !this.model.lock){
-          inputTextWidth=inputTextWidth-42;
-        }
-        this.forbiddenWordsWidth=inputTextWidth;
+        this.forbiddenWordsWidth=this.$refs.inputText.$el.offsetWidth;
         this.forbiddenWordsHeight=this.$refs.inputText.$el.offsetHeight;
         this.forbiddenWordsLeft=this.$refs.inputText.$el.offsetLeft;
         this.forbiddenWordsTop=this.$refs.inputText.$el.offsetTop;
@@ -233,10 +233,21 @@
         if(self.model.forbiddenWords){
           self.forbiddenWordsValue=self.model.value;
           let joinChar=self.model.joinChar || ',';
+          this.forbiddenWordsReg='';
           self.model.forbiddenWords.split(joinChar).forEach(w => {
+            if(self.forbiddenWordsValue.indexOf(w)>-1){
+              if(this.forbiddenWordsReg==''){
+                this.forbiddenWordsReg+='（';
+                this.forbiddenWordsReg+=w;
+              }
+              else{
+                this.forbiddenWordsReg+=','+w;
+              }
+            }
             let reg1=new RegExp(w,'g');
             self.forbiddenWordsValue=self.forbiddenWordsValue.replace(reg1,'<span style="background-color: #ffff00;color: transparent;">'+w+'</span>');
           });
+          if(this.forbiddenWordsReg)this.forbiddenWordsReg+='）';
           // let h=this.$refs.input.$el.children[0].offsetHeight;
           // let hs=this.$refs.input.$el.children[0].scrollHeight;
           // let ht=this.$refs.input.$el.children[0].scrollTop;
@@ -254,10 +265,10 @@
         let flag=true;
         if(this.model.forbiddenWords && this.model.value){
           let reg1=new RegExp('#ffff00','g');
-          let res=this.forbiddenWordsValue.match(reg1)
+          let res=this.forbiddenWordsValue.match(reg1);
           if(res && res.length>0){
             flag=false;
-            this.validMessage = (this.validMessage?this.validMessage+"  ":"") + "输入文字中包含"+res.length+"个违禁词";
+            this.validMessage = (this.validMessage?this.validMessage+"  ":"") + "输入文字中"+res.length+"处包含违禁词"+this.forbiddenWordsReg;
           }
           this.valid = flag;
         }        

package/src/centaline/dynamicViewerFile/src/dynamicViewerFile.vue

@@ -37,24 +37,24 @@
              :style="{ height: displayAreaHeight - 78 + 'px' }"
              v-if="resultObject">
           <!--VR-->
-          <template v-if="itemFile.mediaTypeID == '1'">
+          <template v-if="itemFile.mediaTypeID == '1'||(itemFile.mediaTypeID+'').toLowerCase()=='vr'">
             <iframe :src="resultObject"
                     :height="displayAreaHeight - 80 + 'px'"
                     :width="displayAreaWidth + 'px'" style="border-width: 0px;">
             </iframe>
           </template>
           <!--Photo-->
-          <template v-else-if="itemFile.mediaTypeID == '2'">
+          <template v-else-if="itemFile.mediaTypeID == '2'||(itemFile.mediaTypeID+'').toLowerCase()=='photo'">
             <ct-viewerImage ref="viewerImage"
                             :imgUrl="resultObject+((!itemFile.flagUrl)?'/'+displayAreaWidth+'/'+displayAreaHeight+'?FlagC=0':'')"
                             :rotate="rotate"></ct-viewerImage>
           </template>
           <!--ThreeDimensional-->
-          <template v-else-if="itemFile.mediaTypeID == '3'">
+          <template v-else-if="itemFile.mediaTypeID == '3'||(itemFile.mediaTypeID+'').toLowerCase()=='threedimensional'">
             暂不支持ThreeDimensional
           </template>
           <!--Video-->
-          <template v-else-if="itemFile.mediaTypeID == '4'">
+          <template v-else-if="itemFile.mediaTypeID == '4'||(itemFile.mediaTypeID+'').toLowerCase()=='video'">
             <div class="viewerContent">
               <template v-if="itemFile.thumbnailUrl"> 
                <video preload="none"  :poster="itemFile.thumbnailUrl"
@@ -81,7 +81,7 @@
             </div>
           </template>
           <!--Audio-->
-          <template v-else-if="itemFile.mediaTypeID == '5'">
+          <template v-else-if="itemFile.mediaTypeID == '5'||(itemFile.mediaTypeID+'').toLowerCase()=='audio'">
             <div class="viewerContent">
               <audio preload="none"
                      :src="resultObject"
@@ -94,7 +94,7 @@
             </div>
           </template>
           <!--File-->
-          <template v-else-if="itemFile.mediaTypeID == '6'">
+          <template v-else-if="itemFile.mediaTypeID == '6'||(itemFile.mediaTypeID+'').toLowerCase()=='file'">
             <template v-if="'pdf' .search(itemFile.fileExtension.toLowerCase())>-1 ">
               <ct-viewerPDF :pdfUrl="resultObject"
                             :displayAreaHeight="displayAreaHeight"
@@ -138,7 +138,7 @@
                                             class="magnify-btn el-icon-right"
                                             title="下一个"
                                             @click="jump(1)"></a>
-                <template v-if="itemFile.mediaTypeID == '2'">
+                <template v-if="itemFile.mediaTypeID == '2'||(itemFile.mediaTypeID+'').toLowerCase()=='photo'">
                   <a href="javascript:void(0)"
                      class="magnify-btn el-icon-refresh-left"
                      title="左旋转"
@@ -168,7 +168,7 @@
                 :download="(itemFile.mediaLabelName || itemFile.fileName)"
                 @click="handDownload(resultObject)"
                 ></a>-->
-                <a href="javascript:void(0)" v-if="itemFile.rightDownload&&itemFile.mediaTypeID !='1'"
+                <a href="javascript:void(0)" v-if="itemFile.rightDownload&&(itemFile.mediaTypeID !='1'&&(itemFile.mediaTypeID+'').toLowerCase()=='vr')"
                    class="magnify-btn el-icon-download"
                    title="下载"
                    @click="handDownload(resultObject)"></a>

package/src/centaline/loader/src/ctl/File.js

@@ -387,6 +387,34 @@ const box = function (source, fileSourceList, router, optionApi,videoPlayIconUrl
         }
         rtn.fileList.push(awaitfile);
       },
+      jsSetFile(data)
+      {
+        var photos = JSON.parse(data);
+      photos.forEach((v) => {
+        if(rtn.fileList.length<parseInt(rtn.max || 999)){
+            v.videoCoverFileName=v.videoCoverFileName||null;
+            v.thumbnailUrl=v.thumbnailUrl||'';
+            v.mediaSourceTypeID=v.mediaSourceTypeID||null;
+            v.mediaSourceID=v.mediaSourceID||null;
+            v.mediaPrintDesc=v.mediaPrintDesc||null;
+            v.mediaID=v.mediaID||null;
+            v.mediaFormData=v.mediaFormData||null;
+            v.mediaDescEN=v.mediaDescEN||null;
+            v.mediaDescCN=v.mediaDescCN||null;
+            v.mediaDataBase64=v.mediaDataBase64||null;
+            v.mediaCode=v.mediaCode||null;
+            v.groupID=v.groupID||null;
+            rtn.AddSourceList(v);
+            var FileData = rtn.getFileData(v);
+            FileData.uid=rtn.self.uploadguid();
+            FileData.width=v.width;
+            FileData.height=v.height;
+            rtn.fileList.push(FileData);
+            rtn.self.handleChange();
+            
+        }
+      });
+    },
        setByPieces(res, Progress, file) {
         if (res.rtnCode === Enum.ReturnCode.Successful) {
           //下面的方式绑定，会有一些问题 todo 不强与页面关联

package/src/centaline/loader/src/ctl/Form.js

@@ -230,12 +230,17 @@ const Form = function (source, callBack, apiParam, failCallBack, isFormList) {
           attrKey = this.common.initialsToLowerCase(attrKey);
           var rtn1 = this.fieldsDic[id];
           if (rtn1) {
-            if(attrKey=='code1' && rtn1.source.controlType===4 
-            && attrValue!=undefined && attrValue!=null && attrValue!=''){
-              if(rtn1.source.decimals1 != undefined && rtn1.source.decimals1 != null && rtn1.source.decimals1>-1){
+            if (attrKey == 'code1' && rtn1.source.controlType === 4
+              && attrValue != undefined && attrValue != null && attrValue != '') {
+              if (rtn1.source.decimals1 != undefined && rtn1.source.decimals1 != null && rtn1.source.decimals1 > -1) {
                 attrValue = Number(attrValue).toFixed(rtn1.source.decimals1)
               }
             }
+            else if (attrKey == 'code1' && (rtn1.source.controlType === 25 || rtn1.source.controlType === 51)
+              && attrValue != undefined && attrValue != null && attrValue != '') {
+              rtn1.jsSetFile(attrValue);
+            }
+
             rtn1.source[attrKey] = attrValue;
             this.form.hatchHandle(id, attrKey, attrValue, rtn1);
 

package/src/main.js

@@ -58,7 +58,7 @@ Vue.use(centaline, {
       return {
         oldToken: 'aed9a1f3-c668-4d9e-aa6d-47ebe2b4eedb',
         token:'aplus eyJhbGciOiJIUzI1NiIsInppcCI6IkRFRiJ9.eNrEjjsOwjAQRO_iOiv5s1570zn-NBwiIuBIoUIkkUCIuxMEdPRMMRq95s1dzOsgWmHIccikIFr0gKQsMJYCURKxKdKYlHr-BH7UNz26yCFkByg7Aiw2A-tYwLDtEubgUibRiHo9i1aRRy-dtdSIab-8gdNKvcA618uu3v5x7rRMm3YkOZAfR6BtAWp_3LQHBNI8KHbkqlHi8QQAAP__.RrBgBqaFlp478oO3g5k_EEtjPt_o8qpJBkzgSP78Wa4',
-        authObject: '{token:"aplus eyJhbGciOiJIUzI1NiIsInppcCI6IkRFRiJ9.eNrEjjEOwjAQBP_iOifl7PP5nC62k4ZHRAk2ElSIJBII8XeCgI6eKaaYZveu5nVSjUrS1hR7A7HTFig5C23vBEIUqYN2hoIM_gP80JcBkbxD7qD1LgIxGRCMApE4Up86E0NSlSrXs2qQvRHHtdWVOo7LOzjx_ArrXC67cvvHudNy3GZZ70eTyYI7TAYIfYZJMgJKJi5c6s3q8QQAAP__.ufrQpM9yM_OKbLBN3IOjInFco7uijiTIijl57f2jdYE"}',
+        authObject: '{token:"aplus eyJhbGciOiJIUzI1NiIsInppcCI6IkRFRiJ9.eNrEjjsOwjAQBe_iOiv5s95d08V20nCIKAFHChUiiQRC3J0goKNniimmee-u5nVQO5Wl1phaB6mxHjCzh7plgZhEdLTsMEoXPsAPfemMwcCGGqgDJ0BCB2KSQEJK2ObGpZhVpcr1rHaGggscNJtKTf3yDhIsvcI6l8u-3P5x7rRM22xvCbE_EBxpdIB2HGAom6xhPzrtPAuqxxMAAP__.9QkTeNDYCOc2zjLQBa4LxqAbS9a7S1_DhvFy7w3g-9U"}',
 
         originalRequestURL: 'http://10.88.22.67:8080',
         EstateInfo: '{"estateId":"201806071109550C867184E8BCA56EC3","estateName":"C%E5%BE%A1%E6%9E%97%E5%B1%B1%E6%99%AF%E6%A5%BC"}',

package/wwwroot/static/centaline/centaline-data-driven.js

@@ -9296,6 +9296,32 @@ var box = function box(source, fileSourceList, router, optionApi, videoPlayIconU
         };
         rtn.fileList.push(awaitfile);
       },
+      jsSetFile: function jsSetFile(data) {
+        var photos = JSON.parse(data);
+        photos.forEach(function (v) {
+          if (rtn.fileList.length < parseInt(rtn.max || 999)) {
+            v.videoCoverFileName = v.videoCoverFileName || null;
+            v.thumbnailUrl = v.thumbnailUrl || '';
+            v.mediaSourceTypeID = v.mediaSourceTypeID || null;
+            v.mediaSourceID = v.mediaSourceID || null;
+            v.mediaPrintDesc = v.mediaPrintDesc || null;
+            v.mediaID = v.mediaID || null;
+            v.mediaFormData = v.mediaFormData || null;
+            v.mediaDescEN = v.mediaDescEN || null;
+            v.mediaDescCN = v.mediaDescCN || null;
+            v.mediaDataBase64 = v.mediaDataBase64 || null;
+            v.mediaCode = v.mediaCode || null;
+            v.groupID = v.groupID || null;
+            rtn.AddSourceList(v);
+            var FileData = rtn.getFileData(v);
+            FileData.uid = rtn.self.uploadguid();
+            FileData.width = v.width;
+            FileData.height = v.height;
+            rtn.fileList.push(FileData);
+            rtn.self.handleChange();
+          }
+        });
+      },
       setByPieces: function setByPieces(res, Progress, file) {
         if (res.rtnCode === __WEBPACK_IMPORTED_MODULE_3__lib_Enum__["default"].ReturnCode.Successful) {
           //下面的方式绑定，会有一些问题 todo 不强与页面关联
@@ -32670,6 +32696,7 @@ if (typeof window !== 'undefined' && window.Vue) {
       forbiddenWordsHeight: 0,
       forbiddenWordsLeft: 0,
       forbiddenWordsTop: 0,
+      forbiddenWordsReg: '',
       showDrop: false,
       searchText: ''
     };
@@ -32683,20 +32710,18 @@ if (typeof window !== 'undefined' && window.Vue) {
     this.model.self = this;
   },
   mounted: function mounted() {
-    if (this.model.inputType === 'textarea' && this.model.min && this.model.min > 0) {
-      if (this.model.max && this.model.max > 0) {
+    if (this.model.inputType === 'textarea') {
+      if (this.model.max && this.model.max > 0 && this.model.min && this.model.min > 0) {
         this.minText = '需要' + this.model.min + '-' + this.model.max + '个字';
-      } else {
+      } else if (this.model.max && this.model.max > 0) {
+        this.minText = '至多' + this.model.max + '个字';
+      } else if (this.model.min && this.model.min > 0) {
         this.minText = '至少需要' + this.model.min + '个字';
       }
       // this.minTextLeft=this.$refs.inputText.$el.offsetLeft+10;
     }
     if (this.model.forbiddenWords) {
-      var inputTextWidth = this.$refs.inputText.$el.offsetWidth;
-      if (this.model.moreActionRouter && !this.model.lock) {
-        inputTextWidth = inputTextWidth - 42;
-      }
-      this.forbiddenWordsWidth = inputTextWidth;
+      this.forbiddenWordsWidth = this.$refs.inputText.$el.offsetWidth;
       this.forbiddenWordsHeight = this.$refs.inputText.$el.offsetHeight;
       this.forbiddenWordsLeft = this.$refs.inputText.$el.offsetLeft;
       this.forbiddenWordsTop = this.$refs.inputText.$el.offsetTop;
@@ -32796,14 +32821,26 @@ if (typeof window !== 'undefined' && window.Vue) {
       this.$refs.highlights.scrollTop = scrollTop;
     },
     applyHighlights: function applyHighlights() {
+      var _this = this;
+
       var self = this;
       if (self.model.forbiddenWords) {
         self.forbiddenWordsValue = self.model.value;
         var joinChar = self.model.joinChar || ',';
+        this.forbiddenWordsReg = '';
         self.model.forbiddenWords.split(joinChar).forEach(function (w) {
+          if (self.forbiddenWordsValue.indexOf(w) > -1) {
+            if (_this.forbiddenWordsReg == '') {
+              _this.forbiddenWordsReg += '（';
+              _this.forbiddenWordsReg += w;
+            } else {
+              _this.forbiddenWordsReg += ',' + w;
+            }
+          }
           var reg1 = new RegExp(w, 'g');
           self.forbiddenWordsValue = self.forbiddenWordsValue.replace(reg1, '<span style="background-color: #ffff00;color: transparent;">' + w + '</span>');
         });
+        if (this.forbiddenWordsReg) this.forbiddenWordsReg += '）';
         // let h=this.$refs.input.$el.children[0].offsetHeight;
         // let hs=this.$refs.input.$el.children[0].scrollHeight;
         // let ht=this.$refs.input.$el.children[0].scrollTop;
@@ -32825,7 +32862,7 @@ if (typeof window !== 'undefined' && window.Vue) {
         var res = this.forbiddenWordsValue.match(reg1);
         if (res && res.length > 0) {
           flag = false;
-          this.validMessage = (this.validMessage ? this.validMessage + "  " : "") + "输入文字中包含" + res.length + "个违禁词";
+          this.validMessage = (this.validMessage ? this.validMessage + "  " : "") + "输入文字中" + res.length + "处包含违禁词" + this.forbiddenWordsReg;
         }
         this.valid = flag;
       }
@@ -36903,7 +36940,10 @@ var Form = function Form(source, callBack, apiParam, failCallBack, isFormList) {
               if (rtn1.source.decimals1 != undefined && rtn1.source.decimals1 != null && rtn1.source.decimals1 > -1) {
                 attrValue = Number(attrValue).toFixed(rtn1.source.decimals1);
               }
+            } else if (attrKey == 'code1' && (rtn1.source.controlType === 25 || rtn1.source.controlType === 51) && attrValue != undefined && attrValue != null && attrValue != '') {
+              rtn1.jsSetFile(attrValue);
             }
+
             rtn1.source[attrKey] = attrValue;
             this.form.hatchHandle(id, attrKey, attrValue, rtn1);
 
@@ -56285,7 +56325,7 @@ var esExports = { render: render, staticRenderFns: staticRenderFns }
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dynamicT_vue__ = __webpack_require__(215);
 /* unused harmony namespace reexport */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4f0ed72e_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dynamicT_vue__ = __webpack_require__(568);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_299c44f5_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dynamicT_vue__ = __webpack_require__(568);
 function injectStyle (ssrContext) {
   __webpack_require__(561)
 }
@@ -56300,12 +56340,12 @@ var __vue_template_functional__ = false
 /* styles */
 var __vue_styles__ = injectStyle
 /* scopeId */
-var __vue_scopeId__ = "data-v-4f0ed72e"
+var __vue_scopeId__ = "data-v-299c44f5"
 /* moduleIdentifier (server only) */
 var __vue_module_identifier__ = null
 var Component = normalizeComponent(
   __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dynamicT_vue__["a" /* default */],
-  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_4f0ed72e_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dynamicT_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_299c44f5_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dynamicT_vue__["a" /* default */],
   __vue_template_functional__,
   __vue_styles__,
   __vue_scopeId__,
@@ -56326,7 +56366,7 @@ var content = __webpack_require__(562);
 if(typeof content === 'string') content = [[module.i, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
-var update = __webpack_require__(2)("70071aec", content, true, {});
+var update = __webpack_require__(2)("e81e9986", content, true, {});
 
 /***/ }),
 /* 562 */
@@ -56338,7 +56378,7 @@ exports = module.exports = __webpack_require__(1)(false);
 
 
 // module
-exports.push([module.i, ".errorMessageMarginLeft[data-v-4f0ed72e]{margin-left:108px}.hoverColor[data-v-4f0ed72e]:hover{border-color:var(--centalineBlue)}.is-show-Span[data-v-4f0ed72e]{display:none}.hoverColor:hover .is-show-Span[data-v-4f0ed72e]{display:inline-block}.backdrop[data-v-4f0ed72e]{position:absolute;z-index:1;border:none;background-color:#fff;pointer-events:none;overflow-y:auto;border-radius:4px;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.highlights[data-v-4f0ed72e]{white-space:pre-wrap;word-wrap:break-word;color:transparent;padding:5px 15px 5px 5px;line-height:1.5;font-family:monospace}.autoFill[data-v-4f0ed72e]{width:100%}.textarea-box[data-v-4f0ed72e]{border:1px solid var(--bagGray);width:100%;position:relative;border-radius:4px}.textarea-box[data-v-4f0ed72e]:active,.textarea-box[data-v-4f0ed72e]:focus,.textarea-box[data-v-4f0ed72e]:hover{border-color:var(--centalineBlue)!important}.textarea-tip[data-v-4f0ed72e]{margin-left:5px;color:#606266}.textarea-count[data-v-4f0ed72e]{position:absolute;right:10px}.textarea-icon[data-v-4f0ed72e]{background:url(" + escape(__webpack_require__(563)) + ")no-repeat;background-size:100% 100%;width:12px;height:12px;display:inline-block;position:absolute;right:0;bottom:0}", ""]);
+exports.push([module.i, ".errorMessageMarginLeft[data-v-299c44f5]{margin-left:108px}.hoverColor[data-v-299c44f5]:hover{border-color:var(--centalineBlue)}.is-show-Span[data-v-299c44f5]{display:none}.hoverColor:hover .is-show-Span[data-v-299c44f5]{display:inline-block}.backdrop[data-v-299c44f5]{position:absolute;z-index:1;border:none;background-color:#fff;pointer-events:none;overflow-y:auto;border-radius:4px;-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.highlights[data-v-299c44f5]{white-space:pre-wrap;word-wrap:break-word;color:transparent;padding:5px 15px 5px 5px;line-height:1.5;font-family:monospace}.autoFill[data-v-299c44f5]{width:100%}.textarea-box[data-v-299c44f5]{border:1px solid var(--bagGray);width:100%;position:relative;border-radius:4px}.textarea-box[data-v-299c44f5]:active,.textarea-box[data-v-299c44f5]:focus,.textarea-box[data-v-299c44f5]:hover{border-color:var(--centalineBlue)!important}.textarea-tip[data-v-299c44f5]{margin-left:5px;color:#606266}.textarea-count[data-v-299c44f5]{position:absolute;right:10px}.textarea-icon[data-v-299c44f5]{background:url(" + escape(__webpack_require__(563)) + ")no-repeat;background-size:100% 100%;width:12px;height:12px;display:inline-block;position:absolute;right:0;bottom:0}", ""]);
 
 // exports
 
@@ -57075,7 +57115,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dynamicL_vue__ = __webpack_require__(249);
 /* unused harmony namespace reexport */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_9968cfc6_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dynamicL_vue__ = __webpack_require__(599);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c84a5a4c_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dynamicL_vue__ = __webpack_require__(599);
 function injectStyle (ssrContext) {
   __webpack_require__(597)
 }
@@ -57090,12 +57130,12 @@ var __vue_template_functional__ = false
 /* styles */
 var __vue_styles__ = injectStyle
 /* scopeId */
-var __vue_scopeId__ = "data-v-9968cfc6"
+var __vue_scopeId__ = "data-v-c84a5a4c"
 /* moduleIdentifier (server only) */
 var __vue_module_identifier__ = null
 var Component = normalizeComponent(
   __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dynamicL_vue__["a" /* default */],
-  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_9968cfc6_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dynamicL_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_c84a5a4c_hasScoped_true_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dynamicL_vue__["a" /* default */],
   __vue_template_functional__,
   __vue_styles__,
   __vue_scopeId__,
@@ -57116,7 +57156,7 @@ var content = __webpack_require__(598);
 if(typeof content === 'string') content = [[module.i, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
-var update = __webpack_require__(2)("4925eee6", content, true, {});
+var update = __webpack_require__(2)("271627b2", content, true, {});
 
 /***/ }),
 /* 598 */
@@ -57127,7 +57167,7 @@ exports = module.exports = __webpack_require__(1)(false);
 
 
 // module
-exports.push([module.i, ".isWidth[data-v-9968cfc6]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.isEllipsis[data-v-9968cfc6]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all}.text-justify[data-v-9968cfc6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}", ""]);
+exports.push([module.i, ".isWidth[data-v-c84a5a4c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.isEllipsis[data-v-c84a5a4c]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all}.text-justify[data-v-c84a5a4c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.label-ellipsis[data-v-c84a5a4c]{overflow:hidden;text-overflow:ellipsis}", ""]);
 
 // exports
 
@@ -57137,7 +57177,7 @@ exports.push([module.i, ".isWidth[data-v-9968cfc6]{display:-webkit-inline-box;di
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"field-top"},[(_vm.model !== null)?_c('div',{staticClass:"ct-text",staticStyle:{"width":"100%","display":"flex"}},[_c('div',{staticClass:"el-input el-input--mini el-input-group el-input-group--prepend el-input--suffix showLabel lableinput text-justify"},[(_vm.model.showLabel && _vm.model.label)?_c('div',{staticClass:"el-input-group__prepend"},[_c('div',{class:[_vm.model.labelClass],attrs:{"slot":"prepend"},slot:"prepend"},[_vm._v("\n          "+_vm._s(_vm.model.label)+"\n        ")])]):_vm._e(),_vm._v(" "),(_vm.model.flagJson)?_c('span',_vm._l((_vm.model.labelValue),function(item){return _c('span',{key:item,staticClass:"el-tag el-tag--info el-tag--mini",staticStyle:{"box-sizing":"border-box","border-color":"transparent","margin":"2px 0 2px 6px"}},[_c('span',{staticClass:"el-select__tags-text"},[_vm._v(_vm._s(item))])])})):_c('div',{staticStyle:{"display":"flex"}},[(_vm.isShowComput)?_c('div',{staticStyle:{"position":"relative"}},[_c('label',{staticClass:"ct-lable",staticStyle:{"position":"absolute","left":"-10000px"}},[_c('span',{ref:'computLabel' + _vm.model.index},[_vm._v(" "+_vm._s(_vm.model.labelValue))])])]):_vm._e(),_vm._v(" "),_c('label',{staticClass:"ct-lable",style:({ display: (_vm.model.labelValue ? 'flex' : '') })},[_c('el-tooltip',{attrs:{"placement":"top","effect":"light","disabled":_vm.isShowTooltip}},[_c('div',{style:({ 'width': (_vm.model.labelValue.length > 66 ? '400px' : 'auto') }),attrs:{"slot":"content"},slot:"content"},[_vm._v(_vm._s(_vm.model.labelValue))]),_vm._v(" "),_c('div',{staticClass:"isEllipsis",style:({ display: (_vm.model.labelValue ? '-webkit-box' : 'none') }),on:{"mouseover":function($event){_vm.onMouseOver('refLabelValue' + _vm.model.index, _vm.model.index)}}},[_c('span',{ref:'refLabelValue' + _vm.model.index},[_vm._v(_vm._s(_vm.model.labelValue))])])])],1)]),_vm._v(" "),(_vm.model.unitName)?_c('span',{staticClass:"ct-unitnameLable",attrs:{"slot":"suffix"},slot:"suffix"},[_vm._v(_vm._s(_vm.model.unitName))]):_vm._e(),_vm._v(" "),(_vm.model.sufLabel)?_c('span',{staticClass:"spanMessage",staticStyle:{"width":"auto"}},[_vm._v(_vm._s(_vm.model.sufLabel))]):_vm._e()])]):_vm._e()])}
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"field-top"},[(_vm.model !== null)?_c('div',{staticClass:"ct-text",staticStyle:{"width":"100%","display":"flex"}},[_c('div',{staticClass:"el-input el-input--mini el-input-group el-input-group--prepend el-input--suffix showLabel lableinput text-justify"},[(_vm.model.showLabel && _vm.model.label)?_c('div',{staticClass:"el-input-group__prepend"},[_c('div',{staticClass:"label-ellipsis",class:[_vm.model.labelClass],attrs:{"slot":"prepend","title":_vm.model.label},slot:"prepend"},[_vm._v("\n          "+_vm._s(_vm.model.label)+"\n        ")])]):_vm._e(),_vm._v(" "),(_vm.model.flagJson)?_c('span',_vm._l((_vm.model.labelValue),function(item){return _c('span',{key:item,staticClass:"el-tag el-tag--info el-tag--mini",staticStyle:{"box-sizing":"border-box","border-color":"transparent","margin":"2px 0 2px 6px"}},[_c('span',{staticClass:"el-select__tags-text"},[_vm._v(_vm._s(item))])])})):_c('div',{staticStyle:{"display":"inline-flex"}},[(_vm.isShowComput)?_c('div',{staticStyle:{"position":"relative"}},[_c('label',{staticClass:"ct-lable",staticStyle:{"position":"absolute","left":"-10000px"}},[_c('span',{ref:'computLabel' + _vm.model.index},[_vm._v(" "+_vm._s(_vm.model.labelValue))])])]):_vm._e(),_vm._v(" "),_c('label',{staticClass:"ct-lable",style:({ display: (_vm.model.labelValue ? 'inline-flex' : '') })},[_c('el-tooltip',{attrs:{"placement":"top","effect":"light","disabled":_vm.isShowTooltip}},[_c('div',{style:({ 'width': (_vm.model.labelValue.length > 66 ? '400px' : 'auto') }),attrs:{"slot":"content"},slot:"content"},[_vm._v(_vm._s(_vm.model.labelValue))]),_vm._v(" "),_c('div',{staticClass:"isEllipsis",style:({ display: (_vm.model.labelValue ? '-webkit-box' : 'none') }),on:{"mouseover":function($event){_vm.onMouseOver('refLabelValue' + _vm.model.index, _vm.model.index)}}},[_c('span',{ref:'refLabelValue' + _vm.model.index},[_vm._v(_vm._s(_vm.model.labelValue))])])])],1)]),_vm._v(" "),(_vm.model.unitName)?_c('span',{staticClass:"ct-unitnameLable",attrs:{"slot":"suffix"},slot:"suffix"},[_vm._v(_vm._s(_vm.model.unitName))]):_vm._e(),_vm._v(" "),(_vm.model.sufLabel)?_c('span',{staticClass:"spanMessage",staticStyle:{"width":"auto"}},[_vm._v(_vm._s(_vm.model.sufLabel))]):_vm._e()])]):_vm._e()])}
 var staticRenderFns = []
 var esExports = { render: render, staticRenderFns: staticRenderFns }
 /* harmony default export */ __webpack_exports__["a"] = (esExports);
@@ -63429,7 +63469,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dynamicViewerFile_vue__ = __webpack_require__(272);
 /* unused harmony namespace reexport */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_779e3999_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dynamicViewerFile_vue__ = __webpack_require__(721);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_65705b68_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dynamicViewerFile_vue__ = __webpack_require__(721);
 function injectStyle (ssrContext) {
   __webpack_require__(713)
 }
@@ -63449,7 +63489,7 @@ var __vue_scopeId__ = null
 var __vue_module_identifier__ = null
 var Component = normalizeComponent(
   __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_lib_selector_type_script_index_0_dynamicViewerFile_vue__["a" /* default */],
-  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_779e3999_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dynamicViewerFile_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_65705b68_hasScoped_false_buble_transforms_node_modules_vue_loader_lib_selector_type_template_index_0_dynamicViewerFile_vue__["a" /* default */],
   __vue_template_functional__,
   __vue_styles__,
   __vue_scopeId__,
@@ -63470,7 +63510,7 @@ var content = __webpack_require__(714);
 if(typeof content === 'string') content = [[module.i, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
-var update = __webpack_require__(2)("65fc905e", content, true, {});
+var update = __webpack_require__(2)("4c7450da", content, true, {});
 
 /***/ }),
 /* 714 */
@@ -63616,10 +63656,10 @@ var esExports = { render: render, staticRenderFns: staticRenderFns }
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"viewerfile",staticClass:"ccai",staticStyle:{"height":"100%"},attrs:{"id":"viewer-file"},on:{"contextmenu":_vm.handleMouse}},[_c('el-container',{staticStyle:{"height":"100%","border":"1px solid #eee"}},[_c('el-aside',{staticClass:"ccai-aside",staticStyle:{"background-color":"rgb(238, 241, 246)"}},[_c('div',{staticClass:"viewerMenu",staticStyle:{"height":"100%"}},[_c('el-menu',{staticStyle:{"height":"100%"},attrs:{"default-openeds":_vm.openeds,"default-active":_vm.activeitem}},_vm._l((_vm.MediaAlbum),function(group,groupIndex){return _c('el-submenu',{key:groupIndex,attrs:{"index":groupIndex.toString()}},[_c('template',{slot:"title"},[_c('i'),_vm._v(" "),_c('div',{staticStyle:{"padding":"0 10px !important","height":"30px !important","line-height":"30px !important"}},[_vm._v("\n                "+_vm._s(group.albumName)+"\n              ")])]),_vm._v(" "),_c('el-menu-item-group',_vm._l((group.medias),function(item,index){return _c('el-menu-item',{key:index,attrs:{"index":groupIndex.toString() + '-' + index.toString()},on:{"click":function($event){_vm.handleClick(item, groupIndex, index)}}},[_vm._v(_vm._s(item.mediaLabelName || item.fileName))])}))],2)}))],1)]),_vm._v(" "),_c('el-main',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.downloadLoading),expression:"downloadLoading"}],ref:"displayArea",attrs:{"element-loading-spinner":"el-icon-loading","element-loading-custom-class":'cloading'}},[(_vm.resultObject)?_c('div',{staticStyle:{"position":"relative","width":"100%"},style:({ height: _vm.displayAreaHeight - 78 + 'px' })},[(_vm.itemFile.mediaTypeID == '1')?[_c('iframe',{staticStyle:{"border-width":"0px"},attrs:{"src":_vm.resultObject,"height":_vm.displayAreaHeight - 80 + 'px',"width":_vm.displayAreaWidth + 'px'}})]:(_vm.itemFile.mediaTypeID == '2')?[_c('ct-viewerImage',{ref:"viewerImage",attrs:{"imgUrl":_vm.resultObject+((!_vm.itemFile.flagUrl)?'/'+_vm.displayAreaWidth+'/'+_vm.displayAreaHeight+'?FlagC=0':''),"rotate":_vm.rotate}})]:(_vm.itemFile.mediaTypeID == '3')?[_vm._v("\n          暂不支持ThreeDimensional\n        ")]:(_vm.itemFile.mediaTypeID == '4')?[_c('div',{staticClass:"viewerContent"},[(_vm.itemFile.thumbnailUrl)?[_c('video',{staticClass:"viewerContent",attrs:{"preload":"none","poster":_vm.itemFile.thumbnailUrl,"src":_vm.resultObject,"controls":"controls","controlslist":"nodownload","height":500,"width":800}},[_vm._v("\n              您的浏览器不支持 video 标签。\n            ")])]:[_c('video',{staticClass:"viewerContent",attrs:{"preload":"none","src":_vm.resultObject,"controls":"controls","controlslist":"nodownload","height":500,"width":800}},[_vm._v("\n              您的浏览器不支持 video 标签。\n            ")])]],2)]:(_vm.itemFile.mediaTypeID == '5')?[_c('div',{staticClass:"viewerContent"},[_c('audio',{staticClass:"viewerContent",staticStyle:{"width":"50%"},attrs:{"preload":"none","src":_vm.resultObject,"controls":"controls","controlslist":"nodownload"}},[_vm._v("\n              您的浏览器不支持 audio 标签。\n            ")])])]:(_vm.itemFile.mediaTypeID == '6')?[('pdf' .search(_vm.itemFile.fileExtension.toLowerCase())>-1 )?[_c('ct-viewerPDF',{attrs:{"pdfUrl":_vm.resultObject,"displayAreaHeight":_vm.displayAreaHeight,"displayAreaWidth":_vm.displayAreaWidth}})]:[_c('div',{staticClass:"viewerContent",staticStyle:{"max-height":"200px","text-align":"center"}},[_c('a',{attrs:{"href":_vm.resultObject,"target":"_blank"}},[_c('img',{attrs:{"src":_vm.itemFile.thumbnailUrl}}),_c('br'),_vm._v(_vm._s(_vm.itemFile.mediaLabelName || _vm.itemFile.fileName)+"\n              ")])])]]:[_c('div',{staticClass:"viewerContent",staticStyle:{"max-height":"200px","text-align":"center"}},[_c('a',{attrs:{"href":_vm.resultObject,"target":"_blank"}},[_c('img',{attrs:{"src":_vm.itemFile.thumbnailUrl}}),_c('br'),_vm._v(_vm._s(_vm.itemFile.mediaLabelName || _vm.itemFile.fileName)+"\n              ")])])],_vm._v(" "),(_vm.resultObject != '')?[_c('div',{staticClass:"magnify-footer",style:({
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"viewerfile",staticClass:"ccai",staticStyle:{"height":"100%"},attrs:{"id":"viewer-file"},on:{"contextmenu":_vm.handleMouse}},[_c('el-container',{staticStyle:{"height":"100%","border":"1px solid #eee"}},[_c('el-aside',{staticClass:"ccai-aside",staticStyle:{"background-color":"rgb(238, 241, 246)"}},[_c('div',{staticClass:"viewerMenu",staticStyle:{"height":"100%"}},[_c('el-menu',{staticStyle:{"height":"100%"},attrs:{"default-openeds":_vm.openeds,"default-active":_vm.activeitem}},_vm._l((_vm.MediaAlbum),function(group,groupIndex){return _c('el-submenu',{key:groupIndex,attrs:{"index":groupIndex.toString()}},[_c('template',{slot:"title"},[_c('i'),_vm._v(" "),_c('div',{staticStyle:{"padding":"0 10px !important","height":"30px !important","line-height":"30px !important"}},[_vm._v("\n                "+_vm._s(group.albumName)+"\n              ")])]),_vm._v(" "),_c('el-menu-item-group',_vm._l((group.medias),function(item,index){return _c('el-menu-item',{key:index,attrs:{"index":groupIndex.toString() + '-' + index.toString()},on:{"click":function($event){_vm.handleClick(item, groupIndex, index)}}},[_vm._v(_vm._s(item.mediaLabelName || item.fileName))])}))],2)}))],1)]),_vm._v(" "),_c('el-main',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.downloadLoading),expression:"downloadLoading"}],ref:"displayArea",attrs:{"element-loading-spinner":"el-icon-loading","element-loading-custom-class":'cloading'}},[(_vm.resultObject)?_c('div',{staticStyle:{"position":"relative","width":"100%"},style:({ height: _vm.displayAreaHeight - 78 + 'px' })},[(_vm.itemFile.mediaTypeID == '1'||(_vm.itemFile.mediaTypeID+'').toLowerCase()=='vr')?[_c('iframe',{staticStyle:{"border-width":"0px"},attrs:{"src":_vm.resultObject,"height":_vm.displayAreaHeight - 80 + 'px',"width":_vm.displayAreaWidth + 'px'}})]:(_vm.itemFile.mediaTypeID == '2'||(_vm.itemFile.mediaTypeID+'').toLowerCase()=='photo')?[_c('ct-viewerImage',{ref:"viewerImage",attrs:{"imgUrl":_vm.resultObject+((!_vm.itemFile.flagUrl)?'/'+_vm.displayAreaWidth+'/'+_vm.displayAreaHeight+'?FlagC=0':''),"rotate":_vm.rotate}})]:(_vm.itemFile.mediaTypeID == '3'||(_vm.itemFile.mediaTypeID+'').toLowerCase()=='threedimensional')?[_vm._v("\n          暂不支持ThreeDimensional\n        ")]:(_vm.itemFile.mediaTypeID == '4'||(_vm.itemFile.mediaTypeID+'').toLowerCase()=='video')?[_c('div',{staticClass:"viewerContent"},[(_vm.itemFile.thumbnailUrl)?[_c('video',{staticClass:"viewerContent",attrs:{"preload":"none","poster":_vm.itemFile.thumbnailUrl,"src":_vm.resultObject,"controls":"controls","controlslist":"nodownload","height":500,"width":800}},[_vm._v("\n              您的浏览器不支持 video 标签。\n            ")])]:[_c('video',{staticClass:"viewerContent",attrs:{"preload":"none","src":_vm.resultObject,"controls":"controls","controlslist":"nodownload","height":500,"width":800}},[_vm._v("\n              您的浏览器不支持 video 标签。\n            ")])]],2)]:(_vm.itemFile.mediaTypeID == '5'||(_vm.itemFile.mediaTypeID+'').toLowerCase()=='audio')?[_c('div',{staticClass:"viewerContent"},[_c('audio',{staticClass:"viewerContent",staticStyle:{"width":"50%"},attrs:{"preload":"none","src":_vm.resultObject,"controls":"controls","controlslist":"nodownload"}},[_vm._v("\n              您的浏览器不支持 audio 标签。\n            ")])])]:(_vm.itemFile.mediaTypeID == '6'||(_vm.itemFile.mediaTypeID+'').toLowerCase()=='file')?[('pdf' .search(_vm.itemFile.fileExtension.toLowerCase())>-1 )?[_c('ct-viewerPDF',{attrs:{"pdfUrl":_vm.resultObject,"displayAreaHeight":_vm.displayAreaHeight,"displayAreaWidth":_vm.displayAreaWidth}})]:[_c('div',{staticClass:"viewerContent",staticStyle:{"max-height":"200px","text-align":"center"}},[_c('a',{attrs:{"href":_vm.resultObject,"target":"_blank"}},[_c('img',{attrs:{"src":_vm.itemFile.thumbnailUrl}}),_c('br'),_vm._v(_vm._s(_vm.itemFile.mediaLabelName || _vm.itemFile.fileName)+"\n              ")])])]]:[_c('div',{staticClass:"viewerContent",staticStyle:{"max-height":"200px","text-align":"center"}},[_c('a',{attrs:{"href":_vm.resultObject,"target":"_blank"}},[_c('img',{attrs:{"src":_vm.itemFile.thumbnailUrl}}),_c('br'),_vm._v(_vm._s(_vm.itemFile.mediaLabelName || _vm.itemFile.fileName)+"\n              ")])])],_vm._v(" "),(_vm.resultObject != '')?[_c('div',{staticClass:"magnify-footer",style:({
               width: _vm.displayAreaWidth + 'px',
               bottom: _vm.displayAreabtm + 10 + 'px',
-            })},[_c('div',{staticClass:"magnify-toolbar",style:({ 'margin-left': _vm.displayArealeft + 'px' })},[_c('a',{staticClass:"magnify-btn el-icon-back",attrs:{"href":"javascript:void(0)","title":"上一个"},on:{"click":function($event){_vm.jump(-1)}}}),_c('a',{staticClass:"magnify-btn el-icon-right",attrs:{"href":"javascript:void(0)","title":"下一个"},on:{"click":function($event){_vm.jump(1)}}}),_vm._v(" "),(_vm.itemFile.mediaTypeID == '2')?[_c('a',{staticClass:"magnify-btn el-icon-refresh-left",attrs:{"href":"javascript:void(0)","title":"左旋转"},on:{"click":function($event){_vm.rotateImg('L')}}}),_vm._v(" "),_c('a',{staticClass:"magnify-btn el-icon-refresh-right",attrs:{"href":"javascript:void(0)","title":"右旋转"},on:{"click":function($event){_vm.rotateImg('R')}}}),_vm._v(" "),_c('a',{staticClass:"magnify-btn el-icon-zoom-in",attrs:{"href":"javascript:void(0)","title":"放大"},on:{"click":function($event){_vm.zoom(0.2)}}}),_vm._v(" "),_c('a',{staticClass:"magnify-btn el-icon-refresh",attrs:{"href":"javascript:void(0)","title":"实际尺寸"},on:{"click":function($event){_vm.actualSize()}}}),_vm._v(" "),_c('a',{staticClass:"magnify-btn el-icon-zoom-out",attrs:{"href":"javascript:void(0)","title":"缩小"},on:{"click":function($event){_vm.zoom(-0.2)}}})]:_vm._e(),_vm._v(" "),(_vm.itemFile.rightDownload&&_vm.itemFile.mediaTypeID !='1')?_c('a',{staticClass:"magnify-btn el-icon-download",attrs:{"href":"javascript:void(0)","title":"下载"},on:{"click":function($event){_vm.handDownload(_vm.resultObject)}}}):_vm._e()],2)])]:_vm._e()],2):_vm._e()])],1),_vm._v(" "),_c('iframe',{staticStyle:{"height":"0px","width":"0px","border-width":"0px","display":"none"},attrs:{"src":_vm.downloadUrl}})],1)}
+            })},[_c('div',{staticClass:"magnify-toolbar",style:({ 'margin-left': _vm.displayArealeft + 'px' })},[_c('a',{staticClass:"magnify-btn el-icon-back",attrs:{"href":"javascript:void(0)","title":"上一个"},on:{"click":function($event){_vm.jump(-1)}}}),_c('a',{staticClass:"magnify-btn el-icon-right",attrs:{"href":"javascript:void(0)","title":"下一个"},on:{"click":function($event){_vm.jump(1)}}}),_vm._v(" "),(_vm.itemFile.mediaTypeID == '2'||(_vm.itemFile.mediaTypeID+'').toLowerCase()=='photo')?[_c('a',{staticClass:"magnify-btn el-icon-refresh-left",attrs:{"href":"javascript:void(0)","title":"左旋转"},on:{"click":function($event){_vm.rotateImg('L')}}}),_vm._v(" "),_c('a',{staticClass:"magnify-btn el-icon-refresh-right",attrs:{"href":"javascript:void(0)","title":"右旋转"},on:{"click":function($event){_vm.rotateImg('R')}}}),_vm._v(" "),_c('a',{staticClass:"magnify-btn el-icon-zoom-in",attrs:{"href":"javascript:void(0)","title":"放大"},on:{"click":function($event){_vm.zoom(0.2)}}}),_vm._v(" "),_c('a',{staticClass:"magnify-btn el-icon-refresh",attrs:{"href":"javascript:void(0)","title":"实际尺寸"},on:{"click":function($event){_vm.actualSize()}}}),_vm._v(" "),_c('a',{staticClass:"magnify-btn el-icon-zoom-out",attrs:{"href":"javascript:void(0)","title":"缩小"},on:{"click":function($event){_vm.zoom(-0.2)}}})]:_vm._e(),_vm._v(" "),(_vm.itemFile.rightDownload&&(_vm.itemFile.mediaTypeID !='1'&&(_vm.itemFile.mediaTypeID+'').toLowerCase()=='vr'))?_c('a',{staticClass:"magnify-btn el-icon-download",attrs:{"href":"javascript:void(0)","title":"下载"},on:{"click":function($event){_vm.handDownload(_vm.resultObject)}}}):_vm._e()],2)])]:_vm._e()],2):_vm._e()])],1),_vm._v(" "),_c('iframe',{staticStyle:{"height":"0px","width":"0px","border-width":"0px","display":"none"},attrs:{"src":_vm.downloadUrl}})],1)}
 var staticRenderFns = []
 var esExports = { render: render, staticRenderFns: staticRenderFns }
 /* harmony default export */ __webpack_exports__["a"] = (esExports);