src/views/dashboard/modules/DncManagerSignage.vue

@@ -12,31 +12,16 @@

    <!-- 右侧两个小卡片 -->
    <div class="right-container">
      <a-card title="三位工艺生成产品结构树" class="right-top-container">
      <a-card title="三维工艺生成产品结构树" class="right-top-container">
        <a slot="extra" href="#" @click="$router.push('/dnc/base/SyncProcessSpecificationInfoList')">更多</a>

        <syncProcessList
          ref="syncProcessList"/>
      </a-card>

      <!--<div class="card top-card">-->
      <!--<h2 class="card-title">三维工艺生成产品结构树</h2>-->
      <!--<h2 class="more-btns" @click="gotoSyncProcessList">更多</h2>-->
      <!--<div class="card-content">-->
      <!--<syncProcessList-->
      <!--ref="syncProcessList"/>-->
      <!--</div>-->
      <!--</div>-->

      <a-card title="派工任务领取">

      </a-card>

      <!--<div class="card bottom-card">-->
      <!--<h2 class="card-title">派工任务领取</h2>-->
      <!--<div class="card-content">-->
      <!--</div>-->
      <!--</div>-->
    </div>
  </div>
</template>

 src/views/dashboard/modules/SyncProcessList.vue

@@ -10,6 +10,12 @@
        :scroll="{ y: 400 }"
      >

        <!--需要超出省略的字段-->
        <template slot="ellipsisText" slot-scope="text">
          <template v-if="(text&&text.length<=10)||!text">{{text}}</template>
          <j-ellipsis v-else :value="text" :length="10"/>
        </template>

        <span slot="action" slot-scope="text, record">
          <a-popconfirm title="确定领取吗?" @confirm="() => handleInspection(record.id)">
            <a>领取</a>
@@ -71,6 +77,7 @@
          title: '工艺规程编号',
          align: "center",
          dataIndex: 'planNumber',
          scopedSlots: { customRender: 'ellipsisText' },
        },
        {
          title: '工艺规程版本',
@@ -80,11 +87,13 @@
        {
          title: '发布时间',
          align: "center",
          dataIndex: 'createTime'
          dataIndex: 'createTime',
          scopedSlots: { customRender: 'ellipsisText' },
        },
        {
          title: '操作',
          align: "center",
          width:100,
          scopedSlots: { customRender: 'action' },
        }
      ]

 src/views/eam/dispose/EamEquipmentLeanOutList.vue

@@ -241,36 +241,6 @@
          dataIndex: 'leanEndTime'
        },
        {
          title: '审核人',
          align: 'center',
          dataIndex: 'approvalUser_dictText'
        },
        {
          title: '审核意见',
          align: 'center',
          dataIndex: 'approvalComment'
        },
        {
          title: '审核时间',
          align: 'center',
          dataIndex: 'approvalTime'
        },
        {
          title: '归还确认人',
          align: 'center',
          dataIndex: 'confirmUser_dictText'
        },
        {
          title: '确认意见',
          align: 'center',
          dataIndex: 'confirmComment'
        },
        {
          title: '确认时间',
          align: 'center',
          dataIndex: 'confirmTime'
        },
        {
          title: '备注',
          align: 'center',
          dataIndex: 'remark'

 src/views/eam/dispose/EamEquipmentTransferList.vue

@@ -20,7 +20,8 @@
          </a-col>
          <a-col :xl="4" :lg="7" :md="8" :sm="24">
            <a-form-item label="变动状态">
              <j-dict-select-tag placeholder="请选择变动状态" dictCode="equipment_transfer_status" v-model="queryParam.transferStatus"
              <j-dict-select-tag placeholder="请选择变动状态" dictCode="equipment_transfer_status"
                                 v-model="queryParam.transferStatus"
                                 allow-clear/>
            </a-form-item>
          </a-col>
@@ -39,10 +40,10 @@
            <span class='table-page-search-submitButtons' style='float: left;overflow: hidden;'>
              <a-button icon='search' type='primary' @click='searchQuery'>查询</a-button>
              <a-button icon='reload' style='margin-left: 8px' type='primary' @click='searchReset'>重置</a-button>
<!--              <a style='margin-left: 8px' @click='handleToggleSearch'>-->
<!--                {{ toggleSearchStatus ? '收起' : '展开' }}-->
<!--                <a-icon :type="toggleSearchStatus ? 'up' : 'down'" />-->
<!--              </a>-->
              <!--              <a style='margin-left: 8px' @click='handleToggleSearch'>-->
              <!--                {{ toggleSearchStatus ? '收起' : '展开' }}-->
              <!--                <a-icon :type="toggleSearchStatus ? 'up' : 'down'" />-->
              <!--              </a>-->
            </span>
          </a-col>

@@ -56,12 +57,12 @@
      <a-dropdown v-if='selectedRowKeys.length > 0'>
        <a-menu slot='overlay'>
          <a-menu-item key='1' @click='batchDel'>
            <a-icon type='delete' />
            <a-icon type='delete'/>
            删除
          </a-menu-item>
        </a-menu>
        <a-button style='margin-left: 8px'> 批量操作
          <a-icon type='down' />
          <a-icon type='down'/>
        </a-button>
      </a-dropdown>
    </div>
@@ -93,10 +94,10 @@
              <a-popconfirm title='确定提交吗?' @confirm='() => handleSubmit(record.id)'>
              <a>提交</a>
            </a-popconfirm>
              <a-divider type='vertical' />
              <a-divider type='vertical'/>

          <a-dropdown>
            <a class='ant-dropdown-link'>更多 <a-icon type='down' /></a>
            <a class='ant-dropdown-link'>更多 <a-icon type='down'/></a>
            <a-menu slot='overlay'>
               <a-menu-item>
                 <a @click='handleEdit(record)'>编辑</a>
@@ -120,225 +121,239 @@

    <!-- 表单区域 -->
    <eamEquipmentTransfer-modal ref='modalForm' @ok='modalFormOk'></eamEquipmentTransfer-modal>

    <!--审批窗口-->
    <equipment-transfer-approval-modal ref="equipmentTransferApprovalModal"
                                       :selectShenpiData="selectRowData"/>
  </a-card>
</template>

<script>
import '@/assets/less/TableExpand.less'
import EamEquipmentTransferModal from './modules/EamEquipmentTransferModal'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import { getAction } from '@api/manage'
import LxSearchEquipmentSelect from '@views/eam/equipment/modules/LxSearchEquipmentSelect.vue'
  import '@/assets/less/TableExpand.less'
  import EamEquipmentTransferModal from './modules/EamEquipmentTransferModal'
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  import { getAction } from '@api/manage'
  import LxSearchEquipmentSelect from '@views/eam/equipment/modules/LxSearchEquipmentSelect.vue'
  import EquipmentTransferApprovalModal from '../../flowable/workflow/transfer/EquipmentTransferApprovalModal'


export default {
  name: 'EamEquipmentTransferList',
  mixins: [JeecgListMixin],
  components: {
    EamEquipmentTransferModal,
    LxSearchEquipmentSelect
  },
  data() {
    return {
      description: '设备归属变动管理页面',
      // 表头
      columns: [
        {
          title: '#',
          dataIndex: '',
          key: 'rowIndex',
          width: 60,
          fixed: 'left',
          align: 'center',
          customRender: function(t, r, index) {
            return parseInt(index) + 1
  export default {
    name: 'EamEquipmentTransferList',
    mixins: [JeecgListMixin],
    components: {
      EquipmentTransferApprovalModal,
      EamEquipmentTransferModal,
      LxSearchEquipmentSelect
    },
    data() {
      return {
        description: '设备归属变动管理页面',
        selectRowData: {},
        // 表头
        columns: [
          {
            title: '#',
            dataIndex: '',
            key: 'rowIndex',
            width: 60,
            fixed: 'left',
            align: 'center',
            customRender: function(t, r, index) {
              return parseInt(index) + 1
            }
          },
          {
            title: '单据号',
            align: 'center',
            fixed: 'left',
            width: 100,
            dataIndex: 'code'
          },
          {
            title: '设备编号',
            align: 'center',
            fixed: 'left',
            width: 100,
            dataIndex: 'equipmentCode'
          },
          {
            title: '设备名称',
            align: 'center',
            fixed: 'left',
            width: 100,
            dataIndex: 'equipmentName'
          },
          {
            title: '调出部门',
            align: 'center',
            dataIndex: 'oldDepartId_dictText'
          },
          {
            title: '调入部门',
            align: 'center',
            dataIndex: 'newDepartId_dictText'
          },
          {
            title: '申请人',
            align: 'center',
            dataIndex: 'reportUser_dictText'
          },
          {
            title: '变动原因',
            align: 'center',
            dataIndex: 'transferReason'
          },
          {
            title: '变动状态',
            align: 'center',
            dataIndex: 'transferStatus_dictText'
          },
          {
            title: '变动日期',
            align: 'center',
            dataIndex: 'transferTime'
          },
          {
            title: '使用单位领导',
            align: 'center',
            dataIndex: 'useLeader_dictText'
          },
          {
            title: '使用单位领导审核类型',
            align: 'center',
            dataIndex: 'useLeaderApprovalDealType_dictText'
          },
          {
            title: '使用单位领导审核意见',
            align: 'center',
            dataIndex: 'useLeaderApprovalComment'
          },
          {
            title: '使用单位领导审核时间',
            align: 'center',
            dataIndex: 'useLeaderApprovalTime'
          },
          {
            title: '调入单位领导',
            align: 'center',
            dataIndex: 'transferLeader_dictText'
          },
          {
            title: '调入单位领导审核类型',
            align: 'center',
            dataIndex: 'transferLeaderApprovalDealType_dictText'
          },
          {
            title: '调入单位领导审核意见',
            align: 'center',
            dataIndex: 'transferLeaderApprovalComment'
          },
          {
            title: '调入单位领导审核时间',
            align: 'center',
            dataIndex: 'transferLeaderApprovalTime'
          },
          {
            title: '机动办确认人',
            align: 'center',
            dataIndex: 'externalConfirm_dictText'
          },
          {
            title: '机动办确认时间',
            align: 'center',
            dataIndex: 'externalConfirmTime'
          },
          {
            title: '是否需要公司领导审批',
            align: 'center',
            dataIndex: 'companyLeaderCheck_dictText'
          },
          {
            title: '公司领导',
            align: 'center',
            dataIndex: 'companyLeader_dictText'
          },
          {
            title: '公司领导审核类型',
            align: 'center',
            dataIndex: 'companyLeaderApprovalDealType_dictText'
          },
          {
            title: '公司领导审核意见',
            align: 'center',
            dataIndex: 'companyLeaderApprovalComment'
          },
          {
            title: '公司领导审核时间',
            align: 'center',
            dataIndex: 'companyLeaderApprovalTime'
          },
          {
            title: '备注',
            align: 'center',
            dataIndex: 'remark'
          },
          {
            title: '操作',
            dataIndex: 'action',
            align: 'center',
            fixed: 'right',
            width: 150,
            scopedSlots: { customRender: 'action' }
          }
        },
        {
          title: '单据号',
          align: 'center',
          fixed: 'left',
          width: 100,
          dataIndex: 'code'
        },
        {
          title: '设备编号',
          align: 'center',
          fixed: 'left',
          width: 100,
          dataIndex: 'equipmentCode'
        },
        {
          title: '设备名称',
          align: 'center',
          fixed: 'left',
          width: 100,
          dataIndex: 'equipmentName'
        },
        {
          title: '调出部门',
          align: 'center',
          dataIndex: 'oldDepartId_dictText'
        },
        {
          title: '调入部门',
          align: 'center',
          dataIndex: 'newDepartId_dictText'
        },
        {
          title: '申请人',
          align: 'center',
          dataIndex: 'reportUser_dictText'
        },
        {
          title: '变动原因',
          align: 'center',
          dataIndex: 'transferReason'
        },
        {
          title: '变动状态',
          align: 'center',
          dataIndex: 'transferStatus_dictText'
        },
        {
          title: '变动日期',
          align: 'center',
          dataIndex: 'transferTime'
        },
        {
          title: '使用单位领导',
          align: 'center',
          dataIndex: 'useLeader_dictText'
        },
        {
          title: '使用单位领导审核类型',
          align: 'center',
          dataIndex: 'useLeaderApprovalDealType_dictText'
        },
        {
          title: '使用单位领导审核意见',
          align: 'center',
          dataIndex: 'useLeaderApprovalComment'
        },
        {
          title: '使用单位领导审核时间',
          align: 'center',
          dataIndex: 'useLeaderApprovalTime'
        },
        {
          title: '调入单位领导',
          align: 'center',
          dataIndex: 'transferLeader_dictText'
        },
        {
          title: '调入单位领导审核类型',
          align: 'center',
          dataIndex: 'transferLeaderApprovalDealType_dictText'
        },
        {
          title: '调入单位领导审核意见',
          align: 'center',
          dataIndex: 'transferLeaderApprovalComment'
        },
        {
          title: '调入单位领导审核时间',
          align: 'center',
          dataIndex: 'transferLeaderApprovalTime'
        },
        {
          title: '机动办确认人',
          align: 'center',
          dataIndex: 'externalConfirm_dictText'
        },
        {
          title: '机动办确认时间',
          align: 'center',
          dataIndex: 'externalConfirmTime'
        },
        {
          title: '是否需要公司领导审批',
          align: 'center',
          dataIndex: 'companyLeaderCheck_dictText'
        },
        {
          title: '公司领导',
          align: 'center',
          dataIndex: 'companyLeader_dictText'
        },
        {
          title: '公司领导审核类型',
          align: 'center',
          dataIndex: 'companyLeaderApprovalDealType_dictText'
        },
        {
          title: '公司领导审核意见',
          align: 'center',
          dataIndex: 'companyLeaderApprovalComment'
        },
        {
          title: '公司领导审核时间',
          align: 'center',
          dataIndex: 'companyLeaderApprovalTime'
        },
        {
          title: '备注',
          align: 'center',
          dataIndex: 'remark'
        },
        {
          title: '操作',
          dataIndex: 'action',
          align: 'center',
          fixed: 'right',
          width: 150,
          scopedSlots: { customRender: 'action' }
        ],
        url: {
          list: '/eam/eamEquipmentTransfer/list',
          delete: '/eam/eamEquipmentTransfer/delete',
          deleteBatch: '/eam/eamEquipmentTransfer/deleteBatch',
          submit: '/eam/eamEquipmentTransfer/submit'
        }
      ],
      url: {
        list: '/eam/eamEquipmentTransfer/list',
        delete: '/eam/eamEquipmentTransfer/delete',
        deleteBatch: '/eam/eamEquipmentTransfer/deleteBatch',
        submit: '/eam/eamEquipmentTransfer/submit'
      }
    }
  },
  computed: {
    importExcelUrl: function() {
      return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
    }
  },
  methods: {
    handleSubmit(id) {
      if (!this.url.submit) {
        this.$message.error('请设置url.submit属性!')
        return
    },
    computed: {
      importExcelUrl: function() {
        return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
      }
      let that = this
      this.loading = true
      getAction(that.url.submit, { id: id }).then((res) => {
        if (res.success) {
          //重新计算分页问题
          that.reCalculatePage(1)
          // that.$message.success(res.message);
          that.$notification.success({
            message: '消息',
            description: res.message
          })
          that.loadData()
        } else {
          // that.$message.warning(res.message);
          that.$notification.warning({
            message: '消息',
            description: res.message
          })
    },
    methods: {
      handleSubmit(id) {
        if (!this.url.submit) {
          this.$message.error('请设置url.submit属性!')
          return
        }
      }).finally(()=>{
        this.loading = false
      })
        let that = this
        this.loading = true
        getAction(that.url.submit, { id: id }).then((res) => {
          if (res.success) {
            //重新计算分页问题
            that.reCalculatePage(1)
            // that.$message.success(res.message);
            that.$notification.success({
              message: '消息',
              description: res.message
            })
            that.loadData()
          } else {
            // that.$message.warning(res.message);
            that.$notification.warning({
              message: '消息',
              description: res.message
            })
          }
        }).finally(() => {
          this.loading = false
        })
      },

      handleDetail(record) {
        this.selectRowData = Object.assign({}, record)
        this.$refs.equipmentTransferApprovalModal.recordDetail(record)
        this.$refs.equipmentTransferApprovalModal.title = '详情'
        this.$refs.equipmentTransferApprovalModal.disableSubmit = true
      }
    }
  }
}
</script>
<style scoped>
@import '~@assets/less/common.less';
  @import '~@assets/less/common.less';
</style>

 src/views/flowable/workflow/FlowTodo.vue

@@ -371,7 +371,7 @@
          title: '流程分类',
          align: 'center',
          dataIndex: 'category_dictText',
          width: 100
          width: 200
        },
        {
          title: '流程名称',
@@ -397,13 +397,13 @@
          title: '前驱节点',
          align: 'center',
          dataIndex: 'preNode',
          width: 200
          width: 250
        },
        {
          title: '当前节点',
          align: 'center',
          dataIndex: 'name',
          width: 200
          width: 250
        },
        {
          title: '当前节点开始时间',

 src/views/flowable/workflow/leanOut/EquipmentLeanOutApprovalModal.vue

@@ -18,7 +18,7 @@
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="code" label="单据号">
              <a-input v-model="model.code" disabled />
              <a-input v-model="model.code" disabled/>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
@@ -28,216 +28,218 @@
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :guitter="24">
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="leanDepartId_dictText" label="借入车间">
              <a-input v-model="model.leanDepartId_dictText" disabled />
              <a-input v-model="model.leanDepartId_dictText" disabled/>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="leanPerson_dictText" label="借用人">
              <a-input v-model="model.leanPerson_dictText" disabled />
              <a-input v-model="model.leanPerson_dictText" disabled/>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="leanReason" label="借用原因">
              <a-textarea v-model="model.leanReason" disabled />
              <a-textarea v-model="model.leanReason" disabled/>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remark" label="备注">
              <a-textarea v-model="model.remark" disabled />
              <a-textarea v-model="model.remark" disabled/>
            </a-form-model-item>
          </a-col>
        </a-row>
        <div v-if="approvalDisable">
          <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 管理员审批

        <div v-if="leanOutApprovalDisable">
          <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 使用车间出厂审批
          </a-divider>
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="approvalDealType" label="审批类型">
                <j-dict-select-tag type="radio" v-model="model.approvalDealType" dictCode="approved_rejected"
                                   placeholder="请选择处理类型" :disabled="disableSubmit || initialAcceptanceDisable" />
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="useApprovalDealType" label="审批类型">
                <j-dict-select-tag type="radio" v-model="model.useApprovalDealType" dictCode="approved_rejected"
                                   placeholder="请选择处理类型"
                                   :disabled="disableSubmit || model.leanStatus!=='WAIT_APPROVAL_OUT'"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="12">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="approvalComment" label="确认意见">
                <a-textarea placeholder="请输入确认意见" v-model="model.approvalComment"
                            :disabled="disableSubmit || returnDisable" />
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="useApprovalComment" label="确认意见">
                <a-textarea placeholder="请输入确认意见" v-model="model.useApprovalComment"
                            :disabled="disableSubmit || model.leanStatus!=='WAIT_APPROVAL_OUT'"/>
              </a-form-model-item>
            </a-col>
          </a-row>
        </div>
<!--        <div v-if="returnDisable">-->
<!--          <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 归还信息-->
<!--          </a-divider>-->
<!--          <a-row :gutter="24">-->
<!--            <a-col :span="24">-->
<!--              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="returnComment"-->
<!--                                 label="归还备注">-->
<!--                <a-textarea placeholder="请输入归还备注" v-model="model.returnComment"-->
<!--                            :disabled="disableSubmit || confirmDisable" />-->
<!--              </a-form-model-item>-->
<!--            </a-col>-->
<!--          </a-row>-->
<!--        </div>-->

        <div v-if="leanInApprovalDisable">
          <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 借用车间出厂审批
          </a-divider>
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="leanOutApprovalDealType" label="审批类型">
                <j-dict-select-tag type="radio" v-model="model.leanOutApprovalDealType" dictCode="approved_rejected"
                                   placeholder="请选择处理类型"
                                   :disabled="disableSubmit || model.leanStatus!=='WAIT_APPROVAL_IN'"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="12">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="leanOutApprovalComment" label="确认意见">
                <a-textarea placeholder="请输入确认意见" v-model="model.leanOutApprovalComment"
                            :disabled="disableSubmit || model.leanStatus!=='WAIT_APPROVAL_IN'"/>
              </a-form-model-item>
            </a-col>
          </a-row>
        </div>
      </a-form-model>
    </a-spin>
  </j-modal>
</template>

<script>
import { getAction, httpAction } from '@/api/manage'
import LxSearchEquipmentSelect from '@views/eam/equipment/modules/LxSearchEquipmentSelect.vue'
  import { getAction, httpAction } from '@/api/manage'
  import LxSearchEquipmentSelect from '@views/eam/equipment/modules/LxSearchEquipmentSelect.vue'

export default {
  name: 'EquipmentLeanOutApprovalModal',
  components: {
    LxSearchEquipmentSelect
  },
  props: {
    selectShenpiData: {
      type: Object
    }
  },
  data() {
    return {
      title: '操作',
      visible: false,
      editable: false,
      model: {},
      treeData: [],
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 }
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 18 }
      },
      labelColLong: {
        xs: { span: 24 },
        sm: { span: 2 }
      },
      wrapperColLong: {
        xs: { span: 24 },
        sm: { span: 21 }
      },
      confirmLoading: false,
      spinning: false,
      imageSrc: null,
      validatorRules: {
        approvalDealType: [
          { required: true, message: '请选择通过或驳回!' }
        ],
        approvalComment: [
          { required: true, message: '请输入审批意见!' }
        ],
        returnComment: [
          { required: true, message: '请输入归还备注!' }
        ],
        confirmComment: [
          { required: true, message: '请输入确认意见!' }
        ]
      },
      url: {
        queryById: '/eam/eamEquipmentLeanOut/queryById',
        approval: '/eam/eamEquipmentLeanOut/approval',
        loadProductionOptions: '/mdc/mdcProduction/loadProductionTreeOptions'
      },
      disableSubmit: false
    }
  },
  created() {
    this.loadAllProductionTree()
  },
  computed: {
    approvalDisable: function() {
      return ['WAIT_APPROVAL', 'WAIT_RETURN', 'WAIT_CONFIRM', 'COMPLETE'].includes(this.model.leanStatus)
  export default {
    name: 'EquipmentLeanOutApprovalModal',
    components: {
      LxSearchEquipmentSelect
    },
    returnDisable: function() {
      return ['WAIT_RETURN', 'WAIT_CONFIRM', 'COMPLETE'].includes(this.model.leanStatus)
    props: {
      selectShenpiData: {
        type: Object
      }
    },
    confirmDisable: function() {
      return ['WAIT_CONFIRM', 'COMPLETE'].includes(this.model.leanStatus)
    data() {
      return {
        title: '操作',
        visible: false,
        editable: false,
        model: {},
        treeData: [],
        labelCol: {
          xs: { span: 24 },
          sm: { span: 5 }
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 18 }
        },
        labelColLong: {
          xs: { span: 24 },
          sm: { span: 2 }
        },
        wrapperColLong: {
          xs: { span: 24 },
          sm: { span: 21 }
        },
        confirmLoading: false,
        spinning: false,
        imageSrc: null,
        validatorRules: {
          useApprovalDealType: [
            { required: true, message: '请选择通过或驳回!' }
          ],
          leanOutApprovalDealType: [
            { required: true, message: '请选择通过或驳回!' }
          ],
          useApprovalComment: [
            { required: true, message: '请输入审批意见!' }
          ],
          leanOutApprovalComment: [
            { required: true, message: '请输入审批意见!' }
          ],
        },
        url: {
          queryById: '/eam/eamEquipmentLeanOut/queryById',
          approval: '/eam/eamEquipmentLeanOut/approval',
          loadProductionOptions: '/mdc/mdcProduction/loadProductionTreeOptions'
        },
        disableSubmit: false
      }
    },
    completionDisable: function() {
      return ['COMPLETE'].includes(this.model.leanStatus)
    }
  },
  methods: {
    async handleDetail(item) {
      this.initParams()
      this.model = {}
      let res = await getAction(this.url.queryById, { id: item.dataId })
      this.model = Object.assign({}, res.result)
      this.model.dataId = item.dataId
      this.model.taskId = item.id
      this.model.userId = item.assignee
      this.model.instanceId = item.procInstId
      this.model.values = item.variables
      this.spinning = false;
    created() {
      this.loadAllProductionTree()
    },
    computed: {
      leanOutApprovalDisable: function() {
        return ['WAIT_APPROVAL_OUT', 'WAIT_APPROVAL_IN', 'COMPLETE'].includes(this.model.leanStatus)
      },
      leanInApprovalDisable: function() {
        return ['WAIT_APPROVAL_IN', 'COMPLETE'].includes(this.model.leanStatus)
      }
    },
    methods: {
      async handleDetail(item) {
        this.initParams()
        this.model = {}
        let res = await getAction(this.url.queryById, { id: item.dataId })
        this.model = Object.assign({}, res.result)
        this.model.dataId = item.dataId
        this.model.taskId = item.id
        this.model.userId = item.assignee
        this.model.instanceId = item.procInstId
        this.model.values = item.variables
        this.spinning = false
      },

    recordDetail(record) {
      console.log('record', record)
      this.initParams()
      this.model = Object.assign({}, record)
    },
      recordDetail(record) {
        console.log('record', record)
        this.initParams()
        this.model = Object.assign({}, record)
      },

    initParams() {
      this.visible = true
      this.spinning = true
    },
      initParams() {
        this.visible = true
        this.spinning = true
      },

    async handleOk() {
      const that = this
      // 触发表单验证
      this.$refs.form.validate(valid => {
        if (valid) {
          that.confirmLoading = that.spinning = true
          let httpurl = this.url.approval
          let method = 'put'
          httpAction(httpurl, this.model, method).then((res) => {
            if (res.success) {
              that.$message.success(res.message)
              that.$emit('searchReset')
              that.close()
            } else {
              that.$message.warning(res.message)
            }
          }).finally(() => {
            that.confirmLoading = that.spinning = false
          })
        } else {
          return false
        }
      })
    },
    handleCancel() {
      this.close()
    },
      async handleOk() {
        const that = this
        // 触发表单验证
        this.$refs.form.validate(valid => {
          if (valid) {
            that.confirmLoading = that.spinning = true
            let httpurl = this.url.approval
            let method = 'put'
            httpAction(httpurl, this.model, method).then((res) => {
              if (res.success) {
                that.$message.success(res.message)
                that.$emit('searchReset')
                that.close()
              } else {
                that.$message.warning(res.message)
              }
            }).finally(() => {
              that.confirmLoading = that.spinning = false
            })
          } else {
            return false
          }
        })
      },
      handleCancel() {
        this.close()
      },

    close() {
      this.$emit('close')
      this.visible = false
      this.$refs.form.clearValidate()
    },
    loadAllProductionTree() {
      //加载车间选择树
      getAction(this.url.loadProductionOptions).then(res => {
        if (res.success) {
          this.treeData = [...res.result]
        } else {
          that.$message.warning(res.message)
        }
      })
      close() {
        this.$emit('close')
        this.visible = false
        if (this.$refs.form) this.$refs.form.clearValidate()
      },
      loadAllProductionTree() {
        //加载车间选择树
        getAction(this.url.loadProductionOptions).then(res => {
          if (res.success) {
            this.treeData = [...res.result]
          } else {
            this.$message.warning(res.message)
          }
        })
      }
    }
  }
}
</script>

<style lang="less" scoped>

 src/views/flowable/workflow/leanOut/EquipmentReturnApprovalModal.vue

@@ -18,7 +18,7 @@
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="code" label="单据号">
              <a-input v-model="model.code" disabled />
              <a-input v-model="model.code" disabled/>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
@@ -28,39 +28,107 @@
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :guitter="24">
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="leanDepartId_dictText" label="借入车间">
              <a-input v-model="model.leanDepartId_dictText" disabled />
              <a-input v-model="model.leanDepartId_dictText" disabled/>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="leanPerson_dictText" label="借用人">
              <a-input v-model="model.leanPerson_dictText" disabled />
              <a-input v-model="model.leanPerson_dictText" disabled/>
            </a-form-model-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="leanReason" label="借用原因">
              <a-textarea v-model="model.leanReason" disabled />
              <a-textarea v-model="model.leanReason" disabled/>
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remark" label="备注">
              <a-textarea v-model="model.remark" disabled />
              <a-textarea v-model="model.remark" disabled/>
            </a-form-model-item>
          </a-col>
        </a-row>
        <div v-if="confirmDisable">
          <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 管理员确认

        <div>
          <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 使用车间出厂审批
          </a-divider>
          <a-row :gutter="24">
            <a-col :span="24">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="confirmComment"
            <a-col :span="12">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="审批类型">
                <j-dict-select-tag type="radio" v-model="model.useApprovalDealType" dictCode="approved_rejected"
                                   placeholder="请选择处理类型" disabled/>
              </a-form-model-item>
            </a-col>
            <a-col :span="12">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="确认意见">
                <a-textarea placeholder="请输入确认意见" v-model="model.useApprovalComment" disabled/>
              </a-form-model-item>
            </a-col>
          </a-row>
        </div>

        <div>
          <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 借用车间出厂审批
          </a-divider>
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="审批类型">
                <j-dict-select-tag type="radio" v-model="model.leanOutApprovalDealType" dictCode="approved_rejected"
                                   placeholder="请选择处理类型" disabled/>
              </a-form-model-item>
            </a-col>
            <a-col :span="12">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol"
                                 label="确认意见">
                <a-textarea placeholder="请输入意见" v-model="model.confirmComment"
                            :disabled="disableSubmit || completionDisable" />
                <a-textarea placeholder="请输入确认意见" v-model="model.leanOutApprovalComment" disabled/>
              </a-form-model-item>
            </a-col>
          </a-row>
        </div>

        <div v-if="returnConfirmApprovalDisable">
          <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 借用车间归还确认
          </a-divider>
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="leanOutConfirmDealType"
                                 label="审批类型">
                <j-dict-select-tag type="radio" v-model="model.leanOutConfirmDealType" dictCode="approved_rejected"
                                   placeholder="请选择处理类型"
                                   :disabled="disableSubmit||model.leanStatus!=='WAIT_CONFIRM_RETURN'"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="12">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="leanOutConfirmComment"
                                 label="确认意见">
                <a-textarea placeholder="请输入意见" v-model="model.leanOutConfirmComment"
                            :disabled="disableSubmit||model.leanStatus!=='WAIT_CONFIRM_RETURN'"/>
              </a-form-model-item>
            </a-col>
          </a-row>
        </div>

        <div v-if="borrowConfirmApprovalDisable">
          <a-divider orientation="center" style="font-size: large;font-style: italic;color: #66aeed;"> 使用车间归还确认
          </a-divider>
          <a-row :gutter="24">
            <a-col :span="12">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="useConfirmDealType"
                                 label="审批类型">
                <j-dict-select-tag type="radio" v-model="model.useConfirmDealType" dictCode="approved_rejected"
                                   placeholder="请选择处理类型"
                                   :disabled="disableSubmit||model.leanStatus!=='WAIT_CONFIRM_BORROW'"/>
              </a-form-model-item>
            </a-col>
            <a-col :span="12">
              <a-form-model-item :labelCol="labelCol" :wrapperCol="wrapperCol" prop="useConfirmComment"
                                 label="确认意见">
                <a-textarea placeholder="请输入意见" v-model="model.useConfirmComment"
                            :disabled="disableSubmit||model.leanStatus!=='WAIT_CONFIRM_BORROW'"/>
              </a-form-model-item>
            </a-col>
          </a-row>
@@ -71,154 +139,148 @@
</template>

<script>
import { getAction, httpAction } from '@/api/manage'
import LxSearchEquipmentSelect from '@views/eam/equipment/modules/LxSearchEquipmentSelect.vue'
  import { getAction, httpAction } from '@/api/manage'
  import LxSearchEquipmentSelect from '@views/eam/equipment/modules/LxSearchEquipmentSelect.vue'

export default {
  name: 'EquipmentLeanOutApprovalModal',
  components: {
    LxSearchEquipmentSelect
  },
  props: {
    selectShenpiData: {
      type: Object
    }
  },
  data() {
    return {
      title: '操作',
      visible: false,
      editable: false,
      model: {},
      treeData: [],
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 }
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 18 }
      },
      labelColLong: {
        xs: { span: 24 },
        sm: { span: 2 }
      },
      wrapperColLong: {
        xs: { span: 24 },
        sm: { span: 21 }
      },
      confirmLoading: false,
      spinning: false,
      imageSrc: null,
      validatorRules: {
        approvalDealType: [
          { required: true, message: '请选择通过或驳回!' }
        ],
        approvalComment: [
          { required: true, message: '请输入审批意见!' }
        ],
        returnComment: [
          { required: true, message: '请输入归还备注!' }
        ],
        confirmComment: [
          { required: true, message: '请输入确认意见!' }
        ]
      },
      url: {
        queryById: '/eam/eamEquipmentLeanOut/queryById',
        approval: '/eam/eamEquipmentLeanOut/approval',
        loadProductionOptions: '/mdc/mdcProduction/loadProductionTreeOptions'
      },
      disableSubmit: false
    }
  },
  created() {
    this.loadAllProductionTree()
  },
  computed: {
    approvalDisable: function() {
      return ['WAIT_APPROVAL', 'WAIT_RETURN', 'WAIT_CONFIRM', 'COMPLETE'].includes(this.model.leanStatus)
  export default {
    name: 'EquipmentLeanOutApprovalModal',
    components: {
      LxSearchEquipmentSelect
    },
    returnDisable: function() {
      return ['WAIT_RETURN', 'WAIT_CONFIRM', 'COMPLETE'].includes(this.model.leanStatus)
    props: {
      selectShenpiData: {
        type: Object
      }
    },
    confirmDisable: function() {
      return ['WAIT_CONFIRM', 'COMPLETE'].includes(this.model.leanStatus)
    data() {
      return {
        title: '操作',
        visible: false,
        editable: false,
        model: {},
        treeData: [],
        labelCol: {
          xs: { span: 24 },
          sm: { span: 5 }
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 18 }
        },
        labelColLong: {
          xs: { span: 24 },
          sm: { span: 2 }
        },
        wrapperColLong: {
          xs: { span: 24 },
          sm: { span: 21 }
        },
        confirmLoading: false,
        spinning: false,
        imageSrc: null,
        validatorRules: {
          leanOutConfirmDealType: [
            { required: true, message: '请选择通过或驳回!' }
          ],
          leanOutConfirmComment: [
            { required: true, message: '请输入确认意见!' }
          ],
          useConfirmDealType: [
            { required: true, message: '请选择通过或驳回!' }
          ],
          useConfirmComment: [
            { required: true, message: '请输入确认意见!' }
          ]
        },
        url: {
          queryById: '/eam/eamEquipmentLeanOut/queryById',
          approval: '/eam/eamEquipmentLeanOut/approval',
          loadProductionOptions: '/mdc/mdcProduction/loadProductionTreeOptions'
        },
        disableSubmit: false
      }
    },
    completionDisable: function() {
      return ['COMPLETE'].includes(this.model.leanStatus)
    }
  },
  methods: {
    async handleDetail(item) {
      this.initParams()
      this.model = {}
      let res = await getAction(this.url.queryById, { id: item.dataId })
      this.model = Object.assign({}, res.result)
      this.model.dataId = item.dataId
      this.model.taskId = item.id
      this.model.userId = item.assignee
      this.model.instanceId = item.procInstId
      this.model.values = item.variables
      this.spinning = false;
    created() {
      this.loadAllProductionTree()
    },
    computed: {
      returnConfirmApprovalDisable: function() {
        return ['WAIT_CONFIRM_RETURN', 'WAIT_CONFIRM_BORROW', 'COMPLETE'].includes(this.model.leanStatus)
      },
      borrowConfirmApprovalDisable: function() {
        return ['WAIT_CONFIRM_BORROW', 'COMPLETE'].includes(this.model.leanStatus)
      }
    },
    methods: {
      async handleDetail(item) {
        this.initParams()
        this.model = {}
        let res = await getAction(this.url.queryById, { id: item.dataId })
        this.model = Object.assign({}, res.result)
        this.model.dataId = item.dataId
        this.model.taskId = item.id
        this.model.userId = item.assignee
        this.model.instanceId = item.procInstId
        this.model.values = item.variables
        this.spinning = false
      },

    recordDetail(record) {
      console.log('record', record)
      this.initParams()
      this.model = Object.assign({}, record)
    },
      recordDetail(record) {
        console.log('record', record)
        this.initParams()
        this.model = Object.assign({}, record)
      },

    initParams() {
      this.visible = true
      this.spinning = true
    },
      initParams() {
        this.visible = true
        this.spinning = true
      },

    async handleOk() {
      const that = this
      // 触发表单验证
      this.$refs.form.validate(valid => {
        if (valid) {
          that.confirmLoading = that.spinning = true
          let httpurl = this.url.approval
          let method = 'put'
          httpAction(httpurl, this.model, method).then((res) => {
            if (res.success) {
              that.$message.success(res.message)
              that.$emit('searchReset')
              that.close()
            } else {
              that.$message.warning(res.message)
            }
          }).finally(() => {
            that.confirmLoading = that.spinning = false
          })
        } else {
          return false
        }
      })
    },
    handleCancel() {
      this.close()
    },
      async handleOk() {
        const that = this
        // 触发表单验证
        this.$refs.form.validate(valid => {
          if (valid) {
            that.confirmLoading = that.spinning = true
            let httpurl = this.url.approval
            let method = 'put'
            httpAction(httpurl, this.model, method).then((res) => {
              if (res.success) {
                that.$message.success(res.message)
                that.$emit('searchReset')
                that.close()
              } else {
                that.$message.warning(res.message)
              }
            }).finally(() => {
              that.confirmLoading = that.spinning = false
            })
          } else {
            return false
          }
        })
      },
      handleCancel() {
        this.close()
      },

    close() {
      this.$emit('close')
      this.visible = false
      this.$refs.form.clearValidate()
    },
    loadAllProductionTree() {
      //加载车间选择树
      getAction(this.url.loadProductionOptions).then(res => {
        if (res.success) {
          this.treeData = [...res.result]
        } else {
          that.$message.warning(res.message)
        }
      })
      close() {
        this.$emit('close')
        this.visible = false
        this.$refs.form.clearValidate()
      },
      loadAllProductionTree() {
        //加载车间选择树
        getAction(this.url.loadProductionOptions).then(res => {
          if (res.success) {
            this.treeData = [...res.result]
          } else {
            that.$message.warning(res.message)
          }
        })
      }
    }
  }
}
</script>

<style lang="less" scoped>

 src/views/flowable/workflow/transfer/EquipmentTransferApprovalModal.vue

@@ -293,19 +293,19 @@
      treeData: [],
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 }
        sm: { span: 6 }
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 18 }
        sm: { span: 16 }
      },
      labelColLong: {
        xs: { span: 24 },
        sm: { span: 2 }
        sm: { span: 3 }
      },
      wrapperColLong: {
        xs: { span: 24 },
        sm: { span: 21 }
        sm: { span: 20 }
      },
      confirmLoading: false,
      spinning: false,
@@ -380,6 +380,7 @@
      console.log('record', record)
      this.initParams()
      this.model = Object.assign({}, record)
      this.spinning = false
    },

    initParams() {