管道基础大数据平台系统开发-【前端】-新系統界面
surprise
2024-02-26 09a1635f5182a166771e0c827450cdfc00f052b8
src/views/datamanage/projectManage.vue
@@ -1,5 +1,5 @@
<template>
  <div class="verSionBox  ">
  <div class="verSionBox">
    <My-bread :list="[
        `${$t('dataManage.dataManage')}`,
        `${$t('dataManage.projectManage')}`,
@@ -8,7 +8,7 @@
    <div class="verSionContent">
      <div
        class="verSion_leftTree subpage_Div"
        style="border: 1px solid #dcdfe6;"
        style="border: 1px solid #dcdfe6"
      >
        <el-form
          :inline="true"
@@ -19,7 +19,7 @@
              size="small"
              v-model="filterInput"
              style="width: 200px"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueprojectName')"
              suffix-icon="el-icon-search"
            ></el-input>
          </el-form-item>
@@ -33,7 +33,6 @@
              size="small"
            >{{ $t("common.increase") }}</el-button>
          </el-form-item>
        </el-form>
        <el-tree
          ref="tree"
@@ -54,7 +53,7 @@
        <!-- <div class="dividing-line"></div> -->
        <div
          class="table_box"
          style="height:100%"
          style="height: 100%"
        >
          <el-table
            ref="filterTable"
@@ -176,21 +175,26 @@
            <el-input
              v-model="editFrom.projname"
              style="width: 85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueprojectName')"
            ></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.projtype')">
            <el-input
              v-model="editFrom.projtype"
              style="width: 85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueprojectType')"
            ></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.location')">
          <el-form-item :label="$t('dataManage.projectObj.location')+'('+$t('shuJuGuanLi.shuJuJianSuo.geographicPosition')+')'">
            <div class="BoxFlex">
              <div class="BoxFlexinput">
                <el-input
                  :disabled="true"
                  v-model="editFrom.geom"
                  style="width: 100%"
                  :placeholder="
                    $t('shuJuGuanLi.shuJuJianSuo.geographicPosition')
                  "
                ></el-input>
              </div>
              <div>
@@ -210,54 +214,63 @@
            <el-input
              v-model="editFrom.country"
              style="width: 85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.country')"
            ></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.province')">
            <el-input
              v-model="editFrom.province"
              style="width: 85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.province')"
            ></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.county')">
            <el-input
              v-model="editFrom.location"
              style="width: 85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.city')"
            ></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.corpname')">
            <el-input
              v-model="editFrom.corpname"
              style="width: 85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.construction')"
            ></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.department')">
            <el-input
              v-model="editFrom.department"
              style="width: 85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.department')"
            ></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.conperiod')">
            <el-input
              v-model="editFrom.conperiod"
              style="width: 85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.constructionperiod')"
            ></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.contents')">
            <el-input
              v-model="editFrom.contents"
              style="width: 85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.projectContent')"
            ></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.projstate')">
            <el-input
              v-model="editFrom.projstate"
              style="width: 85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.projectStatus')"
            ></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.remarks')">
            <el-input
              v-model="editFrom.remarks"
              style="width: 85%"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueRemarks')"
            ></el-input>
          </el-form-item>
        </el-form>
@@ -309,7 +322,7 @@
      showMap: false,
      count: null,
      projectFrom: {},
      editFrom: { geom: " " },
      editFrom: { geom: " ", projname: "" },
      dirId: null,
      elProject: [],
      dirList: [], //el树数据
@@ -332,6 +345,7 @@
        pageSize: 10,
      },
      count1: 0,
      title: null,
    };
  },
  created() {
@@ -417,30 +431,33 @@
      this.editFrom = { geom: " " };
      this.$store.state.projeOl = null;
    },
    async delprojectData(id) {
      const data = await project_delete({ gid: id });
      if (data.code == 200) {
        this.$message({
          message: "删除成功!",
          type: "success",
        });
        this.getSelectProject();
      } else {
        this.$message({
          message: "删除失败!",
          type: "warning",
        });
      }
    },
    //删除项目
    async deleteProject(row) {
      var that = this;
      this.$confirm("此操作将永久删除该项目, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(async () => {
          const data = await project_delete({ gid: row.gid });
          if (data.code == 200) {
            this.$message({
              message: "删除成功!",
              type: "success",
            });
            this.getRoleTabelData();
          } else {
            this.$message({
              message: "删除失败!",
              type: "warning",
            });
          }
        })
        .catch(() => {
          that.delprojectData(row.gid)
        }).catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除",
@@ -462,11 +479,13 @@
      }
      this.behavior = "新增项目";
      this.outerVisible = true;
      this.editFrom.projname = this.title;
    },
    //目录树点击事件
    handleNodeClick(data) {
      //获取目录ID
      // this.dirId = data.id;
      this.title = data.name;
      this.dirId = data.code;
      this.getSelectProject();
    },
@@ -511,7 +530,6 @@
    },
  },
  watch: {
    filterInput(val) {
      this.$refs.tree.filter(val);
    },