chrislee 5 ماه پیش
والد
کامیت
c307c26b79

+ 8 - 0
src/api/device.js

@@ -14,3 +14,11 @@ export function getInspectionDetail (id) {
     method: 'get'
   })
 }
+
+// 根据报修id获取设备报修信息
+export function getRepairDetail (id) {
+  return request({
+    url: request.adornUrl(`/biz-service/prodEquipmentRepair/info/${id}`),
+    method: 'get'
+  })
+}

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 0
src/icons/svg/icon-baoxiu.svg


+ 7 - 1
src/utils/enums.js

@@ -145,8 +145,14 @@ export const optionsEquipmentState = [
   {label: '维修中', value: '4'}
 ]
 
-// 设备点检状态 1:待点检/2:已点检
+// 设备点检状态 1:待点检, 2:已点检
 export const optionsEquipmentCheckState = [
   {label: '待点检', value: '1'},
   {label: '已点检', value: '2'}
 ]
+
+// 设备维修状态 1:待维修, 2:已维修
+export const optionsEquipmentRepairState = [
+  {label: '待维修', value: '1'},
+  {label: '已维修', value: '2'}
+]

+ 0 - 3
src/views/modules/device/device-list.vue

@@ -270,7 +270,6 @@
     <preview-component v-if="previewVisible" ref="preview" @onChose="onChose"></preview-component>
     <device-damage v-if="damageVisible" ref="damage" @onChose="onChose" @refreshDataList="getDataList"></device-damage>
     <device-check v-if="checkVisible" ref="check" @onChose="onChose" @refreshDataList="getDataList"></device-check>
-    <device-inspection v-if="inspectionVisible" ref="inspection" @onChose="onChose" @refreshDataList="getDataList"></device-inspection>
   </div>
 </template>
 
@@ -286,11 +285,9 @@ import PreviewComponent from '@/views/modules/common/preview-component.vue'
 import DeviceHistory from '@/views/modules/device/device-history.vue'
 import DeviceDamage from '@/views/modules/device/device-damage.vue'
 import DeviceCheck from '@/views/modules/device/device-check.vue'
-import DeviceInspection from '@/views/modules/device/device-inspection.vue'
 export default {
   name: 'device-list',
   components: {
-    DeviceInspection,
     DeviceCheck,
     DeviceDamage,
     DeviceHistory,

+ 17 - 14
src/views/modules/device/inspection-list.vue

@@ -9,7 +9,7 @@
         <el-form-item label="点检责任人">
           <user-component v-model="dataForm.creatorId"/>
         </el-form-item>
-        <el-form-item label="点检日期">
+        <el-form-item label="点检日期">
           <el-date-picker
             v-model="dataForm.date"
             value-format="yyyy-MM-dd HH:mm:ss"
@@ -75,44 +75,54 @@
           label="设备编号">
         </el-table-column>
         <el-table-column
-          prop="one"
           header-align="center"
           align="center"
           min-width="100"
           :show-overflow-tooltip="true"
           label="设备外观清洁;内部打扫干净,无残留">
+          <template slot-scope="scope">
+            {{ scope.row.one ? Number(scope.row.one) === 1 ? '✅' : '❌' : '' }}
+          </template>
         </el-table-column>
         <el-table-column
-          prop="two"
           header-align="center"
           align="center"
           min-width="100"
           :show-overflow-tooltip="true"
           label="各滑动面及导轨丝杆等传动部位,润滑充足,无损坏,运转无杂音">
+          <template slot-scope="scope">
+            {{ scope.row.two ? Number(scope.row.two) === 1 ? '✅' : '❌' : '' }}
+          </template>
         </el-table-column>
         <el-table-column
-          prop="three"
           header-align="center"
           align="center"
           min-width="100"
           :show-overflow-tooltip="true"
           label="油路畅通,油量充足;冷却液无变质">
+          <template slot-scope="scope">
+            {{ scope.row.three ? Number(scope.row.three) === 1 ? '✅' : '❌' : '' }}
+          </template>
         </el-table-column>
         <el-table-column
-          prop="four"
           header-align="center"
           align="center"
           min-width="100"
           :show-overflow-tooltip="true"
           label="系统运转正常,无报警,无异常">
+          <template slot-scope="scope">
+            {{ scope.row.four ? Number(scope.row.four) === 1 ? '✅' : '❌' : '' }}
+          </template>
         </el-table-column>
         <el-table-column
-          prop="five"
           header-align="center"
           align="center"
           min-width="100"
           :show-overflow-tooltip="true"
           label="做好交接班工作,记录清晰完整">
+          <template slot-scope="scope">
+            {{ scope.row.five ? Number(scope.row.five) === 1 ? '✅' : '❌' : '' }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="checkName"
@@ -205,7 +215,6 @@ export default {
     // 获取数据列表
     getDataList () {
       this.dataListLoading = true
-      this.addOrUpdateVisible = false
       this.$http({
         url: this.$http.adornUrl('/biz-service/equipmentCheckRecord/list'),
         method: 'get',
@@ -244,13 +253,7 @@ export default {
     selectionChangeHandle (val) {
       this.dataListSelections = val
     },
-    // 新增 / 修改
-    addOrUpdateHandle (id, disable) {
-      this.addOrUpdateVisible = true
-      this.$nextTick(() => {
-        this.$refs.addOrUpdate.init(id, disable)
-      })
-    },
+    // 查看
     detailHandle (id) {
       this.detailVisible = true
       this.$nextTick(() => {

+ 276 - 0
src/views/modules/device/repair-add-or-update.vue

@@ -0,0 +1,276 @@
+<template>
+  <div>
+      <div class="my-title">{{ !id ? '新增': '修改' }}</div>
+      <!-- 表单 -->
+      <el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="auto">
+        <el-row class="my-row">
+          <el-col :span="8">
+            <!-- 网关编码(后端自动生成) -->
+            <el-form-item label="网关编码" prop="code">
+              <el-input v-model="dataForm.code" placeholder="网关编码"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="设备编号" prop="codeNumber">
+              <el-input v-model="dataForm.codeNumber" placeholder="设备编号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="设备名称" prop="name">
+              <el-input v-model="dataForm.name" placeholder="设备名称"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row class="my-row">
+          <el-col :span="8">
+            <el-form-item label="设备型号" prop="model">
+              <el-input v-model="dataForm.model" placeholder="设备型号"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="设备规格" prop="specifications">
+              <el-input v-model="dataForm.specifications" placeholder="设备规格"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="设备用途" prop="useFor">
+              <el-input v-model="dataForm.useFor" placeholder="设备用途"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row class="my-row">
+          <el-col :span="8">
+            <el-form-item label="设备精度" prop="accuracy">
+              <el-input v-model="dataForm.accuracy" placeholder="设备精度"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="制造厂家" prop="manufacturers">
+              <el-input v-model="dataForm.manufacturers" placeholder="制造厂家"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="设备出厂编号" prop="manufacturingNumber">
+              <el-input v-model="dataForm.manufacturingNumber" placeholder="设备出厂编号"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row class="my-row">
+          <el-col :span="8">
+            <el-form-item label="设备出厂日期" prop="leaveFactoryDate">
+              <el-date-picker
+                v-model="dataForm.leaveFactoryDate"
+                type="datetime"
+                placeholder="设备出厂日期"
+                value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="检定日期" prop="verificationDate">
+              <el-date-picker
+                v-model="dataForm.verificationDate"
+                type="datetime"
+                placeholder="检定日期"
+                value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="检定有效期(止)" prop="validityDate">
+              <el-date-picker
+                v-model="dataForm.validityDate"
+                type="datetime"
+                placeholder="检定有效期(止)"
+                value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row class="my-row">
+          <el-col :span="8">
+            <el-form-item label="责任人" prop="responsibilityUser">
+              <user-component v-model="dataForm.responsibilityUser"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="设备状态" prop="status">
+              <el-select v-model="dataForm.state" placeholder="请选择" style="width: 100%">
+                <el-option
+                  v-for="item in stateOption"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row class="my-row">
+          <el-form-item label="备注" prop="notes">
+            <el-input v-model="dataForm.notes" type="textarea" placeholder="备注"></el-input>
+          </el-form-item>
+        </el-row>
+        <el-row class="my-row">
+          <el-col :span="8">
+            <el-form-item label="操作说明书">
+              <upload-component
+                :displayStar="false"
+                :accept="'*'"
+                :file-obj-list="fileList1"
+                @uploadSuccess="uploadSuccess1"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="检定报告附件">
+              <upload-component
+                :displayStar="false"
+                :accept="'*'"
+                :file-obj-list="fileList2"
+                @uploadSuccess="uploadSuccess2"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+          <el-button @click="onChose">取消</el-button>
+          <el-button type="primary" @click="dataFormSubmit()" v-reClick>确定</el-button>
+      </span>
+  </div>
+</template>
+
+<script>
+  import UserComponent from '../common/user-component'
+  import uploadComponent from '@/views/modules/common/upload-component.vue'
+  import {getDeviceDetails} from '@/api/device'
+  import {optionsEquipmentState} from '@/utils/enums'
+
+export default {
+    name: 'repair-add-or-update',
+    components: {uploadComponent, UserComponent},
+    computed: {
+      orgId: {
+        get () { return this.$store.state.user.orgId }
+      }
+    },
+    data () {
+      return {
+        id: 0,
+        fileList1: [],
+        fileList2: [],
+        dataForm: {},
+        stateOption: optionsEquipmentState,
+        dataRule: {
+          code: [{ required: true, message: '网关编码不能为空', trigger: 'blur' }],
+          codeNumber: [{ required: true, message: '设备编号不能为空', trigger: 'blur' }],
+          name: [{ required: true, message: '设备名称不能为空', trigger: 'blur' }]
+        }
+      }
+    },
+    methods: {
+      onChose () {
+        this.$emit('onChose')
+      },
+      async init (id) {
+        this.dataForm = {}
+        this.id = id || 0
+        // id 不存在表示新增,id 存在表示编辑
+        if (!id) return
+        await getDeviceDetails(this.id).then(({data}) => {
+          if (data && data.code === '200') {
+            this.dataForm = data.data
+            console.log('dataForm', this.dataForm)
+            // 操作说明书
+            if (this.dataForm.attachList) {
+              this.fileList1 = []
+              this.dataForm.attachList.forEach((item) => {
+                this.fileList1.push({
+                  name: item.fileName,
+                  url: item.url,
+                  id: item.url
+                })
+              })
+            }
+            // 检定报告附件
+            if (this.dataForm.attachListVerification) {
+              this.fileList2 = []
+              this.dataForm.attachListVerification.forEach((item) => {
+                this.fileList2.push({
+                  name: item.fileName,
+                  url: item.url,
+                  id: item.url
+                })
+              })
+            }
+          }
+        })
+      },
+      validateField (type) {
+        this.$refs.dataForm.validateField(type)
+      },
+      // 表单提交
+      dataFormSubmit () {
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            // 检查操作说明
+            if (this.fileList1.length > 0) {
+              this.dataForm.attachList = []
+              for (let i = 0; i < this.fileList1.length; i++) {
+                this.dataForm.attachList.push({
+                  fileName: this.fileList1[i].name,
+                  url: this.fileList1[i].url
+                })
+              }
+            } else {
+              this.$message.error('请上传操作说明书')
+            }
+            // 检查检定报告附件
+            if (this.fileList2.length > 0) {
+              this.dataForm.attachListVerification = []
+              for (let i = 0; i < this.fileList2.length; i++) {
+                this.dataForm.attachListVerification.push({
+                  fileName: this.fileList2[i].name,
+                  url: this.fileList2[i].url
+                })
+              }
+            } else {
+              this.$message.error('请上传检定报告附件')
+            }
+            this.$http({
+              url: this.$http.adornUrl(`/biz-service/equipment/${!this.dataForm.id ? 'save' : 'update'}`),
+              method: 'post',
+              data: this.$http.adornData({...this.dataForm})
+            }).then(({data}) => {
+              if (data && data.code === '200') {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.onChose()
+                    this.$emit('refreshDataList')
+                  }
+                })
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      },
+      uploadSuccess1 (fileList) {
+        this.fileList1 = fileList
+      },
+      uploadSuccess2 (fileList) {
+        this.fileList2 = fileList
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

+ 85 - 0
src/views/modules/device/repair-detail.vue

@@ -0,0 +1,85 @@
+<template>
+  <div>
+    <div class="my-title">查看</div>
+    <div style="margin-left: 20px;margin-right: 20px">
+      <e-desc title="基本信息" column="3" labelWidth="160px">
+        <e-desc-item label="设备名称">{{dataForm.equipmentName}}</e-desc-item>
+        <e-desc-item label="设备编号">{{dataForm.codeNumber}}</e-desc-item>
+        <e-desc-item label="报修人">{{dataForm.repairName}}</e-desc-item>
+        <e-desc-item label="报修问题说明">{{dataForm.content}}</e-desc-item>
+        <e-desc-item label="报修时间">{{dataForm.createTime}}</e-desc-item>
+        <e-desc-item label="报修附件" span="3">
+          <div v-for="(item, index) in dataForm.attachList" style="display: inline">
+            <span v-if="index > 0">,</span>
+            <a :key="item.fileName + index" type="primary" href="#" @click="previewFile(item.fileName, item.url)">{{ item.fileName }}</a>
+          </div>
+        </e-desc-item>
+      </e-desc>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="onChose">返回</el-button>
+    </span>
+    <!-- 文件预览 -->
+    <preview-component v-if="previewVisible" ref="preview"/>
+  </div>
+</template>
+
+<script>
+  import EDesc from '../common/e-desc'
+  import EDescItem from '../common/e-desc-item'
+  import {getRepairDetail} from '@/api/device'
+  import {getDate} from '@/utils/date-util'
+  import PreviewComponent from '@/views/modules/common/preview-component.vue'
+export default {
+    name: 'repair-detail',
+    components: {
+      PreviewComponent,
+      EDesc,
+      EDescItem
+    },
+    data () {
+      return {
+        visible: false,
+        id: 0,
+        dataForm: {},
+        previewVisible: false
+      }
+    },
+    methods: {
+      getDate,
+      onChose () {
+        this.$emit('onChose')
+      },
+      async init (id) {
+        console.log('id: ', id)
+        this.visible = true
+        this.id = id || 0
+        this.dataForm = {}
+        this.getDetails()
+      },
+      getDetails () {
+        getRepairDetail(this.id).then(({data}) => {
+          if (data && data.code === '200') {
+            this.dataForm = data.data
+          }
+        })
+      },
+      previewFile (fileName, url) {
+        this.previewVisible = true
+        this.$nextTick(() => {
+          this.$refs.preview.init(fileName, url)
+        })
+      }
+    }
+  }
+</script>
+
+<style scoped>
+.my-line{
+  border-bottom: 1px solid #c0c4cc;
+  margin-bottom: 10px;
+}
+.title{
+  padding: 10px 0 ;
+}
+</style>

+ 294 - 0
src/views/modules/device/repair-list.vue

@@ -0,0 +1,294 @@
+<template>
+  <div class="device">
+    <template v-if="!detailVisible && !finishVisible">
+      <!-- 查询、新增操作 -->
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="search()">
+        <el-form-item label="名称/编号">
+          <el-input v-model="dataForm.name" placeholder="名称/编号" clearable/>
+        </el-form-item>
+        <el-form-item label="报修人">
+          <user-component v-model="dataForm.creatorId"/>
+        </el-form-item>
+        <el-form-item label="报修日期">
+          <el-date-picker
+            v-model="dataForm.date"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期">
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="设备状态">
+          <el-select
+            v-model="dataForm.state"
+            remote
+            placeholder="请选择">
+            <el-option
+              v-for="item in optionsState"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="search()">查询</el-button>
+          <!-- 新增 -->
+          <el-button v-if="isAuth('prod:equipmentRepair:insert')" type="primary" @click="addOrUpdateHandle()">报修</el-button>
+        </el-form-item>
+      </el-form>
+      <!-- 数据表格 -->
+      <el-table
+        :data="dataList"
+        border
+        v-loading="dataListLoading"
+        style="width: 100%;">
+        <el-table-column
+          label="序号"
+          type="index"
+          width="50"
+          align="center">
+        </el-table-column>
+        <el-table-column
+          prop="equipmentName"
+          header-align="center"
+          align="center"
+          min-width="140"
+          :show-overflow-tooltip="true"
+          label="设备名称">
+        </el-table-column>
+        <el-table-column
+          prop="codeNumber"
+          header-align="center"
+          align="center"
+          min-width="100"
+          :show-overflow-tooltip="true"
+          label="设备编号">
+        </el-table-column>
+        <el-table-column
+          prop="content"
+          header-align="center"
+          align="center"
+          min-width="140"
+          :show-overflow-tooltip="true"
+          label="报修问题说明">
+        </el-table-column>
+        <el-table-column
+          header-align="center"
+          align="center"
+          min-width="140"
+          :show-overflow-tooltip="true"
+          label="报修附件">
+          <template slot-scope="scope">
+            <div v-for="(item, index) in scope.row.attachList" style="display: inline">
+              <span v-if="index > 0">,</span>
+              <a :key="item.fileName + index" type="primary" href="#" @click="previewFile(item.fileName, item.url)">{{ item.fileName }}</a>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="createTime"
+          header-align="center"
+          align="center"
+          min-width="140"
+          :show-overflow-tooltip="true"
+          label="报修时间">
+        </el-table-column>
+        <el-table-column
+          prop="repairName"
+          header-align="center"
+          align="center"
+          label="报修人">
+        </el-table-column>
+        <el-table-column
+          prop="maintenanceRecord"
+          header-align="center"
+          align="center"
+          min-width="140"
+          :show-overflow-tooltip="true"
+          label="维修说明记录">
+        </el-table-column>
+        <el-table-column
+          header-align="center"
+          align="center"
+          min-width="140"
+          :show-overflow-tooltip="true"
+          label="维修完成记录附件">
+          <template slot-scope="scope">
+            <div v-for="(item, index) in scope.row.attachListRepair" style="display: inline">
+              <span v-if="index > 0">,</span>
+              <a :key="item.fileName + index" type="primary" href="#" @click="previewFile(item.fileName, item.url)">{{ item.fileName }}</a>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="updateTime"
+          header-align="center"
+          align="center"
+          min-width="140"
+          :show-overflow-tooltip="true"
+          label="维修完成时间">
+        </el-table-column>
+        <el-table-column
+          prop="state"
+          fixed="right"
+          header-align="center"
+          align="center"
+          label="状态">
+          <template slot-scope="scope">
+            {{optionsState.find(t => t.value === scope.row.state).label}}
+          </template>
+        </el-table-column>
+        <el-table-column
+          fixed="right"
+          header-align="center"
+          align="center"
+          width="100"
+          label="操作">
+          <template slot-scope="scope">
+            <el-button v-if="isAuth('prod:equipmentRepair:info')" type="text" size="small" @click="detailHandle(scope.row.repairId)">查看</el-button>
+            <el-button v-if="isAuth('prod:equipmentRepair:finish') && Number(scope.row.state) === 1 && scope.row.creatorId === userId" type="text" size="small" @click="finishHandle(scope.row.repairId)">完成</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        @size-change="sizeChangeHandle"
+        @current-change="currentChangeHandle"
+        :current-page="pageIndex"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="pageSize"
+        :total="totalPage"
+        layout="total, sizes, prev, pager, next, jumper">
+      </el-pagination>
+    </template>
+    <detail v-if="detailVisible" ref="detail" @onChose="onChose"></detail>
+    <device-inspection v-if="finishVisible" ref="finish" @onChose="onChose" @refreshDataList="getDataList"></device-inspection>
+    <preview-component v-if="previewVisible" ref="preview" @onChose="onChose"></preview-component>
+  </div>
+</template>
+
+<script>
+import Detail from './repair-detail'
+import UserComponent from '../common/user-component'
+import {optionsEquipmentRepairState} from '@/utils/enums'
+import {isAuth} from '@/utils'
+import DeviceInspection from '@/views/modules/device/device-inspection.vue'
+import {getDate} from '@/utils/date-util'
+import PreviewComponent from '@/views/modules/common/preview-component.vue'
+export default {
+  name: 'repair-list',
+  components: {
+    PreviewComponent,
+    DeviceInspection,
+    Detail,
+    History,
+    UserComponent
+  },
+  data () {
+    return {
+      detailVisible: false,
+      finishVisible: false,
+      previewVisible: false,
+      dataForm: {},
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      dataListSelections: [],
+      optionsState: optionsEquipmentRepairState,
+      userId: this.$store.state.user.id
+    }
+  },
+  created () {
+    this.getDataList()
+  },
+  methods: {
+    getDate,
+    isAuth,
+    onChose () {
+      this.detailVisible = false
+      this.finishVisible = false
+    },
+    // 查询
+    search () {
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 获取数据列表
+    getDataList () {
+      this.dataListLoading = true
+      this.addOrUpdateVisible = false
+      this.$http({
+        url: this.$http.adornUrl('/biz-service/prodEquipmentRepair/list'),
+        method: 'get',
+        params: this.$http.adornParams({
+          'current': this.pageIndex,
+          'size': this.pageSize,
+          'creatorId': this.dataForm.creatorId ? this.dataForm.creatorId : null,
+          'name': this.dataForm.name ? this.dataForm.name : null,
+          'state': this.dataForm.state ? this.dataForm.state : null,
+          'dateStart': this.dataForm.date ? this.dataForm.date[0] : null,
+          'dateEnd': this.dataForm.date ? this.dataForm.date[1] : null
+        })
+      }).then(({data}) => {
+        if (data && data.code === '200') {
+          this.dataList = data.data.records
+          this.totalPage = Number(data.data.total)
+        } else {
+          this.dataList = []
+          this.totalPage = 0
+        }
+        this.dataListLoading = false
+      })
+    },
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    // 多选
+    selectionChangeHandle (val) {
+      this.dataListSelections = val
+    },
+    // 新增 / 修改
+    addOrUpdateHandle (id, disable) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id, disable)
+      })
+    },
+    detailHandle (id) {
+      this.detailVisible = true
+      this.$nextTick(() => {
+        this.$refs.detail.init(id)
+      })
+    },
+    // 预览
+    previewFile (fileName, url) {
+      this.previewVisible = true
+      this.$nextTick(() => {
+        this.$refs.preview.init(fileName, url)
+      })
+    },
+    // 完成
+    finishHandle (id) {
+      this.finishVisible = true
+      this.$nextTick(() => {
+        this.$refs.finish.init(id)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

برخی فایل ها در این مقایسه diff نمایش داده نمی شوند زیرا تعداد فایل ها بسیار زیاد است