代码初始化

2021-12-31 11:35:09 +08:00
commit a527f38fd7
1907 changed files with 783789 additions and 0 deletions
@@ -0,0 +1,102 @@
+<template>
+  <div>
+    <a-select
+      v-if="query"
+      style="width: 100%"
+      @change="handleSelectChange"
+      >
+      <a-select-option v-for="(item, index) in queryOption" :key="index" :value="item.value">
+        {{ item.text }}
+      </a-select-option>
+    </a-select>
+    <a-switch
+      v-else
+      v-model="checkStatus"
+      :disabled="disabled"
+      @change="handleChange"
+      v-bind="$attrs"
+      v-on="childListeners"/>
+  </div>
+</template>
+<script>
+
+  export default {
+    name: 'JSwitch',
+    props: {
+      value:{
+        type: String | Number,
+        required: false
+      },
+      disabled:{
+        type: Boolean,
+        required: false,
+        default: false
+      },
+      options:{
+        type:Array,
+        required:false,
+        default:()=>['Y','N']
+      },
+      query:{
+        type: Boolean,
+        required: false,
+        default: false
+      }
+    },
+    data () {
+      return {
+        checkStatus: false
+      }
+    },
+    computed:{
+      queryOption(){
+        let arr = []
+        arr.push({value:this.options[0],text:'是'})
+        arr.push({value:this.options[1],text:'否'})
+        return arr;
+      },
+      //透传给下级组件的事件，需要排除本组件使用的change事件
+      childListeners() {
+        const vm = this;
+        let result = Object.assign({},
+          this.$listeners,
+        )
+        delete result.change;
+        return result;
+      }
+    },
+    watch: {
+      value:{
+        immediate: true,
+        handler(val){
+          if(!this.query){
+            if(!val){
+              this.checkStatus = false
+              this.$emit('change', this.options[1]);
+            }else{
+              if(this.options[0]==val){
+                this.checkStatus = true
+              }else{
+                this.checkStatus = false
+              }
+            }
+          }
+
+        }
+      }
+    },
+    methods: {
+      handleChange(checked){
+        let flag = checked===false?this.options[1]:this.options[0];
+        this.$emit('change', flag);
+      },
+      handleSelectChange(value){
+        this.$emit('change', value);
+      }
+    },
+    model: {
+      prop: 'value',
+      event: 'change'
+    }
+  }
+</script>