parent
							
								
									2974f0185d
								
							
						
					
					
						commit
						4c0157d65a
					
				|  | @ -48,10 +48,14 @@ | ||||||
|       <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" /> |       <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" /> | ||||||
|     </div> |     </div> | ||||||
|     <el-dialog :visible.sync="dialogFormEdit" :title="dialogType==='editUser'?'修改':'新增'" width="1000px"> |     <el-dialog :visible.sync="dialogFormEdit" :title="dialogType==='editUser'?'修改':'新增'" width="1000px"> | ||||||
|       <el-form ref="form" :rules="rules" :model="form" label-width="250px"> |       <el-form ref="form" :rules="rules" :model="form" label-width="100px" style="margin-right: 50px"> | ||||||
|  |         <el-row> | ||||||
|  |           <el-col :span="12"> | ||||||
|             <el-form-item label="名称" prop="NAME"> |             <el-form-item label="名称" prop="NAME"> | ||||||
|               <el-input v-model="form.NAME" placeholder="请输入名称..." /> |               <el-input v-model="form.NAME" placeholder="请输入名称..." /> | ||||||
|             </el-form-item> |             </el-form-item> | ||||||
|  |           </el-col> | ||||||
|  |           <el-col :span="12"> | ||||||
|             <el-form-item label="类型" prop="TYPE"> |             <el-form-item label="类型" prop="TYPE"> | ||||||
|               <Treeselect |               <Treeselect | ||||||
|                 :options="yjTypeData" |                 :options="yjTypeData" | ||||||
|  | @ -63,24 +67,54 @@ | ||||||
|                 @input="handleTypeChange" |                 @input="handleTypeChange" | ||||||
|               /> |               /> | ||||||
|             </el-form-item> |             </el-form-item> | ||||||
|  |           </el-col> | ||||||
|  |           <el-col :span="12"> | ||||||
|             <el-form-item label="地址" prop="ADDRESS"> |             <el-form-item label="地址" prop="ADDRESS"> | ||||||
|               <el-input v-model="form.ADDRESS" placeholder="请输入地址..." /> |               <el-input v-model="form.ADDRESS" placeholder="请输入地址..." /> | ||||||
|             </el-form-item> |             </el-form-item> | ||||||
|  |           </el-col> | ||||||
|  |           <el-col :span="12"> | ||||||
|             <el-form-item label="联系人" prop="CONTACT_PERSON"> |             <el-form-item label="联系人" prop="CONTACT_PERSON"> | ||||||
|               <el-input v-model="form.CONTACT_PERSON" placeholder="请输入联系人..." /> |               <el-input v-model="form.CONTACT_PERSON" placeholder="请输入联系人..." /> | ||||||
|             </el-form-item> |             </el-form-item> | ||||||
|  |           </el-col> | ||||||
|  |           <el-col :span="12"> | ||||||
|             <el-form-item label="联系电话" prop="CONTACT_PHONE"> |             <el-form-item label="联系电话" prop="CONTACT_PHONE"> | ||||||
|               <el-input v-model="form.CONTACT_PHONE" placeholder="请输入联系电话..." /> |               <el-input v-model="form.CONTACT_PHONE" placeholder="请输入联系电话..." /> | ||||||
|             </el-form-item> |             </el-form-item> | ||||||
|  |           </el-col> | ||||||
|  |           <el-col :span="12"> | ||||||
|             <el-form-item label="描述" prop="DESCRIPTION"> |             <el-form-item label="描述" prop="DESCRIPTION"> | ||||||
|               <el-input v-model="form.DESCRIPTION" type="textarea" placeholder="请输入描述..." /> |               <el-input v-model="form.DESCRIPTION" type="textarea" placeholder="请输入描述..." /> | ||||||
|             </el-form-item> |             </el-form-item> | ||||||
|  |           </el-col> | ||||||
|  |         </el-row> | ||||||
|  |         <el-row :gutter="20"> | ||||||
|  |           <el-col :span="12"> | ||||||
|  |             <el-form-item :key="form.LONGITUDE" label="经度" prop="LONGITUDE"> | ||||||
|  |               <el-input v-model="form.LONGITUDE" placeholder="请输入内容" disabled @focus="handleMap" /> | ||||||
|  |             </el-form-item> | ||||||
|  |           </el-col> | ||||||
|  |           <el-col :span="12"> | ||||||
|  |             <el-form-item :key="form.LATITUDE" label="纬度" prop="LATITUDE"> | ||||||
|  |               <div style="display: flex"> | ||||||
|  |                 <el-input v-model="form.LATITUDE" placeholder="请输入内容" disabled style="width: 100%" @focus="handleMap"/> | ||||||
|  |                 <el-button style="margin-left:10px" @click="handleMap"> | ||||||
|  |                   <span class="svg-container"> | ||||||
|  |                     <svg-icon icon-class="international" /> | ||||||
|  |                   </span> | ||||||
|  |                 </el-button> | ||||||
|  |               </div> | ||||||
|  |             </el-form-item> | ||||||
|  |           </el-col> | ||||||
|  |         </el-row> | ||||||
|       </el-form> |       </el-form> | ||||||
|       <div slot="footer" class="dialog-footer"> |       <div slot="footer" class="dialog-footer"> | ||||||
|         <el-button @click="dialogFormEdit = false">取消</el-button> |         <el-button @click="dialogFormEdit = false">取消</el-button> | ||||||
|         <el-button type="primary" @click="confirm">确定</el-button> |         <el-button type="primary" @click="confirm">确定</el-button> | ||||||
|       </div> |       </div> | ||||||
|     </el-dialog> |     </el-dialog> | ||||||
|  |     <get-point ref="getPoint" @getPosition = "getPosition"/> | ||||||
|   </div> |   </div> | ||||||
| </template> | </template> | ||||||
| 
 | 
 | ||||||
|  | @ -89,9 +123,10 @@ import Pagination from '@/components/Pagination' | ||||||
| import { requestFN } from '@/utils/request' | import { requestFN } from '@/utils/request' | ||||||
| import { Treeselect } from '@riophae/vue-treeselect' | import { Treeselect } from '@riophae/vue-treeselect' | ||||||
| import '@riophae/vue-treeselect/dist/vue-treeselect.css' | import '@riophae/vue-treeselect/dist/vue-treeselect.css' | ||||||
|  | import getPoint from '../../util/getPoint.vue' | ||||||
| 
 | 
 | ||||||
| export default { | export default { | ||||||
|   components: { Treeselect, Pagination }, |   components: { getPoint, Treeselect, Pagination }, | ||||||
|   data() { |   data() { | ||||||
|     return { |     return { | ||||||
|       listQuery: { |       listQuery: { | ||||||
|  | @ -113,7 +148,9 @@ export default { | ||||||
|         ADDRESS: '', |         ADDRESS: '', | ||||||
|         CONTACT_PERSON: '', |         CONTACT_PERSON: '', | ||||||
|         CONTACT_PHONE: '', |         CONTACT_PHONE: '', | ||||||
|         DESCRIPTION: '' |         DESCRIPTION: '', | ||||||
|  |         LATITUDE: '', | ||||||
|  |         LONGITUDE: '' | ||||||
|       }, |       }, | ||||||
|       rules: { |       rules: { | ||||||
|         NAME: [ |         NAME: [ | ||||||
|  | @ -191,7 +228,9 @@ export default { | ||||||
|           ADDRESS: data.ADDRESS, |           ADDRESS: data.ADDRESS, | ||||||
|           CONTACT_PERSON: data.CONTACT_PERSON, |           CONTACT_PERSON: data.CONTACT_PERSON, | ||||||
|           CONTACT_PHONE: data.CONTACT_PHONE, |           CONTACT_PHONE: data.CONTACT_PHONE, | ||||||
|           DESCRIPTION: data.DESCRIPTION |           DESCRIPTION: data.DESCRIPTION, | ||||||
|  |           LONGITUDE: data.LONGITUDE, | ||||||
|  |           LATITUDE: data.LATITUDE | ||||||
|         } |         } | ||||||
|       }).catch((e) => { |       }).catch((e) => { | ||||||
|         console.error('获取详情数据失败', e) |         console.error('获取详情数据失败', e) | ||||||
|  | @ -276,6 +315,13 @@ export default { | ||||||
|     getQuery() { |     getQuery() { | ||||||
|       this.$refs.multipleTable.clearSelection() |       this.$refs.multipleTable.clearSelection() | ||||||
|       this.getList() |       this.getList() | ||||||
|  |     }, | ||||||
|  |     getPosition(e) { | ||||||
|  |       this.form.LATITUDE = e.LATITUDE | ||||||
|  |       this.form.LONGITUDE = e.LONGITUDE | ||||||
|  |     }, | ||||||
|  |     handleMap() { | ||||||
|  |       this.$refs.getPoint.init({ LATITUDE: this.form.LATITUDE, LONGITUDE: this.form.LONGITUDE }) | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  |  | ||||||
|  | @ -346,7 +346,6 @@ export default { | ||||||
|     getPosition(e) { |     getPosition(e) { | ||||||
|       this.form.LATITUDE = e.LATITUDE |       this.form.LATITUDE = e.LATITUDE | ||||||
|       this.form.LONGITUDE = e.LONGITUDE |       this.form.LONGITUDE = e.LONGITUDE | ||||||
|       console.log(this.form) |  | ||||||
|     } |     } | ||||||
|   } |   } | ||||||
| } | } | ||||||
|  |  | ||||||
|  | @ -1,5 +1,5 @@ | ||||||
| <template> | <template> | ||||||
|   <el-dialog :visible.sync="visible" title="编辑坐标" width="800px" class="dy-dialog"> |   <el-dialog :visible.sync="visible" title="编辑坐标" width="800px" class="dy-dialog" append-to-body> | ||||||
|     <baidu-map |     <baidu-map | ||||||
|       :zoom="zoom" |       :zoom="zoom" | ||||||
|       :scroll-wheel-zoom="true" |       :scroll-wheel-zoom="true" | ||||||
|  |  | ||||||
		Loading…
	
		Reference in New Issue