Jeff.RFID.UI/src/components/DialogTagDistribute.vue

<template>
    <el-dialog
      :visible.sync="visible"
     :title="`${operatorType.name}发货方式`"
      append-to-body
      width="750px"
    >
      <el-form
        v-if="data"
        ref="form"
        :model="data"
        label-width="100px"
      >
      <el-row
        :gutter="$$Constant.LAYOUT_GAP"
        >
        <el-col :span="12">
            <el-form-item label="发货方式" prop="deliveryMethodId" :rules="[{
                required: true,
                message: '请选择发货方式'
              }]">
                <my-select
                  v-model="data.deliveryMethodId"
                  :options="optionGroup.DeliveryType ? optionGroup.DeliveryType.list : []"
                  :disabled="data.tagApplyStateId === '3'"
                ></my-select>
            </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="发货单号" prop="deliveryOrderNo" :rules="[{required:true,message:'请输入发货单号'}]">
            <el-input v-model="data.deliveryOrderNo" :disabled="(data.deliveryMethodId === '1') || (data.tagApplyStateId === '3')"/>
          </el-form-item>
        </el-col>
        </el-row>
      </el-form>
      <template #footer v-if="data && data.tagApplyStateId === '2'">
      <div class="flex center dialog-footer">
        <el-button @click="onCloseBtnClick">取消</el-button>
        <el-button type="primary" @click="onSaveBtnClick">确定</el-button>
      </div>
    </template>
    </el-dialog>
  </template>

<script>
import BaseCurdEditor from '@@/utils/BaseCurdEditor'
import TagDistribute from '@@/entries/TagDistribute'

export default {
  name: 'DialogTagDistribute',
  extends: BaseCurdEditor(TagDistribute),
  props: {
    optionGroup: {
      required: true,
      type: Object
    }
  }
}
</script>

<style lang="scss"></style>