user

lxl

2022-10-27 9ce29c536ba2a636416c618761985e2b9a711ee6

 src/views/Thematic/index.vue

@@ -3,7 +3,7 @@
    <el-card style="height: 100%">
      <el-row :gutter="20">
        <el-col :span="6">
          <div class="th_title">{{ $t("themaic.name") }}</div>
          <div class="th_title">{{ $t('themaic.name') }}</div>
        </el-col>
        <el-col :span="4" :offset="14">
          <el-input
@@ -19,7 +19,7 @@
      <el-row>
        <el-col :span="5">
          <label style="margin-right: 10px"
            >{{ $t("themaic.maptltle") }}:</label
            >{{ $t('themaic.maptltle') }}:</label
          >
          <el-select
            v-model="selvalue"
@@ -38,7 +38,7 @@
        <el-col :span="3">
          <div style="margin-top: 5px">
            <label style="margin-right: 10px"
              >{{ $t("themaic.sortbytime") }}:</label
              >{{ $t('themaic.sortbytime') }}:</label
            >

            <i
@@ -57,7 +57,7 @@
        <el-col :span="3">
          <div style="margin-top: 5px">
            <label style="margin-right: 10px"
              >{{ $t("themaic.sortbyviews") }}:</label
              >{{ $t('themaic.sortbyviews') }}:</label
            >

            <i
@@ -76,9 +76,9 @@
        <el-col :span="10"> </el-col>
        <el-col :span="3">
          <div style="margin-top: 5px">
            {{ $t("themaic.find") }}
            {{ $t('themaic.find') }}
            <label style="magin: 0% 15px">{{ listcount }}</label>
            {{ $t("themaic.record") }}
            {{ $t('themaic.record') }}
          </div>
        </el-col>
      </el-row>
@@ -148,7 +148,7 @@
</template>

<script>
import mapView from "@/components/mapviewTwo";
import mapView from '@/components/mapviewTwo';
export default {
  components: {
    mapView,
@@ -156,85 +156,94 @@
  data() {
    return {
      dialogVisible: false,
      input3: "",
      input3: '',
      listcount: 7,
      checkindex: 1,
      timeindex: 1,
      pagesize: 10,
      selvalue: "全部",
      selvalue: '全部',

      middleList: [
        {
          index: "1",
          name: "管道基础数据专题图",
          time: "2022-07-10",
          count: "28",
          url: require("../../assets/img/themic/a1.jpg"),
          pop: "/LFWeb/content/right/xxtj/xxtj1.html",
          index: '1',
          name: '管道基础数据专题图',
          time: '2022-07-10',
          count: '28',
          url: require('../../assets/img/themic/a1.jpg'),
          pop: '/LFWeb/content/right/xxtj/xxtj1.html',
        },
        {
          index: "2",
          name: "用户使用情况专题图",
          time: "2022-07-22",
          count: "6",
          url: require("../../assets/img/themic/a2.jpg"),
          pop: "/LFWeb/content/right/xxtj/xxtj2.html",
          index: '2',
          name: '用户使用情况专题图',
          time: '2022-07-22',
          count: '6',
          url: require('../../assets/img/themic/a2.jpg'),
          pop: '/LFWeb/content/right/xxtj/xxtj2.html',
        },
        {
          index: "3",
          name: "项目基本情况专题图",
          time: "2022-06-25",
          count: "23",
          url: require("../../assets/img/themic/a3.jpg"),
          pop: "/LFWeb/content/right/xxtj/xxtj3.html",
          index: '3',
          name: '项目基本情况专题图',
          time: '2022-06-25',
          count: '23',
          url: require('../../assets/img/themic/a3.jpg'),
          pop: '/LFWeb/content/right/xxtj/xxtj3.html',
        },
        {
          index: "4",
          name: "项目进度管理专题图",
          time: "2022-07-17",
          count: "15",
          url: require("../../assets/img/themic/a4.jpg"),
          pop: "/LFWeb/content/right/xxtj/xxtj4.html",
          index: '4',
          name: '项目进度管理专题图',
          time: '2022-07-17',
          count: '15',
          url: require('../../assets/img/themic/a4.jpg'),
          pop: '/LFWeb/content/right/xxtj/xxtj4.html',
        },
        {
          index: "5",
          name: "全球项目分布专题图",
          time: "2022-07-20",
          count: "7",
          url: require("../../assets/img/themic/a5.jpg"),
          pop: "/LFWeb/content/right/xxtj/xxtj5.html",
          index: '5',
          name: '全球项目分布专题图',
          time: '2022-07-20',
          count: '7',
          url: require('../../assets/img/themic/a5.jpg'),
          pop: '/LFWeb/content/right/xxtj/xxtj5.html',
        },
        {
          index: "6",
          name: "全国管网分布专题图",
          time: "2022-07-26",
          count: "5",
          url: require("../../assets/img/themic/a6.jpg"),
          pop: "/LFWeb/content/right/xxtj/xxtj5.html",
        }, {
          index: "7",
          name: "全国项目足迹专题图",
          time: "2022-06-30",
          count: "10",
          url: require("../../assets/img/themic/a7.jpg"),
          pop: "/LFWeb/content/right/xxtj/xxtj5.html",
          index: '6',
          name: '全国管网分布专题图',
          time: '2022-07-26',
          count: '5',
          url: require('../../assets/img/themic/a6.jpg'),
          pop: '/LFWeb/content/right/xxtj/xxtj5.html',
        },
        {
          index: '7',
          name: '全国项目足迹专题图',
          time: '2022-06-30',
          count: '10',
          url: require('../../assets/img/themic/a7.jpg'),
          pop: '/LFWeb/content/right/xxtj/xxtj5.html',
        },
      ],
      options: [
        {
          value: "全部",
          label: "全部",
          value: '全部',
          label: '全部',
        },
      ],
      typeIndex: "",
      typeIndex: '',
    };
  },
  mounted() {

  mounted() {},
  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);
        console.log('专题图', permsEntity[i]);
      }
    }
  },
  methods: {
    close() {
      this.$confirm("确认关闭？")
      this.$confirm('确认关闭？')
        .then((_) => {
          this.dialogVisible = false;
        })
@@ -247,7 +256,7 @@
      console.log(`当前页: ${val}`);
    },
    handleClose(done) {
      this.$confirm("确认关闭？")
      this.$confirm('确认关闭？')
        .then((_) => {
          done();
        })
@@ -266,8 +275,6 @@
    showThematic(res) {
      this.typeIndex = res.index;
      this.dialogVisible = true;



      // var url = "http://localhost/" + res.pop;
      // window.open(