Commit 9cbd7d7c authored by SQL_Mou's avatar SQL_Mou

修改地址/设置路径图

parent 4cf39f90
......@@ -4,7 +4,7 @@ ENV = 'production'
# 接口地址,注意协议,如果你没有配置 ssl,需要将 https 改为 http
VUE_APP_BASE_API = 'https://el-admin.xin'
# 如果接口是 http 形式, wss 需要改为 ws
VUE_APP_WS_API = 'ws://120.224.103.84:9092/webSocket'
VUE_APP_WS_API = 'ws:/webSocket'
VUE_APP_LOCAL_API = 'http://120.224.103.84:9092'
VUE_APP_LOCAL_API2 = 'http://120.224.103.84:9092'
VUE_APP_LOCAL_API = '/'
VUE_APP_LOCAL_API2 = '/'
......@@ -34,7 +34,7 @@
<kaungEZUIKitJs v-if="kaungEZUIKitJsShow"/>
</div>
<!-- 嵌入三维地图页面 -->
<iframe src="http://120.224.103.84:9090/#/Index" frameborder="0" class="mapcontainer1"></iframe>
<iframe :src="url" frameborder="0" class="mapcontainer1"></iframe>
<!-- 单个车辆视频监控 -->
<div class="monitorCover1" v-show="monitorCover1Show">
<div class="monitorCover1_closePic" @click="closeMonitorCoverFn"></div>
......@@ -67,6 +67,7 @@ export default {
},
data() {
return {
url:process.env.VUE_APP_LOCAL_API2 + 'map',
//时间
timer:null,
currentTime:'',
......
......@@ -15,7 +15,7 @@
<el-table-column prop="name" label="车辆类型名称" align="center"></el-table-column>
<el-table-column prop="card" label="车辆标识图" align="center">
<template slot-scope="scope">
<img :src="imgSrcStart + '/avatar/' + scope.row.card" width="40" height="40"/>
<img :src="imgSrcStart + 'avatar/' + scope.row.card" width="40" height="40"/>
</template>
</el-table-column>
<el-table-column prop="createTime" label="日期" align="center"></el-table-column>
......
<template>
<div class="common-page device-manage">
<div class="panel-bottom page-row">
<h3>{{ pageTitle }}</h3>
<div class="ctin-box">
<div class="content-within">
<div class="head-container">
<!-- 搜索 -->
<label class="el-form-item-label" style="font-weight: 500"
>装车平均时长</label
>
<el-input
v-model="query.loading"
clearable
size="small"
placeholder="请输入车牌号"
style="width: 180px"
/>
<label class="el-form-item-label" style="font-weight: 500"
>卸车平均时长</label
>
<el-input
v-model="query.unload"
clearable
size="small"
placeholder="请输入车牌号"
style="width: 180px"
/>
<label class="el-form-item-label" style="font-weight: 500"
>路径系数</label
>
<el-input
v-model="query.coefficient"
clearable
size="small"
placeholder="请输入车牌号"
style="width: 180px"
/>
<el-button size="mini" type="success">添加路径关键点</el-button>
</div>
</div>
<div class="content-right">
<el-tabs v-model="activeName">
<el-tab-pane label="装车点" name="first">
<el-cascader
v-model="value1"
:options="options1"
@change="handleChange1"
></el-cascader>
<div class="button-box">
<el-button size="mini" type="primary">保存</el-button>
<el-button size="mini" type="danger" icon="el-icon-delete"
>删除</el-button
>
</div>
</el-tab-pane>
<el-tab-pane label="控制点" name="second">
<label class="el-form-item-label" style="font-weight: 500"
>控制点名称</label
>
<el-input
v-model="query.name"
clearable
size="small"
placeholder="请输入控制点名称"
style="width: 180px"
/>
</el-tab-pane>
<el-tab-pane label="卸车点" name="third">
<el-cascader
v-model="value2"
:options="options2"
@change="handleChange2"
></el-cascader>
<div class="button-box">
<el-button size="mini" type="primary">保存</el-button>
<el-button size="mini" type="danger" icon="el-icon-delete"
>删除</el-button
>
</div>
</el-tab-pane>
</el-tabs>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "RegionalPathMap",
data() {
return {
pageTitle: "设置路径图",
query: {},
activeName: "first",
options1: [
{
value: "caiqu1",
label: "采区1",
children: [
{ value: "1", label: "采点1" },
{ value: "2", label: "采点2" },
],
},
],
value1: "",
options2: [
{
value: "xiequ1",
label: "卸区1",
children: [
{ value: "1", label: "卸点1" },
{ value: "2", label: "卸点2" },
],
},
],
value2: "",
};
},
methods: {
handleChange1() {},
handleChange2() {},
},
};
</script>
<style rel="stylesheet/scss" lang="scss" scope>
.el-table .warning-row {
background: oldlace;
}
.el-table .success-row {
background: #f0f9eb;
}
.device-manage {
.panel-bottom {
.el-button {
margin: 2px 0;
padding: 6px 15px;
font-size: 14px;
}
.btn-groub2 {
display: inline-block;
.el-button {
margin: 2px 0;
padding: 6px 15px;
font-size: 15px;
}
.el-button--warning {
background-color: #e6a23c;
border-color: #e6a23c;
}
.el-button--warning:focus,
.el-button--warning:hover {
background: #ebb563;
border-color: #ebb563;
}
}
.ctin-box {
width: 1700px;
height: 300px;
//background: red;
display: flex;
display: -webkit-flex;
-webkit-flex-direction: row;
}
.content-within {
flex: 1;
//background: blue;
}
.content-right {
width: 450px;
.button-box {
width: 300px;
height: 200px;
position: relative;
bottom: -160px;
}
//background: yellow;
}
}
}
.mapcontainer3 {
height: 50vh;
width: 750px;
overflow: hidden;
margin-bottom: 10px;
}
.checkboxViews {
padding-left: 10px;
box-sizing: border-box;
width: 490px;
height: 120px;
border: 1px gainsboro solid;
overflow-y: scroll;
overflow-x: hidden;
}
.ecahrt1-dialog {
display: flex;
align-items: center;
.el-dialog {
margin-top: inherit !important;
display: table !important;
width: fit-content;
.el-form-item {
margin-right: 0;
}
}
.el-dialog__header {
height: 0;
padding: 0;
display: block;
}
.form-body {
border: 1px solid #999;
width: 800px;
height: 500px;
position: relative;
> div {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
}
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment