zk——开关部件调整

src/components/app-switch/app-switch.less

-.dropdown-list{
-
+.app-switch{
+    .el-switch__core{
+        margin-right: 8px;
+    }
 }
\ No newline at end of file
-

src/components/app-switch/app-switch.vue

 <template>
-<el-switch  v-model="curValue" :disabled ="disabled"></el-switch>
+<div class="app-switch">
+    <el-switch  v-model="curValue" :disabled ="disabled"></el-switch><span v-if="isShowText">{{text}}</span>
+</div>
+
 </template>
 
 <script lang="ts">
@@ -16,6 +19,22 @@ export default class AppSwitch extends Vue {
          */
         @Prop() public value?: any;
 
+        /**
+         * checked显示文本
+         *
+         * @type {boolean}
+         * @memberof Appswitch
+         */
+        public text:string = "";
+
+        /**
+         * 是否显示文本
+         *
+         * @type {boolean}
+         * @memberof Appswitch
+         */
+        @Prop() public isShowText?: boolean;
+        
         get curValue(){
             return this.value == 1 ? true:false;
         }
@@ -23,6 +42,7 @@ export default class AppSwitch extends Vue {
         set curValue(value:any){
             let emitValue = value == true ? 1:0;
             this.$emit('change',emitValue);
+            this.valueChange(value);
         }
         
 		/**
@@ -33,7 +53,27 @@ export default class AppSwitch extends Vue {
          */
         @Prop() public disabled?: boolean;
         
+    	/**
+         * 生命周期
+         *
+         * @memberof Appswitch
+         */
+        mounted(){
+            this.valueChange(this.curValue);
+        }
 	    
+    	/**
+         * 文本更新
+         *
+         * @memberof Appswitch
+         */
+        public valueChange(value:boolean) {
+            if(value){
+                this.text="是"
+            }else{
+                this.text="否"
+            }
+        }
 }
 </script>