111

jhzh

2025-02-11 9f96348fb4f2d0442303aafefb5e9ca39ea85663

 src/page/kline/index.vue

@@ -8,56 +8,71 @@
              <img src="../../assets/img/zuojiantou.png" alt />
            </div>
            <div class="right_title">
              <div class="t_t" style="white-space: nowrap;">
                <span>{{ singDetails.spell }}</span>
              <div class="t_t" style="white-space: nowrap">
                <span>{{ singDetails.name }}({{ singDetails.gid }})</span>
              </div>
              <div class="b_t">
                <span>{{ singDetails.code }}</span>
                <span>{{ singDetails.spell }}</span>
              </div>
            </div>
          </div>
          <div class="right_money sss">
          <!-- 隐藏右侧金额显示 -->
          <!-- <div class="right_money sss">
            <div class="content_money">
              <div class="top_price">
                <div class="left">
                  <span>{{ $t('hj47') }}</span>
                  <span>{{ $t("hj47") }}</span>
                </div>
                <div class="right">
                  <span v-if="$store.state.userInfo.userAmt == undefined">₹0.00</span>
                  <span v-if="$store.state.userInfo && kLineDetails.if_zhishu != '0'" style="white-space: nowarp;">
                    {{ kLineDetails.if_us == 1 ? '$' + Number(Number($store.state.userInfo.userIndexAmt) /
                        7.1).toFixed(2) :
                        kLineDetails.if_us == 2 ? 'HK$' + (Number($store.state.userInfo.userIndexAmt) / 0.9).toFixed(2) :
                          '₹' +
                          $store.state.userInfo.userIndexAmt
                  <span v-if="$store.state.userInfo.userAmt == undefined"
                    >₹0.00</span
                  >
                  <span
                    v-if="
                      $store.state.userInfo && kLineDetails.if_zhishu != '0'
                    "
                    style="white-space: nowarp"
                  >
                    {{
                      kLineDetails.if_us == 1
                        ? "$" +
                          Number(
                            Number($store.state.userInfo.userIndexAmt) / 7.1
                          ).toFixed(2)
                        : kLineDetails.if_us == 2
                        ? "HK$" +
                          (
                            Number($store.state.userInfo.userIndexAmt) / 0.9
                          ).toFixed(2)
                        : "₹" + $store.state.userInfo.userIndexAmt
                    }}
                  </span>
                  <span v-if="$store.state.userInfo.userAmt != undefined && kLineDetails.if_zhishu == '0'"
                    style="white-space: nowarp;">
                    <!-- {{ kLineDetails.if_us == 1 ? '$' + Number(Number($store.state.userInfo.userAmt) / 7.1).toFixed(2) :
                        kLineDetails.if_us == 2 ? 'HK$' + (Number($store.state.userInfo.userAmt) / 0.9).toFixed(2) : '₹ ' +
                          $store.state.userInfo.userAmt
                    }} -->
                    {{ '₹ ' +  parseFloat($store.state.userInfo.enableAmt.toFixed(2)).toLocaleString()
                  }}
                  <span
                    v-if="
                      $store.state.userInfo.userAmt != undefined &&
                      kLineDetails.if_zhishu == '0'
                    "
                    style="white-space: nowarp"
                  >
                    {{
                      "₹ " +
                      parseFloat(
                        $store.state.userInfo.enableAmt.toFixed(2)
                      ).toLocaleString()
                    }}
                  </span>
                </div>
                <div class="sanjiao">
                  <!-- <img
                    :class="dialogFlag ? 'xuanz' : ''"
                    style="transition: all 0.5s;"
                    src="../../assets/img/xiala.png"
                    alt
                  /> -->

                </div>
              </div>
              <div class="bottom_balance">
                <div>
                  <span>{{ $t('hj48') }}</span>
                  <span>{{ $t("hj48") }}</span>
                </div>
              </div>
            </div>
          </div>
          </div> -->
        </div>
        <div class="real_time_detail">
          <div class="left_now_price">
@@ -65,9 +80,10 @@
              <!-- <span :class="singDetails.nowPrice - singDetails.preclose_px > 0 ? 'price green' : 'price red'">{{
                  singDetails.nowPrice
              }}</span> -->
              <span :class="singDetails.hcrate > 0 ? 'price green' : 'price red'">{{
                  singDetails.nowPrice
              }}</span>
              <span
                :class="singDetails.hcrate > 0 ? 'price green' : 'price red'"
                >₹{{ singDetails.nowPrice  }}</span
              >
            </div>
            <div class="bottom_now">
              <div>
@@ -76,74 +92,100 @@
                    ? '+' : ''
                }}{{ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) }}</span> -->
                <span v-else>
                  {{ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) || 0 }}</span>
                  ₹{{
                    (singDetails.nowPrice - singDetails.preclose_px).toFixed(2)
                  }}</span
                >
              </div>
              <div class="tew"
                :class="singDetails.hcrate > 0 ? 'number green' : 'number red'">
              <div
                class="tew"
                :class="singDetails.hcrate > 0 ? 'number green' : 'number red'"
              >
                <span v-if="singDetails.nowPrice === 0">-</span>
                <!-- <span v-else>({{ singDetails.nowPrice - singDetails.preclose_px > 0 ? '+' : '' }}
                  {{ singDetails.hcrate ? singDetails.hcrate : '0' }}%)</span> -->
                  <span v-else>({{ singDetails.hcrate > 0 ? '+' : '' }}
                  {{ singDetails.hcrate ? singDetails.hcrate : '0' }}%)</span>
                <span v-else>
                  ({{ singDetails.hcrate ? singDetails.hcrate : "0" }}%)</span
                >
              </div>
            </div>
          </div>
          <div class="right_ets">
            <div class="tops">
              <div class="lefts topes">
                <span class="titles">{{ $t('hj72') }}</span>
                <span class="titles">{{ $t("hj72") }}</span>
                <!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
                    singDetails.open_px
                }}</span> -->
                <span :class="singDetails.hcrate > 0 ? 'number green' : 'number red'">{{
                    singDetails.open_px
                }}</span>
                <span
                  :class="
                    singDetails.hcrate > 0 ? 'number green' : 'number red'
                  "
                  >₹{{ singDetails.open_px   }}</span
                >
              </div>
              <div class="rights topes">
                <span class="titles">{{ $t('hj73') }}</span>
                <span class="titles">{{ $t("hj73") }}</span>
                <!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
                    singDetails.today_max
                }}</span> -->
                <span :class="singDetails.hcrate > 0 ? 'number green' : 'number red'">{{
                    singDetails.today_max
                }}</span>
                <span
                  :class="
                    singDetails.hcrate > 0 ? 'number green' : 'number red'
                  "
                  >₹{{ singDetails.today_max   }}</span
                >
              </div>
            </div>
            <div class="bottoms">
              <div class="lefts bots">
                <span class="titles">{{ $t('hj74') }}</span>
                <span class="titles">{{ $t("hj74") }}</span>
                <!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
                    singDetails.preclose_px
                }}</span> -->
                <span :class="singDetails.hcrate > 0 ? 'number green' : 'number red'">{{
                    singDetails.preclose_px
                }}</span>
                <span
                  :class="
                    singDetails.hcrate > 0 ? 'number green' : 'number red'
                  "
                  >₹{{ singDetails.preclose_px   }}</span
                >
              </div>
              <div class="rights bots">
                <span class="titles">{{ $t('hj75') }}</span>
               <div class="rights bots">
                <span class="titles">{{ $t("hj75") }}</span>
                <!-- <span :class="singDetails.preclose_px < 0 ? 'number green' : 'number red'">{{
                    singDetails.today_min
                }}</span> -->
                <span :class="singDetails.hcrate > 0 ? 'number green' : 'number red'">{{
                    singDetails.today_min
                }}</span>
                <span
                  :class="
                    singDetails.hcrate > 0 ? 'number green' : 'number red'
                  "
                  >₹{{ singDetails.today_min  }}</span
                >
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="k_line_detail">
        <Kline :type="singDetails.type" />
        <Kline :key="key" :type="singDetails.type" />
      </div>
      <div class="priect_top_bottom" style="display: none"
        v-if="(kLineDetails.if_us != 1 && kLineDetails.type != 'hk') && kLineDetails.type != 'hk' && kLineDetails.if_zhishu == 0">
      <div
        class="priect_top_bottom"
        style="display: none"
        v-if="
          kLineDetails.if_us != 1 &&
          kLineDetails.type != 'hk' &&
          kLineDetails.type != 'hk' &&
          kLineDetails.if_zhishu == 0
        "
      >
        <div class="t_title">
          <span>{{ $t('hj76') }}</span>
          <span>{{ $t("hj76") }}</span>
        </div>
        <div class="charts">
          <div class="left_s">
            <div class="t_ma">
              <span>{{ $t('hj77') }}</span>
              <span>{{ $t("hj77") }}</span>
            </div>
            <div class="ets">
              <div class="left_sell1">
@@ -188,7 +230,7 @@
          </div>
          <div class="right_h">
            <div class="t_ma">
              <span>{{ $t('hj78') }}</span>
              <span>{{ $t("hj78") }}</span>
            </div>
            <div class="ets">
              <div class="left_sell1">
@@ -220,7 +262,6 @@
              </div>
              <div class="right_sell1">
                <span>{{ singDetails.buy4_num }}</span>

              </div>
            </div>
            <div class="ets">
@@ -236,103 +277,150 @@
      </div>
      <div class="priect_top_bottom" v-if="kLineDetails.if_us == 1">
        <div class="t_title">
          <span>{{ $t('hj79') }}</span>
          <span>{{ $t("hj79") }}</span>
        </div>
        <div class="charts">
          <div class="left_s">
            <div class="t_ma">
              <span>{{ $t('hj80') }}</span>
              <span>{{ $t("hj80") }}</span>
            </div>
            <div class="ets" v-for="(item, i) in timedata.data.details" :key="i">
            <div
              class="ets"
              v-for="(item, i) in timedata.data.details"
              :key="i"
            >
              <div class="left_sell1">
                <span>{{ item.split(',')[0] }}</span>
                <span>{{ item.split(",")[0] }}</span>
              </div>
              <div class="right_sell1">
                <!-- <span>{{ }}</span> -->
              </div>
            </div>

          </div>
          <div class="right_h">
            <div class="t_ma">
              <span>{{ $t('hj81') }}</span>
              <span>{{ $t("hj81") }}</span>
            </div>
            <div class="ets" v-for="(item, i) in timedata.data.details" :key="i">
            <div
              class="ets"
              v-for="(item, i) in timedata.data.details"
              :key="i"
            >
              <div class="left_sell1">
                <span>{{ item.split(',')[1] }}</span>
                <span>{{ item.split(",")[1] }}</span>
              </div>
              <div class="right_sell1">
                <!-- <span>{{ }}</span> -->
              </div>
            </div>

          </div>
          <div class="right_h">
            <div class="t_ma">
              <span>{{ $t('hj82') }}</span>
              <span>{{ $t("hj82") }}</span>
            </div>
            <div class="ets" v-for="(item, i) in timedata.data.details" :key="i">
            <div
              class="ets"
              v-for="(item, i) in timedata.data.details"
              :key="i"
            >
              <div class="left_sell1">
                <span>{{ item.split(',')[2] }}</span>
                <span>{{ item.split(",")[2] }}</span>
              </div>
              <div class="right_sell1">
                <!-- <span>{{ }}</span> -->
              </div>
            </div>

          </div>
        </div>
      </div>
      <div class="jianjie" v-if="!(kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1)"
        :class="acseFlag ? 'isjj' : ''" ref="isjj" id="isjj">
      <!-- <div
        class="jianjie"
        v-if="
          !(kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1)
        "
        :class="acseFlag ? 'isjj' : ''"
        ref="isjj"
        id="isjj"
      >
        <div class="top_jj">
          <span>{{ $t('hj83') }}</span>
          <span>{{ $t("hj83") }}</span>
        </div>
        <div class="jet">
          <span>{{ jianjie }}</span>
        </div>
      </div>
      <div class="hknews" v-if="kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1">

      </div> -->
      <!-- <div
        class="hknews"
        v-if="
          kLineDetails.if_zhishu != '0' && singDetails.gid.indexOf('hk') > -1
        "
      >
        <div class="news-tab">
          <div class="t_title">
            <span>{{ $t('hj6') }}</span>
            <span>{{ $t("hj6") }}</span>
          </div>
          <mt-tab-container v-model="news" :swipeable="false" style="padding-top: 0.5rem;">
          <mt-tab-container
            v-model="news"
            :swipeable="false"
            style="padding-top: 0.5rem"
          >
            <mt-tab-container-item id="tab_2">
              <div class="news-content">
                <div class="item-out" v-for="(item, inde) in newsdetailList" :key="inde" >
                  <div class="item-times">{{ item.Art_ShowTime | utc2beijing }}</div>
                  <div class="titContent" style="-webkit-box-orient: vertical;">{{ item.Art_Title }}</div>
                <div
                  class="item-out"
                  v-for="(item, inde) in newsdetailList"
                  :key="inde"
                >
                  <div class="item-times">
                    {{ item.Art_ShowTime | utc2beijing }}
                  </div>
                  <div class="titContent" style="-webkit-box-orient: vertical">
                    {{ item.Art_Title }}
                  </div>
                </div>
              </div>
            </mt-tab-container-item>
          </mt-tab-container>
        </div>
      </div>
      <div class="hknews" v-else>
      </div> -->
      <!-- <div class="hknews" v-else>
        <div class="news-tab">
          <div class="t_title">
            <span>{{ $t('hj6') }}</span>
            <span>{{ $t("hj6") }}</span>
          </div>
          <mt-tab-container v-model="news" :swipeable="false" style="padding-top: 0.5rem;">
          <mt-tab-container
            v-model="news"
            :swipeable="false"
            style="padding-top: 0.5rem"
          >
            <mt-tab-container-item id="tab_2">
              <div class="news-content">
                <div class="item-out" v-for="(item, inde) in newsdetailList" :key="inde" @click="godetail(item)">
                <div
                  class="item-out"
                  v-for="(item, inde) in newsdetailList"
                  :key="inde"
                  @click="godetail(item)"
                >
                  <div class="item-times">{{ item.addTime | gettime }}</div>
                  <div class="titContent" style="-webkit-box-orient: vertical;">{{ item.title }}</div>
                  <div class="titContent" style="-webkit-box-orient: vertical">
                    {{ item.title }}
                  </div>
                </div>
              </div>
            </mt-tab-container-item>
          </mt-tab-container>
        </div>
      </div>
      </div> -->
      <!-- <div class="border_bottom"></div> -->
    </div>
    <div class="btns">
      <div class="lefts">
        <div class="left_ca" @click="option()">
          <img src="../../assets/img/meishoucang.png" alt v-if="isOptionOpt === false" />
          <img
            src="../../assets/img/meishoucang.png"
            alt
            v-if="isOptionOpt === false"
          />
          <img src="../../assets/img/shoucangle.png" alt v-else />
        </div>
        <div class="right_xx" @click="handleJj()">
@@ -342,18 +430,18 @@
      <div class="rights">
        <div class="buy_btn">
          <div class="top_buy" @click="goBuy(0)">
            <span>{{ $t('hj84') }}</span>
            <span>{{ $t("hj84") }}</span>
          </div>
          <div class="bottom_buy">
            <span>{{ singDetails.nowPrice }}</span>
            <span>₹{{ singDetails.nowPrice  }}</span>
          </div>
        </div>
        <div class="sell_btn" @click="goBuy(1)">
          <div class="top_sell">
            <span>{{ $t('hj85') }}</span>
            <span>{{ $t("hj85") }}</span>
          </div>
          <div class="bottom_sell">
            <span>{{ singDetails.nowPrice }}</span>
            <span>₹{{ singDetails.nowPrice  }}</span>
          </div>
        </div>
      </div>
@@ -362,154 +450,155 @@
</template>

<script>
import Kline from './components/kLine.vue'
import * as api from '@/axios/api'
import { Toast } from 'vant'
import Kline from "./components/kLine.vue";
import * as api from "@/axios/api";
import { Toast } from "vant";

export default {
  name: 'kline',
  data () {
  name: "kline",
  data() {
    return {
      news: 'tab_2',
      news: "tab_2",
      kLineDetails: {}, // K线图详情数据
      singDetails: {},
      scFlag: false,
      acseFlag: false,
      jianjie: '',
      jianjie: "",
      optionBtn: false,
      isOptionOpt: false,
      dialogFlag: false,
      timedata: [],
      newsdetailList: [],
      bayType: '',
      timer:null,
    }
      bayType: "",
      timer: null,
      key:0,
    };
  },
  components: {
    Kline
    Kline,
  },

  created () {
    const { query } = this.$route
    this.kLineDetails = query
    if (query.if_us === '1') {
      this.getSingDetailUs()
  created() {
    const { query } = this.$route;
    this.kLineDetails = query;
    if (query.if_us === "1") {
      this.getSingDetailUs();
    } else {
      this.timer = setInterval(()=>{
        this.getSingDetails()
      },500)
      this.timer = setInterval(() => {
        this.getSingDetails();
      }, 5000);
    }
    this.getOpation()
    this.getOpation();
    // this.$Lazyload();
    this.getUserInfo()
    this.getNohknews()
    this.getUserInfo();
    this.getNohknews();
  },
  beforeDestroy() {
      this.clearInterval(this.timer); // 在组件销毁前清除定时器
    this.clearInterval(this.timer); // 在组件销毁前清除定时器
  },
  // beforeDestroy() {
  //   this.Klinetype = false;
  //   window.clearInterval()
  // },
  methods: {
    async getHknews () {
      await api.queryIndexNews().then(res => {
    async getHknews() {
      await api.queryIndexNews().then((res) => {
        if (res.status === 0) {
          this.newsdetailList = res.data.data
          this.newsdetailList = res.data.data;
        }
      })
      });
    },
    async getNohknews () {
      let data = await api.queryNewsList(4)
      this.newsdetailList = data.data.list
    async getNohknews() {
      let data = await api.queryNewsList(4);
      this.newsdetailList = data.data.list;
    },
    async option () {
    async option() {
      if (this.optionBtn) {
        return
      };
      this.optionBtn = true
        return;
      }
      this.optionBtn = true;
      if (this.isOptionOpt) {
        let data = await api.delOption({ code: this.kLineDetails.code })
        let data = await api.delOption({ code: this.kLineDetails.code });
        if (data.status === 0) {
          this.getOpation()
          this.optionBtn = false
          this.getOpation();
          this.optionBtn = false;
          this.$message({
            message: this.$t('hj97'),
            type: 'success'
          })
            message: this.$t("hj97"),
            type: "success",
          });
        } else {
          this.optionBtn = false
          this.optionBtn = false;
          this.$message({
            message: data.msg,
            type: 'warning'
          })
            type: "warning",
          });
        }
      } else {
        let data = await api.addOption({ code: this.kLineDetails.code })
        let data = await api.addOption({ code: this.kLineDetails.code });
        if (data.status === 0) {
          this.getOpation()
          this.optionBtn = false
          this.getOpation();
          this.optionBtn = false;
          this.$message({
            message: this.$t('hj96'),
            type: 'success'
          })
            message: this.$t("hj96"),
            type: "success",
          });
        } else {
          this.$message({
            message: data.msg,
            type: 'warning'
          })
          this.optionBtn = false
            type: "warning",
          });
          this.optionBtn = false;
        }
      }
      if (navigator.vibrate) {
        // 支持
        navigator.vibrate([55])
        navigator.vibrate([55]);
      }
    },
    async getUserInfo () {
    async getUserInfo() {
      // 获取用户信息
      //   let showcookie = this.getCookie('USER_TOKEN');
      let data = await api.getUserInfo()
      let data = await api.getUserInfo();
      if (data.status === 0) {
        // this.getProductSetting()
        this.$store.state.userInfo = data.data
        this.$store.state.userInfo = data.data;
      } else {
        Toast(data.msg)
        Toast(data.msg);
      }
      this.$store.state.user = this.user
      this.$store.state.user = this.user;
    },
    async getOpation () {
    async getOpation() {
      let opts = {
        code: this.$route.query.code
      }
      let data = await api.isOption(opts)
        code: this.$route.query.code,
      };
      let data = await api.isOption(opts);
      if (data.status === 0) {
        // 0 --> 未添加
        this.isOptionOpt = false
        this.isOptionOpt = false;
      } else {
        this.isOptionOpt = true
        this.isOptionOpt = true;
      }
    },
    async getSingDetails () {
    async getSingDetails() {
      let opts = {
        code: this.kLineDetails.code,
        stockType: this.kLineDetails.type
      }
      await api.getSingleStock(opts).then(res => {
        stockType: this.kLineDetails.type,
      };
      await api.getSingleStock(opts).then((res) => {
        if (res.status === 0) {
          this.singDetails = res.data.stock
          this.bayType = res.data.stock.type
          this.singDetails = res.data.stock;
          this.bayType = res.data.stock.type;

          if (res.data.introduction) {
            this.jianjie = res.data.introduction
            this.jianjie = res.data.introduction;
          } else {
            this.jianjie = res.data.indexintroduction
            this.jianjie = res.data.indexintroduction;
          }
          const obj = {
            pid: res.data.stock.code,
            type: res.data.stock.type
          }
          window.localStorage.setItem('kLine', JSON.stringify(obj))
            type: res.data.stock.type,
          };
          window.localStorage.setItem("kLine", JSON.stringify(obj));
          // console.log(this.singDetails)
          // if (this.kLineDetails.if_zhishu !== '0' && this.singDetails.gid.indexOf('hk') > -1) {
          //   this.getHknews()
@@ -520,14 +609,14 @@
          //       this.getSingDetails(); // 再次调用自身，形成递归效果
          // }, 500);
        }
      })
      });
    },
    async getSingDetailUs () {
    async getSingDetailUs() {
      let opts = {
        code: this.kLineDetails.code,
        stockType: this.kLineDetails.type
      }
      await api.getUsDetail(opts).then(res => {
        stockType: this.kLineDetails.type,
      };
      await api.getUsDetail(opts).then((res) => {
        // console.log(res,1111123);
        // var that = this
        // if(!res){
@@ -537,49 +626,48 @@

        // }
        if (res.status === 0) {
          this.singDetails = res.data.stock
          this.timedata = res.data.timedata
          this.singDetails = res.data.stock;
          this.timedata = res.data.timedata;
          if (res.data.introduction) {
            this.jianjie = res.data.introduction
            this.jianjie = res.data.introduction;
          } else {
            this.jianjie = res.data.indexintroduction
            this.jianjie = res.data.indexintroduction;
          }
          this.getNohknews()
          console.log(this.singDetails)
          this.getNohknews();
          console.log(this.singDetails);
        }
      })
      });
    },
    handleJj () {
      this.acseFlag = true
    handleJj() {
      this.acseFlag = true;
      setTimeout(() => {
        this.acseFlag = false
      }, 1000)
        this.acseFlag = false;
      }, 1000);
      if (navigator.vibrate) {
        // 支持
        navigator.vibrate([55])
        navigator.vibrate([55]);
      }
    },
    handleBackaa () {

    handleBackaa() {
      clearInterval(this.timer);
      window.localStorage.removeItem('kLine')
      this.$router.go(-1)
      window.localStorage.removeItem("kLine");
      this.$router.go(-1);
    },
    handleSc () {
      this.scFlag = !this.scFlag
    handleSc() {
      this.scFlag = !this.scFlag;
    },
    godetail(item){
    godetail(item) {
      this.$router.push({
        path: '/newPage',
        path: "/newPage",
        query: {
          listid: item.id
        }
      })
          listid: item.id,
        },
      });
    },
    goBuy (index) {
    goBuy(index) {
      clearInterval(this.timer);
      this.$router.push({
        path: '/TradingBuy',
        path: "/TradingBuy",
        query: {
          t: index,
          code: this.kLineDetails.code,
@@ -587,76 +675,81 @@
          type: this.kLineDetails.if_zhishu,
          id: this.singDetails.id,
          name: this.kLineDetails.name,
          spell: this.singDetails.spell,
          if_us: this.kLineDetails.if_us,
          bayType: this.bayType
        }
      })
          bayType: this.bayType,
          gid: this.singDetails.gid,
        },
      });
      if (navigator.vibrate) {
        // 支持
        navigator.vibrate([55])
        navigator.vibrate([55]);
      }
    }
    },
  },
  filters: {
    getName (spell) {
    getName(spell) {
      // if (name.length > 15) {
      //   return name.substring(0, 14)
      // } else {
        return spell
      return spell;
      // }
    },
    gettime (time) {
    gettime(time) {
      if (!time) {
        return ''
        return "";
      }
      var nd = new Date(time)
      var y = nd.getFullYear()
      var mm = nd.getMonth() + 1
      var d = nd.getDate()
      var h = nd.getHours()
      var m = nd.getMinutes()
      var c = nd.getSeconds()
      var nd = new Date(time);
      var y = nd.getFullYear();
      var mm = nd.getMonth() + 1;
      var d = nd.getDate();
      var h = nd.getHours();
      var m = nd.getMinutes();
      var c = nd.getSeconds();
      if (mm < 10) {
        mm = '0' + mm
        mm = "0" + mm;
      }
      if (d < 10) {
        d = '0' + d
        d = "0" + d;
      }
      if (h < 10) {
        h = '0' + h
        h = "0" + h;
      }
      if (m < 10) {
        m = '0' + m
        m = "0" + m;
      }
      if (c < 10) {
        c = '0' + c
        c = "0" + c;
      }
      // 17:35:2922-06-2022
      return d + '/' + mm + '/' + y + ' ' + h + ':' + m + ':' + c  //日月年时分秒
      return d + "/" + mm + "/" + y + " " + h + ":" + m + ":" + c; //日月年时分秒
      // return y + '-' + mm + '-' + d + ' ' + h + ':' + m + ':' + c
    },
    utc2beijing (utcDatetime) {
    utc2beijing(utcDatetime) {
      // 转为正常的时间格式 年-月-日 时:分:秒
      var tPos = utcDatetime.indexOf('T')
      var tPos = utcDatetime.indexOf("T");
      // var Z_pos = utcDatetime.indexOf('Z')
      var yearMonthDay = utcDatetime.substr(0, tPos)
      var hourMinuteSecond = utcDatetime.substr(tPos + 1, tPos - tPos - 1)
      var newDatetime = yearMonthDay + ' ' + hourMinuteSecond // 2017-03-31 08:02:06
      var yearMonthDay = utcDatetime.substr(0, tPos);
      var hourMinuteSecond = utcDatetime.substr(tPos + 1, tPos - tPos - 1);
      var newDatetime = yearMonthDay + " " + hourMinuteSecond; // 2017-03-31 08:02:06

      // 处理成为时间戳
      var timestamp = new Date(Date.parse(newDatetime))
      timestamp = timestamp.getTime()
      timestamp = timestamp / 1000
      var timestamp = new Date(Date.parse(newDatetime));
      timestamp = timestamp.getTime();
      timestamp = timestamp / 1000;

      // 增加8个小时，北京时间比utc时间多八个时区
      var timestamp2 = timestamp + 8 * 60 * 60
      var timestamp2 = timestamp + 8 * 60 * 60;

      // 时间戳转为时间
      var beijingDatetime = new Date(parseInt(timestamp2) * 1000).toLocaleString().replace(/年|月/g, '-').replace(/日/g, ' ')
      return beijingDatetime // 2017-03-31 16:02:06
    }
  }
}
      var beijingDatetime = new Date(parseInt(timestamp2) * 1000)
        .toLocaleString()
        .replace(/年|月/g, "-")
        .replace(/日/g, " ");
      return beijingDatetime; // 2017-03-31 16:02:06
    },
  },
};
</script>

<style scoped lang="less">
@@ -693,12 +786,12 @@
  /deep/.is-selected .tab-name:after {
    position: absolute;
    display: block;
    content: '';
    height: .07rem;
    background-color: #1381A4;
    content: "";
    height: 0.07rem;
    background-color: #1381a4;
    width: 100%;
    left: 0;
    bottom: -.25rem;
    bottom: -0.25rem;
  }
}

@@ -729,8 +822,8 @@
.titContent {
  position: relative;
  width: 100%;
  font-size: .35rem;
  line-height: .46rem;
  font-size: 0.35rem;
  line-height: 0.46rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
@@ -747,7 +840,7 @@
  height: calc(100% - 1.7rem);
  overflow: auto;

  >.content {
  > .content {
    width: 100%;
    height: 100%;
    position: relative;
@@ -780,7 +873,7 @@
      display: flex;
      align-items: center;

      >img {
      > img {
        margin-top: 0.2rem;
        width: 0.6rem;
        height: 0.6rem;
@@ -817,7 +910,7 @@

.k_line_detail {
  width: 100%;
  height: 8.3rem;
  height: calc(100vh - 300px);
  background: #fff;
  border-radius: 0 0 0.3rem 0.3rem;
}
@@ -838,10 +931,10 @@
    .top_now {
      width: 100%;
      // height: 65%;
      font-size: 0.741rem;
      font-size: 25px;
      display: flex;
      align-items: center;

      font-weight: bold;
      span {
        font-weight: 500;
      }
@@ -861,23 +954,23 @@
  }

  .right_ets {
    max-width: 60%;
    max-width: 70%;
    height: 100%;

    >div {
    > div {
      width: 100%;
      padding: 0.15rem 0;
      display: flex;
      align-items: center;

      >div {
      > div {
        // width: 50%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0.1rem;
        .titles{
        .titles {
          padding-right: 0.1rem;
        }
      }
@@ -936,7 +1029,7 @@
    justify-content: space-between;
    margin-top: 0.6rem;

    >div {
    > div {
      width: 49%;
      height: 100%;
    }
@@ -957,7 +1050,7 @@
  display: flex;
  margin-top: 0.08rem;

  >div {
  > div {
    width: 50%;
    height: 100%;
    display: flex;
@@ -1041,7 +1134,7 @@
    display: flex;
    align-items: center;

    >div {
    > div {
      width: 50%;
      height: 100%;
      display: flex;
@@ -1062,7 +1155,7 @@
    align-items: center;
    justify-content: space-around;

    >div {
    > div {
      border-radius: 0.15rem;
    }

@@ -1172,10 +1265,10 @@
}

.isjj {
  animation: zy 2.5s .15s linear infinite;
  animation: zy 2.5s .15s linear infinite;
  animation: zy 2.5s .15s linear infinite;
  animation: zy 2.5s .15s linear infinite;
  animation: zy 2.5s 0.15s linear infinite;
  animation: zy 2.5s 0.15s linear infinite;
  animation: zy 2.5s 0.15s linear infinite;
  animation: zy 2.5s 0.15s linear infinite;
  animation: zy 2.5s 0.15s linear infinite;
  animation: zy 2.5s 0.15s linear infinite;
  animation: zy 2.5s 0.15s linear infinite;
@@ -1254,5 +1347,4 @@
  margin-left: 0.2rem;
  padding-right: 0.68rem;
}

</style>