解决打包问题导致树组件以及弹窗组件内容无法正常显示问题，解决方式为将弹窗或相关底部按钮区域样式drawer-bootom-button修改为drawe...

zhuzhuanzhuan

2023-12-15 4f8096a6a14fb145fe15de3be1f34da095973ef8

 src/views/mdc/base/modules/EquipmentList/UserModal.vue

@@ -3,7 +3,7 @@
    :title="title"
    :maskClosable="true"
    :width="drawerWidth"
    @cancel="handleCancel"
    @cancel="visible=false"
    :visible="visible"
    :footer="null"
    style="height: 100%;overflow: auto;padding-bottom: 53px;">
@@ -22,10 +22,10 @@
      <a-form-model ref="form" :form="form" :model="model" :rules="validatorRules">
        <a-row :gutter="24">
          <a-col :span="12">
            <a-form-model-item label="设备编码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="equipmentId">
            <a-form-model-item label="统一编码" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="equipmentId">
              <a-input-search :readOnly="true"
                              v-model="model.equipmentId"
                              :disabled="disSeach"   @search="deviceSearch" enter-button placeholder='请选择设备编码' />
                              :disabled="disSeach"   @search="deviceSearch" enter-button placeholder='请选择统一编码' />
            </a-form-model-item>
          </a-col>
          <a-col :span="12">
@@ -55,9 +55,6 @@
          <a-col :span="12">
            <a-form-model-item label="车间分配" :labelCol="labelCol" :wrapperCol="wrapperCol"  v-show="!productionDisabled" ref="selectedProduction"  prop="selectedProduction">
              <!--<j-select-equipment-production  v-decorator="['selectedProduction',{rules:[{required:true,message:'请选择车间!'}]}]" :multi="false" @back="backProductionInfo" :backProduction="true" :treeProductOpera="true"></j-select-equipment-production>-->



              <j-select-equipment-production :disabled="disableSubmit"  v-model="model.selectedProduction" :multi="false" @back="backProductionInfo" :backProduction="true" :treeProductOpera="true"></j-select-equipment-production>
            </a-form-model-item>

@@ -146,8 +143,8 @@
    </a-spin>


    <div class="drawer-bootom-button" v-show="!disableSubmit">
      <a-popconfirm title="确定放弃操作？" @confirm="handleCancel" okText="确定" cancelText="取消">
    <div class="drawer-bottom-button" v-show="!disableSubmit">
      <a-popconfirm title="确定放弃操作？" @confirm="close" okText="确定" cancelText="取消">
        <a-button style="margin-right: .8rem">取消</a-button>
      </a-popconfirm>
      <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">提交</a-button>
@@ -549,9 +546,7 @@
      //     }
      //   })
      // },
      handleCancel () {
        this.close()
      },

      // validatequipmentId(rule, value, callback){
      //   if(!value){
      //     callback()
@@ -616,7 +611,7 @@
    padding-bottom:10px;
  }

  .drawer-bootom-button {
  .drawer-bottom-button {
    position: absolute;
    bottom: -8px;
    width: 100%;