Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
605060e2 by renchao@pashanhoo.com
Options

style:申请查询弹框模块的修改，弹框组件的修改

1 parent 6c8758ad
Inline Side-by-side
Showing 9 changed files with 145 additions and 233 deletions
...@@ -4,6 +4,6 @@ ...@@ -4,6 +4,6 @@
4 * @LastEditTime: 2023-03-02 13:56:25 4 * @LastEditTime: 2023-03-02 13:56:25
5 */ 5 */
6 export default { 6 export default {
7 SERVERAPI: '/service-jiao', // 泽平 7 // SERVERAPI: '/service-jiao', // 泽平
8 // SERVERAPI: '/service-bdcdj' // 38服务器地址 8 SERVERAPI: '/service' // 38服务器地址
9 } 9 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -146,7 +146,7 @@ export default { ...@@ -146,7 +146,7 @@ export default {
146 padding: 20px; 146 padding: 20px;
147 width: 100%; 147 width: 100%;
148 min-height: 30%; 148 min-height: 30%;
149 max-height: 95%; 149 max-height: 90vh;
150 overflow-y: scroll; 150 overflow-y: scroll;
151 } 151 }
152 152
......
1 <template> 1 <template>
2 <transition name="msgbox-fade" v-if="myShow"> 2 <transition name="msgbox-fade">
3 <div class="ls-mask" v-loading="loading"> 3 <div class="ls-mask" v-if="myShow">
4 <div class="ls-mask-window" :style="{ 'width': width }"> 4 <div class="ls-mask-window" :style="{ 'width': width }">
5 <div class="ls-head"> 5 <div class="ls-head">
6 <div class="ls-title" :style="{ 'text-align': titleStyle }"> 6 <div class="ls-title" :style="{ 'text-align': titleStyle }">
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 <svg-icon icon-class='close' class="closeStyle" @click="onCancel" /> 10 <svg-icon icon-class='close' class="closeStyle" @click="onCancel" />
11 </div> 11 </div>
12 <div class="mask-content" ref='contentRef' :style="{ 'height': contentHeight }"> 12 <div class="mask-content" ref='contentRef' :style="{ 'height': contentHeight }">
13 <component :is="editItem" ref='childRef' @loading='loadingFn' :key="key" :formData='formData' /> 13 <component :is="editItem" ref='childRef' :key="key" :formData='formData' />
14 </div> 14 </div>
15 <div class="ls-mask-footer" v-if='btnShow'> 15 <div class="ls-mask-footer" v-if='btnShow'>
16 <el-button type="primary" @click="onConfirm">{{ confirmText }}</el-button> 16 <el-button type="primary" @click="onConfirm">{{ confirmText }}</el-button>
...@@ -45,14 +45,13 @@ export default { ...@@ -45,14 +45,13 @@ export default {
45 key: 0 45 key: 0
46 } 46 }
47 }, 47 },
48 props: {
49 loading: { type: Boolean, default: false },
50 },
51 watch: { 48 watch: {
52 isShow (newValue) { 49 isShow (newValue) {
53 this.editItem = this.loadViewFn(this.editItem) 50 this.$nextTick(() => {
54 document.body.appendChild(this.$el); 51 this.editItem = this.loadViewFn(this.editItem)
55 this.myShow = newValue 52 document.body.appendChild(this.$el);
53 this.myShow = newValue
54 })
56 } 55 }
57 }, 56 },
58 mounted () { 57 mounted () {
...@@ -78,7 +77,6 @@ export default { ...@@ -78,7 +77,6 @@ export default {
78 Popup1().close() 77 Popup1().close()
79 }, 78 },
80 onConfirm () { 79 onConfirm () {
81 this.loading = true
82 let res = new Promise((resolve, reject) => { 80 let res = new Promise((resolve, reject) => {
83 this.confirm() 81 this.confirm()
84 resolve(true) 82 resolve(true)
...@@ -87,9 +85,6 @@ export default { ...@@ -87,9 +85,6 @@ export default {
87 this.isShow = false 85 this.isShow = false
88 } 86 }
89 }, 87 },
90 loadingFn (e) { //加载状态
91 this.loading = e
92 },
93 loadViewFn (view) { 88 loadViewFn (view) {
94 return (r) => 89 return (r) =>
95 require.ensure([], () => 90 require.ensure([], () =>
...@@ -146,7 +141,7 @@ export default { ...@@ -146,7 +141,7 @@ export default {
146 padding: 20px; 141 padding: 20px;
147 width: 100%; 142 width: 100%;
148 min-height: 30%; 143 min-height: 30%;
149 max-height: 95%; 144 max-height: 90vh;
150 overflow-y: scroll; 145 overflow-y: scroll;
151 } 146 }
152 147
...@@ -182,5 +177,15 @@ export default { ...@@ -182,5 +177,15 @@ export default {
182 margin: 8px 10px; 177 margin: 8px 10px;
183 width: 75px; 178 width: 75px;
184 } 179 }
180
181 .dialog-fade-enter-active,
182 .dialog-fade-leave-active {
183 transition: opacity 0.3s;
184 }
185
186 .dialog-fade-enter,
187 .dialog-fade-leave-to {
188 opacity: 0;
189 }
185 </style> 190 </style>
186 191
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -18,11 +18,9 @@ ...@@ -18,11 +18,9 @@
18 </el-col> 18 </el-col>
19 <el-col :span="11"> 19 <el-col :span="11">
20 <el-form-item label="查询时间"> 20 <el-form-item label="查询时间">
21 <el-date-picker v-model="queryForm.sqr" type="date" placeholder="开始日期" value-format="yyyy-MM-dd" 21 <el-date-picker v-model="queryForm.sqr" type="date" placeholder="开始日期" value-format="yyyy-MM-dd" clearable>
22 clearable>
23 </el-date-picker> 至 22 </el-date-picker> 至
24 <el-date-picker v-model="queryForm.sqr" type="date" placeholder="结束日期" value-format="yyyy-MM-dd" 23 <el-date-picker v-model="queryForm.sqr" type="date" placeholder="结束日期" value-format="yyyy-MM-dd" clearable>
25 clearable>
26 </el-date-picker> 24 </el-date-picker>
27 </el-form-item> 25 </el-form-item>
28 </el-col> 26 </el-col>
...@@ -48,7 +46,6 @@ ...@@ -48,7 +46,6 @@
48 <script> 46 <script>
49 import { mapGetters } from "vuex"; 47 import { mapGetters } from "vuex";
50 import table from "@/utils/mixin/table"; 48 import table from "@/utils/mixin/table";
51 import { popupDialog } from "@/utils/popup.js";
52 import { datas, sendThis } from "./dydjbdata"; 49 import { datas, sendThis } from "./dydjbdata";
53 import addDydjb from "./components/addDydjb.vue"; 50 import addDydjb from "./components/addDydjb.vue";
54 import { getSqcxPage } from "@/api/sqcx"; 51 import { getSqcxPage } from "@/api/sqcx";
...@@ -93,18 +90,14 @@ export default { ...@@ -93,18 +90,14 @@ export default {
93 }); 90 });
94 }, 91 },
95 dydjbClick (scope) { 92 dydjbClick (scope) {
96 // this.$nextTick(() => { 93 this.$popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", {
97 // this.isDialog = true
98 // this.sqcxBsm = scope.row.bsmSqcx
99 // })
100 popupDialog("打印登记薄", "sqcx/dydjb/components/dydjbInfo", {
101 bsmSqcx: scope.row.bsmSqcx, 94 bsmSqcx: scope.row.bsmSqcx,
102 }); 95 })
103 }, 96 },
104 handleSort (name, sort) { 97 handleSort (name, sort) {
105 console.log(name, sort); 98 console.log(name, sort);
106 }, 99 },
107 openAddDialog(){ 100 openAddDialog () {
108 this.isDialog = true 101 this.isDialog = true
109 this.sqcxBsm = '' 102 this.sqcxBsm = ''
110 } 103 }
......
1 <template> 1 <template>
2 <dialogBox title="家庭房产查询" @closeDialog="closeDialog" width="70%" :isButton="false" v-model="myValue"> 2 <div class="jtfccx-edit">
3 <div class="jtfccx-edit"> 3 <div class="jtfccx-edit-con">
4 <div class="jtfccx-edit-con"> 4 <b class="title">申请信息</b>
5 <b class="title">申请信息</b> 5 <el-form :model="form" label-width="120px">
6 <el-form :model="form" label-width="120px"> 6 <el-row>
7 <el-row> 7 <el-col :span="8">
8 <el-col :span="8"> 8 <el-form-item label="查询用途" label-width="90px">
9 <el-form-item label="查询用途" label-width="90px"> 9 <el-input v-model="form.djSqcxDO.cxyt" class="width200px"></el-input>
10 <el-input v-model="form.djSqcxDO.cxyt" class="width200px"></el-input> 10 </el-form-item>
11 </el-form-item> 11 </el-col>
12 </el-col> 12 <el-col :span="16">
13 <el-col :span="16"> 13 <el-form-item label="与产权人的关系">
14 <el-form-item label="与产权人的关系"> 14 <el-radio-group v-model="form.djSqcxDO.ycqrgx">
15 <el-radio-group v-model="form.djSqcxDO.ycqrgx"> 15 <el-radio label="1">房屋权利人</el-radio>
16 <el-radio label="1">房屋权利人</el-radio> 16 <el-radio label="2">产权利害关系人</el-radio>
17 <el-radio label="2">产权利害关系人</el-radio> 17 <el-radio label="3">委托人</el-radio>
18 <el-radio label="3">委托人</el-radio> 18 </el-radio-group>
19 </el-radio-group> 19 </el-form-item>
20 </el-form-item> 20 </el-col>
21 </el-col> 21 </el-row>
22 </el-row> 22 </el-form>
23 </el-form> 23 <lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting
24 <lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting 24 :pagination="false">
25 :pagination="false"> 25 </lb-table>
26 </lb-table>
27 26
28 <b class="title">权利人</b> 27 <b class="title">权利人</b>
29 <lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting 28 <lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting
30 :pagination="false"> 29 :pagination="false">
30 </lb-table>
31 <div v-show="isSearch">
32 <b class="title">查询结果</b>
33 <p>查询编号：{{ form.djSqcxDO.cxbh }}</p>
34 <lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false">
31 </lb-table> 35 </lb-table>
32 <div v-show="isSearch">
33 <b class="title">查询结果</b>
34 <p>查询编号：{{ form.djSqcxDO.cxbh }}</p>
35 <lb-table :column="cxjgColumns" :data="form.cxjgList" :maxHeight="200" heightNumSetting :pagination="false">
36 </lb-table>
37 </div>
38 </div>
39 <el-divider></el-divider>
40 <div class="submit-button" style="padding-bottom:50px">
41 <el-button v-show="isSearch == false" @click="resetClick">重置</el-button>
42 <el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button>
43 <el-button type="primary" v-show="isSearch && form.cxjgList.length > 0" @click="printResult">
44 房产结果打印（{{ form.djSqcxDO.dycs }}）
45 </el-button>
46 <el-button type="primary" v-show="isSearch && form.cxjgList.length == 0" @click="printResult">
47 无房证明打印（{{ form.djSqcxDO.dycs }}）
48 </el-button>
49 <el-button @click="closeDialog">关闭</el-button>
50 </div> 36 </div>
51 <!-- 打印模板需要此模块 -->
52 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
53 <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" />
54 </object>
55 </div> 37 </div>
56 </dialogBox> 38 <el-divider></el-divider>
39 <div class="submit-button" style="padding-bottom:50px">
40 <el-button v-show="isSearch == false" @click="resetClick">重置</el-button>
41 <el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button>
42 <el-button type="primary" v-show="isSearch && form.cxjgList.length > 0" @click="printResult">
43 房产结果打印（{{ form.djSqcxDO.dycs }}）
44 </el-button>
45 <el-button type="primary" v-show="isSearch && form.cxjgList.length == 0" @click="printResult">
46 无房证明打印（{{ form.djSqcxDO.dycs }}）
47 </el-button>
48 <el-button @click="closeDialog">关闭</el-button>
49 </div>
50 <!-- 打印模板需要此模块 -->
51 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
52 <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" />
53 </object>
54 </div>
57 </template> 55 </template>
58
59 <script> 56 <script>
60 import { addJtfcCxjgXx, getJtfcInfo,printJtcfInfo } from "@/api/sqcx"; 57 import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
61 import { getPrintTemplateByCode } from "@/api/system"; 58 import { getPrintTemplateByCode } from "@/api/system";
62 import { datas, sendThis } from "./addjtfcdata"; 59 import { datas, sendThis } from "./addjtfcdata";
63 import { getLodop } from "@/utils/LodopFuncs" 60 import { getLodop } from "@/utils/LodopFuncs"
...@@ -67,15 +64,16 @@ export default { ...@@ -67,15 +64,16 @@ export default {
67 ...mapGetters(["dictData"]), 64 ...mapGetters(["dictData"]),
68 }, 65 },
69 props: { 66 props: {
70 value: { type: Boolean, default: false }, 67 formData: {
71 sqcxBsm: { type: String, default: "" }, 68 type: Object,
69 default: () => { },
70 },
72 }, 71 },
73 mounted () { 72 mounted () {
74 sendThis(this); 73 sendThis(this);
75 }, 74 },
76 data () { 75 data () {
77 return { 76 return {
78 myValue: this.value,
79 //是否查询 77 //是否查询
80 isSearch: false, 78 isSearch: false,
81 //查询结果列表字段 79 //查询结果列表字段
...@@ -100,22 +98,18 @@ export default { ...@@ -100,22 +98,18 @@ export default {
100 }, 98 },
101 }; 99 };
102 }, 100 },
101 mounted () {
102 this.form.sqrList = []
103 this.form.qlrList = []
104 this.isSearch = false
105 if (this.formData.sqcxBsm == "") {
106 this.add("sqr");
107 this.add("qlr");
108 } else {
109 this.loadData();
110 }
111 },
103 watch: { 112 watch: {
104 value (val) {
105 this.myValue = val;
106 let that = this
107 if (val) {
108 this.form.sqrList = []
109 this.form.qlrList = []
110 this.isSearch = false
111 if (this.sqcxBsm == "") {
112 that.add("sqr");
113 that.add("qlr");
114 } else {
115 that.loadData();
116 }
117 }
118 },
119 "form.djSqcxDO.ycqrgx" (val) { 113 "form.djSqcxDO.ycqrgx" (val) {
120 if (val == "1") { 114 if (val == "1") {
121 this.form.qlrList = _.cloneDeep(this.form.sqrList); 115 this.form.qlrList = _.cloneDeep(this.form.sqrList);
...@@ -144,7 +138,7 @@ export default { ...@@ -144,7 +138,7 @@ export default {
144 //加载详细信息 138 //加载详细信息
145 loadData () { 139 loadData () {
146 this.$startLoading(); 140 this.$startLoading();
147 getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { 141 getJtfcInfo({ sqcxBsm: this.formData.sqcxBsm }).then((res) => {
148 this.$endLoading(); 142 this.$endLoading();
149 if (res.code == 200) { 143 if (res.code == 200) {
150 this.form = res.result; 144 this.form = res.result;
...@@ -202,19 +196,19 @@ export default { ...@@ -202,19 +196,19 @@ export default {
202 } 196 }
203 }, 197 },
204 //打印 198 //打印
205 printResult(){ 199 printResult () {
206 this.openPrintPrew(); 200 this.openPrintPrew();
207 var formdata = new FormData(); 201 var formdata = new FormData();
208 formdata.append("sqcxBsm", this.form.djSqcxDO.bsmSqcx); 202 formdata.append("sqcxBsm", this.form.djSqcxDO.bsmSqcx);
209 formdata.append("dylx", '1'); 203 formdata.append("dylx", '1');
210 printJtcfInfo(formdata).then(res => { 204 printJtcfInfo(formdata).then(res => {
211 if(res.code == 200){ 205 if (res.code == 200) {
212 this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1 206 this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1
213 } 207 }
214 }); 208 });
215 }, 209 },
216 //打开打印预览 210 //打开打印预览
217 openPrintPrew(){ 211 openPrintPrew () {
218 //根据编号获取对应信息 212 //根据编号获取对应信息
219 getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => { 213 getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => {
220 if (res.code == 200) { 214 if (res.code == 200) {
......
...@@ -18,16 +18,14 @@ ...@@ -18,16 +18,14 @@
18 </el-col> 18 </el-col>
19 <el-col :span="11" class="flex"> 19 <el-col :span="11" class="flex">
20 <el-form-item label="查询时间"> 20 <el-form-item label="查询时间">
21 <el-date-picker v-model="queryForm.sqr" type="date" placeholder="开始日期" value-format="yyyy-MM-dd" 21 <el-date-picker v-model="queryForm.sqr" type="date" placeholder="开始日期" value-format="yyyy-MM-dd" clearable>
22 clearable>
23 </el-date-picker> 至 22 </el-date-picker> 至
24 <el-date-picker v-model="queryForm.sqr" type="date" placeholder="结束日期" value-format="yyyy-MM-dd" 23 <el-date-picker v-model="queryForm.sqr" type="date" placeholder="结束日期" value-format="yyyy-MM-dd" clearable>
25 clearable>
26 </el-date-picker> 24 </el-date-picker>
27 </el-form-item> 25 </el-form-item>
28 </el-col> 26 </el-col>
29 <el-col :span="3" class="btnColRight"> 27 <el-col :span="3" class="btnColRight">
30 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> 28 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
31 <el-button type="primary" @click="handleAdd">新增</el-button> 29 <el-button type="primary" @click="handleAdd">新增</el-button>
32 </el-col> 30 </el-col>
33 </el-row> 31 </el-row>
...@@ -40,17 +38,14 @@ ...@@ -40,17 +38,14 @@
40 :column="tableData.columns" :data="tableData.data"> 38 :column="tableData.columns" :data="tableData.data">
41 </lb-table> 39 </lb-table>
42 </div> 40 </div>
43 <addjtfc v-model="isDialog" :key="timer" :sqcxBsm="sqcxBsm" />
44 </div> 41 </div>
45 </template> 42 </template>
46 <script> 43 <script>
47 import table from "@/utils/mixin/table"; 44 import table from "@/utils/mixin/table";
48 import { datas, sendThis } from "./jtfcdata"; 45 import { datas, sendThis } from "./jtfcdata";
49 import { getSqcxPage } from "@/api/sqcx"; 46 import { getSqcxPage } from "@/api/sqcx";
50 import addjtfc from "./components/addjtfc.vue";
51 export default { 47 export default {
52 name: "jtfc", 48 name: "jtfc",
53 components: { addjtfc },
54 mixins: [table], 49 mixins: [table],
55 mounted () { 50 mounted () {
56 sendThis(this); 51 sendThis(this);
...@@ -58,8 +53,6 @@ export default { ...@@ -58,8 +53,6 @@ export default {
58 }, 53 },
59 data () { 54 data () {
60 return { 55 return {
61 timer: "",
62 isDialog: false,
63 sqcxBsm: "", 56 sqcxBsm: "",
64 queryForm: { 57 queryForm: {
65 cxbh: "", 58 cxbh: "",
...@@ -89,18 +82,17 @@ export default { ...@@ -89,18 +82,17 @@ export default {
89 console.log(name, sort); 82 console.log(name, sort);
90 }, 83 },
91 handleAdd () { 84 handleAdd () {
92 this.sqcxBsm = '' 85 this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
93 this.isDialog = true; 86 sqcxBsm: ''
87 })
94 }, 88 },
95 handleViewClick (row) { 89 handleViewClick (row) {
96 this.sqcxBsm = row.bsmSqcx; 90 this.$popupDialog("家庭房产查询", "sqcx/jtfc/components/addjtfc", {
97 this.isDialog = true; 91 sqcxBsm: row.bsmSqcx
98 }, 92 })
99 handleLoad () { 93 }
100 this.timer = new Date().getTime(); 94 }
101 }, 95 }
102 },
103 };
104 </script> 96 </script>
105 <style scoped lang="scss"> 97 <style scoped lang="scss">
106 @import "~@/styles/public.scss"; 98 @import "~@/styles/public.scss";
......
...@@ -179,9 +179,4 @@ export default { ...@@ -179,9 +179,4 @@ export default {
179 /deep/.el-form-item { 179 /deep/.el-form-item {
180 margin-bottom: 0 !important; 180 margin-bottom: 0 !important;
181 } 181 }
182
183 .sqcxjlInfo {
184 max-height: 85vh;
185 overflow-y: auto;
186 }
187 </style> 182 </style>
......
...@@ -4,22 +4,14 @@ ...@@ -4,22 +4,14 @@
4 <div class="topButton"> 4 <div class="topButton">
5 <!-- 左侧业务功能按钮 --> 5 <!-- 左侧业务功能按钮 -->
6 <ul> 6 <ul>
7 <li 7 <li @click="operation(item)" v-for="(item, index) in leftButtonList" :key="index">
8 @click="operation(item)"
9 v-for="(item, index) in leftButtonList"
10 :key="index"
11 >
12 <svg-icon class="icon" :icon-class="item.icon" /> 8 <svg-icon class="icon" :icon-class="item.icon" />
13 <span class="iconName">{{ item.name }}</span> 9 <span class="iconName">{{ item.name }}</span>
14 </li> 10 </li>
15 </ul> 11 </ul>
16 <!-- 右侧流程按钮 --> 12 <!-- 右侧流程按钮 -->
17 <ul> 13 <ul>
18 <li 14 <li @click="operation(item)" v-for="(item, index) in rightButtonList" :key="index">
19 @click="operation(item)"
20 v-for="(item, index) in rightButtonList"
21 :key="index"
22 >
23 <svg-icon class="icon" :icon-class="item.icon" /> 15 <svg-icon class="icon" :icon-class="item.icon" />
24 <span class="iconName">{{ item.name }}</span> 16 <span class="iconName">{{ item.name }}</span>
25 </li> 17 </li>
...@@ -30,12 +22,7 @@ ...@@ -30,12 +22,7 @@
30 <div class="containerFrame"> 22 <div class="containerFrame">
31 <!-- 左侧菜单栏 --> 23 <!-- 左侧菜单栏 -->
32 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }"> 24 <div class="leftmenu" :class="{ 'animation-map-drawer': isShowdrawer }">
33 <el-menu 25 <el-menu :default-active="activeIndex" @select="batchUnitClick" class="title-batch" v-if="showBatch">
34 :default-active="activeIndex"
35 @select="batchUnitClick"
36 class="title-batch"
37 v-if="showBatch"
38 >
39 <el-menu-item index="-1" key="-1" class="menus"> 26 <el-menu-item index="-1" key="-1" class="menus">
40 <div>{{ batchButtonName }}</div> 27 <div>{{ batchButtonName }}</div>
41 </el-menu-item> 28 </el-menu-item>
...@@ -43,50 +30,28 @@ ...@@ -43,50 +30,28 @@
43 <div v-if="this.isShowdrawer"> 30 <div v-if="this.isShowdrawer">
44 <div class="title"> 31 <div class="title">
45 申请单元列表({{ unitData.length }}) 32 申请单元列表({{ unitData.length }})
46 <el-button 33 <el-button type="text" class="batchDel" @click="handleBatchDel" v-if="unitData.length > 1">批量删除</el-button>
47 type="text"
48 class="batchDel"
49 @click="handleBatchDel"
50 v-if="unitData.length > 1"
51 >批量删除</el-button
52 >
53 </div> 34 </div>
54 <el-menu :default-active="activeIndex" @select="unitClick"> 35 <el-menu :default-active="activeIndex" @select="unitClick">
55 <el-menu-item 36 <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index">
56 v-for="(item, index) in unitData"
57 :index="index.toString()"
58 :key="index"
59 >
60 <div> 37 <div>
61 <p>{{ item.bdcdyh }}</p> 38 <p>{{ item.bdcdyh }}</p>
62 <p class="title-detail">{{ item.zl }}</p> 39 <p class="title-detail">{{ item.zl }}</p>
63 </div> 40 </div>
64 <i 41 <i class="el-icon-delete" v-if="unitData.length > 1" @click.stop="handleDel(item)"></i>
65 class="el-icon-delete"
66 v-if="unitData.length > 1"
67 @click.stop="handleDel(item)"
68 ></i>
69 </el-menu-item> 42 </el-menu-item>
70 </el-menu> 43 </el-menu>
71 </div> 44 </div>
72 <div 45 <div class="map-drawer-click map-drawer" v-if="!isShowdrawer" @click="
73 class="map-drawer-click map-drawer" 46 () => {
74 v-if="!isShowdrawer" 47 this.isShowdrawer = !this.isShowdrawer;
75 @click=" 48 }
76 () => { 49 "></div>
77 this.isShowdrawer = !this.isShowdrawer; 50 <div class="map-drawer-expand map-drawer" v-else @click="
78 } 51 () => {
79 " 52 this.isShowdrawer = !this.isShowdrawer;
80 ></div> 53 }
81 <div 54 "></div>
82 class="map-drawer-expand map-drawer"
83 v-else
84 @click="
85 () => {
86 this.isShowdrawer = !this.isShowdrawer;
87 }
88 "
89 ></div>
90 </div> 55 </div>
91 <div class="leftCon"> 56 <div class="leftCon">
92 <!-- 分屏左侧预览 --> 57 <!-- 分屏左侧预览 -->
...@@ -96,55 +61,22 @@ ...@@ -96,55 +61,22 @@
96 <!-- 表单内容区域 --> 61 <!-- 表单内容区域 -->
97 <div class="rightContainer"> 62 <div class="rightContainer">
98 <el-tabs v-model="tabName" :before-leave="beforeLeave"> 63 <el-tabs v-model="tabName" :before-leave="beforeLeave">
99 <el-tab-pane 64 <el-tab-pane :label="item.name" :name="item.value" v-for="item in tabList" :key="item.value">
100 :label="item.name"
101 :name="item.value"
102 v-for="item in tabList"
103 :key="item.value"
104 >
105 </el-tab-pane> 65 </el-tab-pane>
106 </el-tabs> 66 </el-tabs>
107 <component 67 <component :key="fresh" :is="componentTag" v-bind="currentSelectProps" />
108 :key="fresh"
109 :is="componentTag"
110 v-bind="currentSelectProps"
111 />
112 </div> 68 </div>
113 </div> 69 </div>
114 </div> 70 </div>
115 <!-- 打印模板需要此模块 --> 71 <!-- 打印模板需要此模块 -->
116 <object 72 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
117 id="LODOP_OB" 73 <embed id="LODOP_EM" type="application/x-print-lodop" width="820" height="450" pluginspage="install_lodop32.exe" />
118 classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA"
119 v-show="false"
120 >
121 <embed
122 id="LODOP_EM"
123 type="application/x-print-lodop"
124 width="820"
125 height="450"
126 pluginspage="install_lodop32.exe"
127 />
128 </object> 74 </object>
129 <el-upload 75 <el-upload class="fileUpdate" action="" :show-file-list="false" multiple :auto-upload="false"
130 class="fileUpdate" 76 :on-change="handleChange" :before-upload="beforeUpload">
131 action="" 77 <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false">上传</el-button>
132 :show-file-list="false"
133 multiple
134 :auto-upload="false"
135 :on-change="handleChange"
136 :before-upload="beforeUpload"
137 >
138 <el-button id="cldr" icon="el-icon-upload" type="primary" v-show="false"
139 >上传</el-button
140 >
141 </el-upload> 78 </el-upload>
142 <selectBdc 79 <selectBdc v-model="isDialog" :djywbm="$route.query.sqywbm" :isJump="true" @updateDialog="updateDialog" />
143 v-model="isDialog"
144 :djywbm="$route.query.sqywbm"
145 :isJump="true"
146 @updateDialog="updateDialog"
147 />
148 </div> 80 </div>
149 </template> 81 </template>
150 <style scoped lang="scss"> 82 <style scoped lang="scss">
...@@ -167,7 +99,7 @@ export default { ...@@ -167,7 +99,7 @@ export default {
167 ProcessViewer, 99 ProcessViewer,
168 }, 100 },
169 mixins: [WorkFlow, publicFlow], 101 mixins: [WorkFlow, publicFlow],
170 data() { 102 data () {
171 return { 103 return {
172 isDialog: false, 104 isDialog: false,
173 // 折叠 105 // 折叠
...@@ -202,23 +134,23 @@ export default { ...@@ -202,23 +134,23 @@ export default {
202 batchButtonName: "", 134 batchButtonName: "",
203 }; 135 };
204 }, 136 },
205 mounted() { 137 mounted () {
206 //添加页面监听事件 138 //添加页面监听事件
207 window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e)); 139 window.addEventListener("beforeunload", (e) => this.beforeunloadHandler(e));
208 window.addEventListener("unload", (e) => this.unloadHandler(e)); 140 window.addEventListener("unload", (e) => this.unloadHandler(e));
209 }, 141 },
210 142
211 destroyed() { 143 destroyed () {
212 window.removeEventListener("beforeunload", (e) => 144 window.removeEventListener("beforeunload", (e) =>
213 this.beforeunloadHandler(e) 145 this.beforeunloadHandler(e)
214 ); 146 );
215 window.removeEventListener("unload", (e) => this.unloadHandler(e)); 147 window.removeEventListener("unload", (e) => this.unloadHandler(e));
216 }, 148 },
217 methods: { 149 methods: {
218 beforeunloadHandler() { 150 beforeunloadHandler () {
219 this._beforeUnload_time = new Date().getTime(); 151 this._beforeUnload_time = new Date().getTime();
220 }, 152 },
221 unloadHandler(e) { 153 unloadHandler (e) {
222 this._gap_time = new Date().getTime() - this._beforeUnload_time; 154 this._gap_time = new Date().getTime() - this._beforeUnload_time;
223 //判断是窗口关闭还是刷新 155 //判断是窗口关闭还是刷新
224 if (this._gap_time <= 10) { 156 if (this._gap_time <= 10) {
...@@ -226,18 +158,18 @@ export default { ...@@ -226,18 +158,18 @@ export default {
226 unClaimTask(this.bsmSlsq, this.bestepid); 158 unClaimTask(this.bsmSlsq, this.bestepid);
227 } 159 }
228 }, 160 },
229 changeLoadIndex() { 161 changeLoadIndex () {
230 this.loadIndex++; 162 this.loadIndex++;
231 }, 163 },
232 closeDialog() { 164 closeDialog () {
233 this.myValue = false; 165 this.myValue = false;
234 }, 166 },
235 // 更新列表 167 // 更新列表
236 updateDialog() { 168 updateDialog () {
237 this.loadBdcdylist(); 169 this.loadBdcdylist();
238 }, 170 },
239 // 删除左侧列表 171 // 删除左侧列表
240 handleDel(item) { 172 handleDel (item) {
241 this.$confirm("确定要删除吗, 是否继续?", "提示", { 173 this.$confirm("确定要删除吗, 是否继续?", "提示", {
242 confirmButtonText: "确定", 174 confirmButtonText: "确定",
243 cancelButtonText: "取消", 175 cancelButtonText: "取消",
...@@ -264,7 +196,7 @@ export default { ...@@ -264,7 +196,7 @@ export default {
264 }); 196 });
265 }, 197 },
266 //申请单元点击事件 198 //申请单元点击事件
267 stepForm(index) { 199 stepForm (index) {
268 getStepFormInfo(this.currentSelectProps).then((res) => { 200 getStepFormInfo(this.currentSelectProps).then((res) => {
269 if (res.code === 200) { 201 if (res.code === 200) {
270 this.fresh++; 202 this.fresh++;
...@@ -288,14 +220,14 @@ export default { ...@@ -288,14 +220,14 @@ export default {
288 }); 220 });
289 }, 221 },
290 //申请单元点击事件 222 //申请单元点击事件
291 unitClick(index) { 223 unitClick (index) {
292 this.currentSelectProps = this.unitData[index]; 224 this.currentSelectProps = this.unitData[index];
293 this.currentSelectProps.batchOperation = false; 225 this.currentSelectProps.batchOperation = false;
294 this.activeIndex = index.toString(); 226 this.activeIndex = index.toString();
295 this.stepForm(index); 227 this.stepForm(index);
296 }, 228 },
297 //批量按钮点击事件 229 //批量按钮点击事件
298 batchUnitClick() { 230 batchUnitClick () {
299 this.currentSelectProps.batchOperation = true; 231 this.currentSelectProps.batchOperation = true;
300 this.activeIndex = "-1"; 232 this.activeIndex = "-1";
301 this.stepForm(); 233 this.stepForm();
......
...@@ -149,6 +149,7 @@ export default { ...@@ -149,6 +149,7 @@ export default {
149 data[index].selected = true; 149 data[index].selected = true;
150 if (data[index].sffqlc == "1") { 150 if (data[index].sffqlc == "1") {
151 this.selectParam = data[index]; 151 this.selectParam = data[index];
152 console.log(this.selectParam, 'this.selectParamthis.selectParamthis.selectParamthis.selectParam');
152 this.btnDisabled = false; 153 this.btnDisabled = false;
153 } else { 154 } else {
154 this.btnDisabled = true; 155 this.btnDisabled = true;
......