第三阶段代码

mes/qd/src/views/wms/sb/upkeep/devicemaintenance/AddDialog.vue

@@ -0,0 +1,273 @@
+<template>
+  <el-dialog
+    :title="crud.status.title"
+    append-to-body
+    fullscreen
+    :before-close="crud.cancelCU"
+    :visible.sync="crud.status.cu > 0 || crud.status.view > 0"
+  >
+    <el-row v-show="crud.status.cu > 0" :gutter="20">
+      <el-col :span="20" style="border: 1px solid white">
+        <span />
+      </el-col>
+      <el-col :span="4">
+        <span>
+          <el-button icon="el-icon-check" size="mini" :loading="crud.cu === 2" type="primary" @click="crud.submitCU">保存</el-button>
+          <el-button icon="el-icon-close" size="mini" type="info" @click="crud.cancelCU">关闭</el-button>
+        </span>
+      </el-col>
+    </el-row>
+
+    <el-form ref="form" style="border: 1px solid #cfe0df;margin-top: 10px;padding-top: 10px;" :inline="true" :model="form" :rules="rules" size="mini" label-width="120px" label-suffix=":">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="单据号" prop="maint_code">
+            <el-input v-model="form.maint_code" style="width: 200px;" disabled placeholder="系统自动生成" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item label="业务日期" prop="plan_start_date">
+            <el-date-picker v-model="form.plan_start_date" type="date" placeholder="选择日期" style="width: 200px" value-format="yyyy-MM-dd" :disabled="crud.status.view > 0" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item label="保养类型" prop="maintenancecycle">
+            <el-select
+              v-model="form.maintenancecycle"
+              disabled
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+            >
+              <el-option
+                v-for="item in dict.EM_DEVICE_BY_INVTYPE"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="设备" prop="devicerecord_id">
+            <el-input v-model="form.devicerecord_id" :disabled="true" style="width: 200px;">
+              <el-button slot="append" icon="el-icon-plus" @click="putDevice" />
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="16">
+          <el-form-item label="备注" prop="remark">
+            <el-input v-model="form.remark" style="width: 580px;" rows="2" type="textarea" :disabled="crud.status.view > 0" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <div class="crud-opts2">
+      <span class="role-span">项目明细</span>
+      <span class="crud-opts-right2">
+        <!--左侧插槽-->
+        <slot name="left" />
+        <el-button
+          slot="left"
+          class="filter-item"
+          type="primary"
+          icon="el-icon-check"
+          size="mini"
+          @click="putItem"
+        >
+          添加项目
+        </el-button>
+      </span>
+    </div>
+
+    <el-card class="box-card" shadow="never" :body-style="{padding:'0'}">
+      <!--表格渲染-->
+      <el-table
+        ref="table2"
+        :data="form.tableData"
+        style="width: 100%;"
+        max-height="500"
+        border
+        :highlight-current-row="true"
+        :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+      >
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column show-overflow-tooltip prop="maint_item_code" label="保养项目编号" align="center" />
+        <el-table-column show-overflow-tooltip prop="maint_item_name" label="保养项目名称" align="center" />
+        <el-table-column show-overflow-tooltip prop="item_level" label="保养等级" align="center" :formatter="formatLevel" />
+        <el-table-column show-overflow-tooltip prop="contents" label="保养内容" align="center" />
+        <el-table-column show-overflow-tooltip prop="requirement" label="要求" align="center" />
+        <el-table-column prop="dtl_remark" label="备注" align="center">
+          <template slot-scope="scope">
+            <el-input v-show="!scope.row.edit" v-model="scope.row.dtl_remark" class="input-with-select"/>
+          </template>
+        </el-table-column>
+
+        <el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="danger" class="filter-item" size="mini" icon="el-icon-delete" @click.native.prevent="delRow(scope.$index, form.tableData)" />
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+
+    <DeviceDialog :dialog-show.sync="deviceDialog" :is-single="true" @tableChanged2="tableChanged2"/>
+    <ItemDialog :dialog-show.sync="itemDialog" :is-single="false" @tableChanged1="tableChanged1"/>
+  </el-dialog>
+</template>
+
+<script>
+
+const defaultForm = {
+  maint_code: null,
+  devicerecord_id: null,
+  maintenancecycle: '02',
+  plan_start_date: null,
+  tableData: []
+}
+
+import crudDevicemaintenancemst from '@/api/wms/sb/devicemaintenancemst'
+import DeviceDialog from '@/views/wms/sb/upkeep/devicemaintenanceplan/DeviceDialog'
+import ItemDialog from '@/views/wms/sb/upkeep/devicemaintenanceplan/ItemDialog'
+import CRUD, { form, crud } from '@crud/crud'
+
+export default {
+  name: 'AddDialog',
+  dicts: ['EM_DEVICE_BY_INVTYPE'],
+  components: { ItemDialog, DeviceDialog },
+  mixins: [form(defaultForm), crud()],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    },
+    openParam: {
+      type: Object
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue, oldValue) {
+        this.dialogVisible = newValue
+      }
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      deviceDialog: false,
+      itemDialog: false,
+      rules: {
+        plan_start_date: [
+          { required: true, message: '计划开始日期不能为空', trigger: 'blur' }
+        ],
+        maintenancecycle: [
+          { required: true, message: '保养周期不能为空', trigger: 'blur' }
+        ],
+        devicerecord_id: [
+          { required: true, message: '设备不能为空', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    [CRUD.HOOK.beforeSubmit]() {
+      const arr = this.form.tableData
+      if (arr.length === 0) {
+        this.crud.notify('明细不能为空', CRUD.NOTIFICATION_TYPE.INFO)
+        return false
+      }
+    },
+    [CRUD.HOOK.afterToEdit]() {
+      const data = {
+        'maint_id': this.form.maint_id
+      }
+      crudDevicemaintenancemst.getDtl(data).then(res => {
+        this.form.tableData = res
+      })
+    },
+    handleClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          done()
+        })
+        .catch(_ => {
+        })
+    },
+    close() {
+      this.$emit('update:dialogShow', false)
+    },
+    formatLevel(row, cloum) {
+      if (row.item_level === '01') {
+        return '日常'
+      } else if (row.item_level === '02') {
+        return '一级'
+      } else if (row.item_level === '03') {
+        return '二级'
+      }
+    },
+    putDevice() {
+      this.deviceDialog = true
+    },
+    putItem() {
+      this.itemDialog = true
+    },
+    tableChanged1(row) {
+      const arr = row
+      const data = this.form.tableData
+      arr.forEach((item) => {
+        if (this.form.tableData.length !== 0) {
+          this.fla = false
+          for (let i = 0; i < data.length; i++) {
+            if (data[i].maint_item_id === item.maint_item_id) {
+              this.fla = true
+            }
+          }
+          if (this.fla === false) {
+            this.form.tableData.push(item)
+          }
+        } else {
+          this.form.tableData.push(item)
+        }
+      })
+    },
+    tableChanged2(row) {
+      this.form.devicerecord_id = row.devicerecord_id
+    },
+    delRow(index, rows) {
+      rows.splice(index, 1)
+    }
+  }
+}
+</script>
+
+<style>
+.crud-opts2 {
+  padding: 0;
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+}
+
+.crud-opts2 .el-dialog__title2 {
+  line-height: 24px;
+  font-size:20px;
+  color:#303133;
+}
+
+.crud-opts2 .role-span {
+  padding: 10px 0px 10px 0px;
+}
+.crud-opts2 .crud-opts-form {
+  padding: 10px 0px 0px 20px;
+}
+
+.input-with-select  {
+  background-color: #fff;
+}
+</style>

mes/qd/src/views/wms/sb/upkeep/devicemaintenance/index.vue

@@ -0,0 +1,244 @@
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <!-- 搜索 -->
+        <el-form
+          :inline="true"
+          class="demo-form-inline"
+          label-position="right"
+          label-width="110px"
+          label-suffix=":"
+        >
+          <el-form-item label="设备类别">
+            <treeselect
+              v-model="query.material_type_id"
+              :load-options="loadClass"
+              :options="classes"
+              style="width: 200px;"
+              placeholder="请选择"
+            />
+          </el-form-item>
+          <el-form-item label="设备">
+            <el-input
+              v-model="query.device_code"
+              clearable
+              size="mini"
+              placeholder="请输入设备编码、名称"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="保养类型">
+            <el-select
+              v-model="query.maintenancecycle"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              @change="hand"
+            >
+              <el-option
+                v-for="item in dict.EM_DEVICE_BY_INVTYPE"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="单据编码">
+            <el-input
+              v-model="query.maint_code"
+              clearable
+              size="mini"
+              placeholder="请输入单据编码、名称"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="日期">
+            <date-range-picker v-model="query.createTime" class="date-item" />
+          </el-form-item>
+          <el-form-item label="状态">
+            <el-select
+              v-model="query.invstatus"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              @change="hand"
+            >
+              <el-option
+                v-for="item in dict.EM_DEVICE_BY_INVSTATUS"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <rrOperation />
+        </el-form>
+      </div>
+      <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
+      <crudOperation :permission="permission">
+        <el-button
+          slot="right"
+          class="filter-item"
+          type="success"
+          icon="el-icon-position"
+          size="mini"
+          :disabled="crud.selections.length !== 1"
+          @click="putIn"
+        >
+          提交
+        </el-button>
+      </crudOperation>
+      <!--表格渲染-->
+      <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
+        <el-table-column type="selection" width="55" />
+        <el-table-column v-if="false" prop="maint_id" label="保养单标识" />
+        <el-table-column prop="maint_code" label="保养单号" width="120px" show-overflow-tooltip />
+        <el-table-column prop="device_code" label="设备编码" show-overflow-tooltip />
+        <el-table-column prop="device_name" label="设备名称" show-overflow-tooltip />
+        <el-table-column prop="invstatus" label="单据状态" show-overflow-tooltip :formatter="formatInvsName" />
+        <el-table-column prop="maintenancecycle" label="单据类型" :formatter="formatMainName" />
+        <el-table-column prop="plan_start_date" label="计划保养日期" width="150px" />
+        <el-table-column prop="input_optname" label="创建人" />
+        <el-table-column prop="input_time" label="创建时间" width="150px" />
+        <el-table-column prop="update_optname" label="保养人" />
+        <el-table-column prop="real_start_date" label="开始时间" width="150px" />
+        <el-table-column prop="real_end_date" label="结束时间" width="150px" />
+        <el-table-column prop="confirm_optname" label="确认人" />
+        <el-table-column prop="confirm_time" label="确认时间" width="150px" />
+        <el-table-column prop="audit_optname" label="审核人" />
+        <el-table-column prop="audit_time" label="审核时间" width="150px" />
+        <el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right">
+          <template slot-scope="scope">
+            <udOperation
+              :data="scope.row"
+              :permission="permission"
+              :disabled-edit="scope.row.invstatus !== '01'"
+              :disabled-dle="scope.row.invstatus !== '01'"
+            />
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+    <AddDialog />
+  </div>
+</template>
+
+<script>
+import crudDevicemaintenancemst from '@/api/wms/sb/devicemaintenancemst'
+import CRUD, { presenter, header, crud } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import crudOperation from '@crud/CRUD.operation'
+import udOperation from '@crud/UD.operation'
+import pagination from '@crud/Pagination'
+import crudClassstandard from '@/api/wms/basedata/master/classstandard'
+import Treeselect, { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import crudMaterialbase from '@/api/wms/basedata/master/materialbase'
+import DateRangePicker from '@/components/DateRangePicker'
+import AddDialog from '@/views/wms/sb/upkeep/devicemaintenance/AddDialog'
+
+export default {
+  name: 'Devicemaintenance',
+  dicts: ['EM_DEVICE_BY_INVSTATUS', 'EM_DEVICE_BY_INVTYPE'],
+  components: { AddDialog, pagination, crudOperation, rrOperation, udOperation, Treeselect, DateRangePicker },
+  mixins: [presenter(), header(), crud()],
+  cruds() {
+    return CRUD({
+      title: '设备保养单',
+      url: 'api/devicemaintenancemst',
+      idField: 'maint_id',
+      sort: 'maint_id,desc',
+      crudMethod: { ...crudDevicemaintenancemst },
+      optShow: {
+        add: true,
+        edit: false,
+        del: false,
+        download: false,
+        reset: true
+      }
+    })
+  },
+  data() {
+    return {
+      classes: [],
+      class_idStr: null,
+      materOpt_code: '23',
+      permission: {
+      }
+    }
+  },
+  created() {
+    const param = {
+      'materOpt_code': this.materOpt_code
+    }
+    crudMaterialbase.getMaterOptType(param).then(res => {
+      this.class_idStr = res.class_idStr
+      this.crud.query.class_idStr = this.class_idStr
+      this.crud.toQuery()
+      this.queryClassId()
+    })
+  },
+  methods: {
+    // 钩子：在获取表格数据之前执行，false 则代表不获取数据
+    [CRUD.HOOK.beforeRefresh]() {
+      return true
+    },
+    hand(value) {
+      this.crud.toQuery()
+    },
+    formatInvsName(row, cloum) {
+      return this.dict.label.EM_DEVICE_BY_INVSTATUS[row.invstatus]
+    },
+    formatMainName(row, cloum) {
+      return this.dict.label.EM_DEVICE_BY_INVTYPE[row.maintenancecycle]
+    },
+    putIn() {
+      const _selectData = this.$refs.table.selection
+      const data = _selectData[0]
+      if (data.invstatus !== '01') {
+        return this.crud.notify('只能对生成状态的单据提交', CRUD.NOTIFICATION_TYPE.INFO)
+      }
+      crudDevicemaintenancemst.putIn(data).then(res => {
+        this.crud.notify('提交成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        this.crud.toQuery()
+      })
+    },
+    loadClass({ action, parentNode, callback }) {
+      if (action === LOAD_CHILDREN_OPTIONS) {
+        crudClassstandard.getClass({ pid: parentNode.id }).then(res => {
+          parentNode.children = res.content.map(function(obj) {
+            if (obj.hasChildren) {
+              obj.children = null
+            }
+            return obj
+          })
+          setTimeout(() => {
+            callback()
+          }, 100)
+        })
+      }
+    },
+    queryClassId() {
+      const param = {
+        'class_idStr': this.class_idStr
+      }
+      crudClassstandard.queryClassById(param).then(res => {
+        this.classes = res.content.map(obj => {
+          if (obj.hasChildren) {
+            obj.children = null
+          }
+          return obj
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

mes/qd/src/views/wms/sb/upkeep/devicemaintenanceaudit/index.vue

@@ -0,0 +1,232 @@
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <!-- 搜索 -->
+        <el-form
+          :inline="true"
+          class="demo-form-inline"
+          label-position="right"
+          label-width="110px"
+          label-suffix=":"
+        >
+          <el-form-item label="设备类别">
+            <treeselect
+              v-model="query.material_type_id"
+              :load-options="loadClass"
+              :options="classes"
+              style="width: 200px;"
+              placeholder="请选择"
+            />
+          </el-form-item>
+          <el-form-item label="设备">
+            <el-input
+              v-model="query.device_code"
+              clearable
+              size="mini"
+              placeholder="请输入设备编码、名称"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="保养类型">
+            <el-select
+              v-model="query.maintenancecycle"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              @change="hand"
+            >
+              <el-option
+                v-for="item in dict.EM_DEVICE_BY_INVTYPE"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="单据编码">
+            <el-input
+              v-model="query.maint_code"
+              clearable
+              size="mini"
+              placeholder="请输入单据编码、名称"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="日期">
+            <date-range-picker v-model="query.createTime" class="date-item" />
+          </el-form-item>
+          <el-form-item label="状态">
+            <el-select
+              v-model="query.invstatus"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              @change="hand"
+            >
+              <el-option
+                v-for="item in dict.EM_DEVICE_BY_INVSTATUS"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <rrOperation />
+        </el-form>
+      </div>
+      <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
+      <crudOperation :permission="permission">
+        <el-button
+          slot="right"
+          class="filter-item"
+          type="success"
+          icon="el-icon-position"
+          size="mini"
+          :disabled="crud.selections.length !== 1"
+          @click="auditMaintain"
+        >
+          审核
+        </el-button>
+      </crudOperation>
+      <!--表格渲染-->
+      <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
+        <el-table-column type="selection" width="55" />
+        <el-table-column v-if="false" prop="maint_id" label="保养单标识" />
+        <el-table-column prop="maint_code" label="保养单号" width="120px" show-overflow-tooltip />
+        <el-table-column prop="device_code" label="设备编码" show-overflow-tooltip />
+        <el-table-column prop="device_name" label="设备名称" show-overflow-tooltip />
+        <el-table-column prop="invstatus" label="单据状态" show-overflow-tooltip :formatter="formatInvsName" />
+        <el-table-column prop="maintenancecycle" label="单据类型" :formatter="formatMainName" />
+        <el-table-column prop="plan_start_date" label="计划保养日期" width="150px" />
+        <el-table-column prop="input_optname" label="创建人" />
+        <el-table-column prop="input_time" label="创建时间" width="150px" />
+        <el-table-column prop="update_optname" label="保养人" />
+        <el-table-column prop="real_start_date" label="开始时间" width="150px" />
+        <el-table-column prop="real_end_date" label="结束时间" width="150px" />
+        <el-table-column prop="confirm_optname" label="确认人" />
+        <el-table-column prop="confirm_time" label="确认时间" width="150px" />
+        <el-table-column prop="audit_optname" label="审核人" />
+        <el-table-column prop="audit_time" label="审核时间" width="150px" />
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+  </div>
+</template>
+
+<script>
+import crudDevicemaintenancemst from '@/api/wms/sb/devicemaintenancemst'
+import CRUD, { presenter, header, crud } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import crudOperation from '@crud/CRUD.operation'
+import udOperation from '@crud/UD.operation'
+import pagination from '@crud/Pagination'
+import crudClassstandard from '@/api/wms/basedata/master/classstandard'
+import Treeselect, { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import crudMaterialbase from '@/api/wms/basedata/master/materialbase'
+import DateRangePicker from '@/components/DateRangePicker'
+
+export default {
+  name: 'Devicemaintenanceaudit',
+  dicts: ['EM_DEVICE_BY_INVSTATUS', 'EM_DEVICE_BY_INVTYPE'],
+  components: { pagination, crudOperation, rrOperation, udOperation, Treeselect, DateRangePicker },
+  mixins: [presenter(), header(), crud()],
+  cruds() {
+    return CRUD({
+      title: '保养单审核',
+      url: 'api/devicemaintenancemst',
+      idField: 'maint_id',
+      sort: 'maint_id,desc',
+      crudMethod: { ...crudDevicemaintenancemst },
+      optShow: {
+        add: false,
+        edit: false,
+        del: false,
+        download: false,
+        reset: true
+      }
+    })
+  },
+  data() {
+    return {
+      classes: [],
+      class_idStr: null,
+      materOpt_code: '23',
+      permission: {
+      }
+    }
+  },
+  created() {
+    const param = {
+      'materOpt_code': this.materOpt_code
+    }
+    crudMaterialbase.getMaterOptType(param).then(res => {
+      this.class_idStr = res.class_idStr
+      this.crud.query.class_idStr = this.class_idStr
+      this.crud.toQuery()
+      this.queryClassId()
+    })
+  },
+  methods: {
+    // 钩子：在获取表格数据之前执行，false 则代表不获取数据
+    [CRUD.HOOK.beforeRefresh]() {
+      return true
+    },
+    hand(value) {
+      this.crud.toQuery()
+    },
+    formatInvsName(row, cloum) {
+      return this.dict.label.EM_DEVICE_BY_INVSTATUS[row.invstatus]
+    },
+    formatMainName(row, cloum) {
+      return this.dict.label.EM_DEVICE_BY_INVTYPE[row.maintenancecycle]
+    },
+    loadClass({ action, parentNode, callback }) {
+      if (action === LOAD_CHILDREN_OPTIONS) {
+        crudClassstandard.getClass({ pid: parentNode.id }).then(res => {
+          parentNode.children = res.content.map(function(obj) {
+            if (obj.hasChildren) {
+              obj.children = null
+            }
+            return obj
+          })
+          setTimeout(() => {
+            callback()
+          }, 100)
+        })
+      }
+    },
+    queryClassId() {
+      const param = {
+        'class_idStr': this.class_idStr
+      }
+      crudClassstandard.queryClassById(param).then(res => {
+        this.classes = res.content.map(obj => {
+          if (obj.hasChildren) {
+            obj.children = null
+          }
+          return obj
+        })
+      })
+    },
+    auditMaintain() {
+      const _selectData = this.$refs.table.selection
+      const data = _selectData[0]
+      if (data.invstatus !== '05') {
+        return this.crud.notify('只能对确认状态的单据审核', CRUD.NOTIFICATION_TYPE.INFO)
+      }
+      crudDevicemaintenancemst.auditMaintain(data).then(res => {
+        this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        this.crud.toQuery()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

mes/qd/src/views/wms/sb/upkeep/devicemaintenancepa/ExecuteDialog.vue

@@ -0,0 +1,216 @@
+<template>
+  <el-dialog
+    title="保养单执行"
+    append-to-body
+    :visible.sync="dialogVisible"
+    fullscreen
+    :before-close="handleClose"
+    destroy-on-close
+    @close="close"
+  >
+    <el-row :gutter="20">
+      <el-col :span="20" style="border: 1px solid white">
+        <span />
+      </el-col>
+      <el-col :span="4">
+        <span>
+          <el-button icon="el-icon-check" size="mini" type="primary" @click="submitMain">保存</el-button>
+          <el-button icon="el-icon-close" size="mini" type="info" @click="close">关闭</el-button>
+        </span>
+      </el-col>
+    </el-row>
+
+    <el-form ref="form" style="border: 1px solid #cfe0df;margin-top: 10px;padding-top: 10px;" :inline="true" :model="form" size="mini" label-width="120px" label-suffix=":">
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="单据号" prop="maint_code">
+            <el-input v-model="form.maint_code" style="width: 200px;" disabled placeholder="系统自动生成" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item label="业务日期" prop="plan_start_date">
+            <el-date-picker v-model="form.plan_start_date" type="date" placeholder="选择日期" style="width: 200px" value-format="yyyy-MM-dd" disabled />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="8">
+          <el-form-item label="保养类型" prop="maintenancecycle">
+            <el-select
+              v-model="form.maintenancecycle"
+              disabled
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+            >
+              <el-option
+                v-for="item in dict.EM_DEVICE_BY_INVTYPE"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="8">
+          <el-form-item label="设备档案" prop="devicerecord_id">
+            <el-input v-model="form.devicerecord_id" :disabled="true" style="width: 200px;"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="保养人" prop="update_optname">
+            <el-input v-model="form.update_optname" style="width: 200px;"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="16">
+          <el-form-item label="备注" prop="remark">
+            <el-input v-model="form.remark" style="width: 580px;" rows="2" type="textarea" disabled />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <div class="crud-opts2">
+      <span class="role-span">项目明细</span>
+    </div>
+
+    <el-card class="box-card" shadow="never" :body-style="{padding:'0'}">
+      <!--表格渲染-->
+      <el-table
+        ref="table2"
+        :data="form.tableData"
+        style="width: 100%;"
+        max-height="500"
+        border
+        :highlight-current-row="true"
+        :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+      >
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column show-overflow-tooltip prop="maint_item_code" label="保养项目编号" align="center" />
+        <el-table-column show-overflow-tooltip prop="maint_item_name" label="保养项目名称" align="center" />
+        <el-table-column show-overflow-tooltip prop="item_level" label="保养等级" align="center" :formatter="formatLevel" />
+        <el-table-column show-overflow-tooltip prop="contents" label="保养内容" align="center" />
+        <el-table-column show-overflow-tooltip prop="requirement" label="要求" align="center" />
+        <el-table-column show-overflow-tooltip prop="dtl_remark" label="备注" align="center" />
+        <el-table-column prop="isfinish" label="是否完成" align="center">
+          <template slot-scope="scope">
+            <el-select
+              v-model="scope.row.isfinish"
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+            >
+              <el-option
+                v-for="item in dict.IS_OR_NOT"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+
+  </el-dialog>
+</template>
+<script>
+
+import CRUD, { crud } from '@crud/crud'
+import crudDevicemaintenancemst from '@/api/wms/sb/devicemaintenancemst'
+export default {
+  name: 'ExecuteDialog',
+  dicts: ['EM_DEVICE_BY_INVTYPE', 'IS_OR_NOT'],
+  mixins: [crud()],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    },
+    openParam: {
+      type: Object
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue, oldValue) {
+        this.dialogVisible = newValue
+        this.form = this.openParam.form
+        this.form.tableData = this.openParam.tableData
+      }
+    }
+  },
+  data() {
+    return {
+      form: {
+        tableData: []
+      },
+      dialogVisible: false
+    }
+  },
+  methods: {
+    handleClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          done()
+        })
+        .catch(_ => {
+        })
+    },
+    close() {
+      this.$emit('update:dialogShow', false)
+    },
+    formatLevel(row, cloum) {
+      if (row.item_level === '01') {
+        return '日常'
+      } else if (row.item_level === '02') {
+        return '一级'
+      } else if (row.item_level === '03') {
+        return '二级'
+      }
+    },
+    submitMain() {
+      const data = this.form
+      if (this.form.update_optname === '') {
+        return this.crud.notify('保养人不能为空', CRUD.NOTIFICATION_TYPE.INFO)
+      }
+      crudDevicemaintenancemst.submitMain(data).then(res => {
+        this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        this.crud.toQuery()
+        this.dialogVisible = false
+      })
+    }
+  }
+}
+</script>
+
+<style>
+.crud-opts2 {
+  padding: 0;
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+}
+
+.crud-opts2 .el-dialog__title2 {
+  line-height: 24px;
+  font-size:20px;
+  color:#303133;
+}
+
+.crud-opts2 .role-span {
+  padding: 10px 0px 10px 0px;
+}
+.crud-opts2 .crud-opts-form {
+  padding: 10px 0px 0px 20px;
+}
+
+.input-with-select  {
+  background-color: #fff;
+}
+
+</style>

mes/qd/src/views/wms/sb/upkeep/devicemaintenancepa/index.vue

@@ -0,0 +1,305 @@
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <!-- 搜索 -->
+        <el-form
+          :inline="true"
+          class="demo-form-inline"
+          label-position="right"
+          label-width="110px"
+          label-suffix=":"
+        >
+          <el-form-item label="设备类别">
+            <treeselect
+              v-model="query.material_type_id"
+              :load-options="loadClass"
+              :options="classes"
+              style="width: 200px;"
+              placeholder="请选择"
+            />
+          </el-form-item>
+          <el-form-item label="设备">
+            <el-input
+              v-model="query.device_code"
+              clearable
+              size="mini"
+              placeholder="请输入设备编码、名称"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="保养类型">
+            <el-select
+              v-model="query.maintenancecycle"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              @change="hand"
+            >
+              <el-option
+                v-for="item in dict.EM_DEVICE_BY_INVTYPE"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="单据编码">
+            <el-input
+              v-model="query.maint_code"
+              clearable
+              size="mini"
+              placeholder="请输入单据编码、名称"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="日期">
+            <date-range-picker v-model="query.createTime" class="date-item" />
+          </el-form-item>
+          <el-form-item label="状态">
+            <el-select
+              v-model="query.invstatus"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              @change="hand"
+            >
+              <el-option
+                v-for="item in dict.EM_DEVICE_BY_INVSTATUS"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <rrOperation />
+        </el-form>
+      </div>
+      <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
+      <crudOperation :permission="permission">
+        <el-button
+          slot="right"
+          class="filter-item"
+          type="success"
+          icon="el-icon-position"
+          size="mini"
+          :disabled="crud.selections.length !== 1"
+          @click="startMaintain"
+        >
+          开始保养
+        </el-button>
+        <el-button
+          slot="right"
+          class="filter-item"
+          type="success"
+          icon="el-icon-position"
+          size="mini"
+          :disabled="crud.selections.length !== 1"
+          @click="executeMaintain"
+        >
+          保养执行
+        </el-button>
+        <el-button
+          slot="right"
+          class="filter-item"
+          type="success"
+          icon="el-icon-position"
+          size="mini"
+          :disabled="crud.selections.length !== 1"
+          @click="endMaintain"
+        >
+          结束保养
+        </el-button>
+        <el-button
+          slot="right"
+          class="filter-item"
+          type="success"
+          icon="el-icon-position"
+          size="mini"
+          :disabled="crud.selections.length !== 1"
+          @click="confirmMaintain"
+        >
+          保养确认
+        </el-button>
+      </crudOperation>
+      <!--表格渲染-->
+      <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
+        <el-table-column type="selection" width="55" />
+        <el-table-column v-if="false" prop="maint_id" label="保养单标识" />
+        <el-table-column prop="maint_code" label="保养单号" width="120px" show-overflow-tooltip />
+        <el-table-column prop="device_code" label="设备编码" show-overflow-tooltip />
+        <el-table-column prop="device_name" label="设备名称" show-overflow-tooltip />
+        <el-table-column prop="invstatus" label="单据状态" show-overflow-tooltip :formatter="formatInvsName" />
+        <el-table-column prop="maintenancecycle" label="单据类型" :formatter="formatMainName" />
+        <el-table-column prop="plan_start_date" label="计划保养日期" width="150px" />
+        <el-table-column prop="input_optname" label="创建人" />
+        <el-table-column prop="input_time" label="创建时间" width="150px" />
+        <el-table-column prop="update_optname" label="保养人" />
+        <el-table-column prop="real_start_date" label="开始时间" width="150px" />
+        <el-table-column prop="real_end_date" label="结束时间" width="150px" />
+        <el-table-column prop="confirm_optname" label="确认人" />
+        <el-table-column prop="confirm_time" label="确认时间" width="150px" />
+        <el-table-column prop="audit_optname" label="审核人" />
+        <el-table-column prop="audit_time" label="审核时间" width="150px" />
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+    <ExecuteDialog :dialog-show.sync="executeDialog" :open-param="openParam" />
+  </div>
+</template>
+
+<script>
+import crudDevicemaintenancemst from '@/api/wms/sb/devicemaintenancemst'
+import CRUD, { presenter, header, crud } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import crudOperation from '@crud/CRUD.operation'
+import udOperation from '@crud/UD.operation'
+import pagination from '@crud/Pagination'
+import crudClassstandard from '@/api/wms/basedata/master/classstandard'
+import Treeselect, { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import crudMaterialbase from '@/api/wms/basedata/master/materialbase'
+import DateRangePicker from '@/components/DateRangePicker'
+import ExecuteDialog from '@/views/wms/sb/upkeep/devicemaintenancepa/ExecuteDialog'
+
+export default {
+  name: 'Devicemaintenancepa',
+  dicts: ['EM_DEVICE_BY_INVSTATUS', 'EM_DEVICE_BY_INVTYPE'],
+  components: { ExecuteDialog, pagination, crudOperation, rrOperation, udOperation, Treeselect, DateRangePicker },
+  mixins: [presenter(), header(), crud()],
+  cruds() {
+    return CRUD({
+      title: '保养单填报',
+      url: 'api/devicemaintenancemst',
+      idField: 'maint_id',
+      sort: 'maint_id,desc',
+      crudMethod: { ...crudDevicemaintenancemst },
+      optShow: {
+        add: false,
+        edit: false,
+        del: false,
+        download: false,
+        reset: true
+      }
+    })
+  },
+  data() {
+    return {
+      classes: [],
+      class_idStr: null,
+      materOpt_code: '23',
+      openParam: null,
+      executeDialog: false,
+      permission: {
+      }
+    }
+  },
+  created() {
+    const param = {
+      'materOpt_code': this.materOpt_code
+    }
+    crudMaterialbase.getMaterOptType(param).then(res => {
+      this.class_idStr = res.class_idStr
+      this.crud.query.class_idStr = this.class_idStr
+      this.crud.toQuery()
+      this.queryClassId()
+    })
+  },
+  methods: {
+    // 钩子：在获取表格数据之前执行，false 则代表不获取数据
+    [CRUD.HOOK.beforeRefresh]() {
+      return true
+    },
+    hand(value) {
+      this.crud.toQuery()
+    },
+    formatInvsName(row, cloum) {
+      return this.dict.label.EM_DEVICE_BY_INVSTATUS[row.invstatus]
+    },
+    formatMainName(row, cloum) {
+      return this.dict.label.EM_DEVICE_BY_INVTYPE[row.maintenancecycle]
+    },
+    loadClass({ action, parentNode, callback }) {
+      if (action === LOAD_CHILDREN_OPTIONS) {
+        crudClassstandard.getClass({ pid: parentNode.id }).then(res => {
+          parentNode.children = res.content.map(function(obj) {
+            if (obj.hasChildren) {
+              obj.children = null
+            }
+            return obj
+          })
+          setTimeout(() => {
+            callback()
+          }, 100)
+        })
+      }
+    },
+    queryClassId() {
+      const param = {
+        'class_idStr': this.class_idStr
+      }
+      crudClassstandard.queryClassById(param).then(res => {
+        this.classes = res.content.map(obj => {
+          if (obj.hasChildren) {
+            obj.children = null
+          }
+          return obj
+        })
+      })
+    },
+    startMaintain() {
+      const _selectData = this.$refs.table.selection
+      const data = _selectData[0]
+      if (data.invstatus !== '02') {
+        return this.crud.notify('只能对提交状态的单据开始', CRUD.NOTIFICATION_TYPE.INFO)
+      }
+      crudDevicemaintenancemst.startMaintain(data).then(res => {
+        this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        this.crud.toQuery()
+      })
+    },
+    endMaintain() {
+      const _selectData = this.$refs.table.selection
+      const data = _selectData[0]
+      if (data.invstatus !== '03') {
+        return this.crud.notify('只能对开始状态的单据结束', CRUD.NOTIFICATION_TYPE.INFO)
+      }
+      crudDevicemaintenancemst.endMaintain(data).then(res => {
+        this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        this.crud.toQuery()
+      })
+    },
+    executeMaintain() {
+      const _selectData = this.$refs.table.selection
+      const data = _selectData[0]
+      if (data.invstatus !== '03') {
+        return this.crud.notify('只能对开始状态的单据执行', CRUD.NOTIFICATION_TYPE.INFO)
+      }
+      crudDevicemaintenancemst.getDtl(data).then(res => {
+        this.openParam = {
+          'form': data,
+          'tableData': res
+        }
+        this.executeDialog = true
+      })
+    },
+    confirmMaintain() {
+      const _selectData = this.$refs.table.selection
+      const data = _selectData[0]
+      if (data.invstatus !== '04') {
+        return this.crud.notify('只能对结束状态的单据确认', CRUD.NOTIFICATION_TYPE.INFO)
+      }
+      crudDevicemaintenancemst.confirmMaintain(data).then(res => {
+        this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        this.crud.toQuery()
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

mes/qd/src/views/wms/sb/upkeep/devicemaintenanceplan/AddDialog.vue

@@ -0,0 +1,294 @@
+<template>
+  <el-dialog
+    :title="crud.status.title"
+    append-to-body
+    fullscreen
+    :before-close="crud.cancelCU"
+    :visible.sync="crud.status.cu > 0 || crud.status.view > 0"
+  >
+    <el-row v-show="crud.status.cu > 0" :gutter="20">
+      <el-col :span="20" style="border: 1px solid white">
+        <span />
+      </el-col>
+      <el-col :span="4">
+        <span>
+          <el-button icon="el-icon-check" size="mini" :loading="crud.cu === 2" type="primary" @click="crud.submitCU">保存</el-button>
+          <el-button icon="el-icon-close" size="mini" type="info" @click="crud.cancelCU">关闭</el-button>
+        </span>
+      </el-col>
+    </el-row>
+
+    <el-form ref="form" style="border: 1px solid #cfe0df;margin-top: 10px;padding-top: 10px;" :inline="true" :model="form" :rules="rules" size="mini" label-width="120px" label-suffix=":">
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="计划编码" prop="maint_plan_code">
+            <el-input v-model="form.maint_plan_code" style="width: 200px;" disabled placeholder="系统自动生成" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="6">
+          <el-form-item label="计划开始日期" prop="plan_start_date">
+            <el-date-picker v-model="form.plan_start_date" type="date" placeholder="选择日期" style="width: 200px" value-format="yyyy-MM-dd" :disabled="crud.status.view > 0" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="6">
+          <el-form-item label="计划周期" prop="maintenancecycle">
+            <el-select
+              v-model="form.maintenancecycle"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in dict.EM_DEVICE_BY_CYCLE"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="计划名称" prop="maint_plan_name">
+            <el-input v-model="form.maint_plan_name" style="width: 200px;" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="设备" prop="devicerecord_id">
+            <el-input v-model="form.devicerecord_id" :disabled="true" style="width: 200px;">
+              <el-button slot="append" icon="el-icon-plus" @click="putDevice" />
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="18">
+          <el-form-item label="备注" prop="remark">
+            <el-input v-model="form.remark" style="width: 580px;" rows="2" type="textarea" :disabled="crud.status.view > 0" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <div class="crud-opts2">
+      <span class="role-span">项目明细</span>
+      <span class="crud-opts-right2">
+        <!--左侧插槽-->
+        <slot name="left" />
+        <el-button
+          slot="left"
+          class="filter-item"
+          type="primary"
+          icon="el-icon-check"
+          size="mini"
+          @click="putItem"
+        >
+          添加项目
+        </el-button>
+<!--        <el-button
+          slot="left"
+          class="filter-item"
+          type="danger"
+          icon="el-icon-delete"
+          size="mini"
+          @click="delRow"
+        >
+          删除一行
+        </el-button>-->
+      </span>
+    </div>
+
+    <el-card class="box-card" shadow="never" :body-style="{padding:'0'}">
+      <!--表格渲染-->
+      <el-table
+        ref="table2"
+        :data="form.tableData"
+        style="width: 100%;"
+        max-height="500"
+        border
+        :highlight-current-row="true"
+        :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+      >
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column show-overflow-tooltip prop="maint_item_code" label="保养项目编号" align="center" />
+        <el-table-column show-overflow-tooltip prop="maint_item_name" label="保养项目名称" align="center" />
+        <el-table-column show-overflow-tooltip prop="item_level" label="保养等级" align="center" :formatter="formatLevel" />
+        <el-table-column show-overflow-tooltip prop="contents" label="保养内容" align="center" />
+        <el-table-column show-overflow-tooltip prop="requirement" label="要求" align="center" />
+        <el-table-column prop="dtl_remark" label="备注" align="center">
+          <template slot-scope="scope">
+            <el-input v-show="!scope.row.edit" v-model="scope.row.dtl_remark" class="input-with-select"/>
+          </template>
+        </el-table-column>
+
+        <el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="danger" class="filter-item" size="mini" icon="el-icon-delete" @click.native.prevent="delRow(scope.$index, form.tableData)" />
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+
+    <DeviceDialog :dialog-show.sync="deviceDialog" :is-single="true" @tableChanged2="tableChanged2"/>
+    <ItemDialog :dialog-show.sync="itemDialog" :is-single="false" @tableChanged1="tableChanged1"/>
+  </el-dialog>
+</template>
+
+<script>
+
+const defaultForm = {
+  maint_plan_code: null,
+  maint_plan_name: null,
+  devicerecord_id: null,
+  maintenancecycle: null,
+  plan_start_date: null,
+  remark: null,
+  tableData: []
+}
+
+import crudDevicemaintenanceplanmst from '@/api/wms/sb/devicemaintenanceplanmst'
+import DeviceDialog from '@/views/wms/sb/upkeep/devicemaintenanceplan/DeviceDialog'
+import ItemDialog from '@/views/wms/sb/upkeep/devicemaintenanceplan/ItemDialog'
+import CRUD, { form, crud } from '@crud/crud'
+
+export default {
+  name: 'AddDialog',
+  dicts: ['EM_DEVICE_BY_CYCLE'],
+  components: { ItemDialog, DeviceDialog },
+  mixins: [form(defaultForm), crud()],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    },
+    openParam: {
+      type: Object
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue, oldValue) {
+        this.dialogVisible = newValue
+      }
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      deviceDialog: false,
+      itemDialog: false,
+      rules: {
+        plan_start_date: [
+          { required: true, message: '计划开始日期不能为空', trigger: 'blur' }
+        ],
+        maintenancecycle: [
+          { required: true, message: '保养周期不能为空', trigger: 'blur' }
+        ],
+        maint_plan_name: [
+          { required: true, message: '计划名称不能为空', trigger: 'blur' }
+        ],
+        devicerecord_id: [
+          { required: true, message: '设备不能为空', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    [CRUD.HOOK.beforeSubmit]() {
+      const arr = this.form.tableData
+      if (arr.length === 0) {
+        this.crud.notify('明细不能为空', CRUD.NOTIFICATION_TYPE.INFO)
+        return false
+      }
+    },
+    [CRUD.HOOK.afterToEdit]() {
+      const data = {
+        'maint_plan_id': this.form.maint_plan_id
+      }
+      crudDevicemaintenanceplanmst.getDtl(data).then(res => {
+        this.form.tableData = res
+      })
+    },
+    handleClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          done()
+        })
+        .catch(_ => {
+        })
+    },
+    close() {
+      this.$emit('update:dialogShow', false)
+    },
+    putDevice() {
+      this.deviceDialog = true
+    },
+    putItem() {
+      this.itemDialog = true
+    },
+    formatLevel(row, cloum) {
+      if (row.item_level === '01') {
+        return '日常'
+      } else if (row.item_level === '02') {
+        return '一级'
+      } else if (row.item_level === '03') {
+        return '二级'
+      }
+    },
+    tableChanged1(row) {
+      const arr = row
+      const data = this.form.tableData
+      arr.forEach((item) => {
+        if (this.form.tableData.length !== 0) {
+          this.fla = false
+          for (let i = 0; i < data.length; i++) {
+            if (data[i].maint_item_id === item.maint_item_id) {
+              this.fla = true
+            }
+          }
+          if (this.fla === false) {
+            this.form.tableData.push(item)
+          }
+        } else {
+          this.form.tableData.push(item)
+        }
+      })
+    },
+    tableChanged2(row) {
+      this.form.devicerecord_id = row.devicerecord_id
+    },
+    delRow(index, rows) {
+      rows.splice(index, 1)
+    }
+  }
+}
+</script>
+
+<style>
+.crud-opts2 {
+  padding: 0;
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+}
+
+.crud-opts2 .el-dialog__title2 {
+  line-height: 24px;
+  font-size:20px;
+  color:#303133;
+}
+
+.crud-opts2 .role-span {
+  padding: 10px 0px 10px 0px;
+}
+.crud-opts2 .crud-opts-form {
+  padding: 10px 0px 0px 20px;
+}
+
+.input-with-select  {
+  background-color: #fff;
+}
+</style>

mes/qd/src/views/wms/sb/upkeep/devicemaintenanceplan/CopyAddDialog.vue

@@ -0,0 +1,282 @@
+<template>
+  <el-dialog
+    title="新增"
+    append-to-body
+    :visible.sync="dialogVisible"
+    fullscreen
+    :before-close="handleClose"
+    destroy-on-close
+    @close="close"
+    @open="open"
+  >
+    <el-row :gutter="20">
+      <el-col :span="20" style="border: 1px solid white">
+        <span />
+      </el-col>
+      <el-col :span="4">
+        <span>
+          <el-button icon="el-icon-check" size="mini" type="primary" @click="submit">保存</el-button>
+          <el-button icon="el-icon-close" size="mini" type="info" @click="close">关闭</el-button>
+        </span>
+      </el-col>
+    </el-row>
+
+    <el-form ref="form1" style="border: 1px solid #cfe0df;margin-top: 10px;padding-top: 10px;" :inline="true" :model="form1" size="mini" label-width="120px" label-suffix=":">
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="计划编码" prop="maint_plan_code">
+            <el-input v-model="form1.maint_plan_code" style="width: 200px;" disabled placeholder="系统自动生成" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="6">
+          <el-form-item label="计划开始日期" prop="plan_start_date">
+            <el-date-picker v-model="form1.plan_start_date" type="date" placeholder="选择日期" style="width: 200px" value-format="yyyy-MM-dd" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="6">
+          <el-form-item label="计划周期" prop="maintenancecycle">
+            <el-select
+              v-model="form1.maintenancecycle"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              style="width: 200px"
+            >
+              <el-option
+                v-for="item in dict.EM_DEVICE_BY_CYCLE"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="计划名称" prop="maint_plan_name">
+            <el-input v-model="form1.maint_plan_name" style="width: 200px;" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="设备" prop="devicerecord_id">
+            <el-input v-model="form1.devicerecord_id" :disabled="true" style="width: 200px;">
+              <el-button slot="append" icon="el-icon-plus" @click="putDevice" />
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="18">
+          <el-form-item label="备注" prop="remark">
+            <el-input v-model="form1.remark" style="width: 580px;" rows="2" type="textarea" :disabled="crud.status.view > 0" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <div class="crud-opts2">
+      <span class="role-span">项目明细</span>
+      <span class="crud-opts-right2">
+        <!--左侧插槽-->
+        <slot name="left" />
+        <el-button
+          slot="left"
+          class="filter-item"
+          type="primary"
+          icon="el-icon-check"
+          size="mini"
+          @click="putItem"
+        >
+          添加项目
+        </el-button>
+      </span>
+    </div>
+
+    <el-card class="box-card" shadow="never" :body-style="{padding:'0'}">
+      <!--表格渲染-->
+      <el-table
+        ref="table2"
+        :data="form1.tableData"
+        style="width: 100%;"
+        max-height="500"
+        border
+        :highlight-current-row="true"
+        :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+      >
+        <el-table-column type="index" label="序号" width="55" align="center" />
+        <el-table-column show-overflow-tooltip prop="maint_item_code" label="保养项目编号" align="center" />
+        <el-table-column show-overflow-tooltip prop="maint_item_name" label="保养项目名称" align="center" />
+        <el-table-column show-overflow-tooltip prop="item_level" label="保养等级" align="center" :formatter="formatLevel" />
+        <el-table-column show-overflow-tooltip prop="contents" label="保养内容" align="center" />
+        <el-table-column show-overflow-tooltip prop="requirement" label="要求" align="center" />
+        <el-table-column prop="dtl_remark" label="备注" align="center">
+          <template slot-scope="scope">
+            <el-input v-show="!scope.row.edit" v-model="scope.row.dtl_remark" class="input-with-select"/>
+          </template>
+        </el-table-column>
+        <el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right">
+          <template slot-scope="scope">
+            <el-button type="danger" class="filter-item" size="mini" icon="el-icon-delete" @click.native.prevent="delRow(scope.$index, form1.tableData)" />
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+
+    <DeviceDialog :dialog-show.sync="deviceDialog" :is-single="true" @tableChanged2="tableChanged2"/>
+    <ItemDialog :dialog-show.sync="itemDialog" :is-single="false" @tableChanged1="tableChanged1"/>
+
+  </el-dialog>
+</template>
+
+<script>
+import crudDevicemaintenanceplanmst from '@/api/wms/sb/devicemaintenanceplanmst'
+import DeviceDialog from '@/views/wms/sb/upkeep/devicemaintenanceplan/DeviceDialog'
+import ItemDialog from '@/views/wms/sb/upkeep/devicemaintenanceplan/ItemDialog'
+import CRUD, { crud } from '@crud/crud'
+
+export default {
+  name: 'CopyAddDialog',
+  dicts: ['EM_DEVICE_BY_CYCLE'],
+  components: { ItemDialog, DeviceDialog },
+  mixins: [crud()],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    },
+    openParam: {
+      type: Object
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue, oldValue) {
+        this.dialogVisible = newValue
+      }
+    }
+  },
+  data() {
+    return {
+      deviceDialog: false,
+      itemDialog: false,
+      dialogVisible: false,
+      form1: {
+        tableData: []
+      }
+    }
+  },
+  methods: {
+    handleClose(done) {
+      this.$confirm('确认关闭？')
+        .then(_ => {
+          done()
+        })
+        .catch(_ => {
+        })
+    },
+    open() {
+      this.form1 = this.openParam.form
+      this.form1.tableData = this.openParam.tabData
+      this.form1.devicerecord_id = null
+      this.form1.maint_plan_code = null
+      this.form1.maint_plan_name = null
+    },
+    close() {
+      this.$emit('update:dialogShow', false)
+      this.crud.toQuery()
+    },
+    putDevice() {
+      this.deviceDialog = true
+    },
+    putItem() {
+      this.itemDialog = true
+    },
+    formatLevel(row, cloum) {
+      if (row.item_level === '01') {
+        return '日常'
+      } else if (row.item_level === '02') {
+        return '一级'
+      } else if (row.item_level === '03') {
+        return '二级'
+      }
+    },
+    tableChanged1(row) {
+      const arr = row
+      const data = this.form1.tableData
+      arr.forEach((item) => {
+        if (this.form1.tableData.length !== 0) {
+          this.fla = false
+          for (let i = 0; i < data.length; i++) {
+            if (data[i].maint_item_id === item.maint_item_id) {
+              this.fla = true
+            }
+          }
+          if (this.fla === false) {
+            this.form1.tableData.push(item)
+          }
+        } else {
+          this.form1.tableData.push(item)
+        }
+      })
+    },
+    tableChanged2(row) {
+      this.form1.devicerecord_id = row.devicerecord_id
+    },
+    delRow(index, rows) {
+      rows.splice(index, 1)
+    },
+    submit() {
+      const data = this.form1
+      if (data.maint_plan_name === null) {
+        return this.crud.notify('计划名称不能为空', CRUD.NOTIFICATION_TYPE.INFO)
+      }
+      if (data.devicerecord_id === null) {
+        return this.crud.notify('设备不能为空', CRUD.NOTIFICATION_TYPE.INFO)
+      }
+      if (data.maintenancecycle === null) {
+        return this.crud.notify('保养周期不能为空', CRUD.NOTIFICATION_TYPE.INFO)
+      }
+      if (data.plan_start_date === null) {
+        return this.crud.notify('计划开始日期不能为空', CRUD.NOTIFICATION_TYPE.INFO)
+      }
+      if (data.tableData.length === 0) {
+        return this.crud.notify('明细不能为空', CRUD.NOTIFICATION_TYPE.INFO)
+      }
+      crudDevicemaintenanceplanmst.copyAdd(data).then(res => {
+        this.dialogVisible = false
+        this.crud.toQuery()
+        this.crud.notify('新增成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+      })
+    }
+  }
+}
+</script>
+
+<style>
+.crud-opts2 {
+  padding: 0;
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+}
+
+.crud-opts2 .el-dialog__title2 {
+  line-height: 24px;
+  font-size:20px;
+  color:#303133;
+}
+
+.crud-opts2 .role-span {
+  padding: 10px 0px 10px 0px;
+}
+.crud-opts2 .crud-opts-form {
+  padding: 10px 0px 0px 20px;
+}
+
+.input-with-select  {
+  background-color: #fff;
+}
+
+</style>

mes/qd/src/views/wms/sb/upkeep/devicemaintenanceplan/DeviceDialog.vue

@@ -0,0 +1,166 @@
+<template>
+  <el-dialog
+    title="设备选择"
+    append-to-body
+    :visible.sync="dialogVisible"
+    destroy-on-close
+    width="1000px"
+    @close="close"
+  >
+    <el-form
+      :inline="true"
+      class="demo-form-inline"
+      label-position="right"
+      label-width="80px"
+      label-suffix=":"
+    >
+      <el-form-item label="设备">
+        <el-input
+          v-model="query.device_code"
+          clearable
+          size="mini"
+          placeholder="编码、名称"
+          @keyup.enter.native="crud.toQuery"
+        />
+      </el-form-item>
+      <rrOperation />
+    </el-form>
+
+    <!--表格渲染-->
+    <el-table
+      ref="table"
+      v-loading="crud.loading"
+      :data="crud.data"
+      style="width: 100%;"
+      size="mini"
+      border
+      :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+      @select="handleSelectionChange"
+      @select-all="onSelectAll"
+      @current-change="clickChange"
+    >
+      <el-table-column v-if="!isSingle" type="selection" width="55" />
+      <el-table-column v-if="isSingle" label="选择" width="55">
+        <template slot-scope="scope">
+          <el-radio v-model="tableRadio" :label="scope.row"><i /></el-radio>
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="device_code" label="设备编码" min-width="130" show-overflow-tooltip />
+      <el-table-column prop="device_name" label="设备名称" min-width="130" show-overflow-tooltip />
+      <el-table-column prop="class_name" label="设备类型" show-overflow-tooltip />
+      <el-table-column prop="device_spec" label="规格" min-width="130" show-overflow-tooltip />
+      <el-table-column prop="device_model" label="型号" />
+      <el-table-column prop="supplier_name" label="供应商" />
+      <el-table-column prop="device_type" label="设备属性" :formatter="formatTypeName"/>
+      <el-table-column prop="workprocedure_name" label="工序" />
+      <el-table-column prop="is_produceuse" label="生产用途" show-overflow-tooltip />
+      <el-table-column prop="remark" label="备注" show-overflow-tooltip />
+    </el-table>
+    <!--分页组件-->
+    <pagination />
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="dialogVisible = false">取 消</el-button>
+      <el-button type="primary" @click="submit">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+
+import CRUD, { header, presenter } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import pagination from '@crud/Pagination'
+import crudDevicemaintenanceplanmst from '@/api/wms/sb/devicemaintenanceplanmst'
+
+export default {
+  name: 'Device',
+  components: { rrOperation, pagination },
+  cruds() {
+    return CRUD({
+      title: '设备',
+      url: 'api/devicemaintenanceplanmst/queryDevice',
+      crudMethod: { ...crudDevicemaintenanceplanmst }, optShow: {}})
+  },
+  mixins: [presenter(), header()],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    },
+    isSingle: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      tableRadio: null,
+      checkrow: null,
+      rows: [],
+      XLList: []
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue) {
+        this.dialogVisible = newValue
+      }
+    }
+  },
+  methods: {
+    clickChange(item) {
+      this.tableRadio = item
+    },
+    formatTypeName(row, cloum) {
+      if (row.device_type === '01') {
+        return '资产'
+      } else if (row.device_type === '02') {
+        return '普通设备'
+      } else if (row.device_type === '03') {
+        return '其他'
+      }
+    },
+    handleSelectionChange(val, row) {
+      if (this.isSingle) {
+        if (val.length > 1) {
+          this.$refs.table.clearSelection()
+          this.$refs.table.toggleRowSelection(val.pop())
+        } else {
+          this.checkrow = row
+        }
+      }
+    },
+    onSelectAll() {
+      this.$refs.table.clearSelection()
+    },
+    close() {
+      this.crud.resetQuery(false)
+      this.$emit('update:dialogShow', false)
+    },
+    submit() {
+      // 处理单选
+      if (this.isSingle && this.tableRadio) {
+        this.$emit('update:dialogShow', false)
+        this.$emit('tableChanged2', this.tableRadio)
+        return
+      }
+      this.rows = this.$refs.table.selection
+      if (this.rows.length <= 0) {
+        this.$message('请先勾选设备')
+        return
+      }
+      this.crud.resetQuery(false)
+      this.$emit('update:dialogShow', false)
+      this.$emit('tableChanged2', this.rows)
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep .el-dialog__body {
+  padding-top: 0px;
+}
+</style>
+

mes/qd/src/views/wms/sb/upkeep/devicemaintenanceplan/ItemDialog.vue

@@ -0,0 +1,200 @@
+<template>
+  <el-dialog
+    title="项目选择"
+    append-to-body
+    :visible.sync="dialogVisible"
+    destroy-on-close
+    width="1000px"
+    @close="close"
+  >
+    <el-form
+      :inline="true"
+      class="demo-form-inline"
+      label-position="right"
+      label-width="80px"
+      label-suffix=":"
+    >
+      <el-form-item label="设备">
+        <el-input
+          v-model="query.maint_item_code"
+          clearable
+          size="mini"
+          placeholder="请输入编码或者名称"
+          @keyup.enter.native="crud.toQuery"
+        />
+      </el-form-item>
+      <el-form-item label="保养内容">
+        <el-input
+          v-model="query.contents"
+          clearable
+          size="mini"
+          placeholder="请输入内容"
+          @keyup.enter.native="crud.toQuery"
+        />
+      </el-form-item>
+      <el-form-item label="保养要求">
+        <el-input
+          v-model="query.requirement"
+          clearable
+          size="mini"
+          placeholder="请输入要求"
+          @keyup.enter.native="crud.toQuery"
+        />
+      </el-form-item>
+      <el-form-item label="保养等级">
+        <el-select v-model="query.item_level" clearable placeholder="请选择" @change="changeQuery">
+          <el-option
+            v-for="item in itemLevelList"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <rrOperation />
+    </el-form>
+
+    <!--表格渲染-->
+    <el-table
+      ref="table"
+      v-loading="crud.loading"
+      :data="crud.data"
+      style="width: 100%;"
+      size="mini"
+      border
+      :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+      @select="handleSelectionChange"
+      @select-all="onSelectAll"
+      @current-change="clickChange"
+    >
+      <el-table-column v-if="!isSingle" type="selection" width="55" />
+      <el-table-column v-if="isSingle" label="选择" width="55">
+        <template slot-scope="scope">
+          <el-radio v-model="tableRadio" :label="scope.row"><i /></el-radio>
+        </template>
+      </el-table-column>
+      <el-table-column prop="maint_item_code" label="保养项目编码" />
+      <el-table-column prop="maint_item_name" label="保养项目名称" />
+      <el-table-column prop="item_level" label="保养等级" :formatter="formatLevel"/>
+      <el-table-column prop="contents" label="保养内容" show-overflow-tooltip />
+      <el-table-column prop="requirement" label="保养要求" show-overflow-tooltip />
+      <el-table-column prop="acceptancecriteria" label="验收标准" show-overflow-tooltip />
+      <el-table-column prop="remark" label="备注" />
+      <el-table-column prop="create_name" label="创建人姓名" />
+      <el-table-column prop="create_time" label="创建时间" width="150px"/>
+    </el-table>
+    <!--分页组件-->
+    <pagination />
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="dialogVisible = false">取 消</el-button>
+      <el-button type="primary" @click="submit">确 定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+
+import CRUD, { header, presenter } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import pagination from '@crud/Pagination'
+import crudDevicemaintenanceitems from '@/api/wms/basedata/em/devicemaintenanceitems'
+
+export default {
+  name: 'Item',
+  components: { rrOperation, pagination },
+  cruds() {
+    return CRUD({
+      title: '保养项目',
+      url: 'api/devicemaintenanceitems',
+      crudMethod: { ...crudDevicemaintenanceitems }, optShow: {}})
+  },
+  mixins: [presenter(), header()],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    },
+    isSingle: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      tableRadio: null,
+      checkrow: null,
+      rows: [],
+      XLList: [],
+      itemLevelList: [
+        { 'label': '日常', 'value': '01' },
+        { 'label': '一级', 'value': '02' },
+        { 'label': '二级', 'value': '03' }
+      ]
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue) {
+        this.dialogVisible = newValue
+      }
+    }
+  },
+  methods: {
+    clickChange(item) {
+      this.tableRadio = item
+    },
+    changeQuery() {
+      this.crud.toQuery()
+    },
+    formatLevel(row, cloum) {
+      if (row.item_level === '01') {
+        return '日常'
+      } else if (row.item_level === '02') {
+        return '一级'
+      } else if (row.item_level === '03') {
+        return '二级'
+      }
+    },
+    handleSelectionChange(val, row) {
+      if (this.isSingle) {
+        if (val.length > 1) {
+          this.$refs.table.clearSelection()
+          this.$refs.table.toggleRowSelection(val.pop())
+        } else {
+          this.checkrow = row
+        }
+      }
+    },
+    onSelectAll() {
+      this.$refs.table.clearSelection()
+    },
+    close() {
+      this.crud.resetQuery(false)
+      this.$emit('update:dialogShow', false)
+    },
+    submit() {
+      // 处理单选
+      if (this.isSingle && this.tableRadio) {
+        this.$emit('update:dialogShow', false)
+        this.$emit('tableChanged2', this.tableRadio)
+        return
+      }
+      this.rows = this.$refs.table.selection
+      if (this.rows.length <= 0) {
+        this.$message('请先勾选设备')
+        return
+      }
+      this.crud.resetQuery(false)
+      this.$emit('update:dialogShow', false)
+      this.$emit('tableChanged1', this.rows)
+    }
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+::v-deep .el-dialog__body {
+  padding-top: 0px;
+}
+</style>
+

mes/qd/src/views/wms/sb/upkeep/devicemaintenanceplan/index.vue

@@ -0,0 +1,277 @@
+<template>
+  <div class="app-container">
+    <!--工具栏-->
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <!-- 搜索 -->
+        <el-form
+          :inline="true"
+          class="demo-form-inline"
+          label-position="right"
+          label-width="110px"
+          label-suffix=":"
+        >
+          <el-form-item label="设备类别">
+            <treeselect
+              v-model="query.material_type_id"
+              :load-options="loadClass"
+              :options="classes"
+              style="width: 200px;"
+              placeholder="请选择"
+            />
+          </el-form-item>
+          <el-form-item label="设备">
+            <el-input
+              v-model="query.device_code"
+              clearable
+              size="mini"
+              placeholder="请输入设备编码、名称"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="保养周期">
+            <el-select
+              v-model="query.maintenancecycle"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              @change="hand"
+            >
+              <el-option
+                v-for="item in dict.EM_DEVICE_BY_CYCLE"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="计划单号">
+            <el-input
+              v-model="query.maint_plan_code"
+              clearable
+              size="mini"
+              placeholder="请输入计划编码、名称"
+              @keyup.enter.native="crud.toQuery"
+            />
+          </el-form-item>
+          <el-form-item label="计划开始日期">
+            <date-range-picker v-model="query.createTime" class="date-item" />
+          </el-form-item>
+          <el-form-item label="是否启用">
+            <el-select
+              v-model="query.is_active"
+              clearable
+              size="mini"
+              placeholder="请选择"
+              class="filter-item"
+              @change="hand"
+            >
+              <el-option
+                v-for="item in dict.IS_OR_NOT"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <rrOperation />
+        </el-form>
+      </div>
+      <!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
+      <crudOperation :permission="permission">
+        <el-button
+          slot="right"
+          class="filter-item"
+          type="success"
+          icon="el-icon-position"
+          size="mini"
+          :disabled="crud.selections.length !== 1"
+          @click="copyAdd"
+        >
+          复制新增
+        </el-button>
+      </crudOperation>
+      <!--表格渲染-->
+      <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
+        <el-table-column type="selection" width="55" />
+        <el-table-column v-if="false" prop="maint_plan_id" label="设备保养计划标识" />
+        <el-table-column prop="is_active" label="是否启用">
+          <template slot-scope="scope">
+            <el-switch
+              :value="format_is_active(scope.row.is_active)"
+              active-color="#409EFF"
+              inactive-color="#F56C6C"
+              @change="changeEnabled(scope.row, scope.row.is_active)"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column prop="maint_plan_code" label="保养计划单号" width="120px" show-overflow-tooltip />
+        <el-table-column prop="maint_plan_name" label="保养计划名称" width="120px" show-overflow-tooltip />
+        <el-table-column prop="class_name" label="设备类型" />
+        <el-table-column prop="device_code" label="设备编码" />
+        <el-table-column prop="device_name" label="设备名称" />
+        <el-table-column prop="maintenancecycle" label="保养周期" :formatter="formatMainName"/>
+        <el-table-column prop="plan_start_date" label="计划开始日期" width="150px" />
+        <el-table-column prop="real_end_date" label="实际结束日期" width="150px" />
+        <el-table-column prop="remark" label="备注" />
+        <el-table-column prop="create_name" label="创建人姓名" />
+        <el-table-column prop="create_time" label="创建时间" width="150px" />
+        <el-table-column prop="confirm_optname" label="审核人姓名" />
+        <el-table-column prop="confirm_time" label="审核时间" width="150px" />
+        <el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right">
+          <template slot-scope="scope">
+            <udOperation
+              :data="scope.row"
+              :permission="permission"
+            />
+          </template>
+        </el-table-column>
+      </el-table>
+      <!--分页组件-->
+      <pagination />
+    </div>
+    <AddDialog />
+    <CopyAddDialog :dialog-show.sync="copyAddDialog" :open-param="openParam" />
+  </div>
+</template>
+
+<script>
+import crudDevicemaintenanceplanmst from '@/api/wms/sb/devicemaintenanceplanmst'
+import CRUD, { presenter, header, crud } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
+import crudOperation from '@crud/CRUD.operation'
+import udOperation from '@crud/UD.operation'
+import pagination from '@crud/Pagination'
+import crudClassstandard from '@/api/wms/basedata/master/classstandard'
+import Treeselect, { LOAD_CHILDREN_OPTIONS } from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import crudMaterialbase from '@/api/wms/basedata/master/materialbase'
+import DateRangePicker from '@/components/DateRangePicker'
+import AddDialog from '@/views/wms/sb/upkeep/devicemaintenanceplan/AddDialog'
+import CopyAddDialog from '@/views/wms/sb/upkeep/devicemaintenanceplan/CopyAddDialog'
+
+export default {
+  name: 'Devicemaintenanceplan',
+  dicts: ['IS_OR_NOT', 'EM_DEVICE_BY_CYCLE'],
+  components: { AddDialog, pagination, crudOperation, rrOperation, udOperation, Treeselect, DateRangePicker, CopyAddDialog },
+  mixins: [presenter(), header(), crud()],
+  cruds() {
+    return CRUD({
+      title: '设备保养计划维护',
+      url: 'api/devicemaintenanceplanmst',
+      idField: 'maint_plan_id',
+      sort: 'maint_plan_id,desc',
+      crudMethod: { ...crudDevicemaintenanceplanmst },
+      optShow: {
+        add: true,
+        edit: false,
+        del: false,
+        download: false,
+        reset: true
+      }
+    })
+  },
+  data() {
+    return {
+      classes: [],
+      class_idStr: null,
+      tabData: [],
+      materOpt_code: '23',
+      copyAddDialog: false,
+      openParam: null,
+      permission: {
+      }
+    }
+  },
+  created() {
+    const param = {
+      'materOpt_code': this.materOpt_code
+    }
+    crudMaterialbase.getMaterOptType(param).then(res => {
+      this.class_idStr = res.class_idStr
+      this.crud.query.class_idStr = this.class_idStr
+      this.crud.toQuery()
+      this.queryClassId()
+    })
+  },
+  methods: {
+    // 钩子：在获取表格数据之前执行，false 则代表不获取数据
+    [CRUD.HOOK.beforeRefresh]() {
+      return true
+    },
+    hand(value) {
+      this.crud.toQuery()
+    },
+    format_is_active(is_active) {
+      return is_active === '1'
+    },
+    changeEnabled(data, val) {
+      let msg = '此操作将停用保养计划，是否继续！'
+      if (val !== '1') {
+        msg = '此操作将启用保养计划，是否继续！'
+      }
+      this.$confirm(msg, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        crudDevicemaintenanceplanmst.changeActive(data).then(res => {
+          this.crud.toQuery()
+          this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        }).catch(() => {
+          data.is_active = !data.is_active
+        })
+      }).catch(() => {
+      })
+    },
+    formatMainName(row, cloum) {
+      return this.dict.label.EM_DEVICE_BY_CYCLE[row.maintenancecycle]
+    },
+    copyAdd() {
+      const _selectData = this.$refs.table.selection
+      const data = {
+        'maint_plan_id': _selectData[0].maint_plan_id
+      }
+      crudDevicemaintenanceplanmst.getDtl(data).then(res => {
+        this.tabData = res
+        this.openParam = {
+          'form': _selectData[0],
+          'tabData': this.tabData
+        }
+        this.copyAddDialog = true
+      })
+    },
+    loadClass({ action, parentNode, callback }) {
+      if (action === LOAD_CHILDREN_OPTIONS) {
+        crudClassstandard.getClass({ pid: parentNode.id }).then(res => {
+          parentNode.children = res.content.map(function(obj) {
+            if (obj.hasChildren) {
+              obj.children = null
+            }
+            return obj
+          })
+          setTimeout(() => {
+            callback()
+          }, 100)
+        })
+      }
+    },
+    queryClassId() {
+      const param = {
+        'class_idStr': this.class_idStr
+      }
+      crudClassstandard.queryClassById(param).then(res => {
+        this.classes = res.content.map(obj => {
+          if (obj.hasChildren) {
+            obj.children = null
+          }
+          return obj
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>