<template>
  <div>
    <el-button size="mini" type="text" @click="btn">详 情</el-button>
    <el-drawer append-to-body :visible.sync="dialogFormVisible" size="500px">
      <div slot="title" style="font-size: 15px">
        详细信息
      </div>
      <div class="drawer__panel">
        <el-descriptions :column="1">
          
            <el-descriptions-item label="工作名">{{ data.workname }}</el-descriptions-item>
            <el-descriptions-item label="上传附件">{{ data.fileupload ? data.fileupload == 1 ? '非必填' : '必填' : '无' }}</el-descriptions-item>
            <el-descriptions-item label="添加物料">{{ data.additem ? data.additem == 1 ? '非必填' : '必填' : '无' }}</el-descriptions-item>
            <el-descriptions-item label="上传文本">{{ data.textedit ? data.textedit == 1 ? '非必填' : '必填' : '无' }}</el-descriptions-item>
            <el-descriptions-item label="确认项">{{ data.confirm_options }}</el-descriptions-item>
            <el-descriptions-item label="上传合同">{{ data.contractupload ? data.contractupload == 1 ? '非必填' : '必填' : '无' }}</el-descriptions-item>
            <el-descriptions-item label="添加商品">{{ data.isadditem ? data.isadditem == 1 ? '非必填' : '必填' : '无' }}</el-descriptions-item>
            <el-descriptions-item label="添加人员">{{ data.addperson ? data.addperson == 1 ? '非必填' : '必填' : '无' }}</el-descriptions-item>
            <el-descriptions-item label="确认是否有偿">{{ data.amountpay ? data.amountpay == 1 ? '非必填' : '必填' : '无' }}</el-descriptions-item>
            <el-descriptions-item label="是否验证工作">{{ data.required ? '是' : '否' }}</el-descriptions-item>
            <el-descriptions-item label="是否签名">{{ data.signature ? '是' : '否' }}</el-descriptions-item>
            <el-descriptions-item label="操作说明">{{ data.remarks }}</el-descriptions-item>
        </el-descriptions>
      </div>
    </el-drawer>
  </div>
</template>

<script>
export default {
  name: "add",
  props:['data'],
  data(){
    return {
      dialogFormVisible:false,

    }
  },
  created () {
  },
  methods:{
    btn () {
      this.dialogFormVisible = true
    }
  }
}
</script>

<style scoped>
.dialog-footer {
  margin-top: 0;
}
.el-select {
  width: 100%;
}
</style>