style:1

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-12 10:52:18
+ * @LastEditTime: 2023-09-13 13:55:25
 -->
 <template>
   <div class="container">
@@ -25,8 +25,7 @@
         <li
           @click="operation(item)"
           v-for="(item, index) in rightButtonList"
-          :key="index"
-        >
+          :key="index">
           <svg-icon class="icon" :icon-class="item.icon" />
           <span class="iconName">{{ item.name }}</span>
         </li>
@@ -34,16 +33,14 @@
       <NoticeBar
         class="NoticeBar"
         :noticeList="noticeList"
-        v-if="noticeList.length > 0"
-      />
+        v-if="noticeList.length > 0" />
     </div>
     <!-- 内容框架 -->
     <div class="containerFrame">
       <!-- 左侧菜单栏 区分业务-->
       <segmentMenu
         v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)"
-        @getCurrentSelectProps="getCurrentSelectProps"
-      />
+        @getCurrentSelectProps="getCurrentSelectProps" />
       <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" />
       <div class="leftCon">
         <!-- 分屏左侧预览 -->
@@ -59,27 +56,24 @@
           <el-tabs
             v-model="tabName"
             :before-leave="beforeLeave"
-            @tab-click="handleClick"
-          >
+            @tab-click="handleClick">
             <el-tab-pane
               :label="item.name"
               :name="item.value"
               v-for="item in tabList"
-              :key="item.value"
-            >
+              :key="item.value">
             </el-tab-pane>
           </el-tabs>
           <div v-show="false">
             <div v-if="shows">
-            <receipt :Receiptdata="Receiptdata" id="boxaaa"/>
+              <receipt :Receiptdata="Receiptdata" id="boxaaa" />
             </div>
 
           </div>
           <component
             :key="fresh"
             :is="componentTag"
-            v-bind="currentSelectProps"
-          />
+            v-bind="currentSelectProps" />
         </div>
       </div>
     </div>
@@ -87,15 +81,13 @@
     <object
       id="LODOP_OB"
       classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA"
-      v-show="false"
-    >
+      v-show="false">
       <embed
         id="LODOP_EM"
         type="application/x-print-lodop"
         width="820"
         height="450"
-        pluginspage="install_lodop32.exe"
-      />
+        pluginspage="install_lodop32.exe" />
     </object>
     <el-upload
       class="fileUpdate"
@@ -104,35 +96,32 @@
       multiple
       :auto-upload="false"
       :on-change="handleChange"
-      :before-upload="beforeUpload"
-    >
-      <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false"
-        >上传</el-button
-      >
+      :before-upload="beforeUpload">
+      <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button>
     </el-upload>
   </div>
 </template>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
-@import "./workFrame.scss";
+  @import "~@/styles/mixin.scss";
+  @import "./workFrame.scss";
 </style>
 <script>
-import printJS from 'print-js'
-import WorkFlow from "./mixin/index";
-import publicFlow from "./mixin/public.js";
-import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js";
-import { getForm } from "./flowform";
-import NoticeBar from "@/components/NoticeBar/index";
-// import ProcessViewer from "./components/processViewer.vue"
-// 引入左侧菜单
-import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
-// 引入左侧菜单
-import segmentMenu from "./components/leftmenu/segmentMenu.vue";
-// 回执单
-import receipt from "./components/receipt.vue";
-import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
-import { BatchInit } from "@/api/workflow/cfdjFlow.js";
-export default {
+  import printJS from 'print-js'
+  import WorkFlow from "./mixin/index";
+  import publicFlow from "./mixin/public.js";
+  import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js";
+  import { getForm } from "./flowform";
+  import NoticeBar from "@/components/NoticeBar/index";
+  // import ProcessViewer from "./components/processViewer.vue"
+  // 引入左侧菜单
+  import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
+  // 引入左侧菜单
+  import segmentMenu from "./components/leftmenu/segmentMenu.vue";
+  // 回执单
+  import receipt from "./components/receipt.vue";
+  import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
+  import { BatchInit } from "@/api/workflow/cfdjFlow.js";
+  export default {
     components: {
       selectBdc,
       NoticeBar,
@@ -141,7 +130,7 @@ export default {
       receipt,
     },
     mixins: [WorkFlow, publicFlow],
-  data() {
+    data () {
       return {
         // printObj: {
         //    id: "box",
@@ -176,16 +165,16 @@ export default {
         // 宗地id
         bsmZd: "",
         Receiptdata: {},
-      shows:false
+        shows: false
       };
     },
-  mounted() {
+    mounted () {
       this.$store.dispatch("user/refreshPage", false);
       //添加页面监听事件
       window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
       window.addEventListener("unload", (e) => this.unloadHandler(e));
     },
-  destroyed() {
+    destroyed () {
       window.removeEventListener("beforeunload", (e) =>
         this.beforeunloadHandler(e)
       );
@@ -196,7 +185,7 @@ export default {
    * @description: openPrint
    * @author:miaofang
    */
-    openPrint() {
+      openPrint () {
 
         //  获取打印回执数据
         var formdata = new FormData();
@@ -206,7 +195,7 @@ export default {
         BatchInit(formdata).then((res) => {
           if (res.code === 200 && res.result) {
             this.Receiptdata = res.result
-               this.shows=true
+            this.shows = true
             setTimeout(() => {
               this.prinsss()
             }, 100)
@@ -219,7 +208,7 @@ export default {
     * @description: prinsss
     * @author: miaofang
     */
-    prinsss(){
+      prinsss () {
         printJS({
           printable: "boxaaa", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
           type: "html",
@@ -238,14 +227,14 @@ export default {
        * @param {*} val
        * @author: renchao
        */
-    getCurrentSelectProps(val) {
+      getCurrentSelectProps (val) {
         this.currentSelectProps = val;
       },
       /**
        * @description: beforeunloadHandler
        * @author: renchao
        */
-    beforeunloadHandler() {
+      beforeunloadHandler () {
         this._beforeUnload_time = new Date().getTime();
       },
       /**
@@ -253,7 +242,7 @@ export default {
        * @param {*} e
        * @author: renchao
        */
-    unloadHandler(e) {
+      unloadHandler (e) {
         this._gap_time = new Date().getTime() - this._beforeUnload_time;
         //判断是窗口关闭还是刷新
         if (this._gap_time <= 10) {
@@ -266,7 +255,7 @@ export default {
        * @param {*} index
        * @author: renchao
        */
-    stepForm(index) {
+      stepForm (index) {
         getStepFormInfo(this.currentSelectProps).then((res) => {
           if (res.code === 200) {
             // this.fresh++;
@@ -301,7 +290,7 @@ export default {
        * @description: openDialog
        * @author: renchao
        */
-    openDialog() {
+      openDialog () {
         this.$store.dispatch("user/refreshPage", false);
         let data = JSON.parse(localStorage.getItem("ywbl"));
         let title;
@@ -319,33 +308,32 @@ export default {
           true
         );
       },
-    //选项卡切换事件
       /**
        * @description: 右侧表单选项卡事件
        * @param {*} handleClick
        * @author: renchao
        */
-    handleClick(a) {
+      handleClick (a) {
         let p = Object.keys(this.tabList[0]).filter(
           (item) => item == "ableOperation"
         );
         if (p) {
           this.ableOperation = this.tabList[a.index].ableOperation;
         }
-    },
-  },
-};
+      }
+    }
+  }
 </script>
 <style scoped lang="scss">
-@page {
+  @page {
     size: auto;
     margin: 0mm;
-}
-.rightContainer {
+  }
+  .rightContainer {
     position: relative;
-}
+  }
 
-.count {
+  .count {
     font-size: 14px;
     position: absolute;
     right: 25px;
@@ -355,6 +343,5 @@ export default {
       font-weight: 600;
       color: #3498db;
     }
-
-}
+  }
 </style>