420项目： 1、大屏车间管理页面新增及编辑时随意输入车间名称调整为选择已有车间 2、增加车间看板拖拽及缩放功能权限功能 3、实现车间看板设备状态数量...

zhaowei

2025-03-04 be590d48f66806716c990bdce18d0ed90bf18797

 src/views/system/WorkshopSignageManagement.vue

@@ -9,7 +9,7 @@
            <a-row :gutter="24">
              <a-col :md="8" :sm="8">
                <a-form-item label="车间名称" :labelCol="{ span: 5 }" :wrapperCol="{ span: 19}">
                  <a-input placeholder="" v-model="queryParam.workshopName"></a-input>
                  <a-input placeholder="请输入车间名称" v-model="queryParam.workshopName"></a-input>
                </a-form-item>
              </a-col>
              <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
@@ -85,7 +85,7 @@
            <a-row :gutter="24">
              <a-col :md="12" :sm="12">
                <a-form-item label="统一编码">
                  <a-input placeholder="" v-model="queryParam2.equipmentId"></a-input>
                  <a-input placeholder="请输入统一编码" v-model="queryParam2.equipmentId"></a-input>
                </a-form-item>
              </a-col>
              <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
@@ -148,7 +148,7 @@
      </a-card>
    </a-col>
    <!-- 表单区域 -->
    <workshop-modal ref="modalForm" @ok="modalFormOk"></workshop-modal>
    <workshop-modal ref="modalForm" @ok="modalFormOk" :workshopList="workshopList"></workshop-modal>
    <!--新增车间-->
    <select-device-drawer ref="selectDeviceDrawer" @selectFinished="selectOK" :title="'添加已有设备'"></select-device-drawer>
    <!--已有设备-->
@@ -161,6 +161,7 @@
import WorkshopModal from './modules/WorkshopModal'
import { filterObj } from '@/utils/util'
import moment from 'moment'
import signageApi from '@/api/signage'

export default {
  name: 'WorkshopSignageManagement',
@@ -179,6 +180,7 @@
      queryParam1: {},
      queryParam2: {},
      dataSource1: [],
      workshopList:[],
      dataSource2: [],
      ipagination1: {
        current: 1,
@@ -232,11 +234,11 @@
          align: 'center',
          scopedSlots: { customRender: 'backgroundImage' },
        },
        {
          title: '设备编号颜色',
          dataIndex: 'equipmentIdColor',
          align: 'center',
        },
        // {
        //   title: '设备编号颜色',
        //   dataIndex: 'equipmentIdColor',
        //   align: 'center',
        // },
        {
          title: '操作',
          dataIndex: 'action',
@@ -294,7 +296,18 @@
      return this.selectedRowKeys1.length === 0 ? 0 : 12
    },
  },
  created(){
     this.getWorkshopListByApi()
  },
  methods: {
    getWorkshopListByApi(){
      const that=this
      signageApi.getWorkshopListApi()
        .then(res=>{
          if(res.success)that.workshopList = res.result
        })
    },

    onSelectChange2(selectedRowKeys, selectionRows) {
      this.selectedRowKeys2 = selectedRowKeys
      this.selectionRows2 = selectionRows