管道基础大数据平台系统开发-【前端】-新系統界面
surprise
2024-02-26 09a1635f5182a166771e0c827450cdfc00f052b8
src/views/datamanage/SpatialData.vue
@@ -14,7 +14,7 @@
          size="small"
          v-model="filterText"
          style="width:220px;"
          :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')"
          :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuedataName')"
          suffix-icon="el-icon-search"
        ></el-input>
@@ -63,7 +63,7 @@
                size="small"
                type="success"
                icon="el-icon-plus"
              >{{$t('common.append')}}</el-button>
              >{{$t('common.lable6')}}</el-button>
            </el-form-item>
@@ -132,12 +132,12 @@
              width="20"
              align="center"
            />
            <!--              :label="item.alias"-->
            <el-table-column
              min-width="135"
              v-for="(item, index) in attributeData"
              :key="index"
              :label="item.alias"
              :label="$i18n.locale == 'zh' ? item.alias : item.field"
              :prop="item.field"
              show-overflow-tooltip
              align="center"
@@ -171,15 +171,12 @@
        </div>
        <div
          class="pagination_box"
          style="margin-top: 15px"
        >
        <div class="pagination_box">
          <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="listData.pageIndex"
            :page-sizes="[10, 20, 50, 100]"
            :page-sizes="[10, 50, 100,200]"
            :page-size="listData.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="count"
@@ -328,8 +325,7 @@
    >
      <el-form
        :inline="
      true"
        :inline="true"
        :model="formSql"
        class="demo-form-inline"
        label-position="top"
@@ -365,7 +361,10 @@
          </el-select>
        </el-form-item>
        <el-form-item v-show="!fromSqlflag">
          <el-input v-model="formSql.value"></el-input>
          <el-input
            v-model="formSql.value"
            :placeholder="$t('shuJuGuanLi.shuJuJianSuo.queryContent')"
          ></el-input>
        </el-form-item>
        <el-form-item v-show="fromSqlflag">
          <el-date-picker
@@ -429,11 +428,13 @@
        v-if="dialog.isJpg"
        class="pdfClass"
      >
        <img
        <el-image
          style="width:100%; height:100%"
          :src="dialog.src"
          alt=""
        />
          :preview-src-list="[dialog.src]"
        >
        </el-image>
      </div>
    </el-dialog>
    <el-dialog
@@ -470,7 +471,7 @@
            <el-table-column
              min-width="135"
              v-for="(item, index) in attributeData"
              v-for="(item, index) in  attributeFild"
              :key="index"
              :label="item.alias"
              :prop="item.field"
@@ -479,10 +480,7 @@
            ></el-table-column>
          </el-table>
          <div
            class="pagination_box"
            style="margin-top: 10px"
          >
          <div class="pagination_box">
            <el-pagination
              @size-change="attributeSizeChange"
              @current-change="attributeCurrentChange"
@@ -512,10 +510,16 @@
  dataQuery_uploadFiles,
  dataQuery_selectFiles,
  dataQuery_deletes,
  dataUploadSelectVerByDirid,
} from "../../api/api";
import { getToken } from "../../utils/auth.js";
import catalogueTree from "../../components/catalogueTree.vue";
import MyBread from "../../components/MyBread.vue";
import {
  getTreeData
} from "../../utils/treeData.js"
export default {
  //import引入的组件需要注入到对象中才能使用
  name: "dataSearch",
@@ -737,12 +741,16 @@
        for (var j in res_val) {
          if (res_val[j].domainNa != null && res_val[j].domainNa != undefined) {
            val_Data[res_val[j].field] = res_val[j].domainNa;
          }
        }
      }
      this.attributeTable = data.result;
      this.$nextTick(() => {
        this.$resfs.refAttributeTable.doLayout()
      });
    },
@@ -809,15 +817,26 @@
      this.refreshAttatchDetail()
      var name = row.name;
      if (name.indexOf('.pdf') != -1) {
      if (name.indexOf('.pdf') != -1 || name.indexOf('.PDF') != -1) {
        this.dialog.dialogVisible = true;
        this.dialog.isPdf = true;
        var url = BASE_URL + "/res/downloadForView?guid=" + row.guid + "&token=" + getToken();
        var url = BASE_URL + "/comprehensive/downloadForView?guid=" + row.guid + "&token=" + getToken();
        this.dialog.src = url
      } else if (name.indexOf('.jpg') != -1 || name.indexOf('.gif') != -1 || name.indexOf('.png') != -1 || name.indexOf('.jpeg') != -1) {
      } else if (
        name.indexOf('.jpg') != -1
        || name.indexOf('.gif') != -1
        || name.indexOf('.png') != -1
        || name.indexOf('.jpeg') != -1
        || name.indexOf('.JPG') != -1
        || name.indexOf('.GIF') != -1
        || name.indexOf('.PNG') != -1
        || name.indexOf('.JPEG') != -1
        || name.indexOf('.BMP') != -1
        || name.indexOf('.bmp') != -1
      ) {
        this.dialog.dialogVisible = true;
        this.dialog.isJpg = true;
        var url = BASE_URL + "/res/downloadForView?guid=" + row.guid + "&token=" + getToken();
        var url = BASE_URL + "/comprehensive/downloadForView?guid=" + row.guid + "&token=" + getToken();
        this.dialog.src = url
      }
    },
@@ -827,7 +846,18 @@
      var name = row.name;
      if (name) {
        if (name.indexOf('.pdf') != -1 || name.indexOf('.jpg') != -1 || name.indexOf('.gif') != -1 || name.indexOf('.png') != -1 || name.indexOf('.jpeg') != -1) {
        if (name.indexOf('.pdf') != -1
          || name.indexOf('.jpg') != -1
          || name.indexOf('.gif') != -1
          || name.indexOf('.png') != -1
          || name.indexOf('.jpeg') != -1
          || name.indexOf('.PDF') != -1
          || name.indexOf('.JPG') != -1
          || name.indexOf('.GIF') != -1
          || name.indexOf('.PNG') != -1
          || name.indexOf('.JPEG') != -1
          || name.indexOf('.BMP') != -1
          || name.indexOf('.bmp') != -1) {
          return true;
        }
      }
@@ -933,7 +963,7 @@
        this.$message.error("列表调用失败");
      }
      var val = data.result;
      this.tree = getTreeData(val)
      // for (var i in option) {
      //   var val_Data = option[i];
      //   val_Data.id = "1" + i;
@@ -947,28 +977,28 @@
      //   }
      // }
      var std = [];
      val.filter((item) => {
        if (std.indexOf(item.bak) == -1) {
          std.push(item.bak);
          this.tree.push(
            {
              val: item.bak,
              label: item.bak,
              children: [],
            }
          )
        }
      });
      // var std = [];
      // val.filter((item) => {
      //   if (std.indexOf(item.bak) == -1) {
      //     std.push(item.bak);
      //     this.tree.push(
      //       {
      //         val: item.bak,
      //         label: item.bak,
      //         children: [],
      //       }
      //     )
      //   }
      // });
      this.tree.filter((item) => {
        val.filter((res) => {
          if (item.val === res.bak) {
            res.label = res.tabDesc
            item.children.push(res)
          }
        })
      })
      // this.tree.filter((item) => {
      //   val.filter((res) => {
      //     if (item.val === res.bak) {
      //       res.label = res.tabDesc
      //       item.children.push(res)
      //     }
      //   })
      // })
      this.handleNodeClick(this.tree[0].children[0]);
    },
@@ -1023,17 +1053,72 @@
        for (var j in res_val) {
          if (res_val[j].domainNa != null && res_val[j].domainNa != undefined) {
            val_Data[res_val[j].field] = res_val[j].domainNa;
          }
        }
      }
      var that = this;
      var value = data.result.filter((item) => {
      this.tableData = data.result;
        if (item.dirName) {
          item.dirid = item.dirName
        }
        if (item.depName) {
          item.depid = item.depName
        }
        if (item.verName) {
          item.verid = item.verName
        }
        if (item.createName) {
          item.createuser = item.createName
        }
        if (item.updateName) {
          item.updateuser = item.updateName
        }
        if (item.createtime) {
          item.createtime = that.format(item.createtime);
        }
        if (item.updatetime) {
          item.updatetime = that.format(item.updatetime);
        }
        return item
      })
      this.tableData = value;
      this.$nextTick(() => {
        this.$refs.refTableData.doLayout();
      });
    },
    //格式化时间
    format(shijianchuo) {
      //shijianchuo是整数,否则要parseInt转换
      var time = new Date(shijianchuo);
      var y = time.getFullYear();
      var m = time.getMonth() + 1;
      var d = time.getDate();
      var h = time.getHours();
      var mm = time.getMinutes();
      var s = time.getSeconds();
      return y + "-" + this.add0(m) + "-" + this.add0(d);
    },
    //格式化时间
    add0(m) {
      return m < 10 ? "0" + m : m;
    },
    //获取每个表字段名称及阈值
    async getCollapseDomFiled() {
      //查询字段信息;
@@ -1521,4 +1606,7 @@
    margin: 5px;
  }
}
.pagination_box {
  margin-top: 0px;
}
</style>