Merge branch 'dev'

api/meter/meter-entrust.js

@@ -160,5 +160,7 @@ export default {
     http.post('soil/v1/prepare_record/page', data).then(res => res),
   // 备样操作日志分页列表
   backupRecordPage: data =>
-    http.post('soil/v1/sample_backup_record/page', data).then(res => res)
+    http.post('soil/v1/sample_backup_record/page', data).then(res => res),
+  experimentRecordPage: data =>
+    http.post('soil/v1/experiment_record/page', data).then(res => res)
 }

api/soil/soil-report.js

@@ -24,5 +24,7 @@ export default {
     http.get('soil/v1/original_record/' + data).then(res => res),
   expReportGetById: data =>
     http.get('soil/v1/exp_report/' + data).then(res => res),
-  reportGetById: data => http.get('soil/v1/report/' + data).then(res => res)
+  reportGetById: data => http.get('soil/v1/report/' + data).then(res => res),
+  expReportCheck: data =>
+    http.post('soil/v1/exp_report/exp_report_check', data).then(res => res)
 }

components/operation/ItemOperation.vue

+<template>
+  <div>
+    <Modal v-model="showModal" v-drag width="900" class="modal-footer-none zIndex-1100">
+      <p slot="header">操作日志</p>
+      <div>
+        <Row>
+          <!--查询-->
+          <Col span="24">
+            <Form id="search-contract-record" :label-width="70" inline onsubmit="return false">
+              <label class="label-sign"></label>
+              <Form-item label="操作阶段:">
+                <Input v-model="formObj.origin" @on-enter="_search" name="origin" placeholder="请输入操作阶段"
+                       style="width: 200px" clearable/>
+              </Form-item>
+              <Form-item class="search-btn">
+                <Button @click="_search" type="primary">搜索</Button>
+              </Form-item>
+            </Form>
+          </Col>
+          <!-- 表格 -->
+          <Col span="24">
+            <PTVXETable ref="pageTable" :table-height="tableHeight"
+                        :get-page="getPage" @on-result-change="_tableResultChange" hide-checkbox>
+              <vxe-table-column
+                v-for="item in pageColumns"
+                :key="item.key"
+                :field="item.key"
+                :title="item.title"
+                :min-width="item.width?item.width:200"
+                :fixed="item.fixed?item.fixed:undefined">
+                <template slot-scope="scope">
+                <span v-if="item.key==='type'">
+                  {{scope.row[item.key] === 0 ? '流转' : scope.row[item.key] === 1 ? '退回': scope.row[item.key] === 2 ?'更新' :
+                  scope.row[item.key] === 3 ? '转发':'文件'}}
+                </span>
+                  <span v-else-if="item.key==='ctime'">{{scope.row[item.key]?$dateformat(scope.row[item.key],'yyyy-mm-dd HH:MM:ss'):''}}</span>
+                  <span v-else>{{scope.row[item.key]}}</span>
+                </template>
+              </vxe-table-column>
+            </PTVXETable>
+          </Col>
+        </Row>
+      </div>
+    </Modal>
+
+  </div>
+</template>
+<script>
+/**
+ * 操作日志-委托
+ */
+import { meterEntrust } from '../../api'
+export default {
+  data() {
+    return {
+      showModal: false,
+      getPage: {},
+      pageColumns: [
+        { title: '操作类型', key: 'type', width: 80 },
+        { title: '操作阶段', key: 'origin', width: 120 },
+        { title: '目标阶段', key: 'target', width: 120 },
+        { title: '操作人', key: 'operator', width: 80 },
+        { title: '操作时间', key: 'ctime', width: 150 },
+        { title: '操作原因', key: 'remark' },
+        { title: '责任人', key: 'liable', width: 80 }
+      ],
+      formObj: {
+        entrustId: undefined,
+        origin: undefined,
+        sampleId: undefined
+      }
+    }
+  },
+  computed: {
+    tableHeight: function() {
+      return this.$tableHeight('tableModal')
+    }
+  },
+  methods: {
+    _open(experimentId) {
+      this.showModal = true
+      this.formObj.experimentId = experimentId
+      this.formObj.sampleId = undefined
+      this._page()
+    },
+    _openTask(sampleId) {
+      this.showModal = true
+      this.formObj.sampleId = sampleId
+      this.formObj.entrustId = undefined
+      this._pageTask()
+    },
+    _openSurplus(samplePrepareId) {
+      this.showModal = true
+      this.formObj.samplePrepareId = samplePrepareId
+      this._pageSurplus()
+    },
+    _openBcakup(sampleBackupId) {
+      this.showModal = true
+      this.formObj.sampleBackupId = sampleBackupId
+      this._pageBackup()
+    },
+    _page: async function() {
+      console.log('要传的参数')
+      console.log(this.formObj)
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      const result = await meterEntrust.experimentRecordPage(this.formObj)
+      console.log(result)
+      if (result) {
+        this.getPage = result
+        this.$refs.pageTable._hideLoading()
+      }
+    },
+    _pageSurplus: async function() {
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      const result = await meterEntrust.prepareRecordPage(
+        this.$serializeForm(this.formObj)
+      )
+      if (result) {
+        this.getPage = result
+        this.$refs.pageTable._hideLoading()
+      }
+    },
+    _pageBackup: async function() {
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      const result = await meterEntrust.backupRecordPage(
+        this.$serializeForm(this.formObj)
+      )
+      if (result) {
+        this.getPage = result
+        this.$refs.pageTable._hideLoading()
+      }
+    },
+    _pageTask: async function() {
+      console.log('要传的参数')
+      console.log(this.formObj)
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      const result = await meterEntrust.pageTask(this.formObj)
+      console.log(result)
+      if (result) {
+        this.getPage = result
+        this.$refs.pageTable._hideLoading()
+      }
+    },
+    _tableResultChange(msg, data) {
+      switch (msg) {
+        case 'page':
+          this.getPage = this.$store.state.FoodContractRecord.page
+          break
+        case 'changeSize':
+          this._page()
+          break
+      }
+    },
+    _search() {
+      if (this.formObj.entrustId !== undefined) {
+        this._page()
+      } else if (this.formObj.sampleBackupId !== undefined) {
+        this._pageBackup()
+      } else if (this.formObj.samplePrepareId !== undefined) {
+        this._pageSurplus()
+      } else {
+        this._pageTask()
+      }
+    }
+  }
+}
+</script>

pages/meter-entrust/entrust-register/EntrustRegister.vue

@@ -148,7 +148,6 @@ export default {
         { title: '钻孔位置', key: 'boreholeLocation', width: 120 },
         { title: '水深（米）', key: 'waterDepth', width: 120 },
         { title: '钻孔名称', key: 'boreholeName', width: 120 },
-        { title: '进度', key: 'progress', width: 120, status: true },
         { title: '平均容重', key: 'projectNo', width: 120 },
         { title: '制表日期', key: 'tabulateDate', width: 120, date: true },
         { title: '制表人', key: 'tabulater', width: 120 },

pages/soil-test-manage/test-data-audit/item-tabs/ItemLeftList.vue

@@ -61,11 +61,7 @@ export default {
       ],
       getPage: {},
       id: '',
-      pageColumns: [
-        { title: '检测项目', key: 'name', width: 120 },
-        { title: '检测方法', key: 'testMethod', width: 140 },
-        { title: '检测依据名称', key: 'testBasisName', width: 200 }
-      ]
+      pageColumns: [{ title: '检测项目', key: 'name', width: 120 }]
     }
   },
   computed: {

pages/soil-test-manage/test-data-check/CheckDataModal.vue

@@ -11,6 +11,9 @@
           <el-tab-pane label="按样品复核" name="waitScan">
             <WaitScan ref="waitScanModal"></WaitScan>
           </el-tab-pane>
+          <el-tab-pane label="查看项目报告" name="viewReport">
+            <ItemReportView ref="reportModal"></ItemReportView>
+          </el-tab-pane>
 <!--          <el-tab-pane label="查看原始记录" name="viewRecord">-->
 <!--            <OriginalRecordView ref="recordModal"></OriginalRecordView>-->
 <!--          </el-tab-pane>-->
@@ -26,12 +29,14 @@
 <script>
 import WaitReceive from './item-tabs/ItemTabs'
 import WaitScan from './sample-tabs/SampleTabs'
+import ItemReportView from './ItemReportView'
 // import OriginalRecordView from './OriginalRecordView'
 
 export default {
   components: {
     WaitReceive,
-    WaitScan
+    WaitScan,
+    ItemReportView
     // OriginalRecordView
   },
   data() {
@@ -85,6 +90,8 @@ export default {
         this.$refs.waitReceiveModal._clearTable()
         this.$refs.waitScanModal._open(this.entrustId)
         // this._waitSend()
+      } else if (tab.name === 'viewReport') {
+        this.$refs.reportModal._open(this.entrustId)
       }
     },
     _search() {

pages/soil-test-manage/test-data-check/ItemReportView.vue

+<template>
+  <div>
+    <Row>
+      <!--查询-->
+      <Col span="24">
+        <Form :label-width="80" v-show="searchOpen" inline onsubmit="return false">
+          <label class="label-sign"></label>
+          <Form-item class="search-item" label="项目名称:">
+            <Input v-model="formObj.expName" @on-enter="_formSearch" placeholder="请输入项目名称" clearable></Input>
+          </Form-item>
+          <Form-item class="search-btn">
+            <Button @click="_formSearch" type="primary">搜索</Button>
+          </Form-item>
+        </Form>
+      </Col>
+      <!--操作-->
+      <Col span="24">
+        <btn-list  :open="searchOpen" :msg="btn" :showSearchBtn="true" @on-result-change="_btnClick"
+                 class="contHide"></btn-list>
+      </Col>
+      <!-- 表格 -->
+      <Col span="24">
+        <PTVXETable ref="pageTable" :tableHeight="tableHeight"
+                    @on-result-change="_tableResultChange" :icon-msg="iconMsg" :getPage="getPage">
+          <vxe-table-column
+            :field="item.key"
+            :title="item.title"
+            :min-width="item.width?item.width:200"
+            :fixed="item.fixed?item.fixed:undefined"
+            v-for="item in pageColumns"
+            :key="item.key" sortable>
+            <template slot-scope="scope">
+              <div v-if="item.dateTime">
+                {{scope.row[item.key]?$dateformat(scope.row[item.key],'yyyy-mm-dd HH:MM'):''}}
+              </div>
+              <div v-else>{{scope.row[item.key]}}</div>
+            </template>
+          </vxe-table-column>
+        </PTVXETable>
+      </Col>
+    </Row>
+    <ItemOriginalRecordEdit ref="recordEditModal"></ItemOriginalRecordEdit>
+    <ItemView ref="itemViewModal"></ItemView>
+  </div>
+</template>
+<script>
+/**
+ * 原始记录查看
+ */
+import Global from '../../../api/config'
+import { soilReport, soilTest } from '../../../api'
+import ItemOriginalRecordEdit from './OriginalRecordEdit'
+import ItemView from './ItemView'
+
+export default {
+  components: {
+    ItemOriginalRecordEdit,
+    ItemView
+  },
+  data() {
+    return {
+      currentComponent: '',
+      getPage: {},
+      btn: [
+        {
+          type: 'primary',
+          id: '',
+          name: '通过'
+        }
+      ],
+      selectIds: [],
+      iconMsg: [
+        {
+          type: 'md-create',
+          id: '',
+          name: '编辑'
+        },
+        {
+          type: 'ios-book',
+          id: '',
+          name: '查看项目报告'
+        },
+        { type: 'md-trash', id: '', name: '删除' }
+      ],
+      pageColumns: [
+        { title: '项目名称', key: 'expName' },
+        { title: '备注', key: 'remark' },
+        { title: '创建人', key: 'uname' },
+        { title: '创建时间', key: 'ctime', dateTime: true }
+      ],
+      formObj: {
+        entrustId: '',
+        expName: undefined
+      },
+      searchOpen: false
+    }
+  },
+  computed: {
+    tableHeight: function() {
+      if (this.searchOpen) {
+        return this.$tableHeight('', 340)
+      } else {
+        return this.$tableHeight('tabNoSearch')
+      }
+    }
+  },
+  mounted() {
+    this._page()
+  },
+  methods: {
+    _componentResult(data) {
+      switch (this.currentComponent) {
+        case 'EditDateModal':
+          this._updateDate(data)
+          break
+        default:
+          this._page()
+      }
+    },
+    _updateDate(date) {
+      this.$store
+        .dispatch('PrintForm/updateTimeBatch', {
+          ids: this.selectIds.join(','),
+          fillInTime: date
+        })
+        .then(() => {
+          if (this.$store.state.PrintForm.success) {
+            this._page()
+            this.$Message.success('更新成功!')
+          }
+        })
+    },
+    _btnClick(msg, componentName) {
+      this.currentComponent = componentName
+      this.$nextTick(function() {
+        switch (msg) {
+          case '通过':
+            this._pass()
+            break
+          case 'search':
+            this.searchOpen = !this.searchOpen
+            break
+        }
+      })
+    },
+    _pass() {
+      if (this.selectIds.length === 0) {
+        this.$Message.warning('请至少选择一条数据')
+      } else {
+        this.$Modal.confirm({
+          title: '提示',
+          content: '确定通过？',
+          onOk: () => {
+            this.$refs.pageTable._showLoading()
+            this._passItemReport(this.selectIds)
+          }
+        })
+      }
+    },
+    _passItemReport: async function(ids) {
+      const result = await soilReport.expReportCheck({ ids: ids.join(',') })
+      if (result) {
+        this.$refs.pageTable._hideLoading()
+        this.$Message.success('提交成功')
+        this._page()
+      } else {
+        this.$refs.pageTable._hideLoading()
+      }
+    },
+    _iconClick(res, data, currentComponent) {
+      this.currentComponent = currentComponent
+      this.$nextTick(() => {
+        switch (res) {
+          case '编辑':
+            // this.$refs.recordEditModal._openWithType(
+            //   data.originalRecordId,
+            //   'ENVTESTMAKEEDIT'
+            // )
+            this._reportMakeLook(data)
+            break
+          case '查看项目报告':
+            this._reportView(data)
+            // this._recordView(data.originalRecordId)
+            break
+          case '查看试验项目':
+            this._itemView(data.id)
+            break
+          case '删除':
+            this._deleteByIds([data.id])
+            break
+        }
+      })
+    },
+    // 查看试验项目
+    _itemView(id) {
+      this.$refs.itemViewModal._open(id)
+    },
+    _reportView(data) {
+      if (data.objectKey) {
+        this._reportMakeLook(data)
+      } else {
+        this._recordView(data.originalRecordId)
+      }
+    },
+    _reportMakeLook: async function(data) {
+      console.log(data)
+      const result = await soilReport.expReportGetById(data.id)
+      // this._viewReport(data)
+      // const result = await soilReport.getExcelOriginalRecord(data.id)
+      if (result) {
+        console.log('result')
+        this._viewReport(result)
+      }
+    },
+    _viewReport(data) {
+      if (data) {
+        this.$openWindowModeless({
+          objectKey: data.objectKey,
+          idType: 13,
+          id: data.id,
+          isReport: 4
+        })
+      }
+    },
+    // 查看原始记录
+    _recordView(originalRecordId) {
+      let recordUrl = ''
+      if (process.env.NODE_ENV === 'production') {
+        recordUrl = 'http://record.patzn.com'
+      } else {
+        recordUrl = Global.recordURL
+      }
+      // eslint-disable-next-line no-undef
+      layx.iframe(
+        'labRecordWriteOriView',
+        '原始记录预览',
+        recordUrl + '/print/v1/form/' + originalRecordId + '?type=ENVTESTMAKE',
+        {
+          event: {
+            onload: {
+              after: function(layxWindow, winform) {
+                // eslint-disable-next-line no-undef
+                layx.max(winform.id)
+              }
+            }
+          }
+        }
+      )
+    },
+    _open(entrustId) {
+      this.formObj.entrustId = entrustId
+      this._page()
+    },
+    _tableResultChange(msg, data) {
+      switch (msg) {
+        case 'page':
+          this.getPage = this.$store.state.EnvItem.page
+          break
+        case 'selectIds':
+          this.selectIds = data
+          break
+        case 'iconClick':
+          this._iconClick(data.name, data.rowData, data.componentName)
+          break
+        case 'changeSize':
+          this._page()
+          break
+      }
+    },
+    _formSearch() {
+      this.$refs.pageTable._pageChange(1)
+    },
+    _page: async function() {
+      this.selectIds = []
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      const result = await soilTest.expReportPage(
+        this.$serializeForm(this.formObj)
+      )
+      if (result) {
+        this.$refs.pageTable._hideLoading()
+        this.getPage = result
+      }
+    },
+    // 删除原始记录
+    _deleteByIds(ids, content) {
+      this.$Modal.confirm({
+        title: '提示',
+        content: content || '确定删除该记录？',
+        onOk: () => {
+          this._deleteOk(ids)
+        }
+      })
+    },
+    _deleteOk: async function(ids) {
+      const result = await soilTest.deleteReport(ids)
+      if (result) {
+        this.$Message.success('删除成功')
+        this._page()
+      }
+    }
+  }
+}
+</script>

pages/soil-test-manage/test-data-check/OriginalRecordEdit.vue

+<template>
+  <div>
+    <!--<Modal v-model="showModal" title="原始记录" :mask-closable="false" width="1300" class="modal-footer-none">-->
+    <!--<div style="text-align:center;align-content:center;width: 100%;height: 790px" v-html="htmlContent">-->
+    <!--</div>-->
+    <!--</Modal>-->
+  </div>
+</template>
+<script>
+import Global from '../../../api/config'
+import { soilTest } from '../../../api'
+
+/**
+ * 编辑原始记录详情
+ */
+export default {
+  data() {
+    return {
+      // showModal: false,
+      again: false,
+      formId: '',
+      htmlContent: '',
+      formIdTemp: ''
+    }
+  },
+  created() {
+    // 监听原始记录消息
+    // eslint-disable-next-line nuxt/no-globals-in-created
+    window.addEventListener('message', this._saveOriginal)
+  },
+  // 销毁监听事件
+  beforeDestroy() {
+    this.again = false
+    window.removeEventListener('message', this._saveOriginal)
+  },
+  methods: {
+    _open(formId) {
+      this.formId = formId
+      this.formIdTemp = formId + this.$randomCode()
+      this.again = true
+      // this.showModal = true;
+      let recordUrl = ''
+      if (process.env.NODE_ENV === 'production') {
+        recordUrl = 'http://record.patzn.com'
+      } else {
+        recordUrl = Global.recordURL
+      }
+      // 编辑的时候传此bindUri 是为了 绑定spreadJs自定义的公式
+      const bindUri =
+        Global.baseURL + '/env/v1/env_item/original_record_data_bind?source='
+      const url =
+        recordUrl +
+        '/print/v1/eln/form_soil_' +
+        formId +
+        '?bindUri=' +
+        encodeURIComponent(bindUri)
+      // this.htmlContent = '<iframe style="padding: 0px;width:100%;height:100%" frameborder="0" src=' + encodeURI(url) + '></iframe>';
+      this.$layx(this.formIdTemp, '编辑原始记录', url)
+    },
+    _openWithType(formId, fromType) {
+      this.formId = formId
+      this.formIdTemp = formId + this.$randomCode()
+      this.again = true
+      // this.showModal = true;
+      let recordUrl = ''
+      if (process.env.NODE_ENV === 'production') {
+        recordUrl = 'http://record.patzn.com'
+      } else {
+        recordUrl = Global.recordURL
+      }
+      // 编辑的时候传此bindUri 是为了 绑定spreadJs自定义的公式
+      const bindUri =
+        Global.baseURL + '/env/v1/env_item/original_record_data_bind?source='
+      const url =
+        recordUrl +
+        '/print/v1/eln/form_soil_' +
+        formId +
+        '?bindUri=' +
+        encodeURIComponent(bindUri) +
+        '&type=' +
+        fromType
+      // this.htmlContent = '<iframe style="padding: 0px;width:100%;height:100%" frameborder="0" src=' + encodeURI(url) + '></iframe>';
+      this.$layx(this.formIdTemp, '编辑原始记录', url)
+    },
+    _saveOriginal(data) {
+      console.log('修改的数据', data)
+      if (this.again) {
+        if (data.data.msg === true) {
+          this._editSaveRecord(data)
+        } else {
+          this._cancel()
+        }
+        this.again = false
+      }
+    },
+    _cancel() {
+      // this.showModal = false;
+      // 关闭所有layx弹框
+      // eslint-disable-next-line no-undef
+      layx.destroyAll(this.formIdTemp)
+    },
+    _updateRecord: async function(param) {
+      const result = await soilTest.updateItem(param)
+      console.log(result)
+      if (result) {
+        this.$Message.success('保存成功')
+        this._cancel()
+        this.$emit('on-result-change')
+      }
+    },
+    // 保存后解析项目的检测值
+    _editSaveRecord(data) {
+      const param = {
+        formId: this.formId
+      }
+      console.log('data', data)
+      const copyMapTemp = {}
+      if (data.data.copySheet && data.data.copyedSheet) {
+        param.copyMap = {}
+        const copyedKey = String(data.data.copyedSheet)
+        copyMapTemp[copyedKey] = ''
+        copyMapTemp[copyedKey] = String(data.data.copySheet)
+        // 存在复制sheet的情况
+        param.copyMap = JSON.stringify(copyMapTemp)
+      } else if (typeof data.data.testValueArry !== 'undefined') {
+        const testValue = data.data.testValueArry
+        param.copyMap = {}
+        testValue.forEach(item => {
+          const copyedKey = String(item.copyedSheet)
+          copyMapTemp[copyedKey] = ''
+          copyMapTemp[copyedKey] = String(item.copySheet)
+          param.copyMap = JSON.stringify(copyMapTemp)
+        })
+      }
+      this._updateRecord(param)
+      // this.$store.dispatch('EnvItem/updateFormForItem', param).then(() => {
+      //   if (this.$store.state.EnvItem.success) {
+      //     this.$Message.success('保存成功')
+      //     // this.showModal = false;
+      //     this.$emit('on-result-change')
+      //     this._cancel()
+      //   }
+      // })
+    }
+  }
+}
+</script>

pages/soil-test-manage/test-data-check/item-tabs/ItemLeftList.vue

@@ -61,11 +61,7 @@ export default {
       ],
       getPage: {},
       id: '',
-      pageColumns: [
-        { title: '检测项目', key: 'name', width: 120 },
-        { title: '检测方法', key: 'testMethod', width: 140 },
-        { title: '检测依据名称', key: 'testBasisName', width: 200 }
-      ]
+      pageColumns: [{ title: '检测项目', key: 'name', width: 120 }]
     }
   },
   computed: {

pages/soil-test-manage/test-input/item-tabs/CreateItemReport.vue

@@ -2,7 +2,7 @@
   <div>
     <Modal v-model="showBatchModal" v-drag width="900">
       <p slot="header">
-        原始记录填写
+        生成项目报告
       </p>
       <div>
         <!--内容-->

pages/soil-test-manage/test-input/item-tabs/ItemLeftList.vue

@@ -195,7 +195,7 @@ export default {
     _makeCodeExcel: async function(data) {
       const result = await soilSample.saveExcelExpReport({
         entrustId: this.id,
-        expName: encodeURI(this.itemName),
+        expName: this.itemName,
         ids: this.sampleIds.join(','),
         templateId: data.id
       })

pages/soil-test-manage/test-input/item-tabs/ItemRightList.vue

@@ -6,21 +6,21 @@
         <Form id="task-assign-item-right" :label-width="70" inline onsubmit="return false">
           <label class="label-sign"></label>
           <Form-item class="search-item" label="试样编号:">
-            <Input v-model="formObj.sampleCode" name="sampleCode" placeholder="请输入试样编号" clearable @on-enter="_formSearch"></Input>
+            <Input v-model="formObj.sampleCode" @on-enter="_formSearch" name="sampleCode" placeholder="请输入试样编号" clearable></Input>
           </Form-item>
           <Form-item class="search-btn">
-            <Button type="primary" @click="_formSearch">搜索</Button>
+            <Button @click="_formSearch" type="primary">搜索</Button>
           </Form-item>
         </Form>
       </Col>
       <!--操作-->
       <Col span="24">
-        <btn-list :msg="btn" class="contHide" @on-result-change="_btnClick"></btn-list>
+        <btn-list :msg="btn" @on-result-change="_btnClick" class="contHide"></btn-list>
       </Col>
       <!-- 表格 -->
       <Col span="24">
         <PTVXETable ref="pageTable" :page-columns="pageColumns" :table-height="tableHeight"
-                    :get-page="getPage" :icon-msg="iconMsg" :table-name="tableName" is-task  select-data @on-result-change="_tableResultChange">
+                    :get-page="getPage" :icon-msg="iconMsg" :table-name="tableName" @on-result-change="_tableResultChange"  is-task select-data>
           <vxe-table-column
             v-for="item in userColumns.length > 0 ?userColumns:pageColumns"
             :key="item.key"
@@ -57,6 +57,7 @@
     <SelEquip ref="selEquip" @on-result-change="_equipResult"></SelEquip>
     <CreateReport ref="createModal" @on-result-change="_certificateSelectExcelBack"></CreateReport>
     <Reason ref="reasonModal" @on-result-change="_reasonResult" />
+    <Operation ref="Operation"></Operation>
   </div>
 </template>
 <script>
@@ -71,6 +72,7 @@ import EquipManage from '../EquipManage'
 import CollectManage from '../CollectManage'
 import CollectFileManage from '../CollectFileManage'
 import Reason from '../../../../components/base/Reason'
+import Operation from '../../../../components/operation/ItemOperation'
 import CreateReport from './CreateReport'
 export default {
   components: {
@@ -83,7 +85,8 @@ export default {
     CollectManage,
     CollectFileManage,
     Reason,
-    CreateReport
+    CreateReport,
+    Operation
   },
   data() {
     return {
@@ -137,7 +140,12 @@ export default {
         { type: 'md-apps', id: '', name: '查看指标' },
         { type: 'ios-bookmarks', id: '', name: '查看采集数据' },
         { type: 'ios-browsers', id: '', name: '查看采集文件' },
-        { type: 'ios-flask', id: '', name: '设备列表' }
+        { type: 'ios-flask', id: '', name: '设备列表' },
+        {
+          type: 'ios-clock',
+          id: '',
+          name: '操作日志'
+        }
       ],
       getPage: {},
       pageColumns: [
@@ -214,9 +222,17 @@ export default {
           case '设备列表':
             this._equipManage(data)
             break
+          case '操作日志':
+            this._operationRecord(data.id)
+            break
         }
       })
     },
+    _operationRecord(id) {
+      this.$refs.Operation._open(id)
+      // 操作日志
+      // this.$refs.operation._open(id)
+    },
     _reportView(data) {
       if (data.recorded === '是') {
         if (data.objectKey) {

pages/workbench/sample-progress/SampleSteps.vue

 <template>
   <div>
-    <div v-for="itemInfo in info" :key="itemInfo" class="contract-box">
+    <div v-for="(itemInfo, index) in info" :key="index" class="contract-box">
       <Row>
         <!--样品信息-->
         <Col span="6">