<template>
  <div id="switch" style="width: 100%;">
    <el-switch
        v-model='spcpFormData[fieldId]'
        :active-color="activeColor"
        :inactive-color="inactiveColor"
        :active-text="activeText"
        :inactive-text="inactiveText"
        :active-value="activeValue"
        :inactive-value="inactiveValue"
    >
    </el-switch>
  </div>
</template>
<script>
import proto from '../spcp-proto.vue';
export default {
    name: "spcp-switch",
    extends: proto,
    props:{
      activeColor: {type:String,default:"#409EFF"},
      inactiveColor: {type:String,default:"#C0CCDA"},
      activeText: {type:String,default:""},
      inactiveText: {type:String,default:""},
      activeValue: {type:String,default:"1"},
      inactiveValue: {type:String,default:"0"},
    },
    data(){
        return {

        }
    },
    created() {
    },
}
</script>
<style scoped>

</style>
