Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
fe2d18f6 by weimo934
Options

feat(hcxlz):户重新落宗,45%

1 parent 153a30dc
Expand all
Inline Side-by-side
Showing 6 changed files with 275 additions and 87 deletions
...@@ -224,6 +224,9 @@ ...@@ -224,6 +224,9 @@
224 background-color: #fff; 224 background-color: #fff;
225 font-size: 14px; 225 font-size: 14px;
226 width: 100%; 226 width: 100%;
227 tr:hover{
228 background-color: #F5F7FA;
229 }
227 } 230 }
228 231
229 td { 232 td {
......
1 <template>
2 <div class="main">
3 <div class='input' contenteditable placeholder='请输入文字'>
4 <div @mouseover="mouseover($event)" @mouseleave="mouseLeave($event)" v-for="(item,index) in datas"
5 :key="index" style="float: left;"
6 class="item">
7 {{item}};
8 <div style="float: right;display: none" @click="itemClick(index)">X</div>
9 </div>
10
11 </div>
12 </div>
13 </template>
14
15 <script>
16 export default {
17 name: "emailInput",
18 data() {
19 return {
20 datas: ['111', '222', '333', '444', '555', '666', '777', '888', '999'],
21 }
22 },
23 props: {},
24 methods: {
25 mouseover(e) {
26 // e.target 是你当前点击的元素
27 // 是你绑定事件的元素
28 let dom = e.currentTarget.firstElementChild
29 dom.style = "float: right;display: block";
30 // 获得点击元素的前一个元素
31 /* e.currentTarget.previousElementSibling.innerHTML
32 // 获得点击元素的第一个子元素
33 e.currentTarget.firstElementChild
34 // 获得点击元素的下一个元素
35 e.currentTarget.nextElementSibling
36 // 获得点击元素中id为string的元素
37 e.currentTarget.getElementById("string")
38 // 获得点击元素的string属性
39 e.currentTarget.getAttributeNode('string')
40 //获得点击元素的父级元素
41 e.currentTarget.parentElement
42 // 获得点击元素的前一个元素的第一个子元素的HTML值
43 e.currentTarget.previousElementSibling.firstElementChild.innerHTML*/
44
45 },
46 mouseLeave(e) {
47 let dom = e.currentTarget.firstElementChild
48 dom.style = "float: right;display: none"
49 },
50 itemClick(index){
51 this.datas.splice(index,1)
52 }
53 },
54 computed: {
55 text: function () {
56 let text = "";
57 for (let item of this.datas) {
58 text += item + ";";
59 }
60
61 return text;
62 }
63 }
64 }
65 </script>
66
67 <style scoped lang="less">
68 .main {
69 .input {
70 width: auto;
71 height: 24px;
72 line-height: 24px;
73 font-size: 14px;
74 padding: 5px 8px;
75 border: 1px solid #ddd;
76 }
77 .input:empty::before {
78 content: attr(placeholder);
79 }
80 .item{
81 cursor: pointer;
82 }
83 .item:hover {
84 border: 1px solid #BBF;
85 }
86 }
87 </style>
1 <template>
2 <div class="main">
3 <el-dialog
4 title="户重新落宗"
5 :visible.sync="isVisible"
6 width="50%"
7 @close="close"
8 :modal-append-to-body="false"
9 >
10 <div class="content">
11 <div class="input-suffix">
12 宗 地：
13 <input
14 placeholder="请选择宗地" v-model="hcxlzData.zdbsm" readonly="readonly"
15 />
16 <el-button type="primary" @click="drawer = true">选择宗地</el-button>
17 </div>
18 <div class="input-suffix">
19 自然幢：
20 <el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择">
21 <el-option
22 v-for="item in zrzList"
23 :key="item.value"
24 :label="item.label"
25 :value="item.value">
26 </el-option>
27 </el-select>
28 </div>
29 <div class="input-suffix">
30 逻辑幢：
31 <el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择">
32 <el-option
33 v-for="item in ljzList"
34 :key="item.value"
35 :label="item.label"
36 :value="item.value">
37 </el-option>
38 </el-select>
39 </div>
40 <div class="input-suffix">
41 幢单元：
42 <el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择">
43 <el-option
44 v-for="item in zdyList"
45 :key="item.value"
46 :label="item.label"
47 :value="item.value">
48 </el-option>
49 </el-select>
50 </div>
51 </div>
52 <div class="footer">
53 <el-button type="primary" @click="save">保存</el-button>
54 <el-button type="primary" @click="cancel">取消</el-button>
55 </div>
56 <el-drawer
57 title="选择宗地"
58 :visible.sync="drawer"
59 direction="rtl"
60 size="25%"
61 :before-close="drawerClose">
62 <div>
63 <div class="search">
64 <el-button type="primary" @click="search">查询</el-button>
65 <el-button type="primary" @click="result">重置</el-button>
66 <el-row :gutter="10" class="shop">
67 <el-col :span="4" class="inputtitle">
68 宗地编码:
69 </el-col>
70 <el-col :span="8" class="">
71 <el-input v-model="queryData.zddm"></el-input>
72 </el-col>
73 <el-col :span="4" class="inputtitle">
74 不动产权证号:
75 </el-col>
76 <el-col :span="8" class="">
77 <el-input v-model="queryData.bdcqzh"></el-input>
78 </el-col>
79 </el-row>
80 <el-row :gutter="10">
81 <el-col :span="4" class="inputtitle">
82 不动产权单元号:
83 </el-col>
84 <el-col :span="8">
85 <el-input v-model="queryData.bdcdyh"></el-input>
86 </el-col>
87 <el-col :span="4" class="inputtitle">
88 权利人:
89 </el-col>
90 <el-col :span="8">
91 <el-input v-model="queryData.qlrmc"></el-input>
92 </el-col>
93 </el-row>
94 <el-row :gutter="10">
95 <el-col :span="4" class="inputtitle">
96 坐落:
97 </el-col>
98 <el-col :span="8">
99 <el-input v-model="queryData.zl"></el-input>
100 </el-col>
101 </el-row>
102 <table border="1">
103 <tr>
104 <td class="xh">序号</td>
105 <td class="zddm">宗地代码</td>
106 <td class="bdcdyh">不动产单元号</td>
107 <td class="xmmc">项目名称</td>
108 <td class="bdcqzh">不动产权证号</td>
109 <td class="qlr">权利人</td>
110 <td class="zl">坐落</td>
111 <td class="cz">操作</td>
112 </tr>
113 <tr v-if="Data.length==0">
114 <td colspan="8">
115 <span class="noData">暂无数据</span>
116 </td>
117 </tr>
118 <tr v-else v-for="(item,index) in Data" :key="index">
119 <td class="xh">{{index+1}}</td>
120 <td class="zddm" :title="item.zddm">{{item.zddm}}</td>
121 <td class="bdcqdyh" :title="item.bdcdyh">{{item.bdcdyh}}</td>
122 <td class="xmmc" :title="item.xmmc">{{item.xmmc}}</td>
123 <td class="bdcqzh" :title="item.bdcqzd">{{item.bdcqzh}}</td>
124 <td class="qlr" :title="item.qlr">{{item.qlr}}</td>
125 <td class="zl" :title="item.zl">{{item.zl}}</td>
126 <td @click="saveNotarize(item)" class="cz">
127 <span>落宗</span>
128 </td>
129 </tr>
130 </table>
131 </div>
132 <div class="page">
133 <el-pagination
134 background
135 layout="prev, pager, next,total"
136 :page-size="queryData.pageSize"
137 :total="total"
138 @current-change="currentChange"
139 >
140 </el-pagination>
141 </div>
142 </div>
143 </el-drawer>
144 </el-dialog>
145 </div>
146 </template>
147
148 <script>
149 export default {
150 name: "hCxlz",
151 data() {
152 return {
153 drawer: false,
154 isVisible: false,
155 hcxlzData: {
156 bsms: [],
157 zdbsm: '',
158 zrzbsm: '',
159 ljzbsm: '',
160 zdybsm: ''
161 },
162 total: 1,
163 queryData: {
164 bdcdyh: "",
165 bdcqzh: "",
166 dylxs: ['zd'],
167 qlrmc: "",
168 qszt: "2",
169 xmmc: "",
170 zddm: "",
171 zl: "",
172 pageNo: 1,
173 pageSize: 10,
174 },
175 Data: [],
176 zrzList: [],
177 ljzList: [],
178 zdyList: []
179 }
180 },
181 props: {
182 hCxlzVisble: {
183 type: Boolean,
184 default: false
185 },
186 bsms: {
187 type: Array
188 }
189 },
190 mounted() {
191 },
192 methods: {
193 result: function () {
194 this.queryData = {
195 bdcdyh: "",
196 bdcqzh: "",
197 qlrmc: "",
198 qszt: "2",
199 xmmc: "",
200 zddm: "",
201 zl: "",
202 pageNo: 1,
203 pageSize: 10,
204 };
205 this.getData(this.queryData)
206 },
207 getData: function (data) {
208 data['dylxs'] = this.dylxs;
209 getSearchList(data).then(res => {
210 this.Data = res.result.records
211 this.total = res.result.total;
212 })
213 },
214 search: function () {
215 this.getData(this.queryData)
216 },
217 drawerClose(done) {
218 this.$confirm('确认关闭？')
219 .then(_ => {
220 done();
221 })
222 .catch(_ => {
223 });
224 },
225 cancel() {
226 console.log("cancel......")
227 },
228 save() {
229 console.log("save.......")
230 },
231 close() {
232 this.$emit('close', false);
233 this.isVisible = false;
234 },
235 },
236 watch: {
237 hCxlzVisble: function (val) {
238 this.isVisible = val
239 }
240 }
241 }
242 </script>
243
244 <style scoped lang="less">
245 .input-suffix {
246 input {
247 width: 210px;
248 height: 30px;
249 border-radius: 3px;
250 border-color: #BBB;
251 }
252 }
253
254 .content {
255 text-align: center;
256 }
257
258 .footer {
259 margin-top: 20px;
260 text-align: center;
261 }
262 </style>
263
264
265
266
...@@ -176,6 +176,9 @@ ...@@ -176,6 +176,9 @@
176 background-color: #fff; 176 background-color: #fff;
177 font-size: 14px; 177 font-size: 14px;
178 width: 100%; 178 width: 100%;
179 tr:hover{
180 background-color: #F5F7FA;
181 }
179 } 182 }
180 183
181 td { 184 td {
......
...@@ -179,6 +179,9 @@ ...@@ -179,6 +179,9 @@
179 font-size: 14px; 179 font-size: 14px;
180 width: 100%; 180 width: 100%;
181 table-layout: fixed; 181 table-layout: fixed;
182 tr:hover{
183 background-color: #F5F7FA;
184 }
182 td, th { 185 td, th {
183 text-align: center; 186 text-align: center;
184 height: 36px; 187 height: 36px;
......