vue2-client 1.15.26 → 1.15.28

package/src/base-client/components/common/XCardSet/XTiltle.vue

@@ -1,191 +0,0 @@
-<template>
-  <a-row
-    class="title_box"
-    :style="{backgroundColor: requiredParameters.backgroundColor,height:requiredParameters.height}"
-    type="flex"
-    v-model="requiredParameters">
-    <a-col class="title_col_left" :flex="3">
-      <div class="title_img_box">
-        <img src="../img/header10086.png" class="title_img" alt="">
-      </div>
-      <div class="title_name">{{ requiredParameters.title }}</div>
-    </a-col>
-    <a-col class="title_col_right" id="titleSelect" :flex="3" style="padding-right: 3%" v-model="dateData">
-      <div class="title_date_box">
-        <div class="title_data">{{ dateData.date }}</div>
-        <div class="title_week">{{ dateData.dayOfWeek }}</div>
-      </div>
-      <div class="title_time">{{ dateData.time }}</div>
-      <div style="font-size: x-large;margin-left: 1%">|</div>
-      <div class="title_refresh" @click="refreshTitle"><a-icon type="undo" style="font-size: x-large;"/></div>
-      <div class="title_refresh_box">
-        <div class="title_refresh_time">{{ dateData.refreshTime }}</div>
-        <div class="latest_update_time">最新更新时间</div>
-      </div>
-    </a-col>
-  </a-row>
-</template>
-
-<script>
-
-export default {
-  name: 'TitleComponent',
-  components: {},
-  data () {
-    return {
-      dateData: {
-        date: '',
-        dayOfWeek: '',
-        time: '',
-        refreshTime: ''
-      },
-      timer: null
-    }
-  },
-  props: {
-    requiredParameters: {
-      type: Object,
-      default: () => ({
-        title: '',
-        backgroundColor: '',
-        height: ''
-      }),
-    }
-  },
-  created () {
-    this.updateDateData()
-    this.startTimer()
-  },
-  beforeDestroy () {
-    this.stopTimer()
-  },
-  methods: {
-    // 刷新页面
-    refreshTitle () {
-      this.$forceUpdate()
-      const now = new Date()
-      this.dateData.refreshTime = now.toLocaleTimeString()
-      this.$emit('refreshTitle')
-    },
-    updateDateData () {
-      const now = new Date()
-      const options = { weekday: 'long' }
-      this.dateData.date = this.formatDate(now)
-      this.dateData.time = this.formatTime(now)
-      this.dateData.dayOfWeek = now.toLocaleDateString(undefined, options)
-      this.dateData.refreshTime = now.toLocaleTimeString()
-    },
-    formatDate (date) {
-      const month = date.getMonth() + 1
-      const day = date.getDate()
-      return `${month}月${day}日`
-    },
-    formatTime (date) {
-      const hours = String(date.getHours()).padStart(2, '0')
-      const minutes = String(date.getMinutes()).padStart(2, '0')
-      return `${hours}:${minutes}`
-    },
-    startTimer () {
-      this.timer = setInterval(() => {
-        const now = new Date()
-        this.dateData.time = this.formatTime(now)
-      }, 10000) // 每秒更新一次
-    },
-    stopTimer () {
-      if (this.timer) {
-        clearInterval(this.timer)
-        this.timer = null
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-.title_box {
-  width: 100%;
-  min-height:42px;
-}
-.title_col_left {
-  height: 100%;
-  color: white;
-  display: flex;
-  align-content: center;
-  align-items: center;
-}
-.title_col_right {
-  height: 100%;
-  color: white;
-  display: flex;
-  align-content: center;
-  align-items: center;
-  justify-content: flex-end;
-}
-.title_img_box {
-  height: 80%;
-  width: auto;
-  margin-left: 1%;
-  border-radius: 50%;
-  background-color: #35baf6;
-}
-.title_img{
-  width: 100%;
-  height: 100%;
-}
-.title_name {
-  font-size: medium !important;
-  font-weight: bold;
-  margin-left: 1%;
-}
-.title_date_box{
-  width: 20%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-.title_data{
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: smaller;
-}
-.title_week{
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: smaller;
-}
-.title_time{
-  font-size: x-large;
-}
-.title_refresh{
-  margin-left: 1%;
-  height: 100%;
-  align-content: center;
-  align-items: center;
-  cursor: pointer;
-  display: flex;
-  width: 7%;
-  justify-content: center;
-  min-width: 31px;
-}
-.title_refresh:hover{
-  background-color: rgb(31, 138, 137);
-}
-.title_refresh:active{
-  background-color: rgb(26, 129, 128);
-}
-.title_refresh_box{
-  margin-right: 1%;
-}
-.latest_update_time{
-  font-size: x-small;
-}
-.title_refresh_time{
-  display: flex;
-  font-size: x-small;
-  align-content: center;
-  justify-content: center;
-}
-</style>