Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
30 changed files
with
2034 additions
and
533 deletions
| 1 | /* | 1 | /* |
| 2 | * @Description: 不动产权证 | 2 | * @Description: 不动产权证 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-16 14:04:18 | 4 | * @LastEditTime: 2023-09-05 13:24:14 |
| 5 | */ | 5 | */ |
| 6 | import request from '@/utils/request'; | 6 | import request from '@/utils/request'; |
| 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) | 7 | let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) |
| ... | @@ -131,3 +131,13 @@ export function bdcqzPreview (data) { | ... | @@ -131,3 +131,13 @@ export function bdcqzPreview (data) { |
| 131 | responseType: 'blob' | 131 | responseType: 'blob' |
| 132 | }) | 132 | }) |
| 133 | } | 133 | } |
| 134 | // 获取不动产权证详细信息 | ||
| 135 | export function getBdcqzDetail (bsmBdcqz) { | ||
| 136 | return request({ | ||
| 137 | url: SERVER.SERVERAPI + '/rest/ywbl/bdcqz/getBdcqzDetail', | ||
| 138 | method: 'get', | ||
| 139 | params: { | ||
| 140 | bsmBdcqz: bsmBdcqz | ||
| 141 | } | ||
| 142 | }) | ||
| 143 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
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 + '/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 + '/rest/sys/company/addQy', | ||
| 30 | method: 'post', | ||
| 31 | data | ||
| 32 | }) | ||
| 33 | } | ||
| 34 | |||
| 35 | /** | ||
| 36 | * @description: 查询企业列表 | ||
| 37 | * @author: | ||
| 38 | * @param data | ||
| 39 | */ | ||
| 40 | export function queryQyByPage (data) { | ||
| 41 | return request({ | ||
| 42 | url: SERVER.SERVERAPI + '/rest/sys/company/queryQyByPage', | ||
| 43 | method: 'post', | ||
| 44 | data | ||
| 45 | }) | ||
| 46 | } | ||
| 47 | |||
| 48 | /** | ||
| 49 | * @description: 查询银行列表 | ||
| 50 | * @author: | ||
| 51 | * @param data | ||
| 52 | */ | ||
| 53 | export function queryYhByPage (data) { | ||
| 54 | return request({ | ||
| 55 | url: SERVER.SERVERAPI + '/rest/sys/company/queryYhByPage', | ||
| 56 | method: 'post', | ||
| 57 | data | ||
| 58 | }) | ||
| 59 | } | ||
| 60 |
| ... | @@ -51,17 +51,26 @@ | ... | @@ -51,17 +51,26 @@ |
| 51 | </el-form-item> | 51 | </el-form-item> |
| 52 | </el-col> | 52 | </el-col> |
| 53 | <el-col :span="8"> | 53 | <el-col :span="8"> |
| 54 | <el-form-item label="是否效验土地确权" prop="enabled" v-if="form.sqdjyw"> | ||
| 55 | <el-radio-group v-model="form.sqdjyw.sfjytd"> | ||
| 56 | <el-radio label="1">是</el-radio> | ||
| 57 | <el-radio label="0">否</el-radio> | ||
| 58 | </el-radio-group> | ||
| 59 | </el-form-item> | ||
| 60 | </el-col> | ||
| 61 | </el-row> | ||
| 62 | <el-row> | ||
| 63 | <el-col :span="8"> | ||
| 54 | <el-form-item label="业务流程ID" prop="flowid" v-if="form.sqdjyw"> | 64 | <el-form-item label="业务流程ID" prop="flowid" v-if="form.sqdjyw"> |
| 55 | <el-input v-model="form.sqdjyw.flowid"></el-input> | 65 | <el-input v-model="form.sqdjyw.flowid"></el-input> |
| 56 | </el-form-item> | 66 | </el-form-item> |
| 57 | </el-col> | 67 | </el-col> |
| 58 | <el-col :span="24"> | 68 | <el-col :span="16"> |
| 59 | <el-form-item label="流程参数" prop="flowparams" v-if="form.sqdjyw"> | 69 | <el-form-item label="流程参数" prop="flowparams" v-if="form.sqdjyw"> |
| 60 | <el-input v-model="form.sqdjyw.flowparams"></el-input> | 70 | <el-input v-model="form.sqdjyw.flowparams"></el-input> |
| 61 | </el-form-item> | 71 | </el-form-item> |
| 62 | </el-col> | 72 | </el-col> |
| 63 | </el-row> | 73 | </el-row> |
| 64 | |||
| 65 | <el-row> | 74 | <el-row> |
| 66 | <el-col :span="8"> | 75 | <el-col :span="8"> |
| 67 | <el-form-item label="登记原因设置" prop="sfqydjyymb" v-if="form.sqdjyw"> | 76 | <el-form-item label="登记原因设置" prop="sfqydjyymb" v-if="form.sqdjyw"> |
| ... | @@ -93,7 +102,11 @@ | ... | @@ -93,7 +102,11 @@ |
| 93 | </el-row> | 102 | </el-row> |
| 94 | </el-form> | 103 | </el-form> |
| 95 | <el-collapse class="modifycollapse" accordion> | 104 | <el-collapse class="modifycollapse" accordion> |
| 96 | <el-collapse-item title="登记情形设置" name="1"> | 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"> | ||
| 107 | </lb-table> | ||
| 108 | </el-collapse-item> | ||
| 109 | <el-collapse-item title="登记情形设置" name="1" v-if="form.sqdjyw.sqfl=='1'"> | ||
| 97 | <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djqx"> | 110 | <lb-table :column="djqxCol" :pagination="false" heightNumSetting :minHeight="160" :data="form.djqx"> |
| 98 | </lb-table> | 111 | </lb-table> |
| 99 | </el-collapse-item> | 112 | </el-collapse-item> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-30 17:33:06 | 4 | * @LastEditTime: 2023-09-06 15:32:50 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div> | 7 | <div> |
| 8 | <div class="zsdy-content" v-Loading="loading"> | 8 | <div class="zsdy-content" v-Loading="loading"> |
| 9 | <el-form | 9 | <el-form |
| 10 | :model="ruleForm" | 10 | :model="ruleForm" |
| 11 | :rules="rules" | ||
| 12 | ref="ruleForm" | 11 | ref="ruleForm" |
| 13 | label-width="120px"> | 12 | label-width="120px"> |
| 14 | <el-form-item label="印刷序列号：" prop="ysxlh"> | 13 | <el-form-item label="印刷序列号：" prop="ysxlh"> |
| 15 | <el-select v-model="ruleForm.ysxlh" placeholder="请选择"> | 14 | <el-row> |
| 16 | <el-option | 15 | <el-col :span="22"> |
| 17 | v-for="item in ysxlh" | 16 | <el-select v-model="ruleForm.ysxlh" @change="handleSelect" :disabled="disabled" placeholder="请选择"> |
| 18 | :key="item.ysxlh" | 17 | <el-option |
| 19 | :label="item.ysxlh" | 18 | v-for="item in ysxlh" |
| 20 | :value="item.ysxlh"> | 19 | :key="item.ysxlh" |
| 21 | </el-option> | 20 | :label="item.ysxlh" |
| 22 | </el-select> | 21 | :value="item.ysxlh"> |
| 22 | </el-option> | ||
| 23 | </el-select> | ||
| 24 | </el-col> | ||
| 25 | <el-col :span="2" v-if="this.formData.ysxlh"> | ||
| 26 | <el-button type="primary" @click="handleZF" v-if="disabled">作废</el-button> | ||
| 27 | </el-col> | ||
| 28 | </el-row> | ||
| 29 | |||
| 23 | </el-form-item> | 30 | </el-form-item> |
| 24 | </el-form> | 31 | </el-form> |
| 25 | <div class="zs-content"> | 32 | <div class="zs-content"> |
| 26 | <canvas ref="zs" width="1000" v-show="this.formData.bdcqz.bdcqzlx==1" height="700"></canvas> | 33 | <canvas ref="zs" width="1000" v-show="this.formData.bdcqzlx==1" height="700"></canvas> |
| 27 | <canvas ref="zm" width="1180" v-show="this.formData.bdcqz.bdcqzlx==2" height="780"></canvas> | 34 | <canvas ref="zm" width="1180" v-show="this.formData.bdcqzlx==2" height="780"></canvas> |
| 28 | </div> | 35 | </div> |
| 29 | </div> | 36 | </div> |
| 30 | <!-- 打印模板需要此模块 --> | 37 | <!-- 打印模板需要此模块 --> |
| ... | @@ -33,8 +40,24 @@ | ... | @@ -33,8 +40,24 @@ |
| 33 | </object> | 40 | </object> |
| 34 | <div class="text-center pt-10"> | 41 | <div class="text-center pt-10"> |
| 35 | <el-button @click="$popupCacel">取消</el-button> | 42 | <el-button @click="$popupCacel">取消</el-button> |
| 36 | <el-button type="primary" @click="handleSubmit">确定</el-button> | 43 | <el-button type="primary" @click="handlePrint" v-if="disabled">打印</el-button> |
| 44 | <el-button type="primary" @click="handleSubmit" v-else>确定</el-button> | ||
| 37 | </div> | 45 | </div> |
| 46 | |||
| 47 | <el-dialog title="证书作废" :visible.sync="invalidDiglog" width="40%" :modal-append-to-body="false" top="30vh"> | ||
| 48 | <div class="invalid-diglog"> | ||
| 49 | <div class="invalid-title"> | ||
| 50 | <i class="el-icon-question invalid-icon"></i> | ||
| 51 | <div class="invalid-body">您确定作废证书并再次打印？印刷序列号{{bdcqz.ysxlh}}</div> | ||
| 52 | </div> | ||
| 53 | <div class="invalid-reson">作废原因：</div> | ||
| 54 | <el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input> | ||
| 55 | <div class="text-center pt-10"> | ||
| 56 | <el-button @click="closeInvalidDiglog">取 消</el-button> | ||
| 57 | <el-button type="primary" @click="confirmInvalid">确 定</el-button> | ||
| 58 | </div> | ||
| 59 | </div> | ||
| 60 | </el-dialog> | ||
| 38 | </div> | 61 | </div> |
| 39 | </template> | 62 | </template> |
| 40 | 63 | ||
| ... | @@ -43,7 +66,7 @@ | ... | @@ -43,7 +66,7 @@ |
| 43 | import { datas } from "../../javascript/zsyl.js"; | 66 | import { datas } from "../../javascript/zsyl.js"; |
| 44 | import { getPrintTemplateByCode } from "@/api/print"; | 67 | import { getPrintTemplateByCode } from "@/api/print"; |
| 45 | import { getLodop } from "@/utils/LodopFuncs" | 68 | import { getLodop } from "@/utils/LodopFuncs" |
| 46 | import { readYsxlh, certificate, getSlsqBdcqzList } from "@/api/bdcqz.js"; | 69 | import { readYsxlh, certificate, getBdcqzDetail, invalidCertificate } from "@/api/bdcqz.js"; |
| 47 | export default { | 70 | export default { |
| 48 | props: { | 71 | props: { |
| 49 | formData: { | 72 | formData: { |
| ... | @@ -55,29 +78,28 @@ | ... | @@ -55,29 +78,28 @@ |
| 55 | }, | 78 | }, |
| 56 | data () { | 79 | data () { |
| 57 | return { | 80 | return { |
| 81 | // 详细信息 | ||
| 82 | bdcqz: {}, | ||
| 58 | key: 0, | 83 | key: 0, |
| 84 | disabled: false, | ||
| 59 | // 不动产证书图片地址 | 85 | // 不动产证书图片地址 |
| 60 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), | 86 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), |
| 61 | bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), | 87 | bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), |
| 62 | loading: false, | 88 | loading: false, |
| 63 | bdcqz: [], | ||
| 64 | //印刷序列号集合 | 89 | //印刷序列号集合 |
| 65 | ysxlh: [], | 90 | ysxlh: [], |
| 66 | //列名称对象 | 91 | //列名称对象 |
| 67 | columns: [], | 92 | columns: [], |
| 68 | //tab选择绑定值 | 93 | //tab选择绑定值 |
| 69 | activeName: '', | 94 | activeName: '', |
| 95 | invalidDiglog: false, | ||
| 96 | zfyy: "", | ||
| 70 | ruleForm: { | 97 | ruleForm: { |
| 71 | bsmBdcqz: "", | 98 | bsmBdcqz: "", |
| 72 | szmc: "不动产权证书", | 99 | szmc: "不动产权证书", |
| 73 | bdcqzlx: "", | 100 | bdcqzlx: "", |
| 74 | szzh: "", | 101 | szzh: "", |
| 75 | ysxlh: "" | 102 | ysxlh: "" |
| 76 | }, | ||
| 77 | rules: { | ||
| 78 | ysxlh: [ | ||
| 79 | { required: true, message: "请选择印刷序列号", trigger: "change" } | ||
| 80 | ] | ||
| 81 | } | 103 | } |
| 82 | } | 104 | } |
| 83 | }, | 105 | }, |
| ... | @@ -85,24 +107,87 @@ | ... | @@ -85,24 +107,87 @@ |
| 85 | store.dispatch('user/refreshPage', false) | 107 | store.dispatch('user/refreshPage', false) |
| 86 | this.columns = datas.columns() | 108 | this.columns = datas.columns() |
| 87 | this.ysxlhList() | 109 | this.ysxlhList() |
| 88 | if (this.formData.bdcqz.bdcqzlx == 1) { | 110 | // 获取详细信息 |
| 89 | this.drawTextOnImage() | 111 | this.getDetail() |
| 112 | if (this.formData.ysxlh) { | ||
| 113 | this.disabled = true | ||
| 90 | } else { | 114 | } else { |
| 91 | this.drawTextzmImage() | 115 | this.disabled = false |
| 92 | } | 116 | } |
| 93 | }, | 117 | }, |
| 94 | methods: { | 118 | methods: { |
| 95 | /** | 119 | /** |
| 120 | * @description: 获取详细信息 | ||
| 121 | * @author: renchao | ||
| 122 | */ | ||
| 123 | getDetail () { | ||
| 124 | this.loading = true | ||
| 125 | getBdcqzDetail(this.formData.bsmBdcqz).then(res => { | ||
| 126 | this.bdcqz = res.result | ||
| 127 | this.loading = false | ||
| 128 | if (this.bdcqz.ysxlh) this.ruleForm.ysxlh = this.bdcqz.ysxlh | ||
| 129 | if (this.bdcqz.bdcqzlx == 1) { | ||
| 130 | this.drawTextOnImage() | ||
| 131 | } else { | ||
| 132 | this.drawTextzmImage() | ||
| 133 | } | ||
| 134 | }) | ||
| 135 | }, | ||
| 136 | /** | ||
| 96 | * @description: 获取印刷序列号列表 | 137 | * @description: 获取印刷序列号列表 |
| 97 | * @author: renchao | 138 | * @author: renchao |
| 98 | */ | 139 | */ |
| 99 | ysxlhList () { | 140 | ysxlhList () { |
| 100 | readYsxlh({ zslx: this.formData.bdcqz.bdcqzlx }).then((res) => { | 141 | readYsxlh({ zslx: this.formData.bdcqzlx }).then((res) => { |
| 101 | if (res.code === 200) { | 142 | if (res.code === 200) { |
| 102 | this.ysxlh = res.result; | 143 | this.ysxlh = res.result; |
| 103 | } | 144 | } |
| 104 | }) | 145 | }) |
| 105 | }, | 146 | }, |
| 147 | handleSelect (val) { | ||
| 148 | this.bdcqz.ysxlh = this.ruleForm.ysxlh | ||
| 149 | if (this.bdcqz.bdcqzlx == 1) { | ||
| 150 | this.drawTextOnImage() | ||
| 151 | } else { | ||
| 152 | this.drawTextzmImage() | ||
| 153 | } | ||
| 154 | }, | ||
| 155 | /** | ||
| 156 | * @description: closeInvalidDiglog | ||
| 157 | * @author: renchao | ||
| 158 | */ | ||
| 159 | closeInvalidDiglog () { | ||
| 160 | this.zfyy = ""; | ||
| 161 | this.invalidDiglog = false | ||
| 162 | }, | ||
| 163 | handleZF () { | ||
| 164 | this.invalidDiglog = true | ||
| 165 | }, | ||
| 166 | /** | ||
| 167 | * @description: 作废缮证信息 | ||
| 168 | * @author: renchao | ||
| 169 | */ | ||
| 170 | confirmInvalid () { | ||
| 171 | store.dispatch('user/reWorkFresh', false) | ||
| 172 | invalidCertificate({ bsmBdcqz: this.bdcqz.bsmBdcqz, zfyy: this.zfyy }).then((res) => { | ||
| 173 | if (res.code === 200) { | ||
| 174 | this.$message.success("作废成功"); | ||
| 175 | this.disabled = false | ||
| 176 | this.invalidDiglog = false; | ||
| 177 | this.zfyy = '' | ||
| 178 | this.ruleForm.ysxlh = '' | ||
| 179 | this.bdcqz.ysxlh = '' | ||
| 180 | if (this.bdcqz.bdcqzlx == 1) { | ||
| 181 | this.drawTextOnImage() | ||
| 182 | } else { | ||
| 183 | this.drawTextzmImage() | ||
| 184 | } | ||
| 185 | store.dispatch('user/reWorkFresh', true) | ||
| 186 | } else { | ||
| 187 | this.$message.error(res.message); | ||
| 188 | } | ||
| 189 | }) | ||
| 190 | }, | ||
| 106 | /** | 191 | /** |
| 107 | * @description: 不动产证书 | 192 | * @description: 不动产证书 |
| 108 | * @author: renchao | 193 | * @author: renchao |
| ... | @@ -126,27 +211,26 @@ | ... | @@ -126,27 +211,26 @@ |
| 126 | const image = new Image(); | 211 | const image = new Image(); |
| 127 | image.onload = () => { | 212 | image.onload = () => { |
| 128 | context.drawImage(image, 0, 0); | 213 | context.drawImage(image, 0, 0); |
| 129 | context.font = '16px 楷体'; | 214 | context.font = '18px 楷体'; |
| 130 | context.fillStyle = '#000000'; | 215 | context.fillStyle = '#000000'; |
| 131 | context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 60, 56); | 216 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); |
| 132 | context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 113, 56); | 217 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); |
| 133 | context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 180, 56); | 218 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 180, 56); |
| 134 | context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 370, 56); | 219 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 370, 56); |
| 135 | context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 129, 97); | 220 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 129, 97); |
| 136 | context.fillText(this.formData.bdcqz.gyqk ? this.formData.bdcqz.gyqk : '', 129, 136); | 221 | context.fillText(this.bdcqz.gyqk ? this.bdcqz.gyqk : '', 129, 136); |
| 137 | 222 | ||
| 138 | this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 223 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
| 139 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) | 224 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) |
| 140 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); | 225 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 129, 223); |
| 141 | 226 | ||
| 142 | 227 | ||
| 143 | 228 | ||
| 144 | context.fillText(this.formData.bdcqz.qllx ? this.formData.bdcqz.qllx : '', 129, 263); | 229 | context.fillText(this.bdcqz.qllx ? this.bdcqz.qllx : '', 129, 263); |
| 145 | context.fillText(this.formData.bdcqz.qlxz ? this.formData.bdcqz.qlxz : '', 129, 303); | 230 | context.fillText(this.bdcqz.qlxz ? this.bdcqz.qlxz : '', 129, 303); |
| 146 | context.fillText(this.formData.bdcqz.yt ? this.formData.bdcqz.yt : '', 129, 346); | 231 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 129, 346); |
| 147 | // context.fillText(this.formData.bdcqz.mj ? this.formData.bdcqz.mj : '', 129, 386); | 232 | let lines6 = this.bdcqz.mj ? this.bdcqz.mj.split(' ') : []; |
| 148 | let lines6 = this.formData.bdcqz.mj ? this.formData.bdcqz.mj.split(' ') : []; | 233 | if (getByteLen(this.bdcqz.mj) > 41) { |
| 149 | if (getByteLen(this.formData.bdcqz.mj) > 41) { | ||
| 150 | lines6.forEach((line, index) => { | 234 | lines6.forEach((line, index) => { |
| 151 | const y = 378 + (index * 27); // 每行文本的垂直位置 | 235 | const y = 378 + (index * 27); // 每行文本的垂直位置 |
| 152 | let currentLine = ''; | 236 | let currentLine = ''; |
| ... | @@ -189,7 +273,7 @@ | ... | @@ -189,7 +273,7 @@ |
| 189 | } | 273 | } |
| 190 | // 权利其他状态 | 274 | // 权利其他状态 |
| 191 | const maxWidth = 332; // 最大宽度限制 | 275 | const maxWidth = 332; // 最大宽度限制 |
| 192 | let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : []; | 276 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
| 193 | for (let i = 0; i < lines.length; i++) { | 277 | for (let i = 0; i < lines.length; i++) { |
| 194 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 278 | let num = Math.ceil(getByteLen(lines[i]) / 41) |
| 195 | if (getByteLen(lines[i]) > 41) { | 279 | if (getByteLen(lines[i]) > 41) { |
| ... | @@ -224,7 +308,7 @@ | ... | @@ -224,7 +308,7 @@ |
| 224 | } | 308 | } |
| 225 | } | 309 | } |
| 226 | 310 | ||
| 227 | let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : []; | 311 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; |
| 228 | lines1.forEach((line, index) => { | 312 | lines1.forEach((line, index) => { |
| 229 | const y = 100 + (index * 30); // 每行文本的垂直位置 | 313 | const y = 100 + (index * 30); // 每行文本的垂直位置 |
| 230 | let currentLine = ''; | 314 | let currentLine = ''; |
| ... | @@ -244,8 +328,8 @@ | ... | @@ -244,8 +328,8 @@ |
| 244 | context.fillText(line, 580, y + (index * 30)); // 调整行高 | 328 | context.fillText(line, 580, y + (index * 30)); // 调整行高 |
| 245 | }) | 329 | }) |
| 246 | }) | 330 | }) |
| 247 | let lines3 = this.formData.bdcqz.syqx ? this.formData.bdcqz.syqx.split(' ') : []; | 331 | let lines3 = this.bdcqz.syqx ? this.bdcqz.syqx.split(' ') : []; |
| 248 | if (getByteLen(this.formData.bdcqz.syqx) > 41) { | 332 | if (getByteLen(this.bdcqz.syqx) > 41) { |
| 249 | lines3.forEach((line, index) => { | 333 | lines3.forEach((line, index) => { |
| 250 | const y = 423 + (index * 27); // 每行文本的垂直位置 | 334 | const y = 423 + (index * 27); // 每行文本的垂直位置 |
| 251 | let currentLine = ''; | 335 | let currentLine = ''; |
| ... | @@ -287,8 +371,8 @@ | ... | @@ -287,8 +371,8 @@ |
| 287 | }) | 371 | }) |
| 288 | } | 372 | } |
| 289 | 373 | ||
| 290 | let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : []; | 374 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; |
| 291 | if (getByteLen(this.formData.bdcqz.zl) > 41) { | 375 | if (getByteLen(this.bdcqz.zl) > 41) { |
| 292 | lines2.forEach((line, index) => { | 376 | lines2.forEach((line, index) => { |
| 293 | const y = 170 + (index * 20); // 每行文本的垂直位置 | 377 | const y = 170 + (index * 20); // 每行文本的垂直位置 |
| 294 | let currentLine = ''; | 378 | let currentLine = ''; |
| ... | @@ -356,28 +440,27 @@ | ... | @@ -356,28 +440,27 @@ |
| 356 | const image = new Image(); | 440 | const image = new Image(); |
| 357 | image.onload = () => { | 441 | image.onload = () => { |
| 358 | context.drawImage(image, 0, 0); | 442 | context.drawImage(image, 0, 0); |
| 359 | context.font = '16px 楷体'; | 443 | context.font = '18px 楷体'; |
| 360 | context.fillStyle = '#000000'; | 444 | context.fillStyle = '#000000'; |
| 361 | // ysxlh | 445 | // ysxlh |
| 362 | context.fillText(this.formData.bdcqz.ysxlh ? this.formData.bdcqz.ysxlh : '', 280, 712); | 446 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); |
| 363 | // djsj | 447 | // djsj |
| 364 | if (this.formData.bdcqz.djsj) { | 448 | if (this.bdcqz.djsj) { |
| 365 | let djsjList = this.formData.bdcqz.djsj.split(' ')[0].split('/') | 449 | let djsjList = this.bdcqz.djsj.split(' ')[0].split('/') |
| 366 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); | 450 | context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580); |
| 367 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); | 451 | context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580); |
| 368 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); | 452 | context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580); |
| 369 | } | 453 | } |
| 370 | context.fillText(this.formData.bdcqz.sjjc ? this.formData.bdcqz.sjjc : '', 620, 125); | 454 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); |
| 371 | context.fillText(this.formData.bdcqz.djnd ? this.formData.bdcqz.djnd : '', 665, 125); | 455 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); |
| 372 | context.fillText(this.formData.bdcqz.sxqc ? this.formData.bdcqz.sxqc : '', 750, 125); | 456 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); |
| 373 | context.fillText(this.formData.bdcqz.sxh ? this.formData.bdcqz.sxh : '', 960, 123); | 457 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); |
| 374 | context.fillText(this.formData.bdcqz.zmqlhsx ? this.formData.bdcqz.zmqlhsx : '', 775, 180); | 458 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); |
| 375 | context.fillText(this.formData.bdcqz.qlr ? this.formData.bdcqz.qlr : '', 775, 228); | 459 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); |
| 376 | // 义务人 | 460 | // 义务人 |
| 377 | context.fillText(this.formData.bdcqz.ywr ? this.formData.bdcqz.ywr : '', 775, 275); | 461 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); |
| 378 | // context.fillText(this.formData.bdcqz.zl ? this.formData.bdcqz.zl : '', 775, 325); | 462 | let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; |
| 379 | let lines2 = this.formData.bdcqz.zl ? this.formData.bdcqz.zl.split(' ') : []; | 463 | if (getByteLen(this.bdcqz.zl) > 41) { |
| 380 | if (getByteLen(this.formData.bdcqz.zl) > 41) { | ||
| 381 | lines2.forEach((line, index) => { | 464 | lines2.forEach((line, index) => { |
| 382 | const y = 315 + (index * 20); // 每行文本的垂直位置 | 465 | const y = 315 + (index * 20); // 每行文本的垂直位置 |
| 383 | let currentLine = ''; | 466 | let currentLine = ''; |
| ... | @@ -419,15 +502,15 @@ | ... | @@ -419,15 +502,15 @@ |
| 419 | }) | 502 | }) |
| 420 | } | 503 | } |
| 421 | // bdcdyh | 504 | // bdcdyh |
| 422 | this.bdcdyh = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + | 505 | this.bdcdyh = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + |
| 423 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) | 506 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) |
| 424 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); | 507 | context.fillText(this.bdcdyh ? this.bdcdyh : '', 775, 373); |
| 425 | // qlqtzk | 508 | // qlqtzk |
| 426 | const maxWidth = 295; // 最大宽度限制 | 509 | const maxWidth = 290; // 最大宽度限制 |
| 427 | let lines = this.formData.bdcqz.qlqtzk ? this.formData.bdcqz.qlqtzk.split('\n') : []; | 510 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
| 428 | for (let i = 0; i < lines.length; i++) { | 511 | for (let i = 0; i < lines.length; i++) { |
| 429 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 512 | let num = Math.ceil(getByteLen(lines[i]) / 37) |
| 430 | if (getByteLen(lines[i]) > 41) { | 513 | if (getByteLen(lines[i]) > 37) { |
| 431 | let currentLine = ''; | 514 | let currentLine = ''; |
| 432 | let arr = []; | 515 | let arr = []; |
| 433 | for (let word of lines[i]) { | 516 | for (let word of lines[i]) { |
| ... | @@ -459,10 +542,10 @@ | ... | @@ -459,10 +542,10 @@ |
| 459 | } | 542 | } |
| 460 | } | 543 | } |
| 461 | // fj | 544 | // fj |
| 462 | let lines1 = this.formData.bdcqz.fj ? this.formData.bdcqz.fj.split('\n') : []; | 545 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; |
| 463 | for (let i = 0; i < lines1.length; i++) { | 546 | for (let i = 0; i < lines1.length; i++) { |
| 464 | let num = Math.ceil(getByteLen(lines1[i]) / 41) | 547 | let num = Math.ceil(getByteLen(lines1[i]) / 37) |
| 465 | if (getByteLen(lines1[i]) > 41) { | 548 | if (getByteLen(lines1[i]) > 37) { |
| 466 | let currentLine = ''; | 549 | let currentLine = ''; |
| 467 | let arr = []; | 550 | let arr = []; |
| 468 | for (let word of lines1[i]) { | 551 | for (let word of lines1[i]) { |
| ... | @@ -494,77 +577,87 @@ | ... | @@ -494,77 +577,87 @@ |
| 494 | } | 577 | } |
| 495 | } | 578 | } |
| 496 | } | 579 | } |
| 497 | |||
| 498 | image.src = this.bdczmSrc; | 580 | image.src = this.bdczmSrc; |
| 499 | }, | 581 | }, |
| 500 | /** | 582 | // 打印 |
| 501 | * @description: handleSubmit | 583 | handlePrint () { |
| 502 | * @author: renchao | 584 | if (this.ruleForm.ysxlh == '') { |
| 503 | */ | 585 | this.$message.error('请选择印刷序列号'); |
| 504 | handleSubmit () { | 586 | return; |
| 505 | this.savePrintRecord() | 587 | } |
| 588 | store.dispatch('user/reWorkFresh', false) | ||
| 589 | let that = this | ||
| 590 | if (this.bdcqz.bdcqzlx == 1) { | ||
| 591 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(resInfo => { | ||
| 592 | if (resInfo.code == 200) { | ||
| 593 | //打开模板设计 | ||
| 594 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
| 595 | LODOP.ADD_PRINT_DATA("ProgramData", resInfo.result.tmpcontent); //装载模板 | ||
| 596 | |||
| 597 | this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | ||
| 598 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | ||
| 599 | //todo 调取后端接口获取数据 循环set | ||
| 600 | for (let key in this.bdcqz) { | ||
| 601 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); | ||
| 602 | } | ||
| 603 | LODOP.PREVIEW(); | ||
| 604 | } else { | ||
| 605 | this.$message.error(resInfo.message) | ||
| 606 | } | ||
| 607 | that.$popupCacel() | ||
| 608 | //刷新列表 | ||
| 609 | store.dispatch('user/reWorkFresh', true) | ||
| 610 | }) | ||
| 611 | } else { | ||
| 612 | getPrintTemplateByCode({ tmpno: 'zmdy' }).then(resInfo => { | ||
| 613 | if (resInfo.code == 200) { | ||
| 614 | //打开模板设计 | ||
| 615 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
| 616 | LODOP.ADD_PRINT_DATA("ProgramData", resInfo.result.tmpcontent); //装载模板 | ||
| 617 | |||
| 618 | // 年月日 | ||
| 619 | this.bdcqz.nian = this.bdcqz.djsj.split(' ')[0].split('/')[0] | ||
| 620 | this.bdcqz.yue = this.bdcqz.djsj.split(' ')[0].split('/')[1] | ||
| 621 | this.bdcqz.ri = this.bdcqz.djsj.split(' ')[0].split('/')[1] | ||
| 622 | this.bdcqz.bdcdyh1 = this.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.bdcqz.bdcdyh.slice(6, 12) + ' ' + | ||
| 623 | this.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.bdcqz.bdcdyh.slice(19, this.bdcqz.bdcdyh.length) | ||
| 624 | //todo 调取后端接口获取数据 循环set | ||
| 625 | for (let key in this.bdcqz) { | ||
| 626 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.bdcqz[key]); | ||
| 627 | } | ||
| 628 | LODOP.PREVIEW(); | ||
| 629 | } else { | ||
| 630 | this.$message.error(resInfo.message) | ||
| 631 | } | ||
| 632 | that.$popupCacel() | ||
| 633 | //刷新列表 | ||
| 634 | store.dispatch('user/reWorkFresh', true) | ||
| 635 | }) | ||
| 636 | } | ||
| 506 | }, | 637 | }, |
| 507 | /** | 638 | /** |
| 508 | * @description: 保存打印记录 | 639 | * @description: 保存打印记录 |
| 509 | * @author: renchao | 640 | * @author: renchao |
| 510 | */ | 641 | */ |
| 511 | savePrintRecord () { | 642 | handleSubmit () { |
| 512 | let that = this | 643 | let that = this |
| 513 | this.ruleForm.bsmBdcqz = this.formData.bdcqz.bsmBdcqz; | 644 | if (this.ruleForm.ysxlh == '') { |
| 514 | this.ruleForm.bdcqzlx = this.formData.bdcqz.bdcqzlx; | 645 | this.$message.error('请选择印刷序列号'); |
| 515 | this.ruleForm.szzh = this.formData.bdcqz.bdcqzh; | 646 | return; |
| 647 | } | ||
| 648 | store.dispatch('user/reWorkFresh', false) | ||
| 649 | this.ruleForm.bsmBdcqz = this.bdcqz.bsmBdcqz; | ||
| 650 | this.ruleForm.bdcqzlx = this.bdcqz.bdcqzlx; | ||
| 651 | this.ruleForm.szzh = this.bdcqz.bdcqzh; | ||
| 652 | this.bdcqz.ysxlh = this.ruleForm.ysxlh | ||
| 516 | certificate(this.ruleForm).then((res) => { | 653 | certificate(this.ruleForm).then((res) => { |
| 517 | if (res.code === 200) { | 654 | if (res.code === 200) { |
| 518 | that.$popupCacel() | 655 | that.$popupCacel() |
| 519 | if (this.formData.bdcqz.bdcqzlx == 1) { | 656 | this.handlePrint() |
| 520 | getPrintTemplateByCode({ tmpno: 'zsdy' }).then(res => { | ||
| 521 | if (res.code == 200) { | ||
| 522 | //打开模板设计 | ||
| 523 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
| 524 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | ||
| 525 | |||
| 526 | this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + | ||
| 527 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) | ||
| 528 | //todo 调取后端接口获取数据 循环set | ||
| 529 | for (let key in this.formData.bdcqz) { | ||
| 530 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]); | ||
| 531 | } | ||
| 532 | LODOP.PREVIEW(); | ||
| 533 | that.$popupCacel() | ||
| 534 | } else { | ||
| 535 | this.$message.error(res.message) | ||
| 536 | } | ||
| 537 | }) | ||
| 538 | } else { | ||
| 539 | getPrintTemplateByCode({ tmpno: 'zmdy' }).then(res => { | ||
| 540 | if (res.code == 200) { | ||
| 541 | //打开模板设计 | ||
| 542 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
| 543 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | ||
| 544 | |||
| 545 | // 年月日 | ||
| 546 | this.formData.bdcqz.nian = this.formData.bdcqz.djsj.split(' ')[0].split('/')[0] | ||
| 547 | this.formData.bdcqz.yue = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1] | ||
| 548 | this.formData.bdcqz.ri = this.formData.bdcqz.djsj.split(' ')[0].split('/')[1] | ||
| 549 | this.formData.bdcqz.bdcdyh1 = this.formData.bdcqz.bdcdyh.slice(0, 6) + ' ' + this.formData.bdcqz.bdcdyh.slice(6, 12) + ' ' + | ||
| 550 | this.formData.bdcqz.bdcdyh.slice(12, 19) + ' ' + this.formData.bdcqz.bdcdyh.slice(19, this.formData.bdcqz.bdcdyh.length) | ||
| 551 | //todo 调取后端接口获取数据 循环set | ||
| 552 | for (let key in this.formData.bdcqz) { | ||
| 553 | LODOP.SET_PRINT_STYLEA(key, "CONTENT", this.formData.bdcqz[key]); | ||
| 554 | } | ||
| 555 | LODOP.PREVIEW(); | ||
| 556 | that.$popupCacel() | ||
| 557 | } else { | ||
| 558 | this.$message.error(res.message) | ||
| 559 | } | ||
| 560 | }) | ||
| 561 | } | ||
| 562 | |||
| 563 | //刷新列表 | ||
| 564 | store.dispatch('user/reWorkFresh', true) | ||
| 565 | } else { | 657 | } else { |
| 566 | this.$message.error(res.message) | 658 | this.$message.error(res.message) |
| 567 | } | 659 | } |
| 660 | store.dispatch('user/reWorkFresh', true) | ||
| 568 | }) | 661 | }) |
| 569 | } | 662 | } |
| 570 | } | 663 | } |
| ... | @@ -579,4 +672,36 @@ | ... | @@ -579,4 +672,36 @@ |
| 579 | .zs-content { | 672 | .zs-content { |
| 580 | text-align: center; | 673 | text-align: center; |
| 581 | } | 674 | } |
| 675 | .invalid-diglog { | ||
| 676 | padding-bottom: 20px; | ||
| 677 | font-size: 16px; | ||
| 678 | font-weight: bold; | ||
| 679 | color: rgb(99, 99, 99); | ||
| 680 | |||
| 681 | .invalid-title { | ||
| 682 | display: flex; | ||
| 683 | align-content: center; | ||
| 684 | |||
| 685 | .invalid-icon { | ||
| 686 | color: rgb(254, 148, 0); | ||
| 687 | font-size: 34px; | ||
| 688 | margin-right: 10px; | ||
| 689 | } | ||
| 690 | |||
| 691 | .invalid-body { | ||
| 692 | line-height: 40px; | ||
| 693 | margin-bottom: 10px; | ||
| 694 | } | ||
| 695 | } | ||
| 696 | |||
| 697 | .invalid-reson { | ||
| 698 | margin-bottom: 10px; | ||
| 699 | } | ||
| 700 | |||
| 701 | .dialog-footer { | ||
| 702 | margin-top: 10px; | ||
| 703 | display: flex; | ||
| 704 | justify-content: flex-end; | ||
| 705 | } | ||
| 706 | } | ||
| 582 | </style> | 707 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-31 09:48:52 | 4 | * @LastEditTime: 2023-09-06 15:47:54 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
| ... | @@ -143,7 +143,7 @@ | ... | @@ -143,7 +143,7 @@ |
| 143 | const image = new Image(); | 143 | const image = new Image(); |
| 144 | image.onload = () => { | 144 | image.onload = () => { |
| 145 | context.drawImage(image, 0, 0); | 145 | context.drawImage(image, 0, 0); |
| 146 | context.font = '16px 楷体'; | 146 | context.font = '18px 楷体'; |
| 147 | context.fillStyle = '#000000'; | 147 | context.fillStyle = '#000000'; |
| 148 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); | 148 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); |
| 149 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); | 149 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); |
| ... | @@ -206,17 +206,16 @@ | ... | @@ -206,17 +206,16 @@ |
| 206 | } | 206 | } |
| 207 | // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); | 207 | // context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 129, 429); |
| 208 | // 权利其他状态 | 208 | // 权利其他状态 |
| 209 | const maxWidth = 332; // 最大宽度限制 | ||
| 210 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 209 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
| 211 | for (let i = 0; i < lines.length; i++) { | 210 | for (let i = 0; i < lines.length; i++) { |
| 212 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 211 | let num = Math.ceil(getByteLen(lines[i]) / 40) |
| 213 | if (getByteLen(lines[i]) > 41) { | 212 | if (getByteLen(lines[i]) > 40) { |
| 214 | let currentLine = ''; | 213 | let currentLine = ''; |
| 215 | let arr = []; | 214 | let arr = []; |
| 216 | for (let word of lines[i]) { | 215 | for (let word of lines[i]) { |
| 217 | const testLine = currentLine + word; | 216 | const testLine = currentLine + word; |
| 218 | const lineWidth = context.measureText(testLine).width; | 217 | const lineWidth = context.measureText(testLine).width; |
| 219 | if (lineWidth <= maxWidth) { | 218 | if (lineWidth <= 323) { |
| 220 | currentLine = testLine; | 219 | currentLine = testLine; |
| 221 | } else { | 220 | } else { |
| 222 | arr.push(currentLine); | 221 | arr.push(currentLine); |
| ... | @@ -226,11 +225,11 @@ | ... | @@ -226,11 +225,11 @@ |
| 226 | arr.push(currentLine); | 225 | arr.push(currentLine); |
| 227 | if (i > 0) { | 226 | if (i > 0) { |
| 228 | arr.forEach((line, index) => { | 227 | arr.forEach((line, index) => { |
| 229 | context.fillText(line, 129, 480 + (26 * (i - 1)) + 5 * num + (index * 13)); // 调整行高 | 228 | context.fillText(line, 129, 480 + (26 * (i - 1)) + 4 * num + (index * 13)); // 调整行高 |
| 230 | }) | 229 | }) |
| 231 | } else { | 230 | } else { |
| 232 | arr.forEach((line, index) => { | 231 | arr.forEach((line, index) => { |
| 233 | context.fillText(line, 129, 480 + (26 * (i - 1)) + (index * 13)); // 调整行高 | 232 | context.fillText(line, 129, 490 + (26 * (i - 1)) + (index * 13)); // 调整行高 |
| 234 | }) | 233 | }) |
| 235 | } | 234 | } |
| 236 | } else { | 235 | } else { |
| ... | @@ -374,7 +373,7 @@ | ... | @@ -374,7 +373,7 @@ |
| 374 | const image = new Image(); | 373 | const image = new Image(); |
| 375 | image.onload = () => { | 374 | image.onload = () => { |
| 376 | context.drawImage(image, 0, 0); | 375 | context.drawImage(image, 0, 0); |
| 377 | context.font = '16px 楷体'; | 376 | context.font = '18px 楷体'; |
| 378 | context.fillStyle = '#000000'; | 377 | context.fillStyle = '#000000'; |
| 379 | // ysxlh | 378 | // ysxlh |
| 380 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); | 379 | context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712); |
| ... | @@ -447,8 +446,8 @@ | ... | @@ -447,8 +446,8 @@ |
| 447 | const maxWidth = 295; // 最大宽度限制 | 446 | const maxWidth = 295; // 最大宽度限制 |
| 448 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | 447 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; |
| 449 | for (let i = 0; i < lines.length; i++) { | 448 | for (let i = 0; i < lines.length; i++) { |
| 450 | let num = Math.ceil(getByteLen(lines[i]) / 41) | 449 | let num = Math.ceil(getByteLen(lines[i]) / 37) |
| 451 | if (getByteLen(lines[i]) > 41) { | 450 | if (getByteLen(lines[i]) > 37) { |
| 452 | let currentLine = ''; | 451 | let currentLine = ''; |
| 453 | let arr = []; | 452 | let arr = []; |
| 454 | for (let word of lines[i]) { | 453 | for (let word of lines[i]) { |
| ... | @@ -464,27 +463,26 @@ | ... | @@ -464,27 +463,26 @@ |
| 464 | arr.push(currentLine); | 463 | arr.push(currentLine); |
| 465 | if (i > 0) { | 464 | if (i > 0) { |
| 466 | arr.forEach((line, index) => { | 465 | arr.forEach((line, index) => { |
| 467 | context.fillText(line, 770, 428 + (23 * (i - 1)) + 5 * num + (index * 14)); // 调整行高 | 466 | context.fillText(line, 770, 428 + (25 * (i - 1)) + 5 * num + (index * 15)); // 调整行高 |
| 468 | }) | 467 | }) |
| 469 | } else { | 468 | } else { |
| 470 | arr.forEach((line, index) => { | 469 | arr.forEach((line, index) => { |
| 471 | context.fillText(line, 770, 435 + (23 * (i - 1)) + (index * 14)); // 调整行高 | 470 | context.fillText(line, 770, 435 + (25 * (i - 1)) + (index * 14)); // 调整行高 |
| 472 | }) | 471 | }) |
| 473 | } | 472 | } |
| 474 | } else { | 473 | } else { |
| 475 | context.fillText(lines[i] ? lines[i] : '', 770, 440 + 4 * num + (22 * (i - 1))); | 474 | if (i > 0) { |
| 476 | // if (i > 0) { | 475 | context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (24 * (i - 1))); |
| 477 | // context.fillText(lines[i] ? lines[i] : '', 770, 440 + 5 * num + (23 * (i - 1))); | 476 | } else { |
| 478 | // } else { | 477 | context.fillText(lines[i] ? lines[i] : '', 770, 440 + (24 * (i - 1))); |
| 479 | // context.fillText(lines[i] ? lines[i] : '', 770, 440 + (23 * (i - 1))); | 478 | } |
| 480 | // } | ||
| 481 | } | 479 | } |
| 482 | } | 480 | } |
| 483 | // fj | 481 | // fj |
| 484 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; | 482 | let lines1 = this.bdcqz.fj ? this.bdcqz.fj.split('\n') : []; |
| 485 | for (let i = 0; i < lines1.length; i++) { | 483 | for (let i = 0; i < lines1.length; i++) { |
| 486 | let num = Math.ceil(getByteLen(lines1[i]) / 41) | 484 | let num = Math.ceil(getByteLen(lines1[i]) / 37) |
| 487 | if (getByteLen(lines1[i]) > 41) { | 485 | if (getByteLen(lines1[i]) > 37) { |
| 488 | let currentLine = ''; | 486 | let currentLine = ''; |
| 489 | let arr = []; | 487 | let arr = []; |
| 490 | for (let word of lines1[i]) { | 488 | for (let word of lines1[i]) { | ... | ... |
src/views/workflow/components/sdqxx.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-06 15:20:16 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class="slxx sdqxx"> | ||
| 8 | <el-form | ||
| 9 | :model="ruleForm" | ||
| 10 | ref="ruleForm" | ||
| 11 | v-Loading="loading" | ||
| 12 | :label-position="flag ? 'top' : ''" | ||
| 13 | :inline="flag" | ||
| 14 | label-width="130px"> | ||
| 15 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | ||
| 16 | <div class="slxx_title title-block"> | ||
| 17 | 电力信息 | ||
| 18 | <div class="triangle"></div> | ||
| 19 | </div> | ||
| 20 | <el-row :gutter="10"> | ||
| 21 | <el-col :span="8"> | ||
| 22 | <el-form-item label="服务代码："> | ||
| 23 | <el-input v-model="ruleForm.serviceCode"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | <el-col :span="8"> | ||
| 27 | <el-form-item label="行政区划区县代码："> | ||
| 28 | <el-input v-model="ruleForm.AREACODE"></el-input> | ||
| 29 | </el-form-item> | ||
| 30 | </el-col> | ||
| 31 | <el-col :span="8"> | ||
| 32 | <el-form-item label="登记系统业务号："> | ||
| 33 | <el-input v-model="ruleForm.YWH"></el-input> | ||
| 34 | </el-form-item> | ||
| 35 | </el-col> | ||
| 36 | </el-row> | ||
| 37 | |||
| 38 | <el-row :gutter="10"> | ||
| 39 | <el-col :span="8"> | ||
| 40 | <el-form-item label="推送日期："> | ||
| 41 | <el-input v-model="ruleForm.SENDTIME"></el-input> | ||
| 42 | </el-form-item> | ||
| 43 | </el-col> | ||
| 44 | <el-col :span="8"> | ||
| 45 | <el-form-item label="原户主姓名："> | ||
| 46 | <el-input v-model="ruleForm.MC_OLD"></el-input> | ||
| 47 | </el-form-item> | ||
| 48 | </el-col> | ||
| 49 | <el-col :span="8"> | ||
| 50 | <el-form-item label="原户主身份证号码："> | ||
| 51 | <el-input v-model="ruleForm.ZJHM_OLD"></el-input> | ||
| 52 | </el-form-item> | ||
| 53 | </el-col> | ||
| 54 | </el-row> | ||
| 55 | <el-row :gutter="10"> | ||
| 56 | <el-col :span="8"> | ||
| 57 | <el-form-item label="原户主联系电话："> | ||
| 58 | <el-input v-model="ruleForm.LXDH_OLD"></el-input> | ||
| 59 | </el-form-item> | ||
| 60 | </el-col> | ||
| 61 | <el-col :span="8"> | ||
| 62 | <el-form-item label="新户主姓名："> | ||
| 63 | <el-input v-model="ruleForm.MC_NEW"></el-input> | ||
| 64 | </el-form-item> | ||
| 65 | </el-col> | ||
| 66 | <el-col :span="8"> | ||
| 67 | <el-form-item label="新户主身份证号码："> | ||
| 68 | <el-input v-model="ruleForm.ZJHM_NEW"></el-input> | ||
| 69 | </el-form-item> | ||
| 70 | </el-col> | ||
| 71 | </el-row> | ||
| 72 | <el-row :gutter="10"> | ||
| 73 | <el-col :span="8"> | ||
| 74 | <el-form-item label="新户主联系电话："> | ||
| 75 | <el-input v-model="ruleForm.LXDH_NEW"></el-input> | ||
| 76 | </el-form-item> | ||
| 77 | </el-col> | ||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item label="房产证编号："> | ||
| 80 | <el-input v-model="ruleForm.FCZBH"></el-input> | ||
| 81 | </el-form-item> | ||
| 82 | </el-col> | ||
| 83 | <el-col :span="8"> | ||
| 84 | <el-form-item label="是否过户："> | ||
| 85 | <el-switch | ||
| 86 | v-model="ruleForm.SFGH" | ||
| 87 | :active-value='1' | ||
| 88 | active-text="是" | ||
| 89 | :inactive-value="0" | ||
| 90 | inactive-text="否"> | ||
| 91 | </el-switch> | ||
| 92 | </el-form-item> | ||
| 93 | </el-col> | ||
| 94 | |||
| 95 | </el-row> | ||
| 96 | <el-row :gutter="10"> | ||
| 97 | <el-col :span="24"> | ||
| 98 | <el-form-item label="房屋坐落（地址）："> | ||
| 99 | <el-input v-model="ruleForm.FWZL" type="textarea" | ||
| 100 | :rows="2"></el-input> | ||
| 101 | </el-form-item> | ||
| 102 | </el-col> | ||
| 103 | </el-row> | ||
| 104 | </div> | ||
| 105 | </el-form> | ||
| 106 | </div> | ||
| 107 | </template> | ||
| 108 | <script> | ||
| 109 | import { mapGetters } from "vuex"; | ||
| 110 | export default { | ||
| 111 | computed: { | ||
| 112 | ...mapGetters(["dictData", "flag"]), | ||
| 113 | }, | ||
| 114 | mounted () { | ||
| 115 | // this.loading = true | ||
| 116 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | ||
| 117 | this.propsParam = this.$attrs; | ||
| 118 | var formdata = new FormData(); | ||
| 119 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 120 | formdata.append("djlx", this.propsParam.djlx); | ||
| 121 | formdata.append("isEdit", this.viewEdit); | ||
| 122 | // Init(formdata).then((res) => { | ||
| 123 | // if (res.code === 200 && res.result) { | ||
| 124 | // } | ||
| 125 | // }); | ||
| 126 | }, | ||
| 127 | data () { | ||
| 128 | return { | ||
| 129 | loading: false, | ||
| 130 | //表单是否可操作 | ||
| 131 | viewEdit: false, | ||
| 132 | ruleForm: { | ||
| 133 | SFGH: 1 | ||
| 134 | } | ||
| 135 | } | ||
| 136 | }, | ||
| 137 | methods: { | ||
| 138 | } | ||
| 139 | } | ||
| 140 | </script> | ||
| 141 | <style scoped lang="scss"> | ||
| 142 | @import "~@/styles/public.scss"; | ||
| 143 | @import "~@/styles/slxx/slxx.scss"; | ||
| 144 | </style> |
src/views/workflow/components/sfxx.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-06 09:09:45 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div class='sfxx'> | ||
| 8 | <div class="sfxx-left"> | ||
| 9 | <div class="slxx_title title-block"> | ||
| 10 | 基本信息 | ||
| 11 | <div class="triangle"></div> | ||
| 12 | </div> | ||
| 13 | <ul> | ||
| 14 | <li> | ||
| 15 | <p>业务号</p> | ||
| 16 | <p>{{detail.ywh}}</p> | ||
| 17 | </li> | ||
| 18 | <li> | ||
| 19 | <p>申请登记类型</p> | ||
| 20 | <p>{{detail.sqdjlx}}</p> | ||
| 21 | </li> | ||
| 22 | <li> | ||
| 23 | <p>联系人</p> | ||
| 24 | <p>{{detail.lxr}}</p> | ||
| 25 | </li> | ||
| 26 | <li> | ||
| 27 | <p>联系人电话</p> | ||
| 28 | <p>{{detail.lxdh}}</p> | ||
| 29 | </li> | ||
| 30 | <li> | ||
| 31 | <p>缴费人</p> | ||
| 32 | <p><el-input v-model="detail.jfr"></el-input></p> | ||
| 33 | </li> | ||
| 34 | <li> | ||
| 35 | <p>缴费单号</p> | ||
| 36 | <p><el-input v-model="detail.jfdh"></el-input></p> | ||
| 37 | </li> | ||
| 38 | <li> | ||
| 39 | <p>应收金额</p> | ||
| 40 | <p style="color:red">{{detail.ysje}}元</p> | ||
| 41 | </li> | ||
| 42 | <li> | ||
| 43 | <p>实收金额</p> | ||
| 44 | <p><el-input v-model="detail.ssje"></el-input></p> | ||
| 45 | </li> | ||
| 46 | <li> | ||
| 47 | <p>备注</p> | ||
| 48 | <p><el-input v-model="detail.bz"></el-input></p> | ||
| 49 | </li> | ||
| 50 | </ul> | ||
| 51 | </div> | ||
| 52 | <div class="sfxx-right"> | ||
| 53 | <div class="slxx_title title-block"> | ||
| 54 | 收费明细 | ||
| 55 | <div class="triangle"></div> | ||
| 56 | </div> | ||
| 57 | <el-table :data="tableData.data" border :height="355"> | ||
| 58 | <el-table-column v-for="item in tableData.columns" :key="item.index" :prop="item.prop" :label="item.label" align="center"> | ||
| 59 | </el-table-column> | ||
| 60 | <el-table-column label="操作" width="50"> | ||
| 61 | <template slot-scope="scope"> | ||
| 62 | <el-button type="text">使用</el-button> | ||
| 63 | </template> | ||
| 64 | </el-table-column> | ||
| 65 | </el-table> | ||
| 66 | </div> | ||
| 67 | </div> | ||
| 68 | </template> | ||
| 69 | <script> | ||
| 70 | |||
| 71 | export default { | ||
| 72 | components: {}, | ||
| 73 | data () { | ||
| 74 | return { | ||
| 75 | detail: { | ||
| 76 | ywh: '', | ||
| 77 | sqdjlx: '', | ||
| 78 | lxr: '', | ||
| 79 | lxdh: '', | ||
| 80 | jfr: '', | ||
| 81 | jfdh: '', | ||
| 82 | ysje: '', | ||
| 83 | ssje: '', | ||
| 84 | bz: '' | ||
| 85 | }, | ||
| 86 | tableData: { | ||
| 87 | columns: [ | ||
| 88 | { | ||
| 89 | prop: "sfxmmc", | ||
| 90 | label: "收费项目名称", | ||
| 91 | }, | ||
| 92 | { | ||
| 93 | prop: "sl", | ||
| 94 | label: "数县", | ||
| 95 | }, | ||
| 96 | { | ||
| 97 | prop: "je", | ||
| 98 | label: "金额(元)", | ||
| 99 | }, | ||
| 100 | { | ||
| 101 | label: '操作', | ||
| 102 | align: 'center', | ||
| 103 | render: (h, scope) => { | ||
| 104 | return ( | ||
| 105 | <div> | ||
| 106 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { }}></el-button> | ||
| 107 | </div> | ||
| 108 | ) | ||
| 109 | } | ||
| 110 | } | ||
| 111 | ], | ||
| 112 | data: [] | ||
| 113 | } | ||
| 114 | } | ||
| 115 | } | ||
| 116 | } | ||
| 117 | </script> | ||
| 118 | <style scoped lang='scss'> | ||
| 119 | @import "~@/styles/public.scss"; | ||
| 120 | .sfxx { | ||
| 121 | display: flex; | ||
| 122 | padding: 10px; | ||
| 123 | height: 100%; | ||
| 124 | box-sizing: border-box; | ||
| 125 | &-left { | ||
| 126 | width: 50%; | ||
| 127 | margin-right: 10px; | ||
| 128 | ul { | ||
| 129 | border-radius: 3px; | ||
| 130 | } | ||
| 131 | li:last-child { | ||
| 132 | border-bottom: 1px solid #e8e5e5; | ||
| 133 | } | ||
| 134 | li { | ||
| 135 | display: flex; | ||
| 136 | border: 1px solid #e8e5e5; | ||
| 137 | border-bottom: none; | ||
| 138 | |||
| 139 | p:nth-child(1) { | ||
| 140 | width: 35%; | ||
| 141 | text-align: center; | ||
| 142 | background-color: #fafafa; | ||
| 143 | border-right: 1px solid #e8e5e5; | ||
| 144 | padding: 10px 0; | ||
| 145 | } | ||
| 146 | p:nth-child(2) { | ||
| 147 | width: 65%; | ||
| 148 | display: flex; | ||
| 149 | align-items: center; | ||
| 150 | box-sizing: border-box; | ||
| 151 | margin: 0 10px; | ||
| 152 | } | ||
| 153 | } | ||
| 154 | } | ||
| 155 | &-right { | ||
| 156 | width: 50%; | ||
| 157 | margin-left: 10px; | ||
| 158 | } | ||
| 159 | } | ||
| 160 | </style> | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
src/views/workflow/components/swxx.vue
0 → 100644
| 1 | <template> | ||
| 2 | <div class="slxx swxx"> | ||
| 3 | <el-form | ||
| 4 | :model="ruleForm" | ||
| 5 | ref="ruleForm" | ||
| 6 | v-Loading="loading" | ||
| 7 | :label-position="flag ? 'top' : ''" | ||
| 8 | :inline="flag" | ||
| 9 | label-width="120px"> | ||
| 10 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | ||
| 11 | <div class="slxx_title title-block"> | ||
| 12 | 不动产信息 | ||
| 13 | <div class="triangle"></div> | ||
| 14 | </div> | ||
| 15 | <el-row :gutter="10"> | ||
| 16 | <el-col :span="8"> | ||
| 17 | <el-form-item label="不动产单元号："> | ||
| 18 | <el-input disabled v-model="ruleForm.bdcdyh"></el-input> | ||
| 19 | </el-form-item> | ||
| 20 | </el-col> | ||
| 21 | <el-col :span="8"> | ||
| 22 | <el-form-item label="原产证号："> | ||
| 23 | <el-input disabled v-model="ruleForm.yfczh"></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | <el-col :span="8"> | ||
| 27 | <el-form-item label="面积(m3)："> | ||
| 28 | <el-input disabled v-model="ruleForm.mj"></el-input> | ||
| 29 | </el-form-item> | ||
| 30 | </el-col> | ||
| 31 | </el-row> | ||
| 32 | <el-row :gutter="10"> | ||
| 33 | <el-col :span="8"> | ||
| 34 | <el-form-item label="权利类型："> | ||
| 35 | <el-input disabled v-model="ruleForm.qllxmc"></el-input> | ||
| 36 | </el-form-item> | ||
| 37 | </el-col> | ||
| 38 | <el-col :span="8"> | ||
| 39 | <el-form-item label="用途："> | ||
| 40 | <el-input disabled v-model="ruleForm.yt"></el-input> | ||
| 41 | </el-form-item> | ||
| 42 | </el-col> | ||
| 43 | <el-col :span="8"> | ||
| 44 | <el-form-item label="坐落："> | ||
| 45 | <el-input disabled v-model="ruleForm.zl"></el-input> | ||
| 46 | </el-form-item> | ||
| 47 | </el-col> | ||
| 48 | </el-row> | ||
| 49 | <div class="slxx_title title-block"> | ||
| 50 | 买方信息 | ||
| 51 | <div class="triangle"></div> | ||
| 52 | </div> | ||
| 53 | <lb-table :column="column" :pagination="false" :heightNumSetting="true" | ||
| 54 | :data="ruleForm.tableDataList"> | ||
| 55 | </lb-table> | ||
| 56 | <div class="slxx_title title-block"> | ||
| 57 | 卖方信息 | ||
| 58 | <div class="triangle"></div> | ||
| 59 | </div> | ||
| 60 | <lb-table :column="column1" :pagination="false" :heightNumSetting="true" | ||
| 61 | :data="ruleForm.tableDataList"> | ||
| 62 | </lb-table> | ||
| 63 | <div class="slxx_title title-block"> | ||
| 64 | 合同信息 | ||
| 65 | <div class="triangle"></div> | ||
| 66 | </div> | ||
| 67 | <el-row :gutter="10"> | ||
| 68 | <el-col :span="8"> | ||
| 69 | <el-form-item label="合同编号："> | ||
| 70 | <el-input v-model="ruleForm.htbh"></el-input> | ||
| 71 | </el-form-item> | ||
| 72 | </el-col> | ||
| 73 | <el-col :span="8"> | ||
| 74 | <el-form-item label="合同金额(万元)："> | ||
| 75 | <el-input v-model="ruleForm.htje"></el-input> | ||
| 76 | </el-form-item> | ||
| 77 | </el-col> | ||
| 78 | <el-col :span="8"> | ||
| 79 | <el-form-item label="签订时间："> | ||
| 80 | <el-date-picker | ||
| 81 | class="width100" | ||
| 82 | v-model="ruleForm.qdsj" | ||
| 83 | type="date" | ||
| 84 | placeholder="选择日期" | ||
| 85 | value-format="yyyy-MM-dd HH:mm:ss" | ||
| 86 | format="yyyy-MM-dd"> | ||
| 87 | </el-date-picker> | ||
| 88 | </el-form-item> | ||
| 89 | </el-col> | ||
| 90 | </el-row> | ||
| 91 | <div class="slxx_title title-block"> | ||
| 92 | 缴税信息 | ||
| 93 | <div class="triangle"></div> | ||
| 94 | </div> | ||
| 95 | <lb-table :column="column2" :pagination="false" :heightNumSetting="true" | ||
| 96 | :data="ruleForm.tableDataList"> | ||
| 97 | </lb-table> | ||
| 98 | </div> | ||
| 99 | <el-row class="btn" v-if="viewEdit"> | ||
| 100 | <el-form-item> | ||
| 101 | <el-button type="primary" @click="onSubmit">保存</el-button> | ||
| 102 | </el-form-item> | ||
| 103 | </el-row> | ||
| 104 | </el-form> | ||
| 105 | </div> | ||
| 106 | </template> | ||
| 107 | <script> | ||
| 108 | import { mapGetters } from "vuex"; | ||
| 109 | export default { | ||
| 110 | computed: { | ||
| 111 | ...mapGetters(["dictData", "flag"]), | ||
| 112 | }, | ||
| 113 | mounted () { | ||
| 114 | // this.loading = true | ||
| 115 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | ||
| 116 | this.propsParam = this.$attrs; | ||
| 117 | var formdata = new FormData(); | ||
| 118 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 119 | formdata.append("djlx", this.propsParam.djlx); | ||
| 120 | formdata.append("isEdit", this.viewEdit); | ||
| 121 | // Init(formdata).then((res) => { | ||
| 122 | // if (res.code === 200 && res.result) { | ||
| 123 | // } | ||
| 124 | // }); | ||
| 125 | }, | ||
| 126 | data () { | ||
| 127 | return { | ||
| 128 | loading: false, | ||
| 129 | //表单是否可操作 | ||
| 130 | viewEdit: false, | ||
| 131 | column: [ | ||
| 132 | { | ||
| 133 | prop: "qlrxm", | ||
| 134 | label: "权利人姓名" | ||
| 135 | }, | ||
| 136 | { | ||
| 137 | prop: "gyqk", | ||
| 138 | label: "共有情况" | ||
| 139 | }, | ||
| 140 | { | ||
| 141 | prop: "zjzl", | ||
| 142 | label: "身份证号种类" | ||
| 143 | }, | ||
| 144 | { | ||
| 145 | prop: "zjhm", | ||
| 146 | label: "证件号码" | ||
| 147 | }, | ||
| 148 | ], | ||
| 149 | column1: [{ | ||
| 150 | prop: "ywrxm", | ||
| 151 | label: "义务人姓名" | ||
| 152 | }, | ||
| 153 | { | ||
| 154 | prop: "zjzl", | ||
| 155 | label: "身份证号种类" | ||
| 156 | }, | ||
| 157 | { | ||
| 158 | prop: "zjhm", | ||
| 159 | label: "证件号码" | ||
| 160 | }], | ||
| 161 | column2: [{ | ||
| 162 | type: 'index', | ||
| 163 | label: "序号", | ||
| 164 | width: '50' | ||
| 165 | }, | ||
| 166 | { | ||
| 167 | prop: "nsr", | ||
| 168 | label: "纳税人" | ||
| 169 | }, | ||
| 170 | { | ||
| 171 | prop: "sz", | ||
| 172 | label: "税种" | ||
| 173 | }, | ||
| 174 | { | ||
| 175 | prop: "jsyj", | ||
| 176 | label: "计税依据" | ||
| 177 | }, | ||
| 178 | { | ||
| 179 | prop: "sl", | ||
| 180 | label: "税率" | ||
| 181 | }, | ||
| 182 | { | ||
| 183 | prop: "jsje", | ||
| 184 | label: "计税金额" | ||
| 185 | }], | ||
| 186 | ruleForm: { | ||
| 187 | tableDataList: [] | ||
| 188 | } | ||
| 189 | } | ||
| 190 | }, | ||
| 191 | methods: { | ||
| 192 | onSubmit () { } | ||
| 193 | } | ||
| 194 | } | ||
| 195 | </script> | ||
| 196 | <style scoped lang="scss"> | ||
| 197 | @import "~@/styles/public.scss"; | ||
| 198 | @import "~@/styles/slxx/slxx.scss"; | ||
| 199 | </style> |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-04 17:12:05 | 4 | * @LastEditTime: 2023-09-05 14:28:25 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="szxx"> | 7 | <div class="szxx"> |
| ... | @@ -55,28 +55,14 @@ | ... | @@ -55,28 +55,14 @@ |
| 55 | </div> | 55 | </div> |
| 56 | </div> | 56 | </div> |
| 57 | </el-card> | 57 | </el-card> |
| 58 | <el-dialog title="证书作废" :visible.sync="invalidDiglog" width="30%" :modal-append-to-body="false" top="30vh"> | 58 | |
| 59 | <div class="invalid-diglog"> | ||
| 60 | <div class="invalid-title"> | ||
| 61 | <i class="el-icon-question invalid-icon"></i> | ||
| 62 | <div class="invalid-body">您确定作废证书并再次打印？印刷序列号{{ysxlh}}</div> | ||
| 63 | </div> | ||
| 64 | <div class="invalid-reson">作废原因：</div> | ||
| 65 | <el-input v-model="zfyy" placeholder="请输入作废原因" type="textarea" :rows="4"></el-input> | ||
| 66 | <div class="text-center pt-10"> | ||
| 67 | <el-button @click="closeInvalidDiglog">取 消</el-button> | ||
| 68 | <el-button type="primary" @click="confirmInvalid">确 定</el-button> | ||
| 69 | </div> | ||
| 70 | </div> | ||
| 71 | </el-dialog> | ||
| 72 | <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty> | 59 | <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty> |
| 73 | </div> | 60 | </div> |
| 74 | </template> | 61 | </template> |
| 75 | <script> | 62 | <script> |
| 76 | import { mapGetters } from 'vuex' | 63 | import { mapGetters } from 'vuex' |
| 77 | import store from '@/store/index.js' | 64 | import store from '@/store/index.js' |
| 78 | import { getPrintTemplateByCode } from "@/api/print"; | 65 | import { getSlsqBdcqzList } from "@/api/bdcqz.js"; |
| 79 | import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js"; | ||
| 80 | export default { | 66 | export default { |
| 81 | props: {}, | 67 | props: {}, |
| 82 | data () { | 68 | data () { |
| ... | @@ -86,13 +72,8 @@ | ... | @@ -86,13 +72,8 @@ |
| 86 | dialog: false, | 72 | dialog: false, |
| 87 | tableData: [], | 73 | tableData: [], |
| 88 | bdcqzlx: 1, | 74 | bdcqzlx: 1, |
| 89 | bdcqz: {}, | 75 | bdcqz: {} |
| 90 | zfyy: "", | 76 | } |
| 91 | invalidDiglog: false, | ||
| 92 | bsmSz: "", | ||
| 93 | bsmBdcqz: "", | ||
| 94 | ysxlh: "" | ||
| 95 | }; | ||
| 96 | }, | 77 | }, |
| 97 | computed: { | 78 | computed: { |
| 98 | ...mapGetters(['workFresh']) | 79 | ...mapGetters(['workFresh']) |
| ... | @@ -100,6 +81,7 @@ | ... | @@ -100,6 +81,7 @@ |
| 100 | watch: { | 81 | watch: { |
| 101 | workFresh: { | 82 | workFresh: { |
| 102 | handler (newVal, oldVal) { | 83 | handler (newVal, oldVal) { |
| 84 | console.log(newVal, 'newVal'); | ||
| 103 | if (newVal) this.list() | 85 | if (newVal) this.list() |
| 104 | } | 86 | } |
| 105 | } | 87 | } |
| ... | @@ -135,12 +117,11 @@ | ... | @@ -135,12 +117,11 @@ |
| 135 | */ | 117 | */ |
| 136 | openZsylDialog (item, type) { | 118 | openZsylDialog (item, type) { |
| 137 | store.dispatch('user/reWorkFresh', false) | 119 | store.dispatch('user/reWorkFresh', false) |
| 138 | |||
| 139 | if (type == 1) { | 120 | if (type == 1) { |
| 140 | //证书证明预览 | 121 | //证书证明预览 |
| 141 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | 122 | this.$popupDialog("证书证明预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); |
| 142 | } else { | 123 | } else { |
| 143 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true); | 124 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { ...item }, "76%", true); |
| 144 | } | 125 | } |
| 145 | }, | 126 | }, |
| 146 | /** | 127 | /** |
| ... | @@ -149,38 +130,7 @@ | ... | @@ -149,38 +130,7 @@ |
| 149 | * @author: renchao | 130 | * @author: renchao |
| 150 | */ | 131 | */ |
| 151 | openInvalidDiglog (item) { | 132 | openInvalidDiglog (item) { |
| 152 | this.bdcqz = item | 133 | this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { ...item }, "76%", true); |
| 153 | this.ysxlh = item.ysxlh | ||
| 154 | this.bsmSz = item.bsmSz; | ||
| 155 | this.invalidDiglog = true; | ||
| 156 | this.bsmBdcqz = item.bsmBdcqz | ||
| 157 | }, | ||
| 158 | /** | ||
| 159 | * @description: closeInvalidDiglog | ||
| 160 | * @author: renchao | ||
| 161 | */ | ||
| 162 | closeInvalidDiglog () { | ||
| 163 | this.invalidDiglog = false; | ||
| 164 | this.bsmSz = ""; | ||
| 165 | this.zfyy = ""; | ||
| 166 | }, | ||
| 167 | /** | ||
| 168 | * @description: 作废缮证信息 | ||
| 169 | * @author: renchao | ||
| 170 | */ | ||
| 171 | confirmInvalid () { | ||
| 172 | invalidCertificate({ bsmBdcqz: this.bsmBdcqz, zfyy: this.zfyy }).then(async (res) => { | ||
| 173 | if (res.code === 200) { | ||
| 174 | this.list(); | ||
| 175 | this.$message.success("作废成功"); | ||
| 176 | this.invalidDiglog = false; | ||
| 177 | this.zfyy = '' | ||
| 178 | let res = await this.list() | ||
| 179 | if (res && res == 200) this.openZsylDialog(this.bdcqz); | ||
| 180 | } else { | ||
| 181 | this.$message.error(res.message); | ||
| 182 | } | ||
| 183 | }) | ||
| 184 | }, | 134 | }, |
| 185 | /** | 135 | /** |
| 186 | * @description: openRecordPop | 136 | * @description: openRecordPop |
| ... | @@ -263,39 +213,6 @@ | ... | @@ -263,39 +213,6 @@ |
| 263 | padding-top: 8px; | 213 | padding-top: 8px; |
| 264 | font-size: 16px; | 214 | font-size: 16px; |
| 265 | } | 215 | } |
| 266 | |||
| 267 | .invalid-diglog { | ||
| 268 | padding-bottom: 20px; | ||
| 269 | font-size: 16px; | ||
| 270 | font-weight: bold; | ||
| 271 | color: rgb(99, 99, 99); | ||
| 272 | |||
| 273 | .invalid-title { | ||
| 274 | display: flex; | ||
| 275 | align-content: center; | ||
| 276 | |||
| 277 | .invalid-icon { | ||
| 278 | color: rgb(254, 148, 0); | ||
| 279 | font-size: 34px; | ||
| 280 | margin-right: 10px; | ||
| 281 | } | ||
| 282 | |||
| 283 | .invalid-body { | ||
| 284 | line-height: 40px; | ||
| 285 | margin-bottom: 10px; | ||
| 286 | } | ||
| 287 | } | ||
| 288 | |||
| 289 | .invalid-reson { | ||
| 290 | margin-bottom: 10px; | ||
| 291 | } | ||
| 292 | |||
| 293 | .dialog-footer { | ||
| 294 | margin-top: 10px; | ||
| 295 | display: flex; | ||
| 296 | justify-content: flex-end; | ||
| 297 | } | ||
| 298 | } | ||
| 299 | .box-card { | 216 | .box-card { |
| 300 | .szxx_header { | 217 | .szxx_header { |
| 301 | color: #303133; | 218 | color: #303133; | ... | ... |
| ... | @@ -66,6 +66,15 @@ export function getForm(tabName, djywbm) { | ... | @@ -66,6 +66,15 @@ export function getForm(tabName, djywbm) { |
| 66 | case "spyj": | 66 | case "spyj": |
| 67 | form = require("@/views/workflow/components/spyj.vue"); | 67 | form = require("@/views/workflow/components/spyj.vue"); |
| 68 | break; | 68 | break; |
| 69 | case "swxx": | ||
| 70 | form = require("@/views/workflow/components/swxx.vue"); | ||
| 71 | break; | ||
| 72 | case "sfxx": | ||
| 73 | form = require("@/views/workflow/components/sfxx.vue"); | ||
| 74 | break; | ||
| 75 | case "sdqxx": | ||
| 76 | form = require("@/views/workflow/components/sdqxx.vue"); | ||
| 77 | break; | ||
| 69 | case "zdjbxx": | 78 | case "zdjbxx": |
| 70 | form = require("@/views/registerBook/zdjbxx.vue"); | 79 | form = require("@/views/registerBook/zdjbxx.vue"); |
| 71 | break; | 80 | break; | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-07-11 13:59:14 | 4 | * @LastEditTime: 2023-09-05 15:05:56 |
| 5 | */ | 5 | */ |
| 6 | import { getForm } from "../flowform"; | 6 | import { getForm } from "../flowform"; |
| 7 | import { getHomeNoticeList } from "@/api/home.js" | 7 | import { getHomeNoticeList } from "@/api/home.js" |
| ... | @@ -49,7 +49,6 @@ export default { | ... | @@ -49,7 +49,6 @@ export default { |
| 49 | * @author: renchao | 49 | * @author: renchao |
| 50 | */ | 50 | */ |
| 51 | getFromRouter (tabname) { | 51 | getFromRouter (tabname) { |
| 52 | console.log(tabname, 'tabnametabnametabnametabnametabname'); | ||
| 53 | //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象，使用里面的是否可操作的属性 | 52 | //根据tabname获取选中的表单 此操作为了获取后端返回的表单对象，使用里面的是否可操作的属性 |
| 54 | for (let item of this.tabList) { | 53 | for (let item of this.tabList) { |
| 55 | if (item.value === tabname) { | 54 | if (item.value === tabname) { | ... | ... |
| 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="qymc"> | ||
| 6 | <el-input v-model="ruleForm.qymc" ></el-input> | ||
| 7 | </el-form-item> | ||
| 8 | </el-col> | ||
| 9 | <el-col :span="12"> | ||
| 10 | <el-form-item label="电话:" prop="dh"> | ||
| 11 | <el-input v-model="ruleForm.dh" ></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | </el-row> | ||
| 15 | <el-row> | ||
| 16 | <el-col :span="12"> | ||
| 17 | <el-form-item label="证件种类:"> | ||
| 18 | <el-input v-model="ruleForm.zjzl" ></el-input> | ||
| 19 | </el-form-item> | ||
| 20 | </el-col> | ||
| 21 | <el-col :span="12"> | ||
| 22 | <el-form-item label="证件号:" prop="zjh"> | ||
| 23 | <el-input v-model="ruleForm.zjh" ></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | </el-row> | ||
| 27 | |||
| 28 | <el-row> | ||
| 29 | <el-col :span="12"> | ||
| 30 | <el-form-item label="法人名称:" prop="frmc"> | ||
| 31 | <el-input v-model="ruleForm.frmc" ></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="12"> | ||
| 35 | <el-form-item label="法人电话:" prop="frdh"> | ||
| 36 | <el-input v-model="ruleForm.frdh" ></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | <el-row> | ||
| 41 | <el-col :span="12"> | ||
| 42 | <el-form-item label="单位地址:"> | ||
| 43 | <el-input v-model="ruleForm.dwdz" ></el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | <el-col :span="12"> | ||
| 47 | <el-form-item label="邮编:" prop="yb"> | ||
| 48 | <el-input v-model="ruleForm.yb" ></el-input> | ||
| 49 | </el-form-item> | ||
| 50 | </el-col> | ||
| 51 | </el-row> | ||
| 52 | <el-form-item > | ||
| 53 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
| 54 | <el-button @click="closeDialog">取消</el-button> | ||
| 55 | </el-form-item> | ||
| 56 | </el-form> | ||
| 57 | </template> | ||
| 58 | |||
| 59 | <script> | ||
| 60 | import store from '@/store/index.js' | ||
| 61 | import { addQy } from "@/api/xxba.js" | ||
| 62 | export default { | ||
| 63 | props: { | ||
| 64 | formData: { | ||
| 65 | type: Object, | ||
| 66 | default: () => { }, | ||
| 67 | }, | ||
| 68 | }, | ||
| 69 | data () { | ||
| 70 | return { | ||
| 71 | DJJGLIST: store.getters.dictData['ywly'], | ||
| 72 | readOnly: false, | ||
| 73 | //表单提交数据 | ||
| 74 | ruleForm: { | ||
| 75 | batchno: '', | ||
| 76 | djjg: '', | ||
| 77 | operator: '超级管理员', | ||
| 78 | operationtime: '', | ||
| 79 | bz: '', | ||
| 80 | zsstarno: '', | ||
| 81 | zsendno: '', | ||
| 82 | zsnum: '', | ||
| 83 | zmstarno: '', | ||
| 84 | zmendno: '', | ||
| 85 | zmnum: '' | ||
| 86 | }, | ||
| 87 | //表格数据 | ||
| 88 | tableForm: [ | ||
| 89 | { | ||
| 90 | name: '不动产权证书', | ||
| 91 | ksysxlh: '', | ||
| 92 | jsysxlh: '', | ||
| 93 | bs: 0, | ||
| 94 | zslx: 1 | ||
| 95 | }, | ||
| 96 | { | ||
| 97 | name: '不动产登记证明', | ||
| 98 | ksysxlh: '', | ||
| 99 | jsysxlh: '', | ||
| 100 | bs: 0, | ||
| 101 | zslx: 2 | ||
| 102 | } | ||
| 103 | ], | ||
| 104 | //证书入库业务号参数 | ||
| 105 | ywhQueryForm: { | ||
| 106 | serialtype: 'zsrkbh', | ||
| 107 | serialname: '证书入库编号', | ||
| 108 | serialcode: 'zsrk', | ||
| 109 | digit: '5' | ||
| 110 | }, | ||
| 111 | rules: { | ||
| 112 | batchNo: [ | ||
| 113 | { required: true, message: '入库编号不能为空', trigger: 'blur' } | ||
| 114 | ], | ||
| 115 | djjg: [ | ||
| 116 | { required: true, message: '请选择登记机构', trigger: 'change' } | ||
| 117 | ], | ||
| 118 | rksj: [ | ||
| 119 | { required: true, message: '请选择入库时间', trigger: 'change' } | ||
| 120 | ], | ||
| 121 | }, | ||
| 122 | } | ||
| 123 | }, | ||
| 124 | mounted () { | ||
| 125 | if (this.formData.bsmBatch) { | ||
| 126 | this.tableForm[0].bs = null; | ||
| 127 | this.tableForm[1].bs = null; | ||
| 128 | this.getDetailInfo(this.formData.bsmBatch); | ||
| 129 | } else {} | ||
| 130 | }, | ||
| 131 | methods: { | ||
| 132 | //表单提交 | ||
| 133 | /** | ||
| 134 | * @description: 表单提交 | ||
| 135 | * @author: renchao | ||
| 136 | */ | ||
| 137 | submitForm () { | ||
| 138 | this.tableForm.forEach((item, index) => { | ||
| 139 | if (item.bs < 0) { | ||
| 140 | return; | ||
| 141 | } | ||
| 142 | }) | ||
| 143 | addQy(this.ruleForm).then(res => { | ||
| 144 | if (res.code == 200) { | ||
| 145 | this.$message.success('保存成功') | ||
| 146 | this.$emit("input", false); | ||
| 147 | this.$refs['ruleForm'].resetFields(); | ||
| 148 | this.resetTableFields(); | ||
| 149 | this.closeDialog(); | ||
| 150 | this.$parent.queryClick(); | ||
| 151 | } else { | ||
| 152 | this.$message.error(res.message); | ||
| 153 | } | ||
| 154 | }) | ||
| 155 | }, | ||
| 156 | //获取详情信息 | ||
| 157 | /** | ||
| 158 | * @description: 获取详情信息 | ||
| 159 | * @param {*} bsmBatch | ||
| 160 | * @author: renchao | ||
| 161 | */ | ||
| 162 | getDetailInfo (bsmBatch) { | ||
| 163 | getZsglInfo({ "bsmBatch": bsmBatch }).then(res => { | ||
| 164 | if (res.code == 200) { | ||
| 165 | this.ruleForm = res.result; | ||
| 166 | this.readOnly = false; | ||
| 167 | this.tableForm[0].ksysxlh = res.result.zsstarno; | ||
| 168 | this.tableForm[0].jsysxlh = res.result.zsendno; | ||
| 169 | this.tableForm[0].bs = res.result.zsnum; | ||
| 170 | this.tableForm[1].ksysxlh = res.result.zmstarno; | ||
| 171 | this.tableForm[1].jsysxlh = res.result.zmendno; | ||
| 172 | this.tableForm[1].bs = res.result.zmnum; | ||
| 173 | } | ||
| 174 | }) | ||
| 175 | }, | ||
| 176 | //印刷序列号处理 | ||
| 177 | /** | ||
| 178 | * @description: 印刷序列号处理 | ||
| 179 | * @param {*} item | ||
| 180 | * @author: renchao | ||
| 181 | */ | ||
| 182 | ysxlhDeal (item) { | ||
| 183 | if (item.ksysxlh && item.jsysxlh) { | ||
| 184 | if (item.ksysxlh.length == item.jsysxlh.length) { | ||
| 185 | if (item.ksysxlh.length != 11) { | ||
| 186 | item.bs = -1; | ||
| 187 | return; | ||
| 188 | } | ||
| 189 | if (item.ksysxlh > item.jsysxlh) { | ||
| 190 | item.bs = -1; | ||
| 191 | return; | ||
| 192 | } | ||
| 193 | item.bs = item.jsysxlh - item.ksysxlh + 1; | ||
| 194 | if (item.zslx == 1) { | ||
| 195 | this.ruleForm.zsstarno = item.ksysxlh; | ||
| 196 | this.ruleForm.zsendno = item.jsysxlh; | ||
| 197 | this.ruleForm.zsnum = item.bs | ||
| 198 | } else if (item.zslx == 2) { | ||
| 199 | this.ruleForm.zmstarno = item.ksysxlh; | ||
| 200 | this.ruleForm.zmendno = item.jsysxlh; | ||
| 201 | this.ruleForm.zmnum = item.bs | ||
| 202 | } | ||
| 203 | } else { | ||
| 204 | item.bs = -1; | ||
| 205 | } | ||
| 206 | } else { | ||
| 207 | item.bs = 0; | ||
| 208 | if (item.zslx == 1) { | ||
| 209 | this.ruleForm.zsstarno = ''; | ||
| 210 | this.ruleForm.zsendno = ''; | ||
| 211 | this.ruleForm.zsnum = item.bs | ||
| 212 | } else if (item.zslx == 2) { | ||
| 213 | this.ruleForm.zmstarno = ''; | ||
| 214 | this.ruleForm.zmendno = ''; | ||
| 215 | this.ruleForm.zmnum = item.bs | ||
| 216 | } | ||
| 217 | } | ||
| 218 | }, | ||
| 219 | /** | ||
| 220 | * @description: resetTableFields | ||
| 221 | * @author: renchao | ||
| 222 | */ | ||
| 223 | resetTableFields () { | ||
| 224 | this.tableForm = [ | ||
| 225 | { | ||
| 226 | name: '不动产权证书', | ||
| 227 | ksysxlh: '', | ||
| 228 | jsysxlh: '', | ||
| 229 | bs: 0, | ||
| 230 | zslx: 1 | ||
| 231 | }, | ||
| 232 | { | ||
| 233 | name: '不动产权登记证明', | ||
| 234 | ksysxlh: '', | ||
| 235 | jsysxlh: '', | ||
| 236 | bs: 0, | ||
| 237 | zslx: 2 | ||
| 238 | } | ||
| 239 | ] | ||
| 240 | }, | ||
| 241 | /** | ||
| 242 | * @description: closeDialog | ||
| 243 | * @author: renchao | ||
| 244 | */ | ||
| 245 | closeDialog () { | ||
| 246 | this.$popupCacel() | ||
| 247 | this.$refs['ruleForm'].resetFields(); | ||
| 248 | this.resetTableFields(); | ||
| 249 | } | ||
| 250 | } | ||
| 251 | } | ||
| 252 | </script> | ||
| 253 | <style scoped lang="scss"> | ||
| 254 | @import "~@/styles/mixin.scss"; | ||
| 255 | @import "~@/styles/dialogBoxheader.scss"; | ||
| 256 | |||
| 257 | .font-red { | ||
| 258 | color: red | ||
| 259 | } | ||
| 260 | |||
| 261 | .middle-margin-bottom { | ||
| 262 | margin-top: 20px | ||
| 263 | } | ||
| 264 | </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 | { | ... | ... |
| ... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
| 11 | <el-row> | 11 | <el-row> |
| 12 | <el-col :span="5"> | 12 | <el-col :span="5"> |
| 13 | <el-form-item label="姓名/名称"> | 13 | <el-form-item label="姓名/名称"> |
| 14 | <el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100"> | 14 | <el-input placeholder="姓名/名称" v-model="queryForm.qymc" clearable class="width100"> |
| 15 | </el-input> | 15 | </el-input> |
| 16 | </el-form-item> | 16 | </el-form-item> |
| 17 | </el-col> | 17 | </el-col> |
| ... | @@ -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,6 +41,7 @@ | ... | @@ -40,6 +41,7 @@ |
| 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: {}, |
| ... | @@ -47,12 +49,15 @@ | ... | @@ -47,12 +49,15 @@ |
| 47 | mounted () { | 49 | mounted () { |
| 48 | sendThis(this); | 50 | sendThis(this); |
| 49 | }, | 51 | }, |
| 52 | activated () { | ||
| 53 | this.queryClick() | ||
| 54 | }, | ||
| 50 | computed: { | 55 | computed: { |
| 51 | }, | 56 | }, |
| 52 | data () { | 57 | data () { |
| 53 | return { | 58 | return { |
| 54 | queryForm: { | 59 | queryForm: { |
| 55 | sqrmc: "", | 60 | qymc: "", |
| 56 | zjh: "", | 61 | zjh: "", |
| 57 | }, | 62 | }, |
| 58 | pageData: { | 63 | pageData: { |
| ... | @@ -69,11 +74,29 @@ | ... | @@ -69,11 +74,29 @@ |
| 69 | methods: { | 74 | methods: { |
| 70 | /** | 75 | /** |
| 71 | * @description: queryClick | 76 | * @description: queryClick |
| 72 | * @author: renchao | ||
| 73 | */ | 77 | */ |
| 74 | queryClick () { | 78 | queryClick () { |
| 79 | this.$startLoading(); | ||
| 80 | let pageForm = { | ||
| 81 | pageSize: this.pageData.size, | ||
| 82 | pageNumber: this.pageData.current | ||
| 83 | } | ||
| 84 | let data = {...this.queryForm, ...pageForm} | ||
| 85 | queryQyByPage(data).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; | ||
| 91 | } | ||
| 92 | }); | ||
| 93 | }, | ||
| 94 | handleSearch () { | ||
| 95 | this.queryClick(); | ||
| 96 | }, | ||
| 97 | handleAdd () { | ||
| 98 | this.$popupDialog("添加企业", "xxba/qyxxba/components/addDialog", {}, "50%") | ||
| 75 | }, | 99 | }, |
| 76 | handleSearch () { }, | ||
| 77 | handleDelete () { } | 100 | handleDelete () { } |
| 78 | } | 101 | } |
| 79 | } | 102 | } | ... | ... |
| 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="qymc"> | ||
| 6 | <el-input v-model="ruleForm.qymc" ></el-input> | ||
| 7 | </el-form-item> | ||
| 8 | </el-col> | ||
| 9 | <el-col :span="12"> | ||
| 10 | <el-form-item label="电话:" prop="dh"> | ||
| 11 | <el-input v-model="ruleForm.dh" ></el-input> | ||
| 12 | </el-form-item> | ||
| 13 | </el-col> | ||
| 14 | </el-row> | ||
| 15 | <el-row> | ||
| 16 | <el-col :span="12"> | ||
| 17 | <el-form-item label="证件种类:"> | ||
| 18 | <el-input v-model="ruleForm.zjzl" ></el-input> | ||
| 19 | </el-form-item> | ||
| 20 | </el-col> | ||
| 21 | <el-col :span="12"> | ||
| 22 | <el-form-item label="证件号:" prop="zjh"> | ||
| 23 | <el-input v-model="ruleForm.zjh" ></el-input> | ||
| 24 | </el-form-item> | ||
| 25 | </el-col> | ||
| 26 | </el-row> | ||
| 27 | |||
| 28 | <el-row> | ||
| 29 | <el-col :span="12"> | ||
| 30 | <el-form-item label="法人名称:" prop="frmc"> | ||
| 31 | <el-input v-model="ruleForm.frmc" ></el-input> | ||
| 32 | </el-form-item> | ||
| 33 | </el-col> | ||
| 34 | <el-col :span="12"> | ||
| 35 | <el-form-item label="法人电话:" prop="frdh"> | ||
| 36 | <el-input v-model="ruleForm.frdh" ></el-input> | ||
| 37 | </el-form-item> | ||
| 38 | </el-col> | ||
| 39 | </el-row> | ||
| 40 | <el-row> | ||
| 41 | <el-col :span="12"> | ||
| 42 | <el-form-item label="单位地址:"> | ||
| 43 | <el-input v-model="ruleForm.dwdz" ></el-input> | ||
| 44 | </el-form-item> | ||
| 45 | </el-col> | ||
| 46 | <el-col :span="12"> | ||
| 47 | <el-form-item label="邮编:" prop="yb"> | ||
| 48 | <el-input v-model="ruleForm.yb" ></el-input> | ||
| 49 | </el-form-item> | ||
| 50 | </el-col> | ||
| 51 | </el-row> | ||
| 52 | <el-form-item > | ||
| 53 | <el-button type="primary" @click="submitForm">保存</el-button> | ||
| 54 | <el-button @click="closeDialog">取消</el-button> | ||
| 55 | </el-form-item> | ||
| 56 | </el-form> | ||
| 57 | </template> | ||
| 58 | |||
| 59 | <script> | ||
| 60 | import store from '@/store/index.js' | ||
| 61 | import { addYh } from "@/api/xxba.js" | ||
| 62 | export default { | ||
| 63 | props: { | ||
| 64 | formData: { | ||
| 65 | type: Object, | ||
| 66 | default: () => { }, | ||
| 67 | }, | ||
| 68 | }, | ||
| 69 | data () { | ||
| 70 | return { | ||
| 71 | DJJGLIST: store.getters.dictData['ywly'], | ||
| 72 | readOnly: false, | ||
| 73 | //表单提交数据 | ||
| 74 | ruleForm: { | ||
| 75 | batchno: '', | ||
| 76 | djjg: '', | ||
| 77 | operator: '超级管理员', | ||
| 78 | operationtime: '', | ||
| 79 | bz: '', | ||
| 80 | zsstarno: '', | ||
| 81 | zsendno: '', | ||
| 82 | zsnum: '', | ||
| 83 | zmstarno: '', | ||
| 84 | zmendno: '', | ||
| 85 | zmnum: '' | ||
| 86 | }, | ||
| 87 | //表格数据 | ||
| 88 | tableForm: [ | ||
| 89 | { | ||
| 90 | name: '不动产权证书', | ||
| 91 | ksysxlh: '', | ||
| 92 | jsysxlh: '', | ||
| 93 | bs: 0, | ||
| 94 | zslx: 1 | ||
| 95 | }, | ||
| 96 | { | ||
| 97 | name: '不动产登记证明', | ||
| 98 | ksysxlh: '', | ||
| 99 | jsysxlh: '', | ||
| 100 | bs: 0, | ||
| 101 | zslx: 2 | ||
| 102 | } | ||
| 103 | ], | ||
| 104 | //证书入库业务号参数 | ||
| 105 | ywhQueryForm: { | ||
| 106 | serialtype: 'zsrkbh', | ||
| 107 | serialname: '证书入库编号', | ||
| 108 | serialcode: 'zsrk', | ||
| 109 | digit: '5' | ||
| 110 | }, | ||
| 111 | rules: { | ||
| 112 | batchNo: [ | ||
| 113 | { required: true, message: '入库编号不能为空', trigger: 'blur' } | ||
| 114 | ], | ||
| 115 | djjg: [ | ||
| 116 | { required: true, message: '请选择登记机构', trigger: 'change' } | ||
| 117 | ], | ||
| 118 | rksj: [ | ||
| 119 | { required: true, message: '请选择入库时间', trigger: 'change' } | ||
| 120 | ], | ||
| 121 | }, | ||
| 122 | } | ||
| 123 | }, | ||
| 124 | mounted () { | ||
| 125 | if (this.formData.bsmBatch) { | ||
| 126 | this.tableForm[0].bs = null; | ||
| 127 | this.tableForm[1].bs = null; | ||
| 128 | this.getDetailInfo(this.formData.bsmBatch); | ||
| 129 | } else {} | ||
| 130 | }, | ||
| 131 | methods: { | ||
| 132 | //表单提交 | ||
| 133 | /** | ||
| 134 | * @description: 表单提交 | ||
| 135 | * @author: renchao | ||
| 136 | */ | ||
| 137 | submitForm () { | ||
| 138 | this.tableForm.forEach((item, index) => { | ||
| 139 | if (item.bs < 0) { | ||
| 140 | return; | ||
| 141 | } | ||
| 142 | }) | ||
| 143 | addYh(this.ruleForm).then(res => { | ||
| 144 | if (res.code == 200) { | ||
| 145 | this.$message.success('保存成功') | ||
| 146 | this.$emit("input", false); | ||
| 147 | this.$refs['ruleForm'].resetFields(); | ||
| 148 | this.resetTableFields(); | ||
| 149 | this.closeDialog(); | ||
| 150 | this.$parent.queryClick(); | ||
| 151 | } else { | ||
| 152 | this.$message.error(res.message); | ||
| 153 | } | ||
| 154 | }) | ||
| 155 | }, | ||
| 156 | //获取详情信息 | ||
| 157 | /** | ||
| 158 | * @description: 获取详情信息 | ||
| 159 | * @param {*} bsmBatch | ||
| 160 | * @author: renchao | ||
| 161 | */ | ||
| 162 | getDetailInfo (bsmBatch) { | ||
| 163 | getZsglInfo({ "bsmBatch": bsmBatch }).then(res => { | ||
| 164 | if (res.code == 200) { | ||
| 165 | this.ruleForm = res.result; | ||
| 166 | this.readOnly = false; | ||
| 167 | this.tableForm[0].ksysxlh = res.result.zsstarno; | ||
| 168 | this.tableForm[0].jsysxlh = res.result.zsendno; | ||
| 169 | this.tableForm[0].bs = res.result.zsnum; | ||
| 170 | this.tableForm[1].ksysxlh = res.result.zmstarno; | ||
| 171 | this.tableForm[1].jsysxlh = res.result.zmendno; | ||
| 172 | this.tableForm[1].bs = res.result.zmnum; | ||
| 173 | } | ||
| 174 | }) | ||
| 175 | }, | ||
| 176 | //印刷序列号处理 | ||
| 177 | /** | ||
| 178 | * @description: 印刷序列号处理 | ||
| 179 | * @param {*} item | ||
| 180 | * @author: renchao | ||
| 181 | */ | ||
| 182 | ysxlhDeal (item) { | ||
| 183 | if (item.ksysxlh && item.jsysxlh) { | ||
| 184 | if (item.ksysxlh.length == item.jsysxlh.length) { | ||
| 185 | if (item.ksysxlh.length != 11) { | ||
| 186 | item.bs = -1; | ||
| 187 | return; | ||
| 188 | } | ||
| 189 | if (item.ksysxlh > item.jsysxlh) { | ||
| 190 | item.bs = -1; | ||
| 191 | return; | ||
| 192 | } | ||
| 193 | item.bs = item.jsysxlh - item.ksysxlh + 1; | ||
| 194 | if (item.zslx == 1) { | ||
| 195 | this.ruleForm.zsstarno = item.ksysxlh; | ||
| 196 | this.ruleForm.zsendno = item.jsysxlh; | ||
| 197 | this.ruleForm.zsnum = item.bs | ||
| 198 | } else if (item.zslx == 2) { | ||
| 199 | this.ruleForm.zmstarno = item.ksysxlh; | ||
| 200 | this.ruleForm.zmendno = item.jsysxlh; | ||
| 201 | this.ruleForm.zmnum = item.bs | ||
| 202 | } | ||
| 203 | } else { | ||
| 204 | item.bs = -1; | ||
| 205 | } | ||
| 206 | } else { | ||
| 207 | item.bs = 0; | ||
| 208 | if (item.zslx == 1) { | ||
| 209 | this.ruleForm.zsstarno = ''; | ||
| 210 | this.ruleForm.zsendno = ''; | ||
| 211 | this.ruleForm.zsnum = item.bs | ||
| 212 | } else if (item.zslx == 2) { | ||
| 213 | this.ruleForm.zmstarno = ''; | ||
| 214 | this.ruleForm.zmendno = ''; | ||
| 215 | this.ruleForm.zmnum = item.bs | ||
| 216 | } | ||
| 217 | } | ||
| 218 | }, | ||
| 219 | /** | ||
| 220 | * @description: resetTableFields | ||
| 221 | * @author: renchao | ||
| 222 | */ | ||
| 223 | resetTableFields () { | ||
| 224 | this.tableForm = [ | ||
| 225 | { | ||
| 226 | name: '不动产权证书', | ||
| 227 | ksysxlh: '', | ||
| 228 | jsysxlh: '', | ||
| 229 | bs: 0, | ||
| 230 | zslx: 1 | ||
| 231 | }, | ||
| 232 | { | ||
| 233 | name: '不动产权登记证明', | ||
| 234 | ksysxlh: '', | ||
| 235 | jsysxlh: '', | ||
| 236 | bs: 0, | ||
| 237 | zslx: 2 | ||
| 238 | } | ||
| 239 | ] | ||
| 240 | }, | ||
| 241 | /** | ||
| 242 | * @description: closeDialog | ||
| 243 | * @author: renchao | ||
| 244 | */ | ||
| 245 | closeDialog () { | ||
| 246 | this.$popupCacel() | ||
| 247 | this.$refs['ruleForm'].resetFields(); | ||
| 248 | this.resetTableFields(); | ||
| 249 | } | ||
| 250 | } | ||
| 251 | } | ||
| 252 | </script> | ||
| 253 | <style scoped lang="scss"> | ||
| 254 | @import "~@/styles/mixin.scss"; | ||
| 255 | @import "~@/styles/dialogBoxheader.scss"; | ||
| 256 | |||
| 257 | .font-red { | ||
| 258 | color: red | ||
| 259 | } | ||
| 260 | |||
| 261 | .middle-margin-bottom { | ||
| 262 | margin-top: 20px | ||
| 263 | } | ||
| 264 | </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 | { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-04 16:59:15 | 4 | * @LastEditTime: 2023-09-01 10:17:48 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
| 11 | <el-row> | 11 | <el-row> |
| 12 | <el-col :span="5"> | 12 | <el-col :span="5"> |
| 13 | <el-form-item label="姓名/名称"> | 13 | <el-form-item label="姓名/名称"> |
| 14 | <el-input placeholder="姓名/名称" v-model="queryForm.sqrmc" clearable class="width100"> | 14 | <el-input placeholder="姓名/名称" v-model="queryForm.qymc" clearable class="width100"> |
| 15 | </el-input> | 15 | </el-input> |
| 16 | </el-form-item> | 16 | </el-form-item> |
| 17 | </el-col> | 17 | </el-col> |
| ... | @@ -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> |
| ... | @@ -31,54 +32,76 @@ | ... | @@ -31,54 +32,76 @@ |
| 31 | </div> | 32 | </div> |
| 32 | <div class="from-clues-content"> | 33 | <div class="from-clues-content"> |
| 33 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" | 34 | <lb-table :page-size="pageData.size" border :current-page.sync="pageData.currentPage" :heightNum="280" |
| 34 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" | 35 | :total="tableData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange" |
| 35 | :column="tableData.columns" :data="tableData.data"> | 36 | :column="tableData.columns" :data="tableData.data"> |
| 36 | </lb-table> | 37 | </lb-table> |
| 37 | </div> | 38 | </div> |
| 38 | </div> | 39 | </div> |
| 39 | </template> | 40 | </template> |
| 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" |
| 43 | export default { | 44 | import { queryYhByPage, addYh } from "@/api/xxba.js"; |
| 44 | name: "cwrz", | 45 | export default { |
| 45 | components: {}, | 46 | name: "cwrz", |
| 46 | mixins: [table], | 47 | components: {}, |
| 47 | mounted () { | 48 | mixins: [table], |
| 48 | sendThis(this); | 49 | mounted () { |
| 50 | sendThis(this); | ||
| 51 | }, | ||
| 52 | activated () { | ||
| 53 | this.queryClick() | ||
| 54 | }, | ||
| 55 | computed: { | ||
| 56 | }, | ||
| 57 | data () { | ||
| 58 | return { | ||
| 59 | queryForm: { | ||
| 60 | qymc: "", | ||
| 61 | zjh: "", | ||
| 62 | }, | ||
| 63 | pageData: { | ||
| 64 | current: 1, | ||
| 65 | size: 10, | ||
| 66 | }, | ||
| 67 | tableData: { | ||
| 68 | total: 0, | ||
| 69 | columns: datas.columns(), | ||
| 70 | data: [], | ||
| 71 | }, | ||
| 72 | }; | ||
| 73 | }, | ||
| 74 | methods: { | ||
| 75 | /** | ||
| 76 | * @description: queryClick | ||
| 77 | */ | ||
| 78 | queryClick () { | ||
| 79 | this.$startLoading(); | ||
| 80 | let pageForm = { | ||
| 81 | pageSize: this.pageData.size, | ||
| 82 | pageNumber: this.pageData.current | ||
| 83 | } | ||
| 84 | let data = {...this.queryForm, ...pageForm} | ||
| 85 | queryYhByPage(data).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; | ||
| 91 | } | ||
| 92 | }); | ||
| 49 | }, | 93 | }, |
| 50 | computed: { | 94 | handleSearch () { |
| 95 | this.queryClick(); | ||
| 51 | }, | 96 | }, |
| 52 | data () { | 97 | handleAdd () { |
| 53 | return { | 98 | this.$popupDialog("添加企业", "xxba/yhjgba/components/addDialog", {}, "50%") |
| 54 | queryForm: { | ||
| 55 | sqrmc: "", | ||
| 56 | zjh: "", | ||
| 57 | }, | ||
| 58 | pageData: { | ||
| 59 | current: 1, | ||
| 60 | size: 10, | ||
| 61 | }, | ||
| 62 | tableData: { | ||
| 63 | total: 0, | ||
| 64 | columns: datas.columns(), | ||
| 65 | data: [], | ||
| 66 | }, | ||
| 67 | }; | ||
| 68 | }, | 99 | }, |
| 69 | methods: { | 100 | handleDelete () { } |
| 70 | /** | ||
| 71 | * @description: queryClick | ||
| 72 | * @author: renchao | ||
| 73 | */ | ||
| 74 | queryClick () { | ||
| 75 | }, | ||
| 76 | handleSearch () { }, | ||
| 77 | handleDelete () { } | ||
| 78 | } | ||
| 79 | } | 101 | } |
| 102 | } | ||
| 80 | </script> | 103 | </script> |
| 81 | <style scoped lang="scss"> | 104 | <style scoped lang="scss"> |
| 82 | @import "~@/styles/public.scss"; | 105 | @import "~@/styles/public.scss"; |
| 83 | </style> | 106 | </style> |
| 84 | 107 | ... | ... |
| ... | @@ -13,8 +13,7 @@ | ... | @@ -13,8 +13,7 @@ |
| 13 | ref="ruleForm" | 13 | ref="ruleForm" |
| 14 | :label-position="flag ? 'top' : ''" | 14 | :label-position="flag ? 'top' : ''" |
| 15 | :inline="flag" | 15 | :inline="flag" |
| 16 | label-width="180px" | 16 | label-width="180px"> |
| 17 | > | ||
| 18 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> | 17 | <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> |
| 19 | <div class="slxx_title title-block"> | 18 | <div class="slxx_title title-block"> |
| 20 | 申请业务信息 | 19 | 申请业务信息 |
| ... | @@ -117,7 +116,7 @@ | ... | @@ -117,7 +116,7 @@ |
| 117 | </div> | 116 | </div> |
| 118 | 117 | ||
| 119 | <el-row :gutter="10"> | 118 | <el-row :gutter="10"> |
| 120 | <el-col :span="8" > | 119 | <el-col :span="8"> |
| 121 | <el-form-item label="原不动产证号："> | 120 | <el-form-item label="原不动产证号："> |
| 122 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> | 121 | <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input> |
| 123 | </el-form-item> | 122 | </el-form-item> |
| ... | @@ -148,17 +147,15 @@ | ... | @@ -148,17 +147,15 @@ |
| 148 | </div> | 147 | </div> |
| 149 | </el-form-item> | 148 | </el-form-item> |
| 150 | </el-col> | 149 | </el-col> |
| 151 | </el-row> | 150 | </el-row> |
| 152 | <el-row :gutter="10"> | 151 | <el-row :gutter="10"> |
| 153 | <el-col :span="8"> | 152 | <el-col :span="8"> |
| 154 | <el-form-item | 153 | <el-form-item |
| 155 | label="是否禁止或者限制转让的约定：" | 154 | label="是否禁止或者限制转让的约定：" |
| 156 | label-width="200px" | 155 | label-width="200px"> |
| 157 | > | ||
| 158 | <el-radio-group | 156 | <el-radio-group |
| 159 | v-model="ruleForm.diyaq.sfczjzhxz" | 157 | v-model="ruleForm.diyaq.sfczjzhxz" |
| 160 | :disabled="!viewEdit || isJfOperation" | 158 | :disabled="!viewEdit || isJfOperation"> |
| 161 | > | ||
| 162 | <el-radio label="1">是</el-radio> | 159 | <el-radio label="1">是</el-radio> |
| 163 | <el-radio label="0">否</el-radio> | 160 | <el-radio label="0">否</el-radio> |
| 164 | </el-radio-group> | 161 | </el-radio-group> |
| ... | @@ -166,20 +163,18 @@ | ... | @@ -166,20 +163,18 @@ |
| 166 | </el-col> | 163 | </el-col> |
| 167 | <el-col :span="8"> | 164 | <el-col :span="8"> |
| 168 | <el-form-item | 165 | <el-form-item |
| 169 | label="是否预告登记：" | 166 | label="是否预告登记："> |
| 170 | > | ||
| 171 | <el-radio-group v-model="ruleForm.diyaq.sfygdj" disabled> | 167 | <el-radio-group v-model="ruleForm.diyaq.sfygdj" disabled> |
| 172 | <el-radio label="1">是</el-radio> | 168 | <el-radio label="1">是</el-radio> |
| 173 | <el-radio label="0">否</el-radio> | 169 | <el-radio label="0">否</el-radio> |
| 174 | </el-radio-group> | 170 | </el-radio-group> |
| 175 | </el-form-item> | 171 | </el-form-item> |
| 176 | </el-col> | 172 | </el-col> |
| 177 | <el-col :span="8"> | 173 | <el-col :span="8"> |
| 178 | <el-form-item label="债务履行期限："> | 174 | <el-form-item label="债务履行期限："> |
| 179 | <el-input | 175 | <el-input |
| 180 | v-model="ruleForm.diyaq.dyqx" | 176 | v-model="ruleForm.diyaq.dyqx" |
| 181 | :disabled="!viewEdit || isJfOperation" | 177 | :disabled="!viewEdit || isJfOperation"></el-input> |
| 182 | ></el-input> | ||
| 183 | </el-form-item> | 178 | </el-form-item> |
| 184 | </el-col> | 179 | </el-col> |
| 185 | </el-row> | 180 | </el-row> |
| ... | @@ -191,18 +186,15 @@ | ... | @@ -191,18 +186,15 @@ |
| 191 | <el-input | 186 | <el-input |
| 192 | v-model="ruleForm.diyaq.bdbzzqse" | 187 | v-model="ruleForm.diyaq.bdbzzqse" |
| 193 | :disabled="!viewEdit || isJfOperation" | 188 | :disabled="!viewEdit || isJfOperation" |
| 194 | style="width: 500%" | 189 | style="width: 500%"></el-input> |
| 195 | ></el-input> | ||
| 196 | <el-select | 190 | <el-select |
| 197 | v-model="ruleForm.diyaq.jedw" | 191 | v-model="ruleForm.diyaq.jedw" |
| 198 | :disabled="!viewEdit || isJfOperation" | 192 | :disabled="!viewEdit || isJfOperation"> |
| 199 | > | ||
| 200 | <el-option | 193 | <el-option |
| 201 | v-for="item in dictData['A57']" | 194 | v-for="item in dictData['A57']" |
| 202 | :key="item.dcode" | 195 | :key="item.dcode" |
| 203 | :label="item.dname" | 196 | :label="item.dname" |
| 204 | :value="item.dcode" | 197 | :value="item.dcode"> |
| 205 | > | ||
| 206 | </el-option> | 198 | </el-option> |
| 207 | </el-select> | 199 | </el-select> |
| 208 | </div> | 200 | </div> |
| ... | @@ -213,8 +205,7 @@ | ... | @@ -213,8 +205,7 @@ |
| 213 | <el-form-item label="最高债权额："> | 205 | <el-form-item label="最高债权额："> |
| 214 | <el-input | 206 | <el-input |
| 215 | v-model="ruleForm.diyaq.zgzqse" | 207 | v-model="ruleForm.diyaq.zgzqse" |
| 216 | :disabled="!viewEdit || isJfOperation" | 208 | :disabled="!viewEdit || isJfOperation"></el-input> |
| 217 | ></el-input> | ||
| 218 | </el-form-item> | 209 | </el-form-item> |
| 219 | </el-col> | 210 | </el-col> |
| 220 | 211 | ||
| ... | @@ -223,8 +214,7 @@ | ... | @@ -223,8 +214,7 @@ |
| 223 | <el-date-picker | 214 | <el-date-picker |
| 224 | v-model="ruleForm.diyaq.zwlxqssj" | 215 | v-model="ruleForm.diyaq.zwlxqssj" |
| 225 | :disabled="!viewEdit || isJfOperation" | 216 | :disabled="!viewEdit || isJfOperation" |
| 226 | type="date" | 217 | type="date"> |
| 227 | > | ||
| 228 | </el-date-picker> | 218 | </el-date-picker> |
| 229 | </el-form-item> | 219 | </el-form-item> |
| 230 | </el-col> | 220 | </el-col> |
| ... | @@ -233,8 +223,7 @@ | ... | @@ -233,8 +223,7 @@ |
| 233 | <el-date-picker | 223 | <el-date-picker |
| 234 | v-model="ruleForm.diyaq.zwlxjssj" | 224 | v-model="ruleForm.diyaq.zwlxjssj" |
| 235 | :disabled="!viewEdit || isJfOperation" | 225 | :disabled="!viewEdit || isJfOperation" |
| 236 | type="date" | 226 | type="date"> |
| 237 | > | ||
| 238 | </el-date-picker> | 227 | </el-date-picker> |
| 239 | </el-form-item> | 228 | </el-form-item> |
| 240 | </el-col> | 229 | </el-col> |
| ... | @@ -246,8 +235,7 @@ | ... | @@ -246,8 +235,7 @@ |
| 246 | v-model="ruleForm.diyaq.dbfw" | 235 | v-model="ruleForm.diyaq.dbfw" |
| 247 | :disabled=" | 236 | :disabled=" |
| 248 | (ruleForm.sldy.djlx == '300' && !viewEdit) || isJfOperation | 237 | (ruleForm.sldy.djlx == '300' && !viewEdit) || isJfOperation |
| 249 | " | 238 | "></el-input> |
| 250 | ></el-input> | ||
| 251 | </el-form-item> | 239 | </el-form-item> |
| 252 | </el-col> | 240 | </el-col> |
| 253 | </el-row> | 241 | </el-row> |
| ... | @@ -256,8 +244,7 @@ | ... | @@ -256,8 +244,7 @@ |
| 256 | <el-form-item label="最高债权确定事实和数额："> | 244 | <el-form-item label="最高债权确定事实和数额："> |
| 257 | <el-input | 245 | <el-input |
| 258 | v-model="ruleForm.diyaq.zgzqqdss" | 246 | v-model="ruleForm.diyaq.zgzqqdss" |
| 259 | :disabled="!viewEdit || isJfOperation" | 247 | :disabled="!viewEdit || isJfOperation"></el-input> |
| 260 | ></el-input> | ||
| 261 | </el-form-item> | 248 | </el-form-item> |
| 262 | </el-col> | 249 | </el-col> |
| 263 | </el-row> | 250 | </el-row> |
| ... | @@ -269,8 +256,7 @@ | ... | @@ -269,8 +256,7 @@ |
| 269 | maxlength="500" | 256 | maxlength="500" |
| 270 | show-word-limit | 257 | show-word-limit |
| 271 | v-model="ruleForm.diyaq.fj" | 258 | v-model="ruleForm.diyaq.fj" |
| 272 | :disabled="!viewEdit || isJfOperation" | 259 | :disabled="!viewEdit || isJfOperation"></el-input> |
| 273 | ></el-input> | ||
| 274 | </el-form-item> | 260 | </el-form-item> |
| 275 | </el-col> | 261 | </el-col> |
| 276 | </el-row> | 262 | </el-row> |
| ... | @@ -284,8 +270,7 @@ | ... | @@ -284,8 +270,7 @@ |
| 284 | <el-form-item label="共有方式："> | 270 | <el-form-item label="共有方式："> |
| 285 | <el-radio-group | 271 | <el-radio-group |
| 286 | :disabled="!viewEdit" | 272 | :disabled="!viewEdit" |
| 287 | v-model="ruleForm.sldy.gyfs" | 273 | v-model="ruleForm.sldy.gyfs"> |
| 288 | > | ||
| 289 | <el-radio label="0">单独所有</el-radio> | 274 | <el-radio label="0">单独所有</el-radio> |
| 290 | <el-radio label="1">共同共有</el-radio> | 275 | <el-radio label="1">共同共有</el-radio> |
| 291 | <el-radio label="2">按份所有</el-radio> | 276 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -298,8 +283,7 @@ | ... | @@ -298,8 +283,7 @@ |
| 298 | <el-radio-group | 283 | <el-radio-group |
| 299 | v-model="ruleForm.sldy.sqfbcz" | 284 | v-model="ruleForm.sldy.sqfbcz" |
| 300 | :disabled="!viewEdit" | 285 | :disabled="!viewEdit" |
| 301 | @input="updaterow()" | 286 | @input="updaterow()"> |
| 302 | > | ||
| 303 | <el-radio :label="1">是</el-radio> | 287 | <el-radio :label="1">是</el-radio> |
| 304 | <el-radio :label="0">否</el-radio> | 288 | <el-radio :label="0">否</el-radio> |
| 305 | </el-radio-group> | 289 | </el-radio-group> |
| ... | @@ -307,20 +291,17 @@ | ... | @@ -307,20 +291,17 @@ |
| 307 | </el-col> | 291 | </el-col> |
| 308 | <el-col | 292 | <el-col |
| 309 | :span="6" | 293 | :span="6" |
| 310 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'" | 294 | v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"> |
| 311 | > | ||
| 312 | <el-form-item label="持证人："> | 295 | <el-form-item label="持证人："> |
| 313 | <el-select | 296 | <el-select |
| 314 | v-model="czr" | 297 | v-model="czr" |
| 315 | placeholder="持证人" | 298 | placeholder="持证人" |
| 316 | :disabled="!viewEdit" | 299 | :disabled="!viewEdit"> |
| 317 | > | ||
| 318 | <el-option | 300 | <el-option |
| 319 | v-for="item in czrOptions" | 301 | v-for="item in czrOptions" |
| 320 | :key="item.zjh" | 302 | :key="item.zjh" |
| 321 | :label="item.sqrmc" | 303 | :label="item.sqrmc" |
| 322 | :value="item.zjh" | 304 | :value="item.zjh"> |
| 323 | > | ||
| 324 | </el-option> | 305 | </el-option> |
| 325 | </el-select> | 306 | </el-select> |
| 326 | </el-form-item> | 307 | </el-form-item> |
| ... | @@ -330,8 +311,7 @@ | ... | @@ -330,8 +311,7 @@ |
| 330 | :tableData="ruleForm.qlrList" | 311 | :tableData="ruleForm.qlrList" |
| 331 | :disabled="viewEdit" | 312 | :disabled="viewEdit" |
| 332 | @upDateQlrxxList="upDateQlrxxList" | 313 | @upDateQlrxxList="upDateQlrxxList" |
| 333 | :gyfs="ruleForm.sldy.gyfs" | 314 | :gyfs="ruleForm.sldy.gyfs" /> |
| 334 | /> | ||
| 335 | <div class="slxx_title title-block"> | 315 | <div class="slxx_title title-block"> |
| 336 | 抵押人信息 | 316 | 抵押人信息 |
| 337 | <div class="triangle"></div> | 317 | <div class="triangle"></div> |
| ... | @@ -339,8 +319,7 @@ | ... | @@ -339,8 +319,7 @@ |
| 339 | <qlrCommonTable | 319 | <qlrCommonTable |
| 340 | :tableData="ruleForm.ywrList" | 320 | :tableData="ruleForm.ywrList" |
| 341 | :disabled="viewEdit" | 321 | :disabled="viewEdit" |
| 342 | @upDateQlrxxList="upDateYwrxxList" | 322 | @upDateQlrxxList="upDateYwrxxList" /> |
| 343 | /> | ||
| 344 | 323 | ||
| 345 | <div class="slxx_title title-block"> | 324 | <div class="slxx_title title-block"> |
| 346 | 登记原因 | 325 | 登记原因 |
| ... | @@ -351,14 +330,12 @@ | ... | @@ -351,14 +330,12 @@ |
| 351 | <el-form-item | 330 | <el-form-item |
| 352 | v-if="ruleForm.sldy.djlx == '400'" | 331 | v-if="ruleForm.sldy.djlx == '400'" |
| 353 | label="注销抵押原因：" | 332 | label="注销抵押原因：" |
| 354 | prop="djyy" | 333 | prop="djyy"> |
| 355 | > | ||
| 356 | <el-input | 334 | <el-input |
| 357 | class="textArea" | 335 | class="textArea" |
| 358 | type="textarea" | 336 | type="textarea" |
| 359 | :disabled="!viewEdit" | 337 | :disabled="!viewEdit" |
| 360 | v-model="ruleForm.diyaq.zxdyyy" | 338 | v-model="ruleForm.diyaq.zxdyyy"> |
| 361 | > | ||
| 362 | </el-input> | 339 | </el-input> |
| 363 | </el-form-item> | 340 | </el-form-item> |
| 364 | <el-form-item v-else label="登记原因：" prop="djyy"> | 341 | <el-form-item v-else label="登记原因：" prop="djyy"> |
| ... | @@ -368,8 +345,7 @@ | ... | @@ -368,8 +345,7 @@ |
| 368 | maxlength="500" | 345 | maxlength="500" |
| 369 | show-word-limit | 346 | show-word-limit |
| 370 | :disabled="!viewEdit" | 347 | :disabled="!viewEdit" |
| 371 | v-model="ruleForm.diyaq.djyy" | 348 | v-model="ruleForm.diyaq.djyy"> |
| 372 | > | ||
| 373 | </el-input> | 349 | </el-input> |
| 374 | </el-form-item> | 350 | </el-form-item> |
| 375 | </el-col> | 351 | </el-col> |
| ... | @@ -384,169 +360,169 @@ | ... | @@ -384,169 +360,169 @@ |
| 384 | </div> | 360 | </div> |
| 385 | </template> | 361 | </template> |
| 386 | <script> | 362 | <script> |
| 387 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 363 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 388 | import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; | 364 | import { Init, saveData } from "@/api/workflow/diyaqFlow.js"; |
| 389 | import { mapGetters } from "vuex"; | 365 | import { mapGetters } from "vuex"; |
| 390 | export default { | 366 | export default { |
| 391 | mounted() { | 367 | mounted () { |
| 392 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; | 368 | this.viewEdit = this.$parent.currentSelectTab.ableOperation; |
| 393 | this.propsParam = this.$attrs; | 369 | this.propsParam = this.$attrs; |
| 394 | var formdata = new FormData(); | 370 | var formdata = new FormData(); |
| 395 | if (this.propsParam.djlx == "400") { | 371 | if (this.propsParam.djlx == "400") { |
| 396 | this.isJfOperation = true; | 372 | this.isJfOperation = true; |
| 397 | } | ||
| 398 | this.$startLoading(); | ||
| 399 | formdata.append("bsmSldy", this.propsParam.bsmSldy); | ||
| 400 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); | ||
| 401 | formdata.append("djlx", this.propsParam.djlx); | ||
| 402 | formdata.append("isEdit", this.viewEdit); | ||
| 403 | Init(formdata).then((res) => { | ||
| 404 | if (res.code === 200 && res.result) { | ||
| 405 | this.ruleForm = res.result; | ||
| 406 | this.czrOptions = this.ruleForm.qlrList; | ||
| 407 | } | 373 | } |
| 408 | this.ruleForm.qlrList.forEach((item) => { | 374 | this.$startLoading(); |
| 409 | if (item.sfczr == 1) { | 375 | formdata.append("bsmSldy", this.propsParam.bsmSldy); |
| 410 | this.czr = item.sqrmc; | 376 | formdata.append("bsmSlsq", this.$route.query.bsmSlsq); |
| 377 | formdata.append("djlx", this.propsParam.djlx); | ||
| 378 | formdata.append("isEdit", this.viewEdit); | ||
| 379 | Init(formdata).then((res) => { | ||
| 380 | if (res.code === 200 && res.result) { | ||
| 381 | this.ruleForm = res.result; | ||
| 382 | this.czrOptions = this.ruleForm.qlrList; | ||
| 411 | } | 383 | } |
| 412 | }); | 384 | this.ruleForm.qlrList.forEach((item) => { |
| 413 | this.$endLoading(); | 385 | if (item.sfczr == 1) { |
| 414 | }); | 386 | this.czr = item.sqrmc; |
| 415 | }, | 387 | } |
| 416 | components: { qlrCommonTable }, | ||
| 417 | computed: { | ||
| 418 | ...mapGetters(["dictData", "flag"]), | ||
| 419 | }, | ||
| 420 | data() { | ||
| 421 | return { | ||
| 422 | //表单是否可操作 | ||
| 423 | viewEdit: true, | ||
| 424 | disabled: true, | ||
| 425 | czrOptions: [], | ||
| 426 | czr: "", | ||
| 427 | ruleForm: { | ||
| 428 | slsq: {}, | ||
| 429 | ssQlxx: {}, | ||
| 430 | diyaq: {}, | ||
| 431 | gyfs: "", | ||
| 432 | }, | ||
| 433 | isJfOperation: false, | ||
| 434 | //传递参数 | ||
| 435 | propsParam: {}, | ||
| 436 | rules: {}, | ||
| 437 | }; | ||
| 438 | }, | ||
| 439 | methods: { | ||
| 440 | /** | ||
| 441 | * @description: onSubmitClick | ||
| 442 | * @author: renchao | ||
| 443 | */ | ||
| 444 | onSubmitClick() { | ||
| 445 | let that = this; | ||
| 446 | if (this.ruleForm.qlrList.length == 0) { | ||
| 447 | this.$message({ | ||
| 448 | showClose: true, | ||
| 449 | message: "请确认抵押权人信息", | ||
| 450 | type: "error", | ||
| 451 | }); | 388 | }); |
| 452 | return false; | 389 | this.$endLoading(); |
| 453 | } | 390 | }); |
| 454 | if (this.ruleForm.sldy.gyfs == "0") { | 391 | }, |
| 455 | if (this.ruleForm.qlrList.length > 1) { | 392 | components: { qlrCommonTable }, |
| 456 | this.$message({ | 393 | computed: { |
| 457 | showClose: true, | 394 | ...mapGetters(["dictData", "flag"]), |
| 458 | message: "共有方式：单独所有，权利人只能是一个人", | 395 | }, |
| 459 | type: "error", | 396 | data () { |
| 460 | }); | 397 | return { |
| 461 | return false; | 398 | //表单是否可操作 |
| 462 | } | 399 | viewEdit: true, |
| 463 | this.ruleForm.qlrList[0].sfczr = "1"; | 400 | disabled: true, |
| 464 | } else { | 401 | czrOptions: [], |
| 465 | if (this.ruleForm.qlrList.length <= 1) { | 402 | czr: "", |
| 403 | ruleForm: { | ||
| 404 | slsq: {}, | ||
| 405 | ssQlxx: {}, | ||
| 406 | diyaq: {}, | ||
| 407 | gyfs: "", | ||
| 408 | }, | ||
| 409 | isJfOperation: false, | ||
| 410 | //传递参数 | ||
| 411 | propsParam: {}, | ||
| 412 | rules: {}, | ||
| 413 | }; | ||
| 414 | }, | ||
| 415 | methods: { | ||
| 416 | /** | ||
| 417 | * @description: onSubmitClick | ||
| 418 | * @author: renchao | ||
| 419 | */ | ||
| 420 | onSubmitClick () { | ||
| 421 | let that = this; | ||
| 422 | if (this.ruleForm.qlrList.length == 0) { | ||
| 466 | this.$message({ | 423 | this.$message({ |
| 467 | showClose: true, | 424 | showClose: true, |
| 468 | message: | 425 | message: "请确认抵押权人信息", |
| 469 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 470 | type: "error", | 426 | type: "error", |
| 471 | }); | 427 | }); |
| 472 | return false; | 428 | return false; |
| 473 | } | 429 | } |
| 474 | //是否分别持证 | 430 | if (this.ruleForm.sldy.gyfs == "0") { |
| 475 | if (this.ruleForm.sldy.sqfbcz == "1") { | 431 | if (this.ruleForm.qlrList.length > 1) { |
| 476 | //是 | 432 | this.$message({ |
| 477 | this.ruleForm.qlrList.forEach((item, index) => { | 433 | showClose: true, |
| 478 | item.sfczr = "1"; | 434 | message: "共有方式：单独所有，权利人只能是一个人", |
| 479 | }); | 435 | type: "error", |
| 436 | }); | ||
| 437 | return false; | ||
| 438 | } | ||
| 439 | this.ruleForm.qlrList[0].sfczr = "1"; | ||
| 480 | } else { | 440 | } else { |
| 481 | if (!that.czr) { | 441 | if (this.ruleForm.qlrList.length <= 1) { |
| 482 | that.$message({ | 442 | this.$message({ |
| 483 | showClose: true, | 443 | showClose: true, |
| 484 | message: "请选择持证人", | 444 | message: |
| 445 | "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上", | ||
| 485 | type: "error", | 446 | type: "error", |
| 486 | }); | 447 | }); |
| 487 | return false; | 448 | return false; |
| 488 | } | 449 | } |
| 489 | this.ruleForm.qlrList.forEach((item, index) => { | 450 | //是否分别持证 |
| 490 | if (item.zjh == this.czr) { | 451 | if (this.ruleForm.sldy.sqfbcz == "1") { |
| 452 | //是 | ||
| 453 | this.ruleForm.qlrList.forEach((item, index) => { | ||
| 491 | item.sfczr = "1"; | 454 | item.sfczr = "1"; |
| 492 | } else { | 455 | }); |
| 493 | item.sfczr = "0"; | 456 | } else { |
| 457 | if (!that.czr) { | ||
| 458 | that.$message({ | ||
| 459 | showClose: true, | ||
| 460 | message: "请选择持证人", | ||
| 461 | type: "error", | ||
| 462 | }); | ||
| 463 | return false; | ||
| 494 | } | 464 | } |
| 495 | }); | 465 | this.ruleForm.qlrList.forEach((item, index) => { |
| 466 | if (item.zjh == this.czr) { | ||
| 467 | item.sfczr = "1"; | ||
| 468 | } else { | ||
| 469 | item.sfczr = "0"; | ||
| 470 | } | ||
| 471 | }); | ||
| 472 | } | ||
| 496 | } | 473 | } |
| 497 | } | ||
| 498 | 474 | ||
| 499 | saveData(this.ruleForm, this.propsParam.djlx).then((res) => { | 475 | saveData(this.ruleForm, this.propsParam.djlx).then((res) => { |
| 500 | if (res.code === 200) { | 476 | if (res.code === 200) { |
| 501 | this.$message({ | 477 | this.$message({ |
| 502 | showClose: true, | 478 | showClose: true, |
| 503 | message: "保存成功！", | 479 | message: "保存成功！", |
| 504 | type: "success", | 480 | type: "success", |
| 505 | }); | 481 | }); |
| 506 | this.$store.dispatch("user/refreshPage", true); | 482 | this.$store.dispatch("user/refreshPage", true); |
| 507 | } else { | 483 | } else { |
| 508 | this.$message({ | 484 | this.$message({ |
| 509 | showClose: true, | 485 | showClose: true, |
| 510 | message: res.message, | 486 | message: res.message, |
| 511 | type: "error", | 487 | type: "error", |
| 512 | }); | 488 | }); |
| 489 | } | ||
| 490 | }); | ||
| 491 | }, | ||
| 492 | /** | ||
| 493 | * @description: 更新权利人信息 | ||
| 494 | * @param {*} val | ||
| 495 | * @author: renchao | ||
| 496 | */ | ||
| 497 | upDateQlrxxList (val) { | ||
| 498 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | ||
| 499 | this.ruleForm.qlrList = _.cloneDeep(val); | ||
| 500 | this.czrOptions = this.ruleForm.qlrList; | ||
| 513 | } | 501 | } |
| 514 | }); | 502 | }, |
| 515 | }, | 503 | // 是否持证人变化 |
| 516 | /** | 504 | /** |
| 517 | * @description: 更新权利人信息 | 505 | * @description: 是否持证人变化 |
| 518 | * @param {*} val | 506 | * @param {*} val |
| 519 | * @author: renchao | 507 | * @author: renchao |
| 520 | */ | 508 | */ |
| 521 | upDateQlrxxList(val) { | 509 | updaterow () { |
| 522 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | 510 | this.czr = ""; |
| 523 | this.ruleForm.qlrList = _.cloneDeep(val); | 511 | }, |
| 524 | this.czrOptions = this.ruleForm.qlrList; | 512 | /** |
| 525 | } | 513 | * @description: 更新义务人信息 |
| 526 | }, | 514 | * @param {*} val |
| 527 | // 是否持证人变化 | 515 | * @author: renchao |
| 528 | /** | 516 | */ |
| 529 | * @description: 是否持证人变化 | 517 | upDateYwrxxList (val) { |
| 530 | * @param {*} val | 518 | if (!_.isEqual(val, this.ruleForm.ywrList)) { |
| 531 | * @author: renchao | 519 | this.ruleForm.ywrList = _.cloneDeep(val); |
| 532 | */ | 520 | } |
| 533 | updaterow() { | 521 | }, |
| 534 | this.czr = ""; | ||
| 535 | }, | ||
| 536 | /** | ||
| 537 | * @description: 更新义务人信息 | ||
| 538 | * @param {*} val | ||
| 539 | * @author: renchao | ||
| 540 | */ | ||
| 541 | upDateYwrxxList(val) { | ||
| 542 | if (!_.isEqual(val, this.ruleForm.ywrList)) { | ||
| 543 | this.ruleForm.ywrList = _.cloneDeep(val); | ||
| 544 | } | ||
| 545 | }, | 522 | }, |
| 546 | }, | 523 | }; |
| 547 | }; | ||
| 548 | </script> | 524 | </script> |
| 549 | <style scoped lang="scss"> | 525 | <style scoped lang="scss"> |
| 550 | @import "~@/styles/public.scss"; | 526 | @import "~@/styles/public.scss"; |
| 551 | @import "~@/styles/slxx/slxx.scss"; | 527 | @import "~@/styles/slxx/slxx.scss"; |
| 552 | </style> | 528 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
| 3 | * @Autor: ssq | 3 | * @Autor: ssq |
| 4 | * @LastEditTime: 2023-09-01 13:23:30 | 4 | * @LastEditTime: 2023-09-05 15:48:55 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -353,8 +353,6 @@ | ... | @@ -353,8 +353,6 @@ |
| 353 | this.czrOptions = this.ruleForm.qlrList; | 353 | this.czrOptions = this.ruleForm.qlrList; |
| 354 | this.key++; | 354 | this.key++; |
| 355 | }, | 355 | }, |
| 356 | |||
| 357 | // 是否持证人变化 | ||
| 358 | /** | 356 | /** |
| 359 | * @description: 是否持证人变化 | 357 | * @description: 是否持证人变化 |
| 360 | * @param {*} val | 358 | * @param {*} val | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-01 13:40:52 | 4 | * @LastEditTime: 2023-09-05 15:53:51 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="slxx"> | 7 | <div class="slxx"> |
| ... | @@ -369,7 +369,7 @@ | ... | @@ -369,7 +369,7 @@ |
| 369 | :disabled="viewEdit" | 369 | :disabled="viewEdit" |
| 370 | :gyfs="ruleForm.sldy.gyfs" /> | 370 | :gyfs="ruleForm.sldy.gyfs" /> |
| 371 | 371 | ||
| 372 | <div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'"> | 372 | <div v-if="ruleForm.qlxx.djlx == '200'"> |
| 373 | <div class="slxx_title title-block"> | 373 | <div class="slxx_title title-block"> |
| 374 | 义务人信息 | 374 | 义务人信息 |
| 375 | <div class="triangle"></div> | 375 | <div class="triangle"></div> |
| ... | @@ -378,8 +378,7 @@ | ... | @@ -378,8 +378,7 @@ |
| 378 | v-if="ruleForm.qlxx" | 378 | v-if="ruleForm.qlxx" |
| 379 | @upDateQlrxxList="upDateYwrxxList" | 379 | @upDateQlrxxList="upDateYwrxxList" |
| 380 | :tableData="ruleForm.ywrList" | 380 | :tableData="ruleForm.ywrList" |
| 381 | :disabled="viewEdit" | 381 | :disabled="viewEdit" /> |
| 382 | :gyfs="ruleForm.sldy.gyfs" /> | ||
| 383 | </div> | 382 | </div> |
| 384 | <div class="slxx_title title-block"> | 383 | <div class="slxx_title title-block"> |
| 385 | 登记原因 | 384 | 登记原因 |
| ... | @@ -443,7 +442,7 @@ | ... | @@ -443,7 +442,7 @@ |
| 443 | } | 442 | } |
| 444 | }); | 443 | }); |
| 445 | }, | 444 | }, |
| 446 | components: { qlrCommonTable, tdytTable }, | 445 | components: { qlrCommonTable, tdytTable, ywrCommonTable }, |
| 447 | computed: { | 446 | computed: { |
| 448 | ...mapGetters(["dictData", "flag"]), | 447 | ...mapGetters(["dictData", "flag"]), |
| 449 | }, | 448 | }, | ... | ... |
| ... | @@ -82,7 +82,7 @@ | ... | @@ -82,7 +82,7 @@ |
| 82 | </el-col> | 82 | </el-col> |
| 83 | <el-col :span="8"> | 83 | <el-col :span="8"> |
| 84 | <el-form-item label="房屋性质："> | 84 | <el-form-item label="房屋性质："> |
| 85 | <el-select v-model="ruleForm.ygdj.fwxz"> | 85 | <el-select v-model="ruleForm.ygdj.fwxz" :disabled="!viewEdit"> |
| 86 | <el-option | 86 | <el-option |
| 87 | v-for="item in dictData['A19']" | 87 | v-for="item in dictData['A19']" |
| 88 | :key="item.dcode" | 88 | :key="item.dcode" |
| ... | @@ -108,12 +108,13 @@ | ... | @@ -108,12 +108,13 @@ |
| 108 | </el-col> | 108 | </el-col> |
| 109 | <el-col :span="8"> | 109 | <el-col :span="8"> |
| 110 | <el-form-item label="所在层："> | 110 | <el-form-item label="所在层："> |
| 111 | <el-input maxlength="20" v-model="ruleForm.ygdj.szc"></el-input> | 111 | <el-input maxlength="20" :disabled="!viewEdit" v-model="ruleForm.ygdj.szc"></el-input> |
| 112 | </el-form-item> | 112 | </el-form-item> |
| 113 | </el-col> | 113 | </el-col> |
| 114 | <el-col :span="8"> | 114 | <el-col :span="8"> |
| 115 | <el-form-item label="总层数："> | 115 | <el-form-item label="总层数："> |
| 116 | <el-input | 116 | <el-input |
| 117 | :disabled="!viewEdit" | ||
| 117 | maxlength="4" | 118 | maxlength="4" |
| 118 | v-model.number="ruleForm.ygdj.zcs" | 119 | v-model.number="ruleForm.ygdj.zcs" |
| 119 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> | 120 | oninput="value=value.replace(/[^0-9]/g,'')"></el-input> |
| ... | @@ -123,7 +124,7 @@ | ... | @@ -123,7 +124,7 @@ |
| 123 | <el-row :gutter="10" v-if="ruleForm.qlxx"> | 124 | <el-row :gutter="10" v-if="ruleForm.qlxx"> |
| 124 | <el-col :span="8"> | 125 | <el-col :span="8"> |
| 125 | <el-form-item label="房屋结构："> | 126 | <el-form-item label="房屋结构："> |
| 126 | <el-select v-model="ruleForm.ygdj.fwjg"> | 127 | <el-select v-model="ruleForm.ygdj.fwjg" :disabled="!viewEdit"> |
| 127 | <el-option | 128 | <el-option |
| 128 | v-for="item in dictData['A46']" | 129 | v-for="item in dictData['A46']" |
| 129 | :key="item.dcode" | 130 | :key="item.dcode" |
| ... | @@ -157,6 +158,7 @@ | ... | @@ -157,6 +158,7 @@ |
| 157 | <el-form-item label="取得价格："> | 158 | <el-form-item label="取得价格："> |
| 158 | <div class="flex"> | 159 | <div class="flex"> |
| 159 | <el-input | 160 | <el-input |
| 161 | :disabled="!viewEdit" | ||
| 160 | maxlength="11" | 162 | maxlength="11" |
| 161 | v-model="ruleForm.ygdj.qdjg" | 163 | v-model="ruleForm.ygdj.qdjg" |
| 162 | style="width: 500%" | 164 | style="width: 500%" |
| ... | @@ -253,7 +255,17 @@ | ... | @@ -253,7 +255,17 @@ |
| 253 | </div> | 255 | </div> |
| 254 | <el-row :gutter="10"> | 256 | <el-row :gutter="10"> |
| 255 | <el-col> | 257 | <el-col> |
| 256 | <el-form-item label="登记原因：" prop="djyy"> | 258 | <el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因：" prop="djyy"> |
| 259 | <el-input | ||
| 260 | class="textArea" | ||
| 261 | type="textarea" | ||
| 262 | maxlength="500" | ||
| 263 | show-word-limit | ||
| 264 | :disabled="!viewEdit" | ||
| 265 | v-model="ruleForm.ygdj.zxyy"> | ||
| 266 | </el-input> | ||
| 267 | </el-form-item> | ||
| 268 | <el-form-item v-else label="登记原因：" prop="djyy"> | ||
| 257 | <el-input | 269 | <el-input |
| 258 | class="textArea" | 270 | class="textArea" |
| 259 | type="textarea" | 271 | type="textarea" | ... | ... |
| ... | @@ -268,14 +268,25 @@ | ... | @@ -268,14 +268,25 @@ |
| 268 | </div> | 268 | </div> |
| 269 | <el-row :gutter="10"> | 269 | <el-row :gutter="10"> |
| 270 | <el-col> | 270 | <el-col> |
| 271 | <el-form-item label="登记原因：" prop="djyy"> | 271 | <el-form-item v-if="ruleForm.sldy.djlx=='400'" label="注销登记原因：" prop="djyy"> |
| 272 | <el-input | 272 | <el-input |
| 273 | class="textArea" | 273 | class="textArea" |
| 274 | type="textarea" | 274 | type="textarea" |
| 275 | maxlength="500" | 275 | maxlength="500" |
| 276 | show-word-limit | 276 | show-word-limit |
| 277 | :disabled="!viewEdit" | 277 | :disabled="!viewEdit" |
| 278 | v-model="ruleForm.ygdj.djyy"></el-input> | 278 | v-model="ruleForm.ygdj.zxyy"> |
| 279 | </el-input> | ||
| 280 | </el-form-item> | ||
| 281 | <el-form-item v-else label="登记原因：" prop="djyy"> | ||
| 282 | <el-input | ||
| 283 | class="textArea" | ||
| 284 | type="textarea" | ||
| 285 | maxlength="500" | ||
| 286 | show-word-limit | ||
| 287 | :disabled="!viewEdit" | ||
| 288 | v-model="ruleForm.ygdj.djyy"> | ||
| 289 | </el-input> | ||
| 279 | </el-form-item> | 290 | </el-form-item> |
| 280 | </el-col> | 291 | </el-col> |
| 281 | </el-row> | 292 | </el-row> | ... | ... |
src/views/ywbl/ycsl/ycsl.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Author: yangwei | ||
| 3 | * @Date: 2023-09-06 09:20:11 | ||
| 4 | * @LastEditors: yangwei | ||
| 5 | * @LastEditTime: 2023-09-06 09:20:44 | ||
| 6 | * @FilePath: \bdcdj-web\src\views\ywbl\ycsl\ycsl.vue | ||
| 7 | * @Description: | ||
| 8 | * | ||
| 9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
| 10 | --> | ||
| 11 | <template> | ||
| 12 | <div></div> | ||
| 13 | </template> | ||
| 14 | |||
| 15 | <script> | ||
| 16 | export default { | ||
| 17 | name: "BdcdjWebYcsl", | ||
| 18 | |||
| 19 | data() { | ||
| 20 | return {}; | ||
| 21 | }, | ||
| 22 | |||
| 23 | mounted() {}, | ||
| 24 | |||
| 25 | methods: {}, | ||
| 26 | }; | ||
| 27 | </script> | ||
| 28 | |||
| 29 | <style lang="scss" scoped></style> |
src/views/ywbl/ydsq/ydsq.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Author: yangwei | ||
| 3 | * @Date: 2023-09-06 09:19:56 | ||
| 4 | * @LastEditors: yangwei | ||
| 5 | * @LastEditTime: 2023-09-06 09:20:51 | ||
| 6 | * @FilePath: \bdcdj-web\src\views\ywbl\ydsq\ydsq.vue | ||
| 7 | * @Description: | ||
| 8 | * | ||
| 9 | * Copyright (c) 2023 by yangwei, All Rights Reserved. | ||
| 10 | --> | ||
| 11 | <template> | ||
| 12 | <div></div> | ||
| 13 | </template> | ||
| 14 | |||
| 15 | <script> | ||
| 16 | export default { | ||
| 17 | name: "BdcdjWebYcsl", | ||
| 18 | |||
| 19 | data() { | ||
| 20 | return {}; | ||
| 21 | }, | ||
| 22 | |||
| 23 | mounted() {}, | ||
| 24 | |||
| 25 | methods: {}, | ||
| 26 | }; | ||
| 27 | </script> | ||
| 28 | |||
| 29 | <style lang="scss" scoped></style> |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-29 08:52:44 | 4 | * @LastEditTime: 2023-09-05 11:32:50 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -58,7 +58,7 @@ | ... | @@ -58,7 +58,7 @@ |
| 58 | import { ywPopupDialog } from "@/utils/popup.js"; | 58 | import { ywPopupDialog } from "@/utils/popup.js"; |
| 59 | import { selectLq } from "@/api/ywsq.js"; | 59 | import { selectLq } from "@/api/ywsq.js"; |
| 60 | import { startBusinessFlow } from "@/api/workFlow.js"; | 60 | import { startBusinessFlow } from "@/api/workFlow.js"; |
| 61 | import { datas, sendThis } from "../javascript/selectQjlqxx.js"; | 61 | import { datas, sendThis } from "../javascript/selectQjlqxxQt.js"; |
| 62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 63 | export default { | 63 | export default { |
| 64 | mixins: [table, jump], | 64 | mixins: [table, jump], |
| ... | @@ -75,7 +75,7 @@ | ... | @@ -75,7 +75,7 @@ |
| 75 | columns: datas.columns(), | 75 | columns: datas.columns(), |
| 76 | data: [], | 76 | data: [], |
| 77 | }, | 77 | }, |
| 78 | bdcdysz: [], | 78 | bdcdysz: [], |
| 79 | }; | 79 | }; |
| 80 | }, | 80 | }, |
| 81 | mounted () { | 81 | mounted () { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-17 16:09:12 | 4 | * @LastEditTime: 2023-09-05 13:10:53 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -58,7 +58,7 @@ | ... | @@ -58,7 +58,7 @@ |
| 58 | import { ywPopupDialog } from "@/utils/popup.js"; | 58 | import { ywPopupDialog } from "@/utils/popup.js"; |
| 59 | import { selectLq } from "@/api/ywsq.js"; | 59 | import { selectLq } from "@/api/ywsq.js"; |
| 60 | import { startBusinessFlow } from "@/api/workFlow.js"; | 60 | import { startBusinessFlow } from "@/api/workFlow.js"; |
| 61 | import { datas, sendThis } from "../javascript/selectQjzdjbxx.js"; | 61 | import { datas, sendThis } from "../javascript/selectSllmqt.js"; |
| 62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 62 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 63 | export default { | 63 | export default { |
| 64 | mixins: [table, jump], | 64 | mixins: [table, jump], | ... | ... |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-05 11:33:36 | ||
| 5 | */ | ||
| 6 | import filter from '@/utils/filter.js' | ||
| 7 | let vm = null | ||
| 8 | |||
| 9 | const sendThis = (_this) => { | ||
| 10 | vm = _this | ||
| 11 | } | ||
| 12 | class data extends filter { | ||
| 13 | constructor() { | ||
| 14 | super() | ||
| 15 | } | ||
| 16 | columns () { | ||
| 17 | return [ | ||
| 18 | { | ||
| 19 | type: 'selection', | ||
| 20 | label: '全选', | ||
| 21 | selectable: this.selected | ||
| 22 | }, | ||
| 23 | { | ||
| 24 | label: '序号', | ||
| 25 | type: 'index', | ||
| 26 | width: '50', | ||
| 27 | render: (h, scope) => { | ||
| 28 | return ( | ||
| 29 | <div> | ||
| 30 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
| 31 | </div> | ||
| 32 | ) | ||
| 33 | } | ||
| 34 | }, | ||
| 35 | { | ||
| 36 | label: "状态", | ||
| 37 | width: '130', | ||
| 38 | render: (h, scope) => { | ||
| 39 | return ( | ||
| 40 | <div> | ||
| 41 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> | ||
| 42 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> | ||
| 43 | </div> | ||
| 44 | ) | ||
| 45 | } | ||
| 46 | }, | ||
| 47 | { | ||
| 48 | prop: "qllxmc", | ||
| 49 | label: "权利类型", | ||
| 50 | }, | ||
| 51 | { | ||
| 52 | prop: "bdcdyh", | ||
| 53 | label: "不动产单元号", | ||
| 54 | minWidth: '150' | ||
| 55 | }, | ||
| 56 | { | ||
| 57 | prop: "bdcqzh", | ||
| 58 | label: "不动产权证号", | ||
| 59 | render: (h, scope) => { | ||
| 60 | return ( | ||
| 61 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | ||
| 62 | <span class="ellipsis-table"> {scope.row.bdcqzh}</span> | ||
| 63 | </el-tooltip> | ||
| 64 | ) | ||
| 65 | }, | ||
| 66 | width: '150' | ||
| 67 | }, | ||
| 68 | { | ||
| 69 | prop: "gyqk", | ||
| 70 | label: "共有方式", | ||
| 71 | }, | ||
| 72 | { | ||
| 73 | prop: "qlrmc", | ||
| 74 | label: "使用权人", | ||
| 75 | }, | ||
| 76 | { | ||
| 77 | prop: "qlrzjhm", | ||
| 78 | label: "证件号", | ||
| 79 | }, | ||
| 80 | { | ||
| 81 | prop: "qlxzmc", | ||
| 82 | width: '80', | ||
| 83 | label: "权利性质", | ||
| 84 | }, | ||
| 85 | { | ||
| 86 | prop: "qlmjmc", | ||
| 87 | width: '100', | ||
| 88 | label: "使用权面积", | ||
| 89 | }, | ||
| 90 | { | ||
| 91 | prop: "qlytmc", | ||
| 92 | label: "土地用途", | ||
| 93 | }, | ||
| 94 | { | ||
| 95 | prop: "qdjgmc", | ||
| 96 | width: '100', | ||
| 97 | label: "取得价格", | ||
| 98 | }, | ||
| 99 | { | ||
| 100 | prop: "zl", | ||
| 101 | label: "坐落", | ||
| 102 | minWidth: '150' | ||
| 103 | },{ | ||
| 104 | label: '操作', | ||
| 105 | width: '80', | ||
| 106 | align: 'center', | ||
| 107 | fixed: 'right', | ||
| 108 | render: (h, scope) => { | ||
| 109 | return ( | ||
| 110 | <div> | ||
| 111 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | ||
| 112 | </div> | ||
| 113 | ) | ||
| 114 | } | ||
| 115 | } | ||
| 116 | ] | ||
| 117 | } | ||
| 118 | |||
| 119 | |||
| 120 | } | ||
| 121 | let datas = new data() | ||
| 122 | export { | ||
| 123 | datas, | ||
| 124 | sendThis | ||
| 125 | } |
| 1 | /* | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-09-05 13:10:31 | ||
| 5 | */ | ||
| 6 | import filter from '@/utils/filter.js' | ||
| 7 | let vm = null | ||
| 8 | |||
| 9 | const sendThis = (_this) => { | ||
| 10 | vm = _this | ||
| 11 | } | ||
| 12 | class data extends filter { | ||
| 13 | constructor() { | ||
| 14 | super() | ||
| 15 | } | ||
| 16 | columns () { | ||
| 17 | return [ | ||
| 18 | { | ||
| 19 | type: 'selection', | ||
| 20 | label: '全选', | ||
| 21 | selectable: this.selected | ||
| 22 | }, | ||
| 23 | { | ||
| 24 | label: '序号', | ||
| 25 | type: 'index', | ||
| 26 | width: '50', | ||
| 27 | render: (h, scope) => { | ||
| 28 | return ( | ||
| 29 | <div> | ||
| 30 | {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1} | ||
| 31 | </div> | ||
| 32 | ) | ||
| 33 | } | ||
| 34 | }, | ||
| 35 | { | ||
| 36 | label: "状态", | ||
| 37 | render: (h, scope) => { | ||
| 38 | return ( | ||
| 39 | <div> | ||
| 40 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> | ||
| 41 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> | ||
| 42 | {/* <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a> | ||
| 43 | <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span> | ||
| 44 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
| 45 | <span v-show={scope.row.ycfzt == 1}>,已预查封</span> | ||
| 46 | <span v-show={scope.row.cfzt == 1}>,已查封</span> | ||
| 47 | <span v-show={scope.row.diyizt == 1}>,已地役</span> | ||
| 48 | <span v-show={scope.row.yyzt == 1}>,异议中</span> | ||
| 49 | <span v-show={scope.row.xzzt == 1}>,已限制</span> | ||
| 50 | <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span> | ||
| 51 | <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span> | ||
| 52 | <span v-show={scope.row.dyzt == 1}>,已抵押</span> */} | ||
| 53 | </div> | ||
| 54 | ) | ||
| 55 | } | ||
| 56 | }, | ||
| 57 | { | ||
| 58 | prop: "qllxmc", | ||
| 59 | label: "权利类型", | ||
| 60 | }, | ||
| 61 | { | ||
| 62 | prop: "zddm", | ||
| 63 | label: "宗地代码", | ||
| 64 | }, | ||
| 65 | { | ||
| 66 | prop: "bdcdyh", | ||
| 67 | label: "不动产单元号", | ||
| 68 | minWidth: '110' | ||
| 69 | }, | ||
| 70 | { | ||
| 71 | prop: "showQlxz", | ||
| 72 | label: "权利性质", | ||
| 73 | }, | ||
| 74 | { | ||
| 75 | prop: "zdmj", | ||
| 76 | label: "宗地面积(㎡)", | ||
| 77 | }, | ||
| 78 | { | ||
| 79 | prop: "qlsdfsmc", | ||
| 80 | label: "权利设定方式", | ||
| 81 | }, | ||
| 82 | { | ||
| 83 | prop: "showTdyt", | ||
| 84 | label: "土地用途", | ||
| 85 | }, | ||
| 86 | { | ||
| 87 | prop: "tfh", | ||
| 88 | label: "图幅号", | ||
| 89 | }, | ||
| 90 | { | ||
| 91 | prop: "djh", | ||
| 92 | label: "地籍号", | ||
| 93 | }, | ||
| 94 | { | ||
| 95 | prop: "zl", | ||
| 96 | label: "坐落", | ||
| 97 | minWidth: '110' | ||
| 98 | },{ | ||
| 99 | label: '操作', | ||
| 100 | width: '80', | ||
| 101 | align: 'center', | ||
| 102 | fixed: 'right', | ||
| 103 | render: (h, scope) => { | ||
| 104 | return ( | ||
| 105 | <div> | ||
| 106 | <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button> | ||
| 107 | </div> | ||
| 108 | ) | ||
| 109 | } | ||
| 110 | } | ||
| 111 | ] | ||
| 112 | } | ||
| 113 | |||
| 114 | |||
| 115 | } | ||
| 116 | let datas = new data() | ||
| 117 | export { | ||
| 118 | datas, | ||
| 119 | sendThis | ||
| 120 | } |
| ... | @@ -45,9 +45,9 @@ class data extends filter { | ... | @@ -45,9 +45,9 @@ class data extends filter { |
| 45 | } | 45 | } |
| 46 | }, | 46 | }, |
| 47 | { | 47 | { |
| 48 | prop: "bdcqzh", | 48 | prop: "ygdjzlmc", |
| 49 | label: "不动产登记证明号", | 49 | label: "预告登记种类", |
| 50 | minWidth: '150' | 50 | minWidth: '100' |
| 51 | }, | 51 | }, |
| 52 | { | 52 | { |
| 53 | prop: "bdcdyh", | 53 | prop: "bdcdyh", |
| ... | @@ -55,41 +55,34 @@ class data extends filter { | ... | @@ -55,41 +55,34 @@ class data extends filter { |
| 55 | minWidth: '150' | 55 | minWidth: '150' |
| 56 | }, | 56 | }, |
| 57 | { | 57 | { |
| 58 | prop: "dyfs", | 58 | prop: "bdcqzh", |
| 59 | label: "抵押方式", | 59 | label: "不动产登记证明号", |
| 60 | render: (h, scope) => { | 60 | minWidth: '150' |
| 61 | switch (scope.row.dyfs) { | 61 | }, |
| 62 | case '1': | ||
| 63 | return <span>一般抵押</span> | ||
| 64 | case '2': | ||
| 65 | return <span>最高额抵押</span> | ||
| 66 | } | ||
| 67 | } | ||
| 68 | }, | ||
| 69 | { | 62 | { |
| 70 | prop: "qlrmc", | 63 | prop: "qlrmc", |
| 71 | label: "抵押权人", | 64 | label: "权利人", |
| 72 | }, | 65 | }, |
| 73 | { | 66 | { |
| 74 | prop: "qlrzjhm", | 67 | prop: "qlrzjhm", |
| 75 | label: "抵押权人证件号", | 68 | label: "证件号码", |
| 76 | }, | 69 | }, |
| 77 | { | 70 | { |
| 78 | prop: "ywrmc", | 71 | prop: "ywrmc", |
| 79 | label: "抵押人", | 72 | label: "义务人", |
| 80 | }, | 73 | }, |
| 81 | { | 74 | { |
| 82 | prop: "ywrzjhm", | 75 | prop: "ywrzjhm", |
| 83 | label: "抵押人证件号", | 76 | label: "证件号码", |
| 84 | }, | 77 | }, |
| 85 | { | 78 | { |
| 86 | prop: "dyje", | 79 | prop: "jzmj", |
| 87 | label: "抵押金额(万元)", | 80 | label: "建筑面积", |
| 88 | }, | 81 | }, |
| 89 | { | 82 | { |
| 90 | prop: "dymj", | 83 | prop: "qdjg", |
| 91 | label: "抵押面积", | 84 | label: "被担保主债权数额", |
| 92 | }, | 85 | }, |
| 93 | { | 86 | { |
| 94 | prop: "dyqx", | 87 | prop: "dyqx", |
| 95 | label: "债务履行期限", | 88 | label: "债务履行期限", | ... | ... |
-
Please register or sign in to post a comment