修改了试样制备，添加了制备审核菜单

pages/soil-sample-manage/sample-preparation-check/AptitudeItem.vue

+<!--资质项目列表-->
+<template>
+  <div>
+    <div>
+      <Form :label-width="65" inline onsubmit="return false">
+        <label class="label-sign"></label>
+        <Form-item label="检测项目:" class="search-item">
+          <Input v-model="formObj.name" @on-enter="_search" placeholder="请输入检测项目" clearable />
+        </Form-item>
+        <Form-item>
+          <Button @click="_search" type="primary">搜索</Button>
+        </Form-item>
+      </Form>
+    </div>
+    <PTVXETable ref="pageTable" :tableHeight="tableHeight"
+                    @on-result-change="_tableResultChange" :getPage="getPage" select-data>
+      <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.judge">{{scope.row[item.key] === 0 ?'否':'是'}}</div>
+          <div v-else-if="item.key==='testBasis'">
+            {{(scope.row.testBasis?scope.row.testBasis:' ')+(scope.row.testBasisName?scope.row.testBasisName:'')}}
+          </div>
+          <div v-else>{{scope.row[item.key]}}</div>
+        </template>
+      </vxe-table-column>
+    </PTVXETable>
+  </div>
+</template>
+
+<script>
+import { soilAptitude } from '../../../api'
+
+export default {
+  components: {},
+  data() {
+    return {
+      getPage: {},
+      formObj: {
+        name: undefined,
+        testBasis: undefined,
+        aptitude: undefined
+      },
+      tableHeight: document.documentElement.clientHeight - 285,
+      pageColumns: [
+        { title: '检测项目', key: 'name', width: 100 },
+        { title: '检测依据', key: 'testBasis', width: 260 },
+        // {title: '检测依据名称', key: 'testBasisName', width: 330},
+        { title: '检测方法', key: 'testMethod', width: 130 },
+        { title: '检测科室', key: 'groupName', width: 140 },
+        { title: '资质', key: 'aptitude', width: 130 },
+        { title: '检出限类别', key: 'detectionType', width: 130 },
+        { title: '检出限', key: 'detectionLimit', width: 130 },
+        { title: '单位', key: 'unit', width: 130 }
+      ],
+      formId: '',
+      itemList: [],
+      testBasisList: []
+    }
+  },
+  methods: {
+    _open() {
+      this.formObj = this.$resetFields(this.formObj)
+      this._page()
+    },
+    // 获取检测项目
+    _getItemList(data) {
+      const obj = {}
+      if (data) {
+        obj.name = data
+      }
+      this.$store.dispatch('FoodAptitudeItem/getTestItem', obj).then(() => {
+        this.itemList = this.$store.state.FoodAptitudeItem.list
+      })
+    },
+    // 检测项目结果
+    _testItemChange(msg, data) {
+      switch (msg) {
+        case 'select':
+          this.formObj.name = data
+          this._getItemList()
+          break
+        case 'query':
+          this.formObj.name = data
+          this._getItemList(data)
+          break
+        case 'focus':
+          this._getItemList()
+          break
+        case 'enter':
+          this._search()
+          break
+      }
+    },
+    _getTestBasisList(data) {
+      const obj = { classify: 1, page: 1, rows: 20 }
+      if (data) {
+        obj.name = data.stdNum
+      }
+      this.$store.dispatch('StandardInfo/pageListByName', obj).then(() => {
+        this.testBasisList = this.$store.state.StandardInfo.page.records
+      })
+    },
+    _testBasisChange(msg, data) {
+      switch (msg) {
+        case 'select':
+          this.formObj.testBasis = data.stdNum
+          this._getTestBasisList()
+          break
+        case 'query':
+          this.formObj.testBasis = data.stdNum
+          this._getTestBasisList(data)
+          break
+        case 'focus':
+          this._getTestBasisList()
+          break
+        case 'enter':
+          this._search()
+          break
+      }
+    },
+    _page: async function() {
+      const result = await soilAptitude.page(this.$serializeForm(this.formObj))
+      if (result) {
+        console.log(result)
+        this.getPage = result
+        this.$refs.pageTable._hideLoading()
+      }
+    },
+    _clearSelection() {
+      this.$refs.pageTable._clearSelection()
+    },
+    _search() {
+      this.$refs.pageTable._pageChange(1)
+    },
+    _reset() {
+      this.formObj = this.$resetFields(this.formObj)
+    },
+    _tableResultChange(msg, data, checked) {
+      switch (msg) {
+        case 'page':
+          this._page()
+          break
+        case 'selectAll':
+          this.$emit('on-result-change', 'selectAll', data)
+          break
+        case 'selectData':
+          this.$emit('on-result-change', 'selectData', data)
+          break
+        case 'dbSelect':
+          this.$emit('on-result-change', 'dbClick', data)
+          break
+        case 'changeSize':
+          this._page()
+          break
+      }
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/CollectFileManage.vue

+<template>
+  <div>
+    <Modal v-model="showModal" v-drag width="800" class="modal-footer-none full-screen">
+      <div slot="header">{{modalTitle}}</div>
+      <div>
+        <Form id="index-right-form" :label-width="80" inline onsubmit="return false">
+          <label class="label-sign"></label>
+          <Form-item class="search-item" label="仪器名称:">
+            <Input v-model="formObj.equipName" @on-enter="_formSearch" placeholder="请输入仪器名称" clearable/>
+          </Form-item>
+          <Form-item class="search-btn">
+            <Button @click="_formSearch" type="primary">搜索</Button>
+          </Form-item>
+        </Form>
+          <btn-list :msg="btn" @on-result-change="_btnClick" class="contHide" style="margin-bottom: 10px;"/>
+        <PTVXETable ref="pageTable" :tableHeight="tableHeight"
+                    @on-result-change="_tableResultChange" :getPage="getPage" :icon-msg="iconMsg">
+          <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">
+            <template slot-scope="scope">
+              <span v-if="item.key==='defaulted'">{{scope.row[item.key]?'是':'否'}}</span>
+              <span v-else>{{scope.row[item.key]}}</span>
+            </template>
+          </vxe-table-column>
+        </PTVXETable>
+      </div>
+      <div class="viewFileImg">
+        <vue-gallery-slideshow  :images="imgViewList" :index="imgViewIndex"
+                               @close="imgViewIndex = null"></vue-gallery-slideshow>
+      </div>
+    </Modal>
+    <IndexManageEdit ref="indexEdit" @on-result-change="_page"></IndexManageEdit>
+  </div>
+</template>
+
+<script>
+import { soilAptitude, soilTest } from '../../../api'
+import global from '../../../api/config'
+import IndexManageEdit from './IndexManageEdit'
+
+export default {
+  components: { IndexManageEdit },
+  data() {
+    return {
+      id: '',
+      modalTitle: '',
+      showModal: false,
+      btn: [{ type: 'success', id: 'ZBC', name: '添加指标' }],
+      tableHeight: document.documentElement.clientHeight - 180,
+      imgViewList: [],
+      imgViewIndex: null,
+      viewUri: '/soil/v1/sample_photo/view',
+      pageColumns: [
+        { title: '仪器名称', key: 'equipName', width: 120 },
+        { title: '仪器编号', key: 'equipNum', width: 120 },
+        { title: '规格型号', key: 'spec', width: 120 },
+        { title: '仪器品牌', key: 'brand', width: 120 },
+        { title: '实验室编号', key: 'labNum', width: 120 }
+      ],
+      getPage: {},
+      iconMsg: [{ type: 'md-eye', id: '', name: '预览' }],
+      selectIds: [],
+      formObj: {
+        name: ''
+      },
+      // 资质信息
+      aptitudeItemInfo: {}
+    }
+  },
+  methods: {
+    _open(data) {
+      console.log(data)
+      this.aptitudeItemInfo = data
+      this.formObj = this.$resetFields(this.formObj)
+      this.id = data.id
+      this.modalTitle = data.name + ' 查看采集文件'
+      this.showModal = true
+      this._page()
+    },
+    _page: async function() {
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      this.formObj.expId = this.id
+      const result = await soilTest.collectFilePage(
+        this.$serializeForm(this.formObj)
+      )
+      if (result) {
+        console.log(result)
+        this.getPage = result
+        this.$refs.pageTable._hideLoading()
+      }
+    },
+    _formSearch() {
+      this.$refs.pageTable._pageChange(1)
+    },
+    _tableResultChange(msg, data) {
+      switch (msg) {
+        case 'page':
+          break
+        case 'selectIds':
+          this.selectIds = data
+          break
+        case 'iconClick':
+          this._iconClick(data.name, data.rowData)
+          break
+        case 'changeSize':
+          this._page()
+          break
+      }
+    },
+    _iconClick(res, data) {
+      switch (res) {
+        case '编辑':
+          this._editModal(true, data)
+          break
+        case '预览':
+          this._viewFile(data)
+          break
+      }
+    },
+    _viewFile(data) {
+      // this.$pdfView(data.objectKey)
+      const imgViewList = []
+      // imgViewList.push(global.baseURL + this.downloadFileUrlFile + data.id)
+      this.imgViewList = imgViewList
+      imgViewList.push(
+        global.baseURL +
+          this.viewUri +
+          '?id=' +
+          data.id +
+          '&objectKey=' +
+          data.objectKey
+      )
+      console.log(
+        global.baseURL +
+          this.viewUri +
+          '?id=' +
+          data.id +
+          '&objectKey=' +
+          data.objectKey
+      )
+      this.imgViewIndex = 0
+    },
+    _editModal(edit, data) {
+      if (edit) {
+        this._getById(data)
+      } else {
+        this.$refs.indexEdit._open(this.id, '')
+      }
+    },
+    _getById: async function(data) {
+      const result = await soilTest.itemGetById(data.id)
+      console.log(result)
+      if (result) {
+        this.$refs.indexEdit._open('', result)
+      }
+    },
+    _btnClick(msg) {
+      switch (msg) {
+        case '添加指标':
+          this._editModal(false)
+          break
+        case '删除':
+          this._deleteByIds()
+          break
+      }
+    },
+    _deleteByIds() {
+      if (this.selectIds.length === 0) {
+        // this.$msgTip('warning')
+        this.$message.warning('请至少选择一条记录')
+      } else {
+        this.$Modal.confirm({
+          title: '提示',
+          content: '确定删除 ' + this.selectIds.length + ' 条记录？',
+          onOk: () => {
+            this._delOk(this.selectIds)
+          }
+        })
+      }
+    },
+    _delOk: async function(ids) {
+      const result = await soilAptitude.expItemDeleteByIds(ids)
+      if (result) {
+        this.$message.success('删除成功')
+        this._page()
+      }
+    }
+  }
+}
+</script>
+<style scoped>
+.viewFileImg >>> .vgs__container {
+  height: 100% !important;
+}
+</style>

pages/soil-sample-manage/sample-preparation-check/CollectManage.vue

+<template>
+  <div>
+    <Modal v-model="showModal" v-drag width="100" class="modal-footer-none full-screen">
+      <div slot="header">{{modalTitle}}</div>
+      <div>
+        <Form id="index-right-form" :label-width="80" inline onsubmit="return false">
+          <label class="label-sign"></label>
+          <Form-item class="search-item" label="采集内容:">
+            <Input v-model="formObj.name" @on-enter="_formSearch" placeholder="请输入采集内容" clearable/>
+          </Form-item>
+          <Form-item class="search-btn">
+            <Button @click="_formSearch" type="primary">搜索</Button>
+          </Form-item>
+        </Form>
+          <btn-list :msg="btn" @on-result-change="_btnClick" class="contHide" style="margin-bottom: 10px;"/>
+        <PTVXETable ref="pageTable" :tableHeight="tableHeight"
+                    @on-result-change="_tableResultChange" :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">
+            <template slot-scope="scope">
+              <span v-if="item.key==='defaulted'">{{scope.row[item.key]?'是':'否'}}</span>
+              <span v-else>{{scope.row[item.key]}}</span>
+            </template>
+          </vxe-table-column>
+        </PTVXETable>
+      </div>
+    </Modal>
+    <IndexManageEdit ref="indexEdit" @on-result-change="_page"></IndexManageEdit>
+  </div>
+</template>
+
+<script>
+import { soilAptitude, soilTest } from '../../../api'
+import IndexManageEdit from './IndexManageEdit'
+
+export default {
+  components: { IndexManageEdit },
+  data() {
+    return {
+      id: '',
+      modalTitle: '',
+      showModal: false,
+      btn: [{ type: 'success', id: 'ZBC', name: '添加指标' }],
+      tableHeight: document.documentElement.clientHeight - 180,
+      pageColumns: [
+        { title: '采集内容', key: 'name' },
+        { title: '检测值', key: 'testValue', width: 120 },
+        { title: '实验室编号', key: 'labNum', width: 120 },
+        { title: '仪器名称', key: 'equipName', width: 120 },
+        { title: '仪器编号', key: 'equipNum', width: 120 },
+        { title: '规格型号', key: 'spec', width: 120 }
+      ],
+      getPage: {},
+      iconMsg: [{ type: 'md-create', id: '', name: '编辑' }],
+      selectIds: [],
+      formObj: {
+        name: ''
+      },
+      // 资质信息
+      aptitudeItemInfo: {}
+    }
+  },
+  methods: {
+    _open(data) {
+      console.log(data)
+      this.aptitudeItemInfo = data
+      this.formObj = this.$resetFields(this.formObj)
+      this.id = data.id
+      this.modalTitle = data.name + ' 查看采集数据'
+      this.showModal = true
+      this._page()
+    },
+    _page: async function() {
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      this.formObj.expId = this.id
+      const result = await soilTest.collectDataPage(
+        this.$serializeForm(this.formObj)
+      )
+      if (result) {
+        console.log(result)
+        this.getPage = result
+        this.$refs.pageTable._hideLoading()
+      }
+    },
+    _formSearch() {
+      this.$refs.pageTable._pageChange(1)
+    },
+    _tableResultChange(msg, data) {
+      switch (msg) {
+        case 'page':
+          break
+        case 'selectIds':
+          this.selectIds = data
+          break
+        case 'iconClick':
+          this._iconClick(data.name, data.rowData)
+          break
+        case 'changeSize':
+          this._page()
+          break
+      }
+    },
+    _iconClick(res, data) {
+      switch (res) {
+        case '编辑':
+          this._editModal(true, data)
+          break
+      }
+    },
+    _editModal(edit, data) {
+      if (edit) {
+        this._getById(data)
+      } else {
+        this.$refs.indexEdit._open(this.id, '')
+      }
+    },
+    _getById: async function(data) {
+      const result = await soilTest.itemGetById(data.id)
+      console.log(result)
+      if (result) {
+        this.$refs.indexEdit._open('', result)
+      }
+    },
+    _btnClick(msg) {
+      switch (msg) {
+        case '添加指标':
+          this._editModal(false)
+          break
+        case '删除':
+          this._deleteByIds()
+          break
+      }
+    },
+    _deleteByIds() {
+      if (this.selectIds.length === 0) {
+        // this.$msgTip('warning')
+        this.$message.warning('请至少选择一条记录')
+      } else {
+        this.$Modal.confirm({
+          title: '提示',
+          content: '确定删除 ' + this.selectIds.length + ' 条记录？',
+          onOk: () => {
+            this._delOk(this.selectIds)
+          }
+        })
+      }
+    },
+    _delOk: async function(ids) {
+      const result = await soilAptitude.expItemDeleteByIds(ids)
+      if (result) {
+        this.$message.success('删除成功')
+        this._page()
+      }
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/DescribeDetailModal.vue

+<template>
+  <div>
+    <Modal v-model="showEditModal" v-drag :mask-closable="false" :width="500" class="zIndex-1200">
+      <p slot="header">{{modalTitle}}</p>
+      <div>
+        <Form id="edit-form" ref="formObj" :model="formObj" :rules="ruleValidate" :label-width="100" inline>
+          <Form-item label="土质描述详情" prop="detail " style="width: 100%">
+            <el-input v-model="formObj.detail " name="detail "></el-input>
+          </Form-item>
+        </Form>
+      </div>
+      <div slot="footer">
+        <ModalFooter ref="footerModal" @on-result-change="_footerResult" :footer="footerList"></ModalFooter>
+      </div>
+    </Modal>
+  </div>
+</template>
+<script>
+/**
+ * 添加编辑
+ */
+import ModalFooter from '../../../components/base/modalFooter'
+import { soilAptitude, soilEntrust, soilSample } from '../../../api'
+
+export default {
+  components: {
+    ModalFooter
+  },
+  data() {
+    return {
+      formId: '',
+      modalTitle: '土质描述详情填写',
+      formObj: {
+        detail: ''
+      },
+      ruleValidate: {},
+      showEditModal: false,
+      ids: '',
+      options: [],
+      footerList: [
+        { id: '', name: '取消', type: '' },
+        { id: '', name: '保存', type: 'primary' }
+      ]
+    }
+  },
+  methods: {
+    /** *modal-footer */
+    selectLocation(data) {
+      this._getLocationById(data)
+    },
+    _footerResult(name) {
+      switch (name) {
+        case '取消':
+          this._cancel()
+          break
+        case '保存':
+          this._ok()
+          break
+      }
+    },
+    _hideLoading() {
+      this.$refs.footerModal._hideLoading()
+    },
+    _resultChange(msg) {
+      this.showEditModal = false
+      this.$Message.success(msg)
+      this.$emit('on-result-change')
+      this._hideLoading()
+    },
+    _ok() {
+      this.$refs.formObj.validate(valid => {
+        if (valid) {
+          this.formObj.ids = this.ids
+          this._receive(this.formObj)
+        } else {
+          this.$Message.error('表单验证失败!')
+          this._hideLoading()
+        }
+      })
+    },
+    _receive: async function(data) {
+      const result = await soilEntrust.weiteSoilDetail(data)
+      if (result) {
+        this._resultChange('填写成功!')
+      }
+    },
+    _save: async function(data) {
+      const result = await soilAptitude.standardSave(data)
+      if (result) {
+        this._resultChange('添加成功!')
+      }
+    },
+    _edit: async function(data) {
+      const result = await soilAptitude.standardEdit(data)
+      if (result) {
+        this._resultChange('编辑成功!')
+      }
+    },
+    _cancel() {
+      this._hideLoading()
+      this.showEditModal = false
+    },
+    _open(ids) {
+      this.formObj.detail = ''
+      this.ids = ids
+      this.showEditModal = true
+    },
+    _getLocation: async function() {
+      const result = await soilSample.locationList()
+      if (result) {
+        console.log(result)
+        this.options = result
+        console.log(this.options)
+      }
+    },
+    _getLocationById: async function(id) {
+      console.log(id)
+      const result = await soilSample.locationGetById(id)
+      if (result) {
+        this.formObj.receiveLocation = result.name
+      }
+      console.log(this.formObj.receiveLocation)
+    },
+    _registerAdd() {
+      this.formId = this.$randomCode()
+      this._hideLoading()
+      this.$refs.formObj.resetFields()
+      this.modalTitle = '添加'
+      this.formObj.id = ''
+      this.formObj.type = 3
+      this.showEditModal = true
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/EquipManage.vue

+<template>
+  <div>
+    <Modal v-model="showModal" v-drag width="800" class="modal-footer-none full-screen">
+      <div slot="header">{{modalTitle}}</div>
+      <div>
+        <Form id="index-right-form" :label-width="80" inline onsubmit="return false">
+          <label class="label-sign"></label>
+          <Form-item class="search-item" label="仪器名称:">
+            <Input v-model="formObj.equipName" @on-enter="_formSearch" placeholder="请输入仪器名称" clearable/>
+          </Form-item>
+          <Form-item class="search-btn">
+            <Button @click="_formSearch" type="primary">搜索</Button>
+          </Form-item>
+        </Form>
+          <btn-list :msg="btn" @on-result-change="_btnClick" class="contHide" style="margin-bottom: 10px;"/>
+        <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">
+            <template slot-scope="scope">
+              <span v-if="item.key==='defaulted'">{{scope.row[item.key]?'是':'否'}}</span>
+              <span v-else>{{scope.row[item.key]}}</span>
+            </template>
+          </vxe-table-column>
+        </PTVXETable>
+      </div>
+    </Modal>
+    <IndexManageEdit ref="indexEdit" @on-result-change="_page"></IndexManageEdit>
+  </div>
+</template>
+
+<script>
+import { soilTest } from '../../../api'
+import IndexManageEdit from './IndexManageEdit'
+
+export default {
+  components: { IndexManageEdit },
+  data() {
+    return {
+      id: '',
+      modalTitle: '',
+      showModal: false,
+      btn: [],
+      tableHeight: document.documentElement.clientHeight - 180,
+      pageColumns: [
+        { title: '仪器名称', key: 'equipName', width: 120 },
+        { title: '仪器编号', key: 'equipNum', width: 120 },
+        { title: '仪器品牌', key: 'brand', width: 120 },
+        { title: '采集类型', key: 'collectionType', width: 120 },
+        { title: '采集地址', key: 'collectionAddress', width: 120 },
+        { title: '采集命令', key: 'acquisitionCommand', width: 120 }
+      ],
+      getPage: {},
+      iconMsg: [{ type: 'md-trash', id: '', name: '删除' }],
+      selectIds: [],
+      formObj: {
+        name: ''
+      },
+      // 资质信息
+      aptitudeItemInfo: {}
+    }
+  },
+  methods: {
+    _open(data) {
+      console.log(data)
+      this.aptitudeItemInfo = data
+      this.formObj = this.$resetFields(this.formObj)
+      this.id = data.id
+      this.modalTitle = data.name + ' 设备管理'
+      this.showModal = true
+      this._page()
+    },
+    _page: async function() {
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      this.formObj.expId = this.id
+      const result = await soilTest.equipPage(this.$serializeForm(this.formObj))
+      if (result) {
+        console.log(result)
+        this.getPage = result
+        this.$refs.pageTable._hideLoading()
+      }
+    },
+    _formSearch() {
+      this.$refs.pageTable._pageChange(1)
+    },
+    _tableResultChange(msg, data) {
+      switch (msg) {
+        case 'page':
+          break
+        case 'selectIds':
+          this.selectIds = data
+          break
+        case 'iconClick':
+          this._iconClick(data.name, data.rowData)
+          break
+        case 'changeSize':
+          this._page()
+          break
+      }
+    },
+    _iconClick(res, data) {
+      switch (res) {
+        case '编辑':
+          this._editModal(true, data)
+          break
+        case '删除':
+          this._deleteByIds(data.id)
+          break
+      }
+    },
+    _editModal(edit, data) {
+      if (edit) {
+        this._getById(data)
+      } else {
+        this.$refs.indexEdit._open(this.id, '')
+      }
+    },
+    _getById: async function(data) {
+      const result = await soilTest.itemGetById(data.id)
+      console.log(result)
+      if (result) {
+        this.$refs.indexEdit._open('', result)
+      }
+    },
+    _btnClick(msg) {
+      switch (msg) {
+        case '添加指标':
+          this._editModal(false)
+          break
+        case '删除':
+          this._deleteByIds()
+          break
+      }
+    },
+    _deleteByIds(id) {
+      this.$Modal.confirm({
+        title: '提示',
+        content: '确定删除这条记录？',
+        onOk: () => {
+          this._delOk(id)
+        }
+      })
+    },
+    _delOk: async function(id) {
+      const result = await soilTest.deleteEquip(id)
+      if (result) {
+        this.$Message.success('删除成功')
+        this._page()
+      }
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/ImportItem.vue

+<!--Collapse关联框  单个导入项目-->
+<template>
+  <div>
+    <Modal v-model="showModal" v-drag :mask-closable="false" width="100" class="zIndex-1200 full-screen modal-header-none">
+      <p slot="header">
+        导入检测项目
+      </p>
+      <div>
+      <Collapse :right-title="'已选的检测项目 (共'+getPage.records.length+'条)'" @on-result-change="_optionResult"
+                :left-width="18"
+                left-title="资质项目">
+        <template #left>
+          <AptitudeItem ref="leftModal" @on-result-change="_leftResult"></AptitudeItem>
+        </template>
+        <template #right>
+          <PTVXETable ref="pageTable" :tableHeight="tableHeight" :getPage="getPage"
+                      @on-result-change="_rightResult" select-data hide-page>
+            <vxe-table-column
+              :field="item.key"
+              :title="item.title"
+              :min-width="item.width?item.width:200"
+              v-for="item in pageColumns" :key="item.key">
+              <template slot-scope="scope">
+                <div v-if="item.key==='scened'">{{scope.row[item.key]?'':scope.row[item.key]===0?'否':'是'}}</div>
+                <div v-else-if="item.key==='testBasis'">
+            {{(scope.row.testBasis?scope.row.testBasis:' ')+
+                  (scope.row.testBasisName?scope.row.testBasisName:'')}}
+                </div>
+                <div v-else>{{scope.row[item.key]}}</div>
+              </template>
+            </vxe-table-column>
+          </PTVXETable>
+        </template>
+      </Collapse>
+    </div>
+      <div slot="footer">
+        <modal-footer ref="footerModal" @on-result-change="_footerResult" :footer="footerList"></modal-footer>
+      </div>
+    </Modal>
+  </div>
+</template>
+
+<script>
+import Collapse from '../../../components/base/Collapse'
+import { soilSample } from '../../../api'
+import AptitudeItem from './AptitudeItem'
+/* 普通样品导入检测项目（一种是直接走接口保存，另一种是返回已选中的数据），专用于除了【质控】之外的导入检测项目 */
+export default {
+  components: {
+    Collapse,
+    // AddItem,
+    AptitudeItem
+  },
+  props: {
+    isRepeat: null // 只有模拟样品才能导入重复的检测项目
+  },
+  data() {
+    return {
+      pageColumns: [
+        { title: '检测项目', key: 'name', width: 100 },
+        { title: '检测依据', key: 'testBasis', width: 260 },
+        // {title: '检测依据名称', key: 'testBasisName', width: 180,},
+        { title: '检测方法', key: 'testMethod', width: 130 },
+        { title: '检测科室', key: 'groupName', width: 140 }
+      ],
+      footerList: [
+        { name: '取消', type: '' },
+        { name: '确定', type: 'primary' }
+      ],
+      selectData: [],
+      showModal: false,
+      addIds: [],
+      sampleId: '',
+      delData: [],
+      getPage: {
+        records: []
+      },
+
+      isEditModal: false,
+      isReceive: false, // 用于区别是样品接收中导入检测项目还是普通样品中导入检测项目
+      tableHeight: document.documentElement.clientHeight - 240
+    }
+  },
+  methods: {
+    _open(sampleId) {
+      this.showModal = true
+      this.isReceive = false
+      this.sampleId = sampleId
+      this.selectData = []
+      this.addIds = []
+      this.delData = []
+      this.getPage.records = []
+      this.$refs.leftModal._open()
+    },
+    _footerResult(name) {
+      switch (name) {
+        case '取消':
+          this._cancel()
+          break
+        case '确定':
+          this._ok()
+          break
+      }
+    },
+    _ok: async function() {
+      const result = await soilSample.importExperiments({
+        aptitudeIds: this.addIds,
+        ids: this.sampleId
+      })
+      if (result) {
+        this.showModal = false
+        this.$Message.success('导入成功')
+        this.$emit('on-result-change')
+      }
+    },
+    _cancel() {
+      this.showModal = false
+      this.$refs.footerModal._hideLoading()
+    },
+    // 样品接收中用的导入检测项目(给一个样品导入检测项目)
+    _openReceive() {
+      this.isReceive = true
+      this.selectData = []
+      this.addIds = []
+      this.delData = []
+      // this.getPage = [];
+      this.getPage.records = []
+      this.$refs.leftModal._open()
+    },
+    _optionResult(name) {
+      switch (name) {
+        case '添加':
+          this._add()
+          break
+        case '删除':
+          this._deleteSelected()
+          break
+      }
+    },
+    // 未关联方法返回的数据
+    _leftResult(msg, data, checked) {
+      switch (msg) {
+        case 'selectAll':
+          this.selectData = data
+          break
+        case 'selectData':
+          this.selectData = data
+          // if (data.checked) {
+          //   this.selectData.push(data)
+          //   const set = new Set([...this.selectData])
+          //   this.selectData = [...set]
+          //   console.log('选择的数据', this.selectData)
+          // } else {
+          //   const index = this.selectData.indexOf(data)
+          //   this.selectData.splice(index, 1)
+          // }
+          break
+        case 'dbClick':
+          this.selectData = [data]
+          this._add()
+          break
+        case 'search':
+          this.selectData = []
+          break
+      }
+    },
+    // 已关联方法返回的数据
+    _rightResult(msg, data) {
+      switch (msg) {
+        case 'selectData':
+          this.delData = data
+          break
+      }
+    },
+    // 添加关联方法
+    _add() {
+      if (this.selectData.length === 0) {
+        this.$Message.warning('请至少选择一条数据！')
+      } else {
+        for (let i = 0; i < this.selectData.length; i++) {
+          if (this.isRepeat) {
+            // 表示模拟样品，可导入重复的项目
+            this.getPage.records.push(this.selectData[i])
+            this.addIds.push(this.selectData[i].id)
+          } else {
+            // 普通样品，不能导入重复的项目
+            // eslint-disable-next-line no-lonely-if
+            if (
+              !this.getPage.records.find(
+                item => item.name === this.selectData[i].name
+              )
+            ) {
+              this.getPage.records.push(this.selectData[i])
+              this.addIds.push(this.selectData[i].id)
+            }
+          }
+        }
+        // 勾选之后两侧都需要手动清空，否则会出现另一侧也勾选的问题
+        this.$refs.leftModal._clearSelection()
+        this.$refs.pageTable._clearSelection()
+        this.selectData = []
+      }
+    },
+    _deleteSelected() {
+      if (this.delData.length === 0) {
+        this.$Message.warning('请选择一条或多条数据！')
+      } else {
+        this._deleteByIds(
+          this.delData,
+          '确定删除 ' + this.delData.length + ' 条记录？'
+        )
+      }
+    },
+    _deleteByIds(row, content) {
+      for (let i = 0; i < row.length; i++) {
+        const dataIndex = this.getPage.records.indexOf(row[i])
+        this.getPage.records.splice(dataIndex, 1)
+        const idIndex = this.addIds.indexOf(row[i].id)
+        this.addIds.splice(idIndex, 1)
+      }
+      // 勾选之后两侧都需要手动清空，否则会出现另一侧也勾选的问题
+      this.$refs.leftModal._clearSelection()
+      this.$refs.pageTable._clearSelection()
+      // 手动清空删除的数据
+      this.delData = []
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/IndexManage.vue

+<template>
+  <div>
+    <Modal v-model="showModal" v-drag width="100" class="modal-footer-none full-screen">
+      <div slot="header">{{modalTitle}}</div>
+      <div>
+        <Form id="index-right-form" :label-width="80" inline onsubmit="return false">
+          <label class="label-sign"></label>
+          <Form-item class="search-item" label="指标名称:">
+            <Input v-model="formObj.name" @on-enter="_formSearch" placeholder="请输入类别" clearable/>
+          </Form-item>
+          <Form-item class="search-btn">
+            <Button @click="_formSearch" type="primary">搜索</Button>
+          </Form-item>
+        </Form>
+          <btn-list :msg="btn" @on-result-change="_btnClick" class="contHide" style="margin-bottom: 10px;"/>
+        <PTVXETable ref="pageTable" :tableHeight="tableHeight"
+                    @on-result-change="_tableResultChange" :getPage="getPage" :iconMsg="iconMsg">
+          <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">
+            <template slot-scope="scope">
+              <span v-if="item.key==='defaulted'">{{scope.row[item.key]?'是':'否'}}</span>
+              <span v-else>{{scope.row[item.key]}}</span>
+            </template>
+          </vxe-table-column>
+        </PTVXETable>
+      </div>
+    </Modal>
+    <IndexManageEdit ref="indexEdit" @on-result-change="_page"></IndexManageEdit>
+  </div>
+</template>
+
+<script>
+import { soilAptitude, soilTest } from '../../../api'
+import IndexManageEdit from './IndexManageEdit'
+
+export default {
+  components: { IndexManageEdit },
+  data() {
+    return {
+      id: '',
+      modalTitle: '',
+      showModal: false,
+      btn: [
+        { type: 'success', id: '', name: '添加指标' },
+        { type: 'error', id: '', name: '删除' }
+      ],
+      tableHeight: document.documentElement.clientHeight - 180,
+      pageColumns: [
+        { title: '试验指标名称', key: 'name' },
+        { title: '试验指标大类', key: 'mainType', width: 120 },
+        { title: '试验指标小类', key: 'smallType', width: 120 },
+        { title: '状态', key: 'status', width: 120 },
+        { title: '检测值', key: 'testValue', width: 120 },
+        { title: '单位', key: 'unit', width: 120 }
+      ],
+      getPage: {},
+      iconMsg: [{ type: 'md-create', id: '', name: '编辑' }],
+      selectIds: [],
+      formObj: {
+        name: ''
+      },
+      // 资质信息
+      aptitudeItemInfo: {}
+    }
+  },
+  methods: {
+    _open(data) {
+      console.log(data)
+      this.aptitudeItemInfo = data
+      this.formObj = this.$resetFields(this.formObj)
+      this.id = data.id
+      this.modalTitle = data.name + ' 指标管理'
+      this.showModal = true
+      this._page()
+    },
+    _page: async function() {
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      this.formObj.experimentId = this.id
+      const result = await soilTest.itemPage(this.$serializeForm(this.formObj))
+      if (result) {
+        console.log(result)
+        this.getPage = result
+        this.$refs.pageTable._hideLoading()
+      }
+    },
+    _formSearch() {
+      this.$refs.pageTable._pageChange(1)
+    },
+    _tableResultChange(msg, data) {
+      switch (msg) {
+        case 'page':
+          break
+        case 'selectIds':
+          this.selectIds = data
+          break
+        case 'iconClick':
+          this._iconClick(data.name, data.rowData)
+          break
+        case 'changeSize':
+          this._page()
+          break
+      }
+    },
+    _iconClick(res, data) {
+      switch (res) {
+        case '编辑':
+          this._editModal(true, data)
+          break
+      }
+    },
+    _editModal(edit, data) {
+      if (edit) {
+        this._getById(data)
+      } else {
+        this.$refs.indexEdit._open(this.id, '')
+      }
+    },
+    _getById: async function(data) {
+      const result = await soilTest.itemGetById(data.id)
+      console.log(result)
+      if (result) {
+        this.$refs.indexEdit._open('', result)
+      }
+    },
+    _btnClick(msg) {
+      switch (msg) {
+        case '添加指标':
+          this._editModal(false)
+          break
+        case '删除':
+          this._deleteByIds()
+          break
+      }
+    },
+    _deleteByIds() {
+      if (this.selectIds.length === 0) {
+        // this.$msgTip('warning')
+        this.$message.warning('请至少选择一条记录')
+      } else {
+        this.$Modal.confirm({
+          title: '提示',
+          content: '确定删除 ' + this.selectIds.length + ' 条记录？',
+          onOk: () => {
+            this._delOk(this.selectIds)
+          }
+        })
+      }
+    },
+    _delOk: async function(ids) {
+      const result = await soilAptitude.expItemDeleteByIds(ids)
+      if (result) {
+        this.$message.success('删除成功')
+        this._page()
+      }
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/IndexManageEdit.vue

+<template>
+  <div>
+    <Modal v-model="showModal" v-drag :mask-closable="false" @on-visible-change="_visibleChange" width="900">
+      <p slot="header">{{modalTitle}}</p>
+      <div>
+        <Form ref="formObj" :id="formId" :model="formObj" :rules="ruleValidate" :label-width="100" inline>
+              <div>
+                <Form-item label="试验指标名称" prop="name" class="width-48">
+                  <Input v-model="formObj.name" name="name" placeholder="请输入试验名称"/>
+                </Form-item>
+                <Form-item label="试验指标大类" prop="mainType" class="width-48">
+                  <Input v-model="formObj.mainType" name="mainType"
+                         placeholder="请输入试验指标大类"/>
+                </Form-item>
+                <Form-item label="试验指标小类" prop="smallType" class="width-48">
+                  <Input v-model="formObj.smallType" name="smallType" placeholder="请输入试验指标小类"/>
+                </Form-item>
+                <Form-item label="状态" prop="status" class="width-48">
+                  <Input v-model="formObj.status"  name="status"
+                         placeholder="请输入状态"/>
+                </Form-item>
+                <Form-item label="检测值" prop="testValue" class="width-48">
+                  <Input v-model="formObj.testValue" name="testValue"
+                         placeholder="请输入检测值"/>
+                </Form-item>
+                <Form-item label="单位" prop="unit" class="width-48">
+                  <Input v-model="formObj.unit"
+                         name="unit" placeholder="请输入单位"/>
+                </Form-item>
+              </div>
+        </Form>
+      </div>
+      <div slot="footer">
+        <modal-footer ref="footerModal" @on-result-change="_footerResult" :footer="footerList"></modal-footer>
+      </div>
+    </Modal>
+  </div>
+</template>
+<script>
+/**
+ * 添加编辑环境资质项目表
+ */
+
+import { soilTest } from '../../../api'
+
+export default {
+  components: {},
+  data() {
+    return {
+      activeName: '',
+      hideUserSel: true,
+      id: '',
+      modalTitle: '',
+      expId: '',
+      formObj: {
+        name: '',
+        unit: '',
+        status: '',
+        mainType: '',
+        smallType: '',
+        testValue: ''
+      },
+      ruleValidate: {
+        name: [{ required: true, message: '指标名称不能为空', trigger: 'blur' }]
+      },
+      showModal: false,
+      footerList: [
+        { name: '取消', type: '' },
+        { name: '保存', type: 'primary' }
+      ],
+      microbedList: [{ value: 0, name: '否' }, { value: 1, name: '是' }],
+      // 检测依据
+      testBasisData: [],
+      // 类别下拉数组
+      typeData: [],
+      // 检测科室
+      groupData: [],
+      groupName: '',
+      // 主检人
+      userData: [],
+      // 单位
+      unitData: [],
+      aptitudeData: [],
+
+      aptitude: '',
+      // testBasisName: '',
+      computeTypeList: [],
+      tester: '',
+      marksList: [],
+      detectionTypeList: [],
+      testItemData: [],
+      formId: ''
+    }
+  },
+  mounted() {
+    // 检测科室
+    // this._getUserGroup()
+    // 检测依据
+    // this._getTestBasisList()
+    // 资质
+    // this._getAptitudeList()
+    // this._getType()
+  },
+  methods: {
+    // 字典
+    _dicSearch() {
+      this.$store.dispatch('LmsBaseDict/getItem', '食品检出类别').then(() => {
+        const result = this.$store.state.LmsBaseDict.item
+        this.detectionTypeList = result
+        if (this.$string(this.id).isEmpty()) {
+          // 添加界面默认第一个
+          this.formObj.detectionType = result.length > 0 ? result[0].name : ''
+        }
+      })
+    },
+    _testBasisChange(msg, data) {
+      switch (msg) {
+        case 'select':
+          this.formObj.stdId = data.id
+          this.formObj.testBasis = data.stdNum
+          this.formObj.testBasisName = data.name
+          this.formObj.testMethod = data.stdNum
+          this.$refs.formObj.validateField('testBasis')
+          break
+        case 'query':
+          this.formObj.stdId = ''
+          this.formObj.testMethod = ''
+          this.formObj.testBasis = data.stdNum
+          this.formObj.testBasisName = ''
+          this._getTestBasisList(data)
+          break
+        case 'blur':
+          if (this.formObj.stdId === '') {
+            this.formObj.testBasis = ''
+            this.formObj.testMethod = ''
+            this._getTestBasisList()
+          }
+          this.$refs.formObj.validateField('testBasis')
+      }
+    },
+    _selectJudgeType(data) {
+      this.formObj.microbed = data
+    },
+    _footerResult(name) {
+      switch (name) {
+        case '取消':
+          this._cancel()
+          break
+        case '保存':
+          this._ok()
+          break
+        case '填写说明':
+          this.$refs.introduction._open()
+          this._hideLoading()
+          break
+      }
+    },
+    _hideLoading() {
+      this.$refs.footerModal._hideLoading()
+    },
+    _open(id, formObj) {
+      this.formId = 'edit-form'
+      this._hideLoading()
+      this.$refs.formObj.resetFields()
+      if (this.$string(formObj).isEmpty()) {
+        this.id = ''
+        this.expId = id
+        this.modalTitle = '添加试验指标'
+      } else {
+        this.hideUserSel = true
+        this.id = formObj.id
+        this.formObj = formObj
+        this.modalTitle = '编辑试验指标'
+      }
+      this.showModal = true
+    },
+    // 获取检测项目
+    _getItemList(value) {
+      const data = {}
+      if (value) {
+        Object.assign(data, { name: value })
+      }
+      this.$store.dispatch('FoodAptitudeItem/getTestItem', data).then(() => {
+        this.testItemData = this.$store.state.FoodAptitudeItem.list
+      })
+    },
+
+    // 检测项目结果
+    _testItemChange(msg, data) {
+      switch (msg) {
+        case 'select':
+          this.formObj.name = data
+          this.$refs.formObj.validateField('name')
+          this._changeMicrobed()
+          break
+        case 'query':
+          this.formObj.name = data
+          this._getItemList(data)
+          break
+        case 'blur':
+          this._changeMicrobed()
+          break
+      }
+    },
+    _changeMicrobed() {
+      // 新增或者导入新增资质时 如果检测项目名称带‘菌’字，则是否微生物默认为‘是’
+      if (this.id === '') {
+        if (this.formObj.name.indexOf('菌') > -1) {
+          this.$set(this.formObj, 'microbed', 1)
+        } else {
+          this.$set(this.formObj, 'microbed', 0)
+        }
+      }
+    },
+    _clearMarks() {
+      this.marksList = []
+    },
+    _getMarks() {
+      if (this.formObj.computeMark) {
+        this.$store
+          .dispatch('AptitudeFood/getMarks', {
+            computeMark: this.formObj.computeMark
+          })
+          .then(() => {
+            if (this.$store.state.AptitudeFood.model) {
+              this.marksList = this.$store.state.AptitudeFood.model
+            }
+          })
+      }
+    },
+    _getType() {
+      this.$store
+        .dispatch('LmsEnum/getByType', 'ItemCalculateType')
+        .then(() => {
+          this.computeTypeList = this.$store.state.LmsEnum.model
+        })
+    },
+    // 资质
+    _getAptitudeList() {
+      this.$store.dispatch('LmsBaseDict/getItem', '所需资质').then(() => {
+        this.aptitudeData = this.$store.state.LmsBaseDict.item
+      })
+    },
+    // 主检人&检测科室
+    _groupChange(data) {
+      if (data) {
+        this.groupName = data.label
+        this.formObj.groupId = data.value
+        this.formObj.tester = ''
+        this.formObj.testerId = ''
+        this._getUserList(data.value)
+      }
+    },
+    _userChange(data) {
+      if (data) {
+        this.formObj.testerId = data.value
+        this.formObj.tester = data.label
+      }
+    },
+    _getUserList(groupId) {
+      const data = { rows: 500 }
+      if (groupId) {
+        Object.assign(data, { groupId: groupId })
+      }
+      this.$store.dispatch('LmsUserGroup/getUserByGroupId', data).then(() => {
+        this.userData = this.$store.state.LmsUserGroup.userPage.records
+      })
+    },
+    _getUserGroup() {
+      this.$store.dispatch('LmsUserGroup/list').then(() => {
+        this.groupData = this.$store.state.LmsUserGroup.list
+      })
+    },
+    // 单位
+    _unitChange(msg, data) {
+      switch (msg) {
+        case 'select':
+          this.formObj.unit = data
+          break
+        case 'query':
+          this._getUnitList(data)
+          break
+      }
+    },
+    _getUnitList(data) {
+      this.unitData = []
+      if (data) {
+        this.$store
+          .dispatch('AptitudeFood/historyUnit', { unit: data })
+          .then(() => {
+            this.unitData = this.$store.state.AptitudeFood.list
+          })
+      } else {
+        this.$store.dispatch('AptitudeFood/historyUnit').then(() => {
+          this.unitData = this.$store.state.AptitudeFood.list
+        })
+      }
+    },
+    // 检测依据
+    _getTestBasisList(data) {
+      const obj = { classify: 1 }
+      if (data) {
+        obj.stdNum = data.stdNum
+      }
+      this.$store.dispatch('StandardInfo/page', obj).then(() => {
+        this.testBasisData = this.$store.state.StandardInfo.page.records
+      })
+    },
+
+    // 获取表数据
+    _resultChange(msg) {
+      this.showModal = false
+      this.$refs.footerModal._hideLoading()
+      this.$Message.success(msg)
+      this.$emit('on-result-change')
+      this.$refs.footerModal._hideLoading()
+    },
+    _ok() {
+      this.$refs.formObj.validate(valid => {
+        if (valid) {
+          const data = this.$serialize('edit-form')
+          if (this.$string(this.id).isEmpty()) {
+            data.experimentId = this.expId
+            // 添加
+            this._save(data)
+          } else {
+            // 编辑
+            this._edit({ id: this.formObj.id, obj: data })
+          }
+        } else {
+          this.$refs.footerModal._hideLoading()
+          this.$Message.error('表单验证失败!')
+        }
+      })
+    },
+    _save: async function(data) {
+      console.log(data)
+      const result = await soilTest.itemSave(data)
+      console.log(result)
+      if (result) {
+        this._resultChange('添加成功!')
+      }
+    },
+    _edit: async function(data) {
+      const result = await soilTest.itemEdit(data)
+      if (result) {
+        this._resultChange('编辑成功!')
+      }
+    },
+    _cancel() {
+      this.showModal = false
+      this._hideLoading()
+    },
+    // 切换tab
+    _changeTabs(tab, event) {
+      if (tab.name === 'testStep') {
+        this.$refs.testStepByAptitude._open(
+          this.formObj.stepId,
+          this.formObj.id
+        )
+      }
+    },
+    _visibleChange(data) {
+      if (!data && this.$showBtn('food-aptitude-item-step-edit')) {
+        this.$emit('on-result-change')
+        this.$refs.testStepByAptitude._clear()
+      }
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/OriginalRecordClassTree.vue

+<template>
+  <div>
+    <div>
+      <Form onsubmit="return false">
+        <Form-item>
+          <Input v-model="key" @on-enter="_search" placeholder="请输入关键字,回车查询" style="width:100%"
+                 icon="ios-search-strong"/>
+        </Form-item>
+      </Form>
+    </div>
+    <!--加载中-->
+    <div v-show="isloading" class="demo-spin-container spin-bg tree_height">
+      <Spin fix size="large"></Spin>
+    </div>
+    <ul :id="treeId" v-show="isTree"
+        class="ztree ztreePro tree_height" style="overflow-x: auto;"></ul>
+  </div>
+</template>
+
+<style>
+</style>
+
+<script>
+/**
+ * 原始记录类别添加编辑Ztree
+ */
+
+import { soilTest } from '../../../api'
+
+export default {
+  data() {
+    return {
+      treeId: '',
+      key: '',
+      isloading: true,
+      isTree: false,
+      setting: {
+        data: {
+          simpleData: {
+            enable: true,
+            idKey: 'id',
+            pIdKey: 'pid'
+          }
+        },
+        callback: {
+          onClick: this.zTreeOnClick
+        }
+      },
+      businessTypeList: ''
+    }
+  },
+  created() {
+    // this._Ztree()
+  },
+  methods: {
+    _Ztree(tableHeight, businessTypeList) {
+      console.log('请求树')
+      console.log(tableHeight, businessTypeList)
+      this.key = ''
+      this.treeId = 'oriRecordClassTree' + this.$randomCode()
+      this.isloading = true
+      this.isTree = false
+      if (businessTypeList === undefined) {
+        // 查询所有类别
+        this._request()
+      } else {
+        // 采样实/实验室不同类型
+        this.businessTypeList = businessTypeList
+        this._requestByBusinessTypeList()
+      }
+      if (tableHeight) {
+        $('.tree_height').height(tableHeight)
+      } else {
+        $('.tree_height').height(document.documentElement.clientHeight - 230)
+      }
+    },
+    zTreeOnClick(event, treeId, treeNode) {
+      this.$emit('on-result-change', treeNode)
+    },
+    _search() {
+      this.isloading = true
+      this.isTree = false
+      // 查询实验室、采样、所有类型的数据
+      if (this.businessTypeList !== undefined) {
+        this._requestByBusinessTypeList()
+      } else {
+        this._request()
+      }
+      this.$emit('on-result-change')
+    },
+    // 原始记录模板管理查env所有的类别
+    _request() {
+      const data = {}
+      if (this.key) {
+        data.name = this.key
+      }
+      this.$store.dispatch('ElnTemplateCategory/list', data).then(() => {
+        const treeObj = $.fn.zTree.init(
+          $('#' + this.treeId),
+          this.setting,
+          this.$store.state.ElnTemplateCategory.list
+        )
+        treeObj.expandAll(true)
+        setTimeout(() => {
+          this.isloading = false
+          this.isTree = true
+        }, 300)
+      })
+    },
+    // 采样/实验室查env下，不同类型（采样/实验室）的树数据
+    _requestByBusinessTypeList: async function() {
+      const data = {}
+      data.businessTypeList = this.businessTypeList
+      if (this.key) {
+        data.name = this.key
+      }
+      const result = await soilTest.zTree(data)
+      if (result) {
+        const treeObj = $.fn.zTree.init(
+          $('#' + this.treeId),
+          this.setting,
+          result
+        )
+        treeObj.expandAll(true)
+        setTimeout(() => {
+          this.isloading = false
+          this.isTree = true
+        }, 300)
+      }
+      // this.$store.dispatch('ElnTemplateCategory/listType', data).then(() => {
+      //   const treeObj = $.fn.zTree.init(
+      //     $('#' + this.treeId),
+      //     this.setting,
+      //     this.$store.state.ElnTemplateCategory.list
+      //   )
+      //   treeObj.expandAll(true)
+      //   setTimeout(() => {
+      //     this.isloading = false
+      //     this.isTree = true
+      //   }, 300)
+      // })
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-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_YT_' +
+        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_YT_' +
+        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-sample-manage/sample-preparation-check/Preparation.vue

+<template>
+  <div>
+    <Modal v-model="showModal" :mask-closable="false" :fullscreen="true" width="100" class="zIndex-1000">
+      <p slot="header">制备</p>
+      <Row>
+        <!--操作-->
+        <Col span="24">
+          <btn-list :msg="btn" @on-result-change="_btnClick" class="contHide"></btn-list>
+        </Col>
+        <!--内容-->
+        <Col span="24">
+          <PTVXETableHeight
+            ref="pageTable"
+            :table-height="tableHeight"
+            :get-page="getPage"
+            :form-id="formId"
+            @on-result-change="_tableResultChange"
+            select-data
+            is-edit
+            hide-page>
+            <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"
+              :edit-render="item.editCell?{autofocus: 'input'}:null"
+              sortable
+            >
+              <!--可编辑模板-->
+              <template v-slot:edit="scope">
+                <div v-if="item.key==='prepareWay'" @click="_handleRow(scope)">
+                  <AutoComplete v-model="scope.row.prepareWay" :down-data="preparationWayData" :way-data="wayData"
+                                 :handle-obj="scope" @on-result-change="_preparationChange" clearable
+                                 placeholder="输入或选择制备方式"></AutoComplete>
+                </div>
+                <div v-else-if="item.key==='unit'" @click="_handleRow(scope)">
+                  <el-input v-model="scope.row.unit" name="unit" placeholder="输入或选择单位">
+                  </el-input>
+                </div>
+                <div v-else-if="item.key==='quantity'" @click="_handleRow(scope)">
+                  <el-input v-model="scope.row.quantity" name="quantity" placeholder="输入数量">
+                  </el-input>
+                </div>
+                <span v-else-if="item.key==='type'">{{ scope.row[item.key]===0? '检样':'备样' }}</span>
+                <div v-else-if="item.key==='keepWay'" @click="_handleRow(scope)">
+                  <AutoComplete v-model="scope.row.keepWay" :handle-obj="scope" :down-data="saveWayData"
+                                @on-result-change="_saveChange" clearable
+                                placeholder="输入或选择保存方式" show-key="name"></AutoComplete>
+                </div>
+                <div v-else-if="item.key==='keepContainer'" @click="_handleRow(scope)">
+                  <AutoComplete v-model="scope.row.keepContainer" :handle-obj="scope" :down-data="packList"
+                                @on-result-change="_packSaveChange" clearable
+                                placeholder="输入或选择保存容器" show-key="name"></AutoComplete>
+                </div>
+<!--                <div v-else-if="item.key==='prepareDate'" @click="_handleTimeRow(scope)">-->
+<!--                  <el-date-picker-->
+<!--                    v-model="scope.row.prepareDate"-->
+<!--                    type="datetime"-->
+<!--                    placeholder="选择日期时间">-->
+<!--                  </el-date-picker>-->
+<!--                </div>-->
+                <div v-else-if="item.key==='prepareDate'" @click="_handleRow(scope)">
+                  <el-date-picker v-model="scope.row.prepareDate" @change="timeChange(scope.row)" type="datetime" format="yyyy-MM-dd HH:mm" style="width:100%;"
+                               placeholder="请选择日期"></el-date-picker>
+                </div>
+                <div v-else-if="item.key==='preparer'" @click="_handleRow(scope)">
+                  <el-input v-model="scope.row.preparer" @focus="_handleRow(scope)"
+                            placeholder="制备人" size="small" name="preparer"></el-input>
+                </div>
+                <div v-else-if="item.key==='remark'" @click="_handleRow(scope)">
+                  <el-input v-model="scope.row.remark" @focus="_handleRow(scope)" placeholder="备注"
+                            size="small"></el-input>
+                </div>
+                <span v-else>{{scope.row[item.key]}}</span>
+              </template>
+              <!--只读模板-->
+              <template v-slot="scope">
+                <div v-if="item.key==='num'">
+                  <div v-if="scope.row.itemPreparation===0">{{scope.row[item.key]}}</div>
+                  <div v-else-if="scope.row.itemPreparation===1" class="red-color">
+                    {{scope.row[item.key]}}
+                  </div>
+                </div>
+                <div v-else-if="item.date">
+                  {{scope.row[item.key]?$dateformat(scope.row[item.key],'yyyy-mm-dd HH:MM'):''}}
+                </div>
+                <span v-else-if="item.key==='type'">{{ scope.row[item.key]===0? '检样':'余样' }}</span>
+                <span v-else-if="item.key==='status'">{{ scope.row[item.key].display }}</span>
+                <div v-else>{{scope.row[item.key]}}</div>
+              </template>
+            </vxe-table-column>
+          </PTVXETableHeight>
+        </Col>
+      </Row>
+      <div slot="footer">
+        <modal-footer ref="footerModal" :footer="footerList" @on-result-change="_footerResult"></modal-footer>
+      </div>
+      <!--打印标签-->
+      <!--选择人员-->
+    </Modal>
+    <!--下载插件-->
+    <downloadPlugin ref="downloadPlugin" />
+    <SampleParpareBatchEdit ref="batchEdit" @on-result-change="backData"></SampleParpareBatchEdit>
+  </div>
+</template>
+
+<script>
+import AutoComplete from '../../../components/base/AutoCompletes'
+import { soilEntrust } from '../../../api'
+import { getLodop } from '../../../plugins/clodop/LodopFuncs'
+// eslint-disable-next-line no-unused-vars
+import downloadPlugin from '../../../plugins/download/downloadPlugin'
+import SampleParpareBatchEdit from './SampleParpareBatchEdit'
+let LODOP
+
+export default {
+  components: {
+    AutoComplete,
+    downloadPlugin,
+    SampleParpareBatchEdit
+  },
+  data() {
+    return {
+      formId: 'preparationModal',
+      showModal: false,
+      wayData: new Map(),
+      formObj: {},
+      tableHeight: document.documentElement.clientHeight - 215,
+      footerList: [],
+      list: [
+        { name: '取消', type: '', id: '' },
+        { name: '制备完成', type: 'primary', id: '' }
+      ],
+      btn: [
+        { type: 'success', id: '', name: '打印标签' },
+        { type: 'error', id: '', name: '删除' },
+        { type: 'success', id: '', name: '批量填写制备信息' }
+      ],
+      iconMsg: [
+        // { type: 'md-create', id: '', name: '批量赋值' },
+        // { type: 'md-trash', id: '', name: '删除' }
+      ],
+      getPage: {
+        records: []
+      },
+      selectData: [],
+      selectIds: [],
+      pageColumns: [
+        { title: '试样编号', key: 'sampleCode', width: 130 },
+        { title: '试样深度', key: 'sampleDepth', width: 130 },
+        { title: '检验科室', key: 'groupName', width: 130 },
+        // 暂时屏蔽
+        // {title: '打印份数', key: 'printNum', width: 110},
+        { title: '制备类型', key: 'type', width: 130 },
+        {
+          title: '制备方式',
+          key: 'prepareWay',
+          width: 130,
+          editCell: true
+        },
+        {
+          title: '制备数量',
+          key: 'quantity',
+          width: 150,
+          editCell: true
+        },
+        { title: '单位', key: 'unit', width: 110, editCell: true },
+        { title: '状态', key: 'status', width: 150 },
+        { title: '保存方式', key: 'keepWay', width: 150, editCell: true },
+        { title: '保存容器', key: 'keepContainer', width: 150, editCell: true },
+        {
+          title: '制备时间',
+          key: 'prepareDate',
+          width: 200,
+          date: true,
+          editCell: true
+        },
+        {
+          title: '制备人',
+          key: 'preparer',
+          width: 130,
+          editCell: true
+        },
+        { title: '备注', key: 'remark', width: 150, editCell: true }
+      ],
+      currentRow: {},
+      preparationWayData: [],
+      resultStateWayData: [],
+      saveWayData: [],
+      sampleIds: '',
+
+      unitData: [],
+      locationList: [],
+      packList: [],
+      isAccurate: ''
+    }
+  },
+  mounted() {
+    this.$refs.pageTable._showLoading()
+  },
+  methods: {
+    // 获取存储位置
+    _locationChange(msg, data, handleObj) {
+      this.currentRow = handleObj
+      switch (msg) {
+        case 'select':
+          this.$set(this.currentRow, 'storePlace', data)
+          break
+        case 'query':
+          this.$set(this.currentRow, 'storePlace', data)
+          this._getLocation(data)
+          break
+        case 'focus':
+          this._getLocation()
+          break
+      }
+    },
+    _getLocation(data) {
+      const obj = {}
+      if (data) {
+        obj.storePlace = data
+      }
+      this.$store
+        .dispatch('FoodSamplePreparation/getPositionList', obj)
+        .then(() => {
+          this.locationList = this.$store.state.FoodSamplePreparation.list
+        })
+    },
+    // 单位
+    _unitChange(msg, data, handleObj) {
+      this._handleRow(handleObj)
+      switch (msg) {
+        case 'select':
+          this.currentRow.unit = data
+          break
+        case 'query':
+          this.currentRow.unit = data
+          break
+      }
+    },
+    // 多个参数查询
+    _dicSearch() {
+      const data = [
+        '制备单位',
+        '制备方式',
+        '制备后状态',
+        '保存方式',
+        '制备保存容器',
+        '制备时间是否精确至时分'
+      ]
+      this.$store.dispatch('LmsBaseDict/listDict', data).then(() => {
+        const result = this.$store.state.LmsBaseDict.list
+        // 0-数据录入常用单位
+        for (let j = 0; j < result[0].length; j++) {
+          this.unitData.push(result[0][j].name)
+        }
+        // 1-制备方式
+        for (let j = 0; j < result[1].length; j++) {
+          this.preparationWayData.push(result[1][j].name)
+          this.wayData.set(result[1][j].name, result[1][j].code)
+        }
+        // 2-制备后状态
+        this.resultStateWayData = result[2]
+        // 3-保存方式
+        this.saveWayData = result[3]
+        // 4-制备保存容器
+        this.packList = result[4]
+        // 5-制备时间是否精确至时分
+        this.isAccurate = result[5][0].name
+      })
+    },
+    backData(data) {
+      this.$forceUpdate()
+      console.log(data)
+      console.log(this.selectData)
+      for (let i = 0; i < this.selectData.length; i++) {
+        Object.assign(this.selectData[i], data)
+      }
+      console.log('合并后', this.selectData)
+    },
+    _preparationChange(msg, data, handleObj) {
+      this._handleRow(handleObj)
+      this.currentRow.prepareWay = data
+    },
+    _testItemChange(msg, data, handleObj) {
+      this._handleRow(handleObj)
+      this.currentRow.resultState = data.name
+    },
+    _saveChange(msg, data, handleObj) {
+      this._handleRow(handleObj)
+      this.currentRow.keepWay = data.name
+    },
+    timeChange(data) {
+      console.log(data)
+      this.$forceUpdate()
+      this.currentRow.prepareDate = data.prepareDate
+      console.log(this.getPage.records)
+    },
+    _packSaveChange(msg, data, handleObj) {
+      this._handleRow(handleObj)
+      this.currentRow.keepContainer = data.name
+    },
+    _open(sampleIds) {
+      this.$refs.pageTable._showLoading()
+      this.sampleIds = sampleIds
+      console.log(this.sampleIds)
+      this.showModal = true
+      this.getPage.records = []
+      this.unitData = []
+      this.footerList = []
+      for (let i = 0; i < this.list.length; i++) {
+        if (this.$showBtn(this.list[i].id)) {
+          this.footerList.push(this.list[i])
+        }
+      }
+      this._page()
+      // this._dicSearch()
+    },
+    _page: async function() {
+      const result = await soilEntrust.preparePage(this.sampleIds)
+      if (result) {
+        console.log(result)
+        this.getPage.records = result
+        for (let j = 0; j < result.length; j++) {
+          console.log(result[j].prepareDate)
+          console.log(new Date(result[j].prepareDate))
+          this.getPage.records[j].prepareDate = new Date(result[j].prepareDate)
+        }
+        this.$refs.pageTable._hideLoading()
+      }
+    },
+    _footerResult(name) {
+      switch (name) {
+        case '取消':
+          this._cancel()
+          break
+        case '仅流转微生物':
+          this._changeMic()
+          break
+        case '制备完成':
+          this._ok()
+          break
+      }
+    },
+    _cancel() {
+      this.showModal = false
+      this._hideLoading()
+    },
+    _ok() {
+      console.log(this.getPage.records)
+      const prepareList = []
+      for (let i = 0; i < this.getPage.records.length; i++) {
+        prepareList.push(this.getPage.records[i])
+      }
+      if (prepareList.length === 0) {
+        this.$Message.warning('制备数据不能为空')
+        this._hideLoading()
+        return false
+      }
+      this.save({ prepareList: prepareList })
+    },
+    save: async function(data) {
+      const result = await soilEntrust.savePrepare(data)
+      console.log(result)
+      this._resultChange('制备成功')
+    },
+    _resultChange(msg) {
+      this.showModal = false
+      this.$Message.success(msg)
+      this.$emit('on-result-change')
+      this._hideLoading()
+    },
+    _hideLoading() {
+      this.$refs.footerModal._hideLoading()
+    },
+    _tableResultChange(msg, data) {
+      switch (msg) {
+        case 'page':
+          this._page()
+          break
+        case 'selectData':
+          this.selectData = data
+          const selectIds = []
+          for (let i = 0; i < data.length; i++) {
+            selectIds.push(data[i].id)
+          }
+          this.selectIds = selectIds
+          break
+        case 'iconClick':
+          this._iconClick(
+            data.name,
+            data.rowData,
+            data.componentName,
+            data.rowIndex
+          )
+          break
+      }
+    },
+    _btnClick(msg) {
+      switch (msg) {
+        case '打印标签':
+          if (this.selectData.length > 0) {
+            this._printMessage()
+          } else {
+            this.$Message.warning('请至少选择一条数据')
+          }
+          break
+        case '批量填写制备信息':
+          this._writeInfo()
+          break
+        case '删除':
+          this._deleteSelected()
+          break
+      }
+    },
+    // 下载插件
+    _pluginDownload() {
+      this.$refs.downloadPlugin._open()
+    },
+    _printMessage: function() {
+      LODOP = getLodop()
+      if (LODOP === 'undefined' || LODOP === undefined) {
+        this._pluginDownload()
+        return false
+      }
+      if (LODOP.GET_PRINTER_COUNT() === 0) {
+        this.$Messager.warning('系统未关联打印机,请确认....')
+        return false
+      }
+      const data = this.selectData
+      for (let i = 0; i < data.length; i++) {
+        LODOP.PRINT_INITA(
+          '0mm',
+          '0mm',
+          '60.01mm',
+          '40.01mm',
+          '打印控件功能演示_Lodop功能_打印图片3'
+        )
+        LODOP.ADD_PRINT_BARCODE(
+          '0.08mm',
+          '18.39mm',
+          '58.87mm',
+          '24.74mm',
+          'QRCode',
+          data[i].sampleCode + '-' + data[i].groupId
+        )
+        LODOP.ADD_PRINT_TEXT(
+          130,
+          13,
+          186,
+          20,
+          this._formatDate(data[i].prepareDate)
+        )
+        LODOP.SET_PRINT_STYLEA(0, 'Alignment', 2)
+        LODOP.ADD_PRINT_TEXT(113, 13, 187, 20, data[i].groupName)
+        LODOP.SET_PRINT_STYLEA(0, 'Alignment', 2)
+        LODOP.ADD_PRINT_TEXT(95, 12, 188, 20, data[i].sampleCode)
+        LODOP.SET_PRINT_STYLEA(0, 'Alignment', 2)
+
+        LODOP.PRINT_DESIGN()
+      }
+    },
+    // 时间戳转换方法    date:时间戳数字
+    _formatDate(time) {
+      const date = new Date(time)
+      const YY = date.getFullYear() + '-'
+      const MM =
+        (date.getMonth() + 1 < 10
+          ? '0' + (date.getMonth() + 1)
+          : date.getMonth() + 1) + '-'
+      const DD = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
+      const hh =
+        (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
+      const mm =
+        (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) +
+        ':'
+      const ss =
+        date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
+      return YY + MM + DD + ' ' + hh + mm + ss
+    },
+    _writeInfo() {
+      if (this.selectIds.length === 0) {
+        this.$Message.warning('请选择一条或多条数据！')
+      } else {
+        this.$refs.batchEdit._open(this.selectIds)
+      }
+    },
+    _printerResult(data) {
+      this.$refs.printNumber._open(this.selectData, data.printerVal)
+    },
+    _deleteSelected() {
+      // 批量删除
+      const selectData = this.selectData
+      if (selectData.length === 0) {
+        this.$Message.warning('请选择一条或多条数据！')
+      } else {
+        this._deleteByIds(
+          selectData,
+          '确定删除 ' + selectData.length + ' 条记录？'
+        )
+      }
+    },
+    _iconClick(res, data, componentName, rowIndex) {
+      this.currentRow = data
+      switch (res) {
+        case '批量赋值':
+          this._copyPlan(data)
+          break
+        case '删除':
+          this._deleteByIds([data])
+          break
+      }
+    },
+    _deleteByIds(rows, content) {
+      this.$Modal.confirm({
+        title: '提示',
+        content: content || '确定删除该记录？',
+        onOk: () => {
+          for (let i = 0; i < rows.length; i++) {
+            const index = this.getPage.records.indexOf(rows[i])
+            this.getPage.records.splice(index, 1)
+          }
+          this.$Message.success('操作成功')
+          this.selectData = []
+          this.selectIds = []
+        }
+      })
+    },
+    _selectStaff() {
+      this.$refs.userModal._open('preparationPerson')
+    },
+    _userData(data) {
+      // 选择人员返回数据
+      this.currentRow.preparationPerson = data.realname
+      this.currentRow.preparationPersonId = data.userId
+    },
+
+    // 批量赋值(这里用index判断，不用id是因为id有时候没有值，而且id不能随意赋值)
+    _copyPlan(data) {
+      const ids = this.selectData
+      const records = this.getPage.records
+      if (ids.length === 0) {
+        this.$Message.warning('请勾选数据进行赋值！')
+      } else {
+        for (let i = 0; i < ids.length; i++) {
+          for (let j = 0; j < records.length; j++) {
+            if (ids[i].currentIndex === records[j].currentIndex) {
+              this._singleCopy(j, data)
+            }
+          }
+        }
+      }
+    },
+    // 单独赋值信息
+    _singleCopy(j, data) {
+      const tempData = {
+        preparationWay: data.preparationWay,
+        resultQuantity: data.resultQuantity ? data.resultQuantity : 0,
+        unit: data.unit,
+        resultState: data.resultState ? data.resultState : '',
+        saveWay: data.saveWay ? data.saveWay : '',
+        pack: data.pack ? data.pack : '',
+        storePlace: data.storePlace ? data.storePlace : '',
+        printNum: data.printNum ? data.printNum : 1,
+        remark: data.remark ? data.remark : ''
+      }
+      this.getPage.records[j].preparationWay = tempData.preparationWay
+      this.getPage.records[j].resultQuantity = tempData.resultQuantity
+      this.getPage.records[j].unit = tempData.unit
+      this.getPage.records[j].resultState = tempData.resultState
+      this.getPage.records[j].saveWay = tempData.saveWay
+      this.getPage.records[j].pack = tempData.pack
+      this.getPage.records[j].storePlace = tempData.storePlace
+      this.getPage.records[j].printNum = tempData.printNum
+      this.getPage.records[j].remark = tempData.remark
+    },
+    // 操作的序号
+    _handleRow(data) {
+      console.log(data)
+      this.currentIndex = data.index
+      this.currentRow = data.row
+    },
+    _handleTimeRow(data) {
+      console.log(this.currentRow)
+      this.currentRow = data.row
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/PreparationHis.vue

+<template>
+  <div>
+    <Modal v-model="showModal" v-drag :mask-closable="false" width="90" class="zIndex-1000 full-screen">
+      <p slot="header">制备详情</p>
+      <Row>
+        <!--操作-->
+        <Col span="24">
+          <btn-list :msg="btn" class="contHide" @on-result-change="_btnClick"></btn-list>
+        </Col>
+        <!--内容-->
+        <Col span="24">
+          <PTVXETable
+            ref="pageTable"
+            :table-height="tableHeight"
+            :get-page="getPage"
+            :form-id="formId"
+            select-data
+            hide-page
+            @on-result-change="_tableResultChange">
+            <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"
+              :edit-render="item.editCell?{autofocus: 'input'}:null"
+              sortable
+            >
+              <!--只读模板-->
+              <template v-slot="scope">
+                <div v-if="item.key==='prepareDate'">
+                  {{scope.row.prepareDate?$dateformat(scope.row.preparationDate,'yyyy-mm-dd HH:MM'):''}}
+                </div>
+                <span v-else-if="item.key==='type'">{{ scope.row[item.key]===0? '送检样':'余样' }}</span>
+                <span v-else-if="item.key==='status'">{{ scope.row[item.key].display }}</span>
+                <div v-else>{{scope.row[item.key]}}</div>
+              </template>
+            </vxe-table-column>
+          </PTVXETable>
+        </Col>
+      </Row>
+      <div slot="footer">
+        <modal-footer ref="footerModal" :footer="footerList" @on-result-change="_footerResult"></modal-footer>
+      </div>
+      <!--打印标签-->
+      <!--选择人员-->
+    </Modal>
+  </div>
+</template>
+
+<script>
+import { soilEntrust } from '../../../api'
+
+export default {
+  components: {},
+  data() {
+    return {
+      formId: 'preparationModal',
+      showModal: false,
+      wayData: new Map(),
+      formObj: {
+        sampleId: undefined
+      },
+      tableHeight: document.documentElement.clientHeight - 215,
+      footerList: [],
+      list: [
+        { name: '取消', type: '', id: '' },
+        { name: '关闭', type: 'primary', id: '' }
+      ],
+      btn: [{ type: 'error', id: 'ZBC', name: '删除' }],
+      iconMsg: [
+        { type: 'md-create', id: '', name: '批量赋值' },
+        { type: 'md-trash', id: '', name: '删除' }
+      ],
+      getPage: {
+        records: []
+      },
+      selectData: [],
+      selectIds: [],
+      pageColumns: [
+        { title: '试样编号', key: 'sampleCode', width: 130 },
+        { title: '试样深度', key: 'sampleDepth', width: 130 },
+        { title: '检验科室', key: 'groupName', width: 130 },
+        { title: '制备类型', key: 'type', width: 130 },
+        {
+          title: '制备方式',
+          key: 'prepareWay',
+          width: 130
+        },
+        {
+          title: '制备数量',
+          key: 'quantity',
+          width: 150
+        },
+        { title: '单位', key: 'unit', width: 110 },
+        { title: '状态', key: 'status', width: 150 },
+        { title: '保存方式', key: 'keepWay', width: 150 },
+        { title: '保存容器', key: 'keepContainer', width: 150 },
+        {
+          title: '制备时间',
+          key: 'prepareDate',
+          width: 200
+        },
+        {
+          title: '制备人',
+          key: 'preparer',
+          width: 130
+        },
+        { title: '备注', key: 'remark', width: 150 }
+      ],
+      currentRow: {},
+      preparationWayData: [],
+      resultStateWayData: [],
+      saveWayData: [],
+      sampleId: '',
+
+      unitData: [],
+      locationList: [],
+      packList: [],
+      isAccurate: ''
+    }
+  },
+  methods: {
+    // 获取存储位置
+    _locationChange(msg, data, handleObj) {
+      this.currentRow = handleObj
+      switch (msg) {
+        case 'select':
+          this.$set(this.currentRow, 'storePlace', data)
+          break
+        case 'query':
+          this.$set(this.currentRow, 'storePlace', data)
+          this._getLocation(data)
+          break
+      }
+    },
+    // 单位
+    _unitChange(msg, data, handleObj) {
+      this._handleRow(handleObj)
+      switch (msg) {
+        case 'select':
+          this.currentRow.unit = data
+          break
+        case 'query':
+          this.currentRow.unit = data
+          break
+      }
+    },
+    _preparationChange(msg, data, handleObj) {
+      this._handleRow(handleObj)
+      this.currentRow.prepareWay = data
+    },
+    _testItemChange(msg, data, handleObj) {
+      this._handleRow(handleObj)
+      this.currentRow.resultState = data.name
+    },
+    _saveChange(msg, data, handleObj) {
+      this._handleRow(handleObj)
+      this.currentRow.keepWay = data.name
+    },
+    timeChange(data) {
+      console.log(data)
+      this.currentRow.prepareDate = data
+    },
+    _packSaveChange(msg, data, handleObj) {
+      this._handleRow(handleObj)
+      this.currentRow.keepContainer = data.name
+    },
+    _open(sampleId) {
+      this.sampleIds = sampleId
+      this.formObj.sampleId = sampleId
+      console.log(this.sampleIds)
+      this.showModal = true
+      this.getPage.records = []
+      this.unitData = []
+      this.footerList = []
+      for (let i = 0; i < this.list.length; i++) {
+        if (this.$showBtn(this.list[i].id)) {
+          this.footerList.push(this.list[i])
+        }
+      }
+      this._page()
+      // this._dicSearch()
+    },
+    _page: async function() {
+      const result = await soilEntrust.pagePrepareDetailHis(this.formObj)
+      if (result) {
+        console.log(result)
+        this.getPage = result
+        this.$refs.pageTable._hideLoading()
+      }
+    },
+    _footerResult(name) {
+      switch (name) {
+        case '取消':
+          this._cancel()
+          break
+        case '关闭':
+          this._cancel()
+          break
+      }
+    },
+    _cancel() {
+      this.showModal = false
+      this._hideLoading()
+    },
+    _resultChange(msg) {
+      this.showModal = false
+      this.$Message.success(msg)
+      this.$emit('on-result-change')
+      this._hideLoading()
+    },
+    _hideLoading() {
+      this.$refs.footerModal._hideLoading()
+    },
+    _tableResultChange(msg, data) {
+      switch (msg) {
+        case 'page':
+          this.$refs.pageTable._hideLoading()
+          break
+        case 'selectData':
+          this.selectData = data
+          const selectIds = []
+          for (let i = 0; i < data.length; i++) {
+            selectIds.push(data[i].id)
+          }
+          this.selectIds = selectIds
+          break
+        case 'iconClick':
+          this._iconClick(
+            data.name,
+            data.rowData,
+            data.componentName,
+            data.rowIndex
+          )
+          break
+      }
+    },
+    _btnClick(msg) {
+      switch (msg) {
+        case '打印标签':
+          if (this.selectData.length > 0) {
+            this.$refs.printer._open()
+          } else {
+            this.$Message.warning('请至少选择一条数据')
+          }
+          break
+        case '删除':
+          this._deleteSelected()
+          break
+      }
+    },
+    _printerResult(data) {
+      this.$refs.printNumber._open(this.selectData, data.printerVal)
+    },
+    _deleteSelected() {
+      // 批量删除
+      const selectData = this.selectData
+      if (selectData.length === 0) {
+        this.$Message.warning('请选择一条或多条数据！')
+      } else {
+        this._deleteByIds(
+          selectData,
+          '确定删除 ' + selectData.length + ' 条记录？'
+        )
+      }
+    },
+    _iconClick(res, data, componentName, rowIndex) {
+      this.currentRow = data
+      switch (res) {
+        case '批量赋值':
+          this._copyPlan(data)
+          break
+        case '删除':
+          this._deleteByIds([data])
+          break
+      }
+    },
+    _deleteByIds(rows, content) {
+      this.$Modal.confirm({
+        title: '提示',
+        content: content || '确定删除该记录？',
+        onOk: () => {
+          for (let i = 0; i < rows.length; i++) {
+            const index = this.getPage.records.indexOf(rows[i])
+            this.getPage.records.splice(index, 1)
+          }
+          this.$Message.success('操作成功')
+          this.selectData = []
+          this.selectIds = []
+        }
+      })
+    },
+    _selectStaff() {
+      this.$refs.userModal._open('preparationPerson')
+    },
+    _userData(data) {
+      // 选择人员返回数据
+      this.currentRow.preparationPerson = data.realname
+      this.currentRow.preparationPersonId = data.userId
+    },
+    // 操作的序号
+    _handleRow(data) {
+      this.currentRow = data.row
+    },
+    _handleTimeRow(data) {
+      console.log(this.currentRow)
+      this.currentRow = data.row
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/PrepareItemBatchEdit.vue

+<template>
+  <div>
+    <Modal v-model="showModal" v-drag :mask-closable="false">
+      <p slot="header">填写试验项目信息</p>
+      <div>
+        <Form id="storage-location-form" ref="formObj" :model="formObj" :rules="ruleValidate" :label-width="100">
+          <Form-item label="英文简写:" prop="shortName">
+              <el-input v-model="formObj.shortName" name="shortName" placeholder="请输入英文简写">
+              </el-input>
+          </Form-item>
+          <Form-item label="大类:" prop="mainType">
+            <el-input v-model="formObj.mainType" name="mainType" placeholder="请输入大类">
+            </el-input>
+          </Form-item>
+          <Form-item label="小类:" prop="smallType">
+            <el-input v-model="formObj.smallType" name="smallType" placeholder="请输入小类">
+            </el-input>
+          </Form-item>
+          <Form-item label="试验方法:" prop="testMethod">
+            <el-input v-model="formObj.testMethod" name="testMethod" placeholder="请输入试验方法">
+            </el-input>
+          </Form-item>
+          <Form-item label="试验科室:">
+          <el-select :value="formObj.groupName" @change="selGroupName" style="width:100%" size="small">
+            <el-option v-for="item in groupoptions" :value="item.id" :label="item.name" :key="item.name">{{ item.name }}
+            </el-option>
+          </el-select>
+          </Form-item>
+          <Form-item label="检测依据:">
+          <AutoCompletes v-model="formObj.testBasis"  :down-data="testBasisList" @on-result-change="_selTestBasis"
+                         style="editable:false" clearable
+                         placeholder="请选择检测依据" show-key="name"></AutoCompletes>
+          </Form-item>
+        </Form>
+      </div>
+      <div slot="footer">
+        <modal-footer ref="footerModal" @on-result-change="_footerResult" :footer="footerList"></modal-footer>
+      </div>
+    </Modal>
+  </div>
+</template>
+<script>
+import { soilAptitude, soilSample } from '../../../api'
+import AutoCompletes from '../../../components/base/AutoCompletes'
+export default {
+  components: { AutoCompletes },
+  data() {
+    return {
+      ids: [], // 委托ids
+      showModal: false,
+      formObj: {},
+      ruleValidate: {},
+      footerList: [
+        { id: '', name: '取消', type: '' },
+        { id: '', name: '保存', type: 'primary' }
+      ],
+      conditionList: [],
+      locList: [],
+      backupUserList: [],
+      prepareWayList: [],
+      keepWayList: [],
+      keepContainerList: [],
+      groupoptions: [],
+      testBasisList: [],
+      sampleUnit: ''
+    }
+  },
+  mounted() {
+    this._getGroupList()
+    this._getTestBasisList()
+  },
+  methods: {
+    _locChange(msg, data) {
+      switch (msg) {
+        case 'select':
+          this.formObj.backupPlace = data.backupPlace
+          this._getCondition(data.backupPlace)
+          break
+        case 'query':
+          this.formObj.backupPlace = data.backupPlace
+          this._getLocList(data.backupPlace)
+          break
+      }
+    },
+    _getGroupList: async function() {
+      const result = await soilAptitude.getGroupList()
+      if (result) {
+        this.groupoptions = result
+        console.log('试验科室', result)
+      }
+    },
+    _getTestBasisList: async function() {
+      const result = await soilAptitude.getBasisList()
+      if (result) {
+        this.testBasisList = result
+      }
+    },
+    _selTestBasis(msg, data) {
+      if (msg === 'select') {
+        this.formObj.testBasis = data.name
+      }
+    },
+    channelInputLimit(e) {
+      const key = e.key
+      // 不允许输入'e'和'.'
+      if (key === 'e' || key === '.') {
+        e.returnValue = false
+        return false
+      }
+      return true
+    },
+    selPrepareWay(data) {
+      this.$forceUpdate()
+      this.formObj.prepareWay = data
+    },
+    selKeepWay(data) {
+      this.$forceUpdate()
+      this.formObj.keepWay = data
+    },
+    selKeepContainer(msg, data) {
+      this.$forceUpdate()
+      if (msg === 'select') {
+        this.formObj.keepContainer = data.name
+      } else if (msg === 'query') {
+        this.formObj.keepContainer = data.name
+      }
+    },
+    selGroupName(data) {
+      this.$forceUpdate()
+      if (data) {
+        for (let i = 0; i < this.groupoptions.length; i++) {
+          if (this.groupoptions[i].id === data) {
+            this.formObj.groupName = this.groupoptions[i].name
+          }
+        }
+      } else {
+        this.getPage.records[this.currentIndex].groupName = ''
+      }
+      this.formObj.groupId = data
+      // this.$forceUpdate()
+      // this.getPage.records[this.currentIndex].backupUser = data
+      // this.getPage.records[this.currentIndex].backupUser = data
+    },
+    // 存储条件 回调
+    _locChangeCondition(msg, data) {
+      switch (msg) {
+        case 'select':
+          this.formObj.storageCondition = data.name
+          this._getLocCondition(data.name)
+          break
+        case 'query':
+          this.formObj.storageCondition = data.name
+          this._getLocConditionList(data.name)
+          break
+      }
+    },
+    _footerResult(name) {
+      switch (name) {
+        case '取消':
+          this._cancel()
+          break
+        case '保存':
+          this._ok()
+          break
+      }
+    },
+    _open(data) {
+      this.showModal = true
+      this.formObj = this.$resetFields(this.formObj)
+      this.sampleUnit = ''
+      this.$refs.footerModal._hideLoading()
+      this.ids = data
+      // 循环遍历数据
+    },
+    _getPrepareWay: async function() {
+      const result = await soilSample.getDictList('制备方式')
+      if (result) {
+        this.prepareWayList = result
+      }
+    },
+    _getkeepWayList: async function() {
+      const result = await soilSample.getDictList('保存方式')
+      if (result) {
+        this.keepWayList = result
+      }
+    },
+    _getkeepContainerList: async function() {
+      const result = await soilSample.getDictList('保存容器')
+      if (result) {
+        this.keepContainerList = result
+      }
+    },
+    _getUserList: async function() {
+      const result = await soilSample.getUserList()
+      if (result) {
+        console.log(result)
+        this.backupUserList = result.records
+      }
+    },
+    //
+    _dateChange(data) {
+      this.formObj.endDate = data
+    },
+    _cancel() {
+      this.showModal = false
+      this.$refs.footerModal._hideLoading()
+    },
+    _hideLoading() {
+      this.$refs.footerModal._hideLoading()
+    },
+    _ok() {
+      this.$refs.formObj.validate(valid => {
+        if (valid) {
+          console.log(this.formObj)
+          const tempData = this.formObj
+          tempData.ids = this.ids.join(',')
+          this._saveInfo(tempData)
+        } else {
+          this.$Message.error('表单验证失败!')
+          this.$refs.footerModal._hideLoading()
+        }
+      })
+    },
+    _saveInfo: async function(data) {
+      const result = await soilSample.editItem(data)
+      if (result) {
+        this.showModal = false
+        this.$refs.footerModal._hideLoading()
+        this.$emit('on-result-change')
+        this.$Message.success('保存成功')
+      }
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/RecordIframe.vue

+<template>
+  <div>
+  </div>
+</template>
+
+<script>
+import { Iframe } from '../../../plugins/iframe'
+/**
+ * 自定义打开 原始记录添加界面
+ */
+export default {
+  props: {
+    ifrAction: null
+  },
+  data() {
+    return {
+      iframeShow: false,
+      isLoading: false,
+      fullScreenHeight: document.documentElement.clientHeight - 82 + 'px',
+      iframeHeight: document.documentElement.clientHeight - 300 + 'px',
+      iframeHeader: '原始记录添加'
+    }
+  },
+  methods: {
+    /** 自定义iframe**/
+    _createIframe(bindUri, params) {
+      Iframe.iframe(bindUri, params)
+    },
+    /** 自定义iframe的使用**/
+    _closeIframe() {
+      Iframe.closeModalDiv()
+    }
+  }
+}
+</script>
+
+
+<style>
+.record-modal {
+  width: 800px;
+  height: 500px;
+  border: 1px solid #0079fd;
+  position: fixed;
+  box-shadow: 0 0 10px #505050;
+  top: 0;
+  left: 0;
+  display: block;
+}
+
+.record-modal-header {
+  width: 100%;
+  height: 30px;
+  background-color: #ffffff;
+  position: relative;
+  border-bottom: 1px solid #ffffff;
+}
+
+.record-modal-title {
+  width: 200px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  font-size: 14px;
+  font-weight: 400;
+  color: #000;
+  text-align: left;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  line-height: 30px;
+  margin-left: 10px;
+}
+
+.record-modal-btn {
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 120px;
+  height: 100%;
+  margin-top: 0;
+  /*margin-left: 680px;*/
+}
+
+.record-modal-btn > div {
+  float: left;
+  width: 40px;
+  height: 100%;
+  font-size: 14px;
+  line-height: 30px;
+  text-align: center;
+  cursor: default;
+  user-select: none;
+}
+
+.record-modal-max {
+  font-weight: bold;
+}
+
+.record-modal-min:hover,
+.record-modal-max:hover {
+  background-color: #e5e5e5;
+}
+
+.record-modal-close {
+  font-size: 24px !important;
+}
+
+.record-modal-close:hover {
+  background-color: #e81123 !important;
+}
+
+.record-modal-content {
+  width: 100%;
+  height: 470px;
+  position: relative;
+  background-color: #ffffff;
+}
+
+.record-loading-content {
+  background-color: #ffffff;
+  width: 100%;
+  text-align: center;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+</style>

pages/soil-sample-manage/sample-preparation-check/SampleManage.vue

+<template>
+  <div>
+    <Modal v-model="showSampleModal" v-drag @on-visible-change="_visibleChange" width="1200"
+           class="zIndex-900 modal-footer-none">
+      <p slot="header">管理样品</p>
+      <div>
+        <el-tabs v-model="activeName" @tab-click="_changeTabs">
+          <el-tab-pane label="制备管理" name="prepareManage">
+            <SoilSampleManage ref="prepareManage"></SoilSampleManage>
+          </el-tab-pane>
+          <el-tab-pane label="原始记录填写" name="recordModal">
+            <RecordWrite ref="recordModal"></RecordWrite>
+          </el-tab-pane>
+        </el-tabs>
+<!--        <keep-alive>-->
+<!--          &lt;!&ndash; eslint-disable-next-line vue/require-component-is &ndash;&gt;-->
+<!--          <component ref="refModal" :is="currentComponent"></component>-->
+<!--        </keep-alive>-->
+      </div>
+    </Modal>
+  </div>
+</template>
+<script>
+import SoilSampleManage from '../SoilSampleManageTab'
+import RecordWrite from './sample-preparation-record/RecordIndex'
+export default {
+  components: {
+    SoilSampleManage,
+    RecordWrite
+  },
+  data() {
+    return {
+      type: '',
+      contractId: '', // 合同id
+      entrustId: '',
+      showSampleModal: false,
+      modalTitle: '',
+      selectIds: [],
+      activeName: 'prepareManage',
+      name: '',
+      currentComponent: ''
+    }
+  },
+  mounted() {},
+  methods: {
+    _open(entrustId, type, name) {
+      this.type = type // 类型（采样或送样）
+      this.name = name
+      this.showSampleModal = true
+      this.entrustId = entrustId // 委托id
+      this.activeName = 'prepareManage'
+      this.selectIds = []
+      this._preparePage()
+    },
+    // 制备管理
+    _preparePage() {
+      this.$refs.prepareManage._open(this.entrustId)
+    },
+    // 原始记录填写
+    _recordPage() {
+      this.$refs.recordModal._open(this.entrustId)
+    },
+    _changeTabs(tab, event) {
+      if (tab.name === 'prepareManage') {
+        // this._issuedPage()
+        this.$refs.prepareManage._open(this.entrustId)
+        this.$refs.recordModal._clearTable()
+      } else {
+        this.$refs.recordModal._open(this.entrustId)
+      }
+    },
+    // 关闭弹框的时候刷新上个界面
+    _visibleChange(data) {
+      if (data === false) {
+      }
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/SampleParpareBatchEdit.vue

+<template>
+  <div>
+    <Modal v-model="showModal" v-drag :mask-closable="false">
+      <p slot="header">填写制备信息</p>
+      <div>
+        <Form id="storage-location-form" ref="formObj" :model="formObj" :rules="ruleValidate" :label-width="100">
+          <Form-item label="制备方式:" prop="prepareWay">
+            <el-select :value="formObj.prepareWay" @change="selPrepareWay" style="width:100%" size="small">
+              <el-option v-for="item in prepareWayList" :value="item.name" :key="item.name">{{ item.name }}
+              </el-option>
+            </el-select>
+          </Form-item>
+          <Form-item label="制备数量:" prop="quantity">
+            <el-input
+              v-model="formObj.quantity"
+              @keydown.native="channelInputLimit"
+              clearable
+              type="number"
+              placeholder="请输入或选择数量"
+            />
+          </Form-item>
+          <Form-item label="单位:">
+            <Input v-model="formObj.unit" clearable placeholder="请输入单位"></Input>
+          </Form-item>
+          <Form-item label="保存方式:">
+            <el-select :value="formObj.keepWay" @change="selKeepWay" style="width:100%" size="small">
+              <el-option v-for="item in keepWayList" :value="item.name" :key="item.name">{{ item.name }}
+              </el-option>
+            </el-select>
+          </Form-item>
+
+          <Form-item label="保存容器:">
+            <AutoCompletes v-model="formObj.keepContainer" :handle-obj="formObj" :down-data="keepContainerList" @on-result-change="selKeepContainer"
+                           style="editable:false" clearable
+                           placeholder="请选择保存容器" show-key="name"></AutoCompletes>
+<!--            <el-select :value="formObj.keepContainer" @change="selKeepContainer" style="width:100%" size="small">-->
+<!--              <el-option v-for="item in keepContainerList" :value="item.name" :key="item.name">{{ item.name }}-->
+<!--              </el-option>-->
+<!--            </el-select>-->
+          </Form-item>
+          <Form-item label="制备人:">
+          <el-select :value="formObj.preparer" @change="selUser" style="width:100%" size="small">
+            <el-option v-for="(item,index) in backupUserList" :value="item.id" :label="item.realname" :key="index">{{ item.realname }}
+            </el-option>
+          </el-select>
+          </Form-item>
+        </Form>
+      </div>
+      <div slot="footer">
+        <modal-footer ref="footerModal" @on-result-change="_footerResult" :footer="footerList"></modal-footer>
+      </div>
+    </Modal>
+  </div>
+</template>
+<script>
+import { soilSample } from '../../../api'
+import AutoCompletes from '../../../components/base/AutoCompletes'
+export default {
+  components: { AutoCompletes },
+  data() {
+    return {
+      ids: [], // 委托ids
+      showModal: false,
+      formObj: {},
+      ruleValidate: {},
+      footerList: [
+        { id: '', name: '取消', type: '' },
+        { id: '', name: '保存', type: 'primary' }
+      ],
+      conditionList: [],
+      locList: [],
+      backupUserList: [],
+      prepareWayList: [],
+      keepWayList: [],
+      keepContainerList: [],
+      sampleUnit: ''
+    }
+  },
+  mounted() {
+    this._getPrepareWay()
+    this._getkeepWayList()
+    this._getkeepContainerList()
+    this._getUserList()
+  },
+  methods: {
+    _locChange(msg, data) {
+      switch (msg) {
+        case 'select':
+          this.formObj.backupPlace = data.backupPlace
+          this._getCondition(data.backupPlace)
+          break
+        case 'query':
+          this.formObj.backupPlace = data.backupPlace
+          this._getLocList(data.backupPlace)
+          break
+      }
+    },
+    channelInputLimit(e) {
+      const key = e.key
+      // 不允许输入'e'和'.'
+      if (key === 'e' || key === '.') {
+        e.returnValue = false
+        return false
+      }
+      return true
+    },
+    selPrepareWay(data) {
+      this.$forceUpdate()
+      this.formObj.prepareWay = data
+    },
+    selKeepWay(data) {
+      this.$forceUpdate()
+      this.formObj.keepWay = data
+    },
+    selKeepContainer(msg, data) {
+      this.$forceUpdate()
+      if (msg === 'select') {
+        this.formObj.keepContainer = data.name
+      } else if (msg === 'query') {
+        this.formObj.keepContainer = data.name
+      }
+    },
+    selUser(data) {
+      this.$forceUpdate()
+      if (data) {
+        for (let i = 0; i < this.backupUserList.length; i++) {
+          if (this.backupUserList[i].id === data) {
+            this.formObj.preparer = this.backupUserList[i].realname
+          }
+        }
+      } else {
+        this.getPage.records[this.currentIndex].preparer = ''
+      }
+      this.formObj.preparerId = data
+      // this.$forceUpdate()
+      // this.getPage.records[this.currentIndex].backupUser = data
+      // this.getPage.records[this.currentIndex].backupUser = data
+    },
+    // 存储条件 回调
+    _locChangeCondition(msg, data) {
+      switch (msg) {
+        case 'select':
+          this.formObj.storageCondition = data.name
+          this._getLocCondition(data.name)
+          break
+        case 'query':
+          this.formObj.storageCondition = data.name
+          this._getLocConditionList(data.name)
+          break
+      }
+    },
+    _footerResult(name) {
+      switch (name) {
+        case '取消':
+          this._cancel()
+          break
+        case '保存':
+          this._ok()
+          break
+      }
+    },
+    _open(data) {
+      this.showModal = true
+      this.formObj = this.$resetFields(this.formObj)
+      this.sampleUnit = ''
+      this.$refs.footerModal._hideLoading()
+      this.ids = data
+      // 循环遍历数据
+    },
+    _getPrepareWay: async function() {
+      const result = await soilSample.getDictList('制备方式')
+      if (result) {
+        this.prepareWayList = result
+      }
+    },
+    _getkeepWayList: async function() {
+      const result = await soilSample.getDictList('保存方式')
+      if (result) {
+        this.keepWayList = result
+      }
+    },
+    _getkeepContainerList: async function() {
+      const result = await soilSample.getDictList('保存容器')
+      if (result) {
+        this.keepContainerList = result
+      }
+    },
+    _getUserList: async function() {
+      const result = await soilSample.getUserList()
+      if (result) {
+        console.log(result)
+        this.backupUserList = result.records
+      }
+    },
+    //
+    _dateChange(data) {
+      this.formObj.endDate = data
+    },
+    _cancel() {
+      this.showModal = false
+      this.$refs.footerModal._hideLoading()
+    },
+    _hideLoading() {
+      this.$refs.footerModal._hideLoading()
+    },
+    _ok() {
+      this.$refs.formObj.validate(valid => {
+        if (valid) {
+          this.$emit('on-result-change', this.formObj)
+          this.showModal = false
+          this.$refs.footerModal._hideLoading()
+        } else {
+          this.$Message.error('表单验证失败!')
+          this.$refs.footerModal._hideLoading()
+        }
+      })
+    },
+    _saveInfo: async function(data) {
+      const result = await soilSample.editBackup(data)
+      if (result) {
+        this.$Message.success('保存成功')
+      }
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/SamplePreparation.vue

+<template>
+  <div>
+    <!--内容-->
+    <div class="layout-content-padding">
+      <div class="layout-content-main">
+        <Row>
+          <!--查询-->
+          <Col span="24" style="margin-top: 10px">
+            <Form id="formId" v-show="searchOpen" :label-width="90" inline onsubmit="return false">
+              <label class="label-sign"></label>
+              <Form-item class="search-item" label="委托商:">
+                <Input v-model="formObj.client" @on-enter="_formSearch" name="client" placeholder="请输入委托单位" clearable/>
+              </Form-item>
+              <Form-item class="search-item" label="委托编号:">
+                <Input v-model="formObj.entrustCode" @on-enter="_formSearch" name="entrustCode" placeholder="请输入委托编号" clearable/>
+              </Form-item>
+              <Form-item class="search-btn">
+                <Button @click="_formSearch" type="primary">搜索</Button>
+              </Form-item>
+            </Form>
+          </Col>
+          <!--操作-->
+          <Col span="24">
+
+            <btn-list :msg="btn" :open="searchOpen" :show-search-btn="true" @on-result-change="_btnClick"
+                     class="contHide"></btn-list>
+          </Col>
+          <!--表格-->
+          <Col span="24">
+            <PTVXETable ref="pageTable" :table-height="tableHeight" :form-id="formId" :loading="true"
+                        :get-page="getPage" :icon-msg="iconMsg" @on-result-change="_tableResultChange">
+              <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" sortable>
+                <template slot-scope="scope">
+                  <span v-if="item.date">{{scope.row[item.key]?$dateformat(scope.row[item.key],'yyyy-mm-dd'):''}}</span>
+                  <span v-else-if="item.status">{{scope.row[item.key].display}}</span>
+                  <span v-else>{{scope.row[item.key]}}</span>
+                </template>
+              </vxe-table-column>
+            </PTVXETable>
+          </Col>
+        </Row>
+      </div>
+    </div>
+    <keep-alive>
+      <!-- eslint-disable-next-line vue/require-component-is -->
+      <component ref="refModal" :is="currentComponent" @on-result-change="_componentResult"></component>
+    </keep-alive>
+  </div>
+</template>
+<script>
+import { soilEntrust } from '../../../api'
+import http from '../../../api/http'
+import Operation from '../../../components/operation/Operation'
+import global from '../../../api/config'
+import SampleManage from './SampleManage'
+import SamplePreparationEdit from './SamplePreparationEdit'
+import SoilSampleItemManageEdit from './SoilSampleItemManageEdit'
+import SoilEntrustItemNum from './SoilItemNum'
+export default {
+  components: {
+    // eslint-disable-next-line vue/no-unused-components
+    Operation,
+    // eslint-disable-next-line vue/no-unused-components
+    SamplePreparationEdit,
+    // eslint-disable-next-line vue/no-unused-components
+    SampleManage,
+    // eslint-disable-next-line vue/no-unused-components
+    SoilSampleItemManageEdit,
+    // eslint-disable-next-line vue/no-unused-components
+    SoilEntrustItemNum
+  },
+  data() {
+    return {
+      currentComponent: '',
+      formId: 'meterSubcontractorFormId',
+      searchOpen: false,
+      btn: [],
+      iconMsg: [
+        {
+          type: 'ios-list',
+          id: '',
+          name: '试样列表'
+        },
+        {
+          type: 'ios-apps',
+          id: '',
+          name: '试验项目列表'
+        },
+        {
+          type: 'ios-calculator-outline',
+          id: '',
+          name: '项目量统计'
+        },
+        {
+          type: 'ios-download',
+          id: '',
+          name: '导出开土制备记录'
+        },
+        {
+          type: 'ios-camera-outline',
+          id: '',
+          name: '试样照片'
+        },
+        {
+          type: 'md-cloud',
+          id: '',
+          name: '附件'
+        },
+        {
+          type: 'ios-clock',
+          id: '',
+          name: '操作日志'
+        }
+      ],
+      formObj: {
+        client: undefined,
+        contractCode: undefined,
+        entrustCode: undefined
+      },
+      selectIds: [],
+      getPage: {},
+      pageColumns: [
+        { title: '委托商', key: 'client', width: 200 },
+        { title: '委托编号', key: 'entrustCode', width: 120 },
+        { title: '委托日期', key: 'entrustDate', width: 120, date: true },
+        { 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: 'reportCode', width: 120 },
+        { title: '制表日期', key: 'tabulateDate', width: 120, date: true },
+        { title: '制表人', key: 'tabulater', width: 120 },
+        // { title: '批准日期', key: 'approveDate', width: 120, date: true },
+        // { title: '批准人', key: 'approver', width: 120 },
+        { title: '检验类别', key: 'testType', width: 120 }
+      ]
+    }
+  },
+  computed: {
+    tableHeight: function() {
+      if (this.searchOpen) {
+        return this.$tableHeight('search')
+      } else {
+        return this.$tableHeight('noSearch')
+      }
+    }
+  },
+  mounted() {
+    this._page()
+  },
+  methods: {
+    _btnClick(msg, componentName) {
+      this.currentComponent = componentName
+      this.$nextTick(function() {
+        switch (msg) {
+          case '添加':
+            this._editModal(false)
+            break
+          case '提交至评审':
+            this._submitToReview()
+            break
+          case '提交':
+            this._submitToSkipReview()
+            break
+          case 'search':
+            this.searchOpen = !this.searchOpen
+            break
+        }
+      })
+    },
+    _iconClick(res, data, componentName) {
+      this.currentComponent = componentName
+      this.$nextTick(function() {
+        switch (res) {
+          case '编辑':
+            this._editModal(true, data.id)
+            break
+          case '试验项目列表':
+            this._itemManage(data.id)
+            break
+          case '项目量统计':
+            this._itemNumManage(data.id)
+            break
+          case '导出开土制备记录':
+            this._exportPrepare(data.id)
+            break
+          case '试样列表':
+            this._sampleManage(data.id)
+            break
+          case '试样照片':
+            this._uploadPhoto(data)
+            break
+          case '附件':
+            this._upload(data.id)
+            break
+          case '导出委托单':
+            this._exportEntrust(data.id)
+            break
+          case '删除':
+            this._deleteByIds([data.id])
+            break
+          case '操作日志':
+            this._record(data.id)
+            break
+        }
+      })
+    },
+    _componentResult(data, msg) {
+      switch (this.currentComponent) {
+        default:
+          this._page()
+      }
+    },
+    _exportPrepare(id) {
+      this.$Modal.confirm({
+        title: '提示',
+        content: '确定导出这条记录',
+        onOk: () => {
+          window.open(
+            global.baseURL +
+              '/soil/v1/entrust/export_soil_prepare_record?ids=' +
+              id,
+            '_blank'
+          )
+        }
+      })
+    },
+    _sampleManage(data) {
+      // 管理样品
+      this.currentComponent = 'SampleManage'
+      this.$nextTick(() => {
+        this.$refs.refModal._open(data)
+      })
+      // this.$refs.sampleManageModal._open(data)
+    },
+    _submitToReview() {
+      this._submitByContractIds('委托评审')
+    },
+    _submitToSkipReview() {
+      const ids = this.selectIds
+      if (ids.length === 0) {
+        this.$Message.warning('请至少选择一条数据！')
+      } else {
+        this.$Modal.confirm({
+          title: '提示',
+          content: '确定要提交 ' + ids.length + ' 条记录？',
+          onOk: () => {
+            this._subToSkipRe(ids)
+          }
+        })
+      }
+    },
+
+    _submitByContractIds(cont) {
+      const ids = this.selectIds
+      if (ids.length === 0) {
+        this.$Message.warning('请至少选择一条数据！')
+      } else {
+        this.$Modal.confirm({
+          title: '提示',
+          content: '确定要把这 ' + ids.length + ' 条记录提交到' + cont + '？',
+          onOk: () => {
+            this._subToRe(ids)
+          }
+        })
+      }
+    },
+    _subToRe: async function(ids) {
+      const result = await soilEntrust.submit(ids)
+      if (result) {
+        this._resultChange('提交成功')
+      }
+    },
+
+    _subToSkipRe: async function(ids) {
+      const result = await soilEntrust.submitSkipReview(ids)
+      if (result) {
+        this._resultChange('提交成功')
+      }
+    },
+    _resultChange(msg) {
+      this.$Message.success(msg)
+      this._page()
+    },
+    _record(id) {
+      this.currentComponent = 'Operation'
+      this.$nextTick(() => {
+        this.$refs.refModal._open(id)
+      })
+      // this.$refs.operationModal._open(id)
+    },
+    _tableResultChange(msg, data) {
+      switch (msg) {
+        case 'selectIds':
+          this.selectIds = data
+          break
+        case 'iconClick':
+          this._iconClick(data.name, data.rowData, data.componentName)
+          break
+        case 'page':
+          this._page()
+          break
+        case 'changeSize':
+          this._page()
+          break
+      }
+    },
+    _page: async function() {
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      console.log('this.formObj', this.formObj)
+      const result = await soilEntrust.pageSamplePrepare(
+        this.$serializeForm(this.formObj)
+      )
+      if (result) {
+        this.$refs.pageTable._hideLoading()
+        this.getPage = result
+      }
+    },
+    _formSearch() {
+      this.$refs.pageTable._pageChange(1)
+    },
+    // 删除
+    _deleteByIds(ids, content) {
+      this.$Modal.confirm({
+        title: '提示',
+        content: content || '确定删除该记录？',
+        onOk: () => {
+          this._delete(ids)
+        }
+      })
+    },
+    // 编辑&添加
+    _editModal(edit, id) {
+      if (edit) {
+        // 编辑
+        this._getById(id)
+      } else {
+        // 添加
+        this.$refs.editModal._open()
+      }
+    },
+    // 追加项目
+    _itemManage(data) {
+      this.currentComponent = 'SoilSampleItemManageEdit'
+      this.$nextTick(() => {
+        this.$refs.refModal._openByEntrustId(data)
+      })
+      // this.$refs.itemManageModal._openByEntrustId(data)
+    },
+    _itemNumManage(data) {
+      this.currentComponent = 'SoilEntrustItemNum'
+      this.$nextTick(() => {
+        this.$refs.refModal._open(data)
+      })
+    },
+    _uploadPhoto(data) {
+      // 上传照片文件
+      this.currentComponent = 'PhotoManage'
+      this.$nextTick(() => {
+        this.$refs.refModal._open(data.id, 'entrustId')
+      })
+      // this.$refs.PhotoManage._open(id, 'entrustId')
+    },
+    _upload(id) {
+      // 上传照片文件
+      this.currentComponent = 'FileManage'
+      this.$nextTick(() => {
+        this.$refs.refModal._open(id, 'entrustId')
+      })
+      // this.$refs.FileManage._open(id, 'entrustId')
+    },
+    _exportEntrust(id) {
+      this.$Modal.confirm({
+        title: '提示',
+        content: '确定导出委托单？',
+        onOk: () => {
+          http.open('/meter/v1/entrust/export_send_entrust/?id=' + id)
+        }
+      })
+    },
+
+    _getById: async function(id) {
+      const result = await soilEntrust.getVOById(id)
+      if (result) {
+        this.$refs.editModal._openEdit(result)
+      }
+    },
+    _delete: async function(ids) {
+      const result = await soilEntrust.deleteById(ids)
+      if (result) {
+        this._formSearch()
+        this.$Message.success('删除成功！')
+      }
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/SamplePreparationEdit.vue

+<template>
+  <div>
+    <Modal v-model="showModal" :mask-closable="false" width="900">
+      <p slot="header">{{modalTitle}}</p>
+      <div>
+        <Form id="MeterSendTestEdit" ref="formObj" :model="formObj" :rules="ruleValidate" :label-width="90" inline>
+          <Form-item  label="委托商" prop="client" class="width-48">
+            <AutoComplete :value="formObj.client" :down-data="customerData" @on-result-change="_cusNameChange"
+                          name="client" placeholder="请输入或选择委托单位"
+            ></AutoComplete>
+          </Form-item>
+          <Form-item label="委托日期：" prop="entrustDate" class="width-48">
+            <Date-picker v-model="formObj.entrustDate" @on-change="_ctimeChange" type="date" split-panels style="width:100%;"
+                         placeholder="请选择委托日期" name="entrustDate"></Date-picker>
+          </Form-item>
+          <Form-item label="钻孔名称" prop="boreholeName" class="width-48">
+            <Input v-model="formObj.boreholeName" name="boreholeName" placeholder="请输入名称"/>
+          </Form-item>
+          <Form-item label="钻孔位置" prop="boreholeLocation" class="width-48">
+            <Input v-model="formObj.boreholeLocation" name="boreholeLocation" placeholder="请输入名称"/>
+          </Form-item>
+          <Form-item label="水深（米）" prop="waterDepth" class="width-48">
+            <Input v-model="formObj.waterDepth" name="waterDepth" placeholder="请输入名称"/>
+          </Form-item>
+          <Form-item label="制单日期：" prop="tabulateDate" class="width-48">
+            <Date-picker v-model="formObj.tabulateDate" @on-change="_tabulateChange" name="tabulateDate" type="date" split-panels style="width:100%;"
+                         placeholder="请选择委托日期"></Date-picker>
+          </Form-item>
+          <Form-item label="制表人" prop="tabulater" class="width-48">
+            <Input v-model="formObj.tabulater" name="tabulater" placeholder="请输入名称"/>
+          </Form-item>
+          <Form-item label="检验类别" prop="testType" class="width-48">
+            <Input v-model="formObj.testType" name="testType" placeholder="请输入名称"/>
+          </Form-item>
+        </Form>
+      </div>
+      <div style="margin-bottom: 10px;">
+        <btn-list :msg="btn" :open="searchOpen" @on-result-change="_btnClick"
+                  class="contHide"></btn-list>
+      </div>
+      <div>
+        <PTVXETable
+          ref="pageTable"
+          :form-id="formId"
+          :table-height="500"
+          :get-page="getPage"
+          :icon-msg="iconMsg"
+          :hidePage = true
+          @on-result-change="_tableResultChange">
+          <vxe-table-column
+            v-for="item in pageColumns"
+            :key="item.key"
+            :field="item.key"
+            :title="item.title"
+            :width="item.width"
+            :min-width="200"
+            :fixed="item.fixed?item.fixed:undefined"
+            sortable
+          >
+            <template slot-scope="scope">
+<!--              <div v-if="item.key==='sampleCode'" @click.stop="_handleRow(scope)">-->
+<!--                <el-input v-model="scope.row.name"  blur placeholder="请输入或选择样品名称" style="width: 150px;"-->
+<!--                ></el-input>-->
+<!--                <a @on-result-change="_judgeBasisChange" @click="_selectjudgeBasis(scope.$rowIndex)" style="font-size: 18px;" class="">+</a>-->
+<!--              </div>-->
+              <div v-if="item.key==='siteNo'" @click.stop="_handleRow(scope)">
+                <el-input v-model="scope.row.siteNo" blur placeholder="请输入现场编号"
+                ></el-input>
+              </div>
+              <div v-if="item.key==='sampleDepth'" @click.stop="_handleRow(scope)">
+                <el-input v-model="scope.row.sampleDepth" blur placeholder="请输入试样深度"
+                ></el-input>
+              </div>
+              <div v-if="item.key==='samplePack'" @click.stop="_handleRow(scope)">
+                <el-input v-model="scope.row.samplePack" blur placeholder="请输入试样包装类型"
+                ></el-input>
+              </div>
+              <div v-if="item.key==='sampleDescribe'" @click.stop="_handleRow(scope)">
+                <el-input v-model="scope.row.sampleDescribe" blur placeholder="请输入土质描述"
+                ></el-input>
+              </div>
+              <div v-else-if="item.key==='itemNames'" @click.stop="_handleRow(scope)">
+                <el-input
+                  v-model="scope.row.itemNames"
+                  blur
+                  placeholder="试验项目"
+                  readonly
+                />
+              </div>
+              <div v-else @click.stop="_handleRow(scope)">
+                <span> {{ scope.row[item.key] }}</span>
+              </div>
+            </template>
+          </vxe-table-column>
+        </PTVXETable>
+      </div>
+      <div slot="footer">
+        <modal-footer ref="footerModal" :footer="footerList" @on-result-change="_footerResult"></modal-footer>
+      </div>
+    </Modal>
+    <importModal ref="importModal" @on-result-change="_inputBack"   aptitude-item></importModal>
+    <SampleItemSelect ref="sampleItemSelectModal" @on-result-change="_itemImportBack" is-change />
+  </div>
+</template>
+<script>
+/**
+ * 添加编辑分包商
+ */
+import { meterEntrust, meterSample, soilEntrust } from '../../../api'
+import importModal from '../../../components/import/DownloadTemplateImport'
+import AutoComplete from '../../../components/base/AutoCompletes'
+import SampleItemSelect from '../../meter-aptitude/standard-manage/SampleItemSelect'
+export default {
+  components: {
+    AutoComplete,
+    importModal,
+    SampleItemSelect
+  },
+  data() {
+    const validatefee = (rule, value, callback) => {
+      if (this.formObj.operation.fee === '') {
+        callback(new Error('内容不能为空'))
+      } else {
+        callback()
+      }
+    }
+    const validateRemark = (rule, value, callback) => {
+      if (this.testedCityData.length === 0) {
+        callback(new Error('内容不能为空'))
+      } else {
+        callback()
+      }
+    }
+    const validateClient = (rule, value, callback) => {
+      if (this.formObj.client === '') {
+        callback(new Error('内容不能为空'))
+      } else {
+        callback()
+      }
+    }
+    const validateEdate = (rule, value, callback) => {
+      if (this.formObj.entrustDate === '') {
+        callback(new Error('内容不能为空'))
+      } else {
+        callback()
+      }
+    }
+    const validateOdate = (rule, value, callback) => {
+      if (this.formObj.odate === '') {
+        callback(new Error('内容不能为空'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      formId: 'meterSendTestEditFormId',
+      getPage: {
+        records: []
+      },
+      showBtn: true,
+      customerData: [],
+      cityData: [],
+      selectData: [],
+      searchOpen: true,
+      testedCityData: [],
+      judgeType: [{ value: 1, name: '是' }, { value: 0, name: '否' }],
+      iconMsg: [
+        {
+          type: 'md-trash',
+          id: '',
+          name: '删除'
+        }
+      ],
+      pageColumns: [
+        { title: '试样编号', key: 'sampleCode', width: 140 },
+        { title: '现场编号', key: 'siteNo', width: 140 },
+        { title: '试验项目', key: 'itemNames', width: 140 },
+        { title: '试样深度', key: 'sampleDepth', width: 140 },
+        { title: '样品包装类型', key: 'samplePack', width: 150 },
+        { title: '土质描述', key: 'sampleDescribe' }
+      ],
+      btn: [
+        {
+          type: 'success',
+          id: '',
+          name: '添加'
+        },
+        {
+          type: 'success',
+          id: '',
+          name: '导入试验项目'
+        }
+        // ,
+        // {
+        //   type: 'success',
+        //   id: '',
+        //   name: '导入'
+        // }
+      ],
+      options: [
+        {
+          name: '检定'
+        },
+        {
+          name: '校准'
+        },
+        {
+          name: '外观检查'
+        }
+      ],
+      id: '',
+      modalTitle: '',
+      subcontractorId: '',
+      formObj: {},
+      selectIds: [],
+      indexList: [],
+      itemList: [],
+      ruleValidate: {
+        client: [
+          {
+            required: true,
+            message: '委托单位不能为空',
+            validator: validateClient,
+            trigger: ['blur', 'change']
+          }
+        ],
+        entrustDate: [
+          {
+            required: true,
+            validator: validateEdate,
+            message: '委托日期不能为空',
+            trigger: 'blur'
+          }
+        ],
+        odate: [
+          {
+            required: true,
+            validator: validateOdate,
+            message: '要求完成时间不能为空',
+            trigger: 'blur'
+          }
+        ],
+        'operation.person': [
+          { required: true, message: '联系人不能为空', trigger: 'blur' }
+        ],
+        'operation.fee': [
+          {
+            required: true,
+            validator: validatefee,
+            message: '委托费用不能为空',
+            trigger: 'blur'
+          }
+        ],
+        'operation.tel': [
+          { required: true, message: '联系电话不能为空', trigger: 'blur' }
+        ],
+        testedCityData: [
+          {
+            required: true,
+            message: '省市区不能为空',
+            validator: validateRemark,
+            trigger: 'blur'
+          }
+        ]
+      },
+
+      clearingWayList: ['款到后测试', '先测试后付款', '其他情况（）'],
+      clearingWayListTemp: ['款到后测试', '先测试后付款', '其他情况（）'],
+      showModal: false,
+      footerList: [
+        { id: '', name: '取消', type: '' },
+        { id: '', name: '保存', type: 'primary' }
+      ],
+      aptitudeData: []
+    }
+  },
+  methods: {
+    _itemImportBack(data) {
+      console.log('传过来的数据', data)
+      for (let i = 0; i < data.length; i++) {
+        data[i].id = undefined
+      }
+      const info = data
+      console.log('去掉id后的data', info)
+      for (let i = 0; i < this.indexList.length; i++) {
+        const index = this.indexList[i]
+        if (this.getPage.records[index].experimentList !== undefined) {
+          const name = []
+          this.itemList = this.getPage.records[index].experimentList
+          name.push(this.getPage.records[index].itemNames)
+          for (let i = 0; i < info.length; i++) {
+            console.log(this.getPage.records[index].itemNames[i])
+            this.itemList.push(info[i])
+            name.push(info[i].name)
+          }
+          this.getPage.records[index].itemNames = name.join('、')
+          this.getPage.records[index].experimentList = this.itemList
+          this.$set(this.getPage.records, index, this.getPage.records[index])
+        } else {
+          const name = []
+          this.itemList = []
+          for (let i = 0; i < info.length; i++) {
+            this.itemList.push(info[i])
+            name.push(info[i].name)
+          }
+          this.getPage.records[index].itemNames = name.join('、')
+          this.getPage.records[index].experimentList = this.itemList
+          this.$set(this.getPage.records, index, this.getPage.records[index])
+        }
+      }
+      console.log(this.getPage.records)
+    },
+    _cusNameChange(msg, data) {
+      // this.financeObj = {} // 清空维护发票信息的数据
+      if (this.$string(this.id).isEmpty()) {
+        // 添加的时候选择单位
+        switch (msg) {
+          case 'select':
+            this._customerMatch(data)
+            break
+          case 'query':
+            this._cusNameQuery(data)
+            break
+        }
+      } else if (this.customerData.indexOf(data) !== -1) {
+        this._getQueryList(data)
+        // 编辑的时候选择单位(互不影响)
+        // this.cusName = data
+        // this.formObj.customer.cname = data
+      } else {
+      }
+    },
+    _customerMatch(data) {
+      this._getQueryList(data)
+    },
+    _cusNameQuery(query) {
+      this.formObj.client = query
+    },
+
+    _btnClick(msg) {
+      this.$nextTick(function() {
+        switch (msg) {
+          case '添加':
+            this._add()
+            break
+          case '导入试验项目':
+            this._importItem()
+            break
+          case '导入':
+            this._importSample()
+            break
+          case 'search':
+            this.searchOpen = !this.searchOpen
+            break
+        }
+      })
+    },
+    _importItem() {
+      if (this.selectIds.length === 0) {
+        this.$Message.warning('请选择至少一条数据！')
+      } else {
+        console.log('导入检测项目')
+        this.$refs.sampleItemSelectModal._open()
+        this.allSelect(this.selectData)
+      }
+    },
+    _inputBack(data) {
+      console.log(data)
+      if (undefined !== data) {
+        if (this.getPage.records.length > 0) {
+          const j = this.getPage.records.length
+          for (let i = j; i < data.length + j; i++) {
+            console.log(i)
+            this.getPage.records.push(data[i - j])
+            if (data[i - j].lastTime !== undefined) {
+              this.getPage.records[i].lastTime = new Date(data[i - j].lastTime)
+            }
+            console.log(this.getPage.records)
+            // this.getPage.records[i].lastTime = new Date(data[0].lastTime)
+          }
+        } else {
+          for (let i = 0; i < data.length; i++) {
+            // if (this.getPage.records[i].lastTime !== undefined) {
+            //   const t = this.getPage.records[i].lastTime
+            //   const d = t.valueOf(t)
+            //   console.log('时间戳', d)
+            //   this.getPage.records[i].lastTime = d
+            //   this.getPage.records = []
+            // }
+            this.getPage.records.push(data[i])
+            if (data[i].lastTime !== undefined) {
+              this.getPage.records[i].lastTime = new Date(data[i].lastTime)
+            }
+            console.log(data[i].lastTime)
+          }
+        }
+      }
+    },
+    _ctimeChange(data) {
+      this.formObj.entrustDate = data
+    },
+    _tabulateChange(data) {
+      this.formObj.tabulateDate = data
+    },
+    _odateChange(data) {
+      this.formObj.odate = data
+    },
+    _judgeBasisChange(msg, data) {
+      switch (msg) {
+        case 'select':
+          this.formObj.stdId = data.id
+          this.formObj.code = data.stdNum
+          this.formObj.name = data.name
+          this.$refs.formObj.validateField('code')
+          break
+        case 'query':
+          this.formObj.stdId = ''
+          this.formObj.code = data.stdNum
+          this.formObj.name = ''
+          this._getJudgeBasisList(data.stdNum)
+          break
+        case 'focus':
+          this._getJudgeBasisList()
+          break
+        case 'blur':
+          if (this.formObj.stdId === '') {
+            this.formObj.code = ''
+            this._getJudgeBasisList()
+          }
+          this.$refs.formObj.validateField('code')
+      }
+    },
+    _selectjudgeBasis(index) {
+      console.log(index)
+      this.index = index
+      this.$refs.EditModal._open()
+    },
+    _selectverification(index) {
+      console.log(index)
+      this.index = index
+      this.$refs.VerificationModal._open()
+    },
+    _selectcontractCode() {
+      this.$refs.ContractModal._open()
+    },
+    _backData(data) {
+      this.$forceUpdate()
+      console.log(typeof this.index)
+      this.getPage.records[this.index].name = data.name
+      this.getPage.records[this.index].aptitudeId = data.id
+      this.getPage.records[this.index].verification = data.code + data.basis
+      this.getPage.records[this.index].price = data.price
+      this.getPage.records[this.index].totalPrice =
+        data.price * this.getPage.records[this.index].quantity
+      console.log('返回的数据', data)
+      console.log(this.getPage.records)
+    },
+    _backContract(data) {
+      this.formObj.client = data.client
+      this.formObj.operation.person = data.person
+      this.formObj.operation.tel = data.tel
+      this.formObj.operation.fax = data.fax
+      if (data.province) {
+        this.testedCityData = [data.province, data.city, data.county]
+        this.formObj.province = data.province
+        this.formObj.city = data.city
+        this.formObj.county = data.county
+      }
+      this.formObj.street = data.street
+      this.formObj.entrustDate = new Date(data.entrustDate)
+      this.formObj.odate = new Date(data.odate)
+      this.formObj.contractCode = data.salesCode
+      this.formObj.operation.fee = data.discountPrice
+      if (data.sampleQuoteList) {
+        this.getPage.records = data.sampleQuoteList
+      } else {
+        this.getPage.records = []
+      }
+    },
+    _backVerification(data) {
+      this.$forceUpdate()
+      this.getPage.records[this.index].verification = data.verification
+    },
+    _add() {
+      const data = {
+        sampleCode: '',
+        sampleDepth: '',
+        samplePack: '',
+        sampleDescribe: '',
+        siteNo: '',
+        itemNames: ''
+      }
+      this.getPage.records.unshift(data)
+    },
+
+    _importSample() {
+      const data = {
+        importUrl: '/meter/v1/sample/import_sample_pre',
+        downloadUrl: '/meter/v1/excel/template/MeterSampleImport',
+        title: '导入'
+      }
+      this.$refs.importModal._open(data, '样品导入')
+    },
+
+    _tableResultChange(msg, data, selData) {
+      switch (msg) {
+        case 'selectIds':
+          this.selectIds = data
+          this.selectData = selData
+          console.log(this.selectIds)
+          break
+        case 'iconClick':
+          this._iconClick(data.name, data.rowData, data.rowIndex)
+          break
+        // case 'changeSize':
+        //   this._page()
+        //   break
+      }
+    },
+    allSelect(data) {
+      console.log(data)
+      this.indexList = []
+      for (let i = 0; i < data.length; i++) {
+        this.indexList.push(data[i].index)
+      }
+      console.log('索引', this.indexList)
+    },
+    // 省 市 区
+    _cascaderResult(name, data, msg) {
+      switch (name) {
+        case 'cus':
+          this._casChange(data, msg)
+          break
+        case 'tested':
+          this._testedChange(data, msg)
+          break
+      }
+    },
+    _emptyProvince() {
+      this.cityData = []
+      this.testedCityData = []
+      // this.formObj.tested.testedProvince = ''
+      // this.formObj.tested.testedCity = ''
+      // this.formObj.tested.testedCounty = ''
+      // this.formObj.testedTemp.testedProvince = ''
+      // this.formObj.testedTemp.testedCity = ''
+      // this.formObj.testedTemp.testedCounty = ''
+    },
+    _testedChange(data, msg) {
+      // 省、市、区
+      if (msg === 'clear') {
+        // this.formObj.tested.testedProvince = ''
+        // this.formObj.tested.testedCity = ''
+        // this.formObj.tested.testedCounty = ''
+        this.formObj.testedTemp.testedProvince = ''
+        this.formObj.testedTemp.testedCity = ''
+        this.formObj.testedTemp.testedCounty = ''
+        this.formObj.province = ''
+        this.formObj.city = ''
+        this.formObj.county = ''
+        this.testedCityData = []
+      } else {
+        // this.formObj.tested.testedProvince = data.value[0]
+        // this.formObj.tested.testedCity = data.value[1]
+        // this.formObj.tested.testedCounty = data.value[2]
+        this.formObj.province = data.value[0]
+        this.formObj.city = data.value[1]
+        this.formObj.county = data.value[2]
+        this.testedCityData = [data.value[0], data.value[1], data.value[2]]
+      }
+    },
+
+    _iconClick(res, data, index) {
+      switch (res) {
+        case '编辑':
+          // this._editModal(true, data.id)
+          break
+        case '删除':
+          this.getPage.records.splice(index, 1)
+          this._deleteSample(data)
+          break
+        case '操作日志':
+          // this._record(data.id)
+          break
+      }
+    },
+    _deleteSample(data) {
+      if (data.id === undefined) {
+        return false
+      } else {
+        this._delete(data.id)
+      }
+    },
+
+    _delete: async function(id) {
+      const result = await meterSample.deleteById(id)
+      if (result) {
+        console.log(result)
+      }
+    },
+
+    _selectAptitude(data) {
+      console.log(data)
+    },
+    _handleRow(data) {
+      this.currentRow = data.row
+      this.currentIndex = data.rowIndex
+    },
+    channelInputLimit(e) {
+      const key = e.key
+      // 不允许输入'e'和'.'
+      if (key === 'e' || key === '.') {
+        e.returnValue = false
+        return false
+      }
+      return true
+    },
+    /** *modal-footer */
+    _footerResult(name) {
+      switch (name) {
+        case '取消':
+          this._cancel()
+          break
+        case '保存':
+          this._ok()
+          break
+      }
+    },
+    _hideLoading() {
+      this.$refs.footerModal._hideLoading()
+    },
+    _resultChange(msg) {
+      this.showModal = false
+      this.$Message.success(msg)
+      this.$emit('on-result-change')
+      this._hideLoading()
+    },
+    _ok() {
+      this.$refs.formObj.validate(valid => {
+        if (valid) {
+          const data = this.$serialize('MeterSendTestEdit')
+          console.log(this.getPage.records)
+          // Object.assign(this.formObj, data)
+          if (this.$string(this.id).isEmpty()) {
+            // 添加
+            // const saveData = this.formObj
+            data.sampleList = this.getPage.records
+            console.log(data)
+            this._save(data)
+          } else {
+            // const saveData = this.formObj
+            console.log(data)
+            data.id = this.id
+            data.sampleList = this.getPage.records
+            this._edit(data)
+          }
+        } else {
+          this.$Message.error('表单验证失败!')
+          this._hideLoading()
+        }
+      })
+    },
+    _wayResult(msg, data) {
+      switch (msg) {
+        case 'select':
+          this.formObj.clearingWay = data
+          break
+        case 'query':
+          this.formObj.clearingWay = data
+          this._wayQuery(data)
+          break
+      }
+    },
+    _wayQuery(query) {
+      if (query === '') {
+        this.clearingWayList = this.clearingWayListTemp
+      } else {
+        this.clearingWayList = this.clearingWayListTemp.filter(
+          item => item.indexOf(query) > -1
+        )
+      }
+    },
+    _cancel() {
+      this.showModal = false
+    },
+    _open(formObj) {
+      this.showBtn = true
+      this.showModal = true
+      this.$refs.formObj.resetFields()
+      this._hideLoading()
+      if (this.$string(formObj).isEmpty()) {
+        this.getPage.records = []
+        this.id = ''
+        this.formObj.entrustDate = new Date()
+        this.modalTitle = '委托单新增'
+      } else {
+        this.id = formObj.id
+        this.formObj = formObj
+        this.modalTitle = '委托单编辑'
+        this._showTime(formObj)
+      }
+    },
+    _openEdit(formObj) {
+      this.showBtn = false
+      this.showModal = true
+      this.$refs.formObj.resetFields()
+      this.getPage.records = []
+      this._hideLoading()
+      this.id = ''
+      this.modalTitle = '委托单编辑'
+      this.id = formObj.id
+      this.formObj = formObj
+      this._showTime(formObj)
+      if (formObj.sampleList) {
+        this.getPage.records = formObj.sampleList
+      }
+      // for (let i = 0; i < formObj.sampleList.length; i++) {
+      //   if (formObj.sampleList[i].lastTime !== undefined) {
+      //     this.getPage.records[i].lastTime = new Date(
+      //       formObj.sampleList[i].lastTime
+      //     )
+      //   }
+      // }
+    },
+
+    _showTime(formObj) {
+      if (this.formObj.entrustDate === undefined) {
+        this.formObj.entrustDate = ''
+      } else {
+        this.formObj.entrustDate = new Date(formObj.entrustDate)
+      }
+      if (this.formObj.tabulateDate === undefined) {
+        this.formObj.tabulateDate = ''
+      } else {
+        this.formObj.tabulateDate = new Date(formObj.tabulateDate)
+      }
+    },
+    _showAddress(formObj) {
+      this.testedCityData = []
+      if (
+        formObj.province !== undefined &&
+        formObj.city !== undefined &&
+        formObj.county !== undefined
+      ) {
+        this.testedCityData.push(formObj.province)
+        this.testedCityData.push(formObj.city)
+        this.testedCityData.push(formObj.county)
+      }
+    },
+    _getList: async function() {
+      const result = await meterEntrust.pageList()
+      const list = []
+      console.log('result', result)
+      if (result) {
+        for (let i = 0; i < result.length; i++) {
+          console.log(result[i].cname)
+          list.push(result[i].cname)
+        }
+        console.log('委托单位名单', list)
+        this.customerData = list
+      }
+    },
+    _getQueryList: async function(data) {
+      const result = await meterEntrust.pageQueryList(data)
+      if (result) {
+        console.log(result)
+      }
+    },
+    _save: async function(data) {
+      console.log(data)
+      const result = await soilEntrust.save(data)
+      console.log(result)
+      if (result) {
+        this._resultChange('添加成功!')
+      }
+    },
+    _edit: async function(data) {
+      const result = await soilEntrust.editDTO(data)
+      if (result) {
+        this._resultChange('编辑成功!')
+      }
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/SamplePreparationHis.vue

+<template>
+  <div>
+    <!--内容-->
+    <div class="layout-content-padding">
+      <div class="layout-content-main">
+        <Row>
+          <!--查询-->
+          <Col span="24" style="margin-top: 10px">
+            <Form v-show="searchOpen" id="formId" :label-width="90" inline onsubmit="return false">
+              <label class="label-sign"></label>
+              <Form-item class="search-item" label="委托商:">
+                <Input v-model="formObj.client" name="client" placeholder="请输入委托单位" clearable @on-enter="_formSearch"/>
+              </Form-item>
+              <Form-item class="search-item" label="委托编号:">
+                <Input v-model="formObj.entrustCode" name="entrustCode" placeholder="请输入委托单号" clearable @on-enter="_formSearch"/>
+              </Form-item>
+              <Form-item class="search-btn">
+                <Button type="primary" @click="_formSearch">搜索</Button>
+              </Form-item>
+            </Form>
+          </Col>
+          <!--操作-->
+          <Col span="24">
+
+            <btn-list :msg="btn" :open="searchOpen" :show-search-btn="true" class="contHide"
+                     @on-result-change="_btnClick"></btn-list>
+          </Col>
+          <!--表格-->
+          <Col span="24">
+            <PTVXETable ref="pageTable" :table-height="tableHeight" :form-id="formId" :loading="true"
+                        :get-page="getPage" :icon-msg="iconMsg"  @on-result-change="_tableResultChange">
+              <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" sortable>
+                <template slot-scope="scope">
+                  <span v-if="item.date">{{scope.row[item.key]?$dateformat(scope.row[item.key],'yyyy-mm-dd'):''}}</span>
+                  <div v-else-if="item.status">
+                    {{ scope.row[item.key].display }}
+                  </div>
+                  <span v-else>{{scope.row[item.key]}}</span>
+                </template>
+              </vxe-table-column>
+            </PTVXETable>
+          </Col>
+        </Row>
+      </div>
+    </div>
+    <keep-alive>
+      <!-- eslint-disable-next-line vue/require-component-is -->
+      <component :is="currentComponent" ref="refModal" @on-result-change="_componentResult"></component>
+    </keep-alive>
+  </div>
+</template>
+<script>
+import { soilAptitude, soilEntrust } from '../../../api'
+import MeterEntrustRecord from '../../../components/operation/Operation'
+import SoilSampleManageHis from '../SoilSampleManageHis'
+import global from '../../../api/config'
+import SoilEntrustItemNum from './SoilItemNum'
+export default {
+  // eslint-disable-next-line vue/no-unused-components
+  components: { SoilSampleManageHis, MeterEntrustRecord, SoilEntrustItemNum },
+  data() {
+    return {
+      currentComponent: '',
+      formId: 'meterSubcontractorFormId',
+      searchOpen: true,
+      btn: [
+        // {
+        //   type: 'success',
+        //   id: '',
+        //   name: '添加'
+        // }
+      ],
+      iconMsg: [
+        {
+          type: 'ios-list',
+          id: '',
+          name: '试样列表'
+        },
+
+        {
+          type: 'ios-camera-outline',
+          id: '',
+          name: '试样照片'
+        },
+        {
+          type: 'ios-download',
+          id: '',
+          name: '导出开土制备记录'
+        },
+        {
+          type: 'ios-calculator-outline',
+          id: '',
+          name: '项目量统计'
+        },
+        {
+          type: 'md-cloud',
+          id: '',
+          name: '附件'
+        },
+        {
+          type: 'ios-clock',
+          id: '',
+          name: '操作日志'
+        }
+      ],
+      formObj: {
+        client: undefined,
+        entrustCode: undefined
+      },
+      selectIds: [],
+      getPage: {},
+      pageColumns: [
+        { title: '委托商', key: 'client', width: 200 },
+        { title: '委托编号', key: 'entrustCode', width: 120 },
+        { title: '委托日期', key: 'entrustDate', width: 120, date: true },
+        { 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: 'reportCode', width: 120 },
+        { title: '制表日期', key: 'tabulateDate', width: 120, date: true },
+        { title: '制表人', key: 'tabulater', width: 120 },
+        { title: '批准日期', key: 'approveDate', width: 120, date: true },
+        { title: '批准人', key: 'approver', width: 120 },
+        { title: '检验类别', key: 'testType', width: 120 }
+      ]
+    }
+  },
+  computed: {
+    tableHeight: function() {
+      if (this.searchOpen) {
+        return this.$tableHeight('search')
+      } else {
+        return this.$tableHeight('noSearch')
+      }
+    }
+  },
+  mounted() {
+    this._page()
+  },
+  methods: {
+    _btnClick(msg, componentName) {
+      this.currentComponent = componentName
+      this.$nextTick(function() {
+        switch (msg) {
+          case '添加':
+            this._editModal(false)
+            break
+          case 'search':
+            this.searchOpen = !this.searchOpen
+            break
+        }
+      })
+    },
+    _iconClick(res, data, componentName) {
+      this.currentComponent = componentName
+      this.$nextTick(function() {
+        switch (res) {
+          case '编辑':
+            this._editModal(true, data.id)
+            break
+          case '资质项目':
+            this._itemModal(data.id)
+            break
+          case '导出开土制备记录':
+            this._exportPrepare(data.id)
+            break
+          case '附件':
+            this._upload(data.id)
+            break
+          case '项目量统计':
+            this._itemNumManage(data.id)
+            break
+          case '试样照片':
+            this._upLoadPhoto(data.id)
+            break
+          case '删除':
+            this._deleteByIds([data.id])
+            break
+          case '操作日志':
+            this._record(data.id)
+            break
+          case '查看样品':
+            this._sampleManage(data.id)
+            break
+          case '试样列表':
+            this._sampleManage(data.id)
+            break
+        }
+      })
+    },
+    _itemNumManage(data) {
+      this.currentComponent = 'SoilEntrustItemNum'
+      this.$nextTick(() => {
+        this.$refs.refModal._open(data)
+      })
+    },
+    _exportPrepare(id) {
+      this.$Modal.confirm({
+        title: '提示',
+        content: '确定导出这条记录',
+        onOk: () => {
+          window.open(
+            global.baseURL +
+              '/soil/v1/entrust/export_soil_prepare_record?ids=' +
+              id,
+            '_blank'
+          )
+        }
+      })
+    },
+    _componentResult(data, msg) {
+      switch (this.currentComponent) {
+        default:
+          this._page()
+      }
+    },
+    _sampleManage(data) {
+      this.currentComponent = 'SoilSampleManageHis'
+      this.$nextTick(() => {
+        this.$refs.refModal._open(data)
+      })
+      // 管理样品
+      // this.$refs.sampleManageModal._open(data)
+    },
+    _record(id) {
+      this.currentComponent = 'MeterEntrustRecord'
+      this.$nextTick(() => {
+        this.$refs.refModal._open(id)
+      })
+      // this.$refs.entrustRecordModal._open(id)
+    },
+    _tableResultChange(msg, data) {
+      switch (msg) {
+        case 'iconClick':
+          this._iconClick(data.name, data.rowData, data.componentName)
+          break
+        case 'changeSize':
+          this._page()
+          break
+      }
+    },
+    _page: async function() {
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      console.log('this.formObj', this.formObj)
+      const result = await soilEntrust.pageSamplePrepareHis(this.formObj)
+      if (result) {
+        this.$refs.pageTable._hideLoading()
+        this.getPage = result
+      }
+    },
+    _formSearch() {
+      this.$refs.pageTable._pageChange(1)
+    },
+    // 删除
+    _deleteByIds(ids, content) {
+      this.$Modal.confirm({
+        title: '提示',
+        content: content || '确定删除该记录？',
+        onOk: () => {
+          this._delete(ids)
+        }
+      })
+    },
+    // 编辑&添加
+    _editModal(edit, id) {
+      if (edit) {
+        // 编辑
+        // this.$refs.editSubcontractorModal._open(id)
+        this._getById(id)
+      } else {
+        // 添加
+        this.$refs.editSubcontractorModal._open()
+      }
+    },
+    // 追加项目
+    _itemModal(data) {
+      this.$refs.refModal._open(data)
+    },
+    _upLoadPhoto(id) {
+      this.currentComponent = 'PhotoManage'
+      this.$nextTick(() => {
+        this.$refs.refModal._open(id, 'entrustId')
+      })
+      // this.$refs.photoManage._open(id, 'entrustId')
+    },
+    _upload(id) {
+      // 上传文件
+      this.currentComponent = 'FileManage'
+      this.$nextTick(() => {
+        this.$refs.refModal._open(id, 'entrustId')
+      })
+      // this.$refs.fileManage._open(id, 'entrustId')
+    },
+    _getById: async function(id) {
+      const result = await soilAptitude.getById(id)
+      if (result) {
+        this.$refs.editSubcontractorModal._open(result)
+      }
+    },
+    _delete: async function(ids) {
+      const result = await soilAptitude.deleteById(ids)
+      if (result) {
+        this._formSearch()
+        this.$Message.success('删除成功！')
+      }
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/SamplePreparationIndex.vue

+<template>
+  <div>
+    <div class="layout-content-padding">
+      <div class="layout-content-main">
+        <el-tabs v-model="activeName" @tab-click="_changeTabs">
+          <el-tab-pane label="待完成" name="wait"></el-tab-pane>
+          <el-tab-pane label="历史记录" name="his"></el-tab-pane>
+        </el-tabs>
+        <keep-alive>
+          <!-- eslint-disable-next-line vue/require-component-is -->
+          <component ref="refModal" :is="currentComponent"></component>
+        </keep-alive>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import MeterSendEntrust from './SamplePreparation'
+import MeterSendEntrustHis from './SamplePreparationHis'
+export default {
+  name: 'MeterSendEntrustIndex',
+  // eslint-disable-next-line vue/no-unused-components
+  components: { MeterSendEntrust, MeterSendEntrustHis },
+  data() {
+    return {
+      activeName: 'wait',
+      currentComponent: ''
+    }
+  },
+  mounted() {
+    this.activeName = 'wait'
+    this._page()
+  },
+  methods: {
+    _changeTabs(tab, event) {
+      if (tab.name === 'wait') {
+        this._page()
+      } else {
+        this.currentComponent = 'MeterSendEntrustHis'
+        this.$nextTick(() => {
+          this.$refs.refModal._page()
+        })
+      }
+    },
+    _page() {
+      this.currentComponent = 'MeterSendEntrust'
+      this.$nextTick(() => {
+        this.$refs.refModal._page()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

pages/soil-sample-manage/sample-preparation-check/SelectOriTempRecord.vue

+<template>
+  <div>
+    <Modal v-model="showModal" v-drag width="1100">
+      <p slot="header">选择原始记录模板</p>
+      <div>
+        <TwoCard @on-result-change="_refresh" :gutter=16 left-name="原始记录模板类别" right-name="实验室原始记录模板名称" left-span="8">
+          <template slot="left">
+            <OriginalRecordClassTree ref="classTree" @on-result-change="_classData"></OriginalRecordClassTree>
+          </template>
+          <template slot="right">
+            <Row>
+              <!--查询-->
+              <Col span="24">
+                <Form :label-width="50" inline onsubmit="return false">
+                  <label class="label-sign"></label>
+                  <Form-item label="名称:">
+                    <Input v-model="formObj.title" @on-enter="_search" 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">
+                <PTVXETableHeight ref="pageTable" :tableHeight="tableHeight"
+                            @on-result-change="_tableResultChange" :getPage="getPage" :isRadio="true" hide-checkbox>
+                  <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.key==='ctime'">
+                        {{scope.row[item.key]?$dateformat(scope.row[item.key],'yyyy-mm-dd HH:MM:ss'):''}}
+                      </div>
+                      <div v-else>{{scope.row[item.key]}}</div>
+                    </template>
+                  </vxe-table-column>
+                </PTVXETableHeight>
+              </Col>
+            </Row>
+          </template>
+        </TwoCard>
+      </div>
+      <div slot="footer">
+        <modal-footer ref="footerModal" @on-result-change="_footerResult" :footer="footerList"></modal-footer>
+      </div>
+    </Modal>
+    <!--自定义post请求iframe-->
+    <RecordIframe ref="iframeModal"></RecordIframe>
+  </div>
+</template>
+<script>
+/**
+ * 选择原始记录模板（实验室的）
+ */
+import Global from '../../../api/config'
+import TwoCard from '../../../components/base/TwoCard'
+import { soilTest } from '../../../api'
+import OriginalRecordClassTree from './OriginalRecordClassTree'
+import RecordIframe from './RecordIframe'
+let count = 0
+export default {
+  components: {
+    OriginalRecordClassTree,
+    TwoCard,
+    RecordIframe
+  },
+  data() {
+    return {
+      showModal: false,
+      getPage: {},
+      pageColumns: [{ title: '名称', key: 'title' }],
+      formObj: {
+        id: '',
+        title: '',
+        businessTypeList: 0
+      },
+      entrustId: '',
+      clientList: [],
+      selectData: [],
+      itemIds: [],
+      footerList: [
+        { id: '', name: '取消', type: '' },
+        { id: '', name: '确定', type: 'primary' }
+      ]
+    }
+  },
+  computed: {
+    tableHeight: function() {
+      return this.$tableHeight('', 300)
+    }
+  },
+  created() {
+    // 监听原始记录消息
+    // eslint-disable-next-line nuxt/no-globals-in-created
+    window.addEventListener('message', this._saveOriginal)
+  },
+  // 销毁监听事件
+  beforeDestroy() {
+    count = 0
+    window.removeEventListener('message', this._saveOriginal)
+  },
+  methods: {
+    // 刷新左右数据
+    _refresh() {
+      this.formObj = this.$resetFields(this.formObj)
+      this.formObj.businessTypeList = 0
+      this.$refs.classTree._requestByBusinessTypeList()
+      this._search()
+    },
+    // 左侧数据请求
+    _classTree() {
+      const height = this.$tableHeight('', 300)
+      this.$refs.classTree._Ztree(height, 0)
+    },
+    // 左边树的点击
+    _classData(result) {
+      if (result !== undefined) {
+        this.formObj.id = result.id
+      } else {
+        this.formObj.id = ''
+      }
+      this._search()
+    },
+    /** *modal-footer */
+    _footerResult(name) {
+      switch (name) {
+        case '取消':
+          this.showModal = false
+          break
+        case '确定':
+          this._ok()
+          break
+      }
+    },
+    _hideLoading() {
+      this.$refs.footerModal._hideLoading()
+    },
+    _open(ids, entrustId, clientInfo) {
+      console.log(Global.recordURL)
+      this.formObj = this.$resetFields(this.formObj)
+      this.entrustId = entrustId
+      this.clientList = clientInfo
+      this._classTree()
+      this.showModal = true
+      this.itemIds = ids
+      this.formObj.businessTypeList = 0
+      this._page()
+      this.selectData = []
+      this._hideLoading()
+      count = 0
+    },
+    _page: async function() {
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      this.formObj.entrustId = this.id
+      const result = await soilTest.templatePage(
+        this.$serializeForm(this.formObj)
+      )
+      if (result) {
+        this.$refs.pageTable._hideLoading()
+        this.getPage = result
+      }
+    },
+    _search() {
+      this.$refs.pageTable._pageChange(1)
+    },
+    _tableResultChange(msg, data) {
+      switch (msg) {
+        case 'singleSelect':
+          this.selectData = [data]
+          break
+        case 'dbSelect':
+          this.selectData = [data]
+          this._ok()
+          break
+        case 'changeSize':
+          this._page()
+          break
+      }
+    },
+    _ok() {
+      if (this.selectData.length === 0) {
+        this.$Message.warning('请选择一个原始记录模板！')
+        this._hideLoading()
+      } else {
+        console.log(this.selectData)
+        // 校验多样品多项目原始记录模板
+        this._createOriginalRecord()
+      }
+    },
+    _check: async function(param) {
+      const result = await soilTest.checkLimit(param)
+      console.log(result)
+    },
+    _createOriginalRecord() {
+      this.showModal = false
+      console.log('环境', process.env.NODE_ENV)
+      let recordUrl = ''
+      if (process.env.NODE_ENV === 'production') {
+        recordUrl = 'http://record.patzn.com'
+      } else {
+        recordUrl = Global.recordURL
+      }
+      let baseUrl = Global.baseURL
+      baseUrl +=
+        '/soil/v1/sample/original_record_data_bind?entrustId=' +
+        this.entrustId +
+        '&expIds=' +
+        this.itemIds +
+        '&modelId=' +
+        this.selectData[0].id
+      const url =
+        recordUrl +
+        '/print/v1/eln/template_meter_' +
+        this.selectData[0].id +
+        '?bindUri=' +
+        encodeURIComponent(baseUrl)
+      const params = {
+        ids: this.itemIds.join(','),
+        client: this.clientList[0],
+        bindUri: encodeURIComponent(baseUrl)
+      }
+      this.$refs.iframeModal._createIframe(url, params)
+      console.log('原始记录', url, params)
+      localStorage.setItem('recordStatus', 'addLabRecord')
+    },
+    _recordChange() {
+      this.$emit('on-result-change')
+    },
+    _save: async function(temp) {
+      const result = await soilTest.saveItem(temp)
+      console.log(result)
+      if (result) {
+        this.$Message.success('添加成功')
+        this._recordChange()
+        this.$refs.iframeModal._closeIframe()
+      }
+    },
+    // 保存原始记录信息
+    _saveOriginal(data) {
+      if (localStorage.getItem('recordStatus') === 'addLabRecord') {
+        if (count === 0) {
+          if (data.data.msg !== true) {
+            // 添加
+            const tempData = {
+              formId: data.data.msg,
+              ids: this.itemIds.join(',')
+            }
+            console.log('saveData', data)
+            const copyMapTemp = {}
+            if (data.data.copySheet && data.data.copyedSheet) {
+              tempData.copyMap = {}
+              const copyedKey = String(data.data.copyedSheet)
+              copyMapTemp[copyedKey] = ''
+              copyMapTemp[copyedKey] = String(data.data.copySheet)
+              // 存在复制sheet的情况
+              tempData.copyMap = JSON.stringify(copyMapTemp)
+            } else if (typeof data.data.testValueArry !== 'undefined') {
+              const testValue = data.data.testValueArry
+              tempData.copyMap = {}
+              testValue.forEach(item => {
+                const copyedKey = String(item.copyedSheet)
+                copyMapTemp[copyedKey] = ''
+                copyMapTemp[copyedKey] = String(item.copySheet)
+                tempData.copyMap = JSON.stringify(copyMapTemp)
+              })
+            }
+            console.log('保存的数据', tempData)
+            if (tempData.formId !== undefined) {
+              tempData.entrustId = this.entrustId
+              this._save(tempData)
+            }
+          }
+        }
+        count = count + 1
+      }
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/SoilItemNum.vue

+<template>
+  <div>
+    <Modal v-model="showModal" v-drag width="800">
+      <p slot="header">
+        {{ modalTitle }}
+      </p>
+      <div>
+        <!--内容-->
+        <Row>
+          <!--查询-->
+          <Col span="24">
+          </Col>
+          <!--操作-->
+          <!-- 表格 -->
+          <Col span="24">
+            <PTVXETable ref="pageTable" :table-height="tableHeight" :form-id="formId" :loading="true"
+                        :get-page="getPage" hide-page="true" is-edit  select-data @on-result-change="_tableResultChange">
+              <vxe-table-column
+                v-for="item in pageColumns"
+                :key="item.key"
+                :field="item.key"
+                :title="item.title"
+                :min-width="item.width?item.width:200"
+                :edit-render="item.editCell?{autofocus: 'input'}:null"
+                :fixed="item.fixed?item.fixed:undefined" sortable>
+              <template slot-scope="scope">
+                {{ scope.row[item.key] }}
+              </template>
+            </vxe-table-column>
+            </PTVXETable>
+          </Col>
+        </Row>
+      </div>
+      <div slot="footer">
+        <modal-footer ref="footerModal" :footer="footerList" @on-result-change="_footerResult" />
+      </div>
+    </Modal>
+  </div>
+</template>
+<script>
+import { soilEntrust } from '../../../api'
+export default {
+  components: {},
+  data() {
+    return {
+      formId: 'SampleItemManage',
+      currentComponent: '',
+      btn: [],
+      entrustId: '',
+      showModal: false,
+      modalTitle: '试验项目统计量',
+      selectIds: [],
+      itemId: '',
+      showOption: true,
+      searchOpen: true,
+      selectData: {},
+      getPage: { records: [] },
+      currentRow: '',
+      currentIndex: '',
+      footerList: [
+        { id: '', name: '取消', type: '' },
+        { id: '', name: '关闭', type: 'primary' }
+      ],
+      pageColumns: [
+        { title: '试验名称', key: 'name' },
+        { title: '试验总数', key: 'num' }
+      ],
+      formObj: {
+        entrustId: undefined
+      }
+    }
+  },
+  computed: {
+    tableHeight: function() {
+      return this.$tableHeight('tableModal')
+    }
+  },
+  methods: {
+    _footerResult(name) {
+      switch (name) {
+        case '取消':
+          this._cancel()
+          break
+        case '关闭':
+          this._cancel()
+          break
+      }
+    },
+    _cancel() {
+      this.$emit('on-result-change')
+      this.$refs.pageTable._hideLoading()
+      this.$refs.footerModal._hideLoading()
+      this.showModal = false
+    },
+    _modalResult(data1, data2) {
+      switch (this.currentComponent) {
+        case 'CopyModal':
+          if (data1 === 0) {
+            this._copySample(data2)
+          } else {
+            this._copyAll(data2)
+          }
+          break
+        default:
+          this._search()
+      }
+    },
+    methodChange(data) {
+      const editData = {}
+      editData.testMethod = data.testMethod
+      this._editItem(data.id, editData)
+    },
+    _handleRow(data) {
+      this.currentRow = data.row
+      this.currentIndex = data.rowIndex
+    },
+    _btnClick(msg, componentName) {
+      this.currentComponent = componentName
+      this.$nextTick(function() {
+        switch (msg) {
+          case '批量填写试验项目信息':
+            this._writeInfo()
+            break
+          case 'search':
+            this.searchOpen = !this.searchOpen
+            break
+        }
+      })
+    },
+    _iconClick(res, data, componentName, index) {
+      this.currentComponent = componentName
+      this.$nextTick(function() {
+        switch (res) {
+          case '编辑':
+            this._editModal(true, data)
+            break
+          case '删除':
+            console.log(index)
+            this._deleteById(data.id)
+            break
+          case '附件':
+            this.$refs.refModal._open(data.id, 'sampleId')
+            break
+        }
+      })
+    },
+    _tableResultChange(msg, data) {
+      const selectIds = []
+      switch (msg) {
+        case 'selectData':
+          for (let i = 0; i < data.length; i++) {
+            selectIds.push(data[i].id)
+          }
+          this.selectIds = selectIds
+          this.selectData = data
+          break
+        case 'page':
+          this._pageByEntrustId()
+          break
+        case 'changeSize':
+          this._pageByEntrustId()
+          break
+      }
+    },
+    _open(id) {
+      this.formObj = this.$resetFields(this.formObj)
+      this.formObj.entrustId = id
+      this.showModal = true
+      this.$refs.pageTable._hideLoading()
+      this._pageByEntrustId()
+    },
+    _formSearch() {
+      this.$refs.pageTable._pageChange(1)
+    },
+    _pageByEntrustId: async function() {
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      const result = await soilEntrust.listEntrustItemNum(
+        this.$serializeForm(this.formObj)
+      )
+      if (result) {
+        this.$refs.pageTable._hideLoading()
+        this.getPage.records = result
+      }
+    },
+    _detailModal(data) {},
+    _search() {
+      this._pageByEntrustId()
+    },
+    _resultChange(msg) {
+      this._pageByEntrustId()
+      this.$Message.success(msg)
+      this.$emit('on-result-change')
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/SoilSampleItemManageEdit.vue

+<template>
+  <div>
+    <Modal v-model="showModal" v-drag width="1200">
+      <p slot="header">
+        {{ modalTitle }}
+      </p>
+      <div>
+        <!--内容-->
+        <Row>
+          <!--查询-->
+          <Col span="24">
+          <Form id="search-sample-company" v-show="searchOpen" :label-width="100" inline onsubmit="return false">
+            <label class="label-sign"></label>
+            <Form-item label="试验名称:" class="search-item">
+              <Input v-model="formObj.name" @on-enter="_formSearch" placeholder="请输入检测项目" clearable />
+            </Form-item>
+            <Form-item label="是否已添加科室:" class="search-item">
+              <Select v-model="formObj.grouped" clearable name="groupId" style="width:150px" placeholder="请选择是否">
+                <Option v-for="(item,index) in itemData" :value="item.value" :key="index">{{item.name}}</Option>
+              </Select>
+            </Form-item>
+            <Form-item label="试验科室:" class="search-item">
+              <Input v-model="formObj.groupName" @on-enter="_formSearch" placeholder="请输入试验科室" clearable />
+            </Form-item>
+            <Form-item label="试验编号:" class="search-item">
+              <Input v-model="formObj.sampleCode" @on-enter="_formSearch" placeholder="请输入试样编号" clearable />
+            </Form-item>
+            <Form-item class="search-btn">
+              <Button @click="_formSearch" type="primary">
+                搜索
+              </Button>
+            </Form-item>
+          </Form>
+          </Col>
+          <!--操作-->
+          <Col span="24">
+          <btn-list :msg="btn" :open="searchOpen" @on-result-change="_btnClick" class="contHide" show-search-btn="true"></btn-list>
+          </Col>
+          <!-- 表格 -->
+          <Col span="24">
+            <PTVXETable ref="pageTable" :table-height="tableHeight" :form-id="formId" :loading="true"
+                        :get-page="getPage" @on-result-change="_tableResultChange"  is-edit select-data>
+              <vxe-table-column
+                v-for="item in pageColumns"
+                :key="item.key"
+                :field="item.key"
+                :title="item.title"
+                :min-width="item.width?item.width:200"
+                :edit-render="item.editCell?{autofocus: 'input'}:null"
+                :fixed="item.fixed?item.fixed:undefined" sortable>
+              <template slot-scope="scope">
+                <div v-if="item.detail">
+                  <a @click.stop="_detailModal(scope.row)">{{ scope.row[item.key] }}</a>
+                </div>
+                <div v-else-if="item.key==='epibolyItem'" @click.stop="_handleRow(scope)">
+                  <el-select v-if="showOption" v-model="scope.row.epibolyItem" @change="_optionChange(scope.row)" placeholder="请选择">
+                    <el-option
+                      v-for="(item,index) in subOptions"
+                      :key="index"
+                      :label="item.label"
+                      :value="index"
+                    />
+                  </el-select>
+                  <span v-if="!showOption">{{ scope.row[item.key]===0? '否':'是' }}</span>
+                </div>
+                <div v-else-if="item.key==='status'">
+                  {{ scope.row[item.key].display }}
+                </div>
+                <div v-else-if="item.date">
+                  {{ scope.row[item.key]?$dateformat(scope.row[item.key],'yyyy-mm-dd'):'' }}
+                </div>
+                <div v-else>
+                  {{ scope.row[item.key] }}
+                </div>
+              </template>
+                <template v-slot:edit="scope">
+                  <div v-if="item.key==='shortName'" @click="_handleRow(scope)">
+                    <el-input v-model="scope.row.shortName" @change="inputChange(scope.row)" name="shortName" placeholder="请输入英文简写">
+                    </el-input>
+                  </div>
+                  <div v-if="item.key==='mainType'" @click="_handleRow(scope)">
+                    <el-input v-model="scope.row.mainType" @change="inputMainTypeChange(scope.row)" name="mainType" placeholder="请输入大类">
+                    </el-input>
+                  </div>
+                  <div v-if="item.key==='smallType'" @click="_handleRow(scope)">
+                    <el-input v-model="scope.row.smallType" @change="inputSmallTypeChange(scope.row)" name="smallType" placeholder="请输入小类">
+                    </el-input>
+                  </div>
+                  <div v-if="item.key==='testMethod'" @click="_handleRow(scope)">
+                    <el-input v-model="scope.row.testMethod" @change="methodChange(scope.row)" name="testMethod" placeholder="请输入试验方法">
+                    </el-input>
+                  </div>
+                  <div v-if="item.key==='groupName'" @click="_handleRow(scope)">
+<!--                    <el-select @change="_selGroup" v-model="scope.row.groupName" placeholder="请选择" name="groupName" style="width: 100%">-->
+<!--                      <el-option-->
+<!--                        v-for="(item,index) in groupoptions"-->
+<!--                        :key="index"-->
+<!--                        :label="item.name"-->
+<!--                        :value="item.name"-->
+<!--                      />-->
+<!--                    </el-select>-->
+                    <AutoCompletes v-model="scope.row.groupName" :handle-obj="scope.row" :down-data="groupoptions" @on-result-change="_selGroup"
+                                  style="editable:false" clearable
+                                  placeholder="请选择试验室" show-key="name"></AutoCompletes>
+                  </div>
+                  <div v-if="item.key==='testBasis'" @click="_handleRow(scope)">
+                    <AutoCompletes v-model="scope.row.testBasis" :handle-obj="scope.row" :down-data="testBasisList" @on-result-change="_selTestBasis"
+                                   style="editable:false" clearable
+                                   placeholder="请选择检测依据" show-key="name"></AutoCompletes>
+                  </div>
+                </template>
+            </vxe-table-column>
+            </PTVXETable>
+          </Col>
+        </Row>
+      </div>
+      <div slot="footer">
+        <modal-footer ref="footerModal" :footer="footerList" @on-result-change="_footerResult" />
+      </div>
+    </Modal>
+    <PrepareItemBatchEdit ref="batchEdit" @on-result-change="_pageByEntrustId"></PrepareItemBatchEdit>
+  </div>
+</template>
+<script>
+import http from '../../../api/http'
+import { soilAptitude, soilEntrust } from '../../../api'
+import AutoCompletes from '../../../components/base/AutoCompletes'
+import PrepareItemBatchEdit from './PrepareItemBatchEdit'
+export default {
+  components: { AutoCompletes, PrepareItemBatchEdit },
+  data() {
+    return {
+      formId: 'SampleItemManage',
+      currentComponent: '',
+      btn: [
+        {
+          type: 'success',
+          id: '',
+          name: '批量填写试验项目信息'
+        },
+        {
+          type: 'error',
+          id: '',
+          name: '删除'
+        }
+      ],
+      itemData: [
+        {
+          name: '是',
+          value: 1
+        },
+        {
+          name: '否',
+          value: 0
+        }
+      ],
+      iconMsg: [{ type: 'pt-a-end', id: '', name: '删除' }],
+      sampleId: '', // 样品id
+      entrustId: '',
+      showModal: false,
+      modalTitle: '管理检测项目',
+      selectIds: [],
+      itemId: '',
+      index: '',
+      showOption: true,
+      searchOpen: true,
+      selectData: {},
+      getPage: {},
+      groupoptions: [],
+      testBasisList: [],
+      currentRow: '',
+      currentIndex: '',
+      footerList: [
+        { id: '', name: '取消', type: '' },
+        { id: '', name: '关闭', type: 'primary' }
+      ],
+      pageColumns: [
+        { title: '试验名称', key: 'name', width: 160 },
+        { title: '试样编号', key: 'sampleCode', width: 160 },
+        {
+          title: '试验项目英文简写',
+          key: 'shortName',
+          width: 160,
+          editCell: true
+        },
+        { title: '试验科室', key: 'groupName', width: 140, editCell: true },
+        { title: '大类', key: 'mainType', width: 140, editCell: true },
+        { title: '小类', key: 'smallType', editCell: true },
+        { title: '检测依据', key: 'testBasis', width: 180, editCell: true },
+        { title: '试验方法', key: 'testMethod', width: 180, editCell: true },
+        { title: '状态', key: 'status', width: 180 }
+      ],
+      subOptions: [
+        {
+          value: '0',
+          label: '否'
+        },
+        {
+          value: '1',
+          label: '是'
+        }
+      ],
+      dateList: [],
+      formObj: {
+        name: undefined,
+        sampleId: undefined,
+        groupName: undefined,
+        sampleCode: undefined,
+        entrustId: undefined,
+        grouped: undefined
+      }
+    }
+  },
+  computed: {
+    tableHeight: function() {
+      return this.$tableHeight('tableModal')
+    }
+  },
+  methods: {
+    _selectjudgeBasis(id, index) {
+      console.log(id)
+      this.itemId = id
+      this.index = index
+      this.$refs.EditModal._open()
+    },
+    _optionChange(data) {
+      console.log(data)
+      if (data.epibolyItem === 1) {
+        this._submit(data.id)
+      } else {
+        this._cancelSub(data.id)
+      }
+    },
+    _footerResult(name) {
+      switch (name) {
+        case '取消':
+          this._cancel()
+          break
+        case '关闭':
+          this._cancel()
+          break
+      }
+    },
+    _cancel() {
+      this.$emit('on-result-change')
+      this.$refs.pageTable._hideLoading()
+      this.$refs.footerModal._hideLoading()
+      this.showModal = false
+    },
+    _ok() {
+      console.log(this.getPage.records)
+    },
+    _modalResult(data1, data2) {
+      switch (this.currentComponent) {
+        case 'CopyModal':
+          if (data1 === 0) {
+            this._copySample(data2)
+          } else {
+            this._copyAll(data2)
+          }
+          break
+        default:
+          this._search()
+      }
+    },
+    _getGroupList: async function() {
+      const result = await soilAptitude.getGroupList()
+      if (result) {
+        this.groupoptions = result
+      }
+    },
+    _getTestBasisList: async function() {
+      const result = await soilAptitude.getBasisList()
+      if (result) {
+        this.testBasisList = result
+      }
+    },
+    _selGroup(msg, data, handleObj) {
+      console.log(handleObj)
+      if (msg === 'select') {
+        this.getPage.records[this.currentIndex].groupName = data.name
+        this.getPage.records[this.currentIndex].groupId = data.id
+        const tempData = {}
+        tempData.groupName = data.name
+        tempData.groupId = data.id
+        this._editItem(handleObj.id, tempData)
+      }
+    },
+    _selTestBasis(msg, data, handleObj) {
+      console.log(handleObj)
+      if (msg === 'select') {
+        this.getPage.records[this.currentIndex].testBasis = data.name
+        const tempData = {}
+        tempData.testBasis = data.name
+        this._editItem(handleObj.id, tempData)
+      }
+    },
+    inputChange(data) {
+      const editData = {}
+      editData.shortName = data.shortName
+      this._editItem(data.id, editData)
+    },
+    inputMainTypeChange(data) {
+      const editData = {}
+      editData.mainType = data.mainType
+      this._editItem(data.id, editData)
+    },
+    inputSmallTypeChange(data) {
+      const editData = {}
+      editData.smallType = data.smallType
+      this._editItem(data.id, editData)
+    },
+    basisChange(data) {
+      const editData = {}
+      editData.testBasis = data.testBasis
+      this._editItem(data.id, editData)
+    },
+    methodChange(data) {
+      const editData = {}
+      editData.testMethod = data.testMethod
+      this._editItem(data.id, editData)
+    },
+    _editItem: async function(id, obj) {
+      const result = await soilEntrust.editItem({ id: id, obj: obj })
+      if (result) {
+        this.$Message.success('修改成功')
+      } else {
+        this.$Message.warning('修改失败')
+      }
+    },
+    _handleRow(data) {
+      this.currentRow = data.row
+      this.currentIndex = data.rowIndex
+    },
+    _dateChange(data) {
+      this.formObj.ctimeBegin = data[0]
+      this.formObj.ctimeEnd = data[1]
+    },
+    _btnClick(msg, componentName) {
+      this.currentComponent = componentName
+      this.$nextTick(function() {
+        switch (msg) {
+          case '批量填写试验项目信息':
+            this._writeInfo()
+            break
+          case '提交分包':
+            this._submitOutPack()
+            break
+          case '取消分包':
+            this._cancelOutPack()
+            break
+          case '添加':
+            this._editModal(false)
+            break
+          case '复制历史样品':
+            this._copyHisSample()
+            break
+          case '导入样品':
+            this._importSample()
+            break
+          case '导入检测项目':
+            this._importItem()
+            break
+          case '导入检测项目包':
+            this._importItemPackage()
+            break
+          case '复制历史样品检测项目':
+            this._copyHisItem()
+            break
+          case '删除':
+            this._deleteSelected()
+            break
+          case '导出':
+            this._exportSample()
+            break
+          case '添加模拟样品':
+            this._editImitateModal(false)
+            break
+          case 'search':
+            this.searchOpen = !this.searchOpen
+            break
+        }
+      })
+    },
+    _writeInfo() {
+      if (this.selectIds.length === 0) {
+        this.$Message.warning('请选择一条或多条数据！')
+      } else {
+        this.$refs.batchEdit._open(this.selectIds)
+      }
+    },
+    _backData(data) {
+      this.getPage.records[this.index].code = data.code
+      this._codeEdit({ id: this.itemId, obj: { code: data.code } })
+    },
+    _codeEdit: async function(data) {
+      const result = await soilEntrust.pageItemEdit(data)
+      if (result) {
+        this.$message.success('保存成功')
+        this._pageByEntrustId()
+      } else {
+        this.$message.warning('保存失败')
+      }
+    },
+    _compareSymbolEdit: async function(data) {
+      const result = await soilEntrust.pageItemEdit(data)
+      if (result) {
+        this.$message.success('保存成功')
+        this._pageByEntrustId()
+      } else {
+        this.$message.warning('保存失败')
+      }
+    },
+    _limitValueEdit: async function(data) {
+      const result = await soilEntrust.pageItemEdit(data)
+      if (result) {
+        this.$message.success('保存成功')
+        this._pageByEntrustId()
+      } else {
+        this.$message.warning('保存失败')
+      }
+    },
+    _unitEdit: async function(data) {
+      const result = await soilEntrust.pageItemEdit(data)
+      if (result) {
+        this.$message.success('保存成功')
+        this._pageByEntrustId()
+      } else {
+        this.$message.warning('保存失败')
+      }
+    },
+    _submitOutPack() {
+      if (this.selectIds.length === 0) {
+        this.$Message.warning('请至少选择一条')
+      } else {
+        this.$Modal.confirm({
+          title: '提示',
+          content: '确定分包这' + this.selectIds.length + '条',
+          onOk: () => {
+            this._submit()
+          }
+        })
+      }
+    },
+    _cancelOutPack() {
+      if (this.selectIds.length === 0) {
+        this.$Message.warning('请至少选择一条')
+      } else {
+        this.$Modal.confirm({
+          title: '提示',
+          content: '确定取消这' + this.selectIds.length + '条分包',
+          onOk: () => {
+            this._cancelSub()
+          }
+        })
+      }
+    },
+    _submit: async function(data) {
+      if (data !== undefined) {
+        this.selectIds = data
+      }
+      const result = await soilEntrust.submitOutPack(this.selectIds)
+      if (result) {
+        this._resultChange('分包成功')
+      }
+    },
+    _cancelSub: async function(data) {
+      if (data !== undefined) {
+        this.selectIds = data
+      }
+      const result = await soilEntrust.cancelOutPack(this.selectIds)
+      if (result) {
+        this._resultChange('取消分包成功')
+      }
+    },
+    _exportSample() {
+      if (this.selectIds.length === 0) {
+        this.$Message.warning('请至少选择一条样品')
+      } else {
+        this.$Modal.confirm({
+          title: '提示',
+          content: '确定导出这' + this.selectIds.length + '条样品',
+          onOk: () => {
+            http.open(
+              '/food/v1/sample/company/export',
+              { ids: this.selectIds.join(',') },
+              '_blank'
+            )
+          }
+        })
+      }
+    },
+    _copyHisSample() {
+      this.$refs.refModal._open(this.sampleId)
+    },
+
+    _iconClick(res, data, componentName, index) {
+      this.currentComponent = componentName
+      this.$nextTick(function() {
+        switch (res) {
+          case '编辑':
+            this._editModal(true, data)
+            break
+          case '复制':
+            this._copy(data)
+            break
+          case '删除':
+            console.log(index)
+            this._deleteById(data.id)
+            break
+          case '导出样品委托协议':
+            this._exportAgreement(data.id)
+            break
+          case '附件':
+            this.$refs.refModal._open(data.id, 'sampleId')
+            break
+        }
+      })
+    },
+    _exportAgreement(id) {
+      this.$store
+        .dispatch(
+          'ReportExport/getById',
+          'food-contract-company-export-sample-agreement'
+        )
+        .then(() => {
+          if (this.$store.state.ReportExport.model) {
+            if (this.$store.state.ReportExport.model.indexOf('?') !== -1) {
+              window.open(
+                this.$store.state.ReportExport.model + '&sampleId=' + id,
+                '_blank'
+              )
+            } else {
+              window.open(
+                this.$store.state.ReportExport.model + '?sampleId=' + id,
+                '_blank'
+              )
+            }
+          }
+        })
+    },
+    _tableResultChange(msg, data) {
+      const selectIds = []
+      switch (msg) {
+        case 'selectData':
+          for (let i = 0; i < data.length; i++) {
+            selectIds.push(data[i].id)
+          }
+          this.selectIds = selectIds
+          this.selectData = data
+          break
+        // case 'iconClick':
+        //   this._iconClick(data.name, data.rowData, data.componentName)
+        //   break
+        case 'page':
+          this._pageByEntrustId()
+          break
+        case 'changeSize':
+          this._pageByEntrustId()
+          break
+      }
+    },
+    _open(id) {
+      this.formObj = this.$resetFields(this.formObj)
+      this.dateList = []
+      this.showModal = true
+      this.sampleId = id // 委托id
+      this.$refs.pageTable._hideLoading()
+      this._pageByEntrustId()
+    },
+    _openByEntrustId(id) {
+      this.formObj = this.$resetFields(this.formObj)
+      this.dateList = []
+      this.showModal = true
+      this.entrustId = id // 委托id
+      this.$refs.pageTable._hideLoading()
+      this._pageByEntrustId()
+      this._getGroupList()
+      this._getTestBasisList()
+    },
+    _openRecord(id) {
+      this.formObj = this.$resetFields(this.formObj)
+      this.dateList = []
+      this.showModal = true
+      this.sampleId = id // 委托id
+      this.$refs.pageTable._hideLoading()
+      this.showOption = false
+      this._pageByEntrustId()
+    },
+    _formSearch() {
+      this.$refs.pageTable._pageChange(1)
+    },
+    _pageByEntrustId: async function() {
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      this.formObj = this.$serializeForm(this.formObj)
+      this.formObj.entrustId = this.entrustId
+      const result = await soilEntrust.pageItemByEntrustId(
+        this.$serializeForm(this.formObj)
+      )
+      if (result) {
+        this.$refs.pageTable._hideLoading()
+        this.getPage = result
+        console.log(result)
+      }
+    },
+    _page: async function() {
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      this.formObj = this.$serializeForm(this.formObj)
+      this.formObj.sampleId = this.sampleId
+      const result = await soilEntrust.pageItem(
+        this.$serializeForm(this.formObj)
+      )
+      if (result) {
+        this.$refs.pageTable._hideLoading()
+        this.getPage = result
+        console.log(result)
+      }
+    },
+    _deleteByIds(ids, content) {
+      this.$Modal.confirm({
+        title: '提示',
+        content: content || '确定删除该记录？',
+        onOk: () => {
+          this._deleteOk(ids)
+        }
+      })
+    },
+
+    _deleteOk: async function(ids) {
+      const result = await soilEntrust.experimentDeleteById(ids)
+      if (result) {
+        this._resultChange('删除成功！ ')
+      }
+    },
+    _deleteById(id) {
+      // 删除一条记录
+      this._deleteByIds([id])
+    },
+    _deleteSelected() {
+      // 批量删除
+      const ids = this.selectIds
+      if (ids.length === 0) {
+        this.$Message.warning('请选择一条或多条数据！')
+      } else {
+        this._deleteByIds(ids, '确定删除 ' + ids.length + ' 条记录？')
+      }
+    },
+    _detailModal(data) {},
+    _editModal(edit, data) {
+      if (edit) {
+        console.log(data)
+        this.$refs.sampleManageEdit._open(data)
+        // localStorage.setItem('type', data.type)
+        // // 编辑
+        // this.$store.dispatch('FoodSample/getByCompanyId', data.id).then(() => {
+        //   const result = this.$store.state.FoodSample.companyModel
+        //   if (data.type === 0) {
+        //     // 普通企业样品
+        //     this.$refs.refModal._open(result, this.sampleId)
+        //   } else if (data.type === 3) {
+        //     // 模拟样品
+        //     this._editImitateModal(true, result)
+        //   }
+        // })
+      } else {
+        // 添加
+        this.$refs.refModal._open('', this.sampleId)
+      }
+    },
+    // 添加编辑模拟样品
+    _editImitateModal(edit, data) {
+      if (edit) {
+        // 模拟样品的编辑
+        const tempData = JSON.parse(JSON.stringify(data)) // 深拷贝
+        this.$refs.imitateModal._open(tempData, this.sampleId)
+      } else {
+        // 模拟样品的添加
+        this.$refs.imitateModal._open('', this.sampleId)
+      }
+    },
+    _search() {
+      this._pageByEntrustId()
+    },
+    _resultChange(msg) {
+      this._pageByEntrustId()
+      this.$Message.success(msg)
+      this.$emit('on-result-change')
+    },
+    _copy(data) {
+      this.$refs.copyModal._open(data.id, data.type)
+    },
+    // 复制样品
+    _copySample(data) {
+      this.$store
+        .dispatch('FoodSample/getByCompanyId', data.sampleId)
+        .then(() => {
+          const result = this.$store.state.FoodSample.companyModel
+          if (data.type === 0) {
+            // 普通样品
+            this.currentComponent = 'FoodSampleCompanyEdit'
+            this.$nextTick(function() {
+              this.$refs.refModal._openCopySample(result)
+            })
+          } else if (data.type === 3) {
+            // 模拟样品
+            this.$refs.imitateModal._openCopySample(result)
+          }
+        })
+    },
+    _copyAll(data) {
+      this.$store
+        .dispatch('FoodSample/getByCompanyId', data.sampleId)
+        .then(() => {
+          const result = this.$store.state.FoodSample.companyModel
+          if (data.type === 0) {
+            // 普通样品
+            this.currentComponent = 'FoodSampleCompanyEdit'
+            this.$nextTick(function() {
+              this.$refs.refModal._openCopyAll(result)
+            })
+          } else if (data.type === 3) {
+            // 模拟样品
+            this.$refs.imitateModal._openCopyAll(result)
+          }
+        })
+    },
+    // 导入样品
+    _importSample() {
+      const data = {
+        importUrl: '/food/v1/sample/company/import_' + this.sampleId,
+        downloadUrl: '/food/v1/excel/template/FoodSampleCompany',
+        title: '导入'
+      }
+      this.$refs.refModal._open(data)
+    },
+    // 导入检测项目
+    _importItem() {
+      if (this.selectIds.length === 0) {
+        this.$Message.warning('请至少选中一条样品数据！')
+      } else {
+        this.$refs.refModal._open(
+          this.selectIds,
+          this.selectData[0],
+          this.selectData
+        )
+      }
+    },
+    // 导入检测项目包
+    _importItemPackage() {
+      if (this.selectIds.length === 0) {
+        this.$Message.warning('请至少选中一条样品数据！')
+      } else {
+        this.$refs.refModal._open(this.selectIds, 'sample-rel-package-item')
+      }
+    },
+    _copyHisItem() {
+      if (this.selectIds.length === 0) {
+        this.$Message.warning('请至少选中一条样品数据！')
+      } else {
+        this.$refs.refModal._open(this.selectIds)
+      }
+    },
+    _operationRecord(id) {
+      // 操作日志
+      this.$refs.recordModal._open(id)
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/sample-preparation-record/RecordIndex.vue

+<template>
+  <div>
+    <TwoColumnPage>
+      <template slot="left">
+        <ItemLeftList ref="leftModal" @on-result-change="_leftResult"></ItemLeftList>
+      </template>
+      <template slot="right">
+        <ItemRightList ref="rightModal" @on-result-change="_rightResult"></ItemRightList>
+      </template>
+    </TwoColumnPage>
+  </div>
+</template>
+
+<script>
+import TwoColumnPage from '../../../../components/base/TwoColumnPage'
+import ItemLeftList from './RecordLeftList'
+import ItemRightList from './RecordRightList'
+
+export default {
+  components: {
+    TwoColumnPage,
+    ItemLeftList,
+    ItemRightList
+  },
+  data() {
+    return {
+      id: ''
+    }
+  },
+  methods: {
+    _leftResult(data) {
+      console.log('ItemTabs', data)
+      this.$refs.rightModal._open(this.id, data)
+    },
+    _rightResult() {
+      this.$refs.leftModal._page()
+    },
+    _open(id) {
+      this.id = id
+      console.log(id)
+      this.$refs.leftModal._open(this.id)
+    },
+    _clearTable() {
+      this.$refs.rightModal._clearAll()
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/sample-preparation-record/RecordLeftList.vue

+<template>
+  <div>
+    <Row>
+      <!--查询-->
+      <Col span="24">
+        <Form id="task-assign-item-left" :label-width="70" inline onsubmit="return false">
+        <label class="label-sign"></label>
+        <Form-item class="search-item" label="检测项目:">
+          <Input v-model="formObj.name" @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 @on-result-change="_btnClick" class="contHide" style="margin-bottom: 6px;"></btn-list>
+      </Col>
+      <!-- 表格 -->
+      <Col span="24">
+      <PTVXETable ref="pageTable" :isRadio="true" :pageColumns="pageColumns" :table-name="tableName"
+                  :tableHeight="tableHeight"
+                    @on-result-change="_tableResultChange" :getPage="getPage" :hide-checkbox="true"  select-data>
+        <vxe-table-column
+          v-for="item in userColumns.length > 0 ?userColumns:pageColumns"
+          :key="item.key"
+          :field="item.key"
+          :title="item.title"
+          :min-width="item.width"
+          :fixed="item.fixed?item.fixed:undefined"
+          sortable>
+          <template slot-scope="scope">
+            <a v-if="item.detail" @click.stop="_detailModal(scope.row)">{{scope.row[item.key]}}</a>
+            <span v-else-if="item.date">{{scope.row[item.key]?$dateformat(scope.row[item.key],'yyyy-mm-dd'):''}}</span>
+            <span v-else>{{scope.row[item.key]}}</span>
+          </template>
+        </vxe-table-column>
+        <VXESettingCol slot="setting" :pageColumns="pageColumns" :userColumns="userColumns"
+                       @on-result-change="_resetColumn" :table-name="tableName"></VXESettingCol>
+      </PTVXETable>
+      </Col>
+    </Row>
+  </div>
+</template>
+<script>
+import { soilTest } from '../../../../api'
+export default {
+  components: {},
+  data() {
+    return {
+      currentComponent: '',
+      formObj: {
+        name: undefined
+      },
+      tableName: 'food-task-assign-item-left',
+      // 用户自己选中的列
+      userColumns: [],
+      optionList: [
+        { key: 'name', name: '检测项目', placeholder: '请输入检测项目' },
+        { key: 'testBasis', name: '检测依据', placeholder: '请输入检测依据' }
+      ],
+      getPage: {},
+      id: '',
+      pageColumns: [
+        { title: '检测项目', key: 'name', width: 120 },
+        { title: '检测方法', key: 'testMethod', width: 140 },
+        { title: '检测依据名称', key: 'testBasisName', width: 200 }
+      ]
+    }
+  },
+  computed: {
+    tableHeight: function() {
+      return this.$tableHeight('tabSearch')
+    }
+  },
+  methods: {
+    // 重置column
+    _resetColumn(colList) {
+      this.userColumns = colList
+      this.$refs.pageTable._loadColumn(colList)
+    },
+    _modalResult() {
+      if (this.currentComponent === 'AutoAssignModal') {
+        this._formSearch()
+      }
+    },
+    _selInputResult1(msg, data) {
+      switch (msg) {
+        case 'search':
+          this._formSearch()
+          break
+      }
+    },
+    _open(id) {
+      this.id = id
+      this._page()
+    },
+    _searchParams() {
+      const obj = {}
+      const obj1 = this.$refs.selInput1._getFormObj()
+      Object.assign(obj, obj1)
+      return obj
+    },
+    _page: async function() {
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      this.formObj.entrustId = this.id
+      const result = await soilTest.pagePrepareByExp(
+        this.$serializeForm(this.formObj)
+      )
+      if (result) {
+        this.$refs.pageTable._hideLoading()
+        this.getPage = result
+      }
+    },
+    _tableResultChange(msg, data) {
+      console.log(msg, data)
+      switch (msg) {
+        case 'page':
+          this.getPage = this.$store.state.FoodItem.page
+          break
+        case 'selectData':
+          this.$emit('on-result-change', data)
+          break
+        case 'singleSelect':
+          this.$emit('on-result-change', data)
+          break
+        case 'changeSize':
+          this._page()
+          break
+        case 'table-col':
+          // 用户选中的表格列
+          this.userColumns = data
+          break
+      }
+    },
+    _formSearch() {
+      this.$refs.pageTable._pageChange(1)
+    },
+    _btnClick(msg) {
+      switch (msg) {
+        case '自动分配':
+          this._autoAssign()
+          break
+      }
+    },
+    _autoAssign() {
+      console.log('自动分配')
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation-check/sample-preparation-record/RecordRightList.vue

+<template>
+  <div>
+    <Row>
+      <!--查询-->
+      <Col span="24">
+        <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 @on-enter="_formSearch" name="name" 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 :msg="envPro?btnPro:btn" @on-result-change="_btnClick" class="contHide"></btn-list>
+      </Col>
+      <!-- 表格 -->
+      <Col span="24">
+        <PTVXETable ref="pageTable" :pageColumns="pageColumns" :tableHeight="tableHeight"
+                    @on-result-change="_tableResultChange" :getPage="getPage" :icon-msg="iconMsg" :table-name="tableName"  is-task select-data>
+          <vxe-table-column
+            v-for="item in userColumns.length > 0 ?userColumns:pageColumns"
+            :key="item.key"
+            :field="item.key"
+            :title="item.title"
+            :min-width="item.width"
+            :fixed="item.fixed?item.fixed:undefined"
+            sortable>
+            <template slot-scope="scope">
+              <div v-if="item.key === 'name'" :style="{color:colorComputed(scope.row.planEndDate)}">
+                {{scope.row[item.key]}}
+              </div>
+              <a v-else-if="item.key==='code'" @click.stop="_detailModal(scope.row)">{{scope.row[item.key]}}</a>
+              <a v-else-if="item.key==='num'" @click.stop="_sampleDetail(scope.row)">{{scope.row[item.key]}}</a>
+              <span
+                v-else-if="item.date">{{scope.row[item.key]?$dateformat(scope.row[item.key],'yyyy-mm-dd'):''}}</span>
+              <span v-else-if="item.datetime">{{scope.row[item.key]?$dateformat(scope.row[item.key],'yyyy-mm-dd HH:MM'):''}}</span>
+              <span v-else-if="item.key==='progress'">{{scope.row[item.key].display}}</span>
+              <span v-else>{{scope.row[item.key]}}</span>
+            </template>
+          </vxe-table-column>
+          <VXESettingCol slot="setting" :pageColumns="pageColumns" :userColumns="userColumns"
+                         @on-result-change="_resetColumn" :table-name="tableName"></VXESettingCol>
+        </PTVXETable>
+      </Col>
+    </Row>
+    <AssignPerson ref="personModal" @on-result-change="_assignBackData"></AssignPerson>
+    <SelectOriTempRecord ref="recordModal" @on-result-change="_page"></SelectOriTempRecord>
+    <OriginalRecordEdit ref="editModal"></OriginalRecordEdit>
+    <IndexManage ref="indexModal" @on-result-change="_page"></IndexManage>
+    <EquipManage ref="equipModal" @on-result-change="_page"></EquipManage>
+    <CollectManage ref="collectModal" @on-result-change="_page"></CollectManage>
+    <CollectFileManage ref="collectFileModal" @on-result-change="_page"></CollectFileManage>
+    <SelEquip ref="selEquip" @on-result-change="_equipResult"></SelEquip>
+  </div>
+</template>
+<script>
+import Global from '../../../../api/config'
+import { soilTest } from '../../../../api'
+import AssignPerson from '../../../../components/user-info-single/assignPerson'
+import SelectOriTempRecord from '../SelectOriTempRecord'
+import OriginalRecordEdit from '../OriginalRecordEdit'
+import IndexManage from '../IndexManage'
+import SelEquip from '../../../../components/select-equip/SelEquip'
+import EquipManage from '../EquipManage'
+import CollectManage from '../CollectManage'
+import CollectFileManage from '../CollectFileManage'
+export default {
+  components: {
+    AssignPerson,
+    SelectOriTempRecord,
+    OriginalRecordEdit,
+    IndexManage,
+    SelEquip,
+    EquipManage,
+    CollectManage,
+    CollectFileManage
+  },
+  data() {
+    return {
+      // 定义表格名称----英文
+      tableName: 'food-task-assign-item-right',
+      formObj: {
+        entrustId: '',
+        name: '',
+        testMethod: '',
+        testBasis: ''
+      },
+      entrustId: '',
+      envPro: false,
+      // 用户自己选中的列
+      userColumns: [],
+      currentComponent: '',
+      optionList: [
+        { key: 'name', name: '检测项目', placeholder: '请输入检测项目' },
+        { key: 'code', name: '委托编号', placeholder: '请输入委托编号' },
+        { key: 'num', name: '样品编号', placeholder: '请输入样品编号' },
+        { key: 'sampleName', name: '样品名称', placeholder: '请输入样品名称' },
+        { key: 'testBasis', name: '检测依据', placeholder: '请输入检测依据' },
+        {
+          key: 'resultDate',
+          name: '数据出具日期',
+          placeholder: '请选择数据出具日期',
+          date: true
+        },
+        {
+          key: 'receiveDate',
+          name: '接样日期',
+          placeholder: '请选择接样日期',
+          date: true
+        },
+        { key: 'tester', name: '主检人', placeholder: '请输入主检人' },
+        { key: 'detectType', name: '样品类别', placeholder: '请输入样品类别' }
+      ],
+      btn: [
+        { type: 'success', id: '', name: '填写原始记录' },
+        { type: 'success', id: '', name: '完成提交' },
+        { type: 'success', id: '', name: '设备' }
+      ],
+      btnPro: [
+        { type: 'success', id: '', name: '填写原始记录' },
+        { type: 'success', id: '', name: '设备' },
+        { type: 'success', id: '', name: '完成提交' }
+      ],
+      iconMsg: [
+        { type: 'ios-book', id: '', name: '查看原始记录' },
+        { type: 'md-apps', id: '', name: '查看指标' },
+        { type: 'ios-bookmarks', id: '', name: '查看采集数据' },
+        { type: 'ios-browsers', id: '', name: '查看采集文件' },
+        { type: 'ios-flask', id: '', name: '设备列表' }
+      ],
+      getPage: {},
+      pageColumns: [
+        { title: '试验项目', key: 'name', width: 120, fixed: 'left' },
+        { title: '试样编号', key: 'sampleCode', width: 180 },
+        { title: '是否填写原始记录', key: 'recorded', width: 180 },
+        { title: '试样深度', key: 'sampleDepth', width: 180 },
+        { title: '试样包装类型', key: 'samplePack', width: 180 },
+        { title: '状态', key: 'progress', width: 180 },
+        { title: '大类', key: 'mainType', width: 140 },
+        { title: '小类', key: 'smallType', width: 140 },
+        { title: '检测方法', key: 'testMethod', width: 260 },
+        { title: '检测依据', key: 'testBasis', width: 140 },
+        { title: '检测科室', key: 'groupName', width: 150 }
+      ],
+      leftSelectData: {},
+      selectIds: [], // 检测项目id
+      selectData: [], // 检测项目data
+      selectSampleIds: [], // 样品ids
+      result: [],
+      sampleNames: '', // 没有计划完成时间的样品名
+      defaultPlanDate: null, // 是否有字典
+      warningValue: ''
+    }
+  },
+  computed: {
+    tableHeight: function() {
+      return this.$tableHeight('tabSearch')
+    },
+    colorComputed() {
+      return function(val) {
+        return val - new Date().getTime() > this.warningValue * 86400000
+          ? '#606266'
+          : val - new Date().getTime() <= 0
+            ? '#eb6877'
+            : '#f90'
+      }
+    }
+  },
+  mounted() {
+    // this._dicSearch()
+    if (process.env.NODE_ENV === 'production') {
+      this.envPro = true
+    }
+  },
+  methods: {
+    _iconClick(res, data, currentComponent) {
+      this.$nextTick(() => {
+        switch (res) {
+          case '查看原始记录':
+            console.log(data)
+            if (data.recordId) {
+              this._viewRecord(data.recordId)
+            } else {
+              this.$Message.warning('未填写原始记录')
+            }
+            break
+          case '查看指标':
+            this._indexManage(data)
+            break
+          case '查看采集数据':
+            this._collectManage(data)
+            break
+          case '查看采集文件':
+            this._collectFileManage(data)
+            break
+          case '设备列表':
+            this._equipManage(data)
+            break
+        }
+      })
+    },
+    _collectManage(data) {
+      this.$refs.collectModal._open(data)
+    },
+    _collectFileManage(data) {
+      this.$refs.collectFileModal._open(data)
+    },
+    _indexManage(data) {
+      this.$refs.indexModal._open(data)
+    },
+    _equipManage(data) {
+      this.$refs.equipModal._open(data)
+    },
+    _viewRecord(recordId) {
+      console.log(recordId)
+      // layx.iframe('labRecordWriteOriView', '原始记录预览', Global.recordURL + '/print/v1/form/' + 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/' + recordId + '?type=ENVTESTMAKE',
+        {
+          event: {
+            onload: {
+              after: function(layxWindow, winform) {
+                // eslint-disable-next-line no-undef
+                layx.max(winform.id)
+              }
+            }
+          }
+        }
+      )
+    },
+    // 获取column
+    _getColumn() {
+      this.$refs.pageTable._getColByTableName()
+    },
+    // 重置column
+    _resetColumn(colList) {
+      this.userColumns = colList
+      this.$refs.pageTable._loadColumn(colList)
+    },
+    _equipResult: async function(res) {
+      console.log(res)
+      const tempData = {}
+      tempData.equipList = []
+      res.map((item, index) => {
+        tempData.equipList.push({
+          equipId: item.id,
+          equipName: item.name,
+          acquisitionCommand: item.acquisitionCommand,
+          brand: item.brand,
+          collectionAddress: item.acquisitionAddress,
+          collectionType: item.acquisitionType,
+          equipNum: item.labNum,
+          ipAddress: item.ipAddress,
+          labNum: item.classId,
+          spec: item.spec
+        })
+      })
+      tempData.expIds = this.selectIds
+      const result = await soilTest.addExpEquip(tempData)
+      if (result) {
+        this.$Message.success('添加成功')
+      }
+    },
+    // 从字典查预警期
+    _dicSearch() {
+      const data = ['食品检测预警天数', '食品默认计划完成时间']
+      this.$store.dispatch('LmsBaseDict/listDict', data).then(() => {
+        const result = this.$store.state.LmsBaseDict.list
+        // eslint-disable-next-line camelcase
+        const result_1 = result[0]
+        // eslint-disable-next-line camelcase
+        const result_2 = result[1]
+        //  1食品检测预警天数
+        if (result_1.length !== 0) {
+          this.warningValue = result_1[0].name
+        }
+        //  2食品默认计划完成时间
+        this.defaultPlanDate =
+          result_2.length !== 0
+            ? result_2[0].name === '是'
+              ? (this.defaultPlanDate = true)
+              : (this.defaultPlanDate = false)
+            : (this.defaultPlanDate = false)
+      })
+    },
+    _selInputResult1(msg, data) {
+      switch (msg) {
+        case 'keyword':
+          this.$refs.selInput2._setCompareKeyword(data)
+          break
+        case 'search':
+          this._formSearch()
+          break
+      }
+    },
+    _selInputResult2(msg, data) {
+      switch (msg) {
+        case 'keyword':
+          this.$refs.selInput1._setCompareKeyword(data)
+          break
+        case 'search':
+          this._formSearch()
+          break
+      }
+    },
+    _modalResult(data) {
+      switch (this.currentComponent) {
+        case 'AssignPerson':
+          if (this.defaultPlanDate) {
+            this._trueDefault(data)
+          } else {
+            this._userResult(data)
+          }
+          break
+        case 'EndDateModal':
+          // if(this.defaultPlanDate){
+          //   this._endDate()
+          // } else {
+          this._page()
+          // }
+          break
+        case 'UserGroup':
+          this._userGroupResult(data)
+          break
+        default:
+          this._page()
+      }
+    },
+    // 为 true时，有字典按人分配
+    _trueDefault(data) {
+      const tempData = {
+        ids: this.selectIds.join(','),
+        personId: data.userId,
+        personName: data.realname,
+        groupId: data.groupId,
+        groupName: data.groupName
+      }
+      Object.assign(tempData, { planDate: null })
+      this.$store.dispatch('FoodItem/personAllot', tempData).then(() => {
+        if (this.$store.state.FoodItem.success) {
+          this.sampleNames = ''
+          this._page()
+          this._resultChange('分配成功！')
+        }
+      })
+    },
+    // 设置时间
+    _endDate() {
+      if (this.selectIds.length === 0) {
+        this.$Message.warning('请至少选择一条数据！')
+      } else {
+        const user = Global.getUserInfo('userInfo')
+        this.currentComponent = 'AssignPerson'
+        this.$nextTick(function() {
+          this.$refs.refModal._openGoupByUserId('分配人员', user.id, 'itemTree')
+        })
+      }
+    },
+    // 调整分组
+    _userGroupResult(data) {
+      const tempData = {
+        groupId: data.id,
+        groupName: data.name,
+        ids: this.selectIds.join(',')
+      }
+      this.$store.dispatch('FoodItem/adjustTestGroup', tempData).then(() => {
+        this._resultChange('调整成功')
+      })
+    },
+    _resultChange(msg) {
+      this.$Message.success(msg)
+      this._page()
+      this.$emit('on-result-change')
+    },
+    async _btnClick(msg) {
+      switch (msg) {
+        case '按人分配':
+          this._allotByPerson()
+          // await this._reportDueDate()
+          // await this._userAssign()
+          break
+        case '试验项目分配':
+          this._userAssign()
+          break
+        case '填写原始记录':
+          this._addRecord()
+          break
+        case '完成提交':
+          this._submitItem(this.selectData)
+          break
+        case '设备':
+          this._selectEquipment()
+          break
+        case '按组分配':
+          await this._reportDueDate()
+          await this._groupAssign()
+          break
+        case '调整分组':
+          if (this.selectIds.length === 0) {
+            this.$Message.warning('请至少选择=一条数据')
+          } else {
+            this.currentComponent = 'UserGroup'
+            this.$nextTick(() => {
+              this.$refs.refModal._open()
+            })
+          }
+          break
+        case '设置计划完成时间':
+          this.currentComponent = 'EndDateModal'
+          this.$nextTick(function() {
+            this._changeDate()
+          })
+          break
+        case '信息维护':
+          this._maintainInfo()
+          break
+      }
+    },
+    _selectEquipment() {
+      if (this.selectIds.length === 0) {
+        this.$Message.warning('请至少选择一条数据！')
+      } else {
+        this.$refs.selEquip._open('sample-input')
+      }
+    },
+    _submitItem(data) {
+      console.log(data)
+      this.$Modal.confirm({
+        title: '提示',
+        content: '确定提交该数据？',
+        onOk: () => {
+          this._submitOk()
+        }
+      })
+    },
+    _submitOk: async function() {
+      const result = await soilTest.endExp(this.selectIds.join(','))
+      if (result) {
+        this._resultChange('提交成功')
+      }
+    },
+    _addRecord() {
+      if (this.selectIds.length === 0) {
+        this.$Message.warning('请至少选择一条数据')
+      } else {
+        const errorInfo = []
+        const clientInfo = []
+        for (let i = 0; i < this.selectData.length; i++) {
+          clientInfo.push(this.selectData[i].client)
+          console.log(this.selectData[i].recorded)
+          if (this.selectData[i].recorded !== '否') {
+            errorInfo.push(this.selectData[i].index + 1)
+          }
+        }
+        if (errorInfo.length !== 0) {
+          this.$Message.warning('所选数据中有已填写原始记录的')
+        } else {
+          console.log('打开填写原始记录界面')
+          this.$refs.recordModal._open(
+            this.selectIds,
+            this.entrustId,
+            clientInfo
+          )
+        }
+      }
+    },
+    _allotByPerson() {
+      const user = Global.getUserInfo('userInfo')
+      this.$refs.personModal._openGoupByUserId('分配人员', user.id, 'itemTree')
+    },
+    // 信息维护
+    _maintainInfo() {
+      if (this.selectSampleIds.length === 0) {
+        this.$Message.warning('请至少选择一条数据！')
+      } else {
+        this.currentComponent = 'MaintainInfoModal'
+        this.$nextTick(() => {
+          this.$refs.refModal._open(this.selectSampleIds, 2)
+        })
+      }
+    },
+    _changeDate() {
+      if (this.selectIds.length === 0) {
+        this.$Message.warning('请至少选择一条数据！')
+      } else {
+        const tempData = {
+          ids: this.selectIds.join(',')
+        }
+        this.$refs.refModal._open(tempData, 'planDate')
+      }
+    },
+    _open(id, data) {
+      this.leftSelectData = data
+      this.entrustId = id
+      if (data.length === 0) {
+        this.$set(this.getPage, 'records', [])
+        this.$set(this.getPage, 'total', 0)
+        this.$set(this.getPage, 'current', 1)
+        this.selectSampleIds = []
+        this.selectIds = []
+        this.selectData = []
+        this.result = []
+      } else {
+        this._formSearch()
+      }
+    },
+    _refresh() {
+      this.$emit('on-result-change')
+    },
+    _formSearch() {
+      this.$refs.pageTable._pageChange(1)
+    },
+    _searchParams() {
+      const obj = {}
+      const obj1 = this.$refs.selInput1._getFormObj()
+      const obj2 = this.$refs.selInput2._getFormObj()
+      const obj3 = { foodItemList: this.leftSelectData }
+      Object.assign(obj, obj1, obj2, obj3)
+      return obj
+    },
+    _page: async function() {
+      Object.assign(this.formObj, this.$refs.pageTable._searchParams())
+      this.formObj.entrustId = this.entrustId
+      this.formObj.name = this.leftSelectData.name
+      this.formObj.testMethod = this.leftSelectData.testMethod
+      const result = await soilTest.pageExpPrepare(
+        this.$serializeForm(this.formObj)
+      )
+      if (result) {
+        this.$refs.pageTable._hideLoading()
+        this.$refs.pageTable._checkAll()
+        this.getPage = result
+      }
+    },
+    _tableResultChange(msg, data) {
+      const selectIds = []
+      switch (msg) {
+        case 'page':
+          this._page()
+          // this.result = this.getPage.records;
+          // this.$nextTick(() => {
+          // this.$refs.pageTable._checkAll()
+          // })
+          // if (this.getPage.records.length === 0) {
+          //   this.$emit('on-result-change')
+          // }
+          break
+        case 'iconClick':
+          this._iconClick(data.name, data.rowData, data.componentName)
+          break
+        case 'selectData':
+          for (let i = 0; i < data.length; i++) {
+            selectIds.push(data[i].id)
+          }
+          this.selectIds = selectIds
+          this.selectData = data
+          break
+        case 'table-col':
+          // 用户选中的表格列
+          this.userColumns = data
+          break
+        case 'changeSize':
+          this._page()
+          // this.$refs.pageTable._checkAll()
+          break
+      }
+    },
+    // 按人分配  选人选时间
+    _assignBackData(data) {
+      console.log(data)
+      const tempData = {}
+      tempData.ids = this.selectIds.join(',')
+      tempData.user = data.realname
+      tempData.userId = data.userId
+      this._allotItems(tempData)
+    },
+    _allotItems: async function(data) {
+      const result = await soilTest.allotExp(data)
+      if (result) {
+        this._resultChange('分配成功')
+      }
+    },
+    _userAssign() {
+      const user = Global.getUserInfo('userInfo')
+      console.log(user)
+      this.$refs.personModal._openGoup('分配人员', 'itemTree')
+      // if (this.defaultPlanDate) {
+      //   // 有字典
+      //   if (this.sampleNames === '') {
+      //     // 有计划完成时间
+      //     const user = Global.getUserInfo('userInfo')
+      //     this.currentComponent = 'AssignPerson'
+      //     this.$nextTick(function() {
+      //       this.$refs.refModal._openGoupByUserId(
+      //         '分配人员',
+      //         user.id,
+      //         'itemTree'
+      //       )
+      //     })
+      //   } else {
+      //     // 有字典，无计划完成时间的
+      //     this.$Modal.confirm({
+      //       title: '提示',
+      //       content:
+      //         '所选项目中含有未设置计划完成时间的' +
+      //         `${this._reportDueDate()}` +
+      //         '请确认！',
+      //       onOk: () => {}
+      //     })
+      //   }
+      // } else {
+      //   // 无字典
+      //   this.currentComponent = 'EndDateModal'
+      //   this.$nextTick(() => {
+      //     this._endDate()
+      //   })
+      // }
+    },
+    // 遍历出计划时间为空的样品名
+    _reportDueDate() {
+      const sampleNames = []
+      for (let i = 0; i < this.result.length; i++) {
+        if (!this.result[i].planEndDate) {
+          sampleNames.push(this.result[i].name)
+        }
+      }
+      this.sampleNames = [...new Set(sampleNames)].join(',')
+      return this.sampleNames
+    },
+    _userResult(data) {
+      const tempData = {
+        ids: this.selectIds.join(','),
+        personId: data.userId,
+        personName: data.realname,
+        groupId: data.groupId,
+        groupName: data.groupName
+      }
+      this.currentComponent = 'EndDateModal'
+      this.$nextTick(function() {
+        this.$refs.refModal._open(tempData, 'user')
+      })
+    },
+    // 按组分配  选时间
+    _groupAssign() {
+      if (this.defaultPlanDate) {
+        // 有字典
+        if (this.sampleNames === '') {
+          // 有计划完成时间
+          const tempData = {
+            ids: this.selectIds.join(',')
+          }
+          Object.assign(tempData, { planDate: null })
+          this.$store.dispatch('FoodItem/groupAllot', tempData).then(() => {
+            if (this.$store.state.FoodItem.success) {
+              this.$Message.success('分配成功!')
+              this._page()
+            }
+          })
+        } else {
+          // 有字典，无计划完成时间
+          this.$Modal.confirm({
+            title: '提示',
+            content:
+              '所选项目中含有未设置计划完成时间的' +
+              `${this._reportDueDate()}` +
+              '请确认！',
+            onOk: () => {}
+          })
+        }
+      } else {
+        // 无字典的
+        // eslint-disable-next-line no-lonely-if
+        if (this.selectIds.length === 0) {
+          this.$Message.warning('请至少选择一条数据！')
+        } else {
+          const tempData = {
+            ids: this.selectIds.join(',')
+          }
+          this.currentComponent = 'EndDateModal'
+          this.$nextTick(function() {
+            this.$refs.refModal._open(tempData, 'group')
+          })
+        }
+      }
+    },
+    // 委托详情
+    _detailModal(data) {
+      this.$store.dispatch('FoodContract/getById', data.contractId).then(() => {
+        if (data.type === 1) {
+          this.currentComponent = 'FoodContractGovernDetail'
+        } else {
+          this.currentComponent = 'FoodContractCompanyDetail'
+        }
+        this.$nextTick(function() {
+          this.$refs.refModal._open(this.$store.state.FoodContract.model)
+        })
+      })
+    },
+    // 样品详情
+    _sampleDetail(data) {
+      this.$nextTick(function() {
+        if (data.type === 1) {
+          this.currentComponent = 'FoodSampleGovernDetail'
+          this.$store
+            .dispatch('FoodSample/getByGovernId', data.sampleId)
+            .then(() => {
+              this.$refs.refModal._open(
+                this.$store.state.FoodSample.governModel
+              )
+            })
+        } else {
+          this.currentComponent = 'FoodSampleCompanyDetail'
+          this.$store
+            .dispatch('FoodSample/getByCompanyId', data.sampleId)
+            .then(() => {
+              this.$refs.refModal._open(
+                this.$store.state.FoodSample.companyModel
+              )
+            })
+        }
+        this.$refs.refModal._open(data.sampleId)
+      })
+    },
+    _clearAll() {
+      this.getPage.records = []
+      this.selectIds = []
+    }
+  }
+}
+</script>

pages/soil-sample-manage/sample-preparation/Preparation.vue

@@ -35,6 +35,10 @@
                                  :handle-obj="scope" @on-result-change="_preparationChange" clearable
                                  placeholder="输入或选择制备方式"></AutoComplete>
                 </div>
+                <div v-else-if="item.key==='printNum'" @click="_handleRow(scope)">
+                  <el-input v-model="scope.row.printNum" name="printNum" placeholder="输入打印数量">
+                  </el-input>
+                </div>
                 <div v-else-if="item.key==='unit'" @click="_handleRow(scope)">
                   <el-input v-model="scope.row.unit" name="unit" placeholder="输入或选择单位">
                   </el-input>
@@ -150,6 +154,7 @@ export default {
       pageColumns: [
         { title: '试样编号', key: 'sampleCode', width: 130 },
         { title: '试样深度', key: 'sampleDepth', width: 130 },
+        { title: '打印数量', key: 'printNum', width: 130, editCell: true },
         { title: '检验科室', key: 'groupName', width: 130 },
         // 暂时屏蔽
         // {title: '打印份数', key: 'printNum', width: 110},

router/soil-routes.js

@@ -9,6 +9,7 @@ import EntrustIndex from '../pages/meter-entrust/entrust-register/EntrustIndex'
 import ReviewEntrust from '../pages/meter-entrust/entrust-review/ReviewEntrust'
 import SampleReceiveIndex from '../pages/soil-sample-manage/sample-receive/SampleReceiveIndex'
 import SamplePreparationIndex from '../pages/soil-sample-manage/sample-preparation/SamplePreparationIndex'
+import SamplePreparationCheckIndex from '../pages/soil-sample-manage/sample-preparation-check/SamplePreparationIndex'
 import AddressManage from '../pages/soil-sample-manage/sample-address/AddressManage'
 import KeepAdress from '../pages/soil-sample-manage/keep-address/AddressManage'
 import BackupsManage from '../pages/soil-sample-manage/backups-manage/SampleBackupsIndex'
@@ -73,6 +74,11 @@ export default [
         meta: { title: '开土制备' }
       },
       {
+        path: 'prepare_check',
+        component: SamplePreparationCheckIndex,
+        meta: { title: '制备审核' }
+      },
+      {
         path: 'take',
         component: SampleTakeIndex,
         meta: { title: '试验室领样' }