149 lines
3.7 KiB
Vue
149 lines
3.7 KiB
Vue
|
<template>
|
|||
|
|
<a-modal title="经纬度局部坐标系" :width="380" :maskClosable="false" :open="visibleLocal" @ok="handleOk" @cancel="hide" ok-text="确定" cancel-text="取消">
|
|||
|
|
<a-form ref="form" :model="form" :labelCol="{ style: {width:'40px'} }" class="scroll-box" :rules="formRules">
|
|||
|
|
<a-form-item label="经度" :labelCol="{ span: 4 }" name="latitude">
|
|||
|
|
<a-input v-model:value="form.latitude" placeholder="例如：108.88" />
|
|||
|
|
</a-form-item>
|
|||
|
|
<a-form-item label="纬度" :labelCol="{ span: 4 }" name="longitude">
|
|||
|
|
<a-input v-model:value="form.longitude" placeholder="例如：34.2" />
|
|||
|
|
</a-form-item>
|
|||
|
|
</a-form>
|
|||
|
|
</a-modal>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
name: 'UploadModal',
|
|||
|
|
|
|||
|
|
props: {
|
|||
|
|
visibleLocal: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
uploadType: '1',
|
|||
|
|
scene: 'a',
|
|||
|
|
showScene: false,
|
|||
|
|
loType: 'epsg',
|
|||
|
|
positionType: '1',
|
|||
|
|
visible: false,
|
|||
|
|
formModel: {
|
|||
|
|
projectId: undefined,
|
|||
|
|
openStatus: 2,
|
|||
|
|
},
|
|||
|
|
form: {
|
|||
|
|
longitude: '108.88',
|
|||
|
|
latitude: '34.2',
|
|||
|
|
},
|
|||
|
|
formRules: {
|
|||
|
|
longitude: [{ required: true, message: '请输入经度值' }],
|
|||
|
|
latitude: [{ required: true, message: '请输入纬度值' }],
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
handleOk() {
|
|||
|
|
const that = this
|
|||
|
|
// 触发表单验证
|
|||
|
|
that.showDelete = false
|
|||
|
|
that.$refs.form
|
|||
|
|
.validateFields()
|
|||
|
|
.then((a, b) => {
|
|||
|
|
this.$emit('LocalCoordinatesValue', `ENU:${this.latitude},${this.longitude}`)
|
|||
|
|
})
|
|||
|
|
.catch((e) => {})
|
|||
|
|
},
|
|||
|
|
hide() {
|
|||
|
|
this.$emit('LocalClose')
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="less" scoped>
|
|||
|
|
:deep(.ant-upload-list) {
|
|||
|
|
max-height: 215px;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
|
|||
|
|
&::-webkit-scrollbar {
|
|||
|
|
//整体样式
|
|||
|
|
height: 5px;
|
|||
|
|
width: 2px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&::-webkit-scrollbar-thumb {
|
|||
|
|
//滑动滑块条样式
|
|||
|
|
border-radius: 1px;
|
|||
|
|
box-shadow: inset 0 0 1px #fafafa;
|
|||
|
|
background: #d9d9d9;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&::-webkit-scrollbar-track {
|
|||
|
|
//轨道的样式
|
|||
|
|
box-shadow: 0;
|
|||
|
|
border-radius: 0;
|
|||
|
|
background: #fafafa;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
:deep(.scroll-box) {
|
|||
|
|
max-height: 60vh;
|
|||
|
|
overflow-y: auto;
|
|||
|
|
|
|||
|
|
&::-webkit-scrollbar {
|
|||
|
|
//整体样式
|
|||
|
|
height: 5px;
|
|||
|
|
width: 2px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&::-webkit-scrollbar-thumb {
|
|||
|
|
//滑动滑块条样式
|
|||
|
|
border-radius: 1px;
|
|||
|
|
box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.2);
|
|||
|
|
background: #8c8c8c61;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&::-webkit-scrollbar-track {
|
|||
|
|
//轨道的样式
|
|||
|
|
box-shadow: 0;
|
|||
|
|
border-radius: 0;
|
|||
|
|
background: rgba(255, 255, 255, 0.3);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ant-tree-node-content-wrapper {
|
|||
|
|
color: #ffffff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ant-list-empty-text {
|
|||
|
|
padding: 5px;
|
|||
|
|
text-align: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ant-tooltip {
|
|||
|
|
max-width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.special-item {
|
|||
|
|
.ant-form-item-children {
|
|||
|
|
display: flex;
|
|||
|
|
|
|||
|
|
> div {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
height: 32px;
|
|||
|
|
|
|||
|
|
.ant-btn {
|
|||
|
|
margin-left: 10px;
|
|||
|
|
margin-right: 5px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.anticon {
|
|||
|
|
color: #21ad8d;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|