Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
16fc442a by 蔡俊立
Options

家庭房产功能

1 parent 635174cd
Inline Side-by-side
Showing 11 changed files with 144 additions and 47 deletions
...@@ -24,3 +24,12 @@ export function getJtfcInfo (params) { ...@@ -24,3 +24,12 @@ export function getJtfcInfo (params) {
24 params 24 params
25 }) 25 })
26 } 26 }
27
28 // 打印家庭房产
29 export function printJtcfInfo (data) {
30 return request({
31 url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/printJtcfInfo/',
32 method: 'post',
33 data
34 })
35 }
......
...@@ -141,4 +141,14 @@ export function getJdcxBysearch (data) { ...@@ -141,4 +141,14 @@ export function getJdcxBysearch (data) {
141 }) 141 })
142 } 142 }
143 143
144 // 证书领取查询
145 export function getBdcqzReceiveList (data) {
146 return request({
147 url: SERVER.SERVERAPI + '/rest/zhcx/search/getBdcqzReceiveList',
148 method: 'post',
149 data
150 })
151 }
152
153
144 154
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
12 </el-col> 12 </el-col>
13 <el-col :span="16"> 13 <el-col :span="16">
14 <el-form-item label="与产权人的关系"> 14 <el-form-item label="与产权人的关系">
15 <el-radio-group v-model="form.djSqcxDO.ycyrgx"> 15 <el-radio-group v-model="form.djSqcxDO.ycqrgx">
16 <el-radio label="1">房屋权利人</el-radio> 16 <el-radio label="1">房屋权利人</el-radio>
17 <el-radio label="2">产权利害关系人</el-radio> 17 <el-radio label="2">产权利害关系人</el-radio>
18 <el-radio label="3">委托人</el-radio> 18 <el-radio label="3">委托人</el-radio>
...@@ -38,21 +38,29 @@ ...@@ -38,21 +38,29 @@
38 </div> 38 </div>
39 <el-divider></el-divider> 39 <el-divider></el-divider>
40 <div class="submit-button" style="padding-bottom:50px"> 40 <div class="submit-button" style="padding-bottom:50px">
41 <el-button @click="resetClick">重置</el-button> 41 <el-button v-show="isSearch == false" @click="resetClick">重置</el-button>
42 <el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button> 42 <el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button>
43 <el-button type="primary" v-show="isSearch && form.dyjlList.length > 0">房产结果打印（{{ form.dyjlList.length }}） 43 <el-button type="primary" v-show="isSearch && form.cxjgList.length > 0" @click="printResult">
44 房产结果打印（{{ form.dyjlList.length }}）
44 </el-button> 45 </el-button>
45 <el-button type="primary" v-show="isSearch && form.dyjlList.length == 0">无房证明打印（{{ form.dyjlList.length }}） 46 <el-button type="primary" v-show="isSearch && form.cxjgList.length == 0" @click="printResult">
47 无房证明打印（{{ form.dyjlList.length }}）
46 </el-button> 48 </el-button>
47 <el-button @click="closeDialog">关闭</el-button> 49 <el-button @click="closeDialog">关闭</el-button>
48 </div> 50 </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>
49 </div> 55 </div>
50 </dialogBox> 56 </dialogBox>
51 </template> 57 </template>
52 58
53 <script> 59 <script>
54 import { addJtfcCxjgXx, getJtfcInfo } from "@/api/sqcx"; 60 import { addJtfcCxjgXx, getJtfcInfo,printJtcfInfo } from "@/api/sqcx";
61 import { getPrintTemplateByCode } from "@/api/system";
55 import { datas, sendThis } from "./addjtfcdata"; 62 import { datas, sendThis } from "./addjtfcdata";
63 import { getLodop } from "@/utils/LodopFuncs"
56 import { mapGetters } from "vuex"; 64 import { mapGetters } from "vuex";
57 export default { 65 export default {
58 computed: { 66 computed: {
...@@ -84,7 +92,7 @@ export default { ...@@ -84,7 +92,7 @@ export default {
84 inputErr: false, 92 inputErr: false,
85 }, 93 },
86 form: { 94 form: {
87 djSqcxDO: { ycyrgx: "1", cxyt: "" }, 95 djSqcxDO: { ycqrgx: "1", cxyt: "" },
88 sqrList: [], 96 sqrList: [],
89 qlrList: [], 97 qlrList: [],
90 cxjgList: [], 98 cxjgList: [],
...@@ -108,7 +116,7 @@ export default { ...@@ -108,7 +116,7 @@ export default {
108 } 116 }
109 } 117 }
110 }, 118 },
111 "form.djSqcxDO.ycyrgx" (val) { 119 "form.djSqcxDO.ycqrgx" (val) {
112 if (val == "1") { 120 if (val == "1") {
113 this.form.qlrList = _.cloneDeep(this.form.sqrList); 121 this.form.qlrList = _.cloneDeep(this.form.sqrList);
114 } else { 122 } else {
...@@ -117,7 +125,7 @@ export default { ...@@ -117,7 +125,7 @@ export default {
117 } 125 }
118 }, 126 },
119 "form.sqrList" (val) { 127 "form.sqrList" (val) {
120 if (this.form.djSqcxDO.ycyrgx == '1') { 128 if (this.form.djSqcxDO.ycqrgx == '1') {
121 this.form.qlrList = _.cloneDeep(this.form.sqrList) 129 this.form.qlrList = _.cloneDeep(this.form.sqrList)
122 } 130 }
123 } 131 }
...@@ -125,7 +133,15 @@ export default { ...@@ -125,7 +133,15 @@ export default {
125 methods: { 133 methods: {
126 closeDialog () { 134 closeDialog () {
127 this.$emit("input", false); 135 this.$emit("input", false);
136 this.form = {
137 djSqcxDO: { ycqrgx: "1", cxyt: "" },
138 sqrList: [],
139 qlrList: [],
140 cxjgList: [],
141 dyjlList: [],
142 }
128 }, 143 },
144 //加载详细信息
129 loadData () { 145 loadData () {
130 this.$startLoading(); 146 this.$startLoading();
131 getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { 147 getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => {
...@@ -136,6 +152,7 @@ export default { ...@@ -136,6 +152,7 @@ export default {
136 } 152 }
137 }); 153 });
138 }, 154 },
155 //查询结果
139 queryChick () { 156 queryChick () {
140 this.$startLoading(); 157 this.$startLoading();
141 addJtfcCxjgXx(this.form).then((res) => { 158 addJtfcCxjgXx(this.form).then((res) => {
...@@ -147,8 +164,9 @@ export default { ...@@ -147,8 +164,9 @@ export default {
147 } 164 }
148 }); 165 });
149 }, 166 },
167 //重置
150 resetClick () { 168 resetClick () {
151 this.form.djSqcxDO = { ycyrgx: "1", cxyt: "" }; 169 this.form.djSqcxDO = { ycqrgx: "1", cxyt: "" };
152 this.form.sqrList = _.cloneDeep([this.newData]); 170 this.form.sqrList = _.cloneDeep([this.newData]);
153 this.form.qlrList = _.cloneDeep([this.newData]); 171 this.form.qlrList = _.cloneDeep([this.newData]);
154 this.form.cxjgList = []; 172 this.form.cxjgList = [];
...@@ -156,6 +174,7 @@ export default { ...@@ -156,6 +174,7 @@ export default {
156 this.isSearch = false; 174 this.isSearch = false;
157 }, 175 },
158 handleRead (scope) { }, 176 handleRead (scope) { },
177 //添加申请人或权利人
159 add (type) { 178 add (type) {
160 if (type == "sqr") { 179 if (type == "sqr") {
161 this.form.sqrList.push(_.cloneDeep(this.newData)); 180 this.form.sqrList.push(_.cloneDeep(this.newData));
...@@ -163,6 +182,7 @@ export default { ...@@ -163,6 +182,7 @@ export default {
163 this.form.qlrList.push(_.cloneDeep(this.newData)); 182 this.form.qlrList.push(_.cloneDeep(this.newData));
164 } 183 }
165 }, 184 },
185 //移除申请人或权利人
166 remove (index, row, type) { 186 remove (index, row, type) {
167 if (type == "sqr") { 187 if (type == "sqr") {
168 this.form.sqrList.splice(index, 1); 188 this.form.sqrList.splice(index, 1);
...@@ -170,6 +190,7 @@ export default { ...@@ -170,6 +190,7 @@ export default {
170 this.form.qlrList.splice(index, 1); 190 this.form.qlrList.splice(index, 1);
171 } 191 }
172 }, 192 },
193 //电话号码校验
173 teltest (row) { 194 teltest (row) {
174 const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; 195 const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
175 if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { 196 if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) {
...@@ -180,6 +201,26 @@ export default { ...@@ -180,6 +201,26 @@ export default {
180 return true; 201 return true;
181 } 202 }
182 }, 203 },
204 //打印
205 printResult(){
206 this.openPrintPrew();
207 var formdata = new FormData();
208 formdata.append("sqcxBsm", this.form.djSqcxDO.bsmSqcx);
209 formdata.append("dylx", '1');
210 printJtcfInfo(formdata);
211 this.closeDialog();
212 },
213 //打开打印预览
214 openPrintPrew(){
215 //根据编号获取对应信息
216 getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => {
217 if (res.code == 200) {
218 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
219 LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板
220 LODOP.PREVIEW();
221 }
222 })
223 }
183 }, 224 },
184 }; 225 };
185 </script> 226 </script>
......
...@@ -64,12 +64,15 @@ class data extends filter { ...@@ -64,12 +64,15 @@ class data extends filter {
64 align: 'center', 64 align: 'center',
65 fixed: 'right', 65 fixed: 'right',
66 render: (h, scope) => { 66 render: (h, scope) => {
67 return ( 67 if(scope.row.dyzt != '0' && scope.row.cfzt != '0'){
68 <div> 68 return <div>抵押、查封</div>
69 <el-button type="text" icon="el-icon-discover" onClick={() => { this.dyClick(scope) }}>抵押</el-button> 69 }
70 <el-button type="text" icon="el-icon-discover" onClick={() => { this.cfClick(scope) }}>查封</el-button> 70 if(scope.row.dyzt != '0'){
71 </div> 71 return <div>抵押</div>
72 ) 72 }
73 if(scope.row.cfzt != '0'){
74 return <div>查封</div>
75 }
73 } 76 }
74 } 77 }
75 ] 78 ]
......
...@@ -129,15 +129,22 @@ class data extends filter { ...@@ -129,15 +129,22 @@ class data extends filter {
129 dyjlcolumns () { 129 dyjlcolumns () {
130 return [ 130 return [
131 { 131 {
132 prop: 'sqrxm',
133 label: '打印类型', 132 label: '打印类型',
133 render: (h, scope) => {
134 switch (scope.row.dylx) {
135 case '1':
136 return <div>房产结果</div>
137 case '2':
138 return <div>无房证明</div>
139 }
140 }
134 }, 141 },
135 { 142 {
136 prop: 'sqrzjlxmc', 143 prop: 'dyr',
137 label: '打印人员', 144 label: '打印人员',
138 }, 145 },
139 { 146 {
140 prop: 'sqrzjhm', 147 prop: 'dysj',
141 label: '打印时间', 148 label: '打印时间',
142 } 149 }
143 ] 150 ]
......
1 <template> 1 <template>
2 <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" 2 <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
3 @closeDialog="closeDialog"> 3 @closeDialog="closeDialog" :isButton="showButton">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> 4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
5 <el-row> 5 <el-row>
6 <el-col :span="8"> 6 <el-col :span="8">
...@@ -143,6 +143,7 @@ export default { ...@@ -143,6 +143,7 @@ export default {
143 props: { 143 props: {
144 value: { type: Boolean, default: false }, 144 value: { type: Boolean, default: false },
145 details: { type: Object, default: {} }, 145 details: { type: Object, default: {} },
146 showButton: {type: Boolean, default: false}
146 }, 147 },
147 computed: { 148 computed: {
148 ...mapGetters(["dictData"]), 149 ...mapGetters(["dictData"]),
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <div> 2 <div>
3 <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> 3 <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList">
4 </lb-table> 4 </lb-table>
5 <addQlr v-model="dialog" :details="details" @updateDetail="handleupdateDetail" /> 5 <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
6 </div> 6 </div>
7 </template> 7 </template>
8 <script> 8 <script>
...@@ -33,6 +33,7 @@ export default { ...@@ -33,6 +33,7 @@ export default {
33 dataIndex: 0, 33 dataIndex: 0,
34 dialog: false, 34 dialog: false,
35 isaddupdate: false, 35 isaddupdate: false,
36 showButton: this.$route.query.viewtype ? false : true,
36 details: {}, 37 details: {},
37 tableDataList: [], 38 tableDataList: [],
38 InformationTable: [ 39 InformationTable: [
...@@ -91,7 +92,7 @@ export default { ...@@ -91,7 +92,7 @@ export default {
91 return ( 92 return (
92 <div> 93 <div>
93 { 94 {
94 this.$route.query.viewtype == 1 ? <el-button 95 this.$route.query.viewtype ? <el-button
95 icon="el-icon-view" 96 icon="el-icon-view"
96 type="text" 97 type="text"
97 onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button 98 onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button
...@@ -191,8 +192,10 @@ export default { ...@@ -191,8 +192,10 @@ export default {
191 this.details = row 192 this.details = row
192 this.isaddupdate = false 193 this.isaddupdate = false
193 }, 194 },
194 queryViewClick () { 195 queryViewClick (index, row) {
195 this.dialog = true 196 this.dialog = true
197 this.details = row
198
196 } 199 }
197 } 200 }
198 } 201 }
......
...@@ -84,9 +84,9 @@ ...@@ -84,9 +84,9 @@
84 <el-col :span="8"> 84 <el-col :span="8">
85 <el-form-item label="取得价格："> 85 <el-form-item label="取得价格：">
86 <div style="display:flex"> 86 <div style="display:flex">
87 <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" 87 <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" :disabled="$route.query.viewtype"
88 oninput="value=value.replace(/[^\d.]/g,'')"></el-input> 88 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
89 <el-select v-model="ruleForm.jsydsyq.jedw"> 89 <el-select v-model="ruleForm.jsydsyq.jedw" :disabled="$route.query.viewtype">
90 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 90 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
91 </el-option> 91 </el-option>
92 </el-select> 92 </el-select>
...@@ -116,7 +116,7 @@ ...@@ -116,7 +116,7 @@
116 <el-row :gutter="10"> 116 <el-row :gutter="10">
117 <el-col> 117 <el-col>
118 <el-form-item label="附记：" prop="fj"> 118 <el-form-item label="附记：" prop="fj">
119 <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == 1"></el-input> 119 <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype"></el-input>
120 </el-form-item> 120 </el-form-item>
121 </el-col> 121 </el-col>
122 </el-row> 122 </el-row>
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
172 <el-row :gutter="10"> 172 <el-row :gutter="10">
173 <el-col> 173 <el-col>
174 <el-form-item label="登记原因：" prop="djyy"> 174 <el-form-item label="登记原因：" prop="djyy">
175 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" 175 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype"
176 v-model="ruleForm.jsydsyq.djyy"> 176 v-model="ruleForm.jsydsyq.djyy">
177 </el-input> 177 </el-input>
178 </el-form-item> 178 </el-form-item>
......
...@@ -118,7 +118,7 @@ ...@@ -118,7 +118,7 @@
118 <el-row :gutter="10"> 118 <el-row :gutter="10">
119 <el-col> 119 <el-col>
120 <el-form-item label="附记：" prop="fj"> 120 <el-form-item label="附记：" prop="fj">
121 <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == 1"></el-input> 121 <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype"></el-input>
122 </el-form-item> 122 </el-form-item>
123 </el-col> 123 </el-col>
124 </el-row> 124 </el-row>
...@@ -132,7 +132,7 @@ ...@@ -132,7 +132,7 @@
132 <el-row :gutter="10"> 132 <el-row :gutter="10">
133 <el-col :span="14"> 133 <el-col :span="14">
134 <el-form-item label="共有方式："> 134 <el-form-item label="共有方式：">
135 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs"> 135 <el-radio-group :disabled="$route.query.viewtype" v-model="ruleForm.slywxx.gyfs">
136 <el-radio label="0">单独所有</el-radio> 136 <el-radio label="0">单独所有</el-radio>
137 <el-radio label="1">共同共有</el-radio> 137 <el-radio label="1">共同共有</el-radio>
138 <el-radio label="2">按份所有</el-radio> 138 <el-radio label="2">按份所有</el-radio>
...@@ -166,7 +166,7 @@ ...@@ -166,7 +166,7 @@
166 <el-row :gutter="10"> 166 <el-row :gutter="10">
167 <el-col> 167 <el-col>
168 <el-form-item label="登记原因：" prop="djyy"> 168 <el-form-item label="登记原因：" prop="djyy">
169 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" 169 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype"
170 v-model="ruleForm.jsydsyq.djyy"> 170 v-model="ruleForm.jsydsyq.djyy">
171 </el-input> 171 </el-input>
172 </el-form-item> 172 </el-form-item>
......
...@@ -29,7 +29,7 @@ class data extends filter { ...@@ -29,7 +29,7 @@ class data extends filter {
29 return ( 29 return (
30 <div> 30 <div>
31 { 31 {
32 scope.row.enabled == '1' ? 32 scope.row.bsmFz ?
33 <div class='allow'>已领取</div> : 33 <div class='allow'>已领取</div> :
34 <div class='prohibit'>未领取</div> 34 <div class='prohibit'>未领取</div>
35 } 35 }
...@@ -38,24 +38,18 @@ class data extends filter { ...@@ -38,24 +38,18 @@ class data extends filter {
38 } 38 }
39 }, 39 },
40 { 40 {
41 label: "证书类容", 41 label: "证书内容",
42 render: (h, scope) => { 42 render: (h, scope) => {
43 return ( 43 return (
44 <div> 44 <div>
45 <el-link type="primary" onClick={() => { vm.openDialog(scope) }}>查看</el-link> 45 <el-link type="primary" onClick={() => { vm.openDialog(scope.row) }}>查看</el-link>
46 </div> 46 </div>
47 ) 47 )
48 } 48 }
49 }, 49 },
50 { 50 {
51 label: "权利类型", 51 label: "权利类型",
52 render: (h, scope) => { 52 prop: "qllx",
53 return (
54 <div>
55 {this.dicStatus(scope.row.qllx, 'A8')}
56 </div>
57 )
58 }
59 }, 53 },
60 { 54 {
61 prop: "bdcqzh", 55 prop: "bdcqzh",
...@@ -66,11 +60,11 @@ class data extends filter { ...@@ -66,11 +60,11 @@ class data extends filter {
66 label: "印刷序列号", 60 label: "印刷序列号",
67 }, 61 },
68 { 62 {
69 prop: "lqr", 63 prop: "lzrxm",
70 label: "领取人", 64 label: "领取人",
71 }, 65 },
72 { 66 {
73 prop: "lqsj", 67 prop: "fzsj",
74 label: "领取时间", 68 label: "领取时间",
75 }, 69 },
76 { 70 {
......
...@@ -6,25 +6,25 @@ ...@@ -6,25 +6,25 @@
6 <el-row> 6 <el-row>
7 <el-col :span="5"> 7 <el-col :span="5">
8 <el-form-item label="不动产权证号" label-width="100px"> 8 <el-form-item label="不动产权证号" label-width="100px">
9 <el-input placeholder="请输入不动产权证号" class="width100" @clear="queryClick" v-model="queryForm.bdcqzh"> 9 <el-input placeholder="请输入不动产权证号" class="width100" @clear="queryClick" v-model="queryForm.bdcqzh" clearable>
10 </el-input> 10 </el-input>
11 </el-form-item> 11 </el-form-item>
12 </el-col> 12 </el-col>
13 <el-col :span="5"> 13 <el-col :span="5">
14 <el-form-item label="印刷序列号" label-width="100px"> 14 <el-form-item label="印刷序列号" label-width="100px">
15 <el-input placeholder="请输入印刷序列号" class="width100" @clear="queryClick" v-model="queryForm.ysxlh"> 15 <el-input placeholder="请输入印刷序列号" class="width100" @clear="queryClick" v-model="queryForm.ysxlh" clearable>
16 </el-input> 16 </el-input>
17 </el-form-item> 17 </el-form-item>
18 </el-col> 18 </el-col>
19 <el-col :span="5"> 19 <el-col :span="5">
20 <el-form-item label="业务号"> 20 <el-form-item label="业务号">
21 <el-input placeholder="请输入业务号" class="width100" @clear="queryClick" v-model="queryForm.ywh"> 21 <el-input placeholder="请输入业务号" class="width100" @clear="queryClick" v-model="queryForm.ywh" clearable>
22 </el-input> 22 </el-input>
23 </el-form-item> 23 </el-form-item>
24 </el-col> 24 </el-col>
25 <el-col :span="5"> 25 <el-col :span="5">
26 <el-form-item label="领取人"> 26 <el-form-item label="领取人">
27 <el-input placeholder="请输入领取人" class="width100" @clear="queryClick" v-model="queryForm.lqr"> 27 <el-input placeholder="请输入领取人" class="width100" @clear="queryClick" v-model="queryForm.lzrxm" clearable>
28 </el-input> 28 </el-input>
29 </el-form-item> 29 </el-form-item>
30 </el-col> 30 </el-col>
...@@ -45,11 +45,16 @@ ...@@ -45,11 +45,16 @@
45 :data="tableData.data"> 45 :data="tableData.data">
46 </lb-table> 46 </lb-table>
47 </div> 47 </div>
48 <el-dialog :visible.sync="dialogVisible" width="52%" :before-close="handleClose">
49 <img :src="previewImage" class="imgClass">
50 </el-dialog>
48 </div> 51 </div>
49 </template> 52 </template>
50 <script> 53 <script>
51 import table from "@/utils/mixin/table"; 54 import table from "@/utils/mixin/table";
52 import { datas, sendThis } from "./zslqcx"; 55 import { datas, sendThis } from "./zslqcx";
56 import { getBdcqzReceiveList } from "@/api/zhcx"
57 import { bdcqzPreview } from "@/api/bdcqz"
53 export default { 58 export default {
54 components: {}, 59 components: {},
55 mixins: [table], 60 mixins: [table],
...@@ -62,9 +67,12 @@ export default { ...@@ -62,9 +67,12 @@ export default {
62 bdcqzh: "", 67 bdcqzh: "",
63 ysxlh: "", 68 ysxlh: "",
64 ywh: "", 69 ywh: "",
65 lqr: "", 70 lzrxm: "",
66 }, 71 },
72 dialogVisible: false,
73 previewImage: '',
67 tableData: { 74 tableData: {
75 total: 0,
68 columns: datas.columns(), 76 columns: datas.columns(),
69 data: [], 77 data: [],
70 }, 78 },
...@@ -73,8 +81,29 @@ export default { ...@@ -73,8 +81,29 @@ export default {
73 methods: { 81 methods: {
74 // 查询 82 // 查询
75 queryClick () { 83 queryClick () {
84 this.$startLoading()
85 getBdcqzReceiveList({ ...this.queryForm, ...this.pageData }).then(res => {
86 this.$endLoading()
87 if (res.code === 200) {
88 let { total, records } = res.result
89 this.tableData.total = total;
90 this.tableData.data = records ? records : []
91 }
92 })
76 }, 93 },
77 94 openDialog(item){
95 this.$startLoading()
96 bdcqzPreview(item).then(res => {
97 this.$endLoading()
98 this.dialogVisible = true;
99 let blob = new Blob([res]);
100 let url = window.URL.createObjectURL(blob);
101 this.previewImage = url;
102 })
103 },
104 handleClose() {
105 this.dialogVisible = false;
106 }
78 }, 107 },
79 }; 108 };
80 </script> 109 </script>
......