user

lxl

2022-10-27 9ce29c536ba2a636416c618761985e2b9a711ee6

 src/views/Archive/index.vue

@@ -2,7 +2,7 @@
  <div class="archive">
    <div class="left_active">
      <el-card class="arch_card">
        <div class="title_active">{{ $t("archive.name") }}</div>
        <div class="title_active">{{ $t('archive.name') }}</div>
        <el-divider />
        <el-tree
          :data="tree"
@@ -18,18 +18,19 @@
          <el-col :span="6"></el-col>
          <el-col :span="4"
            ><div style="text-align: right; margin-top: 6px">
              {{ $t("archive.keyword") }}:
              {{ $t('archive.keyword') }}:
            </div>
          </el-col>
          <el-col :span="4">
            <el-input :placeholder="$t('common.pleaseInput')"
          /></el-col>
          <el-col :span="4"
            ><el-button type="primary">{{
              $t("common.iquery")
            }}</el-button></el-col
          >
          <el-col :span="6"></el-col>
            ><el-button type="primary">{{ $t('common.iquery') }}</el-button>
            <el-button v-if="archStatus.download" type="primary">{{
              $t('common.download')
            }}</el-button>
          </el-col>
          <el-col :span="6"> </el-col>
        </el-row>
        <el-divider />
        <el-card shadow="never" class="middle_card">
@@ -88,87 +89,108 @@
    return {
      tree: [
        {
          label: "文献",
          label: '文献',
          children: [
            {
              label: "管道标准文献",
              url: "",
              label: '管道标准文献',
              url: '',
            },
            {
              label: "工业管道工程施工及验收规范",
              url: "",
              label: '工业管道工程施工及验收规范',
              url: '',
            },
            {
              label: "综合管线设计标准",
              url: "",
              label: '综合管线设计标准',
              url: '',
            },
          ],
        },
        {
          label: "图纸", //label对应父级标签
          label: '图纸', //label对应父级标签
          children: [
            {
              label: "XXX管线设计图纸",
              url: " ",
              label: 'XXX管线设计图纸',
              url: ' ',
            },
            {
              label: "XXXXXX管线设计图",
              url: " ",
              label: 'XXXXXX管线设计图',
              url: ' ',
            },
            {
              label: "XXXXX管线设计图",
              url: " ",
              label: 'XXXXX管线设计图',
              url: ' ',
            },
          ],
        },
        {
          label: "数据", //label对应父级标签
          label: '数据', //label对应父级标签
          children: [
            {
              label: "管道",
              url: " ",
              label: '管道',
              url: ' ',
            },
            {
              label: "阀门",
              url: " ",
              label: '阀门',
              url: ' ',
            },
            {
              label: "消费设备",
              url: " ",
              label: '消费设备',
              url: ' ',
            },
          ],
        },
      ],
      defaultProps: {
        children: "children", //"children"内的每个对象解析为一个子项;
        label: "label", //所有"label"所在的对象解析为一个父项
        chilren: 'children', //"children"内的每个对象解析为一个子项;
        label: 'label', //所有"label"所在的对象解析为一个父项
      },
      tableData: [
        {
          timer: "2016-05-01",
          name: "Tom",
          count: "3",
          type: "业务图层",
          state: "x",
          timer: '2016-05-01',
          name: 'Tom',
          count: '3',
          type: '业务图层',
          state: 'x',
        },
        {
          timer: "2016-05-02",
          name: "Tom",
          count: "2",
          type: "业务图层",
          state: "x",
          timer: '2016-05-02',
          name: 'Tom',
          count: '2',
          type: '业务图层',
          state: 'x',
        },
        {
          timer: "2016-05-03",
          name: "Tom",
          count: "1",
          type: "业务图层",
          state: "x",
          timer: '2016-05-03',
          name: 'Tom',
          count: '1',
          type: '业务图层',
          state: 'x',
        },
      ],
      archStatus: {
        download: false,
      },
    };
  },
  methods: {},
  methods: {
    showArchMenu(res) {
      switch (res.tag) {
        case '/download':
          this.archStatus.download = true;
          break;
      }
    },
  },
  created() {
    var val = this.$store.state.currentPerms;
    var permsEntity = this.$store.state.permsEntity;
    for (var i = 0; i < permsEntity.length; i++) {
      if (permsEntity[i].perms == val) {
        // this.showMenuChange(permsEntity[i], permsEntity);
        this.showArchMenu(permsEntity[i]);
      }
    }
  },
};
</script>