Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web
Showing
18 changed files
with
811 additions
and
70 deletions
| 1 | import request from '@/utils/request' | 1 | import request from '@/utils/request' |
| 2 | import SERVER from './config' | 2 | import SERVER from './config' |
| 3 | // 根据条件进行列表查询 | 3 | // 获取家庭房产列表 |
| 4 | export function getJtfcPage (data) { | 4 | export function getJtfcPage (data) { |
| 5 | return request({ | 5 | return request({ |
| 6 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getJtfcPage', | 6 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getJtfcPage', |
| ... | @@ -8,6 +8,16 @@ export function getJtfcPage (data) { | ... | @@ -8,6 +8,16 @@ export function getJtfcPage (data) { |
| 8 | data | 8 | data |
| 9 | }) | 9 | }) |
| 10 | } | 10 | } |
| 11 | |||
| 12 | // 获取房屋明细列表 | ||
| 13 | export function getFwmxPage (data) { | ||
| 14 | return request({ | ||
| 15 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/getFwmxPage', | ||
| 16 | method: 'post', | ||
| 17 | data | ||
| 18 | }) | ||
| 19 | } | ||
| 20 | |||
| 11 | // 新增申请查询家庭房产信息 | 21 | // 新增申请查询家庭房产信息 |
| 12 | export function addJtfcCxjgXx (data) { | 22 | export function addJtfcCxjgXx (data) { |
| 13 | return request({ | 23 | return request({ |
| ... | @@ -16,6 +26,16 @@ export function addJtfcCxjgXx (data) { | ... | @@ -16,6 +26,16 @@ export function addJtfcCxjgXx (data) { |
| 16 | data | 26 | data |
| 17 | }) | 27 | }) |
| 18 | } | 28 | } |
| 29 | |||
| 30 | // 新增申请查询房屋明细信息 | ||
| 31 | export function addFwmxCxjgXx (data) { | ||
| 32 | return request({ | ||
| 33 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/addFwmxCxjgXx', | ||
| 34 | method: 'post', | ||
| 35 | data | ||
| 36 | }) | ||
| 37 | } | ||
| 38 | |||
| 19 | // 获取申请查询记录详细信息 | 39 | // 获取申请查询记录详细信息 |
| 20 | export function getJtfcInfo (params) { | 40 | export function getJtfcInfo (params) { |
| 21 | return request({ | 41 | return request({ |
| ... | @@ -24,3 +44,12 @@ export function getJtfcInfo (params) { | ... | @@ -24,3 +44,12 @@ export function getJtfcInfo (params) { |
| 24 | params | 44 | params |
| 25 | }) | 45 | }) |
| 26 | } | 46 | } |
| 47 | |||
| 48 | // 打印家庭房产 | ||
| 49 | export function printJtcfInfo (data) { | ||
| 50 | return request({ | ||
| 51 | url: SERVER.SERVERAPI + '/rest/sqcx/jtfc/printJtcfInfo/', | ||
| 52 | method: 'post', | ||
| 53 | data | ||
| 54 | }) | ||
| 55 | } | ... | ... |
| ... | @@ -141,4 +141,23 @@ export function getJdcxBysearch (data) { | ... | @@ -141,4 +141,23 @@ export function getJdcxBysearch (data) { |
| 141 | }) | 141 | }) |
| 142 | } | 142 | } |
| 143 | 143 | ||
| 144 | // 证书领取查询 | ||
| 145 | export function getBdcqzReceiveList (data) { | ||
| 146 | return request({ | ||
| 147 | url: SERVER.SERVERAPI + '/rest/zhcx/search/getBdcqzReceiveList', | ||
| 148 | method: 'post', | ||
| 149 | data | ||
| 150 | }) | ||
| 151 | } | ||
| 152 | |||
| 153 | // 在建工程抵押查询 | ||
| 154 | export function getZjgcdyList (data) { | ||
| 155 | return request({ | ||
| 156 | url: SERVER.SERVERAPI + '/rest/zhcx/search/getZjgcdyList', | ||
| 157 | method: 'post', | ||
| 158 | data | ||
| 159 | }) | ||
| 160 | } | ||
| 161 | |||
| 162 | |||
| 144 | 163 | ... | ... |
src/views/sqcx/dydjb/components/addDydjb.vue
0 → 100644
| 1 | <template> | ||
| 2 | <dialogBox title="房屋明细查询" @closeDialog="closeDialog" width="70%" :isButton="false" v-model="myValue"> | ||
| 3 | <el-steps :active="activeStep" finish-status="success"> | ||
| 4 | <el-step title="条件录入"></el-step> | ||
| 5 | <el-step title="结果查询"></el-step> | ||
| 6 | <el-step title="结果展示"></el-step> | ||
| 7 | </el-steps> | ||
| 8 | <div class="jtfccx-edit" v-show="!isSearch"> | ||
| 9 | <div class="jtfccx-edit-con"> | ||
| 10 | <b class="title"></b> | ||
| 11 | <el-form :model="form" label-width="120px"> | ||
| 12 | <el-row> | ||
| 13 | <el-col :span="6"> | ||
| 14 | <el-form-item label="查询用途" label-width="90px"> | ||
| 15 | <el-input v-model="form.djSqcxDO.cxyt" class="width200px"></el-input> | ||
| 16 | </el-form-item> | ||
| 17 | </el-col> | ||
| 18 | <el-col :span="6"> | ||
| 19 | <el-form-item label="不动产权证号" label-width="120px"> | ||
| 20 | <el-input v-model="form.djSqcxDO.bdcqzh" class="width200px"></el-input> | ||
| 21 | </el-form-item> | ||
| 22 | </el-col> | ||
| 23 | <el-col :span="12"> | ||
| 24 | <el-form-item label="与产权人的关系"> | ||
| 25 | <el-radio-group v-model="form.djSqcxDO.ycqrgx"> | ||
| 26 | <el-radio label="1">房屋权利人</el-radio> | ||
| 27 | <el-radio label="2">产权利害关系人</el-radio> | ||
| 28 | <el-radio label="3">委托人</el-radio> | ||
| 29 | </el-radio-group> | ||
| 30 | </el-form-item> | ||
| 31 | </el-col> | ||
| 32 | </el-row> | ||
| 33 | </el-form> | ||
| 34 | <lb-table :column="sqrColumns" key="sqr1" :data="form.sqrList" :maxHeight="200" heightNumSetting | ||
| 35 | :pagination="false"> | ||
| 36 | </lb-table> | ||
| 37 | <b class="title">权利人</b> | ||
| 38 | <lb-table :column="qlrColumns" key="ql2r" :data="form.qlrList" :maxHeight="200" heightNumSetting | ||
| 39 | :pagination="false"> | ||
| 40 | </lb-table> | ||
| 41 | <div class="submit-button" style="padding-bottom:50px"> | ||
| 42 | <el-button @click="resetClick" v-show="!isSearch">重置</el-button> | ||
| 43 | <el-button type="primary" @click="queryChick" v-show="!isSearch">查询</el-button> | ||
| 44 | <el-button @click="closeDialog">关闭</el-button> | ||
| 45 | </div> | ||
| 46 | </div> | ||
| 47 | </div> | ||
| 48 | <div> | ||
| 49 | <dydjbInfo v-show="isSearch"/> | ||
| 50 | </div> | ||
| 51 | </dialogBox> | ||
| 52 | </template> | ||
| 53 | |||
| 54 | <script> | ||
| 55 | import { addFwmxCxjgXx, getJtfcInfo,printJtcfInfo } from "@/api/sqcx"; | ||
| 56 | import { getPrintTemplateByCode } from "@/api/system"; | ||
| 57 | import { datas, sendThis } from "./dydjbdata"; | ||
| 58 | import { getLodop } from "@/utils/LodopFuncs" | ||
| 59 | import dydjbInfo from "./dydjbInfo.vue"; | ||
| 60 | import { mapGetters } from "vuex"; | ||
| 61 | export default { | ||
| 62 | computed: { | ||
| 63 | ...mapGetters(["dictData"]), | ||
| 64 | }, | ||
| 65 | components: { dydjbInfo }, | ||
| 66 | props: { | ||
| 67 | value: { type: Boolean, default: false }, | ||
| 68 | sqcxBsm: { type: String, default: "" }, | ||
| 69 | }, | ||
| 70 | mounted () { | ||
| 71 | |||
| 72 | }, | ||
| 73 | data () { | ||
| 74 | return { | ||
| 75 | activeStep: 0, | ||
| 76 | myValue: this.value, | ||
| 77 | //是否查询 | ||
| 78 | isSearch: false, | ||
| 79 | //查询结果列表字段 | ||
| 80 | cxjgColumns: datas.columns(), | ||
| 81 | //申请人列表字段 | ||
| 82 | sqrColumns: datas.sqrCol(), | ||
| 83 | //权利人列表字段 | ||
| 84 | qlrColumns: datas.qlrCol(), | ||
| 85 | newData: { | ||
| 86 | sqrxm: "", | ||
| 87 | sqrzjlxbm: "", | ||
| 88 | sqrzjhm: "", | ||
| 89 | lxdh: "", | ||
| 90 | inputErr: false, | ||
| 91 | }, | ||
| 92 | form: { | ||
| 93 | djSqcxDO: { ycqrgx: "1", cxyt: "",bdcqzh: "" }, | ||
| 94 | sqrList: [], | ||
| 95 | qlrList: [], | ||
| 96 | cxjgList: [], | ||
| 97 | dyjlList: [], | ||
| 98 | }, | ||
| 99 | }; | ||
| 100 | }, | ||
| 101 | watch: { | ||
| 102 | value (val) { | ||
| 103 | this.myValue = val; | ||
| 104 | let that = this | ||
| 105 | if (val) { | ||
| 106 | this.form.sqrList = [] | ||
| 107 | this.form.qlrList = [] | ||
| 108 | this.isSearch = false | ||
| 109 | if (this.sqcxBsm == "") { | ||
| 110 | that.add("sqr"); | ||
| 111 | that.add("qlr"); | ||
| 112 | } else { | ||
| 113 | that.loadData(); | ||
| 114 | } | ||
| 115 | } | ||
| 116 | }, | ||
| 117 | "form.djSqcxDO.ycqrgx" (val) { | ||
| 118 | if (val == "1") { | ||
| 119 | this.form.qlrList = _.cloneDeep(this.form.sqrList); | ||
| 120 | } else { | ||
| 121 | this.form.qlrList = []; | ||
| 122 | this.add("qlr"); | ||
| 123 | } | ||
| 124 | }, | ||
| 125 | "form.sqrList" (val) { | ||
| 126 | if (this.form.djSqcxDO.ycqrgx == '1') { | ||
| 127 | this.form.qlrList = _.cloneDeep(this.form.sqrList) | ||
| 128 | } | ||
| 129 | } | ||
| 130 | }, | ||
| 131 | methods: { | ||
| 132 | closeDialog () { | ||
| 133 | this.$emit("input", false); | ||
| 134 | this.activeStep = 0; | ||
| 135 | this.form = { | ||
| 136 | djSqcxDO: { ycqrgx: "1", cxyt: "" ,bdcqzh: ""}, | ||
| 137 | sqrList: [], | ||
| 138 | qlrList: [], | ||
| 139 | cxjgList: [], | ||
| 140 | dyjlList: [], | ||
| 141 | } | ||
| 142 | }, | ||
| 143 | //加载详细信息 | ||
| 144 | loadData () { | ||
| 145 | this.$startLoading(); | ||
| 146 | getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { | ||
| 147 | this.$endLoading(); | ||
| 148 | if (res.code == 200) { | ||
| 149 | this.form = res.result; | ||
| 150 | this.isSearch = true; | ||
| 151 | } | ||
| 152 | }); | ||
| 153 | }, | ||
| 154 | //查询结果 | ||
| 155 | queryChick () { | ||
| 156 | this.$startLoading(); | ||
| 157 | this.activeStep = 1; | ||
| 158 | addFwmxCxjgXx(this.form).then((res) => { | ||
| 159 | this.$endLoading(); | ||
| 160 | if (res.code == 200) { | ||
| 161 | this.form = res.result; | ||
| 162 | this.activeStep = 2; | ||
| 163 | this.isSearch = true; | ||
| 164 | this.$parent.queryClick(); | ||
| 165 | } | ||
| 166 | }); | ||
| 167 | }, | ||
| 168 | //重置 | ||
| 169 | resetClick () { | ||
| 170 | this.form.djSqcxDO = { ycqrgx: "1", cxyt: "",bdcqzh: "" }; | ||
| 171 | this.form.sqrList = _.cloneDeep([this.newData]); | ||
| 172 | this.form.qlrList = _.cloneDeep([this.newData]); | ||
| 173 | this.form.cxjgList = []; | ||
| 174 | this.form.dyjlList = []; | ||
| 175 | this.isSearch = false; | ||
| 176 | }, | ||
| 177 | handleRead (scope) { }, | ||
| 178 | //添加申请人或权利人 | ||
| 179 | add (type) { | ||
| 180 | if (type == "sqr") { | ||
| 181 | this.form.sqrList.push(_.cloneDeep(this.newData)); | ||
| 182 | } else { | ||
| 183 | this.form.qlrList.push(_.cloneDeep(this.newData)); | ||
| 184 | } | ||
| 185 | }, | ||
| 186 | //移除申请人或权利人 | ||
| 187 | remove (index, row, type) { | ||
| 188 | if (type == "sqr") { | ||
| 189 | this.form.sqrList.splice(index, 1); | ||
| 190 | } else { | ||
| 191 | this.form.qlrList.splice(index, 1); | ||
| 192 | } | ||
| 193 | }, | ||
| 194 | //电话号码校验 | ||
| 195 | teltest (row) { | ||
| 196 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; | ||
| 197 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { | ||
| 198 | row.inputErr = true; | ||
| 199 | return false; | ||
| 200 | } else { | ||
| 201 | row.inputErr = false; | ||
| 202 | return true; | ||
| 203 | } | ||
| 204 | }, | ||
| 205 | }, | ||
| 206 | }; | ||
| 207 | </script> | ||
| 208 | <style scoped lang="scss"> | ||
| 209 | @import "~@/styles/mixin.scss"; | ||
| 210 | @import "~@/styles/public.scss"; | ||
| 211 | |||
| 212 | .title { | ||
| 213 | padding-bottom: 10px; | ||
| 214 | margin-bottom: 10px; | ||
| 215 | display: block; | ||
| 216 | border-bottom: 1px solid $borderColor; | ||
| 217 | } | ||
| 218 | |||
| 219 | .jtfccx-edit { | ||
| 220 | @include flex; | ||
| 221 | flex-direction: column; | ||
| 222 | overflow-y: hidden; | ||
| 223 | max-height: 87vh; | ||
| 224 | padding: 0 2px; | ||
| 225 | |||
| 226 | .jtfccx-edit-con { | ||
| 227 | flex: 1; | ||
| 228 | height: 100%; | ||
| 229 | overflow-y: scroll; | ||
| 230 | } | ||
| 231 | |||
| 232 | .submit-button { | ||
| 233 | text-align: center; | ||
| 234 | height: 52px; | ||
| 235 | padding-top: 10px; | ||
| 236 | background-color: #fff; | ||
| 237 | } | ||
| 238 | } | ||
| 239 | </style> |
src/views/sqcx/dydjb/components/dydjbdata.js
0 → 100644
| 1 | import filter from '@/utils/filter.js' | ||
| 2 | let vm = null | ||
| 3 | |||
| 4 | const sendThis = (_this) => { | ||
| 5 | vm = _this | ||
| 6 | } | ||
| 7 | class data extends filter { | ||
| 8 | constructor() { | ||
| 9 | super() | ||
| 10 | } | ||
| 11 | columns () { | ||
| 12 | return [ | ||
| 13 | { | ||
| 14 | prop: 'qszt', | ||
| 15 | label: '权属状态', | ||
| 16 | }, | ||
| 17 | { | ||
| 18 | prop: 'bdcqzh', | ||
| 19 | label: '不动产权证号', | ||
| 20 | }, | ||
| 21 | { | ||
| 22 | prop: 'djsj', | ||
| 23 | label: '登记时间', | ||
| 24 | }, | ||
| 25 | { | ||
| 26 | prop: 'wqhth', | ||
| 27 | label: '合同号', | ||
| 28 | }, | ||
| 29 | { | ||
| 30 | prop: 'wqsj', | ||
| 31 | label: '网签时间', | ||
| 32 | }, | ||
| 33 | { | ||
| 34 | prop: 'bdcdyh', | ||
| 35 | label: '不动产单元号', | ||
| 36 | }, | ||
| 37 | { | ||
| 38 | prop: 'gyfs', | ||
| 39 | label: '共有方式', | ||
| 40 | }, | ||
| 41 | { | ||
| 42 | prop: 'qlrmc', | ||
| 43 | label: '权利人', | ||
| 44 | }, | ||
| 45 | { | ||
| 46 | prop: 'zjhm', | ||
| 47 | label: '证件号', | ||
| 48 | }, | ||
| 49 | { | ||
| 50 | prop: 'fdzl', | ||
| 51 | label: '房地坐落', | ||
| 52 | }, | ||
| 53 | { | ||
| 54 | prop: 'fwmj', | ||
| 55 | label: '建筑面积(㎡)', | ||
| 56 | }, | ||
| 57 | { | ||
| 58 | prop: 'fwyt', | ||
| 59 | label: '房屋用途', | ||
| 60 | }, | ||
| 61 | { | ||
| 62 | |||
| 63 | label: '登记状态', | ||
| 64 | align: 'center', | ||
| 65 | fixed: 'right', | ||
| 66 | render: (h, scope) => { | ||
| 67 | if(scope.row.dyzt != '0' && scope.row.cfzt != '0'){ | ||
| 68 | return <div>抵押、查封</div> | ||
| 69 | } | ||
| 70 | if(scope.row.dyzt != '0'){ | ||
| 71 | return <div>抵押</div> | ||
| 72 | } | ||
| 73 | if(scope.row.cfzt != '0'){ | ||
| 74 | return <div>查封</div> | ||
| 75 | } | ||
| 76 | } | ||
| 77 | } | ||
| 78 | ] | ||
| 79 | } | ||
| 80 | sqrCol () { | ||
| 81 | return [ | ||
| 82 | { | ||
| 83 | width: "60", | ||
| 84 | renderHeader: (h, scope) => { | ||
| 85 | return ( | ||
| 86 | <i | ||
| 87 | class="el-icon-plus pointer" | ||
| 88 | onClick={() => { | ||
| 89 | vm.add("sqr"); | ||
| 90 | }} | ||
| 91 | style="color:#409EFF" | ||
| 92 | ></i> | ||
| 93 | ); | ||
| 94 | }, | ||
| 95 | render: (h, scope) => { | ||
| 96 | return ( | ||
| 97 | <i | ||
| 98 | class="el-icon-minus pointer" | ||
| 99 | onClick={() => { | ||
| 100 | vm.remove(scope.$index, scope.row, "sqr"); | ||
| 101 | }} | ||
| 102 | ></i> | ||
| 103 | ); | ||
| 104 | }, | ||
| 105 | }, | ||
| 106 | { | ||
| 107 | width: "150", | ||
| 108 | label: "身份证读卡器", | ||
| 109 | render: (h, scope) => { | ||
| 110 | return ( | ||
| 111 | <div> | ||
| 112 | <el-button | ||
| 113 | type="text" | ||
| 114 | icon="el-icon-edit-outline" | ||
| 115 | onClick={() => { | ||
| 116 | vm.handleRead(scope); | ||
| 117 | }} | ||
| 118 | > | ||
| 119 | 读取 | ||
| 120 | </el-button> | ||
| 121 | </div> | ||
| 122 | ); | ||
| 123 | }, | ||
| 124 | }, | ||
| 125 | { | ||
| 126 | width: "150", | ||
| 127 | prop: "sqrxm", | ||
| 128 | label: "姓名/名称", | ||
| 129 | render: (h, scope) => { | ||
| 130 | return ( | ||
| 131 | <el-input | ||
| 132 | placeholder="姓名/名称" | ||
| 133 | value={scope.row[scope.column.property]} | ||
| 134 | onInput={(val) => { | ||
| 135 | scope.row[scope.column.property] = val; | ||
| 136 | }} | ||
| 137 | ></el-input> | ||
| 138 | ); | ||
| 139 | }, | ||
| 140 | }, | ||
| 141 | { | ||
| 142 | prop: "sqrzjlxbm", | ||
| 143 | label: "证件种类", | ||
| 144 | render: (h, scope) => { | ||
| 145 | return ( | ||
| 146 | <el-select | ||
| 147 | class="width100" | ||
| 148 | clearable | ||
| 149 | value={scope.row[scope.column.property]} | ||
| 150 | onChange={(val) => { | ||
| 151 | scope.row[scope.column.property] = val; | ||
| 152 | }} | ||
| 153 | > | ||
| 154 | {vm.dictData["A30"].map((option) => { | ||
| 155 | return ( | ||
| 156 | <el-option | ||
| 157 | label={option.dname} | ||
| 158 | value={option.dcode} | ||
| 159 | ></el-option> | ||
| 160 | ); | ||
| 161 | })} | ||
| 162 | </el-select> | ||
| 163 | ); | ||
| 164 | }, | ||
| 165 | }, | ||
| 166 | { | ||
| 167 | prop: "sqrzjhm", | ||
| 168 | label: "证件号", | ||
| 169 | render: (h, scope) => { | ||
| 170 | return ( | ||
| 171 | <el-input | ||
| 172 | placeholder="证件号" | ||
| 173 | value={scope.row[scope.column.property]} | ||
| 174 | onInput={(val) => { | ||
| 175 | scope.row[scope.column.property] = val; | ||
| 176 | }} | ||
| 177 | maxlength="21" | ||
| 178 | ></el-input> | ||
| 179 | ); | ||
| 180 | }, | ||
| 181 | }, | ||
| 182 | { | ||
| 183 | prop: "lxdh", | ||
| 184 | label: "联系电话", | ||
| 185 | render: (h, scope) => { | ||
| 186 | return ( | ||
| 187 | <div class="typePhone"> | ||
| 188 | <el-input | ||
| 189 | placeholder="联系电话" | ||
| 190 | value={scope.row[scope.column.property]} | ||
| 191 | onInput={(val) => { | ||
| 192 | scope.row[scope.column.property] = val; | ||
| 193 | }} | ||
| 194 | onBlur={(val) => { | ||
| 195 | vm.teltest(scope.row); | ||
| 196 | }} | ||
| 197 | type="tel" | ||
| 198 | maxlength="11" | ||
| 199 | ></el-input> | ||
| 200 | <span | ||
| 201 | v-show={scope.row.inputErr} | ||
| 202 | style={{ | ||
| 203 | fontSize: "12px", | ||
| 204 | color: "red", | ||
| 205 | position: "absolute", | ||
| 206 | bottom: "-2px", | ||
| 207 | left: "0", | ||
| 208 | }} | ||
| 209 | > | ||
| 210 | 请输入正确手机号 | ||
| 211 | </span> | ||
| 212 | </div> | ||
| 213 | ); | ||
| 214 | }, | ||
| 215 | }, | ||
| 216 | ] | ||
| 217 | } | ||
| 218 | qlrCol () { | ||
| 219 | return [ | ||
| 220 | { | ||
| 221 | width: "60", | ||
| 222 | renderHeader: (h, scope) => { | ||
| 223 | return ( | ||
| 224 | <i | ||
| 225 | class="el-icon-plus pointer" | ||
| 226 | onClick={() => { | ||
| 227 | vm.add("qlr"); | ||
| 228 | }} | ||
| 229 | style="color:#409EFF" | ||
| 230 | ></i> | ||
| 231 | ); | ||
| 232 | }, | ||
| 233 | render: (h, scope) => { | ||
| 234 | return ( | ||
| 235 | <i | ||
| 236 | class="el-icon-minus pointer" | ||
| 237 | onClick={() => { | ||
| 238 | vm.remove(scope.$index, scope.row, "qlr"); | ||
| 239 | }} | ||
| 240 | ></i> | ||
| 241 | ); | ||
| 242 | }, | ||
| 243 | }, | ||
| 244 | { | ||
| 245 | width: "150", | ||
| 246 | label: "身份证读卡器", | ||
| 247 | render: (h, scope) => { | ||
| 248 | return ( | ||
| 249 | <div> | ||
| 250 | <el-button | ||
| 251 | type="text" | ||
| 252 | icon="el-icon-edit-outline" | ||
| 253 | onClick={() => { | ||
| 254 | vm.handleRead(scope); | ||
| 255 | }} | ||
| 256 | > | ||
| 257 | 读取 | ||
| 258 | </el-button> | ||
| 259 | </div> | ||
| 260 | ); | ||
| 261 | }, | ||
| 262 | }, | ||
| 263 | { | ||
| 264 | width: "150", | ||
| 265 | prop: "sqrxm", | ||
| 266 | label: "姓名/名称", | ||
| 267 | render: (h, scope) => { | ||
| 268 | return ( | ||
| 269 | <el-input | ||
| 270 | placeholder="姓名/名称" | ||
| 271 | value={scope.row[scope.column.property]} | ||
| 272 | onInput={(val) => { | ||
| 273 | scope.row[scope.column.property] = val; | ||
| 274 | }} | ||
| 275 | ></el-input> | ||
| 276 | ); | ||
| 277 | }, | ||
| 278 | }, | ||
| 279 | { | ||
| 280 | prop: "sqrzjlxbm", | ||
| 281 | label: "证件种类", | ||
| 282 | render: (h, scope) => { | ||
| 283 | return ( | ||
| 284 | <el-select | ||
| 285 | class="width100" | ||
| 286 | value={scope.row[scope.column.property]} | ||
| 287 | onChange={(val) => { | ||
| 288 | scope.row[scope.column.property] = val; | ||
| 289 | }} | ||
| 290 | > | ||
| 291 | {vm.dictData["A30"].map((option) => { | ||
| 292 | return ( | ||
| 293 | <el-option | ||
| 294 | label={option.dname} | ||
| 295 | value={option.dcode} | ||
| 296 | ></el-option> | ||
| 297 | ); | ||
| 298 | })} | ||
| 299 | </el-select> | ||
| 300 | ); | ||
| 301 | }, | ||
| 302 | }, | ||
| 303 | { | ||
| 304 | prop: "sqrzjhm", | ||
| 305 | label: "证件号", | ||
| 306 | render: (h, scope) => { | ||
| 307 | return ( | ||
| 308 | <el-input | ||
| 309 | placeholder="证件号" | ||
| 310 | value={scope.row[scope.column.property]} | ||
| 311 | onInput={(val) => { | ||
| 312 | scope.row[scope.column.property] = val; | ||
| 313 | }} | ||
| 314 | maxlength="21" | ||
| 315 | ></el-input> | ||
| 316 | ); | ||
| 317 | }, | ||
| 318 | }, | ||
| 319 | { | ||
| 320 | prop: "lxdh", | ||
| 321 | label: "联系电话", | ||
| 322 | render: (h, scope) => { | ||
| 323 | return ( | ||
| 324 | <div class="typePhone"> | ||
| 325 | <el-input | ||
| 326 | placeholder="联系电话" | ||
| 327 | value={scope.row[scope.column.property]} | ||
| 328 | onInput={(val) => { | ||
| 329 | scope.row[scope.column.property] = val; | ||
| 330 | }} | ||
| 331 | onBlur={(val) => { | ||
| 332 | vm.teltest(scope.row); | ||
| 333 | }} | ||
| 334 | type="tel" | ||
| 335 | maxlength="11" | ||
| 336 | ></el-input> | ||
| 337 | <span | ||
| 338 | v-show={scope.row.inputErr} | ||
| 339 | style={{ | ||
| 340 | fontSize: "12px", | ||
| 341 | color: "red", | ||
| 342 | position: "absolute", | ||
| 343 | bottom: "-2px", | ||
| 344 | left: "0", | ||
| 345 | }} | ||
| 346 | > | ||
| 347 | 请输入正确手机号 | ||
| 348 | </span> | ||
| 349 | </div> | ||
| 350 | ); | ||
| 351 | }, | ||
| 352 | }, | ||
| 353 | ] | ||
| 354 | } | ||
| 355 | } | ||
| 356 | let datas = new data() | ||
| 357 | export { | ||
| 358 | datas, | ||
| 359 | sendThis | ||
| 360 | } |
| ... | @@ -29,7 +29,7 @@ | ... | @@ -29,7 +29,7 @@ |
| 29 | <el-col :span="3" class="btnColRight"> | 29 | <el-col :span="3" class="btnColRight"> |
| 30 | <el-form-item> | 30 | <el-form-item> |
| 31 | <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> | 31 | <el-button type="primary" native-type="submit" @click="queryClick">查询</el-button> |
| 32 | <!-- <el-button @click="moreQueryClick()">高级查询</el-button> --> | 32 | <el-button type="primary" @click="openAddDialog">新增</el-button> |
| 33 | </el-form-item> | 33 | </el-form-item> |
| 34 | </el-col> | 34 | </el-col> |
| 35 | </el-row> | 35 | </el-row> |
| ... | @@ -42,6 +42,7 @@ | ... | @@ -42,6 +42,7 @@ |
| 42 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> | 42 | @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> |
| 43 | </lb-table> | 43 | </lb-table> |
| 44 | </div> | 44 | </div> |
| 45 | <addDydjb v-model="isDialog" :sqcxBsm="sqcxBsm" /> | ||
| 45 | </div> | 46 | </div> |
| 46 | </template> | 47 | </template> |
| 47 | <script> | 48 | <script> |
| ... | @@ -49,9 +50,11 @@ import { mapGetters } from "vuex"; | ... | @@ -49,9 +50,11 @@ import { mapGetters } from "vuex"; |
| 49 | import table from "@/utils/mixin/table"; | 50 | import table from "@/utils/mixin/table"; |
| 50 | import { popupDialog } from "@/utils/popup.js"; | 51 | import { popupDialog } from "@/utils/popup.js"; |
| 51 | import { datas, sendThis } from "./dydjbdata"; | 52 | import { datas, sendThis } from "./dydjbdata"; |
| 52 | import { getJtfcPage } from "@/api/sqcx"; | 53 | import addDydjb from "./components/addDydjb.vue"; |
| 54 | import { getFwmxPage } from "@/api/sqcx"; | ||
| 53 | export default { | 55 | export default { |
| 54 | name: "dydjb", | 56 | name: "dydjb", |
| 57 | components: { addDydjb }, | ||
| 55 | mixins: [table], | 58 | mixins: [table], |
| 56 | mounted () { | 59 | mounted () { |
| 57 | sendThis(this); | 60 | sendThis(this); |
| ... | @@ -62,6 +65,8 @@ export default { | ... | @@ -62,6 +65,8 @@ export default { |
| 62 | }, | 65 | }, |
| 63 | data () { | 66 | data () { |
| 64 | return { | 67 | return { |
| 68 | isDialog: false, | ||
| 69 | sqcxBsm: "", | ||
| 65 | queryForm: { | 70 | queryForm: { |
| 66 | cxbh: "", | 71 | cxbh: "", |
| 67 | sqr: "", | 72 | sqr: "", |
| ... | @@ -77,7 +82,7 @@ export default { | ... | @@ -77,7 +82,7 @@ export default { |
| 77 | // 初始化数据 | 82 | // 初始化数据 |
| 78 | queryClick () { | 83 | queryClick () { |
| 79 | this.$startLoading(); | 84 | this.$startLoading(); |
| 80 | getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { | 85 | getFwmxPage({ ...this.queryForm, ...this.pageData }).then((res) => { |
| 81 | this.$endLoading(); | 86 | this.$endLoading(); |
| 82 | if (res.code === 200) { | 87 | if (res.code === 200) { |
| 83 | let { records, total } = res.result; | 88 | let { records, total } = res.result; |
| ... | @@ -94,6 +99,9 @@ export default { | ... | @@ -94,6 +99,9 @@ export default { |
| 94 | handleSort (name, sort) { | 99 | handleSort (name, sort) { |
| 95 | console.log(name, sort); | 100 | console.log(name, sort); |
| 96 | }, | 101 | }, |
| 102 | openAddDialog(){ | ||
| 103 | this.isDialog = true | ||
| 104 | } | ||
| 97 | }, | 105 | }, |
| 98 | }; | 106 | }; |
| 99 | </script> | 107 | </script> | ... | ... |
| ... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
| 12 | </el-col> | 12 | </el-col> |
| 13 | <el-col :span="16"> | 13 | <el-col :span="16"> |
| 14 | <el-form-item label="与产权人的关系"> | 14 | <el-form-item label="与产权人的关系"> |
| 15 | <el-radio-group v-model="form.djSqcxDO.ycyrgx"> | 15 | <el-radio-group v-model="form.djSqcxDO.ycqrgx"> |
| 16 | <el-radio label="1">房屋权利人</el-radio> | 16 | <el-radio label="1">房屋权利人</el-radio> |
| 17 | <el-radio label="2">产权利害关系人</el-radio> | 17 | <el-radio label="2">产权利害关系人</el-radio> |
| 18 | <el-radio label="3">委托人</el-radio> | 18 | <el-radio label="3">委托人</el-radio> |
| ... | @@ -38,21 +38,29 @@ | ... | @@ -38,21 +38,29 @@ |
| 38 | </div> | 38 | </div> |
| 39 | <el-divider></el-divider> | 39 | <el-divider></el-divider> |
| 40 | <div class="submit-button" style="padding-bottom:50px"> | 40 | <div class="submit-button" style="padding-bottom:50px"> |
| 41 | <el-button @click="resetClick">重置</el-button> | 41 | <el-button v-show="isSearch == false" @click="resetClick">重置</el-button> |
| 42 | <el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button> | 42 | <el-button type="primary" v-show="isSearch == false" @click="queryChick">查询</el-button> |
| 43 | <el-button type="primary" v-show="isSearch && form.dyjlList.length > 0">房产结果打印({{ form.dyjlList.length }}) | 43 | <el-button type="primary" v-show="isSearch && form.cxjgList.length > 0" @click="printResult"> |
| 44 | 房产结果打印({{ form.djSqcxDO.dycs }}) | ||
| 44 | </el-button> | 45 | </el-button> |
| 45 | <el-button type="primary" v-show="isSearch && form.dyjlList.length == 0">无房证明打印({{ form.dyjlList.length }}) | 46 | <el-button type="primary" v-show="isSearch && form.cxjgList.length == 0" @click="printResult"> |
| 47 | 无房证明打印({{ form.djSqcxDO.dycs }}) | ||
| 46 | </el-button> | 48 | </el-button> |
| 47 | <el-button @click="closeDialog">关闭</el-button> | 49 | <el-button @click="closeDialog">关闭</el-button> |
| 48 | </div> | 50 | </div> |
| 51 | <!-- 打印模板需要此模块 --> | ||
| 52 | <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> | ||
| 53 | <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> | ||
| 54 | </object> | ||
| 49 | </div> | 55 | </div> |
| 50 | </dialogBox> | 56 | </dialogBox> |
| 51 | </template> | 57 | </template> |
| 52 | 58 | ||
| 53 | <script> | 59 | <script> |
| 54 | import { addJtfcCxjgXx, getJtfcInfo } from "@/api/sqcx"; | 60 | import { addJtfcCxjgXx, getJtfcInfo,printJtcfInfo } from "@/api/sqcx"; |
| 61 | import { getPrintTemplateByCode } from "@/api/system"; | ||
| 55 | import { datas, sendThis } from "./addjtfcdata"; | 62 | import { datas, sendThis } from "./addjtfcdata"; |
| 63 | import { getLodop } from "@/utils/LodopFuncs" | ||
| 56 | import { mapGetters } from "vuex"; | 64 | import { mapGetters } from "vuex"; |
| 57 | export default { | 65 | export default { |
| 58 | computed: { | 66 | computed: { |
| ... | @@ -84,7 +92,7 @@ export default { | ... | @@ -84,7 +92,7 @@ export default { |
| 84 | inputErr: false, | 92 | inputErr: false, |
| 85 | }, | 93 | }, |
| 86 | form: { | 94 | form: { |
| 87 | djSqcxDO: { ycyrgx: "1", cxyt: "" }, | 95 | djSqcxDO: { ycqrgx: "1", cxyt: "" }, |
| 88 | sqrList: [], | 96 | sqrList: [], |
| 89 | qlrList: [], | 97 | qlrList: [], |
| 90 | cxjgList: [], | 98 | cxjgList: [], |
| ... | @@ -108,7 +116,7 @@ export default { | ... | @@ -108,7 +116,7 @@ export default { |
| 108 | } | 116 | } |
| 109 | } | 117 | } |
| 110 | }, | 118 | }, |
| 111 | "form.djSqcxDO.ycyrgx" (val) { | 119 | "form.djSqcxDO.ycqrgx" (val) { |
| 112 | if (val == "1") { | 120 | if (val == "1") { |
| 113 | this.form.qlrList = _.cloneDeep(this.form.sqrList); | 121 | this.form.qlrList = _.cloneDeep(this.form.sqrList); |
| 114 | } else { | 122 | } else { |
| ... | @@ -117,7 +125,7 @@ export default { | ... | @@ -117,7 +125,7 @@ export default { |
| 117 | } | 125 | } |
| 118 | }, | 126 | }, |
| 119 | "form.sqrList" (val) { | 127 | "form.sqrList" (val) { |
| 120 | if (this.form.djSqcxDO.ycyrgx == '1') { | 128 | if (this.form.djSqcxDO.ycqrgx == '1') { |
| 121 | this.form.qlrList = _.cloneDeep(this.form.sqrList) | 129 | this.form.qlrList = _.cloneDeep(this.form.sqrList) |
| 122 | } | 130 | } |
| 123 | } | 131 | } |
| ... | @@ -125,7 +133,15 @@ export default { | ... | @@ -125,7 +133,15 @@ export default { |
| 125 | methods: { | 133 | methods: { |
| 126 | closeDialog () { | 134 | closeDialog () { |
| 127 | this.$emit("input", false); | 135 | this.$emit("input", false); |
| 136 | this.form = { | ||
| 137 | djSqcxDO: { ycqrgx: "1", cxyt: "" }, | ||
| 138 | sqrList: [], | ||
| 139 | qlrList: [], | ||
| 140 | cxjgList: [], | ||
| 141 | dyjlList: [], | ||
| 142 | } | ||
| 128 | }, | 143 | }, |
| 144 | //加载详细信息 | ||
| 129 | loadData () { | 145 | loadData () { |
| 130 | this.$startLoading(); | 146 | this.$startLoading(); |
| 131 | getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { | 147 | getJtfcInfo({ sqcxBsm: this.sqcxBsm }).then((res) => { |
| ... | @@ -136,6 +152,7 @@ export default { | ... | @@ -136,6 +152,7 @@ export default { |
| 136 | } | 152 | } |
| 137 | }); | 153 | }); |
| 138 | }, | 154 | }, |
| 155 | //查询结果 | ||
| 139 | queryChick () { | 156 | queryChick () { |
| 140 | this.$startLoading(); | 157 | this.$startLoading(); |
| 141 | addJtfcCxjgXx(this.form).then((res) => { | 158 | addJtfcCxjgXx(this.form).then((res) => { |
| ... | @@ -147,8 +164,9 @@ export default { | ... | @@ -147,8 +164,9 @@ export default { |
| 147 | } | 164 | } |
| 148 | }); | 165 | }); |
| 149 | }, | 166 | }, |
| 167 | //重置 | ||
| 150 | resetClick () { | 168 | resetClick () { |
| 151 | this.form.djSqcxDO = { ycyrgx: "1", cxyt: "" }; | 169 | this.form.djSqcxDO = { ycqrgx: "1", cxyt: "" }; |
| 152 | this.form.sqrList = _.cloneDeep([this.newData]); | 170 | this.form.sqrList = _.cloneDeep([this.newData]); |
| 153 | this.form.qlrList = _.cloneDeep([this.newData]); | 171 | this.form.qlrList = _.cloneDeep([this.newData]); |
| 154 | this.form.cxjgList = []; | 172 | this.form.cxjgList = []; |
| ... | @@ -156,6 +174,7 @@ export default { | ... | @@ -156,6 +174,7 @@ export default { |
| 156 | this.isSearch = false; | 174 | this.isSearch = false; |
| 157 | }, | 175 | }, |
| 158 | handleRead (scope) { }, | 176 | handleRead (scope) { }, |
| 177 | //添加申请人或权利人 | ||
| 159 | add (type) { | 178 | add (type) { |
| 160 | if (type == "sqr") { | 179 | if (type == "sqr") { |
| 161 | this.form.sqrList.push(_.cloneDeep(this.newData)); | 180 | this.form.sqrList.push(_.cloneDeep(this.newData)); |
| ... | @@ -163,6 +182,7 @@ export default { | ... | @@ -163,6 +182,7 @@ export default { |
| 163 | this.form.qlrList.push(_.cloneDeep(this.newData)); | 182 | this.form.qlrList.push(_.cloneDeep(this.newData)); |
| 164 | } | 183 | } |
| 165 | }, | 184 | }, |
| 185 | //移除申请人或权利人 | ||
| 166 | remove (index, row, type) { | 186 | remove (index, row, type) { |
| 167 | if (type == "sqr") { | 187 | if (type == "sqr") { |
| 168 | this.form.sqrList.splice(index, 1); | 188 | this.form.sqrList.splice(index, 1); |
| ... | @@ -170,6 +190,7 @@ export default { | ... | @@ -170,6 +190,7 @@ export default { |
| 170 | this.form.qlrList.splice(index, 1); | 190 | this.form.qlrList.splice(index, 1); |
| 171 | } | 191 | } |
| 172 | }, | 192 | }, |
| 193 | //电话号码校验 | ||
| 173 | teltest (row) { | 194 | teltest (row) { |
| 174 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; | 195 | const reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/; |
| 175 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { | 196 | if (row.lxdh == "" || row.lxdh.length <= 10 || !reg.test(row.lxdh)) { |
| ... | @@ -180,6 +201,33 @@ export default { | ... | @@ -180,6 +201,33 @@ export default { |
| 180 | return true; | 201 | return true; |
| 181 | } | 202 | } |
| 182 | }, | 203 | }, |
| 204 | //打印 | ||
| 205 | printResult(){ | ||
| 206 | this.openPrintPrew(); | ||
| 207 | var formdata = new FormData(); | ||
| 208 | formdata.append("sqcxBsm", this.form.djSqcxDO.bsmSqcx); | ||
| 209 | formdata.append("dylx", '1'); | ||
| 210 | printJtcfInfo(formdata).then(res => { | ||
| 211 | if(res.code == 200){ | ||
| 212 | this.form.djSqcxDO.dycs = this.form.djSqcxDO.dycs + 1 | ||
| 213 | } | ||
| 214 | }); | ||
| 215 | |||
| 216 | |||
| 217 | |||
| 218 | //this.closeDialog(); | ||
| 219 | }, | ||
| 220 | //打开打印预览 | ||
| 221 | openPrintPrew(){ | ||
| 222 | //根据编号获取对应信息 | ||
| 223 | getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => { | ||
| 224 | if (res.code == 200) { | ||
| 225 | let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); | ||
| 226 | LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 | ||
| 227 | LODOP.PREVIEW(); | ||
| 228 | } | ||
| 229 | }) | ||
| 230 | } | ||
| 183 | }, | 231 | }, |
| 184 | }; | 232 | }; |
| 185 | </script> | 233 | </script> | ... | ... |
| ... | @@ -64,12 +64,15 @@ class data extends filter { | ... | @@ -64,12 +64,15 @@ class data extends filter { |
| 64 | align: 'center', | 64 | align: 'center', |
| 65 | fixed: 'right', | 65 | fixed: 'right', |
| 66 | render: (h, scope) => { | 66 | render: (h, scope) => { |
| 67 | return ( | 67 | if(scope.row.dyzt != '0' && scope.row.cfzt != '0'){ |
| 68 | <div> | 68 | return <div>抵押、查封</div> |
| 69 | <el-button type="text" icon="el-icon-discover" onClick={() => { this.dyClick(scope) }}>抵押</el-button> | 69 | } |
| 70 | <el-button type="text" icon="el-icon-discover" onClick={() => { this.cfClick(scope) }}>查封</el-button> | 70 | if(scope.row.dyzt != '0'){ |
| 71 | </div> | 71 | return <div>抵押</div> |
| 72 | ) | 72 | } |
| 73 | if(scope.row.cfzt != '0'){ | ||
| 74 | return <div>查封</div> | ||
| 75 | } | ||
| 73 | } | 76 | } |
| 74 | } | 77 | } |
| 75 | ] | 78 | ] | ... | ... |
| ... | @@ -129,15 +129,22 @@ class data extends filter { | ... | @@ -129,15 +129,22 @@ class data extends filter { |
| 129 | dyjlcolumns () { | 129 | dyjlcolumns () { |
| 130 | return [ | 130 | return [ |
| 131 | { | 131 | { |
| 132 | prop: 'sqrxm', | ||
| 133 | label: '打印类型', | 132 | label: '打印类型', |
| 133 | render: (h, scope) => { | ||
| 134 | switch (scope.row.dylx) { | ||
| 135 | case '1': | ||
| 136 | return <div>房产结果</div> | ||
| 137 | case '2': | ||
| 138 | return <div>无房证明</div> | ||
| 139 | } | ||
| 140 | } | ||
| 134 | }, | 141 | }, |
| 135 | { | 142 | { |
| 136 | prop: 'sqrzjlxmc', | 143 | prop: 'dyr', |
| 137 | label: '打印人员', | 144 | label: '打印人员', |
| 138 | }, | 145 | }, |
| 139 | { | 146 | { |
| 140 | prop: 'sqrzjhm', | 147 | prop: 'dysj', |
| 141 | label: '打印时间', | 148 | label: '打印时间', |
| 142 | } | 149 | } |
| 143 | ] | 150 | ] | ... | ... |
| 1 | <template> | 1 | <template> |
| 2 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" | 2 | <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm" |
| 3 | @closeDialog="closeDialog"> | 3 | @closeDialog="closeDialog" :isButton="showButton"> |
| 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> | 4 | <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> |
| 5 | <el-row> | 5 | <el-row> |
| 6 | <el-col :span="8"> | 6 | <el-col :span="8"> |
| ... | @@ -143,6 +143,7 @@ export default { | ... | @@ -143,6 +143,7 @@ export default { |
| 143 | props: { | 143 | props: { |
| 144 | value: { type: Boolean, default: false }, | 144 | value: { type: Boolean, default: false }, |
| 145 | details: { type: Object, default: {} }, | 145 | details: { type: Object, default: {} }, |
| 146 | showButton: {type: Boolean, default: false} | ||
| 146 | }, | 147 | }, |
| 147 | computed: { | 148 | computed: { |
| 148 | ...mapGetters(["dictData"]), | 149 | ...mapGetters(["dictData"]), | ... | ... |
| ... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
| 2 | <div> | 2 | <div> |
| 3 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> | 3 | <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableDataList"> |
| 4 | </lb-table> | 4 | </lb-table> |
| 5 | <addQlr v-model="dialog" :details="details" @updateDetail="handleupdateDetail" /> | 5 | <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> |
| 6 | </div> | 6 | </div> |
| 7 | </template> | 7 | </template> |
| 8 | <script> | 8 | <script> |
| ... | @@ -33,6 +33,7 @@ export default { | ... | @@ -33,6 +33,7 @@ export default { |
| 33 | dataIndex: 0, | 33 | dataIndex: 0, |
| 34 | dialog: false, | 34 | dialog: false, |
| 35 | isaddupdate: false, | 35 | isaddupdate: false, |
| 36 | showButton: this.$route.query.viewtype ? false : true, | ||
| 36 | details: {}, | 37 | details: {}, |
| 37 | tableDataList: [], | 38 | tableDataList: [], |
| 38 | InformationTable: [ | 39 | InformationTable: [ |
| ... | @@ -91,7 +92,7 @@ export default { | ... | @@ -91,7 +92,7 @@ export default { |
| 91 | return ( | 92 | return ( |
| 92 | <div> | 93 | <div> |
| 93 | { | 94 | { |
| 94 | this.$route.query.viewtype == 1 ? <el-button | 95 | this.$route.query.viewtype ? <el-button |
| 95 | icon="el-icon-view" | 96 | icon="el-icon-view" |
| 96 | type="text" | 97 | type="text" |
| 97 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | 98 | onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button | ... | ... |
| ... | @@ -84,9 +84,9 @@ | ... | @@ -84,9 +84,9 @@ |
| 84 | <el-col :span="8"> | 84 | <el-col :span="8"> |
| 85 | <el-form-item label="取得价格:"> | 85 | <el-form-item label="取得价格:"> |
| 86 | <div style="display:flex"> | 86 | <div style="display:flex"> |
| 87 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" | 87 | <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" :disabled="$route.query.viewtype" |
| 88 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> | 88 | oninput="value=value.replace(/[^\d.]/g,'')"></el-input> |
| 89 | <el-select v-model="ruleForm.jsydsyq.jedw"> | 89 | <el-select v-model="ruleForm.jsydsyq.jedw" :disabled="$route.query.viewtype"> |
| 90 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 90 | <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
| 91 | </el-option> | 91 | </el-option> |
| 92 | </el-select> | 92 | </el-select> |
| ... | @@ -116,7 +116,7 @@ | ... | @@ -116,7 +116,7 @@ |
| 116 | <el-row :gutter="10"> | 116 | <el-row :gutter="10"> |
| 117 | <el-col> | 117 | <el-col> |
| 118 | <el-form-item label="附记:" prop="fj"> | 118 | <el-form-item label="附记:" prop="fj"> |
| 119 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == 1"></el-input> | 119 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype"></el-input> |
| 120 | </el-form-item> | 120 | </el-form-item> |
| 121 | </el-col> | 121 | </el-col> |
| 122 | </el-row> | 122 | </el-row> |
| ... | @@ -172,7 +172,7 @@ | ... | @@ -172,7 +172,7 @@ |
| 172 | <el-row :gutter="10"> | 172 | <el-row :gutter="10"> |
| 173 | <el-col> | 173 | <el-col> |
| 174 | <el-form-item label="登记原因:" prop="djyy"> | 174 | <el-form-item label="登记原因:" prop="djyy"> |
| 175 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | 175 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype" |
| 176 | v-model="ruleForm.jsydsyq.djyy"> | 176 | v-model="ruleForm.jsydsyq.djyy"> |
| 177 | </el-input> | 177 | </el-input> |
| 178 | </el-form-item> | 178 | </el-form-item> | ... | ... |
| ... | @@ -118,7 +118,7 @@ | ... | @@ -118,7 +118,7 @@ |
| 118 | <el-row :gutter="10"> | 118 | <el-row :gutter="10"> |
| 119 | <el-col> | 119 | <el-col> |
| 120 | <el-form-item label="附记:" prop="fj"> | 120 | <el-form-item label="附记:" prop="fj"> |
| 121 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype == 1"></el-input> | 121 | <el-input type="textarea" v-model="ruleForm.jsydsyq.fj" :disabled="$route.query.viewtype"></el-input> |
| 122 | </el-form-item> | 122 | </el-form-item> |
| 123 | </el-col> | 123 | </el-col> |
| 124 | </el-row> | 124 | </el-row> |
| ... | @@ -132,7 +132,7 @@ | ... | @@ -132,7 +132,7 @@ |
| 132 | <el-row :gutter="10"> | 132 | <el-row :gutter="10"> |
| 133 | <el-col :span="14"> | 133 | <el-col :span="14"> |
| 134 | <el-form-item label="共有方式:"> | 134 | <el-form-item label="共有方式:"> |
| 135 | <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs"> | 135 | <el-radio-group :disabled="$route.query.viewtype" v-model="ruleForm.slywxx.gyfs"> |
| 136 | <el-radio label="0">单独所有</el-radio> | 136 | <el-radio label="0">单独所有</el-radio> |
| 137 | <el-radio label="1">共同共有</el-radio> | 137 | <el-radio label="1">共同共有</el-radio> |
| 138 | <el-radio label="2">按份所有</el-radio> | 138 | <el-radio label="2">按份所有</el-radio> |
| ... | @@ -166,7 +166,7 @@ | ... | @@ -166,7 +166,7 @@ |
| 166 | <el-row :gutter="10"> | 166 | <el-row :gutter="10"> |
| 167 | <el-col> | 167 | <el-col> |
| 168 | <el-form-item label="登记原因:" prop="djyy"> | 168 | <el-form-item label="登记原因:" prop="djyy"> |
| 169 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" | 169 | <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype" |
| 170 | v-model="ruleForm.jsydsyq.djyy"> | 170 | v-model="ruleForm.jsydsyq.djyy"> |
| 171 | </el-input> | 171 | </el-input> |
| 172 | </el-form-item> | 172 | </el-form-item> | ... | ... |
| ... | @@ -29,7 +29,7 @@ class data extends filter { | ... | @@ -29,7 +29,7 @@ class data extends filter { |
| 29 | return ( | 29 | return ( |
| 30 | <div> | 30 | <div> |
| 31 | { | 31 | { |
| 32 | scope.row.enabled == '1' ? | 32 | scope.row.bsmFz ? |
| 33 | <div class='allow'>已领取</div> : | 33 | <div class='allow'>已领取</div> : |
| 34 | <div class='prohibit'>未领取</div> | 34 | <div class='prohibit'>未领取</div> |
| 35 | } | 35 | } |
| ... | @@ -38,24 +38,18 @@ class data extends filter { | ... | @@ -38,24 +38,18 @@ class data extends filter { |
| 38 | } | 38 | } |
| 39 | }, | 39 | }, |
| 40 | { | 40 | { |
| 41 | label: "证书类容", | 41 | label: "证书内容", |
| 42 | render: (h, scope) => { | 42 | render: (h, scope) => { |
| 43 | return ( | 43 | return ( |
| 44 | <div> | 44 | <div> |
| 45 | <el-link type="primary" onClick={() => { vm.openDialog(scope) }}>查看</el-link> | 45 | <el-link type="primary" onClick={() => { vm.openDialog(scope.row) }}>查看</el-link> |
| 46 | </div> | 46 | </div> |
| 47 | ) | 47 | ) |
| 48 | } | 48 | } |
| 49 | }, | 49 | }, |
| 50 | { | 50 | { |
| 51 | label: "权利类型", | 51 | label: "权利类型", |
| 52 | render: (h, scope) => { | 52 | prop: "qllx", |
| 53 | return ( | ||
| 54 | <div> | ||
| 55 | {this.dicStatus(scope.row.qllx, 'A8')} | ||
| 56 | </div> | ||
| 57 | ) | ||
| 58 | } | ||
| 59 | }, | 53 | }, |
| 60 | { | 54 | { |
| 61 | prop: "bdcqzh", | 55 | prop: "bdcqzh", |
| ... | @@ -66,11 +60,11 @@ class data extends filter { | ... | @@ -66,11 +60,11 @@ class data extends filter { |
| 66 | label: "印刷序列号", | 60 | label: "印刷序列号", |
| 67 | }, | 61 | }, |
| 68 | { | 62 | { |
| 69 | prop: "lqr", | 63 | prop: "lzrxm", |
| 70 | label: "领取人", | 64 | label: "领取人", |
| 71 | }, | 65 | }, |
| 72 | { | 66 | { |
| 73 | prop: "lqsj", | 67 | prop: "fzsj", |
| 74 | label: "领取时间", | 68 | label: "领取时间", |
| 75 | }, | 69 | }, |
| 76 | { | 70 | { | ... | ... |
| ... | @@ -6,25 +6,25 @@ | ... | @@ -6,25 +6,25 @@ |
| 6 | <el-row> | 6 | <el-row> |
| 7 | <el-col :span="5"> | 7 | <el-col :span="5"> |
| 8 | <el-form-item label="不动产权证号" label-width="100px"> | 8 | <el-form-item label="不动产权证号" label-width="100px"> |
| 9 | <el-input placeholder="请输入不动产权证号" class="width100" @clear="queryClick" v-model="queryForm.bdcqzh"> | 9 | <el-input placeholder="请输入不动产权证号" class="width100" @clear="queryClick" v-model="queryForm.bdcqzh" clearable> |
| 10 | </el-input> | 10 | </el-input> |
| 11 | </el-form-item> | 11 | </el-form-item> |
| 12 | </el-col> | 12 | </el-col> |
| 13 | <el-col :span="5"> | 13 | <el-col :span="5"> |
| 14 | <el-form-item label="印刷序列号" label-width="100px"> | 14 | <el-form-item label="印刷序列号" label-width="100px"> |
| 15 | <el-input placeholder="请输入印刷序列号" class="width100" @clear="queryClick" v-model="queryForm.ysxlh"> | 15 | <el-input placeholder="请输入印刷序列号" class="width100" @clear="queryClick" v-model="queryForm.ysxlh" clearable> |
| 16 | </el-input> | 16 | </el-input> |
| 17 | </el-form-item> | 17 | </el-form-item> |
| 18 | </el-col> | 18 | </el-col> |
| 19 | <el-col :span="5"> | 19 | <el-col :span="5"> |
| 20 | <el-form-item label="业务号"> | 20 | <el-form-item label="业务号"> |
| 21 | <el-input placeholder="请输入业务号" class="width100" @clear="queryClick" v-model="queryForm.ywh"> | 21 | <el-input placeholder="请输入业务号" class="width100" @clear="queryClick" v-model="queryForm.ywh" clearable> |
| 22 | </el-input> | 22 | </el-input> |
| 23 | </el-form-item> | 23 | </el-form-item> |
| 24 | </el-col> | 24 | </el-col> |
| 25 | <el-col :span="5"> | 25 | <el-col :span="5"> |
| 26 | <el-form-item label="领取人"> | 26 | <el-form-item label="领取人"> |
| 27 | <el-input placeholder="请输入领取人" class="width100" @clear="queryClick" v-model="queryForm.lqr"> | 27 | <el-input placeholder="请输入领取人" class="width100" @clear="queryClick" v-model="queryForm.lzrxm" clearable> |
| 28 | </el-input> | 28 | </el-input> |
| 29 | </el-form-item> | 29 | </el-form-item> |
| 30 | </el-col> | 30 | </el-col> |
| ... | @@ -45,11 +45,16 @@ | ... | @@ -45,11 +45,16 @@ |
| 45 | :data="tableData.data"> | 45 | :data="tableData.data"> |
| 46 | </lb-table> | 46 | </lb-table> |
| 47 | </div> | 47 | </div> |
| 48 | <el-dialog :visible.sync="dialogVisible" width="52%" :before-close="handleClose"> | ||
| 49 | <img :src="previewImage" class="imgClass"> | ||
| 50 | </el-dialog> | ||
| 48 | </div> | 51 | </div> |
| 49 | </template> | 52 | </template> |
| 50 | <script> | 53 | <script> |
| 51 | import table from "@/utils/mixin/table"; | 54 | import table from "@/utils/mixin/table"; |
| 52 | import { datas, sendThis } from "./zslqcx"; | 55 | import { datas, sendThis } from "./zslqcx"; |
| 56 | import { getBdcqzReceiveList } from "@/api/zhcx" | ||
| 57 | import { bdcqzPreview } from "@/api/bdcqz" | ||
| 53 | export default { | 58 | export default { |
| 54 | components: {}, | 59 | components: {}, |
| 55 | mixins: [table], | 60 | mixins: [table], |
| ... | @@ -62,9 +67,12 @@ export default { | ... | @@ -62,9 +67,12 @@ export default { |
| 62 | bdcqzh: "", | 67 | bdcqzh: "", |
| 63 | ysxlh: "", | 68 | ysxlh: "", |
| 64 | ywh: "", | 69 | ywh: "", |
| 65 | lqr: "", | 70 | lzrxm: "", |
| 66 | }, | 71 | }, |
| 72 | dialogVisible: false, | ||
| 73 | previewImage: '', | ||
| 67 | tableData: { | 74 | tableData: { |
| 75 | total: 0, | ||
| 68 | columns: datas.columns(), | 76 | columns: datas.columns(), |
| 69 | data: [], | 77 | data: [], |
| 70 | }, | 78 | }, |
| ... | @@ -73,8 +81,29 @@ export default { | ... | @@ -73,8 +81,29 @@ export default { |
| 73 | methods: { | 81 | methods: { |
| 74 | // 查询 | 82 | // 查询 |
| 75 | queryClick () { | 83 | queryClick () { |
| 84 | this.$startLoading() | ||
| 85 | getBdcqzReceiveList({ ...this.queryForm, ...this.pageData }).then(res => { | ||
| 86 | this.$endLoading() | ||
| 87 | if (res.code === 200) { | ||
| 88 | let { total, records } = res.result | ||
| 89 | this.tableData.total = total; | ||
| 90 | this.tableData.data = records ? records : [] | ||
| 91 | } | ||
| 92 | }) | ||
| 76 | }, | 93 | }, |
| 77 | 94 | openDialog(item){ | |
| 95 | this.$startLoading() | ||
| 96 | bdcqzPreview(item).then(res => { | ||
| 97 | this.$endLoading() | ||
| 98 | this.dialogVisible = true; | ||
| 99 | let blob = new Blob([res]); | ||
| 100 | let url = window.URL.createObjectURL(blob); | ||
| 101 | this.previewImage = url; | ||
| 102 | }) | ||
| 103 | }, | ||
| 104 | handleClose() { | ||
| 105 | this.dialogVisible = false; | ||
| 106 | } | ||
| 78 | }, | 107 | }, |
| 79 | }; | 108 | }; |
| 80 | </script> | 109 | </script> | ... | ... |
| ... | @@ -23,7 +23,7 @@ class data extends filter { | ... | @@ -23,7 +23,7 @@ class data extends filter { |
| 23 | } | 23 | } |
| 24 | }, | 24 | }, |
| 25 | { | 25 | { |
| 26 | prop: "qymc", | 26 | prop: "dwmc", |
| 27 | label: "企业名称", | 27 | label: "企业名称", |
| 28 | }, | 28 | }, |
| 29 | { | 29 | { |
| ... | @@ -43,11 +43,11 @@ class data extends filter { | ... | @@ -43,11 +43,11 @@ class data extends filter { |
| 43 | label: "坐落" | 43 | label: "坐落" |
| 44 | }, | 44 | }, |
| 45 | { | 45 | { |
| 46 | prop: "yt", | 46 | prop: "showFwyt", |
| 47 | label: "用途" | 47 | label: "用途" |
| 48 | }, | 48 | }, |
| 49 | { | 49 | { |
| 50 | prop: "mj", | 50 | prop: "scjzmj", |
| 51 | label: "面积(㎡)" | 51 | label: "面积(㎡)" |
| 52 | }, | 52 | }, |
| 53 | { | 53 | { | ... | ... |
| ... | @@ -5,31 +5,24 @@ | ... | @@ -5,31 +5,24 @@ |
| 5 | <el-form :model="queryForm" ref="queryForm" label-width="80px"> | 5 | <el-form :model="queryForm" ref="queryForm" label-width="80px"> |
| 6 | <el-row> | 6 | <el-row> |
| 7 | <el-col :span="5"> | 7 | <el-col :span="5"> |
| 8 | <el-form-item label="项目名称" label-width="70px"> | 8 | <el-form-item label="企业名称" label-width="70px"> |
| 9 | <el-input placeholder="请输入项目名称" v-model="queryForm.xmmc"> | 9 | <el-input placeholder="请输入企业名称" v-model="queryForm.qymc" clearable> |
| 10 | </el-input> | 10 | </el-input> |
| 11 | </el-form-item> | 11 | </el-form-item> |
| 12 | </el-col> | 12 | </el-col> |
| 13 | <el-col :span="5"> | 13 | <el-col :span="5"> |
| 14 | <el-form-item label="项目编号"> | 14 | <el-form-item label="项目名称" label-width="70px"> |
| 15 | <el-input placeholder="请输入项目编号" v-model="queryForm.xmbh"> | 15 | <el-input placeholder="请输入项目名称" v-model="queryForm.xmmc" clearable> |
| 16 | </el-input> | 16 | </el-input> |
| 17 | </el-form-item> | 17 | </el-form-item> |
| 18 | </el-col> | 18 | </el-col> |
| 19 | <el-col :span="5"> | 19 | <el-col :span="5"> |
| 20 | <el-form-item label="自然幢号"> | 20 | <el-form-item label="自然幢号"> |
| 21 | <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh"> | 21 | <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh" clearable> |
| 22 | </el-input> | 22 | </el-input> |
| 23 | </el-form-item> | 23 | </el-form-item> |
| 24 | </el-col> | 24 | </el-col> |
| 25 | <el-col :span="5"> | 25 | <el-col :span="9" class="btnColRight"> |
| 26 | <el-form-item label="宗地代码"> | ||
| 27 | <el-input placeholder="请输入宗地代码" v-model="queryForm.zddm"> | ||
| 28 | </el-input> | ||
| 29 | </el-form-item> | ||
| 30 | </el-col> | ||
| 31 | |||
| 32 | <el-col :span="4" class="btnColRight"> | ||
| 33 | <el-form-item> | 26 | <el-form-item> |
| 34 | <el-button type="primary" @click="queryClick">查询</el-button> | 27 | <el-button type="primary" @click="queryClick">查询</el-button> |
| 35 | <el-button @click="moreQueryClick">高级查询</el-button> | 28 | <el-button @click="moreQueryClick">高级查询</el-button> |
| ... | @@ -50,6 +43,7 @@ | ... | @@ -50,6 +43,7 @@ |
| 50 | <script> | 43 | <script> |
| 51 | import table from "@/utils/mixin/table"; | 44 | import table from "@/utils/mixin/table"; |
| 52 | import { datas, sendThis } from "./zxgcdycx"; | 45 | import { datas, sendThis } from "./zxgcdycx"; |
| 46 | import { getZjgcdyList } from "@/api/zhcx" | ||
| 53 | export default { | 47 | export default { |
| 54 | components: {}, | 48 | components: {}, |
| 55 | mixins: [table], | 49 | mixins: [table], |
| ... | @@ -60,11 +54,11 @@ export default { | ... | @@ -60,11 +54,11 @@ export default { |
| 60 | return { | 54 | return { |
| 61 | queryForm: { | 55 | queryForm: { |
| 62 | xmmc: "", | 56 | xmmc: "", |
| 63 | xmbh: "", | 57 | qymc: "", |
| 64 | zrzh: "", | 58 | zrzh: "", |
| 65 | zddm: "", | ||
| 66 | }, | 59 | }, |
| 67 | tableData: { | 60 | tableData: { |
| 61 | total: 0, | ||
| 68 | columns: datas.columns(), | 62 | columns: datas.columns(), |
| 69 | data: [], | 63 | data: [], |
| 70 | }, | 64 | }, |
| ... | @@ -73,6 +67,15 @@ export default { | ... | @@ -73,6 +67,15 @@ export default { |
| 73 | methods: { | 67 | methods: { |
| 74 | // 查询 | 68 | // 查询 |
| 75 | queryClick () { | 69 | queryClick () { |
| 70 | this.$startLoading() | ||
| 71 | getZjgcdyList({ ...this.queryForm, ...this.pageData }).then(res => { | ||
| 72 | this.$endLoading() | ||
| 73 | if (res.code === 200) { | ||
| 74 | let { total, records } = res.result | ||
| 75 | this.tableData.total = total; | ||
| 76 | this.tableData.data = records ? records : [] | ||
| 77 | } | ||
| 78 | }) | ||
| 76 | }, | 79 | }, |
| 77 | 80 | ||
| 78 | }, | 81 | }, | ... | ... |
-
Please register or sign in to post a comment