管道基础大数据平台系统开发-【前端】-新系統界面
王旭
2023-05-10 86cdd4e6eece0ee4679e62ae347ec003db7d7425
src/views/datamanage/projectManage.vue
@@ -1,25 +1,24 @@
<template>
  <div class="verSionBox  ">
    <My-bread :list="[
  <div class="verSionBox">
    <My-bread
      :list="[
        `${$t('dataManage.dataManage')}`,
        `${$t('dataManage.projectManage')}`,
      ]"></My-bread>
      ]"
    ></My-bread>
    <el-divider />
    <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 :inline="true" class="demo-form-inline">
          <el-form-item>
            <el-input
              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>
@@ -31,9 +30,9 @@
              :disabled="count1 != 0 ? true : false"
              type="success"
              size="small"
            >{{ $t("common.increase") }}</el-button>
              >{{ $t("common.increase") }}</el-button
            >
          </el-form-item>
        </el-form>
        <el-tree
          ref="tree"
@@ -52,10 +51,7 @@
        <!--
        <!-- <el-divider class="eldivider" /> -->
        <!-- <div class="dividing-line"></div> -->
        <div
          class="table_box"
          style="height:100%"
        >
        <div class="table_box" style="height: 100%">
          <el-table
            ref="filterTable"
            :data="dbTableData"
@@ -118,10 +114,7 @@
              prop="remarks"
              :label="$t('dataManage.projectObj.remarks')"
            />
            <el-table-column
              label="操作"
              width="200"
            >
            <el-table-column label="操作" width="200">
              <template slot-scope="scope">
                <el-button
                  v-if="btnStatus.delete"
@@ -129,14 +122,16 @@
                  size="small"
                  plain
                  type="danger"
                >{{ $t("common.delete") }}</el-button>
                  >{{ $t("common.delete") }}</el-button
                >
                <el-button
                  v-if="btnStatus.update"
                  @click="EditProject(scope.row)"
                  type="warning"
                  plain
                  size="small"
                >{{ $t("common.update") }}</el-button>
                  >{{ $t("common.update") }}</el-button
                >
              </template>
            </el-table-column>
          </el-table>
@@ -176,21 +171,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>
@@ -207,76 +207,55 @@
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.country')">
            <el-input
              v-model="editFrom.country"
              style="width: 85%"
            ></el-input>
            <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%"
            ></el-input>
            <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%"
            ></el-input>
            <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%"
            ></el-input>
            <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%"
            ></el-input>
            <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%"
            ></el-input>
            <el-input v-model="editFrom.remarks" style="width: 85%"    :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueRemarks')"></el-input>
          </el-form-item>
        </el-form>
      </div>
      <div
        slot="footer"
        class="dialog-footer"
      >
      <div slot="footer" class="dialog-footer">
        <el-button
          type="info"
          size="small"
          :disabled="behavior != '新增项目' ? true : false"
          @click="setRestEditFrom"
        >{{ $t("common.reset") }}</el-button>
        <el-button
          size="small"
          type="primary"
          @click="insertEditFrom"
        >{{
          >{{ $t("common.reset") }}</el-button
        >
        <el-button size="small" type="primary" @click="insertEditFrom">{{
          $t("common.confirm")
        }}</el-button>
      </div>
@@ -309,7 +288,7 @@
      showMap: false,
      count: null,
      projectFrom: {},
      editFrom: { geom: " " },
      editFrom: { geom: " ", projname: "" },
      dirId: null,
      elProject: [],
      dirList: [], //el树数据
@@ -365,7 +344,7 @@
          this.getSelectProject();
          done();
        })
        .catch((_) => { });
        .catch((_) => {});
    },
    async innerClose() {
      this.showMap = false;
@@ -514,7 +493,6 @@
    },
  },
  watch: {
    filterInput(val) {
      this.$refs.tree.filter(val);
    },