新增有寿件管理菜单及页面和故障统计图页面

src/api/als/faultStatistics.js

@@ -5,6 +5,11 @@ export const getFaultStatistics = async (data) => {
   return await get('/als/faultStatistics/list', data)
 }
 
+// 查询故障统计列表
+export const getFaultStatisticsEcharts = async (data) => {
+  return await get('/als/faultStatistics/statistics', data)
+}
+
 // 新增故障统计
 export const addFaultStatistics = async (data) => {
   return await post('/als/faultStatistics', data)

src/api/als/lifetimeSpareParts.js

@@ -0,0 +1,35 @@
+import { get, put, post, deletes } from '@/http/index'
+
+// 查询有寿件列表
+export const getLifetimeSpareParts = async (data) => {
+  return await get('/als/lifetimeSpareParts/list', data)
+}
+
+// 新增有寿件
+export const addLifetimeSpareParts = async (data) => {
+  return await post('/als/lifetimeSpareParts', data)
+}
+
+// 修改有寿件
+export const updateLifetimeSpareParts = async (data) => {
+  return await put('/als/lifetimeSpareParts', data)
+}
+
+// 删除有寿件
+export const removeLifetimeSpareParts = async (id) => {
+  return await deletes('/als/lifetimeSpareParts/' + id)
+}
+
+//  获取机种和机型树
+export const getAircaftTypeAndModelTree = async (data) => {
+  return await get('/basicdata/aircaftCatalog/getAircaftTypeAndModelTree', data)
+}
+
+//下载模板
+export const downLoadLifetimeSpareParts = async (data) => {
+  window.open(process.env.VUE_APP_BASE_API + '/als/lifetimeSpareParts/importTemplate')
+}
+//导出
+export const exportLifetimeSparePartsExcel = async (data) => {
+  window.open(process.env.VUE_APP_BASE_API + '/als/lifetimeSpareParts/export', data)
+}

src/api/als/smTask.js

@@ -29,3 +29,12 @@ export const removeSmTask = async (id) => {
 export const getAircaftTypeAndModelTree = async (data) => {
   return await get('/basicdata/aircaftCatalog/getAircaftTypeAndModelTree', data)
 }
+
+//下载模板
+export const downLoadSmTask = async (data) => {
+  window.open(process.env.VUE_APP_BASE_API + '/als/smTask/importTemplate')
+}
+//导出
+export const exportSmTask = async (data) => {
+  window.open(process.env.VUE_APP_BASE_API + '/als/smTask/export', data)
+}

src/layout/components/NavBar/menu.vue

@@ -64,6 +64,11 @@ export default {
       return this.$router.getRoutes()
     },
     newRoute() {
+      this.mainMenu.forEach((item, key) => {
+        if (item.path === '/faultStatisticsEcharts') {
+          delete this.mainMenu[key]
+        }
+      })
       const froutes = filterRoutes(this.mainMenu)
       return changeSortMenus(generteMenus(froutes))
     }
@@ -86,7 +91,21 @@ export default {
   },
   methods: {
     handleSelect(key) {
-      this.$router.push(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)
+      }
     }
   }
 }

src/router/modules/als/dataManage.js

@@ -224,17 +224,43 @@ export const judgeFaultLogic = {
 
 export const faultStatistics = {
   path: '/faultStatistics',
-  redirect: '/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: '故障统计'
       }

src/router/modules/als/qualityManage.js

@@ -69,6 +69,26 @@ export const lifePrediction = {
     }
   ]
 }
+export const lifetimeSpareParts = {
+  path: '/qualityManage',
+  redirect: '/qualityManage/preProcessing',
+  name: 'LifetimeSpareParts',
+  component: Layout,
+  meta: {
+    title: '质量管理',
+    icon: 'el-icon-s-platform'
+  },
+  children: [
+    {
+      path: '/qualityManage/lifetimeSpareParts',
+      component: () => import('@/views/als/lifetimeSpareParts/index.vue'),
+      meta: {
+        title: '有寿件管理'
+      },
+      sort: 4
+    }
+  ]
+}
 export const faultDiagnosis = {
   path: '/qualityManage',
   redirect: '/qualityManage/preProcessing',

src/views/als/faultStatistics/echarts.vue

@@ -0,0 +1,418 @@
+<template>
+  <div class="view-carrierFlightMission">
+    <div class="view-carrierFlightMission-FlightMission-btn">
+      <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>
+      </div>
+    </div>
+    <div class="view-dataType-table">
+      <el-row>
+        <el-col :span="12">
+          <Card title="故障件数量统计图">
+            <template slot="content">
+              <div class="baseBar-box" ref="echartLeft"></div>
+            </template>
+          </Card>
+        </el-col>
+        <el-col :span="12">
+          <Card title="故障件数量统计图">
+            <template slot="content">
+              <div class="baseBar-box" ref="echartRight"></div>
+            </template>
+          </Card>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getFaultStatisticsListAll, getAircaftTypeAndModelTree, removeFaultStatistics, getFaultStatisticsEcharts } from '@/api/als/faultStatistics'
+import { debounce } from '@/utils/index'
+import * as echarts from 'echarts'
+export default {
+  name: 'FaultStatistics',
+  data() {
+    // 这里存放数据
+    return {
+      keyWord: '',
+      aircaftModelIdList: [],
+      currentNodeKey: null,
+      currentNode: null,
+      menuTreeData: [],
+      treeObj: {
+        title: '所属机种',
+        activityheight: '275px',
+        searchIcon: false,
+        configure: {
+          children: 'children',
+          label: 'label'
+        }
+      },
+      groupsList: [],
+      majorList: [],
+      aircraftModelList: [],
+      aircraftNumList: [],
+      faultyPartsNameList: [],
+      statisticsDate: [],
+      select: {
+        startStatisticsDate: '',
+        endStatisticsDate: '',
+        major: '特设',
+        aircraftModel: 'J-11'
+      },
+      typeTree: {
+        children: 'children',
+        label: 'label'
+      },
+      searchValue: '',
+      options: {
+        stripe: true, // 斑马纹
+        mutiSelect: true, // 多选框
+        index: false, // 显示序号， 多选则 mutiSelect
+        loading: false, // 表格动画
+        initTable: false, // 是否一挂载就加载数据
+        border: true,
+        height: 'calc(100vh - 300px)'
+      },
+      tableCheckItems: [],
+      form: {
+        id: '',
+        statisticsDate: '',
+        warZone: '',
+        army: '',
+        division: '',
+        groups: '',
+        squadron: '',
+        aircraftNum: '',
+        aircraftModel: '',
+        factoryNum: '',
+        machineType: '',
+        machineNum: '',
+        machineModel: '',
+        machineName: '',
+        landingGear: '',
+        major: '',
+        faultyPartsName: '',
+        faultyPartsModel: '',
+        faultyPartsNum: '',
+        engineModel: '',
+        engineNum: '',
+        engineSerialNum: '',
+        faultyPartsPosition: '',
+        faultyPhenomenon: '',
+        faultyPlace: '',
+        findOpportunity: '',
+        systems: '',
+        timingType: '',
+        faultyPartsManufacturer: '',
+        faultyPartsRenovate: '',
+        installationTime: '',
+        totalWorkTime: '',
+        repairTime: '',
+        replacementPartsModel: '',
+        replacementPartsNum: '',
+        replacementPartsManufacturer: '',
+        replacementTotalWorkTime: '',
+        replacementPartsRenovate: '',
+        replacementRepairTime: '',
+        faultyAbnormalCode: '',
+        faultyPartsInstallDate: '',
+        faultyReason: '',
+        faultyNature: '',
+        faultyResponsibility: '',
+        faultyConsequence: '',
+        handlingSuggestions: '',
+        influenceFrequency: '',
+        errorFlyFrequency: '',
+        identificationMethod: '',
+        discoveredPeople: '',
+        exclusionMethod: '',
+        exclusionPeople: '',
+        examinePeople: '',
+        examineTime: '',
+        exclusionDate: '',
+        exclusionWorkTime: '',
+        exclusionPeopleNum: '',
+        exclusionTime: '',
+        isAchievement: '',
+        needTestFly: '',
+        repairStatus: '',
+        remarks: '',
+        tenantId: '',
+        delFlag: '',
+        version: '',
+        createBy: '',
+        createTime: '',
+        updateBy: '',
+        updateTime: ''
+      },
+      debounceFn: debounce(this.fetch, 500)
+    }
+  },
+  watch: {
+    keyWord() {
+      this.debounceFn()
+    }
+  },
+  mounted() {
+    this.getFaultStatisticsAPI()
+    // this.getAircaftTypeAndModelTreeAPI()
+  },
+  methods: {
+    async getFaultStatisticsListAll(params) {
+      if (params.distinctField == 'aircraft_num') {
+        params.aircraftModel = this.select.aircraftModel
+      }
+      const { data } = await getFaultStatisticsListAll({ ...params })
+      if (params.distinctField == 'groups') {
+        this.groupsList = data
+      } else if (params.distinctField == 'major') {
+        this.majorList = data
+      } else if (params.distinctField == 'aircraft_model') {
+        this.aircraftModelList = data
+      } else if (params.distinctField == 'aircraft_num') {
+        this.aircraftNumList = data
+      } else if (params.distinctField == 'faulty_parts_name') {
+        this.faultyPartsNameList = data
+      }
+    },
+
+    async getAircaftTypeAndModelTreeAPI(params) {
+      const { data } = await getAircaftTypeAndModelTree(params)
+      this.menuTreeData = data
+      if (data.length) {
+        this.currentNodeKey = data[0].value
+        this.currentNode = data[0]
+        this.aircaftModelIdList = this.getTreeLeafData(data[0]?.children).map((e) => e.id)
+        this.getFaultStatisticsAPI({ aircaftModelIdList: this.aircaftModelIdList })
+      }
+    },
+    getTreeLeafData(list) {
+      const newArr = []
+      function getLeaf(data, arr) {
+        data.forEach((e) => {
+          if (e.type === 1) {
+            arr.push(e)
+          }
+          if (e.children.length) {
+            getLeaf(e.children, arr)
+          }
+        })
+      }
+      getLeaf(list, newArr)
+      return newArr
+    },
+    echartsLeft(names, values) {
+      const echartLeft = echarts.init(this.$refs.echartLeft)
+      const option = {
+        tooltip: {
+          trigger: 'item'
+        },
+        xAxis: {
+          axisLabel: {
+            color: '#fff'
+          },
+          type: 'category',
+          data: names
+        },
+        yAxis: {
+          type: 'value',
+          axisLabel: {
+            color: '#fff'
+          }
+        },
+        series: [
+          {
+            data: values,
+            type: 'bar'
+          }
+        ]
+      }
+      echartLeft.setOption(option)
+    },
+    echartsRight(values) {
+      const echartRight = echarts.init(this.$refs.echartRight)
+      const option = {
+        tooltip: {
+          trigger: 'item'
+        },
+        legend: {
+          orient: 'vertical',
+          left: 'left',
+          textStyle: {
+            color: '#fff'
+          }
+        },
+        series: [
+          {
+            name: 'Access From',
+            type: 'pie',
+            radius: '50%',
+            label: {
+              color: '#fff'
+            },
+            data: values,
+            emphasis: {
+              itemStyle: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      }
+      echartRight.setOption(option)
+    },
+    async getFaultStatisticsAPI(params) {
+      const { keyWord } = this
+      const res = await getFaultStatisticsEcharts({ keyWord, ...params })
+      this.getFaultStatisticsListAll({ distinctField: 'groups' })
+      this.getFaultStatisticsListAll({ distinctField: 'major' })
+      this.getFaultStatisticsListAll({ distinctField: 'aircraft_model' })
+      this.getFaultStatisticsListAll({ distinctField: 'aircraft_num' })
+      this.getFaultStatisticsListAll({ distinctField: 'faulty_parts_name' })
+      const names = []
+      const values = []
+      const data = []
+      res.data.forEach((e) => {
+        names.push(e.faultyPartsName)
+        values.push(e.nameCount)
+        data.push({
+          name: e.faultyPartsName,
+          value: e.nameCount
+        })
+      })
+      this.echartsLeft(names, values)
+      this.echartsRight(data)
+    },
+
+    fetch() {
+      this.getFaultStatisticsAPI()
+    },
+
+    searchClick() {
+      console.log(this.statisticsDate)
+      if (this.statisticsDate != null) {
+        this.select.startStatisticsDate = this.statisticsDate[0]
+        this.select.endStatisticsDate = this.statisticsDate[1]
+      }
+      this.getFaultStatisticsAPI(this.select)
+    },
+
+    handleClose() {
+      this.dialogVisible = false
+      this.form = {
+        id: '',
+        statisticsDate: '',
+        warZone: '',
+        army: '',
+        division: '',
+        groups: '',
+        squadron: '',
+        aircraftNum: '',
+        aircraftModel: '',
+        factoryNum: '',
+        machineType: '',
+        machineNum: '',
+        machineModel: '',
+        machineName: '',
+        landingGear: '',
+        major: '',
+        faultyPartsName: '',
+        faultyPartsModel: '',
+        faultyPartsNum: '',
+        engineModel: '',
+        engineNum: '',
+        engineSerialNum: '',
+        faultyPartsPosition: '',
+        faultyPhenomenon: '',
+        faultyPlace: '',
+        findOpportunity: '',
+        systems: '',
+        timingType: '',
+        faultyPartsManufacturer: '',
+        faultyPartsRenovate: '',
+        installationTime: '',
+        totalWorkTime: '',
+        repairTime: '',
+        replacementPartsModel: '',
+        replacementPartsNum: '',
+        replacementPartsManufacturer: '',
+        replacementTotalWorkTime: '',
+        replacementPartsRenovate: '',
+        replacementRepairTime: '',
+        faultyAbnormalCode: '',
+        faultyPartsInstallDate: '',
+        faultyReason: '',
+        faultyNature: '',
+        faultyResponsibility: '',
+        faultyConsequence: '',
+        handlingSuggestions: '',
+        influenceFrequency: '',
+        errorFlyFrequency: '',
+        identificationMethod: '',
+        discoveredPeople: '',
+        exclusionMethod: '',
+        exclusionPeople: '',
+        examinePeople: '',
+        examineTime: '',
+        exclusionDate: '',
+        exclusionWorkTime: '',
+        exclusionPeopleNum: '',
+        exclusionTime: '',
+        isAchievement: '',
+        needTestFly: '',
+        repairStatus: '',
+        remarks: '',
+        tenantId: '',
+        delFlag: '',
+        version: '',
+        createBy: '',
+        createTime: '',
+        updateBy: '',
+        updateTime: ''
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import '../index.scss';
+</style>

src/views/als/faultStatistics/index.vue

@@ -1,368 +1,3 @@
-<!-- <template>
-  <div class="view-table-content">
-    <div style="width: 100%">
-      <div class="view-dataType-title">
-        <div class="view-dataType-title-btn">
-          <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-dataType-title-search">
-          <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-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>
-
-        <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>
-  </div>
-</template> -->
-
 <template>
   <div class="view-carrierFlightMission">
     <div class="view-carrierFlightMission-FlightMission-btn">

src/views/als/index.scss

@@ -25,3 +25,29 @@
 ::-webkit-scrollbar{
   display: none;
 }
+.view-carrierFlightMission-FlightMission-btn {
+  display: flex;
+  justify-content: space-between;
+}
+.view-carrierFlightMission-FlightMission-btn-right {
+  display: flex;
+  .input-with-select {
+    display: flex;
+    margin-right: 20px;
+    > span {
+      color: #fff;
+      display: block;
+      margin-right: 10px;
+      width: 60px;
+      line-height: 30px;
+    }
+  }
+}
+
+.c-card-content-echars {
+  height: calc(100vh - 142px - 90px - 20px);
+  .baseBar-box {
+    width: 100%;
+    height: 100%;
+  }
+}

src/views/als/judgeFaultLogic/index.vue

@@ -249,7 +249,7 @@ export default {
       const { pageSize, pageIndex } = this.tableRequset
       const {
         data: { list, totalCount }
-      } = await getJudgeFaultLogic({ pageSize, pageIndex, keyWord, ...params })
+      } = await getJudgeFaultLogic({ pageSize, pageNum: pageIndex, keyWord, ...params })
       this.tableData = list
       this.tableRequset.total = totalCount
     },

src/views/als/lifetimeSpareParts/importDialog/index.vue

@@ -0,0 +1,69 @@
+<template>
+  <el-dialog :title="dialogtitle" :visible.sync="dialogVisible" width="500px" :before-close="handleClose" center>
+    <div class="upload">
+      <div class="upload-left">导入文件</div>
+      <el-upload class="upload-right" ref="upload" accept=".xls,.xlsx" :action="fileApi" :file-list="fileList" :data="fileData" :auto-upload="false" :on-success="onSuccess" :limit="1">
+        <el-button slot="trigger" style="margin-right: 30px" size="small" type="primary">选择文件</el-button>
+        <el-button size="small" type="success" @click="submitUpload">导入数据</el-button>
+        <div slot="tip" class="el-upload__tip" style="margin-left: 10px; margin-top: 10px; font-size: 14px">只能导入 xls / xlsx 文件</div>
+      </el-upload>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { useMessage } from '@/utils/element-ui'
+export default {
+  data() {
+    return {
+      dialogtitle: '导入有寿件信息',
+      dialogVisible: false,
+      fileApi: process.env.VUE_APP_BASE_API + '/als/lifetimeSpareParts/importData',
+      fileList: [],
+      fileData: {
+        userName: ''
+      }
+    }
+  },
+  methods: {
+    triggerDialog() {
+      this.dialogVisible = true
+    },
+
+    handleClose() {
+      this.dialogVisible = false
+    },
+
+    // 上传
+    submitUpload() {
+      const userInfo = this.$store.state.user.userInfo.user
+      this.fileData.userName = userInfo.userName
+      this.$refs.upload.submit()
+    },
+
+    // 上传完成后
+    onSuccess(result) {
+      this.$refs.upload.clearFiles()
+      this.fileList = []
+      const { msg, code } = result
+      useMessage(code == 200 ? 'success' : 'warning', msg, 2000)
+      if (code !== 200) return
+      this.handleClose()
+      this.$emit('submitCallBack')
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.el-dialog__wrapper {
+  width: 100%;
+}
+.upload {
+  height: 106px;
+  padding-top: 30px;
+  display: flex;
+  &-left {
+    margin-right: 40px;
+  }
+}
+</style>

src/views/als/lifetimeSpareParts/index.vue

@@ -0,0 +1,543 @@
+<template>
+  <div class="view-table-content">
+    <div class="view-dataSpecies-left" style="display: flex; width: 430px">
+      <MenuTree :currentNodeKey="currentNodeKey" nodeKey="id" :treedata="menuTreeData" @TreeNodeclick="treeNodeClick" v-bind="treeObj" style="width: 250px"> </MenuTree>
+      <MenuTree :currentNodeKey="currentConfigNodeKey" nodeKey="id" :treedata="configTreeData" @TreeNodeclick="treeConfigNodeClick" v-bind="configurationTreeObj" style="width: 250px"> </MenuTree>
+    </div>
+    <div class="view-dataSpecies-right">
+      <div class="view-dataType-title">
+        <div class="view-dataType-title-btn">
+          <el-button type="success" @click="openDialog()" :disabled="currentConfigNodeKey === ''">新增</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-dataType-title-search">
+          <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="600px" :before-close="handleClose">
+        <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+          <el-form-item label="机型" prop="airModelId">
+            <el-select v-model="form.airModelId" placeholder="请选择机型" disabled>
+              <el-option v-for="item in aircaftModelAll" :key="item.aircaftModelId" :label="item.aircaftModelName" :value="item.aircaftModelId"> </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="编目" prop="airId">
+            <el-select v-model="form.airId" placeholder="请选择编目" disabled>
+              <el-option v-for="item in aircaftCatalogAll" :key="item.aircaftCatalogId" :label="item.aircaftCatalogCode" :value="item.aircaftCatalogId"> </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="构型" prop="configId">
+            <el-select v-model="form.configId" placeholder="请选择构型" disabled>
+              <el-option v-for="item in configAll" :key="item.id" :label="item.name" :value="item.id"> </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="部件名称" prop="componentName">
+            <el-input v-model="form.componentName" placeholder="请输入部件名称" />
+          </el-form-item>
+          <el-form-item label="部件型号" prop="componentModel">
+            <el-input v-model="form.componentModel" placeholder="请输入部件型号" />
+          </el-form-item>
+          <el-form-item label="部件编码" prop="componentNum">
+            <el-input v-model="form.componentNum" placeholder="请输入部件编码" />
+          </el-form-item>
+          <el-form-item label="出厂日期" prop="factoryDate">
+            <el-date-picker clearable v-model="form.factoryDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择出厂日期"></el-date-picker>
+          </el-form-item>
+          <el-form-item label="当前安装飞机" prop="currentInstallAircraft">
+            <el-input v-model="form.currentInstallAircraft" placeholder="请输入当前安装飞机" />
+          </el-form-item>
+          <el-form-item label="工作时次" prop="workTime">
+            <el-input v-model="form.workTime" placeholder="请输入工作时次" />
+          </el-form-item>
+          <el-form-item label="额定寿命" prop="ratedLifetime">
+            <el-input v-model="form.ratedLifetime" placeholder="请输入额定寿命" />
+          </el-form-item>
+          <el-form-item label="剩余寿命" prop="remainingLifetime">
+            <el-input v-model="form.remainingLifetime" placeholder="请输入剩余寿命" />
+          </el-form-item>
+        </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>
+  </div>
+</template>
+
+<script>
+import { getLifetimeSpareParts, addLifetimeSpareParts, updateLifetimeSpareParts, removeLifetimeSpareParts, downLoadLifetimeSpareParts, exportLifetimeSparePartsExcel } from '@/api/als/lifetimeSpareParts'
+import { getAircaftCatalogTree, getAircaftTypeAndModelTree } from '@/api/als/sideTree'
+import { getAvmatCatalog } from '@/api/basicData/dataSailingMaterialMaterialCoding'
+import { getAirConfiguration } from '@/api/als/airConfiguration'
+import { deepClone, debounce } from '@/utils/index'
+import { handleTree, flattenTree } from '../utils/common'
+import { getAircaftModelAll, getAircaftCatalogAll } from '@/api/als/aircraft'
+import ImportDialog from './importDialog/index.vue'
+export default {
+  name: 'LifetimeSpareParts',
+  components: { ImportDialog },
+  data() {
+    // 这里存放数据
+    return {
+      dialogTitle: '新增',
+      dialogVisible: false,
+      keyWord: '',
+      aircaftModelIdList: [],
+      currentNodeKey: '',
+      currentNode: {},
+      currentConfigNodeKey: '',
+      currentConfigNode: {},
+      menuTreeData: [],
+      configTreeData: [],
+      treeObj: {
+        title: '所属机种',
+        activityheight: '275px',
+        searchIcon: false,
+        configure: {
+          children: 'children',
+          label: 'label'
+        }
+      },
+      configurationTreeObj: {
+        title: '飞机构型',
+        activityheight: '275px',
+        searchIcon: false,
+        configure: {
+          children: 'children',
+          label: 'name'
+        }
+      },
+      typeTree: {
+        children: 'children',
+        label: 'label'
+      },
+      searchValue: '',
+      columns: [
+        { prop: 'id', label: '编号' },
+        {
+          prop: 'airModelId',
+          label: '机型',
+          render: (h, params) => {
+            const matchedItem = this.aircaftModelAll.find((item) => params.row.airModelId === item.aircaftModelId)
+            if (matchedItem) {
+              return h('span', matchedItem.aircaftModelName)
+            } else {
+              return h('span', params.row.airModelId)
+            }
+          }
+        },
+        {
+          prop: 'airId',
+          label: '编目',
+          render: (h, params) => {
+            const matchedItem = this.aircaftCatalogAll.find((item) => params.row.airId.trim() === item.aircaftCatalogId.trim())
+            if (matchedItem) {
+              return h('span', matchedItem.aircaftCatalogCode)
+            } else {
+              return h('span', params.row.airId)
+            }
+          }
+        },
+        {
+          prop: 'configId',
+          label: '构型',
+          render: (h, params) => {
+            const matchedItem = this.configAll.find((item) => params.row.configId.trim() === item.id.trim())
+            if (matchedItem) {
+              return h('span', matchedItem.name)
+            } else {
+              return h('span', params.row.configId)
+            }
+          }
+        },
+        {
+          prop: 'componentName',
+          label: '部件名称'
+        },
+        {
+          prop: 'componentModel',
+          label: '部件型号'
+        },
+        {
+          prop: 'componentNum',
+          label: '部件编码'
+        },
+        {
+          prop: 'factoryDate',
+          label: '出厂日期'
+        },
+        {
+          prop: 'currentInstallAircraft',
+          label: '当前安装飞机'
+        },
+        {
+          prop: 'workTime',
+          label: '工作时次'
+        },
+        {
+          prop: 'ratedLifetime',
+          label: '额定寿命'
+        },
+        {
+          prop: 'remainingLifetime',
+          label: '剩余寿命'
+        },
+        {
+          button: true,
+          label: '操作',
+          width: '240px',
+          group: [
+            {
+              name: '编辑',
+              type: 'text',
+              round: false,
+              plain: false,
+              onClick: (row, index, scope) => {
+                this.handUpdate(row)
+              }
+            },
+            {
+              name: '删除',
+              type: 'text',
+              round: false,
+              plain: false,
+              onClick: (row, index, scope) => {
+                this.remove([row])
+              }
+            }
+          ]
+        }
+      ],
+      options: {
+        stripe: true, // 斑马纹
+        mutiSelect: true, // 多选框
+        index: false, // 显示序号， 多选则 mutiSelect
+        loading: false, // 表格动画
+        initTable: false, // 是否一挂载就加载数据
+        border: true,
+        height: 'calc(100vh - 300px)'
+      },
+      tableCheckItems: [],
+      tableData: [],
+      avmatTableData: [],
+      tableRequset: {
+        total: 0,
+        pageIndex: 1,
+        pageSize: 10,
+        searchValue: ''
+      },
+      avmatTableRequset: {
+        total: 0,
+        pageIndex: 1,
+        pageSize: 20,
+        searchValue: ''
+      },
+      form: {
+        id: '',
+        airId: '',
+        airModelId: '',
+        configId: '',
+        componentName: '',
+        componentModel: '',
+        componentNum: '',
+        factoryDate: '',
+        currentInstallAircraft: '',
+        workTime: '',
+        ratedLifetime: '',
+        remainingLifetime: '',
+        remarks: '',
+        tenantId: '',
+        delFlag: '',
+        version: '',
+        createBy: '',
+        createTime: '',
+        updateBy: '',
+        updateTime: ''
+      },
+      debounceFn: debounce(this.fetch, 500),
+      aircaftModelAll: [],
+      aircaftCatalogAll: [],
+      configAll: [],
+      rules: {
+        airId: [{ required: true, message: '编目不能为空', trigger: 'blur' }],
+        airModelId: [{ required: true, message: '机型不能为空', trigger: 'blur' }],
+        configId: [{ required: true, message: '构型不能为空', trigger: 'blur' }],
+        componentName: [{ required: true, message: '部件名称不能为空', trigger: 'blur' }],
+        componentModel: [{ required: true, message: '部件型号不能为空', trigger: 'blur' }],
+        componentNum: [{ required: true, message: '部件编码不能为空', trigger: 'blur' }],
+        factoryDate: [{ required: true, message: '出厂日期不能为空', trigger: 'blur' }],
+        currentInstallAircraft: [{ required: true, message: '当前安装飞机不能为空', trigger: 'blur' }],
+        workTime: [{ required: true, message: '工作时次不能为空', trigger: 'blur' }],
+        ratedLifetime: [{ required: true, message: '额定寿命不能为空', trigger: 'blur' }]
+      }
+    }
+  },
+  watch: {
+    keyWord() {
+      this.tableRequset.pageIndex = 1
+      this.debounceFn()
+    }
+  },
+  mounted() {
+    this.getAircaftTypeAndModelTreeAPI()
+  },
+  methods: {
+    async getAircaftTypeAndModelTreeAPI(params) {
+      const { data } = await getAircaftCatalogTree(params)
+      this.menuTreeData = data
+      const { pageSize, pageIndex } = this.avmatTableRequset
+      const {
+        data: { list, totalCount }
+      } = await getAvmatCatalog({
+        pageIndex,
+        pageSize,
+        avmatCategoriesId: '',
+        avmatType: '1'
+      })
+      this.avmatTableData = flattenTree(list)
+      this.avmatTableRequset.total = totalCount
+      const getAircaftModelAllParams = {
+        aircaftTypeCode: '',
+        aircaftTypeId: '',
+        queryParam: ''
+      }
+      const { data: data1 } = await getAircaftModelAll(getAircaftModelAllParams)
+      this.aircaftModelAll = data1
+      const { data: data2 } = await getAircaftCatalogAll({
+        keyWord: '',
+        aircaftModelIdList: []
+      })
+      this.aircaftCatalogAll = flattenTree(data2)
+    },
+
+    async removeLifetimeSparePartsAPI(params) {
+      try {
+        const { code } = await removeLifetimeSpareParts(params)
+        if (code === 200) {
+          this.$message({
+            type: 'success',
+            message: '操作成功!'
+          })
+          await this.getLifetimeSparePartsAPI({ configId: this.currentConfigNodeKey })
+          this.handleClose()
+        }
+      } catch (error) {}
+    },
+
+    getTreeLeafData(list) {
+      const newArr = []
+      function getLeaf(data, arr) {
+        data.forEach((e) => {
+          if (e.type === 1) {
+            arr.push(e)
+          }
+          if (e.children.length) {
+            getLeaf(e.children, arr)
+          }
+        })
+      }
+      getLeaf(list, newArr)
+      return newArr
+    },
+
+    async getLifetimeSparePartsAPI(params) {
+      if (this.$refs.table) this.$refs.table.clearSelection()
+      const { keyWord } = this
+      const { pageSize, pageIndex } = this.tableRequset
+      const {
+        data: { list, totalCount }
+      } = await getLifetimeSpareParts({ pageSize, pageNum: pageIndex, keyWord, ...params })
+      this.tableData = list
+      this.tableRequset.total = totalCount
+    },
+
+    fetch() {
+      this.getLifetimeSparePartsAPI({ configId: this.currentConfigNodeKey })
+    },
+
+    searchClick() {
+      this.getLifetimeSparePartsAPI({ configId: this.currentConfigNodeKey })
+    },
+
+    async addLifetimeSparePartsAPI() {
+      this.$refs['form'].validate(async (valid) => {
+        if (valid) {
+          try {
+            delete this.form.aircaftModelName
+            const { code } = await addLifetimeSpareParts({ ...this.form })
+            if (code === 200) {
+              this.$message({
+                type: 'success',
+                message: '操作成功!'
+              })
+              this.getLifetimeSparePartsAPI({ configId: this.currentConfigNodeKey })
+              this.handleClose()
+            }
+          } catch (error) {}
+        }
+      })
+    },
+
+    async updateLifetimeSparePartsAPI() {
+      this.$refs['form'].validate(async (valid) => {
+        if (valid) {
+          try {
+            const { code } = await updateLifetimeSpareParts({ ...this.form })
+            if (code === 200) {
+              this.$message({
+                type: 'success',
+                message: '操作成功!'
+              })
+              this.getLifetimeSparePartsAPI({ configId: this.currentConfigNodeKey })
+              this.handleClose()
+            }
+          } catch (error) {}
+        }
+      })
+    },
+
+    async treeNodeClick(data) {
+      // this.$refs.table.clearSelection()
+      this.currentAirId = this.form.airId = data.id
+      this.currentAirModelId = this.form.airModelId = data.parentId
+      // this.currentNode = data
+      // this.form.aircraftType = data.label
+      // this.getAirInstallAPI(this.currentNodeKey)
+      let dataTree = []
+      if (data.type === 1) {
+        const { data: data1 } = await getAirConfiguration({ aircraftType: data.id })
+        dataTree = data1
+      } else if (data.type === 2) {
+        const { data: data1 } = await getAirConfiguration({ aircraftType: data.parentId })
+        dataTree = data1
+      }
+      this.configAll = dataTree
+      this.configTreeData = []
+      const topNode = { id: 1, name: '整机', children: [] }
+      // topNode.children = data1
+      topNode.children = handleTree(dataTree, 'id')
+      this.configTreeData.push(topNode)
+      console.log(this.aircaftModelAll)
+      console.log(this.aircaftCatalogAll)
+      console.log(this.configAll)
+    },
+
+    treeConfigNodeClick(data) {
+      this.$refs.table.clearSelection()
+      this.currentConfigNodeKey = this.form.configId = data.id
+      this.currentConfigNode = data
+      // const dataTree = this.configTreeData
+      // console.log('dataTree', dataTree)
+      // this.configNodeIdList = String(this.getAllTreeData(dataTree[0].children.length ? dataTree[0].children : [dataTree[0]]).map((e) => e.id))
+      // console.log('this.configNodeIdList', this.configNodeIdList)
+      // this.getAirInstallAPI({ configId: this.configNodeIdList })
+      this.getLifetimeSparePartsAPI({ configId: this.currentConfigNodeKey })
+    },
+
+    openDialog() {
+      this.dialogTitle = '新增'
+      this.dialogVisible = true
+      this.form.aircaftModelName = this.currentNode.label
+      this.form.aircaftModelId = this.currentNode.id
+    },
+
+    handleClose() {
+      this.dialogVisible = false
+      this.form.componentName = ''
+      this.form.componentModel = ''
+      this.form.componentNum = ''
+      this.form.factoryDate = ''
+      this.form.currentInstallAircraft = ''
+      this.form.workTime = ''
+      this.form.ratedLifetime = ''
+      this.form.remainingLifetime = ''
+      this.form.remarks = ''
+      this.form.tenantId = ''
+      this.form.delFlag = ''
+      this.form.version = ''
+      this.form.createBy = ''
+      this.form.createTime = ''
+      this.form.updateBy = ''
+      this.form.updateTime = ''
+    },
+
+    handUpdate(row) {
+      this.dialogTitle = '编辑'
+      this.form = deepClone(row)
+      this.dialogVisible = true
+    },
+
+    submit() {
+      switch (this.dialogTitle) {
+        case '编辑':
+          this.updateLifetimeSparePartsAPI()
+          break
+        case '新增':
+          this.addLifetimeSparePartsAPI()
+          break
+      }
+    },
+
+    selection(val) {
+      this.tableCheckItems = val
+    },
+
+    remove(row) {
+      this.$confirm('是否删除该机种', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+        .then(() => {
+          this.removeLifetimeSparePartsAPI(row.map((e) => e.id))
+        })
+        .catch(() => {})
+    },
+    //更多按钮
+    handleExport(type) {
+      this[type]()
+    },
+    //导入
+    importOperation() {
+      this.$refs.ImportDialog.triggerDialog()
+    },
+    //导入回写
+    ImportDialogCallBack() {
+      this.getAircaftTypeAndModelTreeAPI()
+    },
+    //导出全部
+    async allExport() {
+      // const params = {
+      //   queryParam: this.searchValue
+      // }
+      await exportLifetimeSparePartsExcel({})
+    },
+    //下载模板
+    async downloadTemplate() {
+      await downLoadLifetimeSpareParts()
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@import '../index.scss';
+</style>

src/views/als/smTask/importDialog/index.vue

@@ -0,0 +1,69 @@
+<template>
+  <el-dialog :title="dialogtitle" :visible.sync="dialogVisible" width="500px" :before-close="handleClose" center>
+    <div class="upload">
+      <div class="upload-left">导入文件</div>
+      <el-upload class="upload-right" ref="upload" accept=".xls,.xlsx" :action="fileApi" :file-list="fileList" :data="fileData" :auto-upload="false" :on-success="onSuccess" :limit="1">
+        <el-button slot="trigger" style="margin-right: 30px" size="small" type="primary">选择文件</el-button>
+        <el-button size="small" type="success" @click="submitUpload">导入数据</el-button>
+        <div slot="tip" class="el-upload__tip" style="margin-left: 10px; margin-top: 10px; font-size: 14px">只能导入 xls / xlsx 文件</div>
+      </el-upload>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { useMessage } from '@/utils/element-ui'
+export default {
+  data() {
+    return {
+      dialogtitle: '导入定检任务信息',
+      dialogVisible: false,
+      fileApi: process.env.VUE_APP_BASE_API + '/als/smTask/importData',
+      fileList: [],
+      fileData: {
+        userName: ''
+      }
+    }
+  },
+  methods: {
+    triggerDialog() {
+      this.dialogVisible = true
+    },
+
+    handleClose() {
+      this.dialogVisible = false
+    },
+
+    // 上传
+    submitUpload() {
+      const userInfo = this.$store.state.user.userInfo.user
+      this.fileData.userName = userInfo.userName
+      this.$refs.upload.submit()
+    },
+
+    // 上传完成后
+    onSuccess(result) {
+      this.$refs.upload.clearFiles()
+      this.fileList = []
+      const { msg, code } = result
+      useMessage(code == 200 ? 'success' : 'warning', msg, 2000)
+      if (code !== 200) return
+      this.handleClose()
+      this.$emit('submitCallBack')
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.el-dialog__wrapper {
+  width: 100%;
+}
+.upload {
+  height: 106px;
+  padding-top: 30px;
+  display: flex;
+  &-left {
+    margin-right: 40px;
+  }
+}
+</style>

src/views/als/smTask/index.vue

@@ -8,6 +8,14 @@
         <div class="view-dataType-title-btn">
           <el-button type="success" @click="openDialog()" :disabled="!(currentNode.type == 2)">新增</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-dataType-title-search">
           <el-input placeholder="请输入关键字" v-model="keyWord" class="input1">
@@ -31,8 +39,8 @@
               <el-option v-for="item in aircaftCatalogAll" :key="item.aircaftCatalogId" :label="item.aircaftCatalogCode" :value="item.aircaftCatalogId"> </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="任务名称" prop="name">
-            <el-input v-model="form.name" placeholder="请输入任务名称" />
+          <el-form-item label="检查项名称" prop="name">
+            <el-input v-model="form.name" placeholder="请输入检查项名称" />
           </el-form-item>
           <el-form-item label="专业" prop="specialty">
             <el-input v-model="form.specialty" placeholder="请输入专业" />
@@ -43,9 +51,9 @@
           <el-form-item label="周期" prop="periodTime">
             <el-input v-model="form.periodTime" placeholder="请输入周期" />
           </el-form-item>
-          <el-form-item label="剩余时间" prop="remainTime">
+          <!-- <el-form-item label="剩余时间" prop="remainTime">
             <el-input v-model="form.remainTime" placeholder="请输入剩余时间" />
-          </el-form-item>
+          </el-form-item> -->
           <el-form-item label="负责人" prop="headName">
             <el-input v-model="form.headName" placeholder="请输入负责人" />
           </el-form-item>
@@ -65,20 +73,23 @@
           <el-button type="primary" @click="submit">确 定</el-button>
         </span>
       </el-dialog>
+      <!-- 导入 -->
+      <ImportDialog ref="ImportDialog" @submitCallBack="ImportDialogCallBack" />
     </div>
   </div>
 </template>
 
 <script>
-import { getSmTask, addSmTask, updateSmTask, removeSmTask } from '@/api/als/smTask'
+import { getSmTask, addSmTask, updateSmTask, removeSmTask, downLoadSmTask, exportSmTask } from '@/api/als/smTask'
 import { deepClone, debounce } from '@/utils/index'
 import { getAircaftCatalogTree } from '@/api/als/sideTree'
 import { getAircaftModelAll, getAircaftCatalogAll } from '@/api/als/aircraft'
 import { flattenTree } from '../utils/common'
+import ImportDialog from './importDialog/index.vue'
 
 export default {
   name: 'SmTask',
-  components: {},
+  components: { ImportDialog },
   data() {
     // 这里存放数据
     return {
@@ -112,7 +123,7 @@ export default {
             if (matchedItem) {
               return h('span', matchedItem.aircaftModelName)
             } else {
-              return h('span', {}, '')
+              return h('span', params.row.aircraftModel)
             }
           }
         },
@@ -124,13 +135,13 @@ export default {
             if (matchedItem) {
               return h('span', matchedItem.aircaftCatalogCode)
             } else {
-              return h('span', {}, '')
+              return h('span', params.row.aircraftId)
             }
           }
         },
         {
           prop: 'name',
-          label: '任务名称'
+          label: '检查项名称'
         },
         {
           prop: 'specialty',
@@ -144,10 +155,10 @@ export default {
           prop: 'periodTime',
           label: '周期'
         },
-        {
-          prop: 'remainTime',
-          label: '剩余时间'
-        },
+        // {
+        //   prop: 'remainTime',
+        //   label: '剩余时间'
+        // },
         {
           prop: 'headName',
           label: '负责人'
@@ -160,17 +171,17 @@ export default {
           prop: 'contents',
           label: '任务内容'
         },
-        {
-          prop: 'status',
-          label: '状态',
-          render: (h, params) => {
-            if (params.row.status == 0) {
-              return h('span', { class: 'warning-state' }, '未分配')
-            } else {
-              return h('span', { class: 'success-state' }, '已分配')
-            }
-          }
-        },
+        // {
+        //   prop: 'status',
+        //   label: '状态',
+        //   render: (h, params) => {
+        //     if (params.row.status == 0) {
+        //       return h('span', { class: 'warning-state' }, '未分配')
+        //     } else {
+        //       return h('span', { class: 'success-state' }, '已分配')
+        //     }
+        //   }
+        // },
         {
           prop: 'remark',
           label: '备注'
@@ -361,6 +372,7 @@ export default {
     async treeNodeClick(data) {
       this.$refs.table.clearSelection()
       this.currentNodeKey = this.form.aircraftId = data.id
+      console.log(data)
       this.currentNode = data
       this.aircaftModelIdList = String(this.getTreeLeafData(data.children.length ? data.children : [data]).map((e) => e.id))
       this.getSmTaskAPI({ aircraftId: this.aircaftModelIdList })
@@ -434,6 +446,29 @@ export default {
           smTaskId: row.id
         }
       })
+    },
+    //更多按钮
+    handleExport(type) {
+      this[type]()
+    },
+    //导入
+    importOperation() {
+      this.$refs.ImportDialog.triggerDialog()
+    },
+    //导入回写
+    ImportDialogCallBack() {
+      this.getAircaftCatalogTreeAPI()
+    },
+    //导出全部
+    async allExport() {
+      // const params = {
+      //   queryParam: this.searchValue
+      // }
+      await exportSmTask({})
+    },
+    //下载模板
+    async downloadTemplate() {
+      await downLoadSmTask()
     }
   }
 }