批量操作
Showing
8 changed files
with
46 additions
and
37 deletions
1 | <!-- | ||
2 | 功能:申请单元列表批量删除 | ||
3 | 作者:calliope | ||
4 | --> | ||
5 | <template> | 1 | <template> |
6 | <div class='batchDel'> | 2 | <div class='batchDel'> |
7 | <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false" | 3 | <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false" | ... | ... |
... | @@ -42,7 +42,7 @@ export default { | ... | @@ -42,7 +42,7 @@ export default { |
42 | this.judgeBatchShow(); | 42 | this.judgeBatchShow(); |
43 | if (this.showBatch) { | 43 | if (this.showBatch) { |
44 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 | 44 | //满足批量查封/批量抵押按钮出现 即先展示批量表单 |
45 | this.unitClick(-1); | 45 | this.batchUnitClick(); |
46 | } else { | 46 | } else { |
47 | //默认选择单元列表第一个 | 47 | //默认选择单元列表第一个 |
48 | this.unitClick(0); | 48 | this.unitClick(0); |
... | @@ -54,8 +54,8 @@ export default { | ... | @@ -54,8 +54,8 @@ export default { |
54 | //批量按钮判断 | 54 | //批量按钮判断 |
55 | judgeBatchShow () { | 55 | judgeBatchShow () { |
56 | this.showBatch = false; | 56 | this.showBatch = false; |
57 | let qllx = this.$route.query.sqywbm.substring(0, 3); | ||
58 | if (this.unitData.length > 1) { | 57 | if (this.unitData.length > 1) { |
58 | let qllx = this.$route.query.sqywbm.substring(0, 3); | ||
59 | switch (qllx) { | 59 | switch (qllx) { |
60 | case 'B39': | 60 | case 'B39': |
61 | this.showBatch = true; | 61 | this.showBatch = true; |
... | @@ -65,6 +65,8 @@ export default { | ... | @@ -65,6 +65,8 @@ export default { |
65 | this.showBatch = true; | 65 | this.showBatch = true; |
66 | this.batchButtonName = '批量抵押'; | 66 | this.batchButtonName = '批量抵押'; |
67 | break; | 67 | break; |
68 | default: | ||
69 | this.batchButtonName = '批量操作'; | ||
68 | } | 70 | } |
69 | } | 71 | } |
70 | }, | 72 | }, |
... | @@ -279,6 +281,22 @@ export default { | ... | @@ -279,6 +281,22 @@ export default { |
279 | message: "action: " + action | 281 | message: "action: " + action |
280 | }) | 282 | }) |
281 | }) | 283 | }) |
284 | }, | ||
285 | //批量操作 | ||
286 | handleBatchDel () { | ||
287 | let that = this; | ||
288 | this.$popup("批量删除", "workflow/components/batchDel", { | ||
289 | width: "50%", | ||
290 | btnShow: true, | ||
291 | height: "600px", | ||
292 | formData: { | ||
293 | bsmSlsq: this.bsmSlsq, | ||
294 | dataList: this.unitData, | ||
295 | }, | ||
296 | confirm: function () { | ||
297 | that.loadBdcdylist(); | ||
282 | } | 298 | } |
299 | }) | ||
300 | }, | ||
283 | } | 301 | } |
284 | } | 302 | } | ... | ... |
... | @@ -20,15 +20,13 @@ export default { | ... | @@ -20,15 +20,13 @@ export default { |
20 | }, | 20 | }, |
21 | //切换选项卡内容组件 | 21 | //切换选项卡内容组件 |
22 | getFromRouter (tabname) { | 22 | getFromRouter (tabname) { |
23 | //根据tabname获取选中的表单 | 23 | //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象,使用里面的是否可操作的属性 |
24 | for(let item of this.tabList){ | 24 | for(let item of this.tabList){ |
25 | if(item.value === tabname){ | 25 | if(item.value === tabname){ |
26 | this.currentSelectTab = item | 26 | this.currentSelectTab = item |
27 | break; | 27 | break; |
28 | } | 28 | } |
29 | } | 29 | } |
30 | console.log(this.currentSelectTab); | ||
31 | |||
32 | this.componentTag = getForm(tabname, this.$route.query.sqywbm); | 30 | this.componentTag = getForm(tabname, this.$route.query.sqywbm); |
33 | } | 31 | } |
34 | } | 32 | } | ... | ... |
... | @@ -22,7 +22,7 @@ | ... | @@ -22,7 +22,7 @@ |
22 | <div class="containerFrame"> | 22 | <div class="containerFrame"> |
23 | <!-- 左侧菜单栏 --> | 23 | <!-- 左侧菜单栏 --> |
24 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> | 24 | <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> |
25 | <div class="title" @click="unitClick(-1)">{{ batchButtonName }}</div> | 25 | <div class="title" @click="batchUnitClick" v-if="showBatch">{{ batchButtonName }}</div> |
26 | <div v-if="this.isShowdrawer"> | 26 | <div v-if="this.isShowdrawer"> |
27 | <div class="title"> | 27 | <div class="title"> |
28 | 申请单元列表({{ unitData.length }}) | 28 | 申请单元列表({{ unitData.length }}) |
... | @@ -115,7 +115,11 @@ export default { | ... | @@ -115,7 +115,11 @@ export default { |
115 | //材料信息选项卡对象 | 115 | //材料信息选项卡对象 |
116 | clxxTab: {}, | 116 | clxxTab: {}, |
117 | //页面监听时间 | 117 | //页面监听时间 |
118 | _beforeUnload_time: "" | 118 | _beforeUnload_time: "", |
119 | //批量操作 | ||
120 | showBatch: false, | ||
121 | //批量操作按钮名称 | ||
122 | batchButtonName: '', | ||
119 | } | 123 | } |
120 | }, | 124 | }, |
121 | mounted () { | 125 | mounted () { |
... | @@ -176,29 +180,8 @@ export default { | ... | @@ -176,29 +180,8 @@ export default { |
176 | }); | 180 | }); |
177 | }); | 181 | }); |
178 | }, | 182 | }, |
179 | handleBatchDel () { | ||
180 | let that = this; | ||
181 | this.$popup("批量删除", "workflow/components/batchDel", { | ||
182 | width: "50%", | ||
183 | btnShow: true, | ||
184 | height: "600px", | ||
185 | formData: { | ||
186 | bsmSlsq: this.bsmSlsq, | ||
187 | dataList: this.unitData, | ||
188 | }, | ||
189 | confirm: function () { | ||
190 | that.loadBdcdylist(); | ||
191 | } | ||
192 | }) | ||
193 | }, | ||
194 | //申请单元点击事件 | 183 | //申请单元点击事件 |
195 | unitClick (index) { | 184 | stepForm (index) { |
196 | if (index >= 0) { | ||
197 | this.currentSelectProps = this.unitData[index]; | ||
198 | this.currentSelectProps.batchOperation = false; | ||
199 | } else { | ||
200 | this.currentSelectProps.batchOperation = true; | ||
201 | } | ||
202 | getStepFormInfo(this.currentSelectProps).then((res) => { | 185 | getStepFormInfo(this.currentSelectProps).then((res) => { |
203 | if (res.code === 200) { | 186 | if (res.code === 200) { |
204 | this.fresh++; | 187 | this.fresh++; |
... | @@ -206,6 +189,8 @@ export default { | ... | @@ -206,6 +189,8 @@ export default { |
206 | this.tabList = res.result; | 189 | this.tabList = res.result; |
207 | //默认加载第一个表单信息 | 190 | //默认加载第一个表单信息 |
208 | this.tabName = res.result[0].value; | 191 | this.tabName = res.result[0].value; |
192 | //批量操作无分屏按钮 | ||
193 | if(index != null){ | ||
209 | //处理分屏材料信息 | 194 | //处理分屏材料信息 |
210 | let that = this; | 195 | let that = this; |
211 | this.tabList.forEach(function (item, index) { | 196 | this.tabList.forEach(function (item, index) { |
... | @@ -216,7 +201,19 @@ export default { | ... | @@ -216,7 +201,19 @@ export default { |
216 | } | 201 | } |
217 | }) | 202 | }) |
218 | } | 203 | } |
204 | } | ||
219 | }) | 205 | }) |
206 | }, | ||
207 | //申请单元点击事件 | ||
208 | unitClick (index) { | ||
209 | this.currentSelectProps = this.unitData[index]; | ||
210 | this.currentSelectProps.batchOperation = false; | ||
211 | this.stepForm(index); | ||
212 | }, | ||
213 | //批量按钮点击事件 | ||
214 | batchUnitClick(){ | ||
215 | this.currentSelectProps.batchOperation = true; | ||
216 | this.stepForm(); | ||
220 | } | 217 | } |
221 | } | 218 | } |
222 | } | 219 | } | ... | ... |
... | @@ -81,7 +81,7 @@ | ... | @@ -81,7 +81,7 @@ |
81 | </el-col> | 81 | </el-col> |
82 | <el-col :span="8"> | 82 | <el-col :span="8"> |
83 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj"> | 83 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj"> |
84 | <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" disabled type="date" placeholder="选择日期" | 84 | <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" type="date" placeholder="选择日期" |
85 | value-format="yyyy-MM-dd"></el-date-picker> | 85 | value-format="yyyy-MM-dd"></el-date-picker> |
86 | </el-form-item> | 86 | </el-form-item> |
87 | </el-col> | 87 | </el-col> | ... | ... |
... | @@ -126,7 +126,7 @@ | ... | @@ -126,7 +126,7 @@ |
126 | </el-col> | 126 | </el-col> |
127 | <el-col :span="8"> | 127 | <el-col :span="8"> |
128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj"> | 128 | <el-form-item :class="flag ? 'marginBot0' : ''" label="查封起始时间:" prop="cfdj.cfqssj"> |
129 | <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" disabled type="date" placeholder="选择日期" | 129 | <el-date-picker v-model="ruleForm.cfdj.cfqssj" class="width100" type="date" placeholder="选择日期" |
130 | value-format="yyyy-MM-dd"></el-date-picker> | 130 | value-format="yyyy-MM-dd"></el-date-picker> |
131 | </el-form-item> | 131 | </el-form-item> |
132 | </el-col> | 132 | </el-col> | ... | ... |
... | @@ -3,7 +3,7 @@ export default { | ... | @@ -3,7 +3,7 @@ export default { |
3 | jump (data, type) { | 3 | jump (data, type) { |
4 | this.$emit("closeDialog"); | 4 | this.$emit("closeDialog"); |
5 | const { href } = this.$router.resolve( | 5 | const { href } = this.$router.resolve( |
6 | "/workFrame?bsmSlsq=" + | 6 | "/workFramecs?bsmSlsq=" + |
7 | data.bsmSlsq + | 7 | data.bsmSlsq + |
8 | "&bestepid=" + | 8 | "&bestepid=" + |
9 | data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type | 9 | data.bestepid + '&bsmBusiness=' + '&sqywbm=' + type | ... | ... |
... | @@ -165,7 +165,7 @@ export default { | ... | @@ -165,7 +165,7 @@ export default { |
165 | type: "success", | 165 | type: "success", |
166 | }); | 166 | }); |
167 | if (!this.isJump) { | 167 | if (!this.isJump) { |
168 | this.jump(res.result, this.djywbm); | 168 | this.jump(res.result, this.sqywInfo.djywbm); |
169 | } else { | 169 | } else { |
170 | this.$emit("updateDialog", true); | 170 | this.$emit("updateDialog", true); |
171 | } | 171 | } | ... | ... |
-
Please register or sign in to post a comment