Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
7154d298 by weimo934
Options

feat(jzd):界址点

1 parent 997280ba
Inline Side-by-side
Showing 1 changed file with 203 additions and 16 deletions
1 <template> 1 <template>
2 <div class="">界址点</div> 2 <div class="main">
3 <div class="button">
4 <el-button type="primary" @click="oneExit">编辑</el-button>
5 <el-button type="primary">保存</el-button>
6 <el-button type="primary" @click="batchExit">批量修改</el-button>
7 </div>
8 <div class="table">
9 <table border="1">
10 <tr>
11 <td><input type="checkbox" @click="allcheck"/></td>
12 <td>界址点号</td>
13 <td>顺序号</td>
14 <td>X坐标值</td>
15 <td>Y坐标值</td>
16 <td>界标类型</td>
17 <td>界址点类型</td>
18 </tr>
19 <tr v-for="(item,index) in jzdlist" :key="index">
20 <td><input type="checkbox" v-model="item.isCheck"/></td>
21 <td><input type="text" class="formInput" v-model="item.jzdh" readonly="readonly"/></td>
22 <td><input type="text" class="formInput" v-model="item.sxh" readonly="readonly"/></td>
23 <td><input type="text" class="formInput" v-model="item.xzbz" :readonly="item.iszb"/></td>
24 <td><input tepe="text" class="formInput" v-model="item.yzbz" :readonly="item.iszb"/></td>
25 <td>
26 <el-select v-model="item.jblx" :disabled="item.jbisdisabled">
27 <el-option
28 v-for="i in jblx"
29 :key="i.key"
30 :label="i.label"
31 :value="i.value"
32 ></el-option>
33 </el-select>
34 </td>
35 <td>
36 <el-select v-model="item.jzdlx" :disabled="item.jzdisdisabled">
37 <el-option
38 v-for="i in jzdlx"
39 :key="i.key"
40 :label="i.label"
41 :value="i.value"
42 ></el-option>
43 </el-select>
44 </td>
45 </tr>
46 </table>
47 </div>
48 </div>
3 </template> 49 </template>
4 50
5 <script> 51 <script>
6 export default { 52 export default {
7 name:"", 53 name: "",
8 components:{}, 54 components: {},
9 props:{}, 55 props: {},
10 data(){ 56 data() {
11 return { 57 return {
58 jblx: [
59 {
60 key: '1',
61 label: '钢钉',
62 value: '1'
63 }, {
64 key: '2',
65 label: '水泥桩',
66 value: '2'
67 }, {
68 key: '3',
69 label: '石灰桩',
70 value: '3'
71 }, {
72 key: '4',
73 label: '喷绘',
74 value: '4'
75 }, {
76 key: '5',
77 label: '瓷标志',
78 value: '5'
79 }, {
80 key: '6',
81 label: '无标志',
82 value: '6'
83 }, {
84 key: '7',
85 label: '其他',
86 value: '7'
87 },
88 ],
89 jzdlx: [
90 {
91 key: '1',
92 label: '解析界址点',
93 value: '1'
94 }, {
95 key: '2',
96 label: '图解界址点',
97 value: '2'
98 }, {
99 key: '3',
100 label: '航测界址点',
101 value: '3'
102 }, {
103 key: '4',
104 label: '其他',
105 value: '4'
106 }
107 ],
108 jzdlist: [
109 {
110 isCheck: false,
111 jzdh: 'JZDH001',
112 sxh: '1',
113 xzbz: '10.0',
114 yzbz: '11.0',
115 jblx: '1',
116 jzdlx: '1',
117 iszb: 'readonly',
118 jbisdisabled: true,
119 jzdisdisabled: true
120 }, {
121 isCheck: false,
122 jzdh: 'JZDH002',
123 sxh: '2',
124 xzbz: '10.0',
125 yzbz: '11.0',
126 jblx: '2',
127 jzdlx: '2',
128 iszb: 'readonly',
129 jbisdisabled: true,
130 jzdisdisabled: true
131 }, {
132 isCheck: false,
133 jzdh: 'JZDH003',
134 sxh: '3',
135 xzbz: '10.0',
136 yzbz: '11.0',
137 jblx: '3',
138 jzdlx: '3',
139 iszb: 'readonly',
140 jbisdisabled: true,
141 jzdisdisabled: true
142 },
143
144 ]
145 }
146 },
147 created() {
148 },
149 mounted() {
150 },
151 methods: {
152 allcheck(value) {
153 console.log(value.target.checked)
154 console.log("全选");
155 for (let item of this.jzdlist) {
156 item.isCheck = value.target.checked;
157 }
158 },
159 oneExit() {
160 console.log("单一修改");
161 for (let item of this.jzdlist) {
162 console.log(item)
163 if (item.isCheck) {
164 item.iszb = false;
165 item.jbisdisabled = false;
166 item.jzdisdisabled = false;
167 }
168 }
169
170 },
171 batchExit() {
172 console.log("批量修改")
173 }
174 },
175 computed: {},
176 watch: {},
12 } 177 }
13 },
14 created(){},
15 mounted(){},
16 methods:{},
17 computed: {},
18 watch: {},
19 }
20 </script> 178 </script>
21 <style scoped lang="less">
22 </style>
...\ No newline at end of file ...\ No newline at end of file
179 <style scoped lang="less">
180 .main {
181 box-sizing: border-box;
182 padding: 18px;
183 height: auto;
184 width: 80%;
185 }
186
187 table {
188 margin-top: 10px;
189 background-color: #fff;
190 font-size: 14px;
191 width: 100%;
192 }
193
194 td {
195 text-align: center;
196 height: 36px;
197 }
198
199 table .formInput {
200 margin: 0;
201 height: 36px;
202 outline: none;
203 border: none;
204 color: #606764;
205 overflow: visible;
206 text-align: center;
207 cursor: text;
208 }
209 </style>
......