1.做适应平板显示的内容大小

loulijun2021

2022-08-05 d33eacc1f85ac3a736b33ba4713a19aae466d711

 src/views/zzmx/chda.vue

@@ -197,13 +197,14 @@
            <template slot-scope="{row}">
              <div class="operationClass">
                <i v-if="row.proute_id==='Y'" class="el-icon-share" @click="routeClick(row)" />
                <i v-if="row.proute_id==='N'" style="color: #E4E7ED" class="el-icon-share" @click="routeClick(row)" />
                <i v-if="row.proute_id==='N'" style="color:rgb(180 ,181, 185)" class="el-icon-share" @click="routeClick(row)" />
              </div>
            </template>
          </el-table-column>
          <el-table-column
            label="操作"
            fixed="right"
            width="120"
          >
            <template slot-scope="{row}">
              <div class="operationClass">
@@ -463,7 +464,7 @@
      :visible.sync="dialogVisibleRoute"
      width="800px"
      top="15vh"
      :fullscreen="isFullscreen"
      :fullscreen="isIpad"
      class="dialogVisibleRoute"
      @closed="handleCloseRoute"
      @close="handleCloseRoute"
@@ -520,11 +521,11 @@
      <div style="margin-bottom: 10px">
        <i class="el-icon-s-operation" style="color:#42b983;" /> 工序列表
      </div>
      <div style="height: 400px;overflow-y: scroll">
      <div style="overflow-y: scroll">
        <el-table
          :data="projectTableData"
          border
          height="300"
          height="280"
          highlight-current-row
          :header-cell-style="this.$headerCellStyle"
          :cell-style="this.$cellStyle"
@@ -598,7 +599,7 @@
      }
    }
    return {
      isFullscreen: false,
      isIpad: false,
      mainHeight: 0,
      tableHeight: 0,
      form: {
@@ -643,9 +644,9 @@
        materialname: [
          { required: true, message: '请输入物料名称', trigger: ['blur', 'change'] }
        ],
        materialspec: [
          { required: true, message: '请输入物料规格', trigger: ['blur', 'change'] }
        ],
        // materialspec: [//物料规格暂时改为非必填
        //   { required: true, message: '请输入物料规格', trigger: ['blur', 'change'] }
        // ],
        uomcode: [
          { required: true, message: '请选择使用单位', trigger: ['blur', 'change'] }
        ],
@@ -693,15 +694,22 @@
    }
  },
  created() {
    this.getInventoryFileSelect()
    this.getStockTypeSelect()
    this.getWareHouseSelect()
    this.handleRequest()
  },
  mounted() {
    window.addEventListener('resize', this.getHeight)
    this.getHeight()
  },
  methods: {
    handleRequest() {
      this.getInventoryFileSelect().then(res => {
        if (res.code === '200') {
          this.getStockTypeSelect()
          this.getWareHouseSelect()
        }
      })
    },

    // 同步计量单位
    async syncSeaveSearchUnit() {
      const loading = this.$loading({
@@ -777,6 +785,7 @@
      const res = await InventoryFileSelect(this.form)
      this.tableData = res.data
      this.total = res.count
      return { code: res.code }
    },
    async getStockTypeSelect() {
      const { data: res } = await StockTypeSelect()
@@ -857,6 +866,7 @@
        this.dialogForm.minstockqty = row.maxqty
        this.dialogForm.maxstockqty = row.minqty
      })
      await this.getuomSelect()
    },
    // 删除按钮
    async del(row) {
@@ -929,11 +939,11 @@
    getHeight() {
      this.$nextTick(() => {
        this.mainHeight = window.innerHeight - 250
        this.tableHeight = this.mainHeight - 100
        // this.isFullscreen = window.innerHeight < 800
        if (window.innerHeight < 800) {
        this.tableHeight = this.mainHeight - 50
        if (window.innerHeight < 769) {
          this.tableHeight = this.tableHeight - 50
        }
        this.isIpad = window.innerHeight < 769 && window.innerWidth < 1367
      })
    },
    /* 点击关联工艺路线模块*/