style:房屋明细查询样式修改
Showing
2 changed files
with
26 additions
and
26 deletions
| 1 | <template> | 1 | <template> |
| 2 | <dialogBox title="房屋明细查询" @closeDialog="closeDialog" width="70%" :isButton="false" v-model="myValue"> | 2 | <dialogBox title="房屋明细查询" @closeDialog="closeDialog" width="75%" :isButton="false" v-model="myValue"> |
| 3 | <el-steps :active="activeStep" finish-status="success"> | 3 | <el-steps :active="activeStep" finish-status="success"> |
| 4 | <el-step title="条件录入"></el-step> | 4 | <el-step title="条件录入"></el-step> |
| 5 | <el-step title="结果查询"></el-step> | 5 | <el-step title="结果查询"></el-step> |
| 6 | <el-step title="结果展示"></el-step> | 6 | <el-step title="结果展示"></el-step> |
| 7 | </el-steps> | 7 | </el-steps> |
| 8 | <div v-if="isSearch"> | 8 | <div v-if="isSearch"> |
| 9 | <dydjbInfo ref="dydjbInfo"/> | 9 | <dydjbInfo ref="dydjbInfo" /> |
| 10 | </div> | 10 | </div> |
| 11 | <div class="jtfccx-edit" v-else> | 11 | <div class="jtfccx-edit" v-else> |
| 12 | <div class="jtfccx-edit-con"> | 12 | <div class="jtfccx-edit-con"> |
| 13 | <b class="title"></b> | 13 | <b class="title"></b> |
| 14 | <el-form :model="form" label-width="120px"> | 14 | <el-form :model="form" label-width="110px"> |
| 15 | <el-row> | 15 | <el-row> |
| 16 | <el-col :span="6"> | 16 | <el-col :span="6"> |
| 17 | <el-form-item label="查询用途" label-width="90px"> | 17 | <el-form-item label="查询用途" label-width="90px"> |
| 18 | <el-input v-model="form.djSqcxDO.cxyt" class="width200px"></el-input> | 18 | <el-input v-model="form.djSqcxDO.cxyt" class="width100"></el-input> |
| 19 | </el-form-item> | 19 | </el-form-item> |
| 20 | </el-col> | 20 | </el-col> |
| 21 | <el-col :span="6"> | 21 | <el-col :span="8"> |
| 22 | <el-form-item label="不动产权证号" label-width="120px"> | 22 | <el-form-item label="不动产权证号"> |
| 23 | <el-input v-model="form.djSqcxDO.bdcqzh" class="width200px"></el-input> | 23 | <el-input v-model="form.djSqcxDO.bdcqzh" class="width100"></el-input> |
| 24 | </el-form-item> | 24 | </el-form-item> |
| 25 | </el-col> | 25 | </el-col> |
| 26 | <el-col :span="12"> | 26 | <el-col :span="10"> |
| 27 | <el-form-item label="与产权人的关系"> | 27 | <el-form-item label="与产权人的关系"> |
| 28 | <el-radio-group v-model="form.djSqcxDO.ycqrgx"> | 28 | <el-radio-group v-model="form.djSqcxDO.ycqrgx"> |
| 29 | <el-radio label="1">房屋权利人</el-radio> | 29 | <el-radio label="1">房屋权利人</el-radio> |
| ... | @@ -53,13 +53,13 @@ | ... | @@ -53,13 +53,13 @@ |
| 53 | </template> | 53 | </template> |
| 54 | 54 | ||
| 55 | <script> | 55 | <script> |
| 56 | import { addFwmxCxjgXx, getFwmxInfo,printJtcfInfo } from "@/api/jtfc.js"; | 56 | import { addFwmxCxjgXx, getFwmxInfo, printJtcfInfo } from "@/api/jtfc.js"; |
| 57 | import { getPrintTemplateByCode } from "@/api/print"; | 57 | import { getPrintTemplateByCode } from "@/api/print"; |
| 58 | import { datas, sendThis } from "./dydjbdata"; | 58 | import { datas, sendThis } from "./dydjbdata"; |
| 59 | import { getLodop } from "@/utils/LodopFuncs" | 59 | import { getLodop } from "@/utils/LodopFuncs" |
| 60 | import dydjbInfo from "./dydjbInfo.vue"; | 60 | import dydjbInfo from "./dydjbInfo.vue"; |
| 61 | import { mapGetters } from "vuex"; | 61 | import { mapGetters } from "vuex"; |
| 62 | export default { | 62 | export default { |
| 63 | computed: { | 63 | computed: { |
| 64 | ...mapGetters(["dictData"]), | 64 | ...mapGetters(["dictData"]), |
| 65 | }, | 65 | }, |
| ... | @@ -91,7 +91,7 @@ export default { | ... | @@ -91,7 +91,7 @@ export default { |
| 91 | inputErr: false, | 91 | inputErr: false, |
| 92 | }, | 92 | }, |
| 93 | form: { | 93 | form: { |
| 94 | djSqcxDO: { ycqrgx: "1", cxyt: "",bdcqzh: "" }, | 94 | djSqcxDO: { ycqrgx: "1", cxyt: "", bdcqzh: "" }, |
| 95 | sqrList: [], | 95 | sqrList: [], |
| 96 | qlrList: [], | 96 | qlrList: [], |
| 97 | cxjgList: [], | 97 | cxjgList: [], |
| ... | @@ -138,7 +138,7 @@ export default { | ... | @@ -138,7 +138,7 @@ export default { |
| 138 | this.$emit("input", false); | 138 | this.$emit("input", false); |
| 139 | this.activeStep = 0; | 139 | this.activeStep = 0; |
| 140 | this.form = { | 140 | this.form = { |
| 141 | djSqcxDO: { ycqrgx: "1", cxyt: "" ,bdcqzh: ""}, | 141 | djSqcxDO: { ycqrgx: "1", cxyt: "", bdcqzh: "" }, |
| 142 | sqrList: [], | 142 | sqrList: [], |
| 143 | qlrList: [], | 143 | qlrList: [], |
| 144 | cxjgList: [], | 144 | cxjgList: [], |
| ... | @@ -189,7 +189,7 @@ export default { | ... | @@ -189,7 +189,7 @@ export default { |
| 189 | * @author: renchao | 189 | * @author: renchao |
| 190 | */ | 190 | */ |
| 191 | resetClick () { | 191 | resetClick () { |
| 192 | this.form.djSqcxDO = { ycqrgx: "1", cxyt: "",bdcqzh: "" }; | 192 | this.form.djSqcxDO = { ycqrgx: "1", cxyt: "", bdcqzh: "" }; |
| 193 | this.form.sqrList = _.cloneDeep([this.newData]); | 193 | this.form.sqrList = _.cloneDeep([this.newData]); |
| 194 | this.form.qlrList = _.cloneDeep([this.newData]); | 194 | this.form.qlrList = _.cloneDeep([this.newData]); |
| 195 | this.form.cxjgList = []; | 195 | this.form.cxjgList = []; |
| ... | @@ -246,20 +246,20 @@ export default { | ... | @@ -246,20 +246,20 @@ export default { |
| 246 | } | 246 | } |
| 247 | }, | 247 | }, |
| 248 | }, | 248 | }, |
| 249 | }; | 249 | }; |
| 250 | </script> | 250 | </script> |
| 251 | <style scoped lang="scss"> | 251 | <style scoped lang="scss"> |
| 252 | @import "~@/styles/mixin.scss"; | 252 | @import "~@/styles/mixin.scss"; |
| 253 | @import "~@/styles/public.scss"; | 253 | @import "~@/styles/public.scss"; |
| 254 | 254 | ||
| 255 | .title { | 255 | .title { |
| 256 | padding-bottom: 10px; | 256 | padding-bottom: 10px; |
| 257 | margin-bottom: 10px; | 257 | margin-bottom: 10px; |
| 258 | display: block; | 258 | display: block; |
| 259 | border-bottom: 1px solid $borderColor; | 259 | border-bottom: 1px solid $borderColor; |
| 260 | } | 260 | } |
| 261 | 261 | ||
| 262 | .jtfccx-edit { | 262 | .jtfccx-edit { |
| 263 | @include flex; | 263 | @include flex; |
| 264 | flex-direction: column; | 264 | flex-direction: column; |
| 265 | overflow-y: hidden; | 265 | overflow-y: hidden; |
| ... | @@ -278,5 +278,5 @@ export default { | ... | @@ -278,5 +278,5 @@ export default { |
| 278 | padding-top: 10px; | 278 | padding-top: 10px; |
| 279 | background-color: #fff; | 279 | background-color: #fff; |
| 280 | } | 280 | } |
| 281 | } | 281 | } |
| 282 | </style> | 282 | </style> | ... | ... |
| ... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
| 5 | <el-row> | 5 | <el-row> |
| 6 | <el-col :span="24" class="btnColRight"> | 6 | <el-col :span="24" class="btnColRight"> |
| 7 | <el-form-item> | 7 | <el-form-item> |
| 8 | <el-button type="primary" @click="fetchData">查询</el-button> | 8 | <!-- <el-button type="primary" @click="fetchData">查询</el-button> --> |
| 9 | <el-button type="primary" @click="openAddDialog">新增</el-button> | 9 | <el-button type="primary" @click="openAddDialog">新增</el-button> |
| 10 | </el-form-item> | 10 | </el-form-item> |
| 11 | </el-col> | 11 | </el-col> | ... | ... |
-
Please register or sign in to post a comment