Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
6ceeae76 by renchao@pashanhoo.com
Options

style；上传

1 parent 26ff6321
Inline Side-by-side
Showing 5 changed files with 252 additions and 291 deletions

8 MB | W: | H:

1.42 MB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-12 13:58:04 4 * @LastEditTime: 2023-09-13 09:10:29
5 --> 5 -->
6 <template> 6 <template>
7 <div class="rlPopup"> 7 <div class="rlPopup">
...@@ -273,6 +273,9 @@ ...@@ -273,6 +273,9 @@
273 } 273 }
274 formData.append("bsmSj", this.previewImg.bsmSj); 274 formData.append("bsmSj", this.previewImg.bsmSj);
275 formData.append("bsmSlsq", this.previewImg.bsmSlsq); 275 formData.append("bsmSlsq", this.previewImg.bsmSlsq);
276 if (this.previewImg.imgList.length > 0) {
277 formData.append("index", this.previewImg.imgList[this.previewImg.index].sxh);
278 }
276 uploadBatch(formData).then((res) => { 279 uploadBatch(formData).then((res) => {
277 if (res.code == 200) { 280 if (res.code == 200) {
278 this.$emit('updateList', res.result) 281 this.$emit('updateList', res.result)
......
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
58 </el-radio-group> 58 </el-radio-group>
59 </el-form-item> 59 </el-form-item>
60 </el-col> 60 </el-col>
61 </el-row> 61 </el-row>
62 <el-row> 62 <el-row>
63 <el-col :span="8"> 63 <el-col :span="8">
64 <el-form-item label="业务流程ID" prop="flowid" v-if="form.sqdjyw"> 64 <el-form-item label="业务流程ID" prop="flowid" v-if="form.sqdjyw">
...@@ -102,7 +102,7 @@ ...@@ -102,7 +102,7 @@
102 </el-row> 102 </el-row>
103 </el-form> 103 </el-form>
104 <el-collapse class="modifycollapse" accordion> 104 <el-collapse class="modifycollapse" accordion>
105 <el-collapse-item title="登记类型" name="0" v-if="form.sqdjyw.sqfl=='2'"> 105 <el-collapse-item title="权利信息" name="0" v-if="form.sqdjyw.sqfl=='2'">
106 <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djlx"> 106 <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djlx">
107 </lb-table> 107 </lb-table>
108 </el-collapse-item> 108 </el-collapse-item>
...@@ -203,19 +203,19 @@ ...@@ -203,19 +203,19 @@
203 */ 203 */
204 init () { 204 init () {
205 this.tn = 0; 205 this.tn = 0;
206 if(this.formData.sqfl=="2"){ 206 if (this.formData.sqfl == "2") {
207 this.getDetail(this.formData.bsmSqyw); 207 this.getDetail(this.formData.bsmSqyw);
208 }else{ 208 } else {
209 getDjlxInfo(this.formData.bsmSqyw).then((res) => { 209 getDjlxInfo(this.formData.bsmSqyw).then((res) => {
210 let { result } = res; 210 let { result } = res;
211 this.djlxList = result ? result : []; 211 this.djlxList = result ? result : [];
212 if (this.djlxList.length > 0) { 212 if (this.djlxList.length > 0) {
213 this.getDetail(this.djlxList[0].bsmSqyw); 213 this.getDetail(this.djlxList[0].bsmSqyw);
214 } else { 214 } else {
215 this.getDetail(this.formData.bsmSqyw); 215 this.getDetail(this.formData.bsmSqyw);
216 } 216 }
217 }) 217 })
218 } 218 }
219 }, 219 },
220 /** 220 /**
221 * @description: orderNoChange 221 * @description: orderNoChange
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-12 10:52:18 4 * @LastEditTime: 2023-09-12 16:39:53
5 --> 5 -->
6 <template> 6 <template>
7 <div class="container"> 7 <div class="container">
...@@ -25,8 +25,7 @@ ...@@ -25,8 +25,7 @@
25 <li 25 <li
26 @click="operation(item)" 26 @click="operation(item)"
27 v-for="(item, index) in rightButtonList" 27 v-for="(item, index) in rightButtonList"
28 :key="index" 28 :key="index">
29 >
30 <svg-icon class="icon" :icon-class="item.icon" /> 29 <svg-icon class="icon" :icon-class="item.icon" />
31 <span class="iconName">{{ item.name }}</span> 30 <span class="iconName">{{ item.name }}</span>
32 </li> 31 </li>
...@@ -34,16 +33,14 @@ ...@@ -34,16 +33,14 @@
34 <NoticeBar 33 <NoticeBar
35 class="NoticeBar" 34 class="NoticeBar"
36 :noticeList="noticeList" 35 :noticeList="noticeList"
37 v-if="noticeList.length > 0" 36 v-if="noticeList.length > 0" />
38 />
39 </div> 37 </div>
40 <!-- 内容框架 --> 38 <!-- 内容框架 -->
41 <div class="containerFrame"> 39 <div class="containerFrame">
42 <!-- 左侧菜单栏 区分业务--> 40 <!-- 左侧菜单栏 区分业务-->
43 <segmentMenu 41 <segmentMenu
44 v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)" 42 v-if="['A0320099', 'A0330099'].includes(slsq.djqxbm)"
45 @getCurrentSelectProps="getCurrentSelectProps" 43 @getCurrentSelectProps="getCurrentSelectProps" />
46 />
47 <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" /> 44 <ordinaryMenu v-else @getCurrentSelectProps="getCurrentSelectProps" />
48 <div class="leftCon"> 45 <div class="leftCon">
49 <!-- 分屏左侧预览 --> 46 <!-- 分屏左侧预览 -->
...@@ -59,27 +56,24 @@ ...@@ -59,27 +56,24 @@
59 <el-tabs 56 <el-tabs
60 v-model="tabName" 57 v-model="tabName"
61 :before-leave="beforeLeave" 58 :before-leave="beforeLeave"
62 @tab-click="handleClick" 59 @tab-click="handleClick">
63 >
64 <el-tab-pane 60 <el-tab-pane
65 :label="item.name" 61 :label="item.name"
66 :name="item.value" 62 :name="item.value"
67 v-for="item in tabList" 63 v-for="item in tabList"
68 :key="item.value" 64 :key="item.value">
69 >
70 </el-tab-pane> 65 </el-tab-pane>
71 </el-tabs> 66 </el-tabs>
72 <div v-show="false"> 67 <div v-show="false">
73 <div v-if="shows"> 68 <div v-if="shows">
74 <receipt :Receiptdata="Receiptdata" id="boxaaa"/> 69 <receipt :Receiptdata="Receiptdata" id="boxaaa" />
75 </div> 70 </div>
76 71
77 </div> 72 </div>
78 <component 73 <component
79 :key="fresh" 74 :key="fresh"
80 :is="componentTag" 75 :is="componentTag"
81 v-bind="currentSelectProps" 76 v-bind="currentSelectProps" />
82 />
83 </div> 77 </div>
84 </div> 78 </div>
85 </div> 79 </div>
...@@ -87,15 +81,13 @@ ...@@ -87,15 +81,13 @@
87 <object 81 <object
88 id="LODOP_OB" 82 id="LODOP_OB"
89 classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" 83 classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA"
90 v-show="false" 84 v-show="false">
91 >
92 <embed 85 <embed
93 id="LODOP_EM" 86 id="LODOP_EM"
94 type="application/x-print-lodop" 87 type="application/x-print-lodop"
95 width="820" 88 width="820"
96 height="450" 89 height="450"
97 pluginspage="install_lodop32.exe" 90 pluginspage="install_lodop32.exe" />
98 />
99 </object> 91 </object>
100 <el-upload 92 <el-upload
101 class="fileUpdate" 93 class="fileUpdate"
...@@ -104,257 +96,243 @@ ...@@ -104,257 +96,243 @@
104 multiple 96 multiple
105 :auto-upload="false" 97 :auto-upload="false"
106 :on-change="handleChange" 98 :on-change="handleChange"
107 :before-upload="beforeUpload" 99 :before-upload="beforeUpload">
108 > 100 <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button>
109 <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false"
110 >上传</el-button
111 >
112 </el-upload> 101 </el-upload>
113 </div> 102 </div>
114 </template> 103 </template>
115 <style scoped lang="scss"> 104 <style scoped lang="scss">
116 @import "~@/styles/mixin.scss"; 105 @import "~@/styles/mixin.scss";
117 @import "./workFrame.scss"; 106 @import "./workFrame.scss";
118 </style> 107 </style>
119 <script> 108 <script>
120 import printJS from 'print-js' 109 import printJS from 'print-js'
121 import WorkFlow from "./mixin/index"; 110 import WorkFlow from "./mixin/index";
122 import publicFlow from "./mixin/public.js"; 111 import publicFlow from "./mixin/public.js";
123 import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js"; 112 import { getStepFormInfo, unClaimTask, getZdInfo } from "@/api/workFlow.js";
124 import { getForm } from "./flowform"; 113 import { getForm } from "./flowform";
125 import NoticeBar from "@/components/NoticeBar/index"; 114 import NoticeBar from "@/components/NoticeBar/index";
126 // import ProcessViewer from "./components/processViewer.vue" 115 // import ProcessViewer from "./components/processViewer.vue"
127 // 引入左侧菜单 116 // 引入左侧菜单
128 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; 117 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
129 // 引入左侧菜单 118 // 引入左侧菜单
130 import segmentMenu from "./components/leftmenu/segmentMenu.vue"; 119 import segmentMenu from "./components/leftmenu/segmentMenu.vue";
131 // 回执单 120 // 回执单
132 import receipt from "./components/receipt.vue"; 121 import receipt from "./components/receipt.vue";
133 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; 122 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
134 import { BatchInit } from "@/api/workflow/cfdjFlow.js"; 123 import { BatchInit } from "@/api/workflow/cfdjFlow.js";
135 export default { 124 export default {
136 components: { 125 components: {
137 selectBdc, 126 selectBdc,
138 NoticeBar, 127 NoticeBar,
139 ordinaryMenu, 128 ordinaryMenu,
140 segmentMenu, 129 segmentMenu,
141 receipt, 130 receipt,
142 },
143 mixins: [WorkFlow, publicFlow],
144 data() {
145 return {
146 // printObj: {
147 // id: "box",
148 // preview: true,
149 // },
150 isDialog: false,
151 //受理申请标识码
152 bsmSlsq: this.$route.query.bsmSlsq,
153 //当前流程所在环节
154 bestepid: this.$route.query.bestepid,
155 //当前流程所在环节
156 zbhj: this.$route.query.zbhj,
157 //设置那个表单选中
158 tabName: "",
159 //设置那个表单选择
160 currentSelectTab: {},
161 //表单集合
162 tabList: [],
163 //选择加载哪一个组件
164 componentTag: "",
165 //设置表单传递数据
166 currentSelectProps: {},
167 //材料分屏表单
168 clxxForm: "",
169 //材料信息选择卡索引
170 clxxIndex: "",
171 //材料信息选项卡对象
172 clxxTab: {},
173 ableOperation: false,
174 //页面监听时间
175 _beforeUnload_time: "",
176 // 宗地id
177 bsmZd: "",
178 Receiptdata: {},
179 shows:false
180 };
181 },
182 mounted() {
183 this.$store.dispatch("user/refreshPage", false);
184 //添加页面监听事件
185 window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
186 window.addEventListener("unload", (e) => this.unloadHandler(e));
187 },
188 destroyed() {
189 window.removeEventListener("beforeunload", (e) =>
190 this.beforeunloadHandler(e)
191 );
192 window.removeEventListener("unload", (e) => this.unloadHandler(e));
193 },
194 methods: {
195 /**
196 * @description: openPrint
197 * @author:miaofang
198 */
199 openPrint() {
200
201 // 获取打印回执数据
202 var formdata = new FormData();
203 formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
204 formdata.append("bsmSlsq", this.bsmSlsq);
205 formdata.append("djlx", this.currentSelectProps.djlx);
206 BatchInit(formdata).then((res) => {
207 if (res.code === 200 && res.result) {
208 this.Receiptdata = res.result
209 this.shows=true
210 setTimeout(() => {
211 this.prinsss()
212 }, 100)
213
214 }
215 })
216
217 },
218 /**
219 * @description: prinsss
220 * @author: miaofang
221 */
222 prinsss(){
223 printJS({
224 printable: "boxaaa", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
225 type: "html",
226 maxWidth: 800, // 最大宽度
227 font_size: "", // 不设置则使用默认字体大小
228 style: `@font-face {
229 font-family: "STZHONGS";
230 src: url(${window.ttf}) format("truetype");
231 }`,
232 // 继承原来的所有样式
233 targetStyles: ["*"]
234 });
235 }, 131 },
236 /** 132 mixins: [WorkFlow, publicFlow],
237 * @description: getCurrentSelectProps 133 data () {
238 * @param {*} val 134 return {
239 * @author: renchao 135 // printObj: {
240 */ 136 // id: "box",
241 getCurrentSelectProps(val) { 137 // preview: true,
242 this.currentSelectProps = val; 138 // },
139 isDialog: false,
140 //受理申请标识码
141 bsmSlsq: this.$route.query.bsmSlsq,
142 //当前流程所在环节
143 bestepid: this.$route.query.bestepid,
144 //当前流程所在环节
145 zbhj: this.$route.query.zbhj,
146 //设置那个表单选中
147 tabName: "",
148 //设置那个表单选择
149 currentSelectTab: {},
150 //表单集合
151 tabList: [],
152 //选择加载哪一个组件
153 componentTag: "",
154 //设置表单传递数据
155 currentSelectProps: {},
156 //材料分屏表单
157 clxxForm: "",
158 //材料信息选择卡索引
159 clxxIndex: "",
160 //材料信息选项卡对象
161 clxxTab: {},
162 ableOperation: false,
163 //页面监听时间
164 _beforeUnload_time: "",
165 // 宗地id
166 bsmZd: "",
167 Receiptdata: {},
168 shows: false
169 };
243 }, 170 },
244 /** 171 mounted () {
245 * @description: beforeunloadHandler 172 this.$store.dispatch("user/refreshPage", false);
246 * @author: renchao 173 //添加页面监听事件
247 */ 174 window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
248 beforeunloadHandler() { 175 window.addEventListener("unload", (e) => this.unloadHandler(e));
249 this._beforeUnload_time = new Date().getTime();
250 }, 176 },
251 /** 177 destroyed () {
252 * @description: unloadHandler 178 window.removeEventListener("beforeunload", (e) =>
253 * @param {*} e 179 this.beforeunloadHandler(e)
254 * @author: renchao 180 );
255 */ 181 window.removeEventListener("unload", (e) => this.unloadHandler(e));
256 unloadHandler(e) {
257 this._gap_time = new Date().getTime() - this._beforeUnload_time;
258 //判断是窗口关闭还是刷新
259 if (this._gap_time <= 10) {
260 //取消认领
261 unClaimTask(this.bsmSlsq, this.bestepid);
262 }
263 }, 182 },
264 /** 183 methods: {
265 * @description: 申请单元点击事件 184 openPrint () {
266 * @param {*} index 185 // 获取打印回执数据
267 * @author: renchao 186 var formdata = new FormData();
268 */ 187 formdata.append("bsmSldy", this.currentSelectProps.bsmSldy);
269 stepForm(index) { 188 formdata.append("bsmSlsq", this.bsmSlsq);
270 getStepFormInfo(this.currentSelectProps).then((res) => { 189 formdata.append("djlx", this.currentSelectProps.djlx);
271 if (res.code === 200) { 190 BatchInit(formdata).then((res) => {
272 // this.fresh++; 191 if (res.code === 200 && res.result) {
273 //获取单元对应的所有表单信息 192 this.Receiptdata = res.result
274 this.tabList = res.result; 193 this.shows = true
275 //默认加载第一个表单信息 194 setTimeout(() => {
276 let arr = res.result.filter((item) => item.defaultForm); 195 this.prinsss()
277 if (arr.length > 0) { 196 }, 100)
278 this.tabName = arr[0].value;
279 } else {
280 this.tabName = res.result[0].value;
281 }
282 this.ableOperation = this.tabList[0].ableOperation;
283 //批量操作无分屏按钮
284 if (index != null) {
285 //处理分屏材料信息
286 let that = this;
287 197
288 this.tabList.forEach(function (item, index) {
289 if (item.value == "clxx") {
290 that.clxxIndex = index;
291 that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
292 that.clxxTab = item;
293 }
294 });
295 } 198 }
199 })
200 },
201 prinsss () {
202 printJS({
203 printable: "boxaaa", // // 文档来源：pdf或图像的url，html元素的id或json数据的对象
204 type: "html",
205 maxWidth: 800, // 最大宽度
206 font_size: "", // 不设置则使用默认字体大小
207 style: `@font-face {
208 font-family: "STZHONGS";
209 src: url(${window.ttf}) format("truetype");
210 }`,
211 // 继承原来的所有样式
212 targetStyles: ["*"]
213 });
214 },
215 /**
216 * @description: getCurrentSelectProps
217 * @param {*} val
218 * @author: renchao
219 */
220 getCurrentSelectProps (val) {
221 this.currentSelectProps = val;
222 },
223 /**
224 * @description: beforeunloadHandler
225 * @author: renchao
226 */
227 beforeunloadHandler () {
228 this._beforeUnload_time = new Date().getTime();
229 },
230 /**
231 * @description: unloadHandler
232 * @param {*} e
233 * @author: renchao
234 */
235 unloadHandler (e) {
236 this._gap_time = new Date().getTime() - this._beforeUnload_time;
237 //判断是窗口关闭还是刷新
238 if (this._gap_time <= 10) {
239 //取消认领
240 unClaimTask(this.bsmSlsq, this.bestepid);
296 } 241 }
297 }); 242 },
298 }, 243 /**
244 * @description: 申请单元点击事件
245 * @param {*} index
246 * @author: renchao
247 */
248 stepForm (index) {
249 getStepFormInfo(this.currentSelectProps).then((res) => {
250 if (res.code === 200) {
251 // this.fresh++;
252 //获取单元对应的所有表单信息
253 this.tabList = res.result;
254 //默认加载第一个表单信息
255 let arr = res.result.filter((item) => item.defaultForm);
256 if (arr.length > 0) {
257 this.tabName = arr[0].value;
258 } else {
259 this.tabName = res.result[0].value;
260 }
261 this.ableOperation = this.tabList[0].ableOperation;
262 //批量操作无分屏按钮
263 if (index != null) {
264 //处理分屏材料信息
265 let that = this;
299 266
300 /** 267 this.tabList.forEach(function (item, index) {
301 * @description: openDialog 268 if (item.value == "clxx") {
302 * @author: renchao 269 that.clxxIndex = index;
303 */ 270 that.clxxForm = getForm(item.value, that.$route.query.sqywbm);
304 openDialog() { 271 that.clxxTab = item;
305 this.$store.dispatch("user/refreshPage", false); 272 }
306 let data = JSON.parse(localStorage.getItem("ywbl")); 273 });
307 let title; 274 }
308 if (data?.sqywmc) { 275 }
309 title = "申请业务：" + data?.sqywmc; 276 });
310 } else { 277 },
311 title = "申请业务：" + data?.djywmc;
312 }
313 278
314 this.$popupDialog( 279 /**
315 title, 280 * @description: openDialog
316 "ywbl/ywsq/selectBdc", 281 * @author: renchao
317 { djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data }, 282 */
318 "80%", 283 openDialog () {
319 true 284 this.$store.dispatch("user/refreshPage", false);
320 ); 285 let data = JSON.parse(localStorage.getItem("ywbl"));
321 }, 286 let title;
322 //选项卡切换事件 287 if (data?.sqywmc) {
323 /** 288 title = "申请业务：" + data?.sqywmc;
324 * @description: 右侧表单选项卡事件 289 } else {
325 * @param {*} handleClick 290 title = "申请业务：" + data?.djywmc;
326 * @author: renchao 291 }
327 */ 292
328 handleClick(a) { 293 this.$popupDialog(
329 let p = Object.keys(this.tabList[0]).filter( 294 title,
330 (item) => item == "ableOperation" 295 "ywbl/ywsq/selectBdc",
331 ); 296 { djywbm: this.$route.query.sqywbm, isJump: true, sqywInfo: data },
332 if (p) { 297 "80%",
333 this.ableOperation = this.tabList[a.index].ableOperation; 298 true
334 } 299 );
300 },
301 //选项卡切换事件
302 /**
303 * @description: 右侧表单选项卡事件
304 * @param {*} handleClick
305 * @author: renchao
306 */
307 handleClick (a) {
308 let p = Object.keys(this.tabList[0]).filter(
309 (item) => item == "ableOperation"
310 );
311 if (p) {
312 this.ableOperation = this.tabList[a.index].ableOperation;
313 }
314 },
335 }, 315 },
336 }, 316 };
337 };
338 </script> 317 </script>
339 <style scoped lang="scss"> 318 <style scoped lang="scss">
340 @page { 319 @page {
341 size: auto; 320 size: auto;
342 margin: 0mm; 321 margin: 0mm;
343 } 322 }
344 .rightContainer { 323 .rightContainer {
345 position: relative; 324 position: relative;
346 }
347
348 .count {
349 font-size: 14px;
350 position: absolute;
351 right: 25px;
352 top: 12px;
353 height: 30px;
354 span {
355 font-weight: 600;
356 color: #3498db;
357 } 325 }
358 326
359 } 327 .count {
328 font-size: 14px;
329 position: absolute;
330 right: 25px;
331 top: 12px;
332 height: 30px;
333 span {
334 font-weight: 600;
335 color: #3498db;
336 }
337 }
360 </style> 338 </style>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-12 15:18:52 4 * @LastEditTime: 2023-09-13 09:18:13
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clmlmx-box"> 7 <div class="clmlmx-box">
...@@ -85,27 +85,7 @@ ...@@ -85,27 +85,7 @@
85 } 85 }
86 }, 86 },
87 { 87 {
88 prop: "smzt", 88 label: "页数",
89 label: "扫描状态",
90 width: "80",
91 render: (h, scope) => {
92 if (scope.row.children && scope.row.children.length > 0) {
93 return (
94 <div>
95 <span>已扫描</span>
96 </div>
97 );
98 } else {
99 return (
100 <div>
101 <span>未扫描</span>
102 </div>
103 );
104 }
105 },
106 },
107 {
108 label: "扫描页数",
109 width: "80", 89 width: "80",
110 render: (h, scope) => { 90 render: (h, scope) => {
111 if (scope.row.count && scope.row.count > 0) { 91 if (scope.row.count && scope.row.count > 0) {
......