<template>
  <a-spin :spinning="confirmLoading">
    <j-form-container :disabled="formDisabled">
      <a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
        <a-row>
          <!--          <a-col :span="24">-->
          <!--            <a-form-model-item label="网络学习名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="mreLearningId">-->
          <!--              &lt;!&ndash;              <a-input v-model="model.mreLearningId" placeholder="请输入网络学习名称"  ></a-input>&ndash;&gt;-->
          <!--              <j-dict-select-tag type="list" v-model="model.mreLearningId" dictCode="mr_e_learning,subject,id"-->
          <!--                                 placeholder="请输入微信名" />-->
          <!--            </a-form-model-item>-->
          <!--          </a-col>-->
          <!--          <a-col :span="24">-->
          <!--            <a-form-model-item label="微信名" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="wxUserId">-->
          <!--              &lt;!&ndash;              <a-input v-model="model.wxUserId" placeholder="请输入微信名"  ></a-input>&ndash;&gt;-->
          <!--              <j-dict-select-tag type="list" v-model="model.wxUserId" dictCode="wx_user,nick_name,id"-->
          <!--                                 placeholder="请输入微信名" />-->
          <!--            </a-form-model-item>-->
          <!--          </a-col>-->
          <!--          <a-col :span="24">-->
          <!--            <a-form-model-item label="类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="type">-->
          <!--              <j-dict-select-tag type="list" v-model="model.type" dictCode="learning_type" placeholder="请选择类型" />-->
          <!--            </a-form-model-item>-->
          <!--          </a-col>-->
          <!--          <a-col :span="24" v-if="model.learningTime!=null && model.learningTime!=undefined">-->
          <!--            <a-form-model-item label="若是视频有时长（分钟）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="learningTime">-->
          <!--              <a-input-number v-model="model.learningTime" placeholder="请输入若是视频有时长（分钟）" style="width: 100%" />-->
          <!--            </a-form-model-item>-->
          <!--          </a-col>-->
          <!--          <a-col :span="24">-->
          <!--            <a-form-model-item label="创建日期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="createTime">-->
          <!--              <j-date placeholder="请选择创建日期" v-model="model.createTime" :show-time="true"-->
          <!--                      date-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" />-->
          <!--            </a-form-model-item>-->
          <!--          </a-col>-->
          <a-col :span="24" v-if="model.mrIncarceratedUser!=null && model.mrIncarceratedUser!=undefined ">
            <a-form-model-item label="考核人员" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="wxUserId">
              <a-input v-model="model.mrIncarceratedUser.name" placeholder="请输入考核人员"  ></a-input>
              <!--              <j-dict-select-tag type="list" v-model="model.wxUserId" dictCode="wx_user,nick_name,id" placeholder="请输入微信名" />-->
            </a-form-model-item>
          </a-col>
          <!--          <a-col :span="24">-->
          <!--            <a-form-model-item label="微信名" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="updateBy">-->
          <!--              <a-input v-model="model.wxUserId_dictText" placeholder="请输入微信名"  ></a-input>-->
          <!--            </a-form-model-item>-->
          <!--          </a-col>-->
          <a-col :span="24" v-if="model.mrELearning!=null && model.mrELearning!=undefined ">
            <a-form-model-item label="网络学习主题" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="mreLearningId">
              <a-input v-model="model.mrELearning.subject" placeholder="请输入网络学习主题"  ></a-input>
              <!--              <j-dict-select-tag type="list" v-model="model.mreLearningId" dictCode="mr_e_learning,subject,id" placeholder="请输入微信名" />-->
            </a-form-model-item>
          </a-col>
<!--          <a-col :span="24">-->
<!--            <a-form-model-item label="类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="type">-->
<!--              <j-dict-select-tag type="list" v-model="model.type" dictCode="learning_type" placeholder="请选择类型" />-->
<!--            </a-form-model-item>-->
<!--          </a-col>-->
<!--          <a-col :span="24" v-if="model.learningTime!=null && model.learningTime!=undefined">-->
<!--            <a-form-model-item label="若是视频有时长（分钟）" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="learningTime">-->
<!--              <a-input-number v-model="model.learningTime" placeholder="请输入若是视频有时长（分钟）" style="width: 100%" />-->
<!--            </a-form-model-item>-->
<!--          </a-col>-->
          <a-col :span="24">
            <a-form-model-item label="创建日期" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="createTime">
              <j-date placeholder="请选择创建日期"  v-model="model.createTime" :show-time="true" date-format="YYYY-MM-DD HH:mm:ss" style="width: 100%" />
            </a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </j-form-container>
  </a-spin>
</template>

<script>

    import { httpAction, getAction } from '@/api/manage'
    import { validateDuplicateValue } from '@/utils/util'

    export default {
        name: 'MrLearningForm',
        components: {},
        props: {
            //表单禁用
            disabled: {
                type: Boolean,
                default: false,
                required: false
            }
        },
        data() {
            return {
                model: {},
                labelCol: {
                    xs: { span: 24 },
                    sm: { span: 4 }
                },
                wrapperCol: {
                    xs: { span: 24 },
                    sm: { span: 20 }
                },
                confirmLoading: false,
                validatorRules: {},
                url: {
                    add: '/MrLearning/mrLearning/add',
                    edit: '/MrLearning/mrLearning/edit',
                    queryById: '/MrLearning/mrLearning/queryById'
                }
            }
        },
        computed: {
            formDisabled() {
                return this.disabled
            }
        },
        created() {
            //备份model原始值
            this.modelDefault = JSON.parse(JSON.stringify(this.model))
        },
        methods: {
            add() {
                this.edit(this.modelDefault)
            },
            edit(record) {
                this.model = Object.assign({}, record)
                this.visible = true
            },
            submitForm() {
                const that = this
                // 触发表单验证
                this.$refs.form.validate(valid => {
                    if (valid) {
                        that.confirmLoading = true
                        let httpurl = ''
                        let method = ''
                        if (!this.model.id) {
                            httpurl += this.url.add
                            method = 'post'
                        } else {
                            httpurl += this.url.edit
                            method = 'put'
                        }
                        httpAction(httpurl, this.model, method).then((res) => {
                            if (res.success) {
                                that.$message.success(res.message)
                                that.$emit('ok')
                            } else {
                                that.$message.warning(res.message)
                            }
                        }).finally(() => {
                            that.confirmLoading = false
                        })
                    }

                })
            }
        }
    }
</script>