zzw

src/views/alarm/singleStationData/index.vue

@@ -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,

src/views/analysis/dataSynthesis/index.vue

@@ -191,9 +191,6 @@ onMounted(() => {
 
 </script>
 <style scoped lang="scss">
-.el-row .el-col {
-	// margin-bottom: 15px;
-}
 
 
 .main_list {

src/views/analysis/featureCurves/index.vue

@@ -24,7 +24,8 @@
 			</el-form>
 			<div class="header-button-ri">
 				<slot name="toolButton">
-					<img class="setting" style="margin-top: 5px;" src="@/assets/images/setting2.png" />
+					<img class="setting" style="margin-top: 5px;" src="@/assets/images/setting2.png"
+						@click="handleSetting" />
 				</slot>
 			</div>
 		</div>
@@ -74,6 +75,42 @@
 				</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>
 
@@ -105,6 +142,23 @@ const baseOptions = ref([{
 	value: 1,
 	label: 'M1987',
 }])
+const dialog = reactive<any>({
+	visible: false,
+	title: ''
+});
+
+const handleSetting = () => {
+	dialog.title = "列表字段设置"
+	dialog.visible = true;
+}
+
+const submitForm = () => {
+
+}
+
+const cancel = () => {
+	dialog.visible = false;
+}
 
 // resetForm
 const resetForm = (formEl) => {

src/views/analysis/lightningArea/index.vue

@@ -157,11 +157,6 @@ onMounted(() => {
 
 </script>
 <style scoped lang="scss">
-.el-row .el-col {
-	// margin-bottom: 15px;
-}
-
-
 .main_list {
 	background: transparent !important;
 	box-shadow: none !important;

src/views/analysis/windSpeed/index.vue

@@ -73,7 +73,7 @@ const showData = () => {
 
 	let mychart = echarts.init(data.value);
 	let option = {
-		
+
 		legend: {
 			// data: ['Allocated Budget', 'Actual Spending']
 		},
@@ -160,11 +160,6 @@ onMounted(() => {
 
 </script>
 <style scoped lang="scss">
-.el-row .el-col {
-	// margin-bottom: 15px;
-}
-
-
 .main_list {
 	background: transparent !important;
 	box-shadow: none !important;