| | |
| | | <template> |
| | | <div class="class_overview"> |
| | | <div class="class_overview" > |
| | | <div style="float: left; width: 100%; height: 50px;"> |
| | | <span>请选择项目:</span> |
| | | <el-select @change="selectChange_" filterable v-model="value" placeholder="请选择" size="small"> |
| | | <el-select @change="selectChange_" filterable v-model="value" placeholder="请选择" size="small"> |
| | | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | |
| | | <div id="myChart" :style="{width: '100%', height: '100%'}"></div> |
| | | </div> |
| | | <div class="z_shadow" style="float: left; margin: 10px; margin-top: 0px; width: 46%; height: 58%; border: 1px solid #e4eef9;overflow: auto;padding: 5px;"> |
| | | <el-timeline :reverse="reverse" style="margin-top: 30px;"> |
| | | <el-timeline style="margin-top: 30px;"> |
| | | <el-timeline-item v-for="(deal, index) in deals" :key="index" :timestamp="deal.createTime"> |
| | | {{deal.desp}} |
| | | </el-timeline-item> |
| | |
| | | mounted() { |
| | | this.initSelect(); |
| | | this.myChart = this.$echarts.init(document.getElementById('myChart')) |
| | | let fileList1 = [{ |
| | | name: "文件名称1", |
| | | type: "isfile", |
| | | path: "" |
| | | }, |
| | | { |
| | | name: "文件名称2", |
| | | type: "isfile", |
| | | path: "" |
| | | }, |
| | | { |
| | | name: "文件夹名称", |
| | | type: "isfiles", |
| | | path: "" |
| | | }, |
| | | ]; |
| | | let fileList1 = []; |
| | | this.fileList = fileList1; |
| | | this.initChart(); |
| | | //this.initChart(); |
| | | }, |
| | | |
| | | methods: { |
| | |
| | | var me = this; |
| | | this.$axios.get("/api/scheme/all") |
| | | .then(data_ => { |
| | | console.log(data_); |
| | | if (data_.data.success) { |
| | | me.options = []; |
| | | var datas = data_.data.data; |
| | | datas.forEach(function(one) { |
| | | if (!me.value) { |
| | | me.value = one.id; |
| | | } |
| | | |
| | | var item = { |
| | | value: one.id, |
| | | label: one.name |
| | |
| | | me.options.push(item); |
| | | }); |
| | | } |
| | | me.selectChange_(); |
| | | }).catch(error => { |
| | | console.log(error); |
| | | }) |
| | | }, |
| | | file_click(file) { |
| | | if (!file.file) { |
| | | |
| | | |
| | | let url = "/api/file/child" ; |
| | | this.$axios.get(url,{ |
| | | params:{ |
| | |
| | | } |
| | | }) |
| | | .then(data_ => { |
| | | console.log(data_); |
| | | |
| | | if (data_.data.success) { |
| | | |
| | | var datas = data_.data.data; |
| | |
| | | |
| | | this.fileLevel++; |
| | | } |
| | | |
| | | }).catch(error => { |
| | | console.log(error); |
| | | }) |
| | | |
| | | } else { |
| | |
| | | } |
| | | }) |
| | | .then(data_ => { |
| | | console.log(data_); |
| | | if (data_.data.success) { |
| | | |
| | | var datas = data_.data.data; |
| | |
| | | this.fileLevel--; |
| | | } |
| | | }).catch(error => { |
| | | console.log(error); |
| | | }) |
| | | |
| | | }, |
| | |
| | | }, |
| | | selectChange_(val) { |
| | | let me = this; |
| | | const loading = this.$loading({ |
| | | lock: true, |
| | | text: '正在加载数据', |
| | | }); |
| | | let url = "/api/scheme/getSchemeInfo/" + this.value; |
| | | this.$axios.get(url, { |
| | | |
| | | }).then(data_ => { |
| | | console.log(data_); |
| | | if (data_.data.success) { |
| | | window.console.log(data_); |
| | | let result = data_.data.data; |
| | | me.initChart(result.option); |
| | | me.userList = result.users; |
| | |
| | | me.fileList = result.paths; |
| | | me.task_itm = result.scheme; |
| | | me.deals = result.record; |
| | | |
| | | loading.close(); |
| | | } |
| | | }).catch(error => { |
| | | console.log(error); |
| | | loading.close(); |
| | | }) |
| | | |
| | | }, |
| | | initChart(datas) { |
| | | |
| | | this.myChart.setOption({ |
| | | backgroundColor: '#FFF', |
| | | grid: { |