|
|
@@ -17,7 +17,7 @@
|
|
|
</div>
|
|
|
<div class="header-button-ri">
|
|
|
<slot name="toolButton">
|
|
|
- <img class="setting" src="@/assets/images/setting2.png" />
|
|
|
+ <img class="setting" src="@/assets/images/setting2.png" @click="handleSetting" />
|
|
|
</slot>
|
|
|
</div>
|
|
|
|
|
|
@@ -295,13 +295,50 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
+ <!-- 添加或修改岗位对话框 -->
|
|
|
+ <el-dialog :title="dialog.title" v-model="dialog.visible" width="940px" append-to-body>
|
|
|
+ <div style="height: 500px">
|
|
|
+ <el-tabs tab-position="left" class="demo-tabs" style="height: 100%">
|
|
|
+ <el-tab-pane label="风">
|
|
|
+ <div class="container-tag">
|
|
|
+ <div class="item-tag">2分钟平均风速</div>
|
|
|
+ <div class="item-tag-active">2分钟平均风向</div>
|
|
|
+ <div class="item-tag">10分钟平均风速</div>
|
|
|
+ <div class="item-tag">10分钟平均风向</div>
|
|
|
+ <div class="item-tag">小时最大风速</div>
|
|
|
+ <div class="item-tag-active">小时最大风速的风向</div>
|
|
|
+ <div class="item-tag">小时极大风速出现时间</div>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="温湿度">Config</el-tab-pane>
|
|
|
+ <el-tab-pane label="气压">Role</el-tab-pane>
|
|
|
+ <el-tab-pane label="降水">Task</el-tab-pane>
|
|
|
+ <el-tab-pane label="云">Task</el-tab-pane>
|
|
|
+ <el-tab-pane label="能见度">Task</el-tab-pane>
|
|
|
+ <el-tab-pane label="天气现象">Task</el-tab-pane>
|
|
|
+ <el-tab-pane label="积雪">Task</el-tab-pane>
|
|
|
+ <el-tab-pane label="地面温度">Task</el-tab-pane>
|
|
|
+ <el-tab-pane label="大气电场">Task</el-tab-pane>
|
|
|
+ <el-tab-pane label="闪电">Task</el-tab-pane>
|
|
|
+ <el-tab-pane label="日照">Task</el-tab-pane>
|
|
|
+ <el-tab-pane label="总辐射">Task</el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
+ <template #footer>
|
|
|
+ <div class="dialog-footer">
|
|
|
+ <el-button @click="cancel">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
+
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="tsx" name="singleData">
|
|
|
|
|
|
import * as echarts from 'echarts';
|
|
|
-import { ref, computed, onMounted } from "vue";
|
|
|
+import { ref, computed, onMounted,reactive } from "vue";
|
|
|
|
|
|
const queryInfo = ref(0)
|
|
|
|
|
|
@@ -312,6 +349,23 @@ const wind = ref()
|
|
|
const pie = ref()
|
|
|
const tempLine = ref()
|
|
|
const pressureLine = ref()
|
|
|
+const dialog = reactive<any>({
|
|
|
+ visible: false,
|
|
|
+ title: ''
|
|
|
+});
|
|
|
+
|
|
|
+const handleSetting = () => {
|
|
|
+ dialog.title = "列表字段设置"
|
|
|
+ dialog.visible = true;
|
|
|
+}
|
|
|
+
|
|
|
+const submitForm = () => {
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+const cancel = () => {
|
|
|
+ dialog.visible = false;
|
|
|
+}
|
|
|
|
|
|
//chart 数据
|
|
|
const data1 = ref([25, 25, 30, 25, 35, 26, 27, 30, 30, 28, 29, 30, 31, 32, 31, 30, 29, 28, 27, 28, 29, 30, 32]);
|
|
|
@@ -764,28 +818,28 @@ const showWindSpeed = () => {
|
|
|
}
|
|
|
},
|
|
|
detail: {
|
|
|
- offsetCenter: [-12, 5],
|
|
|
- valueAnimation: true,
|
|
|
- formatter: '2',
|
|
|
- color: 'black'
|
|
|
-
|
|
|
- // fontSize: 10,
|
|
|
- },
|
|
|
- data: [
|
|
|
- {
|
|
|
- value: 270,
|
|
|
- name: '级',
|
|
|
- detail: {
|
|
|
- fontSize: 40,
|
|
|
- // fontWeight: 400
|
|
|
- },
|
|
|
- title: {
|
|
|
- offsetCenter: [12, 10],
|
|
|
- fontSize: 15,
|
|
|
- fontWeight:400
|
|
|
- }
|
|
|
- }
|
|
|
- ]
|
|
|
+ offsetCenter: [-12, 5],
|
|
|
+ valueAnimation: true,
|
|
|
+ formatter: '2',
|
|
|
+ color: 'black'
|
|
|
+
|
|
|
+ // fontSize: 10,
|
|
|
+ },
|
|
|
+ data: [
|
|
|
+ {
|
|
|
+ value: 270,
|
|
|
+ name: '级',
|
|
|
+ detail: {
|
|
|
+ fontSize: 40,
|
|
|
+ // fontWeight: 400
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ offsetCenter: [12, 10],
|
|
|
+ fontSize: 15,
|
|
|
+ fontWeight: 400
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ]
|
|
|
// detail: {
|
|
|
// offsetCenter: [0, 0],
|
|
|
// valueAnimation: true,
|
