no message
							parent
							
								
									e8b73916c9
								
							
						
					
					
						commit
						e0fd0fcdd5
					
				| 
						 | 
				
			
			@ -2,6 +2,6 @@ ENV = 'production'
 | 
			
		|||
 | 
			
		||||
# 如果使用 Nginx 代理后端接口,那么此处需要改为 '/',文件查看 Docker 部署篇,Nginx 配置
 | 
			
		||||
# 接口地址,注意协议,如果你没有配置 ssl,需要将 https 改为 http
 | 
			
		||||
VUE_APP_BASE_API  = 'http://localhost:8010'
 | 
			
		||||
VUE_APP_BASE_API  = 'http://115.159.67.99:8010'
 | 
			
		||||
# 如果接口是 http 形式, wss 需要改为 ws
 | 
			
		||||
VUE_APP_WS_API = 'wss://localhost:8010'
 | 
			
		||||
VUE_APP_WS_API = 'wss://115.159.67.99:8010'
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -130,21 +130,15 @@ export default {
 | 
			
		|||
  props: {
 | 
			
		||||
    permission: {
 | 
			
		||||
      type: Object,
 | 
			
		||||
      default: () => {
 | 
			
		||||
        return {}
 | 
			
		||||
      }
 | 
			
		||||
      default: () => { return {} }
 | 
			
		||||
    },
 | 
			
		||||
    ignoreColumns: {
 | 
			
		||||
      type: Array,
 | 
			
		||||
      default: () => {
 | 
			
		||||
        return []
 | 
			
		||||
      }
 | 
			
		||||
      default: () => { return [] }
 | 
			
		||||
    },
 | 
			
		||||
    tableKey: {
 | 
			
		||||
      type: String,
 | 
			
		||||
      default: () => {
 | 
			
		||||
        return ''
 | 
			
		||||
      }
 | 
			
		||||
      default: () => { return '' }
 | 
			
		||||
    }
 | 
			
		||||
  },
 | 
			
		||||
  data() {
 | 
			
		||||
| 
						 | 
				
			
			@ -178,45 +172,62 @@ export default {
 | 
			
		|||
  mounted() {
 | 
			
		||||
    //初始化数据
 | 
			
		||||
    this.columnDrop();
 | 
			
		||||
    this.hiddenColumns = JSON.parse(sessionStorage.getItem(this.tableKey));
 | 
			
		||||
    setTimeout(() => {
 | 
			
		||||
      // 方法区
 | 
			
		||||
      this.initcolumn();
 | 
			
		||||
    }, 600)
 | 
			
		||||
    setTimeout(() => {
 | 
			
		||||
      // 方法区
 | 
			
		||||
      this.showcolumn();
 | 
			
		||||
    }, 1000)
 | 
			
		||||
    }, 200)
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
  },
 | 
			
		||||
  methods: {
 | 
			
		||||
 | 
			
		||||
    initcolumn() {
 | 
			
		||||
      this.updateTableColumns()
 | 
			
		||||
      const strHidden=sessionStorage.getItem(this.tableKey)
 | 
			
		||||
      this.hiddenColumns= JSON.parse(strHidden);
 | 
			
		||||
      if(this.hiddenColumns.length>0){
 | 
			
		||||
        console.log("------移除---------------")
 | 
			
		||||
        const table = this.crud.props.table
 | 
			
		||||
        this.table_configs_xs.forEach((column,index) => {
 | 
			
		||||
          const vm = table.$children.find(e => e.label === column.label)
 | 
			
		||||
 | 
			
		||||
          const columnConfig = vm.columnConfig
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
          console.log(columnConfig)
 | 
			
		||||
          vm.owner.store.commit('removeColumn', columnConfig, null)
 | 
			
		||||
 | 
			
		||||
        })
 | 
			
		||||
        this.ignoreNextTableColumnsChange = false
 | 
			
		||||
        console.log("--------移除完成-------------")
 | 
			
		||||
        setTimeout(() => {
 | 
			
		||||
          // 方法区
 | 
			
		||||
          this.showcolumn();
 | 
			
		||||
        }, 200)
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      //vm.owner.store.commit('insertColumn', columnConfig, newIndex+myindex + 1 , null)
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
    },
 | 
			
		||||
    showcolumn() {
 | 
			
		||||
      console.log("------显示列------")
 | 
			
		||||
      const strHidden=sessionStorage.getItem(this.tableKey)
 | 
			
		||||
      this.hiddenColumns= JSON.parse(strHidden);
 | 
			
		||||
      const table = this.crud.props.table
 | 
			
		||||
      if(this.hiddenColumns!== undefined && this.hiddenColumns!=null){
 | 
			
		||||
      this.hiddenColumns.forEach((column,index) => {
 | 
			
		||||
 | 
			
		||||
        const vm = table.$children.find(e => e.prop === column.property)
 | 
			
		||||
        const columnConfig = vm.columnConfig
 | 
			
		||||
        console.log(columnConfig.label)
 | 
			
		||||
        if(column.visible){
 | 
			
		||||
          columnConfig.width=column.width
 | 
			
		||||
          columnConfig.visible=column.visible
 | 
			
		||||
          vm.owner.store.commit('insertColumn', columnConfig, index+1  , null)
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
      })
 | 
			
		||||
      console.log("------显示列完成------")
 | 
			
		||||
      this. updateTableColumns();
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
    },
 | 
			
		||||
    //列拖拽
 | 
			
		||||
    columnDrop() {
 | 
			
		||||
| 
						 | 
				
			
			@ -263,6 +274,8 @@ export default {
 | 
			
		|||
      let item= this.tableColumns[oldIndex1]
 | 
			
		||||
      const vm = table.$children.find(e => e.prop === item.property)
 | 
			
		||||
      const columnConfig = vm.columnConfig
 | 
			
		||||
      /*this.tableColumns.splice(oldIndex1-1, 1)
 | 
			
		||||
      this.tableColumns.splice(myindex-1, 0, item)*/
 | 
			
		||||
      if(oldIndex1 <newIndex){ // 从左至右拖动
 | 
			
		||||
        vm.owner.store.commit('insertColumn', columnConfig, newIndex+myindex  , null)
 | 
			
		||||
        vm.owner.store.commit('removeColumn', columnConfig, null)
 | 
			
		||||
| 
						 | 
				
			
			@ -292,6 +305,7 @@ export default {
 | 
			
		|||
      const fullTableColumns = table.$children.map(e => e.columnConfig).filter(columnFilter)
 | 
			
		||||
      cols = sortWithRef(fullTableColumns, refCols)
 | 
			
		||||
      cols.forEach(config => {
 | 
			
		||||
 | 
			
		||||
        const column = {
 | 
			
		||||
          property: config.property,
 | 
			
		||||
          label: config.label,
 | 
			
		||||
| 
						 | 
				
			
			@ -346,6 +360,20 @@ export default {
 | 
			
		|||
      this.allColumnsSelected = selectedCount === totalCount
 | 
			
		||||
      this.allColumnsSelectedIndeterminate = selectedCount !== totalCount && selectedCount !== 0
 | 
			
		||||
      this.updateColumnVisible(item)
 | 
			
		||||
      /*const columns = []
 | 
			
		||||
      this.tableColumns.forEach(column => {
 | 
			
		||||
        if(column.visible==false){
 | 
			
		||||
          columns.push(column.property)
 | 
			
		||||
        }
 | 
			
		||||
        console.log("-"+column.property+"--"+column.visible)
 | 
			
		||||
      })
 | 
			
		||||
      const post_table_config = {
 | 
			
		||||
        value: JSON.stringify(columns),
 | 
			
		||||
        tableType: this.tableKey
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      crudTableConfig.add(post_table_config)*/
 | 
			
		||||
      //this.postToTableConfig();
 | 
			
		||||
    },
 | 
			
		||||
    postToTableConfig(){
 | 
			
		||||
      this. updateTableColumns();
 | 
			
		||||
| 
						 | 
				
			
			@ -403,11 +431,9 @@ export default {
 | 
			
		|||
  display: flex;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.crud-opts .crud-opts-right {
 | 
			
		||||
  margin-left: auto;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.crud-opts .crud-opts-right span {
 | 
			
		||||
  float: left;
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue