src/router/index.js

@@ -100,12 +100,6 @@ export const constantRoutes = [
     hidden: true,
     component: () => import('@/views/map/index')
   }
-  // {
-  //   path: '/accident/records',
-  //   name: 'apiAccidentRecords',
-  //   meta: { name: '事故调查' },
-  //   component: () => import('@/views/accident/records/index.vue')
-  // }
 ]
 const createRouter = () => new Router({
   // mode: 'history', // require service support

src/views/accident/records/components/addOrEdit.vue

@@ -1,384 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-form
-      ref="form"
-      :model="infoForm"
-      :rules="rules"
-      label-width="180px"
-      style="width: 900px"
-    >
-      <el-form-item :label-width="formLabelWidth" label="事故案号" prop="incidentNumber">
-        <el-input v-model="infoForm.incidentNumber" :disabled="isDisabled" autocomplete="off"/>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="事故名称" prop="incidentName">
-        <el-input v-model="infoForm.incidentName" :disabled="isDisabled" autocomplete="off"/>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="事故类型" prop="incidentType">
-        <el-select v-model="infoForm.incidentType" :disabled="isDisabled" placeholder="请选择">
-          <el-option v-for="item in incidentTypes" :key="item.id" :label="item.name" :value="item.id"/>
-        </el-select>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="事故级别" prop="incidentLevel">
-        <el-select v-model="infoForm.incidentLevel" :disabled="isDisabled" placeholder="请选择">
-          <el-option v-for="item in incidentLevels" :key="item.id" :label="item.name" :value="item.id"/>
-        </el-select>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="事故发生地点" prop="location">
-        <el-input v-model="infoForm.location" :disabled="isDisabled" autocomplete="off"/>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="事故发生时间" prop="incidentDate">
-        <el-date-picker
-          :disabled="isDisabled"
-          v-model="infoForm.incidentDate"
-          type="datetime"
-          placeholder="选择事故发生时间"
-          style="width: 100%;"
-        />
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="直接经济损失（万元）" prop="directLoss">
-        <el-input v-model="infoForm.directLoss" :disabled="isDisabled" type="number" autocomplete="off"/>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="受伤人数" prop="injured">
-        <el-input v-model="infoForm.injured" :disabled="isDisabled" type="number" autocomplete="off"/>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="死亡人数" prop="fatalities">
-        <el-input v-model="infoForm.fatalities" :disabled="isDisabled" type="number" autocomplete="off"/>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="重伤人数" prop="seriouslyInjured">
-        <el-input v-model="infoForm.seriouslyInjured" :disabled="isDisabled" type="number" autocomplete="off"/>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="事故起因" prop="cause">
-        <el-input v-model="infoForm.cause" :disabled="isDisabled" autocomplete="off"/>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="事故概述" prop="summary">
-        <el-input v-model="infoForm.summary" :disabled="isDisabled" autocomplete="off"/>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="事故照片" prop="fileList">
-        <el-upload
-          ref="upload"
-          :disabled="isDisabled"
-          :file-list="infoForm.fileList"
-          :multiple="false"
-          :auto-upload="true"
-          :limit="limitNum"
-          :on-remove="handleRemovePicture"
-          :on-preview="handlePictureCardPreview"
-          :before-upload="beforeAccidentUpload"
-          :on-error="handleError"
-          :on-exceed="handleExceed"
-          name="file"
-          action="#"
-          accept=".jpg,.jpeg,.png"
-          list-type="picture-card">
-          <i class="el-icon-plus"/>
-        </el-upload>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="原因分析及责任认定" prop="analysis">
-        <el-input v-model="infoForm.analysis" :disabled="isDisabled" autocomplete="off"/>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="考核建议" prop="suggestions">
-        <el-input v-model="infoForm.suggestions" :disabled="isDisabled" autocomplete="off"/>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="整改措施" prop="measures">
-        <el-input v-model="infoForm.measures" :disabled="isDisabled" autocomplete="off"/>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="填表人" prop="creator">
-        <el-input v-model="infoForm.creator" :disabled="isDisabled" autocomplete="off"/>
-      </el-form-item>
-      <el-form-item :label-width="formLabelWidth" label="报出日期" prop="reportDate">
-        <el-date-picker
-          v-model="infoForm.reportDate"
-          :disabled="isDisabled"
-          type="datetime"
-          placeholder="请选择报出日期"
-          style="width: 100%;"
-        />
-      </el-form-item>
-    </el-form>
-
-    <el-dialog :visible.sync="dialogImgVisible">
-      <div v-if="infoForm.fileList.length > 0">
-        <img :src="infoForm.fileList[0].url" width="100%" alt="">
-      </div>
-    </el-dialog>
-
-    <div class="ui-height"/>
-    <div class="ui-foot">
-      <el-button
-        type="primary"
-        icon="el-icon-arrow-left"
-        plain
-        @click="goBack">返回
-      </el-button>
-      <el-button type="primary" @click="confirm">确 定</el-button>
-    </div>
-  </div>
-</template>
-
-<script>
-import { requestFN } from '../../../../utils/request'
-import { upload } from '@/utils/upload'
-
-export default {
-  data() {
-    return {
-      config: config,
-      infoForm: {
-        id: '', // 主键ID
-        incidentNumber: '', // 事故案号
-        incidentName: '', // 事故名称
-        incidentType: null, // 事故类型
-        companyName: '', // 所属公司
-        incidentLevel: '', // 事故级别
-        incidentNature: '', // 事故性质
-        location: '', // 事故发生地点
-        incidentDate: null, // 事故发生时间
-        directLoss: '', // 直接经济损失（万元）
-        injured: null, // 受伤人数
-        fatalities: null, // 死亡人数
-        seriouslyInjured: null, // 重伤人数
-        cause: '', // 事故起因
-        summary: '', // 事故概述
-        fileList: [], // 事故照片
-        analysis: '', // 原因分析及责任认定
-        suggestions: '', // 考核建议
-        measures: '', // 整改措施
-        creator: '', // 填表人
-        reportDate: null // 报出日期
-      },
-      formLabelWidth: '140px',
-      /** 事故类型 */
-      incidentTypes: [],
-      /** 事故等级 */
-      incidentLevels: [],
-      tableName: '',
-      /** 图片上传限制个数 */
-      limitNum: 1,
-      /** 预览弹窗 */
-      dialogImgVisible: false,
-      rules: {
-        incidentNumber: [{ required: true, message: '事故案号不能为空', trigger: 'blur' }],
-        incidentName: [{ required: true, message: '事故名称不能为空', trigger: 'blur' }],
-        incidentType: [{ required: true, message: '事故类型不能为空', trigger: 'blur' }],
-        incidentLevel: [{ required: true, message: '事故级别不能为空', trigger: 'blur' }],
-        incidentNature: [{ required: true, message: '事故性质不能为空', trigger: 'blur' }],
-        location: [{ required: true, message: '事故发生地点不能为空', trigger: 'blur' }],
-        incidentDate: [{ required: true, message: '事故发生时间不能为空', trigger: 'blur' }],
-        directLoss: [{ required: true, message: '直接经济损失（万元）不能为空', trigger: 'blur' }],
-        injured: [{ required: true, message: '受伤人数不能为空', trigger: 'blur' }],
-        seriouslyInjured: [{ required: true, message: '隐患类型不能为空', trigger: 'blur' }],
-        cause: [{ required: true, message: '事故起因不能为空', trigger: 'blur' }],
-        summary: [{ required: true, message: '事故概述不能为空', trigger: 'blur' }],
-        fileList: [{ required: true, message: '事故照片不能为空', trigger: 'blur' }],
-        analysis: [{ required: true, message: '原因分析及责任认定不能为空', trigger: 'blur' }],
-        suggestions: [{ required: true, message: '考核建议不能为空', trigger: 'blur' }],
-        measures: [{ required: true, message: '整改措施不能为空', trigger: 'blur' }],
-        creator: [{ required: true, message: '填表人不能为空', trigger: 'blur' }],
-        reportDate: [{ required: true, message: '报出日期不能为空', trigger: 'blur' }]
-      }
-    }
-  },
-
-  computed: {
-    isDisabled() {
-      return this.$parent.tableName === '查看'
-    }
-  },
-
-  created() {
-    this.getDict()
-    const id = this.$parent.id
-    this.tableName = this.$parent.tableName
-    if (id == null || id === '') {
-      this.infoForm = this.$options.data().infoForm
-    } else {
-      // 若有数据项的ID, 则请求接口并回显表单
-      requestFN('/accident/' + id, {}).then((data) => {
-        this.infoForm = {
-          ...data.info,
-          fileList: [
-            {
-              name: 'photo',
-              url: config.fileUrl + data.info.photos,
-              remotePathName: data.info.photos
-            }
-          ]
-        }
-      }).catch((e) => {
-      })
-    }
-  },
-
-  methods: {
-    /**
-     * 文件列表移除文件时的钩子
-     */
-    handleRemovePicture(file) {
-      if (file.remotePathName) {
-        requestFN(`/accident/delete/photos`, {
-          path: file.remotePathName
-        }).then((res) => {
-          if (res.result === 'success') {
-            this.infoForm.fileList = []
-            this.$message({
-              message: '文件删除成功',
-              type: 'info',
-              duration: 2000
-            })
-          }
-        })
-      }
-    },
-
-    /**
-     * 点击文件列表中已上传的文件时的钩子
-     */
-    handlePictureCardPreview(file) {
-      this.dialogImgVisible = true
-      this.dialogImageUrl = file.url
-    },
-
-    /**
-     * 文件上传失败时的钩子处理
-     */
-    // eslint-disable-next-line handle-callback-err
-    handleError(err, file, fileList) {
-      this.$message({
-        message: `${file.name}上传失败, 请稍后重试`,
-        type: 'error',
-        duration: 2000
-      })
-    },
-
-    /**
-     * 文件超出个数限制的钩子处理
-     */
-    handleExceed(files, fileList) {
-      this.$message.warning(`当前限制选择 ${this.limitNum} 个文件,本次选择了 ${files.length} 个文件`)
-    },
-
-    /**
-     * 上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传。
-     */
-    beforeAccidentUpload(file) {
-      if (!file) {
-        this.$message({
-          message: '请上传图片',
-          type: 'error'
-        })
-        return false
-      }
-      const types = ['image/jpeg', 'image/jpg', 'image/png']
-      const isImage = types.includes(file.type)
-      if (!isImage) {
-        this.$message.error('上传图片只能是 JPG、JPEG、PNG 格式!')
-        return false
-      } else {
-        const formData = new FormData()
-        formData.append('file', file)
-        upload('/accident/import/photos', formData).then((data) => {
-          if (data.result === 'success') {
-            this.infoForm = {
-              ...this.infoForm,
-              fileList: [{
-                name: file.name,
-                url: config.fileUrl + data.path,
-                remotePathName: data.path
-              }]
-            }
-          }
-        })
-        return false
-      }
-    },
-
-    /**
-     * 返回到列表页面
-     */
-    goBack() {
-      this.handleResetInitForm()
-      this.image = []
-      this.dialogImageUrl = ''
-      this.$parent.activeName = 'List'
-    },
-
-    /**
-     * 表单清空处理
-     */
-    handleResetInitForm() {
-      this.infoForm = {
-        id: '', // 主键ID
-        incidentNumber: '', // 事故案号
-        incidentName: '', // 事故名称
-        incidentType: null, // 事故类型
-        companyName: '', // 所属公司
-        incidentLevel: '', // 事故级别
-        incidentNature: '', // 事故性质
-        location: '', // 事故发生地点
-        incidentDate: null, // 事故发生时间
-        directLoss: '', // 直接经济损失（万元）
-        injured: null, // 受伤人数
-        fatalities: null, // 死亡人数
-        seriouslyInjured: null, // 重伤人数
-        cause: '', // 事故起因
-        summary: '', // 事故概述
-        fileList: [], // 事故照片
-        analysis: '', // 原因分析及责任认定
-        suggestions: '', // 考核建议
-        measures: '', // 整改措施
-        creator: '', // 填表人
-        reportDate: null // 报出日期
-      }
-    },
-
-    /**
-     * 表单确认按钮
-     */
-    confirm() {
-      this.$refs.form.validate(valid => {
-        if (!valid) {
-          return false
-        }
-        const params = {
-          ...this.infoForm,
-          photos: this.infoForm.fileList[0].remotePathName
-        }
-        delete params.fileList
-        requestFN('/accident' + (this.tableName === '修改' ? '/update' : '/save'), params)
-          .then((response) => {
-            // 删除成功后的处理
-            this.$message.success(this.tableName + '成功')
-            this.infoForm = this.$options.data().infoForm
-            this.$parent.activeName = 'List'
-            // eslint-disable-next-line handle-callback-err
-          }).catch((error) => {
-            this.$message.error(this.tableName + '失败')
-          })
-      })
-    },
-
-    /**
-     * 获取字典
-     */
-    getDict() {
-      const url = '/dictionaries/listSelectTree'
-      requestFN(url,
-        {
-          DICTIONARIES_ID: '8d4140a900184b60836ad1a6490fd510'
-        }
-      ).then((data) => {
-        this.incidentTypes = JSON.parse(data.zTreeNodes)
-      })
-      requestFN(url,
-        {
-          DICTIONARIES_ID: 'b61a1edc59c0430c8741c5f51aa26c3c'
-        }
-      ).then((data) => {
-        this.incidentLevels = JSON.parse(data.zTreeNodes)
-      })
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss"></style>

src/views/accident/records/components/list.vue

@@ -1,338 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-form ref="searchForm" :model="searchForm" label-width="100px">
-      <el-row :gutter="12">
-        <el-col :span="4">
-          <el-form-item label="事故名称" prop="incidentName">
-            <el-input v-model="searchForm.incidentName" placeholder="请输入事故名称" class="filter-item"/>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="发生时间" prop="incidentDates">
-            <el-date-picker
-              v-model="searchForm.incidentDates"
-              :default-time="['00:00:00', '23:59:59']"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              format="yyyy-MM-dd"
-              style="width: 100%"
-              type="daterange"
-              range-separator="-"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            />
-          </el-form-item>
-        </el-col>
-        <el-col :span="4">
-          <el-form-item label="发生地点" prop="location">
-            <el-input v-model="searchForm.location" placeholder="请输入发生地点" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="3">
-          <el-form-item label="事故类型" prop="incidentType">
-            <el-select v-model="searchForm.incidentType" placeholder="请选择">
-              <el-option v-for="item in incidentTypes" :key="item.id" :label="item.name" :value="item.id" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="3">
-          <el-form-item label="事故等级" prop="incidentLevel">
-            <el-select v-model="searchForm.incidentLevel" placeholder="请选择">
-              <el-option v-for="item in incidentLevels" :key="item.id" :label="item.name" :value="item.id" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="3">
-          <el-button v-waves type="primary" icon="el-icon-search" @click="searchList">查询</el-button>
-          <el-button v-waves icon="el-icon-refresh" @click="handleReset">重置</el-button>
-        </el-col>
-      </el-row>
-      <!-- 搜索查询 end -->
-
-      <!-- 顶部操作按钮 start -->
-      <el-row :gutter="24">
-        <el-col :span="24">
-          <el-button type="primary" icon="el-icon-circle-plus" @click="goView('', '新增')">新增</el-button>
-          <el-button icon="el-icon-s-promotion" @click="handleAllExport">全部导出</el-button>
-          <el-button type="danger" icon="el-icon-delete-solid" @click="handleBatchDel">批量删除</el-button>
-        </el-col>
-      </el-row>
-      <!-- 顶部操作按钮 end -->
-    </el-form>
-
-    <!-- table 表格 start -->
-    <div style="margin-top: 16px;">
-      <el-table
-        v-loading="listLoading"
-        ref="multipleTable"
-        :data="varList"
-        tooltip-effect="dark"
-        style="width: 100%"
-        border
-        @selection-change="handleSelectionChange"
-      >
-        <el-table-column type="selection" width="55"/>
-        <el-table-column label="事故名称" prop="incidentName"/>
-        <el-table-column label="所属公司" prop="companyName"/>
-        <el-table-column label="发生时间" prop="incidentDate">
-          <template v-slot="{row}">
-            {{ formatDate(row.incidentDate,'YYYY-MM-DD HH:mm:ss') }}
-          </template>
-        </el-table-column>
-        <el-table-column label="发生地点" prop="location"/>
-        <el-table-column label="操作" width="300">
-          <template v-slot="{row}">
-            <el-button icon="el-icon-view" size="mini" @click="goView(row.id, '查看')">查看</el-button>
-            <el-button icon="el-icon-edit" size="mini" @click="goEdit(row.id, '修改')">修改</el-button>
-            <el-button icon="el-icon-delete-solid" type="danger" size="mini" @click="deleteRow(row.id)">删除</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </div>
-    <!-- table 表格 end -->
-
-    <div class="pagination-group">
-      <pagination :total="listQuery.total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="searchList" />
-    </div>
-  </div>
-</template>
-
-<script>
-import Pagination from '@/components/Pagination'
-import waves from '@/directive/waves'
-import formatDate from '@/utils/dateformat'
-import { requestFN } from '../../../../utils/request'
-
-export default {
-  components: { Pagination },
-  directives: { waves },
-
-  data() {
-    return {
-      // 搜索查询条件
-      searchForm: {
-        /** 事故名称 */
-        incidentName: '',
-        /** 发生时间 */
-        incidentDates: [],
-        /** 开始时间 */
-        startTime: null,
-        /** 结束时间 */
-        endTime: null,
-        /** 发生地点 */
-        location: '',
-        /** 事故类型 */
-        incidentType: '',
-        /** 事故等级 */
-        incidentLevel: ''
-      },
-      /** 当前选中行 */
-      multipleSelection: [],
-      /** 列表加载态 */
-      listLoading: false,
-      /** 源列表数据项 */
-      varList: [],
-      /** 事故类型 */
-      incidentTypes: [],
-      /** 事故等级 */
-      incidentLevels: [],
-      // 列表分页参数
-      listQuery: {
-        /** 当前页数 */
-        page: 1,
-        /** 分页数 */
-        limit: 20,
-        /** 总页数 */
-        total: 0
-      }
-    }
-  },
-
-  created() {
-    this.getDict()
-    this.searchList()
-  },
-
-  methods: {
-    /**
-     * 查询搜索
-     */
-    searchList() {
-      this.listLoading = true
-      const dates = this.searchForm.incidentDates
-      if (dates != null && dates.length === 2) {
-        this.searchForm.startTime = dates[0]
-        this.searchForm.endTime = dates[1]
-      }
-      const url = '/accident/page?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page
-      requestFN(url, { ...this.searchForm }).then((data) => {
-        this.listLoading = false
-        this.varList = data.varList
-        this.listQuery.total = data.page.totalResult
-      }).catch((e) => {
-        this.listLoading = false
-      })
-    },
-
-    /**
-     * 重置搜索条件
-     */
-    handleReset() {
-      this.searchForm = this.$options.data().searchForm
-      this.searchList()
-    },
-
-    /**
-     * 表格行选择器处理
-     */
-    handleSelectionChange(val) {
-      this.multipleSelection = val
-    },
-
-    /**
-     * 跳转查看详情页面
-     */
-    goView(id, name) {
-      this.$parent.id = id
-      this.$parent.tableName = name
-      this.$parent.activeName = 'AddOrEdit'
-    },
-
-    /**
-     * 跳转修改页面
-     */
-    goEdit(id, name) {
-      this.$parent.id = id
-      this.$parent.tableName = name
-      this.$parent.activeName = 'AddOrEdit'
-    },
-
-    /**
-     * 删除行数据
-     */
-    deleteRow(id) {
-      if (id === null || id === '') {
-        this.$message.warning('请选择要删除的行')
-        return
-      }
-
-      // 弹出确认框
-      this.$confirm('确定要删除这调记录吗？', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        // 发送删除请求
-        const url = '/accident/delete/' + '' + id
-        requestFN(url).then((response) => {
-          // 删除成功后的处理
-          this.$message.success('删除成功')
-          this.searchList()
-          // eslint-disable-next-line handle-callback-err
-        }).catch((error) => {
-          this.$message.error('删除失败')
-        })
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '已取消删除'
-        })
-      })
-    },
-
-    /**
-     * 全部导出
-     */
-    handleAllExport() {
-      this.$confirm('确定要下载excel模板吗?', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        this.listLoading = false
-        window.location.href = config.httpurl + '/accident/export/excel'
-      }).catch(() => {
-        this.listLoading = false
-      })
-      this.listLoading = false
-    },
-
-    /**
-     * 刷新
-     */
-    handleRefresh() {
-      this.searchForm = this.$options.data().searchForm
-      this.searchList()
-      // this.toggleSelection()
-    },
-
-    /**
-     * 批量删除
-     */
-    handleBatchDel() {
-      // 获取选中的行数据
-      const selectedRows = this.multipleSelection
-      // 如果没有选中任何行，则提示用户
-      if (this.multipleSelection === '' || selectedRows.length === 0) {
-        this.$message.warning('请选择要删除的行')
-        return
-      }
-      // 弹出确认框
-      this.$confirm('确定要删除这些记录吗？', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        // 获取所有选中行的 ID
-        let ids = ''
-        selectedRows.forEach(row => { ids += row.id + ',' })
-        // 发送批量删除请求
-        const url = '/accident/delete/' + '' + ids
-        requestFN(url).then((response) => {
-          // 删除成功后的处理
-          this.$message.success('删除成功')
-          this.searchList()
-          // eslint-disable-next-line handle-callback-err
-        }).catch(() => {
-          this.$message.error('删除失败')
-        })
-      }).catch(() => {
-        this.$message({
-          type: 'info',
-          message: '已取消删除'
-        })
-      })
-    },
-
-    /**
-     * 查询字典
-     */
-    getDict() {
-      const url = '/dictionaries/listSelectTree'
-      requestFN(url,
-        {
-          DICTIONARIES_ID: '8d4140a900184b60836ad1a6490fd510'
-        }
-      ).then((data) => {
-        this.incidentTypes = JSON.parse(data.zTreeNodes)
-      })
-      requestFN(url,
-        {
-          DICTIONARIES_ID: 'b61a1edc59c0430c8741c5f51aa26c3c'
-        }
-      ).then((data) => {
-        this.incidentLevels = JSON.parse(data.zTreeNodes)
-      })
-    },
-
-    formatDate(date, format) {
-      return formatDate(date, format)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.pagination-group {
-  margin-top: 14px;
-}
-</style>

src/views/accident/records/index.vue

@@ -1,37 +0,0 @@
-<template>
-  <div>
-    <List v-if="activeName === 'List'" ref="List" />
-    <Add v-if="activeName === 'AddOrEdit'" ref="AddOrEdit" />
-  </div>
-</template>
-
-<script>
-import List from './components/list.vue'
-import Add from './components/addOrEdit.vue'
-
-export default {
-  components: {
-    List: List,
-    Add: Add
-  },
-  data() {
-    return {
-      activeName: 'List',
-      id: '',
-      tableName: ''
-    }
-  },
-  watch: {
-    activeName(val) {
-      if (val === 'List') {
-        this.$nextTick(() => {
-          this.$refs.List.searchList()
-        })
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-</style>