表格修改

584911253@qq.com

2023-03-02 8bb00665765e8348aeb3a6e799069287e503e1ab

 src/views/datamanage/projectManage.vue

@@ -1,14 +1,40 @@
<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;">
      <div
        class="verSion_leftTree subpage_Div"
        style="border: 1px solid #dcdfe6;"
      >
        <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')"
              suffix-icon="el-icon-search"
            ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button
              v-if="btnStatus.insert"
              icon="el-icon-plus"
              @click="insertProject"
              :disabled="count1 != 0 ? true : false"
              type="success"
              size="small"
            >{{ $t("common.increase") }}</el-button>
          </el-form-item>

        </el-form>
        <el-tree
          ref="tree"
          :props="defaultProps"
@@ -18,30 +44,23 @@
          :default-expand-all="false"
          draggable
          @node-click="handleNodeClick"
          :filter-node-method="filterNode"
        >
        </el-tree>
      </div>
      <div class="verSion_rightContent subpage_Div">
        <el-form :inline="true" class="demo-form-inline">
          <el-form-item>
            <el-button
              v-if="btnStatus.insert"
              icon="el-icon-plus"
              @click="insertProject"
              :disabled="count1 != 0 ? true : false"
              type="success"
              size="small"
              >{{ $t("common.append") }}</el-button
            >
          </el-form-item>
        </el-form>
        <!--
        <!-- <el-divider class="eldivider" /> -->
        <div class="dividing-line"></div>
        <div class="table_box" style="height: calc(100% - 89px)">
        <!-- <div class="dividing-line"></div> -->
        <div
          class="table_box"
          style="height:100%"
        >
          <el-table
            ref="filterTable"
            :data="dbTableData"
            height="100%"
            border
            style="width: 100%"
          >
            <el-table-column
@@ -63,7 +82,7 @@
            />

            <el-table-column
                min-width="120"
              min-width="120"
              prop="corpname"
              :label="$t('dataManage.projectObj.corpname')"
            />
@@ -99,7 +118,10 @@
              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"
@@ -107,16 +129,14 @@
                  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>
@@ -128,8 +148,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"
@@ -153,10 +173,16 @@
          label-position="top"
        >
          <el-form-item :label="$t('dataManage.projectObj.projname')">
            <el-input v-model="editFrom.projname" style="width: 85%"></el-input>
            <el-input
              v-model="editFrom.projname"
              style="width: 85%"
            ></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.projtype')">
            <el-input v-model="editFrom.projtype" style="width: 85%"></el-input>
            <el-input
              v-model="editFrom.projtype"
              style="width: 85%"
            ></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.location')">
            <div class="BoxFlex">
@@ -181,16 +207,28 @@
          </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%"
            ></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%"
            ></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%"
            ></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%"
            ></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.department')">
            <el-input
@@ -205,7 +243,10 @@
            ></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%"
            ></el-input>
          </el-form-item>
          <el-form-item :label="$t('dataManage.projectObj.projstate')">
            <el-input
@@ -214,19 +255,28 @@
            ></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%"
            ></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>
@@ -252,6 +302,7 @@
  components: { MyBread, ProjectOl },
  data() {
    return {
      filterInput: "",
      behavior: null,
      outerVisible: false,
      innerVisible: false,
@@ -290,6 +341,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;
@@ -308,7 +364,7 @@
          this.getSelectProject();
          done();
        })
        .catch((_) => {});
        .catch((_) => { });
    },
    async innerClose() {
      this.showMap = false;
@@ -401,7 +457,7 @@
    //新增项目
    insertProject() {
      if (this.dirId == null) {
        this.$message.error("请选择需要新增的目录");
        this.$message.error("请选择需要添加的项目");
        return;
      }
      this.behavior = "新增项目";
@@ -454,7 +510,12 @@
      });
    },
  },
  watch: {},
  watch: {

    filterInput(val) {
      this.$refs.tree.filter(val);
    },
  },
};
</script>
<style lang="less" scoped>
@@ -494,7 +555,7 @@
  border-radius: 5px;
  //border: 1px solid #dcdfe6;
  //margin-bottom: 20px;
  text-align: right;
  // text-align: right;
  .el-form-item {
    margin: 5px;
  }