centaline-data-driven 1.6.34 → 1.6.36

package/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "marscode.chatLanguage": "cn"
+}

package/package.json

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

package/release-log.md

@@ -1,3 +1,25 @@
+# v1.6.36
+2024-01-17
+
+bug
+
+粘贴上传，exce单元格会识别成图片上图
+ 
+# v1.6.35
+2024-01-08
+
+优化
+
+列表新增和修改页面引用的父页面的表单项将以label的形式展现在表单的最上面，多个用逗号（,） 分隔
+
+onAfterChanged找不到路由后，支持直接执行脚本
+
+表单列表弹层支持修改必填required到行数据上
+
+BUG
+
+文件预览，部分发票PDF，内容显示不全，前端更新pdf.js必须更新SDK版本
+
 # v1.6.34
 2024-12-30
 

package/src/SearchList.vue

@@ -31,7 +31,7 @@
 
     <!-- CCES -->
     <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/salemattersmanage/agentuserlist/getLayoutOfSearch'"  :searchDataApi="'/salemattersmanage/agentuserlist/getList'"></ct-searchlist> -->
-    <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/contractmanage/ContractList/getLayoutOfSearch'"  :searchDataApi="'/contractmanage/ContractList/getList'"></ct-searchlist> -->
+    <ct-searchlist :apiParam="para" :searchConditionApi="'/contractmanage/ContractList/getLayoutOfSearch'"  :searchDataApi="'/contractmanage/ContractList/getList'"></ct-searchlist>
     <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/sunexpensemanage/sunexpenserecordlist/getLayoutOfSearch'"  :searchDataApi="'/sunexpensemanage/sunexpenserecordlist/getList'"></ct-searchlist> -->
     <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/customermanage/ProjectCustomerList/getLayoutOfSearch'"  :searchDataApi="'/customermanage/ProjectCustomerList/getList'"></ct-searchlist> -->
     <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/workwxmanage/WorkWXApplicationList/getLayoutOfSearch'"  :searchDataApi="'/workwxmanage/WorkWXApplicationList/getList'"></ct-searchlist> -->
@@ -41,7 +41,7 @@
     <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/salemattersmanage/EntranceNoticeInfoList/getLayoutOfSearch'"  :searchDataApi="'/salemattersmanage/EntranceNoticeInfoList/getList'"></ct-searchlist> -->
     <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/commissionquery/properformanceszjjbreport/getLayoutOfSearch'"  :searchDataApi="'/commissionquery/properformanceszjjbreport/getList'"></ct-searchlist> -->
     <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/employeelist/getLayoutOfSearch'"  :searchDataApi="'/employeelist/getList'"></ct-searchlist> -->
-    <ct-searchlist :apiParam="para" :searchConditionApi="'/estatemanage/estatlist/getLayoutOfSearch'"  :searchDataApi="'/estatemanage/estatlist/getList'"></ct-searchlist>
+    <!-- <ct-searchlist :apiParam="para" :searchConditionApi="'/estatemanage/estatlist/getLayoutOfSearch'"  :searchDataApi="'/estatemanage/estatlist/getList'"></ct-searchlist> -->
     <!-- CCES -->
 
     <!-- <ct-searchlist :apiParam="para"
@@ -79,6 +79,10 @@
 
     <!-- <ct-searchlist :searchCategoryApi="'/PropertyPublishList/getLayoutOfSearchCategory'" :searchConditionApi="'/PropertyPublishList/getLayoutOfSearchForRET'" :searchStatsApi="'/PropertyPublishList/getListStatsForRET'" :searchDataApi="'/PropertyPublishList/getListOfSearchModelForRET'"></ct-searchlist> -->
 
+    <!-- <ct-searchlist :searchConditionApi="'/propertyTenderList/getLayoutOfSearch'"
+      :searchDataApi="'/propertyTenderList/getListOfSearchModel'"
+      ></ct-searchlist> -->
+
     <!-- <ct-searchlist :searchConditionApi="'/PropertyRETList/getLayoutOfSearch'"
       :searchDataApi="'/PropertyRETList/getListOfSearchModel'"
       :searchCategoryApi="'/PropertyRETList/getLayoutOfSearchCategory'"
@@ -159,7 +163,7 @@
         // appRootUrl:'http://10.88.22.13:6060/onecard-api/',
         appRootUrl:'',
         para:{
-          
+          type: "top",
   "deleteRight": 0,
   "editRight": 0,
   "browseRight": 0,

package/src/centaline/dynamicFile/src/dynamicFile.vue

@@ -8,7 +8,7 @@
         :file-list="model.fileList" :multiple="true" :auto-upload="true" :action="model.action" :data="model.uploadData"
         :headers="headers" :before-upload="beforeUploadProcess" :on-success="handleAvatarSuccess"
         :on-error="handleAvatarError" :on-progress="uploadProcess" :limit="parseInt(model.max || 999)"
-        :on-exceed="handleExceed" :uploadStatus="!disableUpload&&!model.lock?'upload':'lock'">
+        :on-exceed="handleExceed" :uploadStatus="!disableUpload && !model.lock ? 'upload' : 'lock'">
         <template slot="default">
           <i class="el-icon-plus"></i>
         </template>
@@ -18,10 +18,9 @@
         </div>
         <div slot="tip" v-show="model.description" v-html="model.description">
         </div>
-        <div class="qrcode-target"  v-if="model.QRCodeAction">
-          <img @click.stop="qrcodeFn" ref="QRCodeRef"
-            :src="require('../../../assets/serw1.png')" style="width: 35px;height: 35px;float: right;" alt="扫码上传"
-            title="扫码上传">
+        <div class="qrcode-target" v-if="model.QRCodeAction">
+          <img @click.stop="qrcodeFn" ref="QRCodeRef" :src="require('../../../assets/serw1.png')"
+            style="width: 35px;height: 35px;float: right;" alt="扫码上传" title="扫码上传">
         </div>
         <div class="ScanUploadPhoto" v-if="qrcodeVisible" @click.stop="qrcodeVisible = true"
           :style="{ top: QRCodeRefTop + 'px', left: QRCodeRefLeft + 'px' }">
@@ -75,7 +74,7 @@
               </el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
-        </span> 
+        </span>
         <div slot="file" slot-scope="{ file }" :title="file.fileName">
           <div class="cover-list-item">
             <div @click="viewerfile(file)">
@@ -156,8 +155,7 @@
         :multiple="true" :auto-upload="true" :action="model.action" :data="model.uploadData" :headers="headers"
         :before-upload="beforeUploadProcess" :on-success="handleAvatarSuccess" :on-error="handleAvatarError"
         :on-progress="uploadProcess" :limit="parseInt(model.max || 999)" :on-exceed="handleExceed"
-        :uploadStatus="!disableUpload&&!model.lock?'upload':'lock'"
-        >
+        :uploadStatus="!disableUpload && !model.lock ? 'upload' : 'lock'">
         <i slot="default" class="el-icon-plus"></i>
         <div slot="tip" class="el-upload__tip errorMessage" style="white-space:pre-wrap;" v-show="!valid"
           v-html="validMessage">
@@ -330,16 +328,16 @@ export default {
       return this.$common.getDataDrivenOpts().zindex + 100;
     },
   },
-  deactivated() { 
-    document.addEventListener('paste', this.ListenerPaste); 
+  deactivated() {
+    document.addEventListener('paste', this.ListenerPaste);
 
-    },
-  mounted() { 
-    document.addEventListener('paste', this.ListenerPaste); 
+  },
+  mounted() {
+    document.addEventListener('paste', this.ListenerPaste);
 
   },
   created() {
-    var self = this; 
+    var self = this;
     this.$nextTick(function () {
       if (self.vmodel) {
         self.load(self.vmodel);
@@ -351,8 +349,8 @@ export default {
         });
       }
       this.disableUpload = this.model.lock;
-     
-      
+
+
     });
   },
   methods: {
@@ -722,7 +720,7 @@ export default {
 
       var refupload = this.$refs.refupload;
       if (refupload) {
-        if (flagError) { 
+        if (flagError) {
           this.$message({
             message: res,
             type: 'error',
@@ -860,30 +858,44 @@ export default {
         }
         self.QRCodeRefLeft = QRCodeRef.getBoundingClientRect().left + QRCodeRefWith + 20;
       }
-    },  
+    },
     PasteUpload(event) {
       let self = this;
       if (!self.model.locked && !self.disableUpload) {
         // 获取粘贴板中的图片
         const clipboardDatas = (event.clipboardData || event.originalEvent.clipboardData);
         const items = clipboardDatas.items;
+
+        //检测是否全是文件才上传
+        let fileSum = 0;
+
         for (let index in items) {
-          const item = items[index];
+          const item = items[index]; 
           if (item.kind === 'file') {
-            const file = item.getAsFile();
-            let uid = self.uploadguid();
-            file.uid = file.uid || uid;
-            self.$refs.upload.handleStart(file);
-            // 提交上传队列
-            self.$refs.upload.submit();
+            ++fileSum;
+          }
+        }
+        
+        if (fileSum == items.length) {
+
+          for (let index in items) {
+            const item = items[index];
+            if (item.kind === 'file') {
+              const file = item.getAsFile();
+              let uid = self.uploadguid();
+              file.uid = file.uid || uid;
+              self.$refs.upload.handleStart(file);
+              // 提交上传队列
+              self.$refs.upload.submit();
+            }
           }
         }
       }
 
     },
-    ListenerPaste(event) { 
+    ListenerPaste(event) {
       let self = this;
-      if (!self.model.locked&&!self.disableUpload) {
+      if (!self.model.locked && !self.disableUpload) {
         var target = event.target;
         const uploads = document.querySelectorAll('[uploadStatus="upload"]');
 
@@ -896,7 +908,7 @@ export default {
 
           if (window.uploads.count == window.uploads.length) {
             window.uploads = null;
-          
+
             self.$message({
               message: "存在多个上传组件，请点击上传！",
               type: 'info',
@@ -909,7 +921,7 @@ export default {
           window.uploads = null;
           self.PasteUpload(event);
         }
-      } 
+      }
     }
   },
   beforeDestroy() {

package/src/centaline/dynamicForm/src/dynamicForm.vue

@@ -11,6 +11,21 @@
           <span style="font-weight:bold">{{model.title}}</span>
         </div>
 
+        <!--relationParentFormFields-->
+        <el-row v-if="relationParentFormFields.length > 0">
+          <template v-for="(col, index) in relationParentFormFields">
+            <el-col :key="index" v-if="col.show !== false" :span="col.colspan" style="padding:5px">
+                <component ref="Fields" :is="col.is" :vmodel="col" :api="model.optionApi" :parentModel="model" v-bind="col.bindPara"
+                        :fileData="getFileData(col)" :from="'form'" :documentHeight="documentHeight" :documentWidth="documentWidth"
+                        @click="fieldClickHandler(col,$event)" @change="changeHandler(col,$event)" @enter="enterHandler(col,$event)"
+                        @input="inputHandler(col,$event)" @importComplete="importComplete" @blur="blurHandler(col,$event)"
+                        @popupSearchList="popupSearchListHandler" @flagNotificationParentAfterContentChanged="flagNotificationParentAfterContentChanged"
+                        @popupLocation="popupLocationHandler"
+                        @tableButtonClick="clickHandler"></component>
+              </el-col>
+          </template>
+        </el-row>
+
         <!--头部元素-->
         <el-row v-if="collapseFieldsRow.length > 0">
           <template v-for="(col, index) in collapseFieldsRow[0]">
@@ -208,6 +223,12 @@
         Boolean,
         default: false,
       },
+      relationParentFormFields: {
+        Array,
+        default: function () {
+          return [];
+        },
+      },
     },
     data() {
       return {
@@ -1167,7 +1188,16 @@
           var router = self.model.actionRouters.find((v) => {
             return v.id === field.onAfterChanged;
           });
-          self.clickHandler(router);
+          if(router){
+            self.clickHandler(router);
+          }
+          else{
+            if (typeof this.model.scripts !== 'undefined') {
+              this.model.scripts.formData.setExcuteListData(this.model.fields);
+            }
+            this.model.scripts.$fd = field.id;
+            this.$common.excute.call(this.model.scripts, field.onAfterChanged);
+          }
         }
 
         self.$forceUpdate();
@@ -1177,8 +1207,17 @@
         if (field.onAfterChanged) {
           var router = self.model.actionRouters.find((v) => {
             return v.id === field.onAfterChanged;
-          });
-          self.clickHandler(router);
+          });          
+          if(router){
+            self.clickHandler(router);
+          }
+          else{
+            if (typeof this.model.scripts !== 'undefined') {
+              this.model.scripts.formData.setExcuteListData(this.model.fields);
+            }
+            this.model.scripts.$fd = field.id;
+            this.$common.excute.call(this.model.scripts, field.onAfterChanged);
+          }
         }
         self.$forceUpdate();
       },

package/src/centaline/dynamicSearchList/src/dynamicSearchScreen.vue

@@ -795,8 +795,14 @@ import dynamicElement from '../../mixins/dynamicElement';
         if (field.onAfterChanged && field.type !== 4) {
           var router = self.model.actionRouters.find((v) => {
             return v.id === field.onAfterChanged;
-          });
-          self.clickHandlerfield(router);
+          });          
+          if(router){
+            self.clickHandlerfield(router);
+          }
+          else{
+            this.model.scripts.$fd = field.id;
+            this.$common.excute.call(this.model.scripts, field.onAfterChanged);
+          }
         }
 
         self.$forceUpdate();

package/src/centaline/dynamicTree/src/dynamicTree.vue

@@ -1,7 +1,8 @@
 <template>
   <div class='mytree' id="mytree" style="overflow:auto" v-loading="loading">
     <el-tree class="tree-line" :props="defaultProps" :load="loadNode" :indent="0" :expand-on-click-node="false"
-      @node-click="handleNodeClick" lazy ref="Tree" @node-contextmenu="rightClick" node-key="code" current-node-key="currentNodeKey">
+      @node-click="handleNodeClick" lazy ref="Tree" @node-contextmenu="rightClick" node-key="code"
+      current-node-key="currentNodeKey">
     </el-tree>
     <div class="box-menu" v-if="menuVisible && model.actionRouter"
       :style="{ left: menu_left + 'px', top: menu_top + 'px' }">
@@ -51,7 +52,7 @@ export default {
     };
   },
   mounted() {
- 
+
   },
   methods: {
     search(m) {
@@ -62,8 +63,8 @@ export default {
         clearTimeout(timer);
         self.searchStatus.push(1);
         self.treeNode.childNodes = [];
-        self.searchComplate(m, undefined, self.treeResolve,true);
-       
+        self.searchComplate(m, undefined, self.treeResolve, true);
+
       }
       else {
         timer = setTimeout(() => {
@@ -91,14 +92,14 @@ export default {
       if (node.level === 0) {
         self.treeNode = node;
         self.treeResolve = resolve;
-        return self.loadtreeData(resolve,true);
+        return self.loadtreeData(resolve, true);
       }
       if (node.level >= 1) {
         return self.getChildByList(node.data.code, resolve, node.data);
       }
     },
-    loadtreeData(resolve,firstLoad) {      // 获取loadtreeData 就是父节点数据，getChildByList就是异步获取子节点数据
-      this.searchComplate(undefined, undefined, resolve,firstLoad);
+    loadtreeData(resolve, firstLoad) {      // 获取loadtreeData 就是父节点数据，getChildByList就是异步获取子节点数据
+      this.searchComplate(undefined, undefined, resolve, firstLoad);
     },
     getChildByList(_parentID, resolve,) {     // 获取子节点请求
       var fields = this.model.searchData("code", _parentID, 9, 3);
@@ -107,7 +108,7 @@ export default {
       };
       this.searchComplate(model, undefined, resolve);
     },
-    async load(data, resolve,firstLoad) {
+    async load(data, resolve, firstLoad) {
       var self = this;
       self.model = data;
       self.model.$vue = self;
@@ -119,33 +120,32 @@ export default {
       self.loading = false;
       self.LastResolve = treeResolve;
       self.menuVisible = false;
-      if(firstLoad)
-      {
-       self.$nextTick(() => {
-        if (self.model.modeltree&&self.model.modeltree[0]&&self.model.modeltree[0].code) {
-          self.$refs.Tree.setCurrentKey(self.model.modeltree[0].code)
+      if (firstLoad) {
+        self.$nextTick(() => {
+          if (self.model.modeltree && self.model.modeltree[0] && self.model.modeltree[0].code) {
+            self.$refs.Tree.setCurrentKey(self.model.modeltree[0].code)
+          }
+        });
+        if (self.model.modeltree && self.model.modeltree[0]) {
+          self.handleNodeClick(self.model.modeltree[0], true);
         }
-     });
-    if (self.model.modeltree&&self.model.modeltree[0]) {
-      self.handleNodeClick(self.model.modeltree[0],true);
-    }
 
       }
-  
+
     },
-    searchComplate(m, defaultSearch, resolve,firstLoad) {
+    searchComplate(m, defaultSearch, resolve, firstLoad) {
       var self = this;
       this.$nextTick(function () {
         if (typeof self.api !== 'undefined') {
-          self.loaderObj.Tree(self.api, self.load, m, defaultSearch, resolve,firstLoad);
+          self.loaderObj.Tree(self.api, self.load, m, defaultSearch, resolve, firstLoad);
         }
       });
     },
-    handleNodeClick(data,formType) {
+    handleNodeClick(data, formType) {
       this.foo();
-      var self = this; 
-      if(data&&formType){
-      self.$refs.Tree.setCurrentKey(data.code)
+      var self = this;
+      if (data && formType) {
+        self.$refs.Tree.setCurrentKey(data.code)
       }
       if (self.LastClickNode != data) {
         self.LastClickNode = data;
@@ -186,30 +186,30 @@ export default {
         this.model.actionRouter.forEach(v => {
           if (this.currentData[v.rightField] == '1') {
             this.menuVisible = true //显示增删改的div
-            actionIndex +=1;  
+            actionIndex += 1;
           }
         })
       }
       document.addEventListener('click', this.foo)  // 监听事件鼠标点击事件，若点击则隐藏菜单
-     //  获取树状图的高度
+      //  获取树状图的高度
       let treeHeight = document.getElementById("mytree").offsetHeight;
-         // 获取文本内容的宽高
-         let mainHeight = document.getElementById("app-Tree").offsetHeight;
-        let mainWidth = document.getElementById("app-Tree").offsetWidth;
-        // 10是padding 获取查询条件高度
-        let screenHeight = document.getElementById("mytree").parentElement.offsetHeight - treeHeight - 10;
-        let windowWidth = window.innerWidth;  
-       let windowHeight = window.innerHeight;
-       // 将菜单显示在鼠标点击旁边定位
-       this.menu_left = event.clientX -( windowWidth - mainWidth);
-       // 18是节点文本的高度
-       this.menu_top =event.clientY - ( windowHeight -mainHeight) - screenHeight + actionIndex*30  +18;
+      // 获取文本内容的宽高
+      let mainHeight = document.getElementById("app-Tree").offsetHeight;
+      let mainWidth = document.getElementById("app-Tree").offsetWidth;
+      // 10是padding 获取查询条件高度
+      let screenHeight = document.getElementById("mytree").parentElement.offsetHeight - treeHeight - 10;
+      let windowWidth = window.innerWidth;
+      let windowHeight = window.innerHeight;
+      // 将菜单显示在鼠标点击旁边定位
+      this.menu_left = event.clientX - (windowWidth - mainWidth);
+      // 18是节点文本的高度
+      this.menu_top = event.clientY - (windowHeight - mainHeight) - screenHeight + actionIndex * 30 + 18;
       //  微调
-       if (document.getElementById("uplink")) {
-        this.menu_top = this.menu_top -8;
-       } else if(document.getElementById("onecard")){
-        this.menu_top = this.menu_top +10;
-       }
+      if (document.getElementById("uplink")) {
+        this.menu_top = this.menu_top - 8;
+      } else if (document.getElementById("onecard")) {
+        this.menu_top = this.menu_top + 10;
+      }
     },
     foo() {
       this.menuVisible = false
@@ -297,7 +297,7 @@ export default {
     add(newData) {
       let self = this;
       this.$refs.Tree.append(newData, self.currentNode)
-      this.handleNodeClick(newData,true)
+      this.handleNodeClick(newData, true)
     },
     //修改树节点
     update(newData) {
@@ -309,20 +309,20 @@ export default {
           self.$set(self.currentData, key, newData[key]);
         }
       }
-      this.handleNodeClick(newData,true)
+      this.handleNodeClick(newData, true)
     },
     getNextClickNode() {
-      const tree= this.$refs.Tree;
-      const node = tree.getNode(this.currentData.code); 
-      let data={};
-     if (node.nextSibling) {
-     data=node.nextSibling.data;
-     } else if(node.previousSibling) {
-     data=node.previousSibling.data;
-     }else if(node.parent){
-     data=node.parent.data;
-     }
-      this.handleNodeClick(data,true)
+      const tree = this.$refs.Tree;
+      const node = tree.getNode(this.currentData.code);
+      let data = {};
+      if (node.nextSibling) {
+        data = node.nextSibling.data;
+      } else if (node.previousSibling) {
+        data = node.previousSibling.data;
+      } else if (node.parent) {
+        data = node.parent.data;
+      }
+      this.handleNodeClick(data, true)
     }
   },
   created() {
@@ -334,26 +334,33 @@ export default {
 .mytree {
   height: 100%;
 }
+
 .mytree .el-tree {
   min-width: 100%;
   display: inline-block;
 }
+
 .mytree::-webkit-scrollbar-thumb {
-  background-color: #bebebe;/* 设置滚动条滑块颜色 */
-    height: 5px;
-    border-radius: 4px;
-    display: block;
+  background-color: #bebebe;
+  /* 设置滚动条滑块颜色 */
+  height: 5px;
+  border-radius: 4px;
+  display: block;
 }
+
 .mytree::-webkit-scrollbar {
-    width: 6px;  
-    height: 6px;   /* 设置滚动条高度 */
-    background-color: #f1f1f1;
-    display: block;
+  width: 6px;
+  height: 6px;
+  /* 设置滚动条高度 */
+  background-color: #f1f1f1;
+  display: block;
 }
+
 .mytree .el-tree-node.is-current>.el-tree-node__content {
   color: var(--centalineBlue) !important;
   background-color: #f5f7fa;
 }
+
 .tree-line:first-child div {
   overflow: hidden;
 }
@@ -504,6 +511,4 @@ export default {
 .box-menu .opertion:hover {
   color: var(--btnHoverRed);
 }
-
 </style>
-

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

@@ -1,15 +1,8 @@
-
 <template>
   <div v-loading="loading">
-    <iframe 
-      ref="previewPdf"
-      id="previewPdf"
-      :src="'/static/pdf/web/viewer.html?' + fileUrl"
-      :height="displayAreaHeight - 78 + 'px'"
-      :width="displayAreaWidth + 'px'"
-      @load="complete()"
-             @contextmenu="handleMouse" style="border-width: 0px;"
-    >
+    <iframe ref="previewPdf" id="previewPdf" :src="'/static/pdf/web/viewer.html?' + fileUrl"
+      :height="displayAreaHeight - 78 + 'px'" :width="displayAreaWidth + 'px'" @load="complete()"
+      @contextmenu="handleMouse" style="border-width: 0px;">
     </iframe>
   </div>
 </template>
@@ -22,7 +15,7 @@ export default {
   },
   data() {
     return {
-       loading: true,
+      loading: true,
       numPages: 1,
       fileUrl: "",
     };
@@ -30,32 +23,53 @@ export default {
   mounted() {
     this.init(this.pdfUrl);
   },
-  created() { 
+  created() {
   },
-    methods: {
-      handleMouse(e) {
-        e.preventDefault();
-      },
+  methods: {
+    handleMouse(e) {
+      e.preventDefault();
+    },
     init(pdfUrl) {
       var self = this;
-      self.fileUrl = 'r='+Math.random()+'&file='+encodeURIComponent(pdfUrl);
+      self.fileUrl = 'r=' + Math.random() + '&file=' + encodeURIComponent(pdfUrl);
     },
     complete() {
-       this.loading = false;
+      this.loading = false;
       var doc = document.getElementById("previewPdf").contentWindow.document;
-      doc.getElementById("download").style.display = "none";
-      doc.getElementById("openFile").style.display = "none";
-      doc.getElementById("print").style.display = "none";  
-      doc.getElementById("viewBookmark").style.display = "none";
+      elementHideById("download",doc)
+      elementHideById("openFile",doc)
+      elementHideById("print",doc)
+      elementHideById("viewBookmark",doc)
+
+      elementHideById("editorHighlightButton",doc)
+      elementHideById("editorFreeText",doc)
+      elementHideById("editorInk",doc)
+      elementHideById("editorStamp",doc)
+      elementHideById("editorModeButtons",doc)
+
+      elementHideById("printButton",doc)
+      elementHideById("downloadButton",doc)
+
+      elementHideById("secondaryOpenFile",doc)
+      elementHideById("cursorToolButtons",doc)
+      elementHideById("documentProperties",doc)
+
       doc.oncontextmenu = new Function("event.returnValue=false");
     },
   },
   watch: {
     pdfUrl(newValue, oldValue) {
-       this.loading = true;
+      this.loading = true;
       this.init(newValue);
     },
   },
 };
+
+function elementHideById(elementId, doc) {
+  if (doc.getElementById(elementId) != null) {
+    if (doc.getElementById(elementId).style) {
+      doc.getElementById(elementId).style.display = "none";
+    }
+  }
+}
 </script>
-