| | |
| | | > |
| | | <!-- v-resizable="'right, bottom'" --> |
| | | <div class="spatialTitle"> |
| | | <label>属性</label> |
| | | <label>{{store.state.spatialTitle }}</label> |
| | | <el-icon |
| | | @click="setSpatialClose" |
| | | :size="20" |
| | |
| | | > |
| | | <template #default="scope"> |
| | | <el-button |
| | | :icon="Location" |
| | | class="el-icon-map" |
| | | size="small" |
| | | @click.prevent="spaceLocation(scope.$index, scope.row)" |
| | | > |
| | |
| | | nextTick, |
| | | watch, |
| | | } from "vue"; |
| | | import config from "@/assets/js/Map/config"; |
| | | // import config from "../../../public/config/config.js"; |
| | | import { User, Lock, Plus, Location } from "@element-plus/icons-vue"; |
| | | import { dataQuery_selectByPage, dataQuery_selectFields } from "@/api/api"; |
| | | import { ElMessage } from "element-plus"; |
| | |
| | | listData.value.name = listData.value.name.replaceAll("_", ""); |
| | | const data = await dataQuery_selectByPage(listData.value); |
| | | if (data.code != 200) { |
| | | return ElMessage.error("空间查询失败"); |
| | | return ElMessage.error(data.msg); |
| | | } |
| | | listData.value.count = data.count; |
| | | tableData.value = data.result; |
| | | }; |
| | | |
| | | var val = data.result.filter((res) => { |
| | | if (res.apprTime) { |
| | | res.apprTime = format(res.apprTime); |
| | | } |
| | | if (res.createtime) { |
| | | res.apprTime = format(res.createtime); |
| | | } |
| | | if (res.updatetime) { |
| | | res.apprTime = format(res.updatetime); |
| | | } |
| | | return res; |
| | | }); |
| | | tableData.value = val; |
| | | }; |
| | | //格式化时间 |
| | | const format = (shijianchuo) => { |
| | | //shijianchuo是整数,否则要parseInt转换 |
| | | var time = new Date(shijianchuo); |
| | | var y = time.getFullYear(); |
| | | var m = time.getMonth() + 1; |
| | | var d = time.getDate(); |
| | | var h = time.getHours(); |
| | | var mm = time.getMinutes(); |
| | | var s = time.getSeconds(); |
| | | return y + "-" + add0(m) + "-" + add0(d) + " " + h + ":" + mm + ":" + s; |
| | | }; |
| | | //格式化时间 |
| | | const add0 = (m) => { |
| | | return m < 10 ? "0" + m : m; |
| | | }; |
| | | const setQueySpatialFields = async () => { |
| | | const data = await dataQuery_selectFields({ |
| | | ns: "mn", |
| | |
| | | return res; |
| | | } |
| | | }); |
| | | attributeData.value = std; |
| | | fieldOption.value = std; |
| | | var val = std.filter((res) => { |
| | | if (res.field.indexOf("_") > -1) { |
| | | var str = res.field.split("_"); |
| | | res.field = str[0] + str[1][0].toUpperCase() + str[1].slice(1); |
| | | return res; |
| | | } else { |
| | | return res; |
| | | } |
| | | }); |
| | | attributeData.value = val; |
| | | fieldOption.value = val; |
| | | conditionChange(data.result[0]); |
| | | setQueySpatialData(); |
| | | }; |
| | |
| | | value: std[i], |
| | | }); |
| | | } |
| | | debugger; |
| | | condOption.value = str; |
| | | formSql.value.type = std[0]; |
| | | }; |
| | |
| | | watch( |
| | | () => props.layerData, |
| | | (nVal, oVal) => { |
| | | // console.log("值发生了变更", nVal, oVal); |
| | | startQueryData(); |
| | | }, |
| | | { deep: true } |
| | |
| | | left: 100%; |
| | | background: rgba(7, 8, 14, 0.8); |
| | | border: 1px solid #d6e4ff; |
| | | z-index: 10; |
| | | z-index: 31; |
| | | box-shadow: inset 0px 10px 40px 10px rgba(38, 47, 71, 1); |
| | | .spatialTitle { |
| | | padding: 10px; |
| | |
| | | padding: 10px; |
| | | height: 40px; |
| | | } |
| | | |
| | | .el-icon-map { |
| | | background: url("../../assets/img/location.png") center no-repeat; |
| | | background-size: 100% 100%; |
| | | border: transparent; |
| | | } |
| | | .el-icon-map:before { |
| | | content: "定位"; |
| | | font-size: 0; |
| | | visibility: hidden; |
| | | } |
| | | /deep/.el-pagination button { |
| | | background: transparent; |
| | | color: #d6e4ff; |