管道基础大数据平台系统开发-【前端】-新系統界面
surprise
2024-04-22 3ffbf14664836032438b1fd496aefbd99187e2c9
src/views/datamanage/projectManage.vue
@@ -8,13 +8,22 @@
    <div class="verSionContent">
      <div
        class="verSion_leftTree subpage_Div"
        style="border: 1px solid #dcdfe6;"
        style="border: 1px solid #dcdfe6"
      >
        <el-form
          :inline="true"
          class="demo-form-inline"
        >
          <el-form-item style="padding-bottom: 14px">
          <el-form-item>
            <el-input
              size="small"
              v-model="filterInput"
              style="width: 200px"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueprojectName')"
              suffix-icon="el-icon-search"
            ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button
              v-if="btnStatus.insert"
              icon="el-icon-plus"
@@ -22,7 +31,7 @@
              :disabled="count1 != 0 ? true : false"
              type="success"
              size="small"
            >{{ $t("common.append") }}</el-button>
            >{{ $t("common.increase") }}</el-button>
          </el-form-item>
        </el-form>
        <el-tree
@@ -34,6 +43,7 @@
          :default-expand-all="false"
          draggable
          @node-click="handleNodeClick"
          :filter-node-method="filterNode"
        >
        </el-tree>
      </div>
@@ -43,12 +53,13 @@
        <!-- <div class="dividing-line"></div> -->
        <div
          class="table_box"
          style="height:100%"
          style="height: 100%"
        >
          <el-table
            ref="filterTable"
            :data="dbTableData"
            height="100%"
            border
            style="width: 100%"
          >
            <el-table-column
@@ -136,8 +147,8 @@
      top="2vh"
      :title="
        behavior == '新增项目'
          ? `${$t('dataManage.projectObj.newProj')}`
          : `${$t('dataManage.projectObj.editProj')}`
          ? `${$t('dataManage.projectObj.lable1')}`
          : `${$t('dataManage.projectObj.lable1')}`
      "
      :visible.sync="outerVisible"
      :before-close="outerClose"
@@ -164,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>
@@ -198,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>
@@ -290,13 +315,14 @@
  components: { MyBread, ProjectOl },
  data() {
    return {
      filterInput: "",
      behavior: null,
      outerVisible: false,
      innerVisible: false,
      showMap: false,
      count: null,
      projectFrom: {},
      editFrom: { geom: " " },
      editFrom: { geom: " ", projname: "" },
      dirId: null,
      elProject: [],
      dirList: [], //el树数据
@@ -319,6 +345,7 @@
        pageSize: 10,
      },
      count1: 0,
      title: null,
    };
  },
  created() {
@@ -328,6 +355,11 @@
  computed: {},
  methods: {
    filterNode(value, data) {
      if (!value) return true;
      return data.name.indexOf(value) !== -1;
    },
    showPermsBtn() {
      let currentPerms = this.$store.state.currentPerms;
      let permsEntity = this.$store.state.permsEntity;
@@ -358,7 +390,7 @@
        x: wkt.coordinates[0],
        y: wkt.coordinates[1],
      });
      console.log(data.result);
      if (data.code == 200) {
        for (var i in data.result) {
          var key = data.result[i].key;
@@ -399,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: "已取消删除",
@@ -439,16 +474,18 @@
    //新增项目
    insertProject() {
      if (this.dirId == null) {
        this.$message.error("请选择需要新增的目录");
        this.$message.error("请选择需要添加的项目");
        return;
      }
      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();
    },
@@ -492,7 +529,11 @@
      });
    },
  },
  watch: {},
  watch: {
    filterInput(val) {
      this.$refs.tree.filter(val);
    },
  },
};
</script>
<style lang="less" scoped>
@@ -532,7 +573,7 @@
  border-radius: 5px;
  //border: 1px solid #dcdfe6;
  //margin-bottom: 20px;
  text-align: right;
  // text-align: right;
  .el-form-item {
    margin: 5px;
  }