| | |
| | | <template> |
| | | |
| | | <div id="inspectionComplete" style="width:90%;height:360px;margin: 0 auto;"> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | name: "index" |
| | | |
| | | export default { |
| | | name: 'index', |
| | | data(){ |
| | | return{ |
| | | numData:[], |
| | | timeData:[], |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.drawTodayLine() |
| | | }, |
| | | methods:{ |
| | | async drawTodayLine(){ |
| | | this.timeData = [1,2,3,4,] |
| | | this.numData = [2,5,7,9] |
| | | let myChart = this.$echarts.init(document.getElementById('inspectionComplete')) |
| | | myChart.setOption({ |
| | | xAxis: { |
| | | type: 'category', |
| | | boundaryGap: false, |
| | | data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] |
| | | }, |
| | | yAxis: { |
| | | type: 'value' |
| | | }, |
| | | color:'#5470c6', |
| | | series: [ |
| | | { |
| | | data: [820, 932, 901, 934, 1290, 1330, 1320], |
| | | type: 'line', |
| | | smooth: true |
| | | } |
| | | ] |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | |
| | | left: 'center', |
| | | top: '84%', |
| | | }, |
| | | color:'#fac858', |
| | | xAxis: { |
| | | type: 'category', |
| | | data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] |
| | |
| | | fontWeight: 'bold' |
| | | } |
| | | }, |
| | | color:['#5470c6', '#91cc75', '#fac858','#ee6666','#73c0de','#3ba272','#fc8452','#9a60b4'], |
| | | color:['#91cc75','#ee6666','#73c0de','#3ba272','#fc8452','#9a60b4'], |
| | | labelLine: { |
| | | show: false |
| | | }, |
| | |
| | | > |
| | | <el-table-column label="序号" type="index" width="150" align="center"> |
| | | </el-table-column> |
| | | <el-table-column label="管控方式描述" prop="content" align="center"> |
| | | <el-table-column label="隐患排查内容" prop="content" align="center"> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" width="280" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | |
| | | |
| | | <div class="inspectionTask_point"> |
| | | <el-tabs class="active" v-model="activeName"> |
| | | <el-tab-pane label="巡检点信息" name="inspectionPoint"> |
| | | <el-tab-pane label="检查项信息" name="inspectionPoint"> |
| | | <inspection-point @giveToForm="receiveToForm" ref="inspectionPoint" :title="title" :inspectionTaskForm="inspectionTaskForm"></inspection-point> |
| | | </el-tab-pane> |
| | | </el-tabs> |