信息备案
Showing
4 changed files
with
365 additions
and
5 deletions
src/api/xxba.js
0 → 100644
1 | /* | ||
2 | * @Description: 信息备案 | ||
3 | * @Autor: | ||
4 | * @LastEditTime: 2023-07-19 14:52:03 | ||
5 | */ | ||
6 | |||
7 | import request from '@/utils/request' | ||
8 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | ||
9 | |||
10 | /** | ||
11 | * @description: 添加银行 | ||
12 | * @param {*} data | ||
13 | * @author: | ||
14 | */ | ||
15 | export function addYh (data) { | ||
16 | return request({ | ||
17 | url: SERVER.SERVERAPI + 'y/rest/sys/company/addYh', | ||
18 | method: 'post', | ||
19 | data | ||
20 | }) | ||
21 | } | ||
22 | /** | ||
23 | * @description: 添加企业 | ||
24 | * @param {*} data | ||
25 | * @author: | ||
26 | */ | ||
27 | export function addQy (data) { | ||
28 | return request({ | ||
29 | url: SERVER.SERVERAPI + 'y/rest/sys/company/addQy', | ||
30 | method: 'post', | ||
31 | data | ||
32 | }) | ||
33 | } | ||
34 | |||
35 | /** | ||
36 | * @description: 查询企业列表 | ||
37 | * @author: | ||
38 | * @param pageSize | ||
39 | * @param pageNumber | ||
40 | */ | ||
41 | export function queryQyByPage (pageSize, pageNumber) { | ||
42 | return request({ | ||
43 | url: SERVER.SERVERAPI + '/rest/sys/company/queryQyByPage?pageSize=' + pageSize + '&pageNumber=' + pageNumber, | ||
44 | method: 'get' | ||
45 | }) | ||
46 | } | ||
47 | |||
48 | /** | ||
49 | * @description: 查询银行列表 | ||
50 | * @author: | ||
51 | * @param pageSize | ||
52 | * @param pageNumber | ||
53 | */ | ||
54 | export function queryYhByPage (pageSize, pageNumber) { | ||
55 | return request({ | ||
56 | url: SERVER.SERVERAPI + '/rest/sys/company/queryYhByPage?pageSize=' + pageSize + '&pageNumber=' + pageNumber, | ||
57 | method: 'get' | ||
58 | }) | ||
59 | } | ||
60 |
1 | <template> | ||
2 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> | ||
3 | <el-row> | ||
4 | <el-col :span="12"> | ||
5 | <el-form-item label="入库编号:" prop="batchno"> | ||
6 | <el-input v-model="ruleForm.batchno" :disabled="true"></el-input> | ||
7 | </el-form-item> | ||
8 | </el-col> | ||
9 | <el-col :span="12"> | ||
10 | <el-form-item label="登记机构:" prop="djjg"> | ||
11 | <el-select v-model="ruleForm.djjg" class="width100" placeholder="请选择" :disabled="!readOnly"> | ||
12 | <el-option v-for="item in DJJGLIST" :key="item.dname" :label="item.dname" :value="item.dname"> | ||
13 | </el-option> | ||
14 | </el-select> | ||
15 | </el-form-item> | ||
16 | </el-col> | ||
17 | </el-row> | ||
18 | <el-row> | ||
19 | <el-col :span="12"> | ||
20 | <el-form-item label="入库人员:"> | ||
21 | <el-input v-model="ruleForm.operator" :disabled="true"></el-input> | ||
22 | </el-form-item> | ||
23 | </el-col> | ||
24 | <el-col :span="12"> | ||
25 | <el-form-item label="入库时间:" prop="operationtime"> | ||
26 | <el-date-picker v-model="ruleForm.operationtime" class="width100" type="datetime" :disabled="!readOnly" | ||
27 | value-format="yyyy-MM-dd HH:mm:ss"> | ||
28 | </el-date-picker> | ||
29 | </el-form-item> | ||
30 | </el-col> | ||
31 | </el-row> | ||
32 | <div> | ||
33 | <el-table :data="tableForm" border style="width: 100%" | ||
34 | :header-cell-style="{ 'text-align': 'center', background: 'rgb(236, 245, 255)' }" | ||
35 | :cell-style="{ 'text-align': 'center' }"> | ||
36 | <el-table-column prop="name" label="纸质证书类型" width="200"></el-table-column> | ||
37 | <el-table-column prop="ksysxlh" label="开始印刷序列号" width="200"> | ||
38 | <template slot-scope="scope"> | ||
39 | <el-input v-model="scope.row.ksysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11" | ||
40 | oninput="value=value.replace(/[^\d.]/g,'')" :disabled="!readOnly"></el-input> | ||
41 | </template> | ||
42 | </el-table-column> | ||
43 | <el-table-column prop="jsysxlh" label="结束印刷序列号" width="200"> | ||
44 | <template slot-scope="scope"> | ||
45 | <el-input v-model="scope.row.jsysxlh" @blur="ysxlhDeal(scope.row)" maxlength="11" | ||
46 | oninput="value=value.replace(/[^\d.]/g,'')" :disabled="!readOnly"></el-input> | ||
47 | </template> | ||
48 | </el-table-column> | ||
49 | <el-table-column prop="bs" label="本数"> | ||
50 | <template slot-scope="scope"> | ||
51 | <span v-if="scope.row.bs == 0" class="font-red">系统计算</span> | ||
52 | <span v-else-if="scope.row.bs < 0" class="font-red">印刷序列号有误</span> | ||
53 | <span v-else>{{ scope.row.bs }}</span> | ||
54 | </template> | ||
55 | </el-table-column> | ||
56 | </el-table> | ||
57 | </div> | ||
58 | <el-form-item label="备注" class="middle-margin-bottom"> | ||
59 | <el-input type="textarea" v-model="ruleForm.bz" :rows="4" :disabled="!readOnly"></el-input> | ||
60 | </el-form-item> | ||
61 | <el-form-item v-if="readOnly"> | ||
62 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
63 | <el-button @click="closeDialog">取消</el-button> | ||
64 | </el-form-item> | ||
65 | </el-form> | ||
66 | </template> | ||
67 | |||
68 | <script> | ||
69 | import store from '@/store/index.js' | ||
70 | import { zsrk, getZsglInfo } from "@/api/zsgl.js" | ||
71 | import { getSysSerialSingle } from "@/api/sysSerial.js" | ||
72 | export default { | ||
73 | props: { | ||
74 | formData: { | ||
75 | type: Object, | ||
76 | default: () => { }, | ||
77 | }, | ||
78 | }, | ||
79 | data () { | ||
80 | return { | ||
81 | DJJGLIST: store.getters.dictData['ywly'], | ||
82 | readOnly: false, | ||
83 | //表单提交数据 | ||
84 | ruleForm: { | ||
85 | batchno: '', | ||
86 | djjg: '', | ||
87 | operator: '超级管理员', | ||
88 | operationtime: '', | ||
89 | bz: '', | ||
90 | zsstarno: '', | ||
91 | zsendno: '', | ||
92 | zsnum: '', | ||
93 | zmstarno: '', | ||
94 | zmendno: '', | ||
95 | zmnum: '' | ||
96 | }, | ||
97 | //表格数据 | ||
98 | tableForm: [ | ||
99 | { | ||
100 | name: '不动产权证书', | ||
101 | ksysxlh: '', | ||
102 | jsysxlh: '', | ||
103 | bs: 0, | ||
104 | zslx: 1 | ||
105 | }, | ||
106 | { | ||
107 | name: '不动产登记证明', | ||
108 | ksysxlh: '', | ||
109 | jsysxlh: '', | ||
110 | bs: 0, | ||
111 | zslx: 2 | ||
112 | } | ||
113 | ], | ||
114 | //证书入库业务号参数 | ||
115 | ywhQueryForm: { | ||
116 | serialtype: 'zsrkbh', | ||
117 | serialname: '证书入库编号', | ||
118 | serialcode: 'zsrk', | ||
119 | digit: '5' | ||
120 | }, | ||
121 | rules: { | ||
122 | batchNo: [ | ||
123 | { required: true, message: '入库编号不能为空', trigger: 'blur' } | ||
124 | ], | ||
125 | djjg: [ | ||
126 | { required: true, message: '请选择登记机构', trigger: 'change' } | ||
127 | ], | ||
128 | rksj: [ | ||
129 | { required: true, message: '请选择入库时间', trigger: 'change' } | ||
130 | ], | ||
131 | }, | ||
132 | } | ||
133 | }, | ||
134 | mounted () { | ||
135 | if (this.formData.bsmBatch) { | ||
136 | this.tableForm[0].bs = null; | ||
137 | this.tableForm[1].bs = null; | ||
138 | this.getDetailInfo(this.formData.bsmBatch); | ||
139 | } else { | ||
140 | this.ywhSerial(); | ||
141 | } | ||
142 | }, | ||
143 | methods: { | ||
144 | //表单提交 | ||
145 | /** | ||
146 | * @description: 表单提交 | ||
147 | * @author: renchao | ||
148 | */ | ||
149 | submitForm () { | ||
150 | this.tableForm.forEach((item, index) => { | ||
151 | if (item.bs < 0) { | ||
152 | return; | ||
153 | } | ||
154 | }) | ||
155 | zsrk(this.ruleForm).then(res => { | ||
156 | if (res.code == 200) { | ||
157 | this.$message.success('保存成功') | ||
158 | this.$emit("input", false); | ||
159 | this.$refs['ruleForm'].resetFields(); | ||
160 | this.resetTableFields(); | ||
161 | this.$parent.queryClick(); | ||
162 | } else { | ||
163 | this.$message.error(res.message); | ||
164 | } | ||
165 | }) | ||
166 | }, | ||
167 | //序列号获取 | ||
168 | /** | ||
169 | * @description: 序列号获取 | ||
170 | * @author: renchao | ||
171 | */ | ||
172 | ywhSerial () { | ||
173 | getSysSerialSingle(this.ywhQueryForm).then(res => { | ||
174 | if (res.code == 200) { | ||
175 | this.ruleForm.batchno = res.message; | ||
176 | this.readOnly = true; | ||
177 | } | ||
178 | }) | ||
179 | }, | ||
180 | //获取详情信息 | ||
181 | /** | ||
182 | * @description: 获取详情信息 | ||
183 | * @param {*} bsmBatch | ||
184 | * @author: renchao | ||
185 | */ | ||
186 | getDetailInfo (bsmBatch) { | ||
187 | getZsglInfo({ "bsmBatch": bsmBatch }).then(res => { | ||
188 | if (res.code == 200) { | ||
189 | this.ruleForm = res.result; | ||
190 | this.readOnly = false; | ||
191 | this.tableForm[0].ksysxlh = res.result.zsstarno; | ||
192 | this.tableForm[0].jsysxlh = res.result.zsendno; | ||
193 | this.tableForm[0].bs = res.result.zsnum; | ||
194 | this.tableForm[1].ksysxlh = res.result.zmstarno; | ||
195 | this.tableForm[1].jsysxlh = res.result.zmendno; | ||
196 | this.tableForm[1].bs = res.result.zmnum; | ||
197 | } | ||
198 | }) | ||
199 | }, | ||
200 | //印刷序列号处理 | ||
201 | /** | ||
202 | * @description: 印刷序列号处理 | ||
203 | * @param {*} item | ||
204 | * @author: renchao | ||
205 | */ | ||
206 | ysxlhDeal (item) { | ||
207 | if (item.ksysxlh && item.jsysxlh) { | ||
208 | if (item.ksysxlh.length == item.jsysxlh.length) { | ||
209 | if (item.ksysxlh.length != 11) { | ||
210 | item.bs = -1; | ||
211 | return; | ||
212 | } | ||
213 | if (item.ksysxlh > item.jsysxlh) { | ||
214 | item.bs = -1; | ||
215 | return; | ||
216 | } | ||
217 | item.bs = item.jsysxlh - item.ksysxlh + 1; | ||
218 | if (item.zslx == 1) { | ||
219 | this.ruleForm.zsstarno = item.ksysxlh; | ||
220 | this.ruleForm.zsendno = item.jsysxlh; | ||
221 | this.ruleForm.zsnum = item.bs | ||
222 | } else if (item.zslx == 2) { | ||
223 | this.ruleForm.zmstarno = item.ksysxlh; | ||
224 | this.ruleForm.zmendno = item.jsysxlh; | ||
225 | this.ruleForm.zmnum = item.bs | ||
226 | } | ||
227 | } else { | ||
228 | item.bs = -1; | ||
229 | } | ||
230 | } else { | ||
231 | item.bs = 0; | ||
232 | if (item.zslx == 1) { | ||
233 | this.ruleForm.zsstarno = ''; | ||
234 | this.ruleForm.zsendno = ''; | ||
235 | this.ruleForm.zsnum = item.bs | ||
236 | } else if (item.zslx == 2) { | ||
237 | this.ruleForm.zmstarno = ''; | ||
238 | this.ruleForm.zmendno = ''; | ||
239 | this.ruleForm.zmnum = item.bs | ||
240 | } | ||
241 | } | ||
242 | }, | ||
243 | /** | ||
244 | * @description: resetTableFields | ||
245 | * @author: renchao | ||
246 | */ | ||
247 | resetTableFields () { | ||
248 | this.tableForm = [ | ||
249 | { | ||
250 | name: '不动产权证书', | ||
251 | ksysxlh: '', | ||
252 | jsysxlh: '', | ||
253 | bs: 0, | ||
254 | zslx: 1 | ||
255 | }, | ||
256 | { | ||
257 | name: '不动产权登记证明', | ||
258 | ksysxlh: '', | ||
259 | jsysxlh: '', | ||
260 | bs: 0, | ||
261 | zslx: 2 | ||
262 | } | ||
263 | ] | ||
264 | }, | ||
265 | /** | ||
266 | * @description: closeDialog | ||
267 | * @author: renchao | ||
268 | */ | ||
269 | closeDialog () { | ||
270 | this.$popupCacel() | ||
271 | this.$refs['ruleForm'].resetFields(); | ||
272 | this.resetTableFields(); | ||
273 | } | ||
274 | } | ||
275 | } | ||
276 | </script> | ||
277 | <style scoped lang="scss"> | ||
278 | @import "~@/styles/mixin.scss"; | ||
279 | @import "~@/styles/dialogBoxheader.scss"; | ||
280 | |||
281 | .font-red { | ||
282 | color: red | ||
283 | } | ||
284 | |||
285 | .middle-margin-bottom { | ||
286 | margin-top: 20px | ||
287 | } | ||
288 | </style> |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-01 10:17:27 | 4 | * @LastEditTime: 2023-09-01 10:17:27 |
5 | */ | 5 | */ |
... | @@ -28,8 +28,8 @@ class data extends filter { | ... | @@ -28,8 +28,8 @@ class data extends filter { |
28 | } | 28 | } |
29 | }, | 29 | }, |
30 | { | 30 | { |
31 | prop: "sqrmc", | 31 | prop: "qymc", |
32 | label: "姓名/名称", | 32 | label: "名称", |
33 | }, | 33 | }, |
34 | { | 34 | { |
35 | prop: "zjzl", | 35 | prop: "zjzl", |
... | @@ -65,7 +65,7 @@ class data extends filter { | ... | @@ -65,7 +65,7 @@ class data extends filter { |
65 | label: "法人名称", | 65 | label: "法人名称", |
66 | }, | 66 | }, |
67 | { | 67 | { |
68 | prop: "txdz", | 68 | prop: "dwdz", |
69 | label: "地址", | 69 | label: "地址", |
70 | }, | 70 | }, |
71 | { | 71 | { | ... | ... |
... | @@ -24,6 +24,7 @@ | ... | @@ -24,6 +24,7 @@ |
24 | <el-col :span="14" class="btnColRight"> | 24 | <el-col :span="14" class="btnColRight"> |
25 | <el-form-item> | 25 | <el-form-item> |
26 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> | 26 | <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button> |
27 | <el-button type="primary" native-type="submit" @click="handleAdd">添加</el-button> | ||
27 | </el-form-item> | 28 | </el-form-item> |
28 | </el-col> | 29 | </el-col> |
29 | </el-row> | 30 | </el-row> |
... | @@ -40,12 +41,14 @@ | ... | @@ -40,12 +41,14 @@ |
40 | <script> | 41 | <script> |
41 | import table from "@/utils/mixin/table" | 42 | import table from "@/utils/mixin/table" |
42 | import { datas, sendThis } from "./data" | 43 | import { datas, sendThis } from "./data" |
44 | import { queryQyByPage, addQy } from "@/api/xxba.js"; | ||
43 | export default { | 45 | export default { |
44 | name: "cwrz", | 46 | name: "cwrz", |
45 | components: {}, | 47 | components: {}, |
46 | mixins: [table], | 48 | mixins: [table], |
47 | mounted () { | 49 | mounted () { |
48 | sendThis(this); | 50 | sendThis(this); |
51 | this.queryClick() | ||
49 | }, | 52 | }, |
50 | computed: { | 53 | computed: { |
51 | }, | 54 | }, |
... | @@ -69,11 +72,20 @@ | ... | @@ -69,11 +72,20 @@ |
69 | methods: { | 72 | methods: { |
70 | /** | 73 | /** |
71 | * @description: queryClick | 74 | * @description: queryClick |
72 | * @author: renchao | ||
73 | */ | 75 | */ |
74 | queryClick () { | 76 | queryClick () { |
77 | this.$startLoading(); | ||
78 | queryQyByPage(10,1).then((res) => { | ||
79 | this.$endLoading(); | ||
80 | if (res.code === 200) { | ||
81 | let { total, records } = res.result; | ||
82 | this.tableData.total = total; | ||
83 | this.tableData.data = records; | ||
84 | } | ||
85 | }); | ||
75 | }, | 86 | }, |
76 | handleSearch () { }, | 87 | handleSearch () { }, |
88 | handleAdd () { }, | ||
77 | handleDelete () { } | 89 | handleDelete () { } |
78 | } | 90 | } |
79 | } | 91 | } | ... | ... |
-
Please register or sign in to post a comment