工作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>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/415315.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Android 使用ViewPager实现view轮播效果,单个item分页样式,多个item分页样式,横向listview

效果 单个item样式 多个item样式 横向item 自定义viewpager——可开关切换动画 public class NoAnimationViewPager extends ViewPager {public NoAnimationViewPager(Context context) {super(context);}public NoAnimationViewPager(Context context, AttributeSet attrs) …

工作164:对父和混入的理解

1点击按钮看编辑事件 2点击编辑之后 对当前页面的方法进行调用 3找到子组件下面的混入方法 create下面引入混入 4找到子组件混入下面的混入方法 5找到下面的getlist方法

工作165:混入调用的时候

直接created里面定义 不需要在其他位置进行过多操作

工作166:错误的处理方式

1这种处理没有数据 2 这样处理勉强调用了接口 但是获取数据还是有问题

07异常处理

1、 【请尝试解释以下奇怪的现象&#xff01;】 int i1, j0, k; ki/j; 代码在运行时会引发异常 上边代码在运行时不会引发异常 浮点数除以0&#xff1a;Infinity 可以使用javap去反汇编两个示例程序的.class文件&#xff08;一个是AboutException.class&#xff0c;另一个是Thr…

工作166:正确eachrt渲染方式

1第一步 2第二步 3第三步

Effective C++: 06继承与面向对象设计

32&#xff1a;确定你的public继承塑模出is-a关系 以C进行面向对象编程&#xff0c;最重要的一个规则是&#xff1a;public继承表示的是"is-a"&#xff08;是一种&#xff09;的关系。 如果令class D以public形式继承class B&#xff0c;你便是告诉编译器说&#xff…

工作168:代码中的删除逻辑处理

1首先找到对应方法里面的删除方法 2点击之后进行删除操作 在当前方法里面直接进行混入删除 删除结束

Android侧滑删除-RecyclerView轻松实现高效的侧滑菜单

1 删除整个RecyclerView hisList.clear(); hisAdapter.notifyDataSetChanged(); mScanListAdapter.setNewData(null); 刚开始只是使用了list.clear() 方法就是没有效果&#xff0c;最后想起来了忘记了notifyDataSetChanged 刷新了 2 RecyclerView 删除Item hisList.remov…

前端学习(2645):懂代码之header表头页之未读消息

<!-- 消息中心 --><div class"btn-bell"><el-tooltipeffect"dark":content"message?有${message}条未读消息:消息中心"placement"bottom"><router-link to"/tabs"><i class"el-icon-bell&…

工作173:一级控制二级菜单的变化

1第一步 组件封装 利用$emit触发 触发结束 页面进行渲染 <!--封装部门选择的插件 需要的组件 子组件--> <template><el-select :value"value" placeholder"请选择所属部门" change"handleChange"><el-optionv-for&quo…

工作169:vue项目报错[Vue warn]: Property “visible“ must be accessed with “$data.visible“ because properties

vue项目中报错&#xff1a; [Vue warn]: Property "visible" must be accessed with "$data.visible" because properties starting with "$" or "_" are not proxied in the Vue instance to prevent conflicts with Vue internalsS…

Python 开篇及第一个Python程序

本节内容 python 简单介绍python 2.x 或者python 3.xpython 安装第一个python程序一、python简单介绍 python的创始人为吉多.范罗苏姆(Guido van Rossum)。1989年的圣诞节期间&#xff0c;吉多.范罗苏姆为了在阿姆斯特丹打发时间&#xff0c;决心开发一个新的脚本解释程序&…

工作171:阅读账号里面的新增调用接口操作

第一步 点击新增操作 第二步 找到当前组件下面的 add的方法 第三步 找到子组件下面的混入方法

docker查看容器并运行

1、查看所有容器 docker ps -a结果 2、运行容器 docker start 56b90db5253e