Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
4b49a592 by renchao@pashanhoo.com
Options

style:弹窗样式

1 parent f5a8bd70
Inline Side-by-side
Showing 4 changed files with 135 additions and 140 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:42:01 4 * @LastEditTime: 2023-09-12 13:26:13
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
8 <!-- 表单部分 -->
9 <div class="from-clues-header"> 8 <div class="from-clues-header">
10 <el-form ref="queryForm" label-width="180px" v-if="this.formData.obj"> 9 <el-form ref="queryForm" label-width="180px" v-if="this.formData.obj">
11 <el-form-item label="下一环节名称:"> 10 <el-form-item label="下一环节名称:">
...@@ -21,139 +20,136 @@ ...@@ -21,139 +20,136 @@
21 </el-form-item> 20 </el-form-item>
22 </el-form> 21 </el-form>
23 <div v-if="this.formData.showidea"> 22 <div v-if="this.formData.showidea">
24 <div class="invalid-reson">审批意见：</div> 23 <div class="invalid-reson">审批意见：</div>
25 <el-input 24 <el-input
26 class="opinion" 25 class="opinion"
27 v-model="shyj" 26 v-model="shyj"
28 placeholder="请输入审批意见" 27 placeholder="请输入审批意见"
29 type="textarea" 28 type="textarea"
30 :rows="4" 29 :rows="4"></el-input>
31 ></el-input> 30 </div>
31 <div style="text-align:center">
32 <el-button @click="cancelBack">取消转出</el-button>
33 <el-button type="primary" @click="submitForm">确定转出</el-button>
32 </div> 34 </div>
33
34 <!-- <el-button class="opinion_btn" @click="commonOpinion">常用意见</el-button> -->
35 <el-button style="float: right" @click="cancelBack">取消转出</el-button>
36 <el-button type="primary" @click="submitForm" style="float: right"
37 >确定转出</el-button
38 >
39 </div> 35 </div>
40 </div> 36 </div>
41 </template> 37 </template>
42 38
43 <script> 39 <script>
44 import { completeTask, getNextLinkInfo } from "@/api/workFlow.js"; 40 import { completeTask, getNextLinkInfo } from "@/api/workFlow.js";
45 import { popupCacel } from "@/utils/popup.js"; 41 import { popupCacel } from "@/utils/popup.js";
46 import { mapGetters } from "vuex"; 42 import { mapGetters } from "vuex";
47 export default { 43 export default {
48 computed: { 44 computed: {
49 }, 45 },
50 props: { 46 props: {
51 formData: { 47 formData: {
52 type: Object, 48 type: Object,
53 default: {}, 49 default: {},
50 },
54 }, 51 },
55 },
56 52
57 data() { 53 data () {
58 return { 54 return {
59 queryForm: {}, 55 queryForm: {},
60 shyj: "", 56 shyj: "",
61 }; 57 };
62 }, 58 },
63 59
64 watch: { 60 watch: {
65 yjsqOptions: { 61 yjsqOptions: {
66 handler(val) { 62 handler (val) {
67 this.add(val.opinion); 63 this.add(val.opinion);
64 },
65 deep: true,
66 immediate: true,
68 }, 67 },
69 deep: true,
70 immediate: true,
71 }, 68 },
72 }, 69 mounted () {
73 mounted() { 70 // this.queryForm= this.queryForm.obj
74 // this.queryForm= this.queryForm.obj
75 },
76 methods: {
77 /**
78 * @description: submitForm
79 * @author: renchao
80 */
81 commonOpinion() {
82 this.$popup('常用意见',"workflow/components/dialog/commonOpinion",{
83 title:"常用意见",
84 width: '75%', // 初始化75% 不需要改的话 可以直接不要
85 formData:{}, // 父组件传给子组件的参数
86 cancel: function () {}, //取消事件的回调 没有按钮可以不需要
87 confirm: function () {} //确认事件的回调 没有按钮可以不需要
88 })
89 }, 71 },
90 submitForm() { 72 methods: {
91 this.queryForm = { 73 /**
92 bsmSlsq: this.formData.bsmSlsq, 74 * @description: submitForm
93 shyj: this.shyj, 75 * @author: renchao
94 stepform: JSON.stringify(this.formData.tabList), 76 */
95 }; 77 commonOpinion () {
96 completeTask(this.queryForm).then((res) => { 78 this.$popup('常用意见', "workflow/components/dialog/commonOpinion", {
97 if (res.code === 200) { 79 title: "常用意见",
98 this.$message.success("转件成功"); 80 width: '75%', // 初始化75% 不需要改的话 可以直接不要
99 // setTimeout(() => { 81 formData: {}, // 父组件传给子组件的参数
100 // window.opener = null; 82 cancel: function () { }, //取消事件的回调 没有按钮可以不需要
101 // window.open("about:blank", "_self"); 83 confirm: function () { } //确认事件的回调 没有按钮可以不需要
102 // window.close(); 84 })
103 // this.$emit("input", false); 85 },
104 // }, 1000); 86 submitForm () {
105 popupCacel(); 87 this.queryForm = {
106 setTimeout(() => { 88 bsmSlsq: this.formData.bsmSlsq,
107 // window.opener.location.reload(); //刷新父窗口 89 shyj: this.shyj,
108 if (window.opener && window.opener.getBpageList) { 90 stepform: JSON.stringify(this.formData.tabList),
109 window.opener.getBpageList(); 91 };
110 } else { 92 completeTask(this.queryForm).then((res) => {
111 window.opener.frames[0].getBpageList(); 93 if (res.code === 200) {
112 } 94 this.$message.success("转件成功");
113 window.close(); 95 // setTimeout(() => {
114 this.$emit("input", false); 96 // window.opener = null;
115 }, 1000); 97 // window.open("about:blank", "_self");
116 } else { 98 // window.close();
117 this.$message.error(res.message); 99 // this.$emit("input", false);
100 // }, 1000);
101 popupCacel();
102 setTimeout(() => {
103 // window.opener.location.reload(); //刷新父窗口
104 if (window.opener && window.opener.getBpageList) {
105 window.opener.getBpageList();
106 } else {
107 window.opener.frames[0].getBpageList();
108 }
109 window.close();
110 this.$emit("input", false);
111 }, 1000);
112 } else {
113 this.$message.error(res.message);
114 }
115 });
116 },
117 /**
118 * @description: add
119 * @param {*} val
120 * @author: renchao
121 */
122 add (val) {
123 if (val != "") {
124 this.shyj;
118 } 125 }
119 }); 126 },
120 },
121 /**
122 * @description: add
123 * @param {*} val
124 * @author: renchao
125 */
126 add(val) {
127 if (val != "") {
128 this.shyj;
129 }
130 },
131 127
132 /** 128 /**
133 * @description: closeDialog 129 * @description: closeDialog
134 * @author: renchao 130 * @author: renchao
135 */ 131 */
136 cancelBack() { 132 cancelBack () {
137 popupCacel(); 133 popupCacel();
134 },
138 }, 135 },
139 }, 136 };
140 };
141 </script> 137 </script>
142 <style scoped lang="scss"> 138 <style scoped lang="scss">
143 @import "~@/styles/mixin.scss"; 139 @import "~@/styles/mixin.scss";
144 .el-button { 140 .el-button {
145 margin-top: 20px; 141 margin-top: 20px;
146 margin-right: 10px; 142 margin-right: 10px;
147 } 143 }
148 144
149 .opinion { 145 .opinion {
150 position: relative; 146 position: relative;
151 font-size: 14px; 147 font-size: 14px;
152 } 148 }
153 149
154 .opinion_btn { 150 .opinion_btn {
155 position: absolute; 151 position: absolute;
156 right: 35px; 152 right: 35px;
157 bottom: 80px; 153 bottom: 80px;
158 } 154 }
159 </style> 155 </style>
......
1 <!-- 1 <!--
2 * @Description: workFrame左侧菜单列表-普通 2 * @Description: workFrame左侧菜单列表-普通
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-12 11:18:27 4 * @LastEditTime: 2023-09-12 11:24:17
5 --> 5 -->
6 <template> 6 <template>
7 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> 7 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
...@@ -104,15 +104,12 @@ ...@@ -104,15 +104,12 @@
104 that.currentSelectProps = res.result[0]; 104 that.currentSelectProps = res.result[0];
105 that.$emit('getCurrentSelectProps', this.currentSelectProps); 105 that.$emit('getCurrentSelectProps', this.currentSelectProps);
106 that.judgeBatchShow(); 106 that.judgeBatchShow();
107 if (that.showBatch) { 107 if (sessionStorage.getItem('keyPath')) {
108 //满足批量查封/批量抵押按钮出现 即先展示批量表单 108 that.unitClick(sessionStorage.getItem('keyPath') - 0)
109 that.batchUnitClick();
110 } else { 109 } else {
111 //默认选择单元列表第一个 110 if (that.showBatch) {
112 if (sessionStorage.getItem('keyPath')) { 111 //满足批量查封/批量抵押按钮出现 即先展示批量表单
113 that.unitClick(sessionStorage.getItem('keyPath') - 0) 112 that.batchUnitClick();
114 } else {
115 that.unitClick(0);
116 } 113 }
117 } 114 }
118 } 115 }
...@@ -125,15 +122,12 @@ ...@@ -125,15 +122,12 @@
125 this.currentSelectProps = res.result[0]; 122 this.currentSelectProps = res.result[0];
126 this.$emit('getCurrentSelectProps', this.currentSelectProps); 123 this.$emit('getCurrentSelectProps', this.currentSelectProps);
127 this.judgeBatchShow(); 124 this.judgeBatchShow();
128 if (this.showBatch) { 125 if (sessionStorage.getItem('keyPath')) {
129 //满足批量查封/批量抵押按钮出现 即先展示批量表单 126 that.unitClick(sessionStorage.getItem('keyPath') - 0)
130 this.batchUnitClick();
131 } else { 127 } else {
132 //默认选择单元列表第一个 128 if (that.showBatch) {
133 if (sessionStorage.getItem('keyPath')) { 129 //满足批量查封/批量抵押按钮出现 即先展示批量表单
134 that.unitClick(sessionStorage.getItem('keyPath') - 0) 130 that.batchUnitClick();
135 } else {
136 that.unitClick(0);
137 } 131 }
138 } 132 }
139 } 133 }
...@@ -239,6 +233,9 @@ ...@@ -239,6 +233,9 @@
239 this.$parent.stepForm(index); 233 this.$parent.stepForm(index);
240 this.$store.dispatch('user/refreshPage', false); 234 this.$store.dispatch('user/refreshPage', false);
241 } 235 }
236 },
237 beforeDestroy () {
238 sessionStorage.removeItem('keyPath')
242 } 239 }
243 } 240 }
244 </script> 241 </script>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-28 09:56:03 4 * @LastEditTime: 2023-09-12 11:26:18
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -293,6 +293,7 @@ ...@@ -293,6 +293,7 @@
293 * @author: renchao 293 * @author: renchao
294 */ 294 */
295 ywhClick (item) { 295 ywhClick (item) {
296 sessionStorage.removeItem('keyPath')
296 //判断用户是否拥有该任务的权限，若有则跳转，无权限则给予提示并刷新页面 297 //判断用户是否拥有该任务的权限，若有则跳转，无权限则给予提示并刷新页面
297 judgeUserTaskPermission({ 298 judgeUserTaskPermission({
298 bsmSlsq: item.bsmSlsq, 299 bsmSlsq: item.bsmSlsq,
...@@ -349,7 +350,7 @@ ...@@ -349,7 +350,7 @@
349 </script> 350 </script>
350 <style scoped lang="scss"> 351 <style scoped lang="scss">
351 @import "~@/styles/public.scss"; 352 @import "~@/styles/public.scss";
352 /deep/ .back{ 353 /deep/ .back {
353 display: inline-block; 354 display: inline-block;
354 font-size: 14px; 355 font-size: 14px;
355 width: 20px; 356 width: 20px;
...@@ -358,7 +359,7 @@ ...@@ -358,7 +359,7 @@
358 line-height: 20px; 359 line-height: 20px;
359 margin-right: 4px; 360 margin-right: 4px;
360 text-align: center; 361 text-align: center;
361 background-color: rgba(171,12,12,0.1); 362 background-color: rgba(171, 12, 12, 0.1);
362 color: #B44747; 363 color: #b44747;
363 } 364 }
364 </style> 365 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-28 15:38:25 4 * @LastEditTime: 2023-09-12 11:25:49
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -219,6 +219,7 @@ ...@@ -219,6 +219,7 @@
219 * @author: renchao 219 * @author: renchao
220 */ 220 */
221 ywhClick (item) { 221 ywhClick (item) {
222 sessionStorage.removeItem('keyPath')
222 //有任务权限 223 //有任务权限
223 if (item.sjlx == "3") { 224 if (item.sjlx == "3") {
224 item.djywbm = "DJBBL"; 225 item.djywbm = "DJBBL";
......