logo点击时间

src/views/datamanager/platformdata/compoents/common/PlatformTable.vue

@@ -13,6 +13,7 @@
         style="max-width: 251px; margin-right: 50px"
         :placeholder="'请输入' + searchLabel"
       >
+      
         <template #prepend>
           <el-select v-model="searchLabel" style="width: 74px">
             <el-option value="姓名" />
@@ -79,8 +80,13 @@
           style="display: inline-block; margin-right: 20px"
           src="@/assets/icons/chart-bar.png"
           alt=""
+          @click="showBargraph()"
         />
-        <img style="display: inline-block" src="@/assets/icons/chart-line.png" alt="" />
+        <img
+          style="display: inline-block"
+          src="@/assets/icons/chart-line.png"
+          alt=""
+          @click="showLinechart()" />
       </el-table-column>
     </el-table>
 
@@ -93,6 +99,27 @@
         :current-day-chart="currentDayData" :current-month-chart="currentMonthData" :all-datas-chart="currentAllData"
         :close-dialog="closeDialog">
     </TableEcharts> -->
+
+    <el-dialog
+      v-model="bargraphVisible"
+      :title="bargraphTitle"
+      :close-on-click-modal="true"
+      width="1000px"
+      center
+      >
+        <div class="testbox"></div>
+    </el-dialog>
+
+    <el-dialog
+      v-model="linechartVisible"
+      :title="linechartTitle"
+      :close-on-click-modal="true"
+      width="1000px"
+      center
+      >
+        <div class="testbox"></div>
+    </el-dialog>
+
 </template>
 
 <script setup lang="ts">
@@ -127,6 +154,22 @@
 
   const departmentList = ref<DepartMentModel[]>([]);
 
+  //柱状图logo
+  const bargraphVisible = ref(false);
+  const bargraphTitle = ref('');
+  const showBargraph = () => {
+    bargraphVisible.value = true;
+    bargraphTitle.value = '张三访问车间统计柱状图';
+
+  }
+  //折线图logo
+  const linechartVisible = ref(false);
+  const linechartTitle = ref('');
+  const showLinechart = () => {
+    linechartVisible.value = true;
+    linechartTitle.value = '张三访问车间统计折线图'
+  }
+
   // 搜索数据
   function submitForm(formE1: FormInstance | undefined) {
     console.log('搜索数据');
@@ -281,7 +324,11 @@
   // })
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+  .testbox {
+    width: 930px;
+    height: 480px;
+  }
   .form {
     /* width: 1100px; */
     margin-top: 18px;