Browse Source

修改故障统计展示为tabs组件形式

彭笙 6 months ago
parent
commit
3256885acd

+ 1 - 15
src/layout/components/NavBar/menu.vue

@@ -91,21 +91,7 @@ export default {
   },
   methods: {
     handleSelect(key) {
-      if (key === '/faultStatistics') {
-        // 数据在前 统计在后
-        this.$router.push(key)
-        this.$nextTick(() => {
-          // 设置一个1000毫秒后执行的定时器
-          setTimeout(() => {
-            this.$router.push('/faultStatisticsEcharts')
-            setTimeout(() => {
-              this.$router.push(key)
-            }, 500)
-          }, 500)
-        })
-      } else {
-        this.$router.push(key)
-      }
+      this.$router.push(key)
     }
   }
 }

+ 1 - 28
src/router/modules/als/dataManage.js

@@ -227,40 +227,13 @@ export const faultStatistics = {
   name: 'FaultStatistics',
   component: Layout,
   meta: {
-    title: '故障数据',
+    title: '故障统计',
     icon: 'el-icon-s-platform'
   },
   children: [
     {
       path: '/faultStatistics',
       component: () => import('@/views/als/faultStatistics/index.vue'),
-      meta: {
-        title: '故障数据'
-      }
-    }
-    // {
-    //   path: '/faultStatisticsEcharts',
-    //   component: () => import('@/views/als/faultStatistics/echarts.vue'),
-    //   meta: {
-    //     title: '故障统计'
-    //   }
-    // }
-  ]
-}
-
-export const faultStatisticsEcharts = {
-  path: '/faultStatisticsEcharts',
-  redirect: '/faultStatisticsEcharts',
-  name: 'FaultStatisticsEcharts',
-  component: Layout,
-  meta: {
-    title: '故障统计',
-    icon: 'el-icon-s-platform'
-  },
-  children: [
-    {
-      path: '/faultStatisticsEcharts',
-      component: () => import('@/views/als/faultStatistics/echarts.vue'),
       meta: {
         title: '故障统计'
       }

+ 12 - 2
src/views/als/faultStatistics/echarts.vue

@@ -211,7 +211,6 @@ export default {
         this.faultyPartsNameList = data
       }
     },
-
     async getAircaftTypeAndModelTreeAPI(params) {
       const { data } = await getAircaftTypeAndModelTree(params)
       this.menuTreeData = data
@@ -280,12 +279,23 @@ export default {
         },
         series: [
           {
-            name: 'Access From',
             type: 'pie',
             radius: '50%',
             label: {
+              show: true,
               color: '#fff'
             },
+            emphasis: null,
+            data: values
+          },
+          {
+            type: 'pie',
+            radius: '50%',
+            label: {
+              show: true,
+              position: 'inside',
+              formatter: '{d}%' // 显示名称和百分比
+            },
             data: values,
             emphasis: {
               itemStyle: {

+ 370 - 361
src/views/als/faultStatistics/index.vue

@@ -1,379 +1,388 @@
 <template>
-  <div class="view-carrierFlightMission">
-    <div class="view-carrierFlightMission-FlightMission-btn">
-      <div class="view-carrierFlightMission-FlightMission-btn-box" style="width: 24%">
-        <el-button type="success" @click="openDialog()" :disabled="currentNode && currentNode.type == 0">新增</el-button>
-        <el-button type="warning" @click="remove(tableCheckItems)" :disabled="tableCheckItems.length == 0">删除</el-button>
-        <el-dropdown split-button type="primary" style="margin-left: 10px" trigger="click" @command="handleExport">
-          更多
-          <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item command="importOperation">导入</el-dropdown-item>
-            <el-dropdown-item command="allExport" :disabled="tableData.length == 0">导出</el-dropdown-item>
-            <el-dropdown-item command="downloadTemplate">下载数据模板</el-dropdown-item>
-          </el-dropdown-menu>
-        </el-dropdown>
-      </div>
-      <div class="view-carrierFlightMission-FlightMission-btn-right">
-        <div class="input-with-select">
-          <span>日期</span>
-          <el-date-picker type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" format="yyyy-MM-dd" v-model="statisticsDate" placeholder="选择日期"> </el-date-picker>
-        </div>
-        <div class="input-with-select">
-          <span>地区</span>
-          <el-select v-model="select.groups" placeholder="请选择">
-            <el-option v-for="item in groupsList" :key="item.groups" :label="item.groups" :value="item.groups"> </el-option>
-          </el-select>
-        </div>
-        <div class="input-with-select">
-          <span>专业</span>
-          <el-select v-model="select.major" placeholder="请选择">
-            <el-option v-for="item in majorList" :key="item.major" :label="item.major" :value="item.major"> </el-option>
-          </el-select>
-        </div>
-        <div class="input-with-select">
-          <span>机型</span>
-          <el-select v-model="select.aircraftModel" placeholder="请选择" @change="getFaultStatisticsListAll({ distinctField: 'aircraft_num' })">
-            <el-option v-for="item in aircraftModelList" :key="item.aircraftModel" :label="item.aircraftModel" :value="item.aircraftModel"> </el-option>
-          </el-select>
+  <el-tabs v-model="activeName">
+    <el-tab-pane label="故障数据" name="first">
+      <div class="view-carrierFlightMission">
+        <div class="view-carrierFlightMission-FlightMission-btn">
+          <div class="view-carrierFlightMission-FlightMission-btn-box" style="width: 24%">
+            <el-button type="success" @click="openDialog()" :disabled="currentNode && currentNode.type == 0">新增</el-button>
+            <el-button type="warning" @click="remove(tableCheckItems)" :disabled="tableCheckItems.length == 0">删除</el-button>
+            <el-dropdown split-button type="primary" style="margin-left: 10px" trigger="click" @command="handleExport">
+              更多
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item command="importOperation">导入</el-dropdown-item>
+                <el-dropdown-item command="allExport" :disabled="tableData.length == 0">导出</el-dropdown-item>
+                <el-dropdown-item command="downloadTemplate">下载数据模板</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </div>
+          <div class="view-carrierFlightMission-FlightMission-btn-right">
+            <div class="input-with-select">
+              <span>日期</span>
+              <el-date-picker type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" format="yyyy-MM-dd" v-model="statisticsDate" placeholder="选择日期"> </el-date-picker>
+            </div>
+            <div class="input-with-select">
+              <span>地区</span>
+              <el-select v-model="select.groups" placeholder="请选择">
+                <el-option v-for="item in groupsList" :key="item.groups" :label="item.groups" :value="item.groups"> </el-option>
+              </el-select>
+            </div>
+            <div class="input-with-select">
+              <span>专业</span>
+              <el-select v-model="select.major" placeholder="请选择">
+                <el-option v-for="item in majorList" :key="item.major" :label="item.major" :value="item.major"> </el-option>
+              </el-select>
+            </div>
+            <div class="input-with-select">
+              <span>机型</span>
+              <el-select v-model="select.aircraftModel" placeholder="请选择" @change="getFaultStatisticsListAll({ distinctField: 'aircraft_num' })">
+                <el-option v-for="item in aircraftModelList" :key="item.aircraftModel" :label="item.aircraftModel" :value="item.aircraftModel"> </el-option>
+              </el-select>
+            </div>
+            <div class="input-with-select">
+              <span>机号</span>
+              <el-select v-model="select.aircraftNum" placeholder="请选择">
+                <el-option v-for="item in aircraftNumList" :key="item.aircraftNum" :label="item.aircraftNum" :value="item.aircraftNum"> </el-option>
+              </el-select>
+            </div>
+            <div class="input-with-select">
+              <span>部件</span>
+              <el-select v-model="select.faultyPartsName" placeholder="请选择">
+                <el-option v-for="item in faultyPartsNameList" :key="item.faultyPartsName" :label="item.faultyPartsName" :value="item.faultyPartsName"> </el-option>
+              </el-select>
+            </div>
+            <el-button @click="searchClick" style="border-color: rgb(13, 128, 164); background-color: rgb(13, 128, 164); color: #fff">查询</el-button>
+            <!-- <el-input placeholder="请输入关键字" v-model="keyWord" class="input1">
+              <el-button slot="append" icon="el-icon-search" @click="searchClick"></el-button>
+            </el-input> -->
+          </div>
         </div>
-        <div class="input-with-select">
-          <span>机号</span>
-          <el-select v-model="select.aircraftNum" placeholder="请选择">
-            <el-option v-for="item in aircraftNumList" :key="item.aircraftNum" :label="item.aircraftNum" :value="item.aircraftNum"> </el-option>
-          </el-select>
+        <div class="view-dataType-table">
+          <LTable ref="table" @selection-change="selection" :defaultFetch="false" :fetch="fetch" :columns="columns" :dataSource="tableData" :options="options" :pagination="tableRequset"></LTable>
         </div>
-        <div class="input-with-select">
-          <span>部件</span>
-          <el-select v-model="select.faultyPartsName" placeholder="请选择">
-            <el-option v-for="item in faultyPartsNameList" :key="item.faultyPartsName" :label="item.faultyPartsName" :value="item.faultyPartsName"> </el-option>
-          </el-select>
-        </div>
-        <el-button @click="searchClick" style="border-color: rgb(13, 128, 164); background-color: rgb(13, 128, 164); color: #fff">查询</el-button>
-        <!-- <el-input placeholder="请输入关键字" v-model="keyWord" class="input1">
-          <el-button slot="append" icon="el-icon-search" @click="searchClick"></el-button>
-        </el-input> -->
-      </div>
-    </div>
-    <div class="view-dataType-table">
-      <LTable ref="table" @selection-change="selection" :defaultFetch="false" :fetch="fetch" :columns="columns" :dataSource="tableData" :options="options" :pagination="tableRequset"></LTable>
-    </div>
-    <!-- 添加或修改故障统计对话框 -->
-    <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="1200px" :before-close="handleClose">
-      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-        <el-row>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="日期" prop="statisticsDate">
-              <el-date-picker clearable v-model="form.statisticsDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择日期"></el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="战区" prop="warZone">
-              <el-input v-model="form.warZone" placeholder="请输入战区" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="军" prop="army">
-              <el-input v-model="form.army" placeholder="请输入军" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="师" prop="division">
-              <el-input v-model="form.division" placeholder="请输入师" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="团" prop="groups">
-              <el-input v-model="form.groups" placeholder="请输入团" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="中队" prop="squadron">
-              <el-input v-model="form.squadron" placeholder="请输入中队" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="飞机号" prop="aircraftNum">
-              <el-input v-model="form.aircraftNum" placeholder="请输入飞机号" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="机型" prop="aircraftModel">
-              <el-input v-model="form.aircraftModel" placeholder="请输入机型" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="出厂号码" prop="factoryNum">
-              <el-input v-model="form.factoryNum" placeholder="请输入出厂号码" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="机件号" prop="machineNum">
-              <el-input v-model="form.machineNum" placeholder="请输入机件号" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="机件型别" prop="machineModel">
-              <el-input v-model="form.machineModel" placeholder="请输入机件型别" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="机件名称" prop="machineName">
-              <el-input v-model="form.machineName" placeholder="请输入机件名称" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="起落" prop="landingGear">
-              <el-input v-model="form.landingGear" placeholder="请输入起落" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="专业" prop="major">
-              <el-input v-model="form.major" placeholder="请输入专业" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障件名称" prop="faultyPartsName">
-              <el-input v-model="form.faultyPartsName" placeholder="请输入故障件名称" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障件型别" prop="faultyPartsModel">
-              <el-input v-model="form.faultyPartsModel" placeholder="请输入故障件型别" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障件号码" prop="faultyPartsNum">
-              <el-input v-model="form.faultyPartsNum" placeholder="请输入故障件号码" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障件所属发动机型别" prop="engineModel">
-              <el-input v-model="form.engineModel" placeholder="请输入故障件所属发动机型别" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障件所属发动机号码" prop="engineNum">
-              <el-input v-model="form.engineNum" placeholder="请输入故障件所属发动机号码" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障件所属发动机号码" prop="engineSerialNum">
-              <el-input v-model="form.engineSerialNum" placeholder="请输入故障件所属发动机号码" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障件位置" prop="faultyPartsPosition">
-              <el-input v-model="form.faultyPartsPosition" placeholder="请输入故障件位置" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障现象" prop="faultyPhenomenon">
-              <el-input v-model="form.faultyPhenomenon" placeholder="请输入故障现象" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障发生地点" prop="faultyPlace">
-              <el-input v-model="form.faultyPlace" placeholder="请输入故障发生地点" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="发现时机" prop="findOpportunity">
-              <el-input v-model="form.findOpportunity" placeholder="请输入发现时机" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="系统" prop="systems">
-              <el-input v-model="form.systems" placeholder="请输入系统" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障件制造厂" prop="faultyPartsManufacturer">
-              <el-input v-model="form.faultyPartsManufacturer" placeholder="请输入故障件制造厂" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障件翻修厂" prop="faultyPartsRenovate">
-              <el-input v-model="form.faultyPartsRenovate" placeholder="请输入故障件翻修厂" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障件装本机工作时次" prop="installationTime">
-              <el-input v-model="form.installationTime" placeholder="请输入故障件装本机工作时次" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障件总工作时次" prop="totalWorkTime">
-              <el-input v-model="form.totalWorkTime" placeholder="请输入故障件总工作时次" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障件修后时次" prop="repairTime">
-              <el-input v-model="form.repairTime" placeholder="请输入故障件修后时次" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故换件型别" prop="replacementPartsModel">
-              <el-input v-model="form.replacementPartsModel" placeholder="请输入故换件型别" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故换件号码" prop="replacementPartsNum">
-              <el-input v-model="form.replacementPartsNum" placeholder="请输入故换件号码" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故换件制造厂" prop="replacementPartsManufacturer">
-              <el-input v-model="form.replacementPartsManufacturer" placeholder="请输入故换件制造厂" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故换件总工作时次" prop="replacementTotalWorkTime">
-              <el-input v-model="form.replacementTotalWorkTime" placeholder="请输入故换件总工作时次" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故换件翻修厂" prop="replacementPartsRenovate">
-              <el-input v-model="form.replacementPartsRenovate" placeholder="请输入故换件翻修厂" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故换件修后时次" prop="replacementRepairTime">
-              <el-input v-model="form.replacementRepairTime" placeholder="请输入故换件修后时次" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障失常码" prop="faultyAbnormalCode">
-              <el-input v-model="form.faultyAbnormalCode" placeholder="请输入故障失常码" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障件装机日期" prop="faultyPartsInstallDate">
-              <el-date-picker clearable v-model="form.faultyPartsInstallDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择故障件装机日期"></el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障原因" prop="faultyReason">
-              <el-input v-model="form.faultyReason" placeholder="请输入故障原因" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障性质" prop="faultyNature">
-              <el-input v-model="form.faultyNature" placeholder="请输入故障性质" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障责任" prop="faultyResponsibility">
-              <el-input v-model="form.faultyResponsibility" placeholder="请输入故障责任" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="故障后果" prop="faultyConsequence">
-              <el-input v-model="form.faultyConsequence" placeholder="请输入故障后果" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="处理意见" prop="handlingSuggestions">
-              <el-input v-model="form.handlingSuggestions" placeholder="请输入处理意见" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="影响次数" prop="influenceFrequency">
-              <el-input v-model="form.influenceFrequency" placeholder="请输入影响次数" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="误飞次数" prop="errorFlyFrequency">
-              <el-input v-model="form.errorFlyFrequency" placeholder="请输入误飞次数" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="判明方法" prop="identificationMethod">
-              <el-input v-model="form.identificationMethod" placeholder="请输入判明方法" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="发现人" prop="discoveredPeople">
-              <el-input v-model="form.discoveredPeople" placeholder="请输入发现人" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="排除方法" prop="exclusionMethod">
-              <el-input v-model="form.exclusionMethod" placeholder="请输入排除方法" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="排故人" prop="exclusionPeople">
-              <el-input v-model="form.exclusionPeople" placeholder="请输入排故人" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="审核人" prop="examinePeople">
-              <el-input v-model="form.examinePeople" placeholder="请输入审核人" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="审核时间" prop="examineTime">
-              <el-date-picker clearable v-model="form.examineTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择审核时间"></el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="排除日期" prop="exclusionDate">
-              <el-date-picker clearable v-model="form.exclusionDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择排除日期"></el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="排故工时" prop="exclusionWorkTime">
-              <el-input v-model="form.exclusionWorkTime" placeholder="请输入排故工时" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="排故人数" prop="exclusionPeopleNum">
-              <el-input v-model="form.exclusionPeopleNum" placeholder="请输入排故人数" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="排故时间" prop="exclusionTime">
-              <el-input v-model="form.exclusionTime" placeholder="请输入排故时间" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="是否立功" prop="isAchievement">
-              <el-input v-model="form.isAchievement" placeholder="请输入是否立功" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="需要试飞" prop="needTestFly">
-              <el-input v-model="form.needTestFly" placeholder="请输入需要试飞" />
-            </el-form-item>
-          </el-col>
-          <el-col v-bind="{ span: 12 }">
-            <el-form-item label="备注" prop="remarks">
-              <el-input v-model="form.remarks" placeholder="请输入备注" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
+        <!-- 添加或修改故障统计对话框 -->
+        <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="1200px" :before-close="handleClose">
+          <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+            <el-row>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="日期" prop="statisticsDate">
+                  <el-date-picker clearable v-model="form.statisticsDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择日期"></el-date-picker>
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="战区" prop="warZone">
+                  <el-input v-model="form.warZone" placeholder="请输入战区" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="军" prop="army">
+                  <el-input v-model="form.army" placeholder="请输入军" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="师" prop="division">
+                  <el-input v-model="form.division" placeholder="请输入师" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="团" prop="groups">
+                  <el-input v-model="form.groups" placeholder="请输入团" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="中队" prop="squadron">
+                  <el-input v-model="form.squadron" placeholder="请输入中队" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="飞机号" prop="aircraftNum">
+                  <el-input v-model="form.aircraftNum" placeholder="请输入飞机号" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="机型" prop="aircraftModel">
+                  <el-input v-model="form.aircraftModel" placeholder="请输入机型" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="出厂号码" prop="factoryNum">
+                  <el-input v-model="form.factoryNum" placeholder="请输入出厂号码" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="机件号" prop="machineNum">
+                  <el-input v-model="form.machineNum" placeholder="请输入机件号" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="机件型别" prop="machineModel">
+                  <el-input v-model="form.machineModel" placeholder="请输入机件型别" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="机件名称" prop="machineName">
+                  <el-input v-model="form.machineName" placeholder="请输入机件名称" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="起落" prop="landingGear">
+                  <el-input v-model="form.landingGear" placeholder="请输入起落" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="专业" prop="major">
+                  <el-input v-model="form.major" placeholder="请输入专业" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障件名称" prop="faultyPartsName">
+                  <el-input v-model="form.faultyPartsName" placeholder="请输入故障件名称" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障件型别" prop="faultyPartsModel">
+                  <el-input v-model="form.faultyPartsModel" placeholder="请输入故障件型别" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障件号码" prop="faultyPartsNum">
+                  <el-input v-model="form.faultyPartsNum" placeholder="请输入故障件号码" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障件所属发动机型别" prop="engineModel">
+                  <el-input v-model="form.engineModel" placeholder="请输入故障件所属发动机型别" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障件所属发动机号码" prop="engineNum">
+                  <el-input v-model="form.engineNum" placeholder="请输入故障件所属发动机号码" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障件所属发动机号码" prop="engineSerialNum">
+                  <el-input v-model="form.engineSerialNum" placeholder="请输入故障件所属发动机号码" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障件位置" prop="faultyPartsPosition">
+                  <el-input v-model="form.faultyPartsPosition" placeholder="请输入故障件位置" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障现象" prop="faultyPhenomenon">
+                  <el-input v-model="form.faultyPhenomenon" placeholder="请输入故障现象" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障发生地点" prop="faultyPlace">
+                  <el-input v-model="form.faultyPlace" placeholder="请输入故障发生地点" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="发现时机" prop="findOpportunity">
+                  <el-input v-model="form.findOpportunity" placeholder="请输入发现时机" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="系统" prop="systems">
+                  <el-input v-model="form.systems" placeholder="请输入系统" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障件制造厂" prop="faultyPartsManufacturer">
+                  <el-input v-model="form.faultyPartsManufacturer" placeholder="请输入故障件制造厂" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障件翻修厂" prop="faultyPartsRenovate">
+                  <el-input v-model="form.faultyPartsRenovate" placeholder="请输入故障件翻修厂" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障件装本机工作时次" prop="installationTime">
+                  <el-input v-model="form.installationTime" placeholder="请输入故障件装本机工作时次" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障件总工作时次" prop="totalWorkTime">
+                  <el-input v-model="form.totalWorkTime" placeholder="请输入故障件总工作时次" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障件修后时次" prop="repairTime">
+                  <el-input v-model="form.repairTime" placeholder="请输入故障件修后时次" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故换件型别" prop="replacementPartsModel">
+                  <el-input v-model="form.replacementPartsModel" placeholder="请输入故换件型别" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故换件号码" prop="replacementPartsNum">
+                  <el-input v-model="form.replacementPartsNum" placeholder="请输入故换件号码" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故换件制造厂" prop="replacementPartsManufacturer">
+                  <el-input v-model="form.replacementPartsManufacturer" placeholder="请输入故换件制造厂" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故换件总工作时次" prop="replacementTotalWorkTime">
+                  <el-input v-model="form.replacementTotalWorkTime" placeholder="请输入故换件总工作时次" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故换件翻修厂" prop="replacementPartsRenovate">
+                  <el-input v-model="form.replacementPartsRenovate" placeholder="请输入故换件翻修厂" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故换件修后时次" prop="replacementRepairTime">
+                  <el-input v-model="form.replacementRepairTime" placeholder="请输入故换件修后时次" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障失常码" prop="faultyAbnormalCode">
+                  <el-input v-model="form.faultyAbnormalCode" placeholder="请输入故障失常码" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障件装机日期" prop="faultyPartsInstallDate">
+                  <el-date-picker clearable v-model="form.faultyPartsInstallDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择故障件装机日期"></el-date-picker>
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障原因" prop="faultyReason">
+                  <el-input v-model="form.faultyReason" placeholder="请输入故障原因" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障性质" prop="faultyNature">
+                  <el-input v-model="form.faultyNature" placeholder="请输入故障性质" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障责任" prop="faultyResponsibility">
+                  <el-input v-model="form.faultyResponsibility" placeholder="请输入故障责任" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="故障后果" prop="faultyConsequence">
+                  <el-input v-model="form.faultyConsequence" placeholder="请输入故障后果" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="处理意见" prop="handlingSuggestions">
+                  <el-input v-model="form.handlingSuggestions" placeholder="请输入处理意见" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="影响次数" prop="influenceFrequency">
+                  <el-input v-model="form.influenceFrequency" placeholder="请输入影响次数" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="误飞次数" prop="errorFlyFrequency">
+                  <el-input v-model="form.errorFlyFrequency" placeholder="请输入误飞次数" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="判明方法" prop="identificationMethod">
+                  <el-input v-model="form.identificationMethod" placeholder="请输入判明方法" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="发现人" prop="discoveredPeople">
+                  <el-input v-model="form.discoveredPeople" placeholder="请输入发现人" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="排除方法" prop="exclusionMethod">
+                  <el-input v-model="form.exclusionMethod" placeholder="请输入排除方法" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="排故人" prop="exclusionPeople">
+                  <el-input v-model="form.exclusionPeople" placeholder="请输入排故人" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="审核人" prop="examinePeople">
+                  <el-input v-model="form.examinePeople" placeholder="请输入审核人" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="审核时间" prop="examineTime">
+                  <el-date-picker clearable v-model="form.examineTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" placeholder="请选择审核时间"></el-date-picker>
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="排除日期" prop="exclusionDate">
+                  <el-date-picker clearable v-model="form.exclusionDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择排除日期"></el-date-picker>
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="排故工时" prop="exclusionWorkTime">
+                  <el-input v-model="form.exclusionWorkTime" placeholder="请输入排故工时" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="排故人数" prop="exclusionPeopleNum">
+                  <el-input v-model="form.exclusionPeopleNum" placeholder="请输入排故人数" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="排故时间" prop="exclusionTime">
+                  <el-input v-model="form.exclusionTime" placeholder="请输入排故时间" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="是否立功" prop="isAchievement">
+                  <el-input v-model="form.isAchievement" placeholder="请输入是否立功" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="需要试飞" prop="needTestFly">
+                  <el-input v-model="form.needTestFly" placeholder="请输入需要试飞" />
+                </el-form-item>
+              </el-col>
+              <el-col v-bind="{ span: 12 }">
+                <el-form-item label="备注" prop="remarks">
+                  <el-input v-model="form.remarks" placeholder="请输入备注" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
 
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="handleClose">取 消</el-button>
-        <el-button type="primary" @click="submit">确 定</el-button>
-      </span>
-    </el-dialog>
-    <!-- 导入 -->
-    <ImportDialog ref="ImportDialog" @submitCallBack="ImportDialogCallBack" />
-  </div>
+          <span slot="footer" class="dialog-footer">
+            <el-button @click="handleClose">取 消</el-button>
+            <el-button type="primary" @click="submit">确 定</el-button>
+          </span>
+        </el-dialog>
+        <!-- 导入 -->
+        <ImportDialog ref="ImportDialog" @submitCallBack="ImportDialogCallBack" />
+      </div>
+    </el-tab-pane>
+    <el-tab-pane label="故障统计" name="second" :lazy="true">
+      <EchartsVue />
+    </el-tab-pane>
+  </el-tabs>
 </template>
 
 <script>
 import { getFaultStatistics, getFaultStatisticsListAll, getAircaftTypeAndModelTree, addFaultStatistics, updateFaultStatistics, removeFaultStatistics, downLoadFaultStatistics, exportFaultStatisticsExcel } from '@/api/als/faultStatistics'
 import { deepClone, debounce } from '@/utils/index'
 import ImportDialog from './importDialog/index.vue'
+import EchartsVue from './echarts.vue'
 export default {
   name: 'FaultStatistics',
-  components: { ImportDialog },
+  components: { ImportDialog, EchartsVue },
   data() {
     // 这里存放数据
     return {
+      activeName: 'first',
       dialogTitle: '新增',
       dialogVisible: false,
       keyWord: '',

+ 6 - 0
src/views/als/index.scss

@@ -1,3 +1,9 @@
+.el-tabs {
+  margin-top: -30px;
+}
+.el-tabs__nav-scroll {
+  justify-content: space-between;
+}
 .view-dataSpecies-left {
   width: 300px;
 }