style:弹窗样式

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-05-17 10:42:01
+ * @LastEditTime: 2023-09-12 13:26:13
 -->
 <template>
   <div class="from-clues">
-    <!-- 表单部分 -->
     <div class="from-clues-header">
       <el-form ref="queryForm" label-width="180px" v-if="this.formData.obj">
         <el-form-item label="下一环节名称:">
@@ -21,139 +20,136 @@
         </el-form-item>
       </el-form>
       <div v-if="this.formData.showidea">
-       <div class="invalid-reson">审批意见：</div>
-      <el-input
-        class="opinion"
-        v-model="shyj"
-        placeholder="请输入审批意见"
-        type="textarea"
-        :rows="4"
-      ></el-input>
+        <div class="invalid-reson">审批意见：</div>
+        <el-input
+          class="opinion"
+          v-model="shyj"
+          placeholder="请输入审批意见"
+          type="textarea"
+          :rows="4"></el-input>
+      </div>
+      <div style="text-align:center">
+        <el-button @click="cancelBack">取消转出</el-button>
+        <el-button type="primary" @click="submitForm">确定转出</el-button>
       </div>
-
-      <!-- <el-button class="opinion_btn" @click="commonOpinion">常用意见</el-button> -->
-      <el-button style="float: right" @click="cancelBack">取消转出</el-button>
-      <el-button type="primary" @click="submitForm" style="float: right"
-        >确定转出</el-button
-      >
     </div>
   </div>
 </template>
 
 <script>
-import { completeTask, getNextLinkInfo } from "@/api/workFlow.js";
-import { popupCacel } from "@/utils/popup.js";
-import { mapGetters } from "vuex";
-export default {
-   computed: {
-  },
-  props: {
-    formData: {
-      type: Object,
-      default: {},
+  import { completeTask, getNextLinkInfo } from "@/api/workFlow.js";
+  import { popupCacel } from "@/utils/popup.js";
+  import { mapGetters } from "vuex";
+  export default {
+    computed: {
+    },
+    props: {
+      formData: {
+        type: Object,
+        default: {},
+      },
     },
-  },
 
-  data() {
-    return {
-      queryForm: {},
-      shyj: "",
-    };
-  },
+    data () {
+      return {
+        queryForm: {},
+        shyj: "",
+      };
+    },
 
- watch: {
-    yjsqOptions: {
-      handler(val) {
-      this.add(val.opinion);
+    watch: {
+      yjsqOptions: {
+        handler (val) {
+          this.add(val.opinion);
+        },
+        deep: true,
+        immediate: true,
       },
-      deep: true,
-      immediate: true,
     },
-  },
-  mounted() {
-    //  this.queryForm= this.queryForm.obj
-  },
-  methods: {
-    /**
-     * @description: submitForm
-     * @author: renchao
-     */
-    commonOpinion() {
-      this.$popup('常用意见',"workflow/components/dialog/commonOpinion",{
-        title:"常用意见",
-  width: '75%', // 初始化75% 不需要改的话 可以直接不要
-  formData:{}, // 父组件传给子组件的参数
-  cancel: function () {}, //取消事件的回调 没有按钮可以不需要
-  confirm: function () {} //确认事件的回调 没有按钮可以不需要
-})
+    mounted () {
+      //  this.queryForm= this.queryForm.obj
     },
-    submitForm() {
-      this.queryForm = {
-        bsmSlsq: this.formData.bsmSlsq,
-        shyj: this.shyj,
-        stepform: JSON.stringify(this.formData.tabList),
-      };
-      completeTask(this.queryForm).then((res) => {
-        if (res.code === 200) {
-          this.$message.success("转件成功");
-          // setTimeout(() => {
-          //   window.opener = null;
-          //   window.open("about:blank", "_self");
-          //   window.close();
-          //   this.$emit("input", false);
-          // }, 1000);
-          popupCacel();
-          setTimeout(() => {
-            // window.opener.location.reload(); //刷新父窗口
-            if (window.opener && window.opener.getBpageList) {
-              window.opener.getBpageList();
-            } else {
-              window.opener.frames[0].getBpageList();
-            }
-            window.close();
-            this.$emit("input", false);
-          }, 1000);
-        } else {
-          this.$message.error(res.message);
+    methods: {
+      /**
+       * @description: submitForm
+       * @author: renchao
+       */
+      commonOpinion () {
+        this.$popup('常用意见', "workflow/components/dialog/commonOpinion", {
+          title: "常用意见",
+          width: '75%', // 初始化75% 不需要改的话 可以直接不要
+          formData: {}, // 父组件传给子组件的参数
+          cancel: function () { }, //取消事件的回调 没有按钮可以不需要
+          confirm: function () { } //确认事件的回调 没有按钮可以不需要
+        })
+      },
+      submitForm () {
+        this.queryForm = {
+          bsmSlsq: this.formData.bsmSlsq,
+          shyj: this.shyj,
+          stepform: JSON.stringify(this.formData.tabList),
+        };
+        completeTask(this.queryForm).then((res) => {
+          if (res.code === 200) {
+            this.$message.success("转件成功");
+            // setTimeout(() => {
+            //   window.opener = null;
+            //   window.open("about:blank", "_self");
+            //   window.close();
+            //   this.$emit("input", false);
+            // }, 1000);
+            popupCacel();
+            setTimeout(() => {
+              // window.opener.location.reload(); //刷新父窗口
+              if (window.opener && window.opener.getBpageList) {
+                window.opener.getBpageList();
+              } else {
+                window.opener.frames[0].getBpageList();
+              }
+              window.close();
+              this.$emit("input", false);
+            }, 1000);
+          } else {
+            this.$message.error(res.message);
+          }
+        });
+      },
+      /**
+       * @description: add
+       * @param {*} val
+       * @author: renchao
+       */
+      add (val) {
+        if (val != "") {
+          this.shyj;
         }
-      });
-    },
-    /**
-     * @description: add
-     * @param {*} val
-     * @author: renchao
-     */
-    add(val) {
-      if (val != "") {
-        this.shyj;
-      }
-    },
+      },
 
-    /**
-     * @description: closeDialog
-     * @author: renchao
-     */
-    cancelBack() {
-      popupCacel();
+      /**
+       * @description: closeDialog
+       * @author: renchao
+       */
+      cancelBack () {
+        popupCacel();
+      },
     },
-  },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
-.el-button {
-  margin-top: 20px;
-  margin-right: 10px;
-}
+  @import "~@/styles/mixin.scss";
+  .el-button {
+    margin-top: 20px;
+    margin-right: 10px;
+  }
 
-.opinion {
-  position: relative;
-  font-size: 14px;
-}
+  .opinion {
+    position: relative;
+    font-size: 14px;
+  }
 
-.opinion_btn {
-  position: absolute;
-  right: 35px;
-  bottom: 80px;
-}
+  .opinion_btn {
+    position: absolute;
+    right: 35px;
+    bottom: 80px;
+  }
 </style>

 <!--
  * @Description: workFrame左侧菜单列表-普通
  * @Autor: renchao
- * @LastEditTime: 2023-09-12 11:18:27
+ * @LastEditTime: 2023-09-12 11:24:17
 -->
 <template>
   <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
@@ -104,15 +104,12 @@
               that.currentSelectProps = res.result[0];
               that.$emit('getCurrentSelectProps', this.currentSelectProps);
               that.judgeBatchShow();
-              if (that.showBatch) {
-                //满足批量查封/批量抵押按钮出现 即先展示批量表单
-                that.batchUnitClick();
+              if (sessionStorage.getItem('keyPath')) {
+                that.unitClick(sessionStorage.getItem('keyPath') - 0)
               } else {
-                //默认选择单元列表第一个
-                if (sessionStorage.getItem('keyPath')) {
-                  that.unitClick(sessionStorage.getItem('keyPath') - 0)
-                } else {
-                  that.unitClick(0);
+                if (that.showBatch) {
+                  //满足批量查封/批量抵押按钮出现 即先展示批量表单
+                  that.batchUnitClick();
                 }
               }
             }
@@ -125,15 +122,12 @@
               this.currentSelectProps = res.result[0];
               this.$emit('getCurrentSelectProps', this.currentSelectProps);
               this.judgeBatchShow();
-              if (this.showBatch) {
-                //满足批量查封/批量抵押按钮出现 即先展示批量表单
-                this.batchUnitClick();
+              if (sessionStorage.getItem('keyPath')) {
+                that.unitClick(sessionStorage.getItem('keyPath') - 0)
               } else {
-                //默认选择单元列表第一个
-                if (sessionStorage.getItem('keyPath')) {
-                  that.unitClick(sessionStorage.getItem('keyPath') - 0)
-                } else {
-                  that.unitClick(0);
+                if (that.showBatch) {
+                  //满足批量查封/批量抵押按钮出现 即先展示批量表单
+                  that.batchUnitClick();
                 }
               }
             }
@@ -239,6 +233,9 @@
         this.$parent.stepForm(index);
         this.$store.dispatch('user/refreshPage', false);
       }
+    },
+    beforeDestroy () {
+      sessionStorage.removeItem('keyPath')
     }
   }
 </script>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-28 09:56:03
+ * @LastEditTime: 2023-09-12 11:26:18
 -->
 <template>
   <div class="from-clues">
@@ -293,6 +293,7 @@
        * @author: renchao
        */
       ywhClick (item) {
+        sessionStorage.removeItem('keyPath')
         //判断用户是否拥有该任务的权限，若有则跳转，无权限则给予提示并刷新页面
         judgeUserTaskPermission({
           bsmSlsq: item.bsmSlsq,
@@ -349,7 +350,7 @@
 </script>
 <style scoped lang="scss">
   @import "~@/styles/public.scss";
-  /deep/ .back{
+  /deep/ .back {
     display: inline-block;
     font-size: 14px;
     width: 20px;
@@ -358,7 +359,7 @@
     line-height: 20px;
     margin-right: 4px;
     text-align: center;
-    background-color: rgba(171,12,12,0.1);
-    color: #B44747;
+    background-color: rgba(171, 12, 12, 0.1);
+    color: #b44747;
   }
 </style>

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-28 15:38:25
+ * @LastEditTime: 2023-09-12 11:25:49
 -->
 <template>
   <div class="from-clues">
@@ -219,6 +219,7 @@
        * @author: renchao
        */
       ywhClick (item) {
+        sessionStorage.removeItem('keyPath')
         //有任务权限
         if (item.sjlx == "3") {
           item.djywbm = "DJBBL";