完善

src/api/excel/excel.js

@@ -0,0 +1,20 @@
+import { axios } from '@/utils/request'
+import { stringify } from 'qs'
+
+/**
+ * add batch func
+ * parameter: { }
+ * @param parameter
+ * @returns {*}
+ */
+export function importSbType (parameter) {
+  return axios({
+    url: '/excel/import/sb/type',
+    method: 'POST',
+    headers: {
+      'Accept': 'application/json',
+      'Content-Type': 'application/json;charset=UTF-8'
+    },
+    data: parameter
+  })
+}

src/router/generator-platform-routers.js

@@ -289,8 +289,6 @@ const constantRouterComponents = {
   'SbInfoScrap': () => import('@/views/sb/scrap/SbInfoScrap'),
   // 设备维护标准
   'SbInfoStandard': () => import('@/views/sb/info/SbInfoStandard'),
-  // 导入
-  'Imp': () => import('@/views/upms/impExcel/Imp'),
 
   // 报表
   'AnalysisSbInfo': () => import('@/views/dashboard/AnalysisSbInfo'), // 保养任务完成率报表
@@ -311,7 +309,10 @@ const constantRouterComponents = {
   'CustomFieldTemplate': () => import('@/views/customize/fieldTemplate/CustomFieldTemplate'), // 自定义模板
   'CustomFieldTemplateData': () => import('@/views/customize/fieldTemplateData/CustomFieldTemplateData'), // 自定义模板数据
   // 新增路由
-  'SparePartUsedSelectTable': () => import('@/views/sqarepartmanage/sparepartused/modules/SparePartUsedSelectTable') // 备件使用记录
+  'SparePartUsedSelectTable': () => import('@/views/sqarepartmanage/sparepartused/modules/SparePartUsedSelectTable'), // 备件使用记录
+  // 初始化导入
+  'ImportExcel': () => import('@/views/excel/ImportExcel')
+
 }
 
 // 前端未找到页面路由（固定不用改）

src/views/excel/ImportExcel.vue

@@ -0,0 +1,69 @@
+<template>
+  <a-card :bordered="false" v-show="visible" class="card" :title="modalTitle">
+    <h1 style="margin:20px auto; text-align: center"> 初始化导入 </h1>
+    <a-card title="导入列表">
+      <a-card-grid v-for="(name, index) in names" :key="name" style="width:25%;text-align:center" @click="doImport(index)">
+        {{ name }}
+      </a-card-grid>
+    </a-card>
+    <a-row :gutter="48">
+      <a-col :md="48" :sm="48">
+        <span class="table-page-search-submitButtons" style="float: right;margin-top: 10px">
+          <a-button style="margin-left: 8px" @click="handleCancel()">返回</a-button>
+        </span>
+      </a-col>
+    </a-row>
+
+    <import-form-add ref="importModal"/>
+  </a-card>
+</template>
+
+<script>
+import ImportFormAdd from './modules/ImportFormAdd'
+export default {
+  name: 'ImportExcel',
+  components: {
+    ImportFormAdd
+  },
+  data () {
+    return {
+      confirmLoading: false,
+      modalTitle: null,
+      configMap: {},
+      names: ['部位类型', '设备类型', '设备位置', '供应商'],
+      factoryStr: null,
+      form: this.$form.createForm(this),
+      visible: true,
+      user: this.$store.getters.userInfo
+    }
+  },
+  props: {
+  },
+  created () {
+  },
+  methods: {
+    base (record) {
+      this.visible = true
+      // 如果是空标识添加
+      if (this.BaseTool.Object.isBlank(record)) {
+        this.modalTitle = '导入'
+        this.data = []
+      }
+    },
+    handleCancel (values) {
+      this.visible = false
+      this.confirmLoading = false
+      this.form.resetFields()
+      if (this.BaseTool.Object.isNotBlank(values)) {
+        this.$emit('ok', values)
+      } else {
+        this.$emit('ok')
+      }
+    },
+    doImport (index) {
+      console.log(index)
+      this.$refs.importModal.base(index)
+    }
+  }
+}
+</script>

src/views/excel/modules/ImportFormAdd.vue

@@ -0,0 +1,114 @@
+<template>
+  <a-modal
+    :title="modalTitle"
+    :width="640"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    @cancel="handleCancel"
+  >
+    <a-form :form="form">
+      <a-form-item
+        label="上传文件"
+        :labelCol="BaseTool.Constant.labelCol"
+        :wrapperCol="BaseTool.Constant.wrapperCol"
+      >
+        <a-upload :fileList="fileList" @change="handleChange" :remove="handleRemove" :beforeUpload="beforeUpload">
+          <a-button> <a-icon type="upload" />选择上传文件</a-button>
+        </a-upload>
+      </a-form-item>
+    </a-form>
+    <!--    <p style="color: red">注意事项：<br/>
+      1：请确保设备新号、名称、型号的准确填写<br/>
+      2：请确保数据都未导入，重新导入成功不会覆盖原有数据，导致存在多台同样设备<br/>
+      3：导入如出现问题，请及时联系<br/>
+    </p>-->
+    <template slot="footer">
+      <a-button :loading="confirmLoading" type="primary" @click="save()">确定</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script>
+import { importSbType } from '@/api/excel/excel'
+
+export default {
+  name: 'SbModelBomImportForm',
+  data () {
+    return {
+      confirmLoading: false,
+      modalTitle: null,
+      form: this.$form.createForm(this),
+      visible: false,
+      index: null,
+      fileList: []
+    }
+  },
+  methods: {
+    base (index) {
+      this.visible = true
+      this.index = index
+      this.modalTitle = '初始化导入'
+    },
+    handleRemove (file) {
+      const index = this.fileList.indexOf(file)
+      const newFileList = this.fileList.slice()
+      newFileList.splice(index, 1)
+      this.fileList = newFileList
+    },
+    beforeUpload (file) {
+      const reg = /\.(xls|xlsx)(\?.*)?$/
+      return new Promise((resolve, reject) => {
+        if (reg.test(file.name)) {
+          this.fileList = [file]
+          return false
+        } else {
+          this.$message.error(`请上传正确的excel文件`)
+          reject(new Error('请上传正确的excel文件'))
+          return false
+        }
+      })
+    },
+    handleChange (info) {
+      if (info.file.status !== 'uploading') {
+        console.log(info.file, info.fileList)
+      }
+      if (info.file.status === 'done') {
+        this.$message.success(`${info.file.name} file uploaded successfully`)
+      } else if (info.file.status === 'error') {
+        this.$message.error(`${info.file.name} file upload failed.`)
+      }
+    },
+    save () {
+      const { form: { validateFieldsAndScroll } } = this
+      this.confirmLoading = true
+      validateFieldsAndScroll((errors, values) => {
+        if (errors) {
+          this.confirmLoading = false
+          return
+        }
+        const formData = new FormData()
+        formData.append('file', this.fileList[0])
+        if (this.index === 1) {
+          importSbType(formData)
+            .then((res) => {
+              this.$message.info(res.data)
+              this.handleCancel(values)
+              this.BaseTool.ListForm.clearOneList(this)
+              this.BaseTool.ListForm.pushOneListAddMore(this, res.data)
+            }).catch(() => {
+              this.confirmLoading = false
+            })
+        }
+      })
+    },
+    handleCancel (values) {
+      this.visible = false
+      this.confirmLoading = false
+      this.fileList = []
+      this.form.resetFields()
+      this.storeId = null
+    }
+
+  }
+}
+</script>