<template>
  <el-form label-width="100px" class="create-form">
    <el-row>
      <el-col :span="6">
        <el-form-item label="编码">
          <el-input v-model="dataForm.code" size="small" placeholder="请输入" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="名称">
          <el-input v-model="dataForm.name" size="small" placeholder="请输入" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="自动派单">
          <el-select v-model="dataForm.isSyncBill" size="small" style="width: 100%" disabled>
            <el-option :value="1" label="是"></el-option>
            <el-option :value="0" label="否"></el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="预计售后时长" prop="duration">
          <div style="display: flex">
            <el-input
              type="number"
              v-model="dataForm.duration"
              size="small"
              placeholder="请输入"
              disabled
            >
              <template #suffix>
                <el-select
                  v-model="dataForm.durationUnit"
                  size="small"
                  style="width: 120px"
                  disabled
                >
                  <el-option :value="'1'" label="分钟"></el-option>
                  <el-option :value="'2'" label="小时"></el-option>
                  <el-option :value="'3'" label="天"></el-option>
                </el-select>
              </template>
            </el-input>
          </div>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="6">
        <el-form-item label="部门">
          <el-input v-model="dataForm.executeGroupName" size="small" placeholder="请输入" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="执行人">
          <el-input v-model="dataForm.executeUserName" size="small" placeholder="请输入" disabled></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="紧急程度">
          <DictSelection dictName="紧急程度" clearable v-model="dataForm.urgent" disabled></DictSelection>
        </el-form-item>
      </el-col>
      <el-col :span="6">
        <el-form-item label="备注">
          <el-input
            type="textarea"
            resize="none"
            v-model="dataForm.remark"
            :rows="2"
            placeholder="请详细说明"
            size="small"
            disabled
          ></el-input>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      dataForm: {}
    };
  },
  methods:{
    async init(data){
      console.log(data,'data')
        this.dataForm = data;
    }
  }
};
</script>

<style>
</style>