管道基础大数据平台系统开发-【前端】-新系統界面
王旭
2023-05-10 86cdd4e6eece0ee4679e62ae347ec003db7d7425
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>
@@ -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"
@@ -173,13 +173,13 @@
        <div
          class="pagination_box"
          style="margin-top: 15px"
        >
          <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 +328,7 @@
    >
      <el-form
        :inline="
      true"
        :inline="true"
        :model="formSql"
        class="demo-form-inline"
        label-position="top"
@@ -365,7 +364,7 @@
          </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"
@@ -481,7 +482,7 @@
          </el-table>
          <div
            class="pagination_box"
            style="margin-top: 10px"
          >
            <el-pagination
              @size-change="attributeSizeChange"
@@ -512,10 +513,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 +744,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 +820,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 +849,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 +966,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 +980,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 +1056,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 +1609,7 @@
    margin: 5px;
  }
}
.pagination_box{
  margin-top: 0px;
}
</style>