From bc2a7316ce753a6731d9d93faf553f450a9ccda3 Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Sun, 21 Apr 2024 13:43:06 +0800
Subject: [PATCH] first
---
src/page/kline/index copy.vue | 581 +++++++++++++++++++++++++++++++++++----------------------
1 files changed, 352 insertions(+), 229 deletions(-)
diff --git a/src/page/kline/index copy.vue b/src/page/kline/index copy.vue
index e65d4c7..d706905 100644
--- a/src/page/kline/index copy.vue
+++ b/src/page/kline/index copy.vue
@@ -8,7 +8,7 @@
<img src="../../assets/img/zuojiantou.png" alt />
</div>
<div class="right_title">
- <div class="t_t" style="white-space: nowrap;">
+ <div class="t_t" style="white-space: nowrap">
<span>{{ kLineDetails.name | getName }}</span>
</div>
<div class="b_t">
@@ -20,23 +20,51 @@
<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
+ <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
}}
</span>
</div>
@@ -51,7 +79,7 @@
</div>
<div class="bottom_balance">
<div>
- <span>{{ $t('hj48') }}</span>
+ <span>{{ $t("hj48") }}</span>
</div>
</div>
</div>
@@ -60,52 +88,90 @@
<div class="real_time_detail">
<div class="left_now_price">
<div class="top_now">
- <span :class="singDetails.nowPrice - singDetails.preclose_px > 0 ? 'price green' : 'price red'">{{
- singDetails.nowPrice
- }}</span>
+ <span
+ :class="
+ singDetails.nowPrice - singDetails.preclose_px > 0
+ ? 'price green'
+ : 'price red'
+ "
+ >{{ singDetails.nowPrice }}</span
+ >
</div>
<div class="bottom_now">
<div>
<span v-if="singDetails.nowPrice == 0">-</span>
- <span v-else>{{ singDetails.nowPrice - singDetails.preclose_px > 0
- ? '+' : ''
- }}{{ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2) }}</span>
+ <span v-else
+ >{{
+ singDetails.nowPrice - singDetails.preclose_px > 0
+ ? "+"
+ : ""
+ }}{{
+ (singDetails.nowPrice - singDetails.preclose_px).toFixed(2)
+ }}</span
+ >
</div>
- <div class="tew"
- :class="singDetails.nowPrice - singDetails.preclose_px > 0 ? 'number green' : 'number red'">
+ <div
+ class="tew"
+ :class="
+ singDetails.nowPrice - singDetails.preclose_px > 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 ? 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="singDetails.nowPrice - singDetails.preclose_px > 0 ? 'number green' : 'number red'">{{
- singDetails.open_px
- }}</span>
+ <span class="titles">{{ $t("hj72") }}</span>
+ <span
+ :class="
+ singDetails.nowPrice - singDetails.preclose_px > 0
+ ? 'number green'
+ : 'number red'
+ "
+ >{{ singDetails.open_px }}</span
+ >
</div>
<div class="rights topes">
- <span class="titles">{{ $t('hj73') }}</span>
- <span :class="singDetails.nowPrice - singDetails.preclose_px > 0 ? 'number green' : 'number red'">{{
- singDetails.today_max
- }}</span>
+ <span class="titles">{{ $t("hj73") }}</span>
+ <span
+ :class="
+ singDetails.nowPrice - singDetails.preclose_px > 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="singDetails.nowPrice - singDetails.preclose_px > 0 ? 'number green' : 'number red'">{{
- singDetails.preclose_px
- }}</span>
+ <span class="titles">{{ $t("hj74") }}</span>
+ <span
+ :class="
+ singDetails.nowPrice - singDetails.preclose_px > 0
+ ? 'number green'
+ : 'number red'
+ "
+ >{{ singDetails.preclose_px }}</span
+ >
</div>
<div class="rights bots">
- <span class="titles">{{ $t('hj75') }}</span>
- <span :class="singDetails.nowPrice - singDetails.preclose_px > 0 ? 'number green' : 'number red'">{{
- singDetails.today_min
- }}</span>
+ <span class="titles">{{ $t("hj75") }}</span>
+ <span
+ :class="
+ singDetails.nowPrice - singDetails.preclose_px > 0
+ ? 'number green'
+ : 'number red'
+ "
+ >{{ singDetails.today_min }}</span
+ >
</div>
</div>
</div>
@@ -114,15 +180,23 @@
<div class="k_line_detail">
<Kline :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">
@@ -167,7 +241,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">
@@ -199,7 +273,6 @@
</div>
<div class="right_sell1">
<span>{{ singDetails.buy4_num }}</span>
-
</div>
</div>
<div class="ets">
@@ -215,74 +288,102 @@
</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>
+ <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>
+ <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 in timedata.data.details">
<div class="left_sell1">
- <span>{{ item.split(',')[2] }}</span>
+ <span>{{ item.split(",")[2] }}</span>
</div>
<div class="right_sell1">
- <span>{{ }}</span>
+ <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
+ 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>
@@ -292,14 +393,24 @@
<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">
+ <div
+ class="item-out"
+ v-for="(item, inde) in newsdetailList"
+ :key="inde"
+ >
<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>
@@ -311,7 +422,11 @@
<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()">
@@ -321,7 +436,7 @@
<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>
@@ -329,7 +444,7 @@
</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>
@@ -341,40 +456,40 @@
</template>
<script>
-import Kline from './components/kLine.vue'
-import * as api from '@/axios/api'
+import Kline from "./components/kLine.vue";
+import * as api from "@/axios/api";
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: []
- }
+ newsdetailList: [],
+ };
},
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.getSingDetails()
+ this.getSingDetails();
}
- this.getOpation()
+ this.getOpation();
// this.$Lazyload();
- this.getUserInfo()
+ this.getUserInfo();
},
// beforeDestroy() {
@@ -382,113 +497,116 @@
// 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.singDetails = res.data.stock;
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;
}
- console.log(this.singDetails)
- if (this.kLineDetails.if_zhishu != '0' && this.singDetails.gid.indexOf('hk') > -1) {
- this.getHknews()
+ console.log(this.singDetails);
+ if (
+ this.kLineDetails.if_zhishu != "0" &&
+ this.singDetails.gid.indexOf("hk") > -1
+ ) {
+ this.getHknews();
} else {
- this.getNohknews()
+ this.getNohknews();
}
}
- })
+ });
},
- 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){
@@ -498,37 +616,37 @@
// }
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]);
}
},
- handleBack () {
- this.$router.go(-1)
+ handleBack() {
+ this.$router.go(-1);
},
- handleSc () {
- this.scFlag = !this.scFlag
+ handleSc() {
+ this.scFlag = !this.scFlag;
},
- goBuy (index) {
+ goBuy(index) {
this.$router.push({
- path: '/TradingBuy',
+ path: "/TradingBuy",
query: {
t: index,
code: this.kLineDetails.code,
@@ -536,74 +654,80 @@
type: this.kLineDetails.if_zhishu,
id: this.singDetails.id,
name: this.kLineDetails.name,
- if_us: this.kLineDetails.if_us
- }
- })
+ if_us: this.kLineDetails.if_us,
+ },
+ });
if (navigator.vibrate) {
// 支持
- navigator.vibrate([55])
+ navigator.vibrate([55]);
}
- }
+ },
},
filters: {
- getName (name) {
+ getName(name) {
if (name.length > 15) {
- return name.substring(0, 14)
+ return name.substring(0, 14);
} else {
- return name
+ return name;
}
},
- 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 y + '-' + mm + '-' + d + ' ' + h + ':' + m + ':' + c
+ return y + "-" + mm + "-" + d + " " + h + ":" + m + ":" + c;
},
- utc2beijing (utc_datetime) {
+ utc2beijing(utc_datetime) {
// 转为正常的时间格式 年-月-日 时:分:秒
- var T_pos = utc_datetime.indexOf('T')
- var Z_pos = utc_datetime.indexOf('Z')
- var year_month_day = utc_datetime.substr(0, T_pos)
- var hour_minute_second = utc_datetime.substr(T_pos + 1, Z_pos - T_pos - 1)
- var new_datetime = year_month_day + ' ' + hour_minute_second // 2017-03-31 08:02:06
+ var T_pos = utc_datetime.indexOf("T");
+ var Z_pos = utc_datetime.indexOf("Z");
+ var year_month_day = utc_datetime.substr(0, T_pos);
+ var hour_minute_second = utc_datetime.substr(
+ T_pos + 1,
+ Z_pos - T_pos - 1
+ );
+ var new_datetime = year_month_day + " " + hour_minute_second; // 2017-03-31 08:02:06
// 处理成为时间戳
- timestamp = new Date(Date.parse(new_datetime))
- timestamp = timestamp.getTime()
- timestamp = timestamp / 1000
+ timestamp = new Date(Date.parse(new_datetime));
+ timestamp = timestamp.getTime();
+ timestamp = timestamp / 1000;
// 增加8个小时，北京时间比utc时间多八个时区
- var timestamp = timestamp + 8 * 60 * 60
+ var timestamp = timestamp + 8 * 60 * 60;
// 时间戳转为时间
- var beijing_datetime = new Date(parseInt(timestamp) * 1000).toLocaleString().replace(/年|月/g, '-').replace(/日/g, ' ')
- return beijing_datetime // 2017-03-31 16:02:06
- }
- }
-}
+ var beijing_datetime = new Date(parseInt(timestamp) * 1000)
+ .toLocaleString()
+ .replace(/年|月/g, "-")
+ .replace(/日/g, " ");
+ return beijing_datetime; // 2017-03-31 16:02:06
+ },
+ },
+};
</script>
<style scoped lang="less">
@@ -640,12 +764,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;
}
}
@@ -676,8 +800,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;
@@ -694,7 +818,7 @@
height: calc(100% - 1.7rem);
overflow: auto;
- >.content {
+ > .content {
width: 100%;
height: 100%;
position: relative;
@@ -727,7 +851,7 @@
display: flex;
align-items: center;
- >img {
+ > img {
margin-top: 0.2rem;
width: 0.6rem;
height: 0.6rem;
@@ -811,20 +935,20 @@
max-width: 60%;
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;
}
}
@@ -883,7 +1007,7 @@
justify-content: space-between;
margin-top: 0.6rem;
- >div {
+ > div {
width: 49%;
height: 100%;
}
@@ -904,7 +1028,7 @@
display: flex;
margin-top: 0.08rem;
- >div {
+ > div {
width: 50%;
height: 100%;
display: flex;
@@ -988,7 +1112,7 @@
display: flex;
align-items: center;
- >div {
+ > div {
width: 50%;
height: 100%;
display: flex;
@@ -1009,7 +1133,7 @@
align-items: center;
justify-content: space-around;
- >div {
+ > div {
border-radius: 0.15rem;
}
@@ -1119,10 +1243,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;
@@ -1201,5 +1325,4 @@
margin-left: 0.2rem;
padding-right: 0.68rem;
}
-
</style>
--
Gitblit v1.9.3