管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-08-21 dc412901096a7ea7d65d1c7e097d7f9043073d93
src/views/datamanage/uploadmanage.vue
@@ -32,13 +32,24 @@
      </div>
      <div
        class="tabs_pane"
        @click="setTabsChange(4)"
      >
        <div
          class="tabsSpan"
          :class="{ changetabs : active == 'fourth'}"
        >
          <span> {{$t('dataManage.uploadObj.publishTask')}}</span>
        </div>
      </div>
      <div
        class="tabs_pane"
        @click="setTabsChange(3)"
      >
        <div
          class="tabsSpan"
          :class="{ changetabs : active == 'third'}"
        >
          <span> {{$t('dataManage.uploadObj.modelAttachMount')}}</span>
          <span> {{$t('dataManage.uploadObj.attachMount')}}</span>
        </div>
      </div>
    </div>
@@ -93,6 +104,28 @@
            </el-option>
          </el-select>
        </el-form-item>
        <!-- 目录 -->
        <el-form-item v-if="active == 'second'">
          <el-select
            size="small"
            v-model="formInline.dirid2"
            placeholder="请选择项目目录..."
          >
            <el-option
              :value="formInline.dirid2"
              :label="formInline.dirName2"
              style="height: auto"
            >
              <el-tree
                ref="tree"
                :data="dirOption2"
                node-key="id"
                :props="defaultProps"
                @node-click="handleDirChange2"
              />
            </el-option>
          </el-select>
        </el-form-item>
        <!-- 版本 -->
        <el-form-item v-if="active == 'first'">
          <el-select
@@ -117,6 +150,38 @@
          >
            <el-option
              v-for="item in typeOption"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item v-if="active == 'second'  || active == 'fourth'">
          <el-select
            size="small"
            v-model="formInline.type1"
            @change="handleTypeChange1"
            placeholder="请选择数据类别..."
          >
            <el-option
              v-for="item in typeOption1"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item v-if="active == 'fourth'">
          <el-select
            size="small"
            v-model="formInline.status"
            @change="handleTypeChange2"
            placeholder="请选择数据类别..."
          >
            <el-option
              v-for="item in typeOption2"
              :key="item.value"
              :label="item.label"
              :value="item.value"
@@ -168,6 +233,7 @@
      <div class="dividing-line"></div>
      <div class="table_box content_Table">
        <el-table
          v-if="active !='fourth'"
          :data="tableData"
          style="width: 100%"
          @selection-change="handleSelectionChange"
@@ -222,6 +288,7 @@
            key="7"
          />
          <el-table-column
            v-if="active == 'first'"
            prop="verName"
            :label="$t('dataManage.vmobj.versionNumber')"
            align="center"
@@ -253,6 +320,7 @@
            align="center"
            key="12"
          />
          <el-table-column
            v-if="active == 'first'"
            prop="createTime"
@@ -265,6 +333,20 @@
            </template>
          </el-table-column>
          <el-table-column
            prop="updateName"
            :label="$t('dataManage.vmobj.updateonuser')"
            align="center"
            key="14"
          />
          <el-table-column
            prop="updateTime"
            :label="$t('dataManage.vmobj.updateontime')"
            :formatter="formatData"
            align="center"
            key="15"
          />
          <el-table-column
            min-width="150"
            :label="$t('common.operate')"
@@ -306,6 +388,92 @@
                plain
              >已发布
              </el-button>
            </template>
          </el-table-column>
        </el-table>
        <el-table
          v-if="active ==  'fourth'"
          :data="tableData"
          style="width: 100%"
          height="calc(100% - 1px)"
          ref="tableBox"
        >
          <!-- <el-table-column
            prop="name"
            :label="$t('dataManage.vmobj.name')"
            align="center"
            key="1"
          ></el-table-column> -->
          <el-table-column
            prop="name"
            :label="$t('dataManage.vmobj.name')"
            align="center"
            key="3"
          ></el-table-column>
          <el-table-column
            prop="status"
            :label="$t('dataManage.styleObj.status')"
            align="center"
            key="4"
            :formatter="stateFormatStatus"
          ></el-table-column>
          <el-table-column
            prop="type"
            :label="$t('dataManage.styleObj.type')"
            align="center"
            key="5"
          ></el-table-column>
          <el-table-column
            prop="descr"
            :label="$t('dataManage.styleObj.descr')"
            align="center"
            key="6"
          ></el-table-column>
          <el-table-column
            prop="err"
            :label="$t('common.err')"
            align="center"
            key="7"
          ></el-table-column>
          <el-table-column
            prop="createName"
            :label="$t('common.rublisher')"
            align="center"
            key="8"
          />
          <el-table-column
            prop="createTime"
            :label="$t('common.releaseTime')"
            :formatter="formatData"
            align="center"
            key="9"
          />
          <el-table-column
            prop="updateName"
            :label="$t('dataManage.vmobj.updateonuser')"
            align="center"
            key="10"
          />
          <el-table-column
            prop="updateTime"
            :label="$t('dataManage.vmobj.updateontime')"
            :formatter="formatData"
            align="center"
            key="11"
          />
          <el-table-column
            min-width="80"
            :label="$t('common.operate')"
          >
            <template slot-scope="scope">
              <el-button
                v-if="scope.row.status == '1'"
                size="small"
                type="danger"
                plain
                @click="setCannelTask(scope.row)"
              >{{$t('common.endTask')}}
              </el-button>
            </template>
          </el-table-column>
@@ -639,68 +807,27 @@
        <div
          v-for="item in osgbLasOption"
          style="margin-top: 10px; display: flex; align-items: center; justify-content: space-around;  "
          style="margin-top: 10px; display: flex; justify-content: center; align-items: center; "
        >
          <div
            class="contLable"
            style=" margin: 0px 10px;"
          >
          <div style=" text-align: center; ">
            {{ item.name }}
          </div>
          <div>
            <div style="display: flex; align-items: center; margin: 0px 10px;">
              <label class="contLable">高度偏移量:</label>
              <el-input
                size="small"
                v-model="item.zs"
              >
                <i slot="suffix">m</i></el-input>
            </div>
          </div>
          <div v-show="formInline.type =='LAS'">
            <div style="display: flex;  align-items: center; margin: 0px 10px;">
              <label class="contLable">坐标系:</label>
              <el-select
                v-if="!item.lids"
                v-model="item.srids"
                style="width: 100%;"
                size="small"
              >
                <el-option
                  v-for="item in stridOption"
                  :key="item.id"
                  :label="item.coordinate"
                  :value="item.epsgcode"
                >
                </el-option>
              </el-select>
              <el-input
                v-if="item.lids"
                v-model="item.srids"
                size="small"
                disabled
              ></el-input>
            </div>
          </div>
        </div>
        <!-- <el-form-item :label="$t('dataManage.vmobj.heightOffset')">
          <!-- <div style="display: flex; align-items: center; margin: 0px 10px;">
            <label class="contLable">高度偏移量:</label>
            <el-input
              :placeholder="$t('dataManage.vmobj.label1')"
              v-model="osgbLasLayer.z"
            ></el-input>
          </el-form-item> -->
        <!-- <el-form-item
            v-if="formInline.type == 'LAS'"
            :label="$t('dataManage.vmobj.coordinateSystemID')"
          >
              size="small"
              v-model="item.zs"
            >
              <i slot="suffix">m</i></el-input>
          </div>
          <div style="display: flex;  align-items: center; ">
            <label class="contLable">坐标系:</label>
            <el-select
              v-model="osgbLasLayer.strid"
              :placeholder="$t('dataManage.vmobj.label2')"
              v-if="!item.lids"
              v-model="item.srids"
              style="width: 100%;"
              size="small"
            >
              <el-option
                v-for="item in stridOption"
@@ -710,8 +837,14 @@
              >
              </el-option>
            </el-select>
          </el-form-item> -->
            <el-input
              v-if="item.lids"
              v-model="item.srids"
              size="small"
              disabled
            ></el-input>
          </div> -->
        </div>
        <div style="display: flex; justify-content: end;margin-top:10px;">
          <el-button
            size="small"
@@ -741,7 +874,7 @@
      <div
        v-loading="true"
        element-loading-background="rgba(0, 0, 0, 0.0) "
        element-loading-text="数据发布中"
        :element-loading-text="loadingText"
        style="margin: 0px 20px;widht:100%;height:calc(100% - 80px); "
      >
      </div>
@@ -765,7 +898,9 @@
  publish_update,
  publish_insert,
  dataUpload_selectCoords,
  publish_selectLasCs
  publish_selectLasCs,
  task_selectByPageAndCount,
  task_deleteTask
} from '../../api/api.js'
import { conditions } from '../Archive/Archive';
@@ -779,12 +914,16 @@
      active: 'first',
      formInline: {
        dirid: null,
        dirid2: null,
        dirName: null,
        dirName2: null,
        depid: null,
        verid: null,
        depName: null,
        name: "",
        type: ""
        type: "",
        type1: "All",
        status: 'All'
      },
      listData: {
        pageIndex: 1,
@@ -794,6 +933,7 @@
      multipleSelection: [],
      tableData: [],
      depOption: [],
      dirOption2: [],
      dirOption: [],
      verOption: [],
      modelOptions: [],
@@ -821,6 +961,53 @@
      }, {
        value: 'BIM',
        label: '三维模型(.fbx, .ifc, .rvt)'
      }],
      typeOption1: [{
        value: 'All',
        label: '全部'
      }, {
        value: 'DOM',
        label: '影像数据(.tif, .img)'
      }, {
        value: 'DEM',
        label: '高程数据(.tif)'
      }, {
        value: 'MPT',
        label: '场景数据(.mpt)'
      }, {
        value: 'OSGB',
        label: '倾斜数据(.osgb)'
      }, {
        value: 'LAS',
        label: '点云数据(.las, .laz)'
      }, {
        value: 'CPT',
        label: '点云数据(.cpt)'
      }, {
        value: '3DML',
        label: '三维模型(.3dml)'
      }, {
        value: 'BIM',
        label: '三维模型(.fbx, .ifc, .rvt)'
      }],
      typeOption2: [{
        label: '全部',
        value: 'All'
      }, {
        label: '未开始',
        value: 0
      }, {
        label: '进行中',
        value: 1
      }, {
        label: '正常结束',
        value: 2
      }, {
        label: '用户结束',
        value: 3
      }, {
        label: '运行出错',
        value: 4
      }],
      defaultProps: {
        label: "name",
@@ -850,9 +1037,11 @@
      },
      stridOption: [],
      osgbLasOption: [],
      loadingText: '数据发布中'
    }
  },
  methods: {
    setOsgbCanel() {
      this.insertOsgbVisible = false;
      this.osgbLasLayer = {
@@ -864,24 +1053,32 @@
      var ids = [];
      var zs = []
      for (var i in this.osgbLasOption) {
        ids.push(this.osgbLasOption[i].id)
        zs.push(this.osgbLasOption[i].zs)
      }
      var models = []
      var srids = [];
      var lerro = [];
      for (var i in this.osgbLasOption) {
        ids.push(this.osgbLasOption[i].id)
        // zs.push(this.osgbLasOption[i].zs)
        zs.push(0)
        srids.push(0)
        models.push(0)
      }
      var name = this.osgbLasOption[0].name
      if (this.formInline.type == 'LAS') {
        for (var i in this.osgbLasOption) {
          if (this.osgbLasOption[i].srids) {
            var epsg = this.osgbLasOption[i].srids.replace('EPSG:', '')
            srids.push(epsg)
          } else {
            lerro.push(this.osgbLasOption[i].name)
          }
          // if (this.osgbLasOption[i].srids) {
          //   //var epsg = this.osgbLasOption[i].srids.replace('EPSG:', '')
          //   // srids.push(epsg)
          //   srids.push("00")
          // } else {
          //   lerro.push(this.osgbLasOption[i].name)
          // }
          srids.push(0)
        }
        if (lerro.length > 0) {
          return this.$message(lerro + '未选择发布数据的坐标系');
        }
        // if (lerro.length > 0) {
        //   return this.$message(lerro + '未选择发布数据的坐标系');
        // }
        // if (!this.osgbLasLayer.strid) {
        //   return this.$message('请选择发布数据的坐标系');
@@ -892,16 +1089,17 @@
      var obj = {
        dircode: this.formInline.dirid,
        depcode: this.formInline.depid,
        min: null,
        max: null,
        name: null,
        min: 0,
        max: 0,
        name: name,
        type: this.formInline.type,
        noData: null,
        noData: 0,
        ids: ids,
        models: null,
        srids: srids,
        zx: zs
        models: models,
        srids: [],
        zs: zs
      }
      this.loadingText = '数据发布中';
      this.loadDialogVisible = true
      this.setOsgbCanel();
      const data = await publish_insert(obj);
@@ -955,6 +1153,7 @@
        models: models
      }
      this.loadingText = '数据发布中';
      this.loadDialogVisible = true
      this.insertModelVisible = false;
@@ -994,7 +1193,9 @@
      this.options = std;
    },
    setloadDialogVisible() {
      this.loadDialogVisible = false
      this.loadDialogVisible = false;
      this.loadingText = '数据发布中';
    },
    setinsertLayerCancel() {
      this.insertDialogVisible = false;
@@ -1045,6 +1246,7 @@
        type: this.formInline.type,
        noData: this.insertLayer.noData
      }
      this.loadingText = '数据发布中';
      this.loadDialogVisible = true
      this.insertDialogVisible = false;
@@ -1139,7 +1341,7 @@
          ids: std,
          type: this.formInline.type
        }
        this.loadingText = '数据发布中';
        this.loadDialogVisible = true
        this.insertDialogVisible = false;
@@ -1196,6 +1398,24 @@
          });
      }
    },
    async setCannelTask(res) {
      const data = await task_deleteTask({ id: res.id })
      if (data.result == 200) {
        this.$message({
          message: '任务结束成功',
          type: 'success'
        });
      } else {
        this.$message.error({
          message: '任务结束失败',
        });
      }
      this.getTableData();
    },
    //修改弹窗
    setPreviewEdit(res) {
      this.updateLayer = JSON.stringify(res) //备份;
@@ -1210,6 +1430,7 @@
        var that = this
        this.$confirm('确定是否删除所选内容?')
          .then(_ => {
            that.deletePage()
          })
          .catch(_ => {
@@ -1218,6 +1439,8 @@
      }
    },
    async deletePage() {
      this.loadingText = '数据删除中';
      this.loadDialogVisible = true;
      var std = [];
      for (var i in this.multipleSelection) {
        std.push(this.multipleSelection[i].id);
@@ -1233,6 +1456,7 @@
        });
        this.getTableData();
      }
      this.loadDialogVisible = false;
    },
    //预览弹窗打开
    setPreviewLayer(res) {
@@ -1262,6 +1486,26 @@
        return val + " GB"
      } else {
        return row.sizes + " MB"
      }
    },
    stateFormatStatus(row, column) {
      switch (row.status) {
        case 0:
          return '未开始';
          break;
        case 1:
          return '进行中';
          break;
        case 2:
          return '正常结束';
          break;
        case 3:
          return '用户结束';
          break;
        case 4:
          return '运行出错';
          break;
      }
    },
    //格式化地址
@@ -1309,6 +1553,10 @@
          }
          this.active = 'third';
          break;
        case 4:
          this.active = 'fourth';
          this.setPageStart();
          break;
@@ -1323,14 +1571,25 @@
    setPageStart() {
      this.formInline = {
        dirid: null,
        dirid2: null,
        dirName: null,
        dirName2: null,
        depid: null,
        verid: null,
        depName: null,
        name: "",
        type: ""
        type: "",
        type1: "All",
        status: 'All'
      }
      if (this.active == "first") {
        this.listData = {
          pageIndex: 1,
          pageSize: 10,
          count: 0
        }
        this.showPageSize = [10, 50, 100, 200]
      } if (this.active == "fourth") {
        this.listData = {
          pageIndex: 1,
          pageSize: 10,
@@ -1343,7 +1602,14 @@
          pageSize: 10,
          count: 0
        }
        this.showPageSize = [10, 50, 100, 200]
        this.showPageSize = [10, 50, 100, 200, 500]
        this.formInline.type1 = this.typeOption1[0].value;
        if (this.dirOption2.length > 0) {
          this.formInline.dirid2 = this.dirOption2[0].code;
          this.formInline.dirName2 = this.dirOption2[0].name;
        }
      }
      this.formInline.type = this.typeOption[0].value;
@@ -1357,9 +1623,25 @@
        this.$message.error("单位列表获取失败")
        return
      }
      var res = JSON.parse(JSON.stringify(data.result));
      var res_val = res.filter((rs) => {
        if (rs.pid == 0) {
          return rs
        }
      })
      res_val.unshift({
        name: '全部',
        id: 'All',
        pid: 0,
        code: "All"
      })
      this.dirOption2 = this.treeData(res_val)
      this.dirOption = this.treeData(data.result);
      this.formInline.dirid = this.dirOption[0].code;
      this.formInline.dirName = this.dirOption[0].name;
      this.formInline.dirid2 = this.dirOption2[0].code;
      this.formInline.dirName2 = this.dirOption2[0].name;
      this.getVerList(this.dirOption[0].id)
    },
    //获取版本列表
@@ -1375,13 +1657,22 @@
    },
    //版本列表切换
    handleVerChange(value) {
      this.formInline.verid = value;
      this.getTableData();
    },
    //服务类型列表切换
    handleTypeChange(value) {
      this.formInline.type = value;
      this.getTableData();
    },
    handleTypeChange1(value) {
      this.formInline.type1 = value;
      this.getTableData();
    },
    handleTypeChange2(value) {
      this.formInline.status = value;
      this.getTableData();
    },
    //单位列表切换
@@ -1395,6 +1686,12 @@
      this.formInline.dirid = data.code
      this.formInline.dirName = data.name
      this.getVerList(data.id)
    },
    //目录列表切换
    handleDirChange2(data, node, nodeData) {
      this.formInline.dirid2 = data.code
      this.formInline.dirName2 = data.name
      this.getTableData();
    },
    //获取Table表格数据
    async getTableData() {
@@ -1434,11 +1731,45 @@
          this.tableData = val;
          this.listData.count = data.count;
        }
      }
      else {
        if (this.formInline.name) {
          this.listData.name = this.formInline.name
      } else if (this.active == "fourth") {
        if (this.formInline.status == 'All') {
          this.listData.status = null;
        } else {
          this.listData.status = this.formInline.status
        }
        if (this.formInline.type1 == 'All') {
          this.listData.type = null;
        } else {
          this.listData.type = this.formInline.type1
        }
        if (this.formInline.name) {
          this.listData.name = this.formInline.name;
        }
        this.tableData = [];
        const data = await task_selectByPageAndCount(this.listData)
        if (data.code != 200) {
        }
        this.tableData = data.result;
        this.listData.count = data.count;
      } else {
        this.listData.name = this.formInline.name
        if (this.formInline.dirid2 == 'All') {
          this.listData.dircode = this.formInline.dirid2.replace('All', '');
        } else {
          this.listData.dircode = this.formInline.dirid2
        }
        if (this.formInline.type1 == 'All') {
          this.listData.type = this.formInline.type1.replace('All', '');
        } else {
          this.listData.type = this.formInline.type1
        }
        const data = await publish_selectByPage(this.listData);
@@ -1591,7 +1922,8 @@
    padding: 10px !important;
  }
  .contLable {
    width: 160px;
    width: 140px;
    text-align: right;
  }
}
</style>