Skip to content

bdc / bdcdj-web

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

style:审批意见模块样式的修改

1 parent f35ecc5f
Inline Side-by-side
Showing 2 changed files with 460 additions and 475 deletions
1 <!-- 1 <!--
2 * @Description: 审批意见 2 * @Description: 审批意见
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:41:24 4 * @LastEditTime: 2023-09-28 11:27:03
5 --> 5 -->
6 <template> 6 <template>
7 <div class="spyj loadingtext"> 7 <div class="spyj loadingtext">
...@@ -14,8 +14,7 @@ ...@@ -14,8 +14,7 @@
14 <el-form 14 <el-form
15 :model="tableData[index]" 15 :model="tableData[index]"
16 label-width="120px" 16 label-width="120px"
17 ref="ruleFormRef'" 17 ref="ruleFormRef'">
18 >
19 <div class="spyj_form"> 18 <div class="spyj_form">
20 <div class="item_left"> 19 <div class="item_left">
21 <div class="right">{{ item.jdmc }}意见</div> 20 <div class="right">{{ item.jdmc }}意见</div>
...@@ -30,14 +29,11 @@ ...@@ -30,14 +29,11 @@
30 :rows="4" 29 :rows="4"
31 class="opinion" 30 class="opinion"
32 placeholder="请输入审批意见" 31 placeholder="请输入审批意见"
33 v-model="item.shyj" 32 v-model="item.shyj"></el-input>
34 ></el-input>
35 <el-button 33 <el-button
36 class="opinion_btn" 34 class="opinion_btn"
37 @click="commonOpinion(index)" 35 @click="commonOpinion(index)"
38 v-if="ableOperation" 36 v-if="ableOperation">常用意见</el-button>
39 >常用意见</el-button
40 >
41 </el-form-item> 37 </el-form-item>
42 </el-col> 38 </el-col>
43 </el-row> 39 </el-row>
...@@ -47,8 +43,7 @@ ...@@ -47,8 +43,7 @@
47 <el-input 43 <el-input
48 maxlength="20" 44 maxlength="20"
49 :disabled="!ableOperation" 45 :disabled="!ableOperation"
50 v-model="item.shryxm" 46 v-model="item.shryxm"></el-input>
51 ></el-input>
52 </el-form-item> 47 </el-form-item>
53 </el-col> 48 </el-col>
54 <el-col :span="8"> 49 <el-col :span="8">
...@@ -59,8 +54,7 @@ ...@@ -59,8 +54,7 @@
59 type="date" 54 type="date"
60 placeholder="选择日期" 55 placeholder="选择日期"
61 value-format="yyyy-MM-dd HH:mm:ss" 56 value-format="yyyy-MM-dd HH:mm:ss"
62 format="yyyy-MM-dd" 57 format="yyyy-MM-dd">
63 >
64 </el-date-picker> 58 </el-date-picker>
65 </el-form-item> 59 </el-form-item>
66 </el-col> 60 </el-col>
...@@ -77,283 +71,282 @@ ...@@ -77,283 +71,282 @@
77 </div> 71 </div>
78 </template> 72 </template>
79 <script> 73 <script>
80 import { addidea, getShList } from "@/api/djbRepair.js"; 74 import { addidea, getShList } from "@/api/djbRepair.js";
81 import { mapGetters } from "vuex"; 75 import { mapGetters } from "vuex";
82 export default { 76 export default {
83 computed: { 77 computed: {
84 ...mapGetters(["userData", "yjsqOptions"]), 78 ...mapGetters(["userData", "yjsqOptions"]),
85 },
86 data() {
87 return {
88 isNoData: false,
89 currentindex: 0,
90 ableOperation: false,
91 tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }],
92 falg: false,
93 falg1: false,
94 monitor:true
95 };
96 },
97
98 watch: {
99 yjsqOptions: {
100 handler(val) {
101 if(this.monitor){
102 this.add("");
103 this.monitor=false
104 }else{
105 this.add(val.opinion);
106 }
107 },
108 deep: true,
109 immediate: true,
110 }, 79 },
111 }, 80 data () {
112 created() {}, 81 return {
113 mounted() { 82 isNoData: false,
114 this.ableOperation = this.$parent.ableOperation; 83 currentindex: 0,
115 this.getShList(); 84 ableOperation: false,
116 }, 85 tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }],
117 methods: { 86 falg: false,
118 /** 87 falg1: false,
119 * @description: getShList 88 monitor: true
120 * @param {*} obj
121 * @author: renchao
122 */
123 getShList() {
124 this.$startLoading();
125 var formdata = {
126 bsmRepair: this.$parent.bsmRepair,
127 }; 89 };
128 getShList(formdata).then((res) => { 90 },
129 this.$endLoading(); 91
130 if (res.code === 200 && res.result) { 92 watch: {
131 if (res.result.length) { 93 yjsqOptions: {
132 this.tableData = res.result; 94 handler (val) {
95 if (this.monitor) {
96 this.add("");
97 this.monitor = false
98 } else {
99 this.add(val.opinion);
133 } 100 }
134 } 101 },
135 }); 102 deep: true,
103 immediate: true,
104 },
136 }, 105 },
137 /** 106 created () { },
138 * @description: judgment 107 mounted () {
139 * @param {*} obj 108 this.ableOperation = this.$parent.ableOperation;
140 * @author: renchao 109 this.getShList();
141 */ 110 },
142 judgment(obj) {}, 111 methods: {
143 /** 112 /**
144 * @description: onSubmit 113 * @description: getShList
145 * @author: renchao 114 * @param {*} obj
146 */ 115 * @author: renchao
147 onSubmit() { 116 */
148 if ( 117 getShList () {
149 this.tableData[2].shyj == null || 118 this.$startLoading();
150 this.tableData[2].shryxm == null || 119 var formdata = {
151 this.tableData[2].shkssj == null || 120 bsmRepair: this.$parent.bsmRepair,
152 this.tableData[2].shyj == "" || 121 };
153 this.tableData[2].shryxm == "" || 122 getShList(formdata).then((res) => {
154 this.tableData[2].shkssj == "" 123 this.$endLoading();
155 ) { 124 if (res.code === 200 && res.result) {
156 this.falg = false; 125 if (res.result.length) {
157 this.$message.error("请完善核定意见信息填写"); 126 this.tableData = res.result;
158 } else { 127 }
159 this.falg = true; 128 }
160 if (this.tableData[0].shyj != null && this.tableData[0].shyj != ""|| 129 });
161 this.tableData[0].shryxm != null && this.tableData[0].shryxm != ""|| 130 },
131 /**
132 * @description: judgment
133 * @param {*} obj
134 * @author: renchao
135 */
136 judgment (obj) { },
137 /**
138 * @description: onSubmit
139 * @author: renchao
140 */
141 onSubmit () {
142 if (
143 this.tableData[2].shyj == null ||
144 this.tableData[2].shryxm == null ||
145 this.tableData[2].shkssj == null ||
146 this.tableData[2].shyj == "" ||
147 this.tableData[2].shryxm == "" ||
148 this.tableData[2].shkssj == ""
149 ) {
150 this.falg = false;
151 this.$message.error("请完善核定意见信息填写");
152 } else {
153 this.falg = true;
154 if (this.tableData[0].shyj != null && this.tableData[0].shyj != "" ||
155 this.tableData[0].shryxm != null && this.tableData[0].shryxm != "" ||
162 this.tableData[0].shkssj != null && this.tableData[0].shkssj != "") { 156 this.tableData[0].shkssj != null && this.tableData[0].shkssj != "") {
163 if ( 157 if (
164 this.tableData[0].shyj == null || 158 this.tableData[0].shyj == null ||
165 this.tableData[0].shyj == ""|| 159 this.tableData[0].shyj == "" ||
166 this.tableData[0].shryxm == null || 160 this.tableData[0].shryxm == null ||
167 this.tableData[0].shryxm == "" || 161 this.tableData[0].shryxm == "" ||
168 this.tableData[0].shkssj == null || 162 this.tableData[0].shkssj == null ||
169 this.tableData[0].shkssj == "" 163 this.tableData[0].shkssj == ""
170 ) { 164 ) {
171 this.$message.error("请完善初审意见信息填写"); 165 this.$message.error("请完善初审意见信息填写");
172 this.falg = false; 166 this.falg = false;
167 } else {
168 this.falg = true;
169 }
173 } else { 170 } else {
174 this.falg = true; 171 this.falg = true;
175 } 172 }
176 } else { 173 if (this.tableData[1].shyj != null && this.tableData[1].shyj != "" ||
177 this.falg = true; 174 this.tableData[1].shryxm != null && this.tableData[1].shryxm != "" ||
178 }
179 if (this.tableData[1].shyj != null && this.tableData[1].shyj != ""||
180 this.tableData[1].shryxm != null && this.tableData[1].shryxm != ""||
181 this.tableData[1].shkssj != null && this.tableData[1].shkssj != "") { 175 this.tableData[1].shkssj != null && this.tableData[1].shkssj != "") {
182 if ( 176 if (
183 this.tableData[1].shyj == null || 177 this.tableData[1].shyj == null ||
184 this.tableData[1].shyj == ""|| 178 this.tableData[1].shyj == "" ||
185 this.tableData[1].shryxm == null || 179 this.tableData[1].shryxm == null ||
186 this.tableData[1].shryxm == "" || 180 this.tableData[1].shryxm == "" ||
187 this.tableData[1].shkssj == null || 181 this.tableData[1].shkssj == null ||
188 this.tableData[1].shkssj == "" 182 this.tableData[1].shkssj == ""
189 ) { 183 ) {
190 this.$message.error("请完善复审意见信息填写"); 184 this.$message.error("请完善复审意见信息填写");
191 this.falg1 = false; 185 this.falg1 = false;
186 } else {
187 this.falg1 = true;
188 }
192 } else { 189 } else {
193 this.falg1 = true; 190 this.falg1 = true;
194 } 191 }
195 } else {
196 this.falg1 = true;
197 } 192 }
198 }
199 193
200 if (this.falg && this.falg1) { 194 if (this.falg && this.falg1) {
201 this.tableData.forEach((item, index) => { 195 this.tableData.forEach((item, index) => {
202 item["bsmBusiness"] = this.$parent.bsmRepair; 196 item["bsmBusiness"] = this.$parent.bsmRepair;
203 }), 197 }),
204 addidea(this.tableData).then((res) => { 198 addidea(this.tableData).then((res) => {
205 if (res.code === 200) { 199 if (res.code === 200) {
206 this.$message.success("保存成功"); 200 this.$message.success("保存成功");
207 this.refresh += 1; 201 this.refresh += 1;
208 } else { 202 } else {
209 this.$message.error(res.message); 203 this.$message.error(res.message);
210 } 204 }
211 }); 205 });
212 } else { 206 } else {
213 return false; 207 return false;
214 } 208 }
215 }, 209 },
216 //打开常用意见列表弹窗 210 //打开常用意见列表弹窗
217 /** 211 /**
218 * @description: 打开常用意见列表弹窗 212 * @description: 打开常用意见列表弹窗
219 * @param {*} index 213 * @param {*} index
220 * @author: renchao 214 * @author: renchao
221 */ 215 */
222 commonOpinion(index) { 216 commonOpinion (index) {
223 this.currentindex = index; 217 this.currentindex = index;
224 this.$popupDialog( 218 this.$popupDialog(
225 "常用意见", 219 "常用意见",
226 "workflow/components/dialog/commonOpinion", 220 "workflow/components/dialog/commonOpinion",
227 {}, 221 {},
228 "70%", 222 "70%",
229 true 223 true
230 ); 224 );
231 }, 225 },
232 /** 226 /**
233 * @description: add 227 * @description: add
234 * @param {*} val 228 * @param {*} val
235 * @author: renchao 229 * @author: renchao
236 */ 230 */
237 add(val) { 231 add (val) {
238 if (val != "") { 232 if (val != "") {
239 this.$set(this.tableData[this.currentindex], "shyj", val); 233 this.$set(this.tableData[this.currentindex], "shyj", val);
240 } 234 }
235 },
241 }, 236 },
242 }, 237 };
243 };
244 </script> 238 </script>
245 <style scoped lang="scss"> 239 <style scoped lang="scss">
246 @import "~@/styles/mixin.scss"; 240 @import "~@/styles/mixin.scss";
247 241
248 .spyj { 242 .spyj {
249 width: 100%;
250 height: 100%;
251 background-color: #f5f5f5;
252 padding: 5px;
253 .box {
254 overflow-x: auto;
255 width: 100%; 243 width: 100%;
256 height: 95%; 244 height: 100%;
257 background: #fff; 245 background-color: #f5f5f5;
258 text-align: center; 246 .box {
259 padding: 4px; 247 overflow-x: auto;
260 overflow-y: scroll;
261 padding-top: 20px;
262 padding: 20px 40px;
263 .spyj_title {
264 width: 100%; 248 width: 100%;
265 height: 80px; 249 height: 95%;
266 border: 1px solid $borderColor; 250 background: #fff;
267 background-color: #eceef2; 251 text-align: center;
268 display: flex; 252 padding: 4px;
269 } 253 overflow-y: scroll;
270 .leftadd { 254 padding-top: 20px;
271 width: 3%; 255 padding: 20px 40px;
272 height: 100%; 256 .spyj_title {
273 display: flex; 257 width: 100%;
274 font-size: 14px; 258 height: 80px;
275 text-indent: 20px; 259 border: 1px solid $borderColor;
276 align-items: center; 260 background-color: #eceef2;
277 border: 1px solid $borderColor; 261 display: flex;
278 } 262 }
279 .righttitle { 263 .leftadd {
280 width: 80%; 264 width: 3%;
281 height: 100%; 265 height: 100%;
282 line-height: 80px; 266 display: flex;
283 border: 1px solid $borderColor; 267 font-size: 14px;
284 margin: auto; 268 text-indent: 20px;
285 font-size: 22px; 269 align-items: center;
286 font-weight: 400; 270 border: 1px solid $borderColor;
271 }
272 .righttitle {
273 width: 80%;
274 height: 100%;
275 line-height: 80px;
276 border: 1px solid $borderColor;
277 margin: auto;
278 font-size: 22px;
279 font-weight: 400;
280 }
287 } 281 }
288 }
289 282
290 /deep/.el-form-item { 283 /deep/.el-form-item {
291 margin-bottom: 0; 284 margin-bottom: 0;
292 } 285 }
293
294 .bottom10 {
295 margin-bottom: 15px;
296 }
297
298 .spyj_form {
299 display: flex;
300 border: 1px solid $borderColor;
301 286
302 .item_left { 287 .bottom10 {
303 width: 150px; 288 margin-bottom: 15px;
304 background-color: #f8f8fa;
305 color: #606266;
306 display: flex;
307 font-size: 14px;
308 text-indent: 50px;
309 align-items: center;
310 border-right: 1px solid $borderColor;
311 } 289 }
312 290
313 .item_right { 291 .spyj_form {
314 flex: 1; 292 display: flex;
315 width: 100%; 293 border: 1px solid $borderColor;
316 294
317 /deep/.el-form-item__label { 295 .item_left {
296 width: 150px;
318 background-color: #f8f8fa; 297 background-color: #f8f8fa;
298 color: #606266;
299 display: flex;
300 font-size: 14px;
301 text-indent: 50px;
302 align-items: center;
303 border-right: 1px solid $borderColor;
319 } 304 }
320 /deep/.el-form-item__content { 305
321 display: block; 306 .item_right {
322 text-align: left; 307 flex: 1;
323 } 308 width: 100%;
324 .opinion_item { 309
325 /deep/.el-form-item__error { 310 /deep/.el-form-item__label {
326 margin-top: -16px !important; 311 background-color: #f8f8fa;
327 left: 3px; 312 }
313 /deep/.el-form-item__content {
314 display: block;
315 text-align: left;
328 } 316 }
317 .opinion_item {
318 /deep/.el-form-item__error {
319 margin-top: -16px !important;
320 left: 3px;
321 }
329 322
330 border-bottom: 1px solid $borderColor; 323 border-bottom: 1px solid $borderColor;
331 } 324 }
332 325
333 .opinion { 326 .opinion {
334 position: relative; 327 position: relative;
335 font-size: 14px; 328 font-size: 14px;
336 329
337 /deep/.el-textarea__inner { 330 /deep/.el-textarea__inner {
338 border: none; 331 border: none;
332 }
339 } 333 }
340 }
341 334
342 .opinion_btn { 335 .opinion_btn {
343 position: absolute; 336 position: absolute;
344 right: 15px; 337 right: 15px;
345 bottom: 10px; 338 bottom: 10px;
339 }
346 } 340 }
347 } 341 }
348 }
349 342
350 .submit_button { 343 .submit_button {
351 text-align: center; 344 text-align: center;
352 margin: 15px 0; 345 margin: 15px 0;
353 } 346 }
354 347
355 .el-date-editor.el-input { 348 .el-date-editor.el-input {
356 width: 100%; 349 width: 100%;
350 }
357 } 351 }
358 }
359 </style> 352 </style>
......
1 <!-- 1 <!--
2 * @Description: 审批意见 2 * @Description: 审批意见
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-16 14:39:55 4 * @LastEditTime: 2023-09-28 11:27:06
5 --> 5 -->
6 <template> 6 <template>
7 <div class="spyj loadingtext"> 7 <div class="spyj loadingtext">
...@@ -14,8 +14,7 @@ ...@@ -14,8 +14,7 @@
14 <el-form 14 <el-form
15 :model="tableData[index]" 15 :model="tableData[index]"
16 label-width="120px" 16 label-width="120px"
17 ref="ruleForm'" 17 ref="ruleForm'">
18 >
19 <div class="spyj_form"> 18 <div class="spyj_form">
20 <div class="item_left"> 19 <div class="item_left">
21 <div class="right">{{ item.jdmc }}意见</div> 20 <div class="right">{{ item.jdmc }}意见</div>
...@@ -25,22 +24,18 @@ ...@@ -25,22 +24,18 @@
25 <el-col :span="24"> 24 <el-col :span="24">
26 <el-form-item 25 <el-form-item
27 label-width="0" 26 label-width="0"
28 class="opinion_item" 27 class="opinion_item">
29 >
30 <el-input 28 <el-input
31 :disabled="!viewEdit || item.show" 29 :disabled="!viewEdit || item.show"
32 type="textarea" 30 type="textarea"
33 :rows="4" 31 :rows="4"
34 class="opinion" 32 class="opinion"
35 placeholder="请输入审批意见" 33 placeholder="请输入审批意见"
36 v-model="item.shyj" 34 v-model="item.shyj"></el-input>
37 ></el-input>
38 <el-button 35 <el-button
39 class="opinion_btn" 36 class="opinion_btn"
40 @click="commonOpinion(index)" 37 @click="commonOpinion(index)"
41 :disabled="!viewEdit|| item.show" 38 :disabled="!viewEdit|| item.show">常用意见</el-button>
42 >常用意见</el-button
43 >
44 </el-form-item> 39 </el-form-item>
45 </el-col> 40 </el-col>
46 </el-row> 41 </el-row>
...@@ -61,93 +56,91 @@ ...@@ -61,93 +56,91 @@
61 </el-form> 56 </el-form>
62 </div> 57 </div>
63 <div class="submit_button" v-if="viewEdit"> 58 <div class="submit_button" v-if="viewEdit">
64 <el-button type="primary" :disabled="shows" @click="onSubmit()" 59 <el-button type="primary" :disabled="shows" @click="onSubmit()">保存</el-button>
65 >保存</el-button
66 >
67 </div> 60 </div>
68 </div> 61 </div>
69 <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> --> 62 <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> -->
70 </div> 63 </div>
71 </template> 64 </template>
72 <script> 65 <script>
73 import { saveSpyjBySlsq, getSpyjList } from "@/api/opinion.js"; 66 import { saveSpyjBySlsq, getSpyjList } from "@/api/opinion.js";
74 import { mapGetters } from "vuex"; 67 import { mapGetters } from "vuex";
75 import { getNewDatesh } from "@/utils/util"; 68 import { getNewDatesh } from "@/utils/util";
76 export default { 69 export default {
77 computed: { 70 computed: {
78 ...mapGetters(["dqhj", "yjsqOptions", "userInfo"]), 71 ...mapGetters(["dqhj", "yjsqOptions", "userInfo"]),
79 }, 72 },
80 data() { 73 data () {
81 return { 74 return {
82 currentindex: 0, 75 currentindex: 0,
83 refresh: 10, 76 refresh: 10,
84 viewEdit: false, 77 viewEdit: false,
85 bsmSlsq: this.$route.query.bsmSlsq, 78 bsmSlsq: this.$route.query.bsmSlsq,
86 bestepid: this.$route.query.bestepid, 79 bestepid: this.$route.query.bestepid,
87 propsParam: {}, 80 propsParam: {},
88 tableData: [], 81 tableData: [],
89 shows: false, 82 shows: false,
90 }; 83 };
91 }, 84 },
92 85
93 watch: { 86 watch: {
94 yjsqOptions: { 87 yjsqOptions: {
95 handler(val) { 88 handler (val) {
96 this.add(val.opinion); 89 this.add(val.opinion);
90 },
91 deep: true,
92 immediate: true,
97 }, 93 },
98 deep: true, 94 dqhj: {
99 immediate: true, 95 handler (val) {
100 }, 96 this.propsParam = this.$attrs;
101 dqhj: { 97 this.dataset()
102 handler(val) { 98 this.getShList();
103 this.propsParam = this.$attrs;
104 this.dataset()
105 this.getShList();
106 99
100 },
101 deep: true,
102 immediate: true,
107 }, 103 },
108 deep: true,
109 immediate: true,
110 },
111 104
112 },
113 created() {},
114 methods: {
115 /**
116 * @description: dataset
117 * @param {*} 数据处理
118 * @author: renchao
119 */
120 dataset(){
121 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
122 // switch (this.$parent.dqhj) {
123 // case "cs":
124 // this.indexdqlc = 0;
125 // this.jdmc = "初审";
126 // break;
127 // case "fs":
128 // this.indexdqlc = 1;
129 // this.jdmc = "复审";
130 // break;
131 // case "hd":
132 // this.indexdqlc = 2;
133 // this.jdmc = "核定";
134 // break;
135 // }
136 }, 105 },
137 /** 106 created () { },
138 * @description: getShList 107 methods: {
139 * @param {*} obj 108 /**
140 * @author: renchao 109 * @description: dataset
141 */ 110 * @param {*} 数据处理
142 getShList() { 111 * @author: renchao
143 this.$startLoading(); 112 */
144 var formdata = new FormData(); 113 dataset () {
145 formdata.append("bsmBusiness", this.propsParam.bsmBusiness); 114 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
146 formdata.append("bestepid", this.$route.query.bestepid); 115 // switch (this.$parent.dqhj) {
116 // case "cs":
117 // this.indexdqlc = 0;
118 // this.jdmc = "初审";
119 // break;
120 // case "fs":
121 // this.indexdqlc = 1;
122 // this.jdmc = "复审";
123 // break;
124 // case "hd":
125 // this.indexdqlc = 2;
126 // this.jdmc = "核定";
127 // break;
128 // }
129 },
130 /**
131 * @description: getShList
132 * @param {*} obj
133 * @author: renchao
134 */
135 getShList () {
136 this.$startLoading();
137 var formdata = new FormData();
138 formdata.append("bsmBusiness", this.propsParam.bsmBusiness);
139 formdata.append("bestepid", this.$route.query.bestepid);
147 140
148 getSpyjList(formdata).then((res) => { 141 getSpyjList(formdata).then((res) => {
149 142
150 if (res.code === 200 && res.result) { 143 if (res.code === 200 && res.result) {
151 this.tableData = res.result; 144 this.tableData = res.result;
152 if (this.shows) { 145 if (this.shows) {
153 this.shows = false; 146 this.shows = false;
...@@ -182,27 +175,27 @@ export default { ...@@ -182,27 +175,27 @@ export default {
182 }); 175 });
183 this.$endLoading(); 176 this.$endLoading();
184 177
185 } 178 }
186 179
187 }); 180 });
188 181
189 }, 182 },
190 /** 183 /**
191 * @description: onSubmit 184 * @description: onSubmit
192 * @author: renchao 185 * @author: renchao
193 */ 186 */
194 onSubmit() { 187 onSubmit () {
195 188
196 this.tableData.forEach((item, index) => { 189 this.tableData.forEach((item, index) => {
197 item["bsmBusiness"] = this.propsParam.bsmBusiness; 190 item["bsmBusiness"] = this.propsParam.bsmBusiness;
198 item["czjg"] = "1"; 191 item["czjg"] = "1";
199 }); 192 });
200 var index = this.tableData.findIndex( 193 var index = this.tableData.findIndex(
201 (item) => item.shyj ==null||item.shyj =="" 194 (item) => item.shyj == null || item.shyj == ""
202 ); 195 );
203 if(index==-1){ 196 if (index == -1) {
204 this.shows = true; 197 this.shows = true;
205 saveSpyjBySlsq(this.tableData).then((res) => { 198 saveSpyjBySlsq(this.tableData).then((res) => {
206 if (res.code === 200) { 199 if (res.code === 200) {
207 this.$message.success("保存成功"); 200 this.$message.success("保存成功");
208 this.refresh += 1; 201 this.refresh += 1;
...@@ -211,151 +204,150 @@ export default { ...@@ -211,151 +204,150 @@ export default {
211 this.$message.error(res.message); 204 this.$message.error(res.message);
212 } 205 }
213 }); 206 });
214 }else{ 207 } else {
215 this.$message.error("意见不能为空"); 208 this.$message.error("意见不能为空");
216 } 209 }
217 210
211 },
212 //打开常用意见列表弹窗
213 /**
214 * @description: 打开常用意见列表弹窗
215 * @param {*} index
216 * @author: renchao
217 */
218 commonOpinion (index) {
219 this.currentindex = index;
220 this.$popupDialog(
221 "常用意见",
222 "workflow/components/dialog/commonOpinion",
223 {},
224 "70%",
225 true
226 );
227 },
228 /**
229 * @description: add
230 * @param {*} val
231 * @author: renchao
232 */
233 add (val) {
234 if (val != "" && this.tableData.length > 0) {
235 this.$set(this.tableData[this.currentindex], "shyj", val);
236 }
237 },
218 }, 238 },
219 //打开常用意见列表弹窗 239 };
220 /**
221 * @description: 打开常用意见列表弹窗
222 * @param {*} index
223 * @author: renchao
224 */
225 commonOpinion(index) {
226 this.currentindex = index;
227 this.$popupDialog(
228 "常用意见",
229 "workflow/components/dialog/commonOpinion",
230 {},
231 "70%",
232 true
233 );
234 },
235 /**
236 * @description: add
237 * @param {*} val
238 * @author: renchao
239 */
240 add(val) {
241 if (val != ""&&this.tableData.length>0) {
242 this.$set(this.tableData[this.currentindex], "shyj", val);
243 }
244 },
245 },
246 };
247 </script> 240 </script>
248 <style scoped lang="scss"> 241 <style scoped lang="scss">
249 @import "~@/styles/mixin.scss"; 242 @import "~@/styles/mixin.scss";
250 243
251 .spyj { 244 .spyj {
252 width: 100%;
253 height: 100%;
254 background-color: #f5f5f5;
255 padding: 5px;
256 .box {
257 overflow-x: auto;
258 width: 100%; 245 width: 100%;
259 height: 95%; 246 height: 100%;
260 background: #fff; 247 background-color: #f5f5f5;
261 text-align: center; 248 .box {
262 padding: 4px; 249 overflow-x: auto;
263 overflow-y: scroll;
264 padding-top: 20px;
265 padding: 20px 40px;
266 .spyj_title {
267 width: 100%; 250 width: 100%;
268 height: 80px; 251 height: 95%;
269 border: 1px solid $borderColor; 252 background: #fff;
270 background-color: #eceef2; 253 text-align: center;
271 display: flex; 254 padding: 4px;
272 } 255 overflow-y: scroll;
273 .leftadd { 256 padding-top: 20px;
274 width: 3%; 257 padding: 20px 40px;
275 height: 100%; 258 .spyj_title {
276 display: flex; 259 width: 100%;
277 font-size: 14px; 260 height: 80px;
278 text-indent: 20px; 261 border: 1px solid $borderColor;
279 align-items: center; 262 background-color: #eceef2;
280 border: 1px solid $borderColor; 263 display: flex;
281 } 264 }
282 .righttitle { 265 .leftadd {
283 width: 80%; 266 width: 3%;
284 height: 100%; 267 height: 100%;
285 line-height: 80px; 268 display: flex;
286 border: 1px solid $borderColor; 269 font-size: 14px;
287 margin: auto; 270 text-indent: 20px;
288 font-size: 22px; 271 align-items: center;
289 font-weight: 400; 272 border: 1px solid $borderColor;
273 }
274 .righttitle {
275 width: 80%;
276 height: 100%;
277 line-height: 80px;
278 border: 1px solid $borderColor;
279 margin: auto;
280 font-size: 22px;
281 font-weight: 400;
282 }
290 } 283 }
291 }
292
293 /deep/.el-form-item {
294 margin-bottom: 0;
295 }
296
297 .bottom10 {
298 margin-bottom: 15px;
299 }
300 284
301 .spyj_form { 285 /deep/.el-form-item {
302 display: flex; 286 margin-bottom: 0;
303 border: 1px solid $borderColor; 287 }
304 288
305 .item_left { 289 .bottom10 {
306 width: 150px; 290 margin-bottom: 15px;
307 background-color: #f8f8fa;
308 color: #606266;
309 display: flex;
310 font-size: 14px;
311 text-indent: 50px;
312 align-items: center;
313 border-right: 1px solid $borderColor;
314 } 291 }
315 292
316 .item_right { 293 .spyj_form {
317 flex: 1; 294 display: flex;
318 width: 100%; 295 border: 1px solid $borderColor;
319 296
320 /deep/.el-form-item__label { 297 .item_left {
298 width: 150px;
321 background-color: #f8f8fa; 299 background-color: #f8f8fa;
300 color: #606266;
301 display: flex;
302 font-size: 14px;
303 text-indent: 50px;
304 align-items: center;
305 border-right: 1px solid $borderColor;
322 } 306 }
323 /deep/.el-form-item__content { 307
324 display: block; 308 .item_right {
325 text-align: left; 309 flex: 1;
326 } 310 width: 100%;
327 .opinion_item { 311
328 /deep/.el-form-item__error { 312 /deep/.el-form-item__label {
329 margin-top: -16px !important; 313 background-color: #f8f8fa;
330 left: 3px; 314 }
315 /deep/.el-form-item__content {
316 display: block;
317 text-align: left;
318 }
319 .opinion_item {
320 /deep/.el-form-item__error {
321 margin-top: -16px !important;
322 left: 3px;
323 }
324 border-bottom: 1px solid $borderColor;
331 } 325 }
332 border-bottom: 1px solid $borderColor;
333 }
334 326
335 .opinion { 327 .opinion {
336 position: relative; 328 position: relative;
337 font-size: 14px; 329 font-size: 14px;
338 330
339 /deep/.el-textarea__inner { 331 /deep/.el-textarea__inner {
340 border: none; 332 border: none;
333 }
341 } 334 }
342 }
343 335
344 .opinion_btn { 336 .opinion_btn {
345 position: absolute; 337 position: absolute;
346 right: 15px; 338 right: 15px;
347 bottom: 10px; 339 bottom: 10px;
340 }
348 } 341 }
349 } 342 }
350 }
351 343
352 .submit_button { 344 .submit_button {
353 text-align: center; 345 text-align: center;
354 margin: 15px 0; 346 margin: 15px 0;
355 } 347 }
356 348
357 .el-date-editor.el-input { 349 .el-date-editor.el-input {
358 width: 100%; 350 width: 100%;
351 }
359 } 352 }
360 }
361 </style> 353 </style>
......