<template>
    <div class="Ad">
        <h1>Ad666</h1>
        <el-cascader :options="options" :props="{ checkStrictly: true }" v-model="value" clearable>
            <template slot-scope="{ node, data }">
                <span>{{ data.label }}</span>
                <span v-if="!node.isLeaf">({{ data.children.length }})</span>
            </template>
        </el-cascader>

        <el-table :data="tableData" tooltip-effect="dark" style="width: 100%">
            <el-table-column label="种母羊等级">
                <template v-slot="scope">
                    <div v-for="item in $store.state['seedSheedLevel']" :key="item.value">
                        <span v-if="item.value == scope.row['femaleLevel']">{{ item.label }}</span>
                    </div>
                </template>
            </el-table-column>
        </el-table>

        <el-form ref="addMating" :model="formData" :rules="rules" label-width="140px">
            <el-form-item label="种母羊等级">
                <el-select v-model="formData.femaleLevel" placeholder="请选择">
                    <el-option
                        v-for="item in $store.state['seedSheedLevel']"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                    ></el-option>
                </el-select>
            </el-form-item>

            <el-form-item label="密度">
                <el-radio-group v-model="formData.density">
                    <el-radio
                        v-for="item in $store.state['seedDensity']"
                        :key="item.value"
                        :label="item.value"
                    >{{ item.label }}</el-radio>
                </el-radio-group>
            </el-form-item>

            <el-form-item label="配种时间">
                <el-date-picker
                    v-model="formData.opeTime"
                    type="date"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    placeholder="选择日期"
                ></el-date-picker>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>
export default {
    name: "Af",
    data() {
        return {
            sellingTime: this.$moment().format("YYYY-MM-DD"),
            aa: this.$store.state['dispatchStatus'][0].value,
        };
    },
    created() {},
    methods: {
        
    }
};
</script>
