工作288:根据时间戳处理接口

<template><div class="table-list-page"><div class="query-area"><el-date-pickerv-model="value1"type="daterange"range-separator="至"start-placeholder="开始日期"end-placeholder="结束日期"@change="choose"></el-date-picker><el-radio-groupv-model="query.search_time"style="float: right;margin-right: 20px"@change="ListSearch()"><el-radio-button  label="30">全部</el-radio-button><el-radio-button  label="1">昨日</el-radio-button><el-radio-button  label="7">近七日</el-radio-button></el-radio-group><!-- <el-radio-groupv-model="query.search_time"style="float: right"><el-radio-button label="">全部</el-radio-button><el-radio-button label="1">昨日</el-radio-button><el-radio-button label="2">近七日</el-radio-button></el-radio-group>--></div><div><el-table :data="tableData" style="width: 100%" border>
<!--        <el-table-column label="id" prop="1" align="center"></el-table-column>--><!--渲染账号名称--><el-table-column label="账号名称" prop="name" align="center" style="width: 50px"></el-table-column><!--渲染时间--><el-table-column align="center" v-for="item in time" :label="item" :prop="item"><!--渲染表格里面的数据--><template slot-scope="scope"><el-popover trigger="hover" placement="top"  v-for="(row,index) in scope.row[item]" :key="index"><p>任务名称: {{ row.name }}</p><p>发布时间: {{ row.start_time }}</p><p>任务状态: {{ row.status_name }}</p><div slot="reference" class="name-wrapper" style="margin-top: 10px"><el-tag size="medium">{{ row.name }}</el-tag></div></el-popover></template></el-table-column></el-table></div></div>
</template><script>import CustomTable from "@/component/table/CustomTable";
import {getAction} from "@/api";
export default {Prop:["tableData"],name: "Task",components: {CustomTable,},created() {getAction("/task/arrange").then(res=>{console.log(res)this.tableData=res.data.itemsthis.time=res.data.time})},data() {return {value1:'',menus:[],status:[],/*表头*/query:{},/*绑定的taskTableData里面的数据*/tableData: [],time: [],};},methods:{choose(){console.log(111111)console.log(this.value1)console.log(this.value1[0].valueOf()/1000)console.log(this.value1[1].valueOf())getAction("/task/arrange",{start_time:this.value1[0].valueOf()/1000,end_time:this.value1[1].valueOf()/1000,}).then(res=>{this.tableData=res.data.itemsthis.time=res.data.time})},getNextDate(date, day) {var dd = new Date(date);dd.setDate(dd.getDate() + day);var y = dd.getFullYear();var m = dd.getMonth() + 1 < 10 ? "0" + (dd.getMonth() + 1) : dd.getMonth() + 1;var d = dd.getDate() < 10 ? "0" + dd.getDate() : dd.getDate();return y + "-" + m + "-" + d;},ListSearch(){console.log(this.query.search_time)var mydata= new Date();console.log(mydata.toLocaleDateString());console.log(this.getNextDate(mydata.toLocaleDateString(),-1))console.log(this.getNextDate(mydata.toLocaleDateString(),-1).valueOf())console.log(parseInt((mydata.valueOf()/1000)))getAction("/task/arrange",{start_time: parseInt((mydata.valueOf()/1000)),end_time: parseInt(((mydata.valueOf()+86400000*this.query.search_time)/1000))}).then(res=>{this.tableData=res.data.itemsthis.time=res.data.time})/*   getAction("/task/arrange",{page: 1,limit: 10,query: {search_time:this.query.search_time}})*/},}
};
</script><style lang="scss" scoped>
.el-table .cell {white-space: nowrap;
}
@import "@/assets/style/table";
</style>

工作288:根据时间戳处理接口相关推荐

android camera(二)：摄像头工作原理、s5PV310 摄像头接口（CAMIF）
关键词: android camera CMM 模组 camera参数 CAMIF 平台信息: 内核: linux 系统: android 平台:S5PV310(samsung exynos 42 ...
请举例说明微型计算机的工作过程,简答题(计算机接口技术小作业)
计算机接口技术简答题 1. 8086/8088的EU与BIU各表示什么含义?各自的功能是什么? 答:EU是8088/8088微处理器的执行部件,BIU是8088/8088微处理器的总线接口部件.EU的 ...
python脚本实战---修改时间戳与接口请求
涉及模块 1.python日期与时间戳的转换2. 获取非当前日期时间戳3. 更新sql数据4. 接口调用需求点修改data_user_cpl_reward表中数据A为前一日数据调用清除缓存接口 ...
工作177：时间戳转换
main.js // 将时间戳转日期格式的过滤器 Vue.filter('dateFormat', (dataStr) => {var time = new Date(dataStr);func ...
C++工作笔记-C++代码实现接口的概念
接口:不能实例化的东西,只需把构造函数私有化即可! 源码如下: PrintMainViewProxy.h #ifndef __PRINTMAINVIEWPROXY_H__ #define __PRIN ...
STM32工作笔记0056---认识DB9接口
技术交流QQ群[JAVA,C++,Python,.NET,BigData,AI]:170933152 个人理解,DB9就是类似插入电脑屏幕的,原来的旧的接口,这个 DB9中电路是RS232的电平,电路 ...
springcloud工作笔记097---idea集成Mapper接口点击后自动跳转到对应的xml文件中
技术交流QQ群[JAVA,C++,Python,.NET,BigData,AI]:170933152 选择File-->setting-->找到plugins-->右下有个Brow ...
疫情数据分析平台工作报告【2】接口API
接口api申请请求接口:/nCoV/api/overall 请求方式:GET 返回自爬虫运行开始(2020年1月24日下午4:00)至今,病毒研究情况以及全国疫情概览,可指定返回数据为最新发布数据或 ...
工作288:跨组件传值
putAction("/order/"+this.$parent.$parent.ListId+"/status",{status:-1,remark: thi ...

工作288:根据时间戳处理接口

工作288:根据时间戳处理接口相关推荐

最新文章

热门文章