loulijun2021
2023-06-17 ff76b3ed3494474e9301c49cf635f1553d49ecc5
src/views/qualityManager/processCheckItem.vue
@@ -96,7 +96,7 @@
        :page.sync="form.page"
        :limit.sync="form.rows"
        align="right"
        layout="total,prev, pager, next,sizes"
        layout="total,prev, pager, next,sizes,jumper"
        popper-class="select_bottom"
        @pagination="getStepCheckItemSearch"
      />
@@ -118,6 +118,21 @@
        </el-form-item>
        <el-form-item label="项目名称" prop="checkitemname">
          <el-input v-model="dialogForm.checkitemname" style="width: 200px" />
        </el-form-item>
        <el-form-item label="所属车间" prop="workshopcode">
          <el-select
            v-model="dialogForm.workshopcode"
            filterable
            style="width: 200px"
            placeholder="请选择"
          >
            <el-option
              v-for="item in WorkShopArr"
              :key="item.code"
              :label="item.name"
              :value="item.code"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="项目描述" prop="checkitemdescr">
          <el-input v-model="dialogForm.checkitemdescr" type="textarea" style="width: 200px" />
@@ -146,6 +161,7 @@
import elDragDialog from '@/directive/el-drag-dialog'
import waves from '@/directive/waves'
import TableColumnSettings from '@/components/TableColumnSettings'
import { WorkShopSelect } from '@/api/deviceManager'
export default {
  name: 'Xxxx',
@@ -192,11 +208,30 @@
          sortable: true
        },
        {
          minWidth: 110,
          width: false,
          prop: 'org_code',
          label: '所属车间编码',
          id: 5,
          show: false,
          fixed: false,
          sortable: true
        }, {
          minWidth: 110,
          width: false,
          prop: 'org_name',
          label: '所属车间',
          id: 6,
          show: true,
          fixed: false,
          sortable: true
        },
        {
          minWidth: 330,
          width: false,
          prop: 'descr',
          label: '标准描述',
          id: 5,
          id: 7,
          show: true,
          fixed: false,
          sortable: true
@@ -206,7 +241,7 @@
          width: false,
          prop: 'lm_user',
          label: '创建人员',
          id: 6,
          id: 8,
          show: true,
          fixed: false,
          sortable: true
@@ -216,7 +251,7 @@
          width: false,
          prop: 'lm_date',
          label: '创建时间',
          id: 7,
          id: 9,
          show: true,
          fixed: false,
          sortable: true
@@ -237,18 +272,28 @@
        ],
        checkitemname: [
          { required: true, message: '请输入名称', trigger: ['blur', 'change'] }
        ],
        workshopcode: [
          { required: true, message: '请选择所属车间', trigger: ['blur', 'change'] }
        ]
      }
      },
      WorkShopArr: [] // 所属车间数组
    }
  },
  created() {
    this.getStepCheckItemSearch()
    this.getWorkShopSelect()
  },
  mounted() {
    window.addEventListener('resize', this.getHeight)
    this.getHeight()
  },
  methods: {
    // 获取所属车间下拉
    async getWorkShopSelect() {
      const { data: res } = await WorkShopSelect()
      this.WorkShopArr = res
    },
    tableColumnUpdate(val, isCopyTrue) {
      if (isCopyTrue) {
        this.tableColumnSettingsArray = val
@@ -302,6 +347,7 @@
      this.$nextTick(() => {
        this.dialogForm.checkitemcode = row.code
        this.dialogForm.checkitemname = row.name
        this.dialogForm.workshopcode = row.org_code
        this.dialogForm.checkitemdescr = row.descr
      })
    },
@@ -330,6 +376,7 @@
      this.dialogForm.checkitemcode = ''
      this.dialogForm.checkitemname = ''
      this.dialogForm.checkitemdescr = ''
      this.dialogForm.workshopcode = ''
      this.$refs.dialogForm.clearValidate()
    },
    // 对话框取消
@@ -345,6 +392,7 @@
            checkitemcode: this.dialogForm.checkitemcode,
            checkitemname: this.dialogForm.checkitemname,
            checkitemdescr: this.dialogForm.checkitemdescr,
            wkshopcode: this.dialogForm.workshopcode,
            OperType: this.operation === 'add' ? 'Add' : 'Update'
          }
          AddUpdateStepCheckItem(data).then(res => {