Source/UBCS-WEB/src/views/integration/integrationTransfer.vue

@@ -1,5 +1,5 @@
<template>
    <el-dialog :title="title" :visible.sync="dialogVisible" append-to-body="true" destroy-on-close width="35%"
  <el-dialog :title="title" :visible.sync="dialogVisible" append-to-body="true" destroy-on-close width="50%"
        @close="handelClose">
        <el-form :model="form">
            <el-form-item label="查询条件" label-width="70px" size="small">
@@ -7,8 +7,10 @@
            </el-form-item>
        </el-form>
        <p class="text_tip">*选择分类进行属性过滤, 或者输入属性的全拼或者简拼进行查询! 如: 姓名 (可输入xm或xinming )</p>
    <div style="width: 100%; display: flex; justify-content: space-around">
        <transfer v-model="transferValue" :data="newdata" :filter-method="filterMethod"
            :filter-placeholder="filterPlaceholder" :props="props"></transfer>
    </div>
        <span slot="footer" class="dialog-footer">
            <el-button @click="visible = false">取 消</el-button>
            <el-button type="primary" @click="handelTransferSave">保 存</el-button>
@@ -18,6 +20,7 @@
<script>
import transfer from '@/components/transfer/index'
import pinyin from 'js-pinyin'

export default {
    components: {
        transfer
@@ -75,30 +78,45 @@
        dialogVisible(n) {
            this.$emit('update:visible', n)
        },
    data(n) {
      console.log('n', n)
    },
    newdata(n) {
      console.log('newdata', n)
    }
    },
    computed: {
        newdata() {
            pinyin.setOptions({ checkPolyphone: false, charCase: 1 });
            let name = this.props.label
            let key = this.props.key

      let name = this.props.label;
      let key = this.props.key;

           if(this.data){
             let data = this.data.map(item => {
               let objitem = { disabled: false, ...item }
          let objitem = {disabled: false, ...item};
               if (this.disabledData.length !== 0) {
                 this.disabledData.forEach(element => {
                   if (objitem[name] === element)  objitem.disabled = true
              if (objitem[name] === element) objitem.disabled = true;
                 });
               }
               return objitem
             })
             return
           }
          return objitem;
        });
            return data.map(item => {
                let pinYin = pinyin.getFullChars(item[this.props.label])
                let renPing = pinyin.getCamelChars(item[this.props.label])
                const obj = { pinyins: pinYin, renPing: renPing, [name]: item[this.props.label], [key]: item[this.props.key], disabled: item.disabled }
                return obj
            })
          let pinYin = pinyin.getFullChars(item[this.props.label]);
          let renPing = pinyin.getCamelChars(item[this.props.label]);
          const obj = {
            pinyins: pinYin,
            renPing: renPing,
            [name]: item[this.props.label],
            [key]: item[this.props.key],
            disabled: item.disabled
          };
          return obj;
        });
      } else {
        return []; // 在没有数据时返回一个空数组
      }
        }
    },
    methods: {