<template>
  <div class="dialog">
    <el-dialog
      :title="formData['项目名称']"
      width="40%"
      :visible.sync="dialogVisible"
      :before-close="close"
      :modal-append-to-body="false"
      :close-on-click-modal="false"
    >
      <div class="content">
        <el-form :model="ruleForm" ref="ruleForm" label-width="100px">
          <el-form-item label="是否开工:" prop="shjl">
            <el-radio v-model="ruleForm.shjl" label="1"> 开工 </el-radio>
            <el-radio v-model="ruleForm.shjl" label="2"> 不开工 </el-radio>
          </el-form-item>
          <el-form-item label="开工日期:" prop="jzrq">
            <el-date-picker
              v-model="ruleForm.jzrq"
              type="date"
              value-format="yyyy-MM-dd"
              placeholder="选择日期"
            >
            </el-date-picker>
          </el-form-item>
        </el-form>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="close">关闭</el-button>
        <el-button type="primary" @click="submit">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      formData: {},
      ruleForm: {},
      dialogVisible: false,
    };
  },
  created() {},
  methods: {
    // 关闭弹窗
    close() {
      this.dialogVisible = false;
      this.$emit("close");
    },
    Init(rowdata) {
      this.dialogVisible = true;
      this.formData = rowdata;
    },

    async submit() {
      this.close();
    },
  },
};
</script>

<style lang="scss" scoped>
.dialog {
  .content {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    color: #fff;
    .create {
      display: inline-block;
      padding: 5px 10px;
      border: 1px solid #3f93f5;
      border-radius: 5px;
      cursor: pointer;
    }
  }

  .el-radio {
    color: #fff;
  }
  .elrow {
    margin-top: 10px;
  }
}
</style>
<style lang="scss" >
</style>
