style:弹窗样式

renchao@pashanhoo.com
Showing 4 changed files with 48 additions and 53 deletions
src/views/djbworkflow/components/zc.vue
src/views/workflow/components/leftmenu/ordinaryMenu.vue
src/views/ywbl/dbx/dbx.vue
src/views/ywbl/ybx/ybx.vue
--- a/src/views/djbworkflow/components/zc.vue
View file @4b49a59
+++ b/src/views/djbworkflow/components/zc.vue
View file @4b49a59
 <!--
 * @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="下一环节名称:">
@@ -27,24 +26,21 @@
          v-model="shyj"
          placeholder="请输入审批意见"
          type="textarea"
-        :rows="4"
+          :rows="4"></el-input>
-      ></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 { completeTask, getNextLinkInfo } from "@/api/workFlow.js";
-import { popupCacel } from "@/utils/popup.js";
+  import { popupCacel } from "@/utils/popup.js";
-import { mapGetters } from "vuex";
+  import { mapGetters } from "vuex";
-export default {
+  export default {
    computed: {
    },
    props: {
@@ -54,7 +50,7 @@ export default {
      },
    },
-  data() {
+    data () {
      return {
        queryForm: {},
        shyj: "",
@@ -63,14 +59,14 @@ export default {
    watch: {
      yjsqOptions: {
-      handler(val) {
+        handler (val) {
          this.add(val.opinion);
        },
        deep: true,
        immediate: true,
      },
    },
-  mounted() {
+    mounted () {
      //  this.queryForm= this.queryForm.obj
    },
    methods: {
@@ -78,16 +74,16 @@ export default {
       * @description: submitForm
       * @author: renchao
       */
-    commonOpinion() {
+      commonOpinion () {
-      this.$popup('常用意见',"workflow/components/dialog/commonOpinion",{
+        this.$popup('常用意见', "workflow/components/dialog/commonOpinion", {
-        title:"常用意见",
+          title: "常用意见",
          width: '75%', // 初始化75% 不需要改的话 可以直接不要
-  formData:{}, // 父组件传给子组件的参数
+          formData: {}, // 父组件传给子组件的参数
-  cancel: function () {}, //取消事件的回调 没有按钮可以不需要
+          cancel: function () { }, //取消事件的回调 没有按钮可以不需要
-  confirm: function () {} //确认事件的回调 没有按钮可以不需要
+          confirm: function () { } //确认事件的回调 没有按钮可以不需要
-})
+        })
      },
-    submitForm() {
+      submitForm () {
        this.queryForm = {
          bsmSlsq: this.formData.bsmSlsq,
          shyj: this.shyj,
@@ -123,7 +119,7 @@ export default {
       * @param {*} val
       * @author: renchao
       */
-    add(val) {
+      add (val) {
        if (val != "") {
          this.shyj;
        }
@@ -133,27 +129,27 @@ export default {
       * @description: closeDialog
       * @author: renchao
       */
-    cancelBack() {
+      cancelBack () {
        popupCacel();
      },
    },
-};
+  };
 </script>
 <style scoped lang="scss">
-@import "~@/styles/mixin.scss";
+  @import "~@/styles/mixin.scss";
-.el-button {
+  .el-button {
    margin-top: 20px;
    margin-right: 10px;
-}
+  }
-.opinion {
+  .opinion {
    position: relative;
    font-size: 14px;
-}
+  }
-.opinion_btn {
+  .opinion_btn {
    position: absolute;
    right: 35px;
    bottom: 80px;
-}
+  }
 </style>
--- a/src/views/workflow/components/leftmenu/ordinaryMenu.vue
View file @4b49a59
+++ b/src/views/workflow/components/leftmenu/ordinaryMenu.vue
View file @4b49a59
 <!--
 * @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();
-              } 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();
-              } 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>
--- a/src/views/ywbl/dbx/dbx.vue
View file @4b49a59
+++ b/src/views/ywbl/dbx/dbx.vue
View file @4b49a59
 <!--
 * @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);
+    background-color: rgba(171, 12, 12, 0.1);
-    color: #B44747;
+    color: #b44747;
  }
 </style>
--- a/src/views/ywbl/ybx/ybx.vue
View file @4b49a59
+++ b/src/views/ywbl/ybx/ybx.vue
View file @4b49a59
 <!--
 * @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";