代码格式化

yz

2021-01-28 05391893459cfbc75500c7eea969132cb261aeaf

代码格式化

 src/views/febs/system/dept/Index.vue

@@ -22,8 +22,17 @@
              </el-dropdown-menu>

            </el-dropdown>

          </div>

          <el-tree ref="deptTree" :data="deptTree" :check-strictly="true" show-checkbox accordion node-key="id"

            highlight-current :filter-node-method="filterNode" @node-click="nodeClick" />

          <el-tree

            ref="deptTree"

            :data="deptTree"

            :check-strictly="true"

            show-checkbox

            accordion

            node-key="id"

            highlight-current

            :filter-node-method="filterNode"

            @node-click="nodeClick"

          />

        </div>

      </el-col>

      <el-col :xs="24" :sm="12">

@@ -36,8 +45,14 @@
              <div>

                <el-form ref="form" :model="dept" :rules="rules" label-position="right" label-width="100px">

                  <el-form-item :label="$t('table.dept.parentId')" prop="parentId">

                    <treeselect v-model="dept.parentId" :multiple="false" :options="deptTree" :clear-value-text="$t('common.clear')"

                      placeholder=" " style="width:100%" />

                    <treeselect

                      v-model="dept.parentId"

                      :multiple="false"

                      :options="deptTree"

                      :clear-value-text="$t('common.clear')"

                      placeholder=" "

                      style="width:100%"

                    />

                  </el-form-item>

                  <el-form-item :label="$t('table.dept.deptName')" prop="deptName">

                    <el-input v-model="dept.deptName" />

@@ -73,156 +88,156 @@
  </div>

</template>

<script>

  import Treeselect from '@riophae/vue-treeselect'

  import '@riophae/vue-treeselect/dist/vue-treeselect.css'

import Treeselect from '@riophae/vue-treeselect'

import '@riophae/vue-treeselect/dist/vue-treeselect.css'



  export default {

    name: 'DeptManager',

    components: {

      Treeselect

    },

    data() {

      return {

        activeName: 'first',

        deptName: '',

        buttonLoading: false,

        deptTree: [],

        dept: this.initDept(),
        jobData:[{"prop0":"","prop1":"1","prop2":"市场部总监","prop3":"1"},{"prop0":"","prop1":"2","prop2":"市场部经理","prop3":"2"},{"prop0":"","prop1":"3","prop2":"高级客户经理","prop3":"5"},{"prop0":"","prop1":"4","prop2":"客户经理","prop3":"10"},{"prop0":"","prop1":"5","prop2":"销售内勤","prop3":"1"},{"prop0":"","prop1":"6","prop2":"销售助理","prop3":"1"}],

        rules: {

          deptName: [{

              required: true,

              message: this.$t('rules.require'),

              trigger: 'blur'

            },

            {

              min: 3,

              max: 10,

              message: this.$t('rules.range3to10'),

              trigger: 'blur'

            }

          ]

export default {

  name: 'DeptManager',

  components: {

    Treeselect

  },

  data() {

    return {

      activeName: 'first',

      deptName: '',

      buttonLoading: false,

      deptTree: [],

      dept: this.initDept(),

      jobData: [{ 'prop0': '', 'prop1': '1', 'prop2': '市场部总监', 'prop3': '1' }, { 'prop0': '', 'prop1': '2', 'prop2': '市场部经理', 'prop3': '2' }, { 'prop0': '', 'prop1': '3', 'prop2': '高级客户经理', 'prop3': '5' }, { 'prop0': '', 'prop1': '4', 'prop2': '客户经理', 'prop3': '10' }, { 'prop0': '', 'prop1': '5', 'prop2': '销售内勤', 'prop3': '1' }, { 'prop0': '', 'prop1': '6', 'prop2': '销售助理', 'prop3': '1' }],

      rules: {

        deptName: [{

          required: true,

          message: this.$t('rules.require'),

          trigger: 'blur'

        },

        {

          min: 3,

          max: 10,

          message: this.$t('rules.range3to10'),

          trigger: 'blur'

        }

        ]

      }

    }

  },

  mounted() {

    this.initDeptTree()

  },

  methods: {

    initDept() {

      return {

        deptId: '',

        deptName: '',

        parentId: null,

        orderNum: 0

      }

    },

    mounted() {

      this.initDeptTree()

    initDeptTree() {

      this.$get('system/dept').then((r) => {

        this.deptTree = r.data.data.rows

      })

    },

    methods: {

      initDept() {

        return {

          deptId: '',

          deptName: '',

          parentId: null,

          orderNum: 0

        }

      },

      initDeptTree() {

        this.$get('system/dept').then((r) => {

          this.deptTree = r.data.data.rows

        })

      },

      exportExcel() {

        this.$download('system/dept/excel', {

          deptName: this.deptName

        }, `dept_${new Date().getTime()}.xlsx`)

      },

      handleNumChange(val) {

        this.dept.orderNum = val

      },

      filterNode(value, data) {

        if (!value) return true

        return data.label.indexOf(value) !== -1

      },

      nodeClick(data) {

        this.dept.parentId = data.parentId

        if (this.dept.parentId === '0') {

          this.dept.parentId = null

        }

        this.dept.orderNum = data.orderNum

        this.dept.deptName = data.label

        this.dept.deptId = data.id

        this.$refs.form.clearValidate()

      },

      add() {

        this.resetForm()

    exportExcel() {

      this.$download('system/dept/excel', {

        deptName: this.deptName

      }, `dept_${new Date().getTime()}.xlsx`)

    },

    handleNumChange(val) {

      this.dept.orderNum = val

    },

    filterNode(value, data) {

      if (!value) return true

      return data.label.indexOf(value) !== -1

    },

    nodeClick(data) {

      this.dept.parentId = data.parentId

      if (this.dept.parentId === '0') {

        this.dept.parentId = null

      }

      this.dept.orderNum = data.orderNum

      this.dept.deptName = data.label

      this.dept.deptId = data.id

      this.$refs.form.clearValidate()

    },

    add() {

      this.resetForm()

      this.$message({

        message: this.$t('tips.createTips'),

        type: 'info'

      })

    },

    deleteDept() {

      const checked = this.$refs.deptTree.getCheckedKeys()

      if (checked.length === 0) {

        this.$message({

          message: this.$t('tips.createTips'),

          type: 'info'

          message: this.$t('tips.noNodeSelected'),

          type: 'warning'

        })

      },

      deleteDept() {

        const checked = this.$refs.deptTree.getCheckedKeys()

        if (checked.length === 0) {

          this.$message({

            message: this.$t('tips.noNodeSelected'),

            type: 'warning'

      } else {

        this.$confirm(this.$t('tips.confirmDeleteNode'), this.$t('common.tips'), {

          confirmButtonText: this.$t('common.confirm'),

          cancelButtonText: this.$t('common.cancel'),

          type: 'warning'

        }).then(() => {

          this.dept.deptIds = checked.join(',')

          this.$delete(`system/dept/${this.dept.deptIds}`).then(() => {

            this.$message({

              message: this.$t('tips.deleteSuccess'),

              type: 'success'

            })

            this.reset()

          })

        } else {

          this.$confirm(this.$t('tips.confirmDeleteNode'), this.$t('common.tips'), {

            confirmButtonText: this.$t('common.confirm'),

            cancelButtonText: this.$t('common.cancel'),

            type: 'warning'

          }).then(() => {

            this.dept.deptIds = checked.join(',')

            this.$delete(`system/dept/${this.dept.deptIds}`).then(() => {

        }).catch(() => {

          this.$refs.deptTree.setCheckedKeys([])

        })

      }

    },

    search() {

      this.$refs.deptTree.filter(this.deptName)

    },

    reset() {

      this.initDeptTree()

      this.deptName = ''

      this.resetForm()

    },

    submit() {

      this.$refs.form.validate((valid) => {

        if (valid) {

          this.buttonLoading = true

          this.dept.createTime = this.dept.modifyTime = null

          if (this.dept.deptId) {

            this.$put('system/dept', { ...this.dept

            }).then(() => {

              this.buttonLoading = false

              this.$message({

                message: this.$t('tips.deleteSuccess'),

                message: this.$t('tips.updateSuccess'),

                type: 'success'

              })

              this.reset()

            })

          }).catch(() => {

            this.$refs.deptTree.setCheckedKeys([])

          })

        }

      },

      search() {

        this.$refs.deptTree.filter(this.deptName)

      },

      reset() {

        this.initDeptTree()

        this.deptName = ''

        this.resetForm()

      },

      submit() {

        this.$refs.form.validate((valid) => {

          if (valid) {

            this.buttonLoading = true

            this.dept.createTime = this.dept.modifyTime = null

            if (this.dept.deptId) {

              this.$put('system/dept', { ...this.dept

              }).then(() => {

                this.buttonLoading = false

                this.$message({

                  message: this.$t('tips.updateSuccess'),

                  type: 'success'

                })

                this.reset()

              })

            } else {

              this.$post('system/dept', { ...this.dept

              }).then(() => {

                this.buttonLoading = false

                this.$message({

                  message: this.$t('tips.createSuccess'),

                  type: 'success'

                })

                this.reset()

              })

            }

          } else {

            return false

            this.$post('system/dept', { ...this.dept

            }).then(() => {

              this.buttonLoading = false

              this.$message({

                message: this.$t('tips.createSuccess'),

                type: 'success'

              })

              this.reset()

            })

          }

        })

      },

      resetForm() {

        this.$refs.form.clearValidate()

        this.$refs.form.resetFields()

        this.dept = this.initDept()

      }

        } else {

          return false

        }

      })

    },

    resetForm() {

      this.$refs.form.clearValidate()

      this.$refs.form.resetFields()

      this.dept = this.initDept()

    }

  }

}

</script>

<style lang="scss" scoped>

  .dept {

@@ -251,4 +266,4 @@
  .vue-treeselect__menu {

    max-height: 165px !important;

  }

</style>
</style>


 src/views/user/inemployees.vue

@@ -12,8 +12,8 @@
            <el-button type="danger" @click="advancedQueryShowMethods">高级查询</el-button>

          </el-col>

        </el-row>

        <el-row>

          <el-col :span="30">

        <el-row v-show="advancedQueryShow">

          <el-col :span="24">

            <el-button type="danger">新增员工</el-button>

            <el-button type="primary">删除员工</el-button>

            <el-button type="danger" @click="showYgdg">员工调岗</el-button>

@@ -893,138 +893,138 @@
        <el-button @click="dialogIsShow()">取 消</el-button>

        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>

      </div>

    </el-dialog>
    <el-dialog title="关闭档案" :visible.sync="dialogShowGbda" width="50%">
      <el-form :model="baseicInformationForm" label-position="right" label-width="120px">
        <el-row>
          <el-col span="24">
            <el-form-item label="离职类型" prop="region">
              <el-radio-group v-model="radio">
                <el-radio :label="1">正常离职</el-radio>
                <el-radio :label="2">自动离职</el-radio>
                <el-radio :label="3">公司劝退</el-radio>
                <el-radio :label="4">公司辞退</el-radio>
                <el-radio :label="5">试用期内</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="关闭日期">
              <el-input v-model="name" />
            </el-form-item>
            <el-form-item label="备注说明">
              <el-input type="textarea" :rows="4" v-model="name" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog title="关闭档案" :visible.sync="dialogShowGbda" width="50%">

      <el-form :model="baseicInformationForm" label-position="right" label-width="120px">

        <el-row>

          <el-col span="24">

            <el-form-item label="离职类型" prop="region">

              <el-radio-group v-model="radio">

                <el-radio :label="1">正常离职</el-radio>

                <el-radio :label="2">自动离职</el-radio>

                <el-radio :label="3">公司劝退</el-radio>

                <el-radio :label="4">公司辞退</el-radio>

                <el-radio :label="5">试用期内</el-radio>

              </el-radio-group>

            </el-form-item>

            <el-form-item label="关闭日期">

              <el-input v-model="name" />

            </el-form-item>

            <el-form-item label="备注说明">

              <el-input v-model="name" type="textarea" :rows="4" />

            </el-form-item>

          </el-col>

        </el-row>

      </el-form>

      <div slot="footer" class="dialog-footer">

        <el-button @click="dialogIsShow()">取 消</el-button>

        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>

      </div>

    </el-dialog>

  </div>

</template>

<script>

  export default {

    data() {

      return {

        headerHeight: '70px',

        advancedQueryShow: false,

        dialogTableVisible: false,

        dialogShowYgdg: false,

        dialogShowDryg: false,

        dialogShowGbda: false,

        tableData: [{

          date: '2016-05-02',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1518 弄'

        }, {

          date: '2016-05-04',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1517 弄'

        }, {

          date: '2016-05-01',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1519 弄'

        }, {

          date: '2016-05-03',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1516 弄'

        }],

        data: [{

            label: '一级 1',

            children: [{

              label: '二级 1-1',

              children: [{

                label: '三级 1-1-1'

              }]

            }]

          },

          {

            label: '一级 2',

            children: [{

                label: '二级 2-1',

                children: [{

                  label: '三级 2-1-1'

                }]

              },

              {

                label: '二级 2-2',

                children: [{

                  label: '三级 2-2-1'

                }]

              }

            ]

          },

          {

            label: '一级 3',

            children: [{

                label: '二级 3-1',

                children: [{

                  label: '三级 3-1-1'

                }]

              },

              {

                label: '二级 3-2',

                children: [{

                  label: '三级 3-2-1'

                }]

              }

            ]

          }

        ],

        defaultProps: {

          children: 'children',

          label: 'label'

export default {

  data() {

    return {

      headerHeight: '70px',

      advancedQueryShow: false,

      dialogTableVisible: false,

      dialogShowYgdg: false,

      dialogShowDryg: false,

      dialogShowGbda: false,

      tableData: [{

        date: '2016-05-02',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1518 弄'

      }, {

        date: '2016-05-04',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1517 弄'

      }, {

        date: '2016-05-01',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1519 弄'

      }, {

        date: '2016-05-03',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1516 弄'

      }],

      data: [{

        label: '一级 1',

        children: [{

          label: '二级 1-1',

          children: [{

            label: '三级 1-1-1'

          }]

        }]

      },

      {

        label: '一级 2',

        children: [{

          label: '二级 2-1',

          children: [{

            label: '三级 2-1-1'

          }]

        },

        {

          label: '二级 2-2',

          children: [{

            label: '三级 2-2-1'

          }]

        }

        ]

      },

      {

        label: '一级 3',

        children: [{

          label: '二级 3-1',

          children: [{

            label: '三级 3-1-1'

          }]

        },

        {

          label: '二级 3-2',

          children: [{

            label: '三级 3-2-1'

          }]

        }

        ]

      }

    },

    methods: {

      handleNodeClick(data) {

        console.log(data)

      },

      advancedQueryShowMethods() {

        if (this.advancedQueryShow) {

          this.headerHeight = '70px'

          this.advancedQueryShow = false

        } else {

          this.headerHeight = '350px'

          this.advancedQueryShow = true

        }

      },

      showEmpInfo() {

        this.dialogTableVisible = true

      },

      showYgdg() {

        this.dialogShowYgdg = true

      },

      showDryg() {

        this.dialogShowDryg = true

      },

      showGbda() {

        this.dialogShowGbda = true

      ],

      defaultProps: {

        children: 'children',

        label: 'label'

      }

    }

  },

  methods: {

    handleNodeClick(data) {

      console.log(data)

    },

    advancedQueryShowMethods() {

      if (this.advancedQueryShow) {

        this.headerHeight = '70px'

        this.advancedQueryShow = false

      } else {

        this.headerHeight = '350px'

        this.advancedQueryShow = true

      }

    },

    showEmpInfo() {

      this.dialogTableVisible = true

    },

    showYgdg() {

      this.dialogShowYgdg = true

    },

    showDryg() {

      this.dialogShowDryg = true

    },

    showGbda() {

      this.dialogShowGbda = true

    }

  }

}

</script>

<style lang="scss">

  .el-aside {

@@ -1095,4 +1095,4 @@
  .del_button {

    color: #D9001B;

  }

</style>
</style>


 src/views/user/outemployess.vue

@@ -843,7 +843,7 @@
              <el-input v-model="name" />

            </el-form-item>

            <el-form-item label="备注说明">

              <el-input type="textarea" :rows="4" v-model="name" />

              <el-input v-model="name" type="textarea" :rows="4" />

            </el-form-item>

          </el-col>

        </el-row>

@@ -856,99 +856,99 @@
  </div>

</template>

<script>

  export default {

    data() {

      return {

        headerHeight: '70px',

        advancedQueryShow: false,

        dialogTableVisible: false,

        dialogShowDkda:false,

        tableData: [{

          date: '2016-05-02',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1518 弄'

        }, {

          date: '2016-05-04',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1517 弄'

        }, {

          date: '2016-05-01',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1519 弄'

        }, {

          date: '2016-05-03',

          name: '王小虎',

          address: '上海市普陀区金沙江路 1516 弄'

        }],

        data: [{

            label: '一级 1',

            children: [{

              label: '二级 1-1',

              children: [{

                label: '三级 1-1-1'

              }]

            }]

          },

          {

            label: '一级 2',

            children: [{

                label: '二级 2-1',

                children: [{

                  label: '三级 2-1-1'

                }]

              },

              {

                label: '二级 2-2',

                children: [{

                  label: '三级 2-2-1'

                }]

              }

            ]

          },

          {

            label: '一级 3',

            children: [{

                label: '二级 3-1',

                children: [{

                  label: '三级 3-1-1'

                }]

              },

              {

                label: '二级 3-2',

                children: [{

                  label: '三级 3-2-1'

                }]

              }

            ]

          }

        ],

        defaultProps: {

          children: 'children',

          label: 'label'

export default {

  data() {

    return {

      headerHeight: '70px',

      advancedQueryShow: false,

      dialogTableVisible: false,

      dialogShowDkda: false,

      tableData: [{

        date: '2016-05-02',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1518 弄'

      }, {

        date: '2016-05-04',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1517 弄'

      }, {

        date: '2016-05-01',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1519 弄'

      }, {

        date: '2016-05-03',

        name: '王小虎',

        address: '上海市普陀区金沙江路 1516 弄'

      }],

      data: [{

        label: '一级 1',

        children: [{

          label: '二级 1-1',

          children: [{

            label: '三级 1-1-1'

          }]

        }]

      },

      {

        label: '一级 2',

        children: [{

          label: '二级 2-1',

          children: [{

            label: '三级 2-1-1'

          }]

        },

        {

          label: '二级 2-2',

          children: [{

            label: '三级 2-2-1'

          }]

        }

        ]

      },

      {

        label: '一级 3',

        children: [{

          label: '二级 3-1',

          children: [{

            label: '三级 3-1-1'

          }]

        },

        {

          label: '二级 3-2',

          children: [{

            label: '三级 3-2-1'

          }]

        }

        ]

      }

    },

    methods: {

      handleNodeClick(data) {

        console.log(data)

      },

      advancedQueryShowMethods() {

        if (this.advancedQueryShow) {

          this.headerHeight = '70px'

          this.advancedQueryShow = false

        } else {

          this.headerHeight = '300px'

          this.advancedQueryShow = true

        }

      },

      showEmpInfo() {

        this.dialogTableVisible = true

      },

      showDkda(){

        this.dialogShowDkda = true

      ],

      defaultProps: {

        children: 'children',

        label: 'label'

      }

    }

  },

  methods: {

    handleNodeClick(data) {

      console.log(data)

    },

    advancedQueryShowMethods() {

      if (this.advancedQueryShow) {

        this.headerHeight = '70px'

        this.advancedQueryShow = false

      } else {

        this.headerHeight = '300px'

        this.advancedQueryShow = true

      }

    },

    showEmpInfo() {

      this.dialogTableVisible = true

    },

    showDkda() {

      this.dialogShowDkda = true

    }

  }

}

</script>

<style lang="scss">

  .el-aside {

@@ -1019,4 +1019,4 @@
  .del_button {

    color: #D9001B;

  }

</style>
</style>


 src/views/user/search.vue

@@ -194,187 +194,187 @@
  </div>

</template>

<script>

  export default {

    data() {

      return {

        headerHeight: '70px',

        advancedQueryShow: false,

        dialogTableVisible: false,

        tableData: [{

          "prop0": "1",

          "prop1": "2100452312",

          "prop2": "赵建国",

          "prop3": "男",

          "prop4": "510304197402225813",

          "prop5": "10",

          "prop6": "汉族",

          "prop7": "170",

          "prop8": "46",

          "prop9": "党员",

          "prop10": "大专",

          "prop11": "广东省番禺市",

          "prop12": "",

          "prop13": "",

          "prop14": "已移交",

          "prop15": "在职",

          "prop16": "133023187889"

        }, {

          "prop0": "2",

          "prop1": "2101620946",

          "prop2": "罗启艳",

          "prop3": "女",

          "prop4": "41272619740120543X",

          "prop5": "10",

          "prop6": "汉族",

          "prop7": "175",

          "prop8": "46",

          "prop9": "团员",

          "prop10": "高中",

          "prop11": "广东省番禺市",

          "prop12": "",

          "prop13": "",

          "prop14": "已移交",

          "prop15": "在职",

          "prop16": "189135789889"

        }, {

          "prop0": "3",

          "prop1": "2100629950",

          "prop2": "毛玉平",

          "prop3": "男",

          "prop4": "522528198202071629",

          "prop5": "10",

          "prop6": "汉族",

          "prop7": "170",

          "prop8": "39",

          "prop9": "非党员",

          "prop10": "高中",

          "prop11": "广东省番禺市",

          "prop12": "",

          "prop13": "",

          "prop14": "已移交",

          "prop15": "在职",

          "prop16": "135098784561"

        }, {

          "prop0": "4",

          "prop1": "2100882835",

          "prop2": "梅均均",

          "prop3": "女",

          "prop4": "510504198704260927",

          "prop5": "10",

          "prop6": "汉族",

          "prop7": "175",

          "prop8": "34",

          "prop9": "党员",

          "prop10": "高中",

          "prop11": "广东省番禺市",

          "prop12": "",

          "prop13": "",

          "prop14": "未移交",

          "prop15": "在职",

          "prop16": "133023187889"

        }, {

          "prop0": "5",

          "prop1": "2101356718",

          "prop2": "王香妮",

          "prop3": "女",

          "prop4": "433122199508091511",

          "prop5": "10",

          "prop6": "汉族",

          "prop7": "175",

          "prop8": "26",

          "prop9": "团员",

          "prop10": "高中",

          "prop11": "广东省番禺市",

          "prop12": "",

          "prop13": "",

          "prop14": "未移交",

          "prop15": "在职",

          "prop16": "189135789889"

        }, {

          "prop0": "6",

          "prop1": "2100900981",

          "prop2": "易金洪",

          "prop3": "男",

          "prop4": "610424198306152860",

          "prop5": "10",

          "prop6": "苗族",

          "prop7": "169",

          "prop8": "38",

          "prop9": "非党员",

          "prop10": "",

          "prop11": "广东省番禺市",

          "prop12": "",

          "prop13": "",

          "prop14": "已移交",

          "prop15": "正常离职",

          "prop16": "135098784561"

        }],

        data: [{

            label: '一级 1',

            children: [{

              label: '二级 1-1',

              children: [{

                label: '三级 1-1-1'

              }]

            }]

          },

          {

            label: '一级 2',

            children: [{

                label: '二级 2-1',

                children: [{

                  label: '三级 2-1-1'

                }]

              },

              {

                label: '二级 2-2',

                children: [{

                  label: '三级 2-2-1'

                }]

              }

            ]

          },

          {

            label: '一级 3',

            children: [{

                label: '二级 3-1',

                children: [{

                  label: '三级 3-1-1'

                }]

              },

              {

                label: '二级 3-2',

                children: [{

                  label: '三级 3-2-1'

                }]

              }

            ]

          }

        ],

        defaultProps: {

          children: 'children',

          label: 'label'

export default {

  data() {

    return {

      headerHeight: '70px',

      advancedQueryShow: false,

      dialogTableVisible: false,

      tableData: [{

        'prop0': '1',

        'prop1': '2100452312',

        'prop2': '赵建国',

        'prop3': '男',

        'prop4': '510304197402225813',

        'prop5': '10',

        'prop6': '汉族',

        'prop7': '170',

        'prop8': '46',

        'prop9': '党员',

        'prop10': '大专',

        'prop11': '广东省番禺市',

        'prop12': '',

        'prop13': '',

        'prop14': '已移交',

        'prop15': '在职',

        'prop16': '133023187889'

      }, {

        'prop0': '2',

        'prop1': '2101620946',

        'prop2': '罗启艳',

        'prop3': '女',

        'prop4': '41272619740120543X',

        'prop5': '10',

        'prop6': '汉族',

        'prop7': '175',

        'prop8': '46',

        'prop9': '团员',

        'prop10': '高中',

        'prop11': '广东省番禺市',

        'prop12': '',

        'prop13': '',

        'prop14': '已移交',

        'prop15': '在职',

        'prop16': '189135789889'

      }, {

        'prop0': '3',

        'prop1': '2100629950',

        'prop2': '毛玉平',

        'prop3': '男',

        'prop4': '522528198202071629',

        'prop5': '10',

        'prop6': '汉族',

        'prop7': '170',

        'prop8': '39',

        'prop9': '非党员',

        'prop10': '高中',

        'prop11': '广东省番禺市',

        'prop12': '',

        'prop13': '',

        'prop14': '已移交',

        'prop15': '在职',

        'prop16': '135098784561'

      }, {

        'prop0': '4',

        'prop1': '2100882835',

        'prop2': '梅均均',

        'prop3': '女',

        'prop4': '510504198704260927',

        'prop5': '10',

        'prop6': '汉族',

        'prop7': '175',

        'prop8': '34',

        'prop9': '党员',

        'prop10': '高中',

        'prop11': '广东省番禺市',

        'prop12': '',

        'prop13': '',

        'prop14': '未移交',

        'prop15': '在职',

        'prop16': '133023187889'

      }, {

        'prop0': '5',

        'prop1': '2101356718',

        'prop2': '王香妮',

        'prop3': '女',

        'prop4': '433122199508091511',

        'prop5': '10',

        'prop6': '汉族',

        'prop7': '175',

        'prop8': '26',

        'prop9': '团员',

        'prop10': '高中',

        'prop11': '广东省番禺市',

        'prop12': '',

        'prop13': '',

        'prop14': '未移交',

        'prop15': '在职',

        'prop16': '189135789889'

      }, {

        'prop0': '6',

        'prop1': '2100900981',

        'prop2': '易金洪',

        'prop3': '男',

        'prop4': '610424198306152860',

        'prop5': '10',

        'prop6': '苗族',

        'prop7': '169',

        'prop8': '38',

        'prop9': '非党员',

        'prop10': '',

        'prop11': '广东省番禺市',

        'prop12': '',

        'prop13': '',

        'prop14': '已移交',

        'prop15': '正常离职',

        'prop16': '135098784561'

      }],

      data: [{

        label: '一级 1',

        children: [{

          label: '二级 1-1',

          children: [{

            label: '三级 1-1-1'

          }]

        }]

      },

      {

        label: '一级 2',

        children: [{

          label: '二级 2-1',

          children: [{

            label: '三级 2-1-1'

          }]

        },

        {

          label: '二级 2-2',

          children: [{

            label: '三级 2-2-1'

          }]

        }

        ]

      },

      {

        label: '一级 3',

        children: [{

          label: '二级 3-1',

          children: [{

            label: '三级 3-1-1'

          }]

        },

        {

          label: '二级 3-2',

          children: [{

            label: '三级 3-2-1'

          }]

        }

        ]

      }

    },

    methods: {

      handleNodeClick(data) {

        console.log(data)

      },

      advancedQueryShowMethods() {

        if (this.advancedQueryShow) {

          this.headerHeight = '70px'

          this.advancedQueryShow = false

        } else {

          this.headerHeight = '410px'

          this.advancedQueryShow = true

        }

      },

      showEmpInfo() {

        this.dialogTableVisible = true

      ],

      defaultProps: {

        children: 'children',

        label: 'label'

      }

    }

  },

  methods: {

    handleNodeClick(data) {

      console.log(data)

    },

    advancedQueryShowMethods() {

      if (this.advancedQueryShow) {

        this.headerHeight = '70px'

        this.advancedQueryShow = false

      } else {

        this.headerHeight = '410px'

        this.advancedQueryShow = true

      }

    },

    showEmpInfo() {

      this.dialogTableVisible = true

    }

  }

}

</script>

<style lang="scss">

  .el-aside {

@@ -445,4 +445,4 @@
  .del_button {

    color: #D9001B;

  }

</style>
</style>


 src/views/yunpan/fujian.vue

@@ -169,430 +169,430 @@
  </div>

</template>

<script>

  export default {

    data() {

      return {

        headerHeight: '70px',

        advancedQueryShow: false,

        dialogTableVisible: false,

        tableData: [{

          "prop0": "",

          "prop1": "上传",

          "prop2": "赵建国",

          "prop3": "510304197402225813",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "5",

          "prop9": "1",

          "prop10": "5",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "5",

          "prop15": "1",

          "prop16": "5",

          "prop17": "1",

          "prop18": "5",

          "prop19": "5",

          "prop20": "1",

          "prop21": "5",

          "prop22": "1",

          "prop23": "5",

          "prop24": "1",

          "prop25": "5"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "罗启艳",

          "prop3": "41272619740120543X",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "4",

          "prop9": "1",

          "prop10": "4",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "4",

          "prop15": "1",

          "prop16": "4",

          "prop17": "1",

          "prop18": "4",

          "prop19": "4",

          "prop20": "1",

          "prop21": "4",

          "prop22": "1",

          "prop23": "4",

          "prop24": "1",

          "prop25": "4"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "毛玉平",

          "prop3": "522528198202071629",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "3",

          "prop9": "1",

          "prop10": "3",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "3",

          "prop15": "1",

          "prop16": "3",

          "prop17": "1",

          "prop18": "3",

          "prop19": "3",

          "prop20": "1",

          "prop21": "3",

          "prop22": "1",

          "prop23": "3",

          "prop24": "1",

          "prop25": "3"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "梅均均",

          "prop3": "510504198704260927",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "3",

          "prop9": "1",

          "prop10": "3",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "3",

          "prop15": "1",

          "prop16": "3",

          "prop17": "1",

          "prop18": "3",

          "prop19": "3",

          "prop20": "1",

          "prop21": "3",

          "prop22": "1",

          "prop23": "3",

          "prop24": "1",

          "prop25": "3"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "王香妮",

          "prop3": "433122199508091511",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "2",

          "prop8": "3",

          "prop9": "1",

          "prop10": "3",

          "prop11": "1",

          "prop12": "1",

          "prop13": "2",

          "prop14": "3",

          "prop15": "1",

          "prop16": "3",

          "prop17": "1",

          "prop18": "3",

          "prop19": "3",

          "prop20": "1",

          "prop21": "3",

          "prop22": "1",

          "prop23": "3",

          "prop24": "1",

          "prop25": "3"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "易金洪",

          "prop3": "610424198306152860",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "4",

          "prop9": "1",

          "prop10": "4",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "4",

          "prop15": "1",

          "prop16": "4",

          "prop17": "1",

          "prop18": "4",

          "prop19": "4",

          "prop20": "1",

          "prop21": "4",

          "prop22": "1",

          "prop23": "4",

          "prop24": "1",

          "prop25": "4"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "李忠敏",

          "prop3": "511123198602016016",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "5",

          "prop9": "1",

          "prop10": "5",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "5",

          "prop15": "1",

          "prop16": "5",

          "prop17": "1",

          "prop18": "5",

          "prop19": "5",

          "prop20": "1",

          "prop21": "5",

          "prop22": "1",

          "prop23": "5",

          "prop24": "1",

          "prop25": "5"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "徐健",

          "prop3": "512927197202166053",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "6",

          "prop9": "1",

          "prop10": "6",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "6",

          "prop15": "1",

          "prop16": "6",

          "prop17": "1",

          "prop18": "6",

          "prop19": "6",

          "prop20": "1",

          "prop21": "6",

          "prop22": "1",

          "prop23": "6",

          "prop24": "1",

          "prop25": "6"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "曾昌玖",

          "prop3": "510322197606103351",

          "prop4": "一分公司",

          "prop5": "经理",

          "prop6": "1",

          "prop7": "1",

          "prop8": "3",

          "prop9": "1",

          "prop10": "3",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "3",

          "prop15": "1",

          "prop16": "3",

          "prop17": "1",

          "prop18": "3",

          "prop19": "3",

          "prop20": "1",

          "prop21": "3",

          "prop22": "1",

          "prop23": "3",

          "prop24": "1",

          "prop25": "3"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "赵高",

          "prop3": "511123197510263074",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "2",

          "prop9": "1",

          "prop10": "2",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "2",

          "prop15": "1",

          "prop16": "2",

          "prop17": "1",

          "prop18": "2",

          "prop19": "2",

          "prop20": "1",

          "prop21": "2",

          "prop22": "1",

          "prop23": "2",

          "prop24": "1",

          "prop25": "2"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "王忠山",

          "prop3": "522426199904290419",

          "prop4": "一分公司",

          "prop5": "主管",

          "prop6": "1",

          "prop7": "1",

          "prop8": "1",

          "prop9": "1",

          "prop10": "1",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "1",

          "prop15": "1",

          "prop16": "1",

          "prop17": "1",

          "prop18": "1",

          "prop19": "1",

          "prop20": "1",

          "prop21": "1",

          "prop22": "1",

          "prop23": "1",

          "prop24": "1",

          "prop25": "1"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "严福林",

          "prop3": "433130197205180710",

          "prop4": "一分公司",

          "prop5": "经理",

          "prop6": "1",

          "prop7": "1",

          "prop8": "2",

          "prop9": "1",

          "prop10": "2",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "2",

          "prop15": "1",

          "prop16": "2",

          "prop17": "1",

          "prop18": "2",

          "prop19": "2",

          "prop20": "1",

          "prop21": "2",

          "prop22": "1",

          "prop23": "2",

          "prop24": "1",

          "prop25": "2"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "叶金云",

          "prop3": "512923197703020639",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "2",

          "prop9": "1",

          "prop10": "2",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "2",

          "prop15": "1",

          "prop16": "2",

          "prop17": "1",

          "prop18": "2",

          "prop19": "2",

          "prop20": "1",

          "prop21": "2",

          "prop22": "1",

          "prop23": "2",

          "prop24": "1",

          "prop25": "2"

        }],

        data: [{

            label: '一级 1',

            children: [{

              label: '二级 1-1',

              children: [{

                label: '三级 1-1-1'

              }]

            }]

          },

          {

            label: '一级 2',

            children: [{

                label: '二级 2-1',

                children: [{

                  label: '三级 2-1-1'

                }]

              },

              {

                label: '二级 2-2',

                children: [{

                  label: '三级 2-2-1'

                }]

              }

            ]

          },

          {

            label: '一级 3',

            children: [{

                label: '二级 3-1',

                children: [{

                  label: '三级 3-1-1'

                }]

              },

              {

                label: '二级 3-2',

                children: [{

                  label: '三级 3-2-1'

                }]

              }

            ]

          }

        ],

        defaultProps: {

          children: 'children',

          label: 'label'

export default {

  data() {

    return {

      headerHeight: '70px',

      advancedQueryShow: false,

      dialogTableVisible: false,

      tableData: [{

        'prop0': '',

        'prop1': '上传',

        'prop2': '赵建国',

        'prop3': '510304197402225813',

        'prop4': '一分公司',

        'prop5': '保安员',

        'prop6': '1',

        'prop7': '1',

        'prop8': '5',

        'prop9': '1',

        'prop10': '5',

        'prop11': '1',

        'prop12': '1',

        'prop13': '1',

        'prop14': '5',

        'prop15': '1',

        'prop16': '5',

        'prop17': '1',

        'prop18': '5',

        'prop19': '5',

        'prop20': '1',

        'prop21': '5',

        'prop22': '1',

        'prop23': '5',

        'prop24': '1',

        'prop25': '5'

      }, {

        'prop0': '',

        'prop1': '上传',

        'prop2': '罗启艳',

        'prop3': '41272619740120543X',

        'prop4': '一分公司',

        'prop5': '保安员',

        'prop6': '1',

        'prop7': '1',

        'prop8': '4',

        'prop9': '1',

        'prop10': '4',

        'prop11': '1',

        'prop12': '1',

        'prop13': '1',

        'prop14': '4',

        'prop15': '1',

        'prop16': '4',

        'prop17': '1',

        'prop18': '4',

        'prop19': '4',

        'prop20': '1',

        'prop21': '4',

        'prop22': '1',

        'prop23': '4',

        'prop24': '1',

        'prop25': '4'

      }, {

        'prop0': '',

        'prop1': '上传',

        'prop2': '毛玉平',

        'prop3': '522528198202071629',

        'prop4': '一分公司',

        'prop5': '保安员',

        'prop6': '1',

        'prop7': '1',

        'prop8': '3',

        'prop9': '1',

        'prop10': '3',

        'prop11': '1',

        'prop12': '1',

        'prop13': '1',

        'prop14': '3',

        'prop15': '1',

        'prop16': '3',

        'prop17': '1',

        'prop18': '3',

        'prop19': '3',

        'prop20': '1',

        'prop21': '3',

        'prop22': '1',

        'prop23': '3',

        'prop24': '1',

        'prop25': '3'

      }, {

        'prop0': '',

        'prop1': '上传',

        'prop2': '梅均均',

        'prop3': '510504198704260927',

        'prop4': '一分公司',

        'prop5': '保安员',

        'prop6': '1',

        'prop7': '1',

        'prop8': '3',

        'prop9': '1',

        'prop10': '3',

        'prop11': '1',

        'prop12': '1',

        'prop13': '1',

        'prop14': '3',

        'prop15': '1',

        'prop16': '3',

        'prop17': '1',

        'prop18': '3',

        'prop19': '3',

        'prop20': '1',

        'prop21': '3',

        'prop22': '1',

        'prop23': '3',

        'prop24': '1',

        'prop25': '3'

      }, {

        'prop0': '',

        'prop1': '上传',

        'prop2': '王香妮',

        'prop3': '433122199508091511',

        'prop4': '一分公司',

        'prop5': '保安员',

        'prop6': '1',

        'prop7': '2',

        'prop8': '3',

        'prop9': '1',

        'prop10': '3',

        'prop11': '1',

        'prop12': '1',

        'prop13': '2',

        'prop14': '3',

        'prop15': '1',

        'prop16': '3',

        'prop17': '1',

        'prop18': '3',

        'prop19': '3',

        'prop20': '1',

        'prop21': '3',

        'prop22': '1',

        'prop23': '3',

        'prop24': '1',

        'prop25': '3'

      }, {

        'prop0': '',

        'prop1': '上传',

        'prop2': '易金洪',

        'prop3': '610424198306152860',

        'prop4': '一分公司',

        'prop5': '保安员',

        'prop6': '1',

        'prop7': '1',

        'prop8': '4',

        'prop9': '1',

        'prop10': '4',

        'prop11': '1',

        'prop12': '1',

        'prop13': '1',

        'prop14': '4',

        'prop15': '1',

        'prop16': '4',

        'prop17': '1',

        'prop18': '4',

        'prop19': '4',

        'prop20': '1',

        'prop21': '4',

        'prop22': '1',

        'prop23': '4',

        'prop24': '1',

        'prop25': '4'

      }, {

        'prop0': '',

        'prop1': '上传',

        'prop2': '李忠敏',

        'prop3': '511123198602016016',

        'prop4': '一分公司',

        'prop5': '保安员',

        'prop6': '1',

        'prop7': '1',

        'prop8': '5',

        'prop9': '1',

        'prop10': '5',

        'prop11': '1',

        'prop12': '1',

        'prop13': '1',

        'prop14': '5',

        'prop15': '1',

        'prop16': '5',

        'prop17': '1',

        'prop18': '5',

        'prop19': '5',

        'prop20': '1',

        'prop21': '5',

        'prop22': '1',

        'prop23': '5',

        'prop24': '1',

        'prop25': '5'

      }, {

        'prop0': '',

        'prop1': '上传',

        'prop2': '徐健',

        'prop3': '512927197202166053',

        'prop4': '一分公司',

        'prop5': '保安员',

        'prop6': '1',

        'prop7': '1',

        'prop8': '6',

        'prop9': '1',

        'prop10': '6',

        'prop11': '1',

        'prop12': '1',

        'prop13': '1',

        'prop14': '6',

        'prop15': '1',

        'prop16': '6',

        'prop17': '1',

        'prop18': '6',

        'prop19': '6',

        'prop20': '1',

        'prop21': '6',

        'prop22': '1',

        'prop23': '6',

        'prop24': '1',

        'prop25': '6'

      }, {

        'prop0': '',

        'prop1': '上传',

        'prop2': '曾昌玖',

        'prop3': '510322197606103351',

        'prop4': '一分公司',

        'prop5': '经理',

        'prop6': '1',

        'prop7': '1',

        'prop8': '3',

        'prop9': '1',

        'prop10': '3',

        'prop11': '1',

        'prop12': '1',

        'prop13': '1',

        'prop14': '3',

        'prop15': '1',

        'prop16': '3',

        'prop17': '1',

        'prop18': '3',

        'prop19': '3',

        'prop20': '1',

        'prop21': '3',

        'prop22': '1',

        'prop23': '3',

        'prop24': '1',

        'prop25': '3'

      }, {

        'prop0': '',

        'prop1': '上传',

        'prop2': '赵高',

        'prop3': '511123197510263074',

        'prop4': '一分公司',

        'prop5': '保安员',

        'prop6': '1',

        'prop7': '1',

        'prop8': '2',

        'prop9': '1',

        'prop10': '2',

        'prop11': '1',

        'prop12': '1',

        'prop13': '1',

        'prop14': '2',

        'prop15': '1',

        'prop16': '2',

        'prop17': '1',

        'prop18': '2',

        'prop19': '2',

        'prop20': '1',

        'prop21': '2',

        'prop22': '1',

        'prop23': '2',

        'prop24': '1',

        'prop25': '2'

      }, {

        'prop0': '',

        'prop1': '上传',

        'prop2': '王忠山',

        'prop3': '522426199904290419',

        'prop4': '一分公司',

        'prop5': '主管',

        'prop6': '1',

        'prop7': '1',

        'prop8': '1',

        'prop9': '1',

        'prop10': '1',

        'prop11': '1',

        'prop12': '1',

        'prop13': '1',

        'prop14': '1',

        'prop15': '1',

        'prop16': '1',

        'prop17': '1',

        'prop18': '1',

        'prop19': '1',

        'prop20': '1',

        'prop21': '1',

        'prop22': '1',

        'prop23': '1',

        'prop24': '1',

        'prop25': '1'

      }, {

        'prop0': '',

        'prop1': '上传',

        'prop2': '严福林',

        'prop3': '433130197205180710',

        'prop4': '一分公司',

        'prop5': '经理',

        'prop6': '1',

        'prop7': '1',

        'prop8': '2',

        'prop9': '1',

        'prop10': '2',

        'prop11': '1',

        'prop12': '1',

        'prop13': '1',

        'prop14': '2',

        'prop15': '1',

        'prop16': '2',

        'prop17': '1',

        'prop18': '2',

        'prop19': '2',

        'prop20': '1',

        'prop21': '2',

        'prop22': '1',

        'prop23': '2',

        'prop24': '1',

        'prop25': '2'

      }, {

        'prop0': '',

        'prop1': '上传',

        'prop2': '叶金云',

        'prop3': '512923197703020639',

        'prop4': '一分公司',

        'prop5': '保安员',

        'prop6': '1',

        'prop7': '1',

        'prop8': '2',

        'prop9': '1',

        'prop10': '2',

        'prop11': '1',

        'prop12': '1',

        'prop13': '1',

        'prop14': '2',

        'prop15': '1',

        'prop16': '2',

        'prop17': '1',

        'prop18': '2',

        'prop19': '2',

        'prop20': '1',

        'prop21': '2',

        'prop22': '1',

        'prop23': '2',

        'prop24': '1',

        'prop25': '2'

      }],

      data: [{

        label: '一级 1',

        children: [{

          label: '二级 1-1',

          children: [{

            label: '三级 1-1-1'

          }]

        }]

      },

      {

        label: '一级 2',

        children: [{

          label: '二级 2-1',

          children: [{

            label: '三级 2-1-1'

          }]

        },

        {

          label: '二级 2-2',

          children: [{

            label: '三级 2-2-1'

          }]

        }

        ]

      },

      {

        label: '一级 3',

        children: [{

          label: '二级 3-1',

          children: [{

            label: '三级 3-1-1'

          }]

        },

        {

          label: '二级 3-2',

          children: [{

            label: '三级 3-2-1'

          }]

        }

        ]

      }

    },

    methods: {

      handleNodeClick(data) {

        console.log(data)

      },

      advancedQueryShowMethods() {

        if (this.advancedQueryShow) {

          this.headerHeight = '70px'

          this.advancedQueryShow = false

        } else {

          this.headerHeight = '300px'

          this.advancedQueryShow = true

        }

      },

      showEmpInfo() {

        this.dialogTableVisible = true

      ],

      defaultProps: {

        children: 'children',

        label: 'label'

      }

    }

  },

  methods: {

    handleNodeClick(data) {

      console.log(data)

    },

    advancedQueryShowMethods() {

      if (this.advancedQueryShow) {

        this.headerHeight = '70px'

        this.advancedQueryShow = false

      } else {

        this.headerHeight = '300px'

        this.advancedQueryShow = true

      }

    },

    showEmpInfo() {

      this.dialogTableVisible = true

    }

  }

}

</script>

<style lang="scss">

  .el-aside {

@@ -663,4 +663,4 @@
  .del_button {

    color: #D9001B;

  }

</style>
</style>


 src/views/yunpan/zhishou.vue

@@ -35,33 +35,33 @@
      </el-row>

      <el-row>

        <el-col :span="30">

          <dl>
            <dt><img src="../../../images/fujian.png"></dt>
            <dd><el-checkbox></el-checkbox> 附件名称1.doc</dd>
          </dl>
          <dl>
            <dt><img src="../../../images/fujian.png"></dt>
            <dd><el-checkbox></el-checkbox> 附件名称2.txt</dd>
          </dl>
          <dl>
            <dt><img src="../../../images/fujian.png"></dt>
            <dd><el-checkbox></el-checkbox> 附件名称3.xls</dd>
          </dl>
          <dl>
            <dt><img src="../../../images/fujian.png"></dt>
            <dd><el-checkbox></el-checkbox> 附件名称4.ppt</dd>
          </dl>
          <dl>
            <dt><img src="../../../images/fujian.png"></dt>
            <dd><el-checkbox></el-checkbox> 附件名称1.doc</dd>
          </dl>
          <dl>
            <dt><img src="../../../images/fujian.png"></dt>
            <dd><el-checkbox></el-checkbox> 附件名称1.doc</dd>
          </dl>
          <dl>
            <dt><img src="../../../images/fujian.png"></dt>
            <dd><el-checkbox></el-checkbox> 附件名称1.doc</dd>
          <dl>

            <dt><img src="../../../images/fujian.png"></dt>

            <dd><el-checkbox /> 附件名称1.doc</dd>

          </dl>

          <dl>

            <dt><img src="../../../images/fujian.png"></dt>

            <dd><el-checkbox /> 附件名称2.txt</dd>

          </dl>

          <dl>

            <dt><img src="../../../images/fujian.png"></dt>

            <dd><el-checkbox /> 附件名称3.xls</dd>

          </dl>

          <dl>

            <dt><img src="../../../images/fujian.png"></dt>

            <dd><el-checkbox /> 附件名称4.ppt</dd>

          </dl>

          <dl>

            <dt><img src="../../../images/fujian.png"></dt>

            <dd><el-checkbox /> 附件名称1.doc</dd>

          </dl>

          <dl>

            <dt><img src="../../../images/fujian.png"></dt>

            <dd><el-checkbox /> 附件名称1.doc</dd>

          </dl>

          <dl>

            <dt><img src="../../../images/fujian.png"></dt>

            <dd><el-checkbox /> 附件名称1.doc</dd>

          </dl>

        </el-col>

      </el-row>

@@ -72,12 +72,12 @@
<script>

</script>



<style>
  dl{
    float: left;
    margin-right: 20px;
  }
  dd {
      margin-inline-start: 0px;
  }
</style>
<style>

  dl{

    float: left;

    margin-right: 20px;

  }

  dd {

      margin-inline-start: 0px;

  }

</style>