工作163:eachrt修改

<template><div><el-card><el-card><time-selects @GetTime="GetTime"></time-selects><!--第一步 页面--><div id="main" :style="{ width: '1000px', height: '300px' }"></div><div id="main1" :style="{ width: '1000px', height: '300px' }"></div></el-card></el-card><!--     <el-card><div slot="header" class="clearfix"><span>订单信息</span></div><el-form ref="form" :model="form" size="medium"><el-form-item label="任务名称" :label-width="formLabelWidth"><el-input v-model="form.order.name" autocomplete="off"/></el-form-item></el-form><el-form ref="form" :model="form" size="medium"><el-form-item label="客户名称" :label-width="formLabelWidth"><el-input v-model="form.order.client" autocomplete="off"/></el-form-item></el-form><el-form ref="form" :model="form" size="medium"><el-form-item label="订单编号" :label-width="formLabelWidth"><el-input v-model="form.order.order_number" autocomplete="off"/></el-form-item></el-form><el-form ref="form" :model="form" size="medium"><el-form-item label="业务单元" :label-width="formLabelWidth"><el-input v-model="form.order.business_module" autocomplete="off"/></el-form-item></el-form><el-form ref="form" :model="form" size="medium"><el-form-item label="订单金额" :label-width="formLabelWidth"><el-input v-model="form.order.money" autocomplete="off"/></el-form-item></el-form></el-card>--><!-- <el-card><div id="main" :style="{ width: '1000px', height: '300px' }"></div><div id="main1" :style="{ width: '1000px', height: '300px' }"></div></el-card><el-card><div v-for="item in form.departmentList" :key="item.department.id"><span>{{item.department.name}}</span><div v-for="row in item.accounts"><el-form ref="form" :model="row" size="medium"><span><img :src="row.account.pavg" alt="">{{row.account.name}}</span><el-form-item label="任务名称" label-width="140px"><el-input v-model="row.name" autocomplete="off" disabled/></el-form-item><div class="block"><el-form-item label="发布日期" :label-width="formLabelWidth"><el-date-pickerv-model="row.start_time"type="date"disabled></el-date-picker></el-form-item></div><el-form-item label="传播量" :label-width="formLabelWidth"><el-input v-model="form.order.name" autocomplete="off" disabled/></el-form-item></el-form></div></div></el-card>--></div>
</template><script>
/*第二步引入eachart 引入时间组件*/
import TimeSelects from "@/views/Detaildata/DetailApp/components/TimeSelects";
import echarts from "echarts";
import {getAction} from "@/api";export default {components: {TimeSelects},props: {id: {type: String,}},data() {return {value1: '',form: {},formLabelWidth: "140px",url: {view: "/home/detail"},StartTime:'',EndTime:'',ArrUsername:[1,2,3],DepartMents:[],option:[],}},created() {this.detail(this.id);/* this.detail(this.id);*/},mounted() {this.GetEchart();},methods:{detail(id) {getAction(this.url.view + '/' + id).then(res => {this.form = res.data;})},GetEchart(){console.log(1)let myChart = echarts.init(document.getElementById("main"));let option = {xAxis: {type: 'category',data: this.DepartMents},yAxis: {type: 'value'},series: [{data: [120, 200],type: 'bar',showBackground: true,backgroundStyle: {color: 'rgba(220, 220, 220, 0.8)'}}]};myChart.setOption(option);console.log(option)},GetTime(val){/*数据转换为时间戳*/console.log(2)this.StartTime=val[0].getTime()this.EndTime=val[1].getTime()getAction("/home/detail/"+this.id,{start:this.StartTime,stop:this.EndTime}).then(res=>{console.log(res)let ArrUsername=[]let DepartMent=[]res.data.account_amount.map((value,index)=>{ArrUsername.push(value.name)/* console.log(ArrUsername)*/})res.data.detpartment_amount.map((value,index)=>{DepartMent.push(value.name)/*console.log(DepartMent)*/this.DepartMents=DepartMent/* this.DepartMents=["2","2"]*//* console.log(this.DepartMents)*/})/* console.log(this.DepartMents)*/this.GetEchart()})}},}
</script>
<style lang="scss"></style>

工作163:eachrt修改相关推荐

设置Jupyter notebook 默认工作路径，修改Jupyter notebook 默认浏览器为Chrome
这里写目录标题一设置Jupyter notebook 默认工作路径二修改Jupyter notebook 默认浏览器为Chrome 一设置Jupyter notebook 默认工作路径安装 ...
【嵌入式开发】ARM 处理器工作模式及修改方法 ( 处理器模式 | 设置处理器模式 | 程序状态字寄存器 CPSR SPSR | 模式设置代码编写 | 设置 svc 模式 )
一. 处理器工作模式相关介绍 1. 处理器模式简介 (1) 处理器工作模式分类 (2) 处理器不同工作模式区别 (3) Linux 系统运行的模式 (4) 特权模式说明 (5) 异常模式 (6) 系 ...
Excel工作表如何修改表名？我的为什么不可以？
excel文件中的工作表默认的工作表名是Sheet 1,想要修改工作表的名字只要双击工作表名就会出现光标,删除点默认名称,输入想要修改的名字就可以了. 如果想要对工作表还有其他操作,可以右键点击工作表 ...
linux配置163镜像,修改yum使用163开源镜像升级CentOS
yum使用http://mirror.centos.org/的镜像升级和下载软件有点小慢,现在网易干了件好事就是有了http://mirrors.163.com/这个开源镜像站,速度还不是一般的快. ...
5.21工作记录（修改页面跳转，去掉多余的js；增加图片清除功能）
导出的war包给测试却发现还是以前的效果,虽然代码都没有问题,而且本地我这里是没有任何问题但是改了的东西在那边未生效网上说是因为缓存没清干净,然后我去删了本地的全部代码重新导入删项目重新导的时候发 ...
数据库工作笔记001---mysql 修改字符集_修改排序规则
JAVA技术交流QQ群:170933152 用到了,就整理出来,下次查阅看看下面这个比较好: 创建数据库时候设置编码: gbk: create database '数据库名' default cha ...
PostGreSql工作笔记004---PostGreSql修改密码_windows和linux下修改
JAVA技术交流QQ群:170933152 1. 修改PostgreSQL数据库默认用户postgres的密码 2. 修改linux系统postgres用户的密码回到顶部 1. 修改PostgreS ...
工作336:uni-ele-el-table修改宽度问题
<el-table-columnfixed="right"header-align="center"label="操作"width=& ...
工作136:eachrt
<template><div><el-card><div slot="header" class="clearfix" ...

工作163:eachrt修改

工作163:eachrt修改相关推荐

最新文章

热门文章