--no commit message
Showing
5 changed files
with
147 additions
and
27 deletions
... | @@ -140,3 +140,16 @@ export function getZtQlxx (params) { | ... | @@ -140,3 +140,16 @@ export function getZtQlxx (params) { |
140 | data | 140 | data |
141 | }) | 141 | }) |
142 | } | 142 | } |
143 | /** | ||
144 | * @description: 添加审核意见 | ||
145 | * @param {*} data | ||
146 | * @author: renchao | ||
147 | */ | ||
148 | export function getShList (data) { | ||
149 | console.log(data); | ||
150 | return request({ | ||
151 | url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair, | ||
152 | method: 'post', | ||
153 | data | ||
154 | }) | ||
155 | } | ... | ... |
... | @@ -536,6 +536,7 @@ export default { | ... | @@ -536,6 +536,7 @@ export default { |
536 | }); | 536 | }); |
537 | this.$store.dispatch("user/refreshPage", true); | 537 | this.$store.dispatch("user/refreshPage", true); |
538 | } else { | 538 | } else { |
539 | |||
539 | this.$message({ | 540 | this.$message({ |
540 | showClose: true, | 541 | showClose: true, |
541 | message: res.message, | 542 | message: res.message, | ... | ... |
... | @@ -6,11 +6,33 @@ | ... | @@ -6,11 +6,33 @@ |
6 | <template> | 6 | <template> |
7 | <div class="spyj loadingtext"> | 7 | <div class="spyj loadingtext"> |
8 | <div class="box"> | 8 | <div class="box"> |
9 | <b class="spyj_title">审批表</b> | 9 | <div class="spyj_title"> |
10 | <div class="leftadd"> | ||
11 | <i | ||
12 | class="el-icon-plus pointer" | ||
13 | @click="addClick()" | ||
14 | ></i> | ||
15 | </div> | ||
16 | <div class="righttitle">审批表</div> | ||
17 | </div> | ||
18 | |||
10 | <div v-for="(item, index) in tableData" :key="index"> | 19 | <div v-for="(item, index) in tableData" :key="index"> |
11 | <el-form :model="tableData[index]" label-width="120px" :rules="rules" :ref="'ruleFormRef'+index"> | 20 | <el-form |
12 | <div class="spyj_form" > | 21 | :model="tableData[index]" |
13 | <div class="item_left">{{ item.jdmc }}意见</div> | 22 | label-width="120px" |
23 | :rules="rules" | ||
24 | :ref="'ruleFormRef' + index" | ||
25 | > | ||
26 | <div class="spyj_form"> | ||
27 | <div class="item_left"> | ||
28 | <div class="left"> | ||
29 | <i | ||
30 | class="el-icon-minus pointer" | ||
31 | @click="deleClick()" | ||
32 | ></i> | ||
33 | </div> | ||
34 | <div class="right">{{ item.jdmc }}意见</div> | ||
35 | </div> | ||
14 | <div class="item_right"> | 36 | <div class="item_right"> |
15 | <el-row> | 37 | <el-row> |
16 | <el-col :span="24"> | 38 | <el-col :span="24"> |
... | @@ -31,20 +53,14 @@ | ... | @@ -31,20 +53,14 @@ |
31 | </el-row> | 53 | </el-row> |
32 | <el-row> | 54 | <el-row> |
33 | <el-col :span="16"> | 55 | <el-col :span="16"> |
34 | <el-form-item | 56 | <el-form-item label="审查人" prop="shryxm"> |
35 | label="审查人" | ||
36 | prop="shryxm" | ||
37 | > | ||
38 | <el-input v-model="item.shryxm"></el-input> | 57 | <el-input v-model="item.shryxm"></el-input> |
39 | </el-form-item> | 58 | </el-form-item> |
40 | </el-col> | 59 | </el-col> |
41 | <el-col :span="8"> | 60 | <el-col :span="8"> |
42 | <el-form-item | 61 | <el-form-item label="审核时间" prop="shjssj"> |
43 | label="审核时间" | ||
44 | prop="shsj" | ||
45 | > | ||
46 | <el-date-picker | 62 | <el-date-picker |
47 | v-model="item.shsj" | 63 | v-model="item.shjssj" |
48 | type="date" | 64 | type="date" |
49 | placeholder="选择日期" | 65 | placeholder="选择日期" |
50 | value-format="yyyy/MM/dd HH:mm:ss" | 66 | value-format="yyyy/MM/dd HH:mm:ss" |
... | @@ -59,14 +75,16 @@ | ... | @@ -59,14 +75,16 @@ |
59 | </el-form> | 75 | </el-form> |
60 | </div> | 76 | </div> |
61 | <div class="submit_button" v-if="!$route.query.viewtype"> | 77 | <div class="submit_button" v-if="!$route.query.viewtype"> |
62 | <el-button type="primary" @click="onSubmit('ruleFormRef')">保存</el-button> | 78 | <el-button type="primary" @click="onSubmit('ruleFormRef')" |
79 | >保存</el-button | ||
80 | > | ||
63 | </div> | 81 | </div> |
64 | </div> | 82 | </div> |
65 | <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> --> | 83 | <!-- <el-empty v-if="isNoData" description="暂无数据"></el-empty> --> |
66 | </div> | 84 | </div> |
67 | </template> | 85 | </template> |
68 | <script> | 86 | <script> |
69 | import { addidea } from "@/api/djbbl.js"; | 87 | import { addidea, getShList } from "@/api/djbbl.js"; |
70 | import { mapGetters } from "vuex"; | 88 | import { mapGetters } from "vuex"; |
71 | export default { | 89 | export default { |
72 | computed: { | 90 | computed: { |
... | @@ -76,27 +94,68 @@ export default { | ... | @@ -76,27 +94,68 @@ export default { |
76 | return { | 94 | return { |
77 | isNoData: false, | 95 | isNoData: false, |
78 | ableOperation: true, | 96 | ableOperation: true, |
79 | 97 | tableData: [{ jdmc: "初审" }], | |
80 | tableData: [{ jdmc: "初审" }, { jdmc: "复审" }, { jdmc: "核定" }], | ||
81 | |||
82 | rules: { | 98 | rules: { |
83 | shyj: [{ required: true, message: "请填写意见", trigger: "blur" }], | 99 | shyj: [{ required: true, message: "请填写意见", trigger: "blur" }], |
84 | shryxm: [{ required: true, message: "审查人", trigger: "blur" }], | 100 | shryxm: [{ required: true, message: "审查人", trigger: "blur" }], |
85 | shsj: [{ required: true, message: "审核时间", trigger: "blur" }], | 101 | shjssj: [{ required: true, message: "审核时间", trigger: "blur" }], |
86 | }, | 102 | }, |
87 | }; | 103 | }; |
88 | }, | 104 | }, |
89 | 105 | ||
90 | watch: {}, | 106 | watch: {}, |
91 | created() {}, | 107 | created() {}, |
92 | mounted() {}, | 108 | mounted() { |
109 | this.getShList(); | ||
110 | }, | ||
93 | methods: { | 111 | methods: { |
112 | deleClick(){ | ||
113 | console.log("111 "); | ||
114 | if(this.tableData.length<=1){ | ||
115 | console.log("w222"); | ||
116 | this.$message.error("最少填写一条初审意见"); | ||
117 | }else if(this.tableData.length>=2){ | ||
118 | console.log("3333"); | ||
119 | this.tableData=this.tableData.slice(0,-1) | ||
120 | } | ||
121 | |||
122 | }, | ||
123 | addClick(){ | ||
124 | if(this.tableData.length==1){ | ||
125 | this.tableData.push({ jdmc: "复审" }) | ||
126 | }else if(this.tableData.length==2){ | ||
127 | this.tableData.push({ jdmc: "核定" }) | ||
128 | }else{ | ||
129 | this.$message.error("只允许添加三条意见"); | ||
130 | } | ||
131 | |||
132 | |||
133 | }, | ||
134 | |||
135 | |||
136 | |||
137 | getShList() { | ||
138 | this.$startLoading(); | ||
139 | var formdata = { | ||
140 | bsmRepair: this.$parent.bsmRepair, | ||
141 | }; | ||
142 | getShList(formdata).then((res) => { | ||
143 | this.$endLoading(); | ||
144 | if (res.code === 200 && res.result) { | ||
145 | if (res.result.length) { | ||
146 | this.tableData = res.result; | ||
147 | } | ||
148 | |||
149 | // this.ruleForm = res.result[res.result.length - 1] | ||
150 | } | ||
151 | }); | ||
152 | }, | ||
94 | onSubmit(formName) { | 153 | onSubmit(formName) { |
95 | const falg = [] | 154 | const falg = []; |
96 | for (let index = 0; index < this.tableData.length; index++) { | 155 | for (let index = 0; index < this.tableData.length; index++) { |
97 | this.$refs[formName + index][0].validate((valid) => { | 156 | this.$refs[formName + index][0].validate((valid) => { |
98 | if (valid) { | 157 | if (valid) { |
99 | falg.push(1) | 158 | falg.push(1); |
100 | } | 159 | } |
101 | }); | 160 | }); |
102 | } | 161 | } |
... | @@ -154,17 +213,36 @@ export default { | ... | @@ -154,17 +213,36 @@ export default { |
154 | overflow-y: scroll; | 213 | overflow-y: scroll; |
155 | padding-top: 20px; | 214 | padding-top: 20px; |
156 | padding: 20px 40px; | 215 | padding: 20px 40px; |
157 | } | ||
158 | .spyj_title { | 216 | .spyj_title { |
159 | line-height: 68px; | 217 | width: 100%; |
218 | height:80px; | ||
219 | border: 1px solid $borderColor; | ||
220 | background-color: #eceef2; | ||
221 | display: flex; | ||
222 | |||
223 | } | ||
224 | .leftadd{ | ||
225 | width: 3%; | ||
226 | height: 100%; | ||
227 | display: flex; | ||
228 | font-size: 14px; | ||
229 | text-indent: 20px; | ||
230 | align-items: center; | ||
231 | border: 1px solid $borderColor; | ||
232 | |||
233 | } | ||
234 | .righttitle{ | ||
235 | width: 80%; | ||
236 | height: 100%; | ||
237 | line-height: 80px; | ||
160 | border: 1px solid $borderColor; | 238 | border: 1px solid $borderColor; |
161 | text-align: center; | 239 | text-align: center; |
162 | font-size: 22px; | 240 | font-size: 22px; |
163 | font-weight: 400; | 241 | font-weight: 400; |
164 | background-color: #eceef2; | 242 | |
165 | display: block; | ||
166 | border-bottom: none; | ||
167 | } | 243 | } |
244 | } | ||
245 | |||
168 | 246 | ||
169 | /deep/.el-form-item { | 247 | /deep/.el-form-item { |
170 | margin-bottom: 0; | 248 | margin-bottom: 0; |
... | @@ -187,6 +265,30 @@ export default { | ... | @@ -187,6 +265,30 @@ export default { |
187 | text-indent: 80px; | 265 | text-indent: 80px; |
188 | align-items: center; | 266 | align-items: center; |
189 | border-right: 1px solid $borderColor; | 267 | border-right: 1px solid $borderColor; |
268 | |||
269 | .left { | ||
270 | width: 30%; | ||
271 | height: 100%; | ||
272 | display: flex; | ||
273 | font-size: 14px; | ||
274 | text-indent: 20px; | ||
275 | align-items: center; | ||
276 | border-right: 1px solid $borderColor; | ||
277 | .el-icon-minus{ | ||
278 | font-size: 14px; | ||
279 | color: black; | ||
280 | } | ||
281 | } | ||
282 | .right { | ||
283 | width: 70%; | ||
284 | height: 100%; | ||
285 | color: #606266; | ||
286 | display: flex; | ||
287 | font-size: 14px; | ||
288 | text-indent: 20px; | ||
289 | align-items: center; | ||
290 | border-right: 1px solid $borderColor; | ||
291 | } | ||
190 | } | 292 | } |
191 | 293 | ||
192 | .item_right { | 294 | .item_right { | ... | ... |
... | @@ -122,6 +122,7 @@ | ... | @@ -122,6 +122,7 @@ |
122 | _beforeUnload_time: "", | 122 | _beforeUnload_time: "", |
123 | treedata: {}, | 123 | treedata: {}, |
124 | tabdata: [], | 124 | tabdata: [], |
125 | bsmRepair:"", | ||
125 | defaultNode: {}, | 126 | defaultNode: {}, |
126 | }; | 127 | }; |
127 | }, | 128 | }, |
... | @@ -162,6 +163,7 @@ | ... | @@ -162,6 +163,7 @@ |
162 | }, | 163 | }, |
163 | // 获取右侧选项卡 | 164 | // 获取右侧选项卡 |
164 | getCurrentSelectProps (val) { | 165 | getCurrentSelectProps (val) { |
166 | this.bsmRepair= val.bsmRepair | ||
165 | if (val.bdcdyid) { | 167 | if (val.bdcdyid) { |
166 | this.oneSelectProps = val; | 168 | this.oneSelectProps = val; |
167 | } | 169 | } | ... | ... |
... | @@ -126,6 +126,7 @@ export default { | ... | @@ -126,6 +126,7 @@ export default { |
126 | //页面监听时间 | 126 | //页面监听时间 |
127 | _beforeUnload_time: "", | 127 | _beforeUnload_time: "", |
128 | treedata: {}, | 128 | treedata: {}, |
129 | bsmRepair:"", | ||
129 | tabdata: [], | 130 | tabdata: [], |
130 | defaultNode: {}, | 131 | defaultNode: {}, |
131 | }; | 132 | }; |
... | @@ -168,6 +169,7 @@ export default { | ... | @@ -168,6 +169,7 @@ export default { |
168 | }, | 169 | }, |
169 | // 获取右侧选项卡 | 170 | // 获取右侧选项卡 |
170 | getCurrentSelectProps(val) { | 171 | getCurrentSelectProps(val) { |
172 | this.bsmRepair= val.bsmRepair | ||
171 | if (val.bdcdyid) { | 173 | if (val.bdcdyid) { |
172 | this.oneSelectProps = val; | 174 | this.oneSelectProps = val; |
173 | } | 175 | } | ... | ... |
-
Please register or sign in to post a comment