add:新增还原炉接驳台、解包机、拆封盖机交互启用禁用功能

acs/acs2/nladmin-ui/src/api/acs/device/deviceEnableInter.js

@@ -0,0 +1,42 @@
+import request from '@/utils/request'
+
+export function add(data) {
+  return request({
+    url: 'api/deviceEnableInter',
+    method: 'post',
+    data
+  })
+}
+
+export function del(ids) {
+  return request({
+    url: 'api/deviceEnableInter',
+    method: 'delete',
+    data: ids
+  })
+}
+
+export function edit(data) {
+  return request({
+    url: 'api/deviceEnableInter',
+    method: 'put',
+    data
+  })
+}
+
+export function batchEdit(data) {
+  return request({
+    url: 'api/deviceEnableInter/batch',
+    method: 'put',
+    data
+  })
+}
+
+export function findByDeviceCode(deviceCode) {
+  return request({
+    url: 'api/deviceEnableInter/deviceCode/' + deviceCode,
+    method: 'get'
+  })
+}
+
+export default { add, edit, del, findByDeviceCode, batchEdit }

acs/acs2/nladmin-ui/src/views/acs/device/deviceEnableInter/index.vue

@@ -0,0 +1,314 @@
+<template>
+  <div class="app-container">
+    <div class="head-container">
+      <div v-if="crud.props.searchToggle">
+        <label class="el-form-item-label">设备编码</label>
+        <el-input
+          v-model="query.device_code"
+          clearable
+          placeholder="设备编码"
+          style="width: 185px;"
+          class="filter-item"
+          @keyup.enter.native="crud.toQuery"
+        />
+        <label class="el-form-item-label">启用交互</label>
+        <el-select
+          v-model="query.enable_inter"
+          clearable
+          placeholder="启用交互"
+          style="width: 120px;"
+          class="filter-item"
+          @change="crud.toQuery"
+        >
+          <el-option
+            v-for="item in enableInterOptions"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+        <rrOperation :crud="crud" />
+      </div>
+
+      <crudOperation :permission="permission">
+        <el-button
+          slot="left"
+          v-permission="permission.add"
+          class="filter-item"
+          size="mini"
+          type="primary"
+          icon="el-icon-plus"
+          @click="crud.toAdd"
+        >
+          新增
+        </el-button>
+        <el-button
+          slot="left"
+          v-permission="permission.edit"
+          class="filter-item"
+          size="mini"
+          type="warning"
+          icon="el-icon-refresh"
+          :disabled="crud.selections.length === 0"
+          @click="openBatchDialog"
+        >
+          批量启停
+        </el-button>
+      </crudOperation>
+
+      <el-dialog
+        :close-on-click-modal="false"
+        :before-close="crud.cancelCU"
+        :visible.sync="crud.status.cu > 0"
+        :title="crud.status.title"
+        width="500px"
+      >
+        <el-form ref="form" :model="form" :rules="rules" size="small" label-width="120px">
+          <el-form-item label="设备编码" prop="device_code">
+            <el-select
+              v-model="form.device_code"
+              filterable
+              placeholder="请选择设备"
+              style="width: 300px;"
+              :disabled="crud.status.edit === 1"
+            >
+              <el-option
+                v-for="item in deviceList"
+                :key="item.device_code"
+                :label="item.device_code"
+                :value="item.device_code"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="启用交互" prop="enable_inter">
+            <el-radio-group v-model="form.enable_inter">
+              <el-radio
+                v-for="item in enableInterOptions"
+                :key="item.value"
+                :label="item.value"
+              >{{ item.label }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="备注" prop="remark">
+            <el-input
+              v-model="form.remark"
+              type="textarea"
+              :rows="3"
+              style="width: 300px;"
+              placeholder="请输入备注"
+            />
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="text" @click="crud.cancelCU">取消</el-button>
+          <el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
+        </div>
+      </el-dialog>
+
+      <el-dialog
+        :close-on-click-modal="false"
+        :visible.sync="batchDialogVisible"
+        title="批量启停"
+        width="500px"
+      >
+        <el-form ref="batchForm" :model="batchForm" :rules="batchRules" size="small" label-width="120px">
+          <el-form-item label="已选设备">
+            <span>{{ selectedDeviceCodes }}</span>
+          </el-form-item>
+          <el-form-item label="启用交互" prop="enable_inter">
+            <el-radio-group v-model="batchForm.enable_inter">
+              <el-radio
+                v-for="item in enableInterOptions"
+                :key="item.value"
+                :label="item.value"
+              >{{ item.label }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="备注" prop="remark">
+            <el-input
+              v-model="batchForm.remark"
+              type="textarea"
+              :rows="4"
+              style="width: 300px;"
+              placeholder="请输入备注"
+            />
+          </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="text" @click="batchDialogVisible = false">取消</el-button>
+          <el-button :loading="batchLoading" type="primary" @click="submitBatchUpdate">确认</el-button>
+        </div>
+      </el-dialog>
+
+      <el-table
+        ref="table"
+        v-loading="crud.loading"
+        :data="crud.data"
+        size="small"
+        style="width: 100%;"
+        @selection-change="crud.selectionChangeHandler"
+      >
+        <el-table-column type="selection" width="55" />
+        <el-table-column prop="device_code" label="设备编码" />
+        <el-table-column prop="enable_inter" label="启用交互">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.enable_inter === '1' ? 'success' : 'info'" size="mini">
+              {{ scope.row.enable_inter === '1' ? '是' : '否' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="remark" label="备注" show-overflow-tooltip />
+        <el-table-column prop="update_by" label="修改人" />
+        <el-table-column prop="update_time" label="修改时间" width="180" />
+        <el-table-column
+          v-permission="['admin','deviceEnableInter:edit','deviceEnableInter:del']"
+          label="操作"
+          width="150px"
+          align="center"
+        >
+          <template slot-scope="scope">
+            <udOperation
+              :data="scope.row"
+              :permission="permission"
+            />
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination />
+    </div>
+  </div>
+</template>
+
+<script>
+import crudDeviceEnableInter from '@/api/acs/device/deviceEnableInter'
+import deviceCrud from '@/api/acs/device/device'
+import CRUD, { crud, form, header, presenter } 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'
+
+const defaultForm = {
+  id: null,
+  device_code: null,
+  enable_inter: '0',
+  remark: null,
+  update_by: null,
+  update_time: null
+}
+
+export default {
+  name: 'DeviceEnableInter',
+  components: { pagination, crudOperation, rrOperation, udOperation },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  cruds() {
+    return CRUD({
+      title: '设备交互启用配置',
+      url: 'api/deviceEnableInter',
+      idField: 'id',
+      sort: 'id,desc',
+      optShow: {
+        add: false,
+        del: false
+      },
+      crudMethod: { ...crudDeviceEnableInter }
+    })
+  },
+  data() {
+    return {
+      permission: {
+        add: ['admin', 'deviceEnableInter:add'],
+        edit: ['admin', 'deviceEnableInter:edit'],
+        del: ['admin', 'deviceEnableInter:del']
+      },
+      batchDialogVisible: false,
+      batchLoading: false,
+      batchForm: {
+        enable_inter: '1',
+        remark: null
+      },
+      deviceList: [],
+      enableInterOptions: [
+        { label: '否', value: '0' },
+        { label: '是', value: '1' }
+      ],
+      batchRules: {
+        enable_inter: [
+          { required: true, message: '启用交互不能为空', trigger: 'change' }
+        ],
+        remark: [
+          { required: true, message: '备注不能为空', trigger: 'blur' }
+        ]
+      },
+      rules: {
+        device_code: [
+          { required: true, message: '设备编码不能为空', trigger: 'change' }
+        ],
+        enable_inter: [
+          { required: true, message: '启用交互不能为空', trigger: 'change' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.$nextTick(() => {
+      deviceCrud.selectDeviceList().then(data => {
+        this.deviceList = data
+      })
+    })
+  },
+  computed: {
+    selectedDeviceCodes() {
+      if (!this.crud.selections || this.crud.selections.length === 0) {
+        return '未选择设备'
+      }
+      return this.crud.selections.map(item => item.device_code).join('、')
+    }
+  },
+  methods: {
+    [CRUD.HOOK.beforeRefresh]() {
+      return true
+    },
+    openBatchDialog() {
+      if (this.crud.selections.length === 0) {
+        this.$message.warning('请先勾选需要操作的数据')
+        return
+      }
+      this.batchForm = {
+        enable_inter: '1',
+        remark: null
+      }
+      this.batchDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.batchForm && this.$refs.batchForm.clearValidate()
+      })
+    },
+    submitBatchUpdate() {
+      this.$refs.batchForm.validate(valid => {
+        if (!valid) {
+          return
+        }
+        this.batchLoading = true
+        const ids = this.crud.selections.map(item => item.id)
+        crudDeviceEnableInter.batchEdit({
+          ids,
+          enable_inter: this.batchForm.enable_inter,
+          remark: this.batchForm.remark
+        }).then(() => {
+          this.batchDialogVisible = false
+          this.crud.notify('批量更新成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+          this.crud.refresh()
+          this.crud.selections = []
+        }).finally(() => {
+          this.batchLoading = false
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>