Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
8d9c9b03 by 任超
Options

style:家庭房产

1 parent fd656fa4
Inline Side-by-side
Showing 6 changed files with 50 additions and 48 deletions
...@@ -12,6 +12,8 @@ export function addJtfcCxjgXx (data) { ...@@ -12,6 +12,8 @@ export function addJtfcCxjgXx (data) {
12 return request({ 12 return request({
13 url: '/sqcx/addJtfcCxjgXx', 13 url: '/sqcx/addJtfcCxjgXx',
14 method: 'post', 14 method: 'post',
15 data 15 data,
16 showLoading: true,
17 loadingTarget: '正在查询中...'
16 }) 18 })
17 } 19 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -92,7 +92,8 @@ export default { ...@@ -92,7 +92,8 @@ export default {
92 render: (h, scope) => { 92 render: (h, scope) => {
93 return ( 93 return (
94 <el-input placeholder="联系电话" value={scope.row[scope.column.property]} 94 <el-input placeholder="联系电话" value={scope.row[scope.column.property]}
95 onInput={(val) => { scope.row[scope.column.property] = val }} type='tel' maxlength='11'></el-input> 95 onInput={(val) => { scope.row[scope.column.property] = val }} type='tel' maxlength='11'
96 ></el-input>
96 ) 97 )
97 } 98 }
98 } 99 }
...@@ -135,4 +136,5 @@ export default { ...@@ -135,4 +136,5 @@ export default {
135 } 136 }
136 </script> 137 </script>
137 <style scoped lang='scss'> 138 <style scoped lang='scss'>
139
138 </style> 140 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -4,19 +4,19 @@ ...@@ -4,19 +4,19 @@
4 <div class="jtfccx-edit-con"> 4 <div class="jtfccx-edit-con">
5 <b class="title">申请信息</b> 5 <b class="title">申请信息</b>
6 <personInfoTable @getInfoList="handleGetSqList" :dataList="sqdataList" /> 6 <personInfoTable @getInfoList="handleGetSqList" :dataList="sqdataList" />
7 <el-form :model="ruleForm" label-width="100px"> 7 <el-form :model="ruleForm" label-width="120px">
8 <el-row> 8 <el-row>
9 <el-col :span="12"> 9 <el-col :span="8">
10 <el-form-item label="活动名称" prop="name"> 10 <el-form-item label="查询用途" label-width="90px">
11 <el-input v-model="ruleForm.name"></el-input> 11 <el-input v-model="ruleForm.cxyt"></el-input>
12 </el-form-item> 12 </el-form-item>
13 </el-col> 13 </el-col>
14 <el-col :span="12"> 14 <el-col :span="16">
15 <el-form-item label="活动名称" prop="name"> 15 <el-form-item label="与产权人的关系">
16 <el-radio-group v-model="ruleForm.radio"> 16 <el-radio-group v-model="ruleForm.ycyrgx">
17 <el-radio :label="1">房屋权利人</el-radio> 17 <el-radio :label="1">房屋权利人</el-radio>
18 <el-radio :label="2">委托人</el-radio> 18 <el-radio :label="2">产权利害关系人</el-radio>
19 <el-radio :label="3">产权利害关系人</el-radio> 19 <el-radio :label="3">委托人</el-radio>
20 </el-radio-group> 20 </el-radio-group>
21 </el-form-item> 21 </el-form-item>
22 </el-col> 22 </el-col>
...@@ -36,7 +36,8 @@ ...@@ -36,7 +36,8 @@
36 </div> 36 </div>
37 37
38 <div class="submit-button" style="padding-bottom:20px"> 38 <div class="submit-button" style="padding-bottom:20px">
39 <el-button type="primary">打印（1）</el-button> 39 <el-button type="primary">无房证明打印（1）</el-button>
40 <el-button type="primary">房产结果打印（1）</el-button>
40 <el-button @click="closeDialog">关闭</el-button> 41 <el-button @click="closeDialog">关闭</el-button>
41 </div> 42 </div>
42 </div> 43 </div>
...@@ -56,6 +57,10 @@ export default { ...@@ -56,6 +57,10 @@ export default {
56 data () { 57 data () {
57 return { 58 return {
58 myValue: this.value, 59 myValue: this.value,
60 ruleForm: {
61 cxyt: '',
62 ycyrgx: 1
63 },
59 dataList: [{ 64 dataList: [{
60 sqrxm: '', 65 sqrxm: '',
61 sqrzjlxbm: '', 66 sqrzjlxbm: '',
...@@ -135,11 +140,8 @@ export default { ...@@ -135,11 +140,8 @@ export default {
135 ], 140 ],
136 data: [] 141 data: []
137 }, 142 },
138 ruleForm: {
139 name: '',
140 radio: 1
141 },
142 addJtfc: { 143 addJtfc: {
144 djSqcxDO: {},
143 sqxx: [], 145 sqxx: [],
144 qlrxx: [], 146 qlrxx: [],
145 } 147 }
...@@ -153,7 +155,7 @@ export default { ...@@ -153,7 +155,7 @@ export default {
153 this.addJtfc.sqxx = _.cloneDeep(this.dataList) 155 this.addJtfc.sqxx = _.cloneDeep(this.dataList)
154 this.addJtfc.qlrxx = _.cloneDeep(this.dataList) 156 this.addJtfc.qlrxx = _.cloneDeep(this.dataList)
155 }, 157 },
156 'ruleForm.radio' (val) { 158 'ruleForm.ycyrgx' (val) {
157 if (val != 1) { 159 if (val != 1) {
158 this.qldataList = _.cloneDeep(this.dataList) 160 this.qldataList = _.cloneDeep(this.dataList)
159 this.addJtfc.qlrxx = _.cloneDeep(this.dataList) 161 this.addJtfc.qlrxx = _.cloneDeep(this.dataList)
...@@ -168,20 +170,21 @@ export default { ...@@ -168,20 +170,21 @@ export default {
168 this.$emit('input', false) 170 this.$emit('input', false)
169 }, 171 },
170 handleGetSqList (val) { 172 handleGetSqList (val) {
171 if (!_.isEqual(val, this.dataList) && this.ruleForm.radio == 1) { 173 if (!_.isEqual(val, this.dataList) && this.ruleForm.ycyrgx == 1) {
172 this.qldataList = val 174 this.qldataList = val
173 this.addJtfc.qlrxx = val 175 this.addJtfc.qlrxx = val
174 } else 176 } else
175 this.addJtfc.sqxx = val 177 this.addJtfc.sqxx = val
176 }, 178 },
177 handleGetQlList (val) { 179 handleGetQlList (val) {
178 if (this.ruleForm.radio != 1) { 180 if (this.ruleForm.ycyrgx != 1) {
179 this.addJtfc.qlrxx = val 181 this.addJtfc.qlrxx = val
180 } 182 }
181 }, 183 },
182 handleSearch () { 184 handleSearch () {
185 this.addJtfc.djSqcxDO = { ...this.ruleForm }
183 addJtfcCxjgXx(this.addJtfc).then(res => { 186 addJtfcCxjgXx(this.addJtfc).then(res => {
184 // console.log(res); 187 console.log(res);
185 }) 188 })
186 }, 189 },
187 handleReset () { 190 handleReset () {
......
...@@ -16,25 +16,9 @@ ...@@ -16,25 +16,9 @@
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="14" class="btnCol">
20 <el-form-item label="查询用途"> 20 <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
21 <el-select v-model="queryForm.cxyt" class="width100" filterable clearable placeholder="请选择用途"> 21 <el-button type="primary" @click="handleAdd" icon="el-icon-plus">新增</el-button>
22 <el-option v-for="item in cxytOption" :key="item.value" :label="item.label" :value="item.value">
23 </el-option>
24 </el-select>
25 </el-form-item>
26 </el-col>
27 <el-col :span="5">
28 <el-form-item label="业务号">
29 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px">
30 </el-input>
31 </el-form-item>
32 </el-col>
33 <el-col :span="4" class="btnCol">
34 <el-form-item>
35 <el-button type="primary" icon="el-icon-search" @click="fetchData">查询</el-button>
36 <el-button @click="moreQueryClick()">高级查询</el-button>
37 </el-form-item>
38 </el-col> 22 </el-col>
39 </el-row> 23 </el-row>
40 </el-form> 24 </el-form>
...@@ -46,28 +30,29 @@ ...@@ -46,28 +30,29 @@
46 :data="tableData.data"> 30 :data="tableData.data">
47 </lb-table> 31 </lb-table>
48 </div> 32 </div>
33 <editDialog v-model="isDialog" />
49 </div> 34 </div>
50 </template> 35 </template>
51 <script> 36 <script>
52 import table from "@/utils/mixin/table"; 37 import table from "@/utils/mixin/table";
53 import { datas, sendThis } from "./jtfcdata"; 38 import { datas, sendThis } from "./jtfcdata";
54 import { getJtfcPage } from "@/api/sqcx"; 39 import { getJtfcPage } from "@/api/sqcx";
40 import editDialog from "../components/editDialog.vue"
55 export default { 41 export default {
56 name: "jtfc", 42 name: "jtfc",
57 components: {}, 43 components: { editDialog },
58 mixins: [table], 44 mixins: [table],
59 mounted () { 45 mounted () {
60 sendThis(this); 46 sendThis(this);
61 }, 47 },
62 data () { 48 data () {
63 return { 49 return {
50 isDialog: false,
64 sqrOption: [], 51 sqrOption: [],
65 cxytOption: [], 52 cxytOption: [],
66 queryForm: { 53 queryForm: {
67 cxbh: "", 54 cxbh: "",
68 sqr: "", 55 sqr: ""
69 cxyt: "",
70 ywh: "",
71 }, 56 },
72 tableData: { 57 tableData: {
73 total: 0, 58 total: 0,
...@@ -92,15 +77,18 @@ export default { ...@@ -92,15 +77,18 @@ export default {
92 fetchData () { 77 fetchData () {
93 getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => { 78 getJtfcPage({ ...this.queryForm, ...this.pageData }).then((res) => {
94 let { records, total } = res.result; 79 let { records, total } = res.result;
95 // this.tableData.data = records 80 this.tableData.data = records
96 this.tableData.total = total; 81 this.tableData.total = total;
97 }); 82 });
98 }, 83 },
99 handleSort (name, sort) { 84 handleSort (name, sort) {
100 console.log(name, sort); 85 console.log(name, sort);
101 }, 86 },
102 }, 87 handleAdd () {
103 }; 88 this.isDialog = true
89 }
90 }
91 }
104 </script> 92 </script>
105 <style scoped lang="scss"> 93 <style scoped lang="scss">
106 @import "~@/styles/public.scss"; 94 @import "~@/styles/public.scss";
......
...@@ -13,7 +13,14 @@ class data extends filter { ...@@ -13,7 +13,14 @@ class data extends filter {
13 { 13 {
14 label: '序号', 14 label: '序号',
15 type: 'index', 15 type: 'index',
16 width: '50' 16 width: '50',
17 render: (h, scope) => {
18 return (
19 <div>
20 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
21 </div>
22 )
23 }
17 }, 24 },
18 { 25 {
19 prop: "cxlx", 26 prop: "cxlx",
......
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
51 </div> 51 </div>
52 </template> 52 </template>
53 <script> 53 <script>
54 import editDialog from "./components/editDialog.vue" 54 import editDialog from "../components/editDialog.vue"
55 import table from "@/utils/mixin/table" 55 import table from "@/utils/mixin/table"
56 import { datas, sendThis } from "./sqcxjldata" 56 import { datas, sendThis } from "./sqcxjldata"
57 import { getJtfcPage } from '@/api/sqcx' 57 import { getJtfcPage } from '@/api/sqcx'
......