4e70d2b5 by renchao@pashanhoo.com

style:房屋明细查询样式修改

1 parent 6f57d50a
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>
......