loulijun2021
2022-07-11 9b825939b7f0a7439d704b379812362dd95697fc
src/views/wlgl/kwdy.vue
@@ -23,7 +23,13 @@
              <el-input v-model="form.createuser" style="width: 200px" placeholder="请输入" />
            </el-form-item>
            <el-form-item label="所属仓库" style=" display: flex;">
              <el-select v-model="form.stockcode" :popper-append-to-body="false" style="width: 200px" placeholder="请选择">
              <el-select
                v-model="form.stockcode"
                :popper-append-to-body="false"
                style="width: 200px"
                placeholder="请选择"
                @focus="getWareHouseSelect"
              >
                <el-option
                  v-for="item in stockArr"
                  :key="item.code"
@@ -49,7 +55,8 @@
        <el-table
          :data="tableData"
          border
          :height="tableHeight"
          stripe
          :height="tableHeight+'px'"
          :style="{width: 100+'%',height:tableHeight+'px',}"
          highlight-current-row
          :header-cell-style="this.$headerCellStyle"
@@ -100,7 +107,7 @@
          >
            <template slot-scope="{row}">
              <div class="operationClass">
                <el-button type="text" @click="edit('edit',row)">修改</el-button>
                <el-button type="text" @click="edit('edit',row)">编辑</el-button>
                <el-button type="text" @click="del(row)">删除</el-button>
              </div>
            </template>
@@ -121,29 +128,32 @@
    </div>
    <el-dialog
      :title="operation==='add'?'新增':'修改'"
      :title="operation==='add'?'新增':'编辑'"
      :visible.sync="dialogVisible"
      width="50%"
      width="800px"
      :close-on-click-modal="false"
      top="15vh"
      @closed="handleClose"
      @close="handleClose"
    >
      <el-form ref="dialogForm" inline :rules="dialogFormRules" :model="dialogForm" label-width="80px">
        <el-form-item label="库位编码" prop="storagecode">
          <el-input v-model="dialogForm.storagecode" :disabled="operation!=='add'" style="width: 220px" />
          <el-input v-model="dialogForm.storagecode" :disabled="operation!=='add'" style="width: 200px" />
        </el-form-item>
        <el-form-item label="库位名称" prop="storagename">
          <el-input v-model="dialogForm.storagename" style="width: 220px" />
          <el-input v-model="dialogForm.storagename" style="width: 200px" />
        </el-form-item>
        <el-form-item label="所属库位" prop="stockcode">
          <el-select
            v-model="dialogForm.stockcode"
            filterable
            :popper-append-to-body="false"
            style="width: 220px"
            style="width: 200px"
            placeholder="请选择"
            @focus="getWareHouseSelect2"
          >
            <el-option
              v-for="item in stockArr"
              v-for="item in stockArr2"
              :key="item.code"
              :label="item.name"
              :value="item.code"
@@ -151,7 +161,7 @@
          </el-select>
        </el-form-item>
        <el-form-item label="库位描述">
          <el-input v-model="dialogForm.description" type="textarea" style="width: 220px" />
          <el-input v-model="dialogForm.description" type="textarea" style="width: 200px" />
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
@@ -170,7 +180,7 @@
const SER_HZ = /^[\u4e00-\u9fa5]+$/
export default {
  name: 'Zzjg',
  name: 'KWDY',
  components: {
    Pagination
  },
@@ -202,6 +212,7 @@
      },
      total: 10,
      stockArr: [], // 所属仓库数组
      stockArr2: [], // 所属仓库数组对话框
      tableData: [],
      dialogVisible: false,
      dialogForm: {
@@ -229,7 +240,7 @@
  },
  created() {
    this.getStorageDefSearch()
    this.getWareHouseSelect()
    // this.getWareHouseSelect()
  },
  mounted() {
    window.addEventListener('resize', this.getHeight)
@@ -244,6 +255,11 @@
    async getWareHouseSelect() {
      const { data: res } = await WareHouseSelect()
      this.stockArr = res
    },
    // 对话框中的
    async getWareHouseSelect2() {
      const { data: res } = await WareHouseSelect()
      this.stockArr2 = res
    },
    // 排序改变时
    sortChange({ column, prop, order }) {
@@ -350,6 +366,9 @@
      this.$nextTick(() => {
        this.mainHeight = window.innerHeight - 250
        this.tableHeight = this.mainHeight - 100
        if (window.innerHeight < 800) {
          this.tableHeight = this.tableHeight - 50
        }
      })
    }
  }