穿梭框宽度

src/components/app-transfer/app-transfer.vue

@@ -3,7 +3,7 @@
     @on-open-change="transferRefresh"
     @on-change="dataChange"
     v-model="dataRight"
-    style="width:586px"
+    :style="{width:width}"
     multiple
   >
     <Option class="hidden" :value="item" v-for="(item,i) in dataRight" :key="i">{{findLabel(item)}}</Option>
@@ -17,18 +17,22 @@ import { ElSelect } from "element-ui/types/select";
 
 @Component({})
 export default class AppTransfer extends Vue {
-  /**
-   * 表单传递右侧框中的数据
-   */
-  //   @Prop() public data?: any;
+  
   /**
    * 左侧框数据
    */
   public dataLeft: any[] = [];
+
   /**
    * 右侧框数据
    */
   public dataRight: any[] = [];
+
+  /**
+   * 穿梭框宽度
+   */
+  @Prop() public width:any;
+
   /**
    * 代码表服务对象
    *
@@ -79,10 +83,8 @@ export default class AppTransfer extends Vue {
    * @memberof AppTransfer
    */
   dataChange(e: any) {
-    console.log(e);
     let newVal: any;
     newVal = e.join(`${this.valueSeparator}`);
-    console.log(newVal, typeof newVal);
     if (newVal) {
       this.$emit("change", newVal);
     } else {
@@ -155,8 +157,6 @@ export default class AppTransfer extends Vue {
         this.dataLeft = [...JSON.parse(JSON.stringify(codelist.items))];
         this.initLeft();
         this.initRight();
-        console.log(this.dataLeft);
-        console.log(this.dataRight);
       } else {
         console.log(`----${this.tag}----代码表不存在`);
       }
@@ -171,7 +171,6 @@ export default class AppTransfer extends Vue {
         .getItems(this.tag, _context, _param)
         .then((res: any) => {
           this.dataLeft = res;
-          console.log(this.dataLeft);
           this.initLeft();
           this.initRight();
         })
@@ -233,9 +232,6 @@ export default class AppTransfer extends Vue {
    */
   public initRight() {
     let _data: any = this.itemValue;
-    console.log(_data);
-    console.log(this.valueSeparator);
-
     if (_data) {
       let newData: any[] = _data.split(`${this.valueSeparator}`);
       this.dataLeft.forEach((elem: any) => {
@@ -251,7 +247,6 @@ export default class AppTransfer extends Vue {
    * 穿梭框打开时刷新数据
    */
   public transferRefresh(e: any) {
-    console.log(e);
     if (e && this.codelistType === "DYNAMIC") {
       this.dataLeft = [];
       this.dataRight = [];