除生产管理外 其它页面能适应小屏

loulijun2021

2022-07-04 991a63234bba49da5a22d0f64ae15837d3253829

 src/views/zzmx/chda.vue

@@ -103,20 +103,17 @@
          />
          <el-table-column
            prop="partcode"
            show-overflow-tooltip
            label="物料编码"
            sortable="custom"
          />
          <el-table-column
            prop="partname"
            show-overflow-tooltip
            label="物料名称"
            sortable="custom"
          />
          <el-table-column
            prop="partspec"
            label="物料规格"
            show-overflow-tooltip
            width="110"
            sortable="custom"
          />
@@ -139,7 +136,6 @@
          <el-table-column
            prop="stck_name"
            label="仓库名称"
            show-overflow-tooltip
            sortable="custom"
          />
          <el-table-column
@@ -163,7 +159,6 @@
          <el-table-column
            prop="lm_date"
            label="创建时间"
            show-overflow-tooltip
            sortable="custom"
          />
          <el-table-column
@@ -206,26 +201,26 @@
      :close-on-click-modal="false"
      :title="operation==='add'?'新增':'编辑'"
      :visible.sync="dialogVisible"
      width="50%"
      width="65%"
      top="15vh"
      @closed="handleClose"
      @close="handleClose"
    >
      <el-form ref="dialogForm" inline :rules="dialogFormRules" :model="dialogForm" label-width="80px">
        <el-form-item label="物料编码" prop="materialcode">
          <el-input v-model="dialogForm.materialcode" :disabled="operation!=='add'" style="width: 220px" />
          <el-input v-model="dialogForm.materialcode" :disabled="operation!=='add'" style="width: 200px" />
        </el-form-item>
        <el-form-item label="物料名称" prop="materialname">
          <el-input v-model="dialogForm.materialname" style="width: 220px" />
          <el-input v-model="dialogForm.materialname" style="width: 200px" />
        </el-form-item>
        <el-form-item label="物料规格" prop="materialspec">
          <el-input v-model="dialogForm.materialspec" style="width: 220px" />
          <el-input v-model="dialogForm.materialspec" style="width: 200px" />
        </el-form-item>
        <el-form-item label="使用单位" prop="uomcode">
          <el-select
            v-model="dialogForm.uomcode"
            :popper-append-to-body="false"
            style="width: 220px"
            style="width: 200px"
            placeholder="请选择"
          >
            <el-option
@@ -240,7 +235,7 @@
          <el-select
            v-model="dialogForm.warehousecode"
            :popper-append-to-body="false"
            style="width: 220px"
            style="width: 200px"
            placeholder="请选择"
          >
            <el-option
@@ -255,7 +250,7 @@
          <el-select
            v-model="dialogForm.stocktypecode"
            :popper-append-to-body="false"
            style="width: 220px"
            style="width: 200px"
            placeholder="请选择"
            @change="val=>stocktypecodeChange(val,'dialogForm')"
          >
@@ -271,7 +266,7 @@
          <el-select
            v-model="dialogForm.materialtypecode"
            :popper-append-to-body="false"
            style="width: 220px"
            style="width: 200px"
            :disabled="dialogForm.stocktypecode===''"
            placeholder="请选择"
          >
@@ -284,10 +279,10 @@
          </el-select>
        </el-form-item>
        <el-form-item label="最小库存" prop="minstockqty">
          <el-input v-model="dialogForm.minstockqty" style="width: 220px" />
          <el-input v-model="dialogForm.minstockqty" style="width: 200px" />
        </el-form-item>
        <el-form-item label="最大库存" prop="maxstockqty">
          <el-input v-model="dialogForm.maxstockqty" style="width: 220px" />
          <el-input v-model="dialogForm.maxstockqty" style="width: 200px" />
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
@@ -303,7 +298,7 @@
      :close-on-click-modal="false"
      title="单位设置"
      :visible.sync="officeDialogVisible"
      width="50%"
      width="65%"
      top="15vh"
      class="officeDialogVisible"
      @close="handleCloseOffice"
@@ -316,7 +311,7 @@
        :data="officeTableData"
        border
        highlight-current-row
        height="400"
        height="300"
        :header-cell-style="this.$headerCellStyle"
        :cell-style="this.$cellStyle"
        @sort-change="sortChangeOfOffice"
@@ -425,6 +420,7 @@
      :visible.sync="dialogVisibleRoute"
      width="50%"
      top="15vh"
      :fullscreen="isFullscreen"
      class="dialogVisibleRoute"
      @closed="handleCloseRoute"
      @close="handleCloseRoute"
@@ -542,6 +538,7 @@
      }
    }
    return {
      isFullscreen: false,
      mainHeight: 0,
      tableHeight: 0,
      form: {
@@ -791,6 +788,10 @@
      this.$nextTick(() => {
        this.mainHeight = window.innerHeight - 250
        this.tableHeight = this.mainHeight - 100
        this.isFullscreen = window.innerHeight < 800
        if (window.innerHeight < 800) {
          this.tableHeight = this.tableHeight - 50
        }
      })
    },
    /* 点击关联工艺路线模块*/
@@ -1100,9 +1101,9 @@
  color: #606266;
}

::v-deep .el-dialog__body {
  padding: 20px 100px !important;
}
//::v-deep .el-dialog__body {
//  padding: 20px 100px !important;
//}

.dialogVisibleRoute {
  ::v-deep .el-dialog__body {