20230226@xingjs@优化完善数据管理样式

xing

2023-02-26 28af39525c6aa8926aec159aef77fd202af352b1

 src/views/datamanage/SpatialData.vue

@@ -6,14 +6,21 @@
      ]"></My-bread>
    <el-divider />
    <div class="spatialContent ">
      <div class="spatial_leftTree subpage_Div">
        <el-input v-model="filterText" style="width: 200px;"></el-input>
        <div style="width:300px">
      <div
        class="spatial_leftTree subpage_Div "
        style="border: 1px solid #dcdfe6;"
      >
        <el-input
          v-model="filterText"
          style="width:220px;"
          :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')"
          suffix-icon="el-icon-search"
        ></el-input>

        <div style="width:300px">
          <el-tree
            :data="tree"
            :props="defaultProps"
            :default-expanded-keys="[1]"
            node-key="id"
            :current-node-key="10"
            @node-click="handleNodeClick"
@@ -25,59 +32,83 @@
      <div class="contentshuju">
        <div class="contentshujutou">
          <el-form
          ref="ruleForm"
          :model="ruleForm"
          :inline="true"
        >
            ref="ruleForm"
            :model="ruleForm"
            :inline="true"
          >

          <el-form-item>
            <!-- type="textarea" -->
            <el-input
              v-model="ruleForm.fileName"
              class="nm-skin-pretty"
              show-word-limit
              :rows="2"
              resize='none'
              disabled
              style="width: 200px;"
            ></el-input>
          </el-form-item>
          <el-form-item style="float: right">
            <el-button
              @click="getSpaceMapVisibale"
              size="small"
              type="primary"
            >{{
              $t('synthesis.rangequery')
            }}</el-button>
          </el-form-item>
          <el-form-item style="float: right">
            <el-button
              @click="submitForm"
              type="primary"
              size="small"
              icon="el-icon-search"
            >{{$t('common.iquery')}}</el-button>
          </el-form-item>
          <el-form-item style="float: right">
            <el-button
              v-if="btnStatus.insert"
              @click="conditionVisible = true"
              size="small"
              icon="el-icon-plus"
              type="success"
            >{{$t('common.append')}}</el-button>
          </el-form-item>
        </el-form>
            <el-form-item>
              <!-- type="textarea" disabled-->
              <el-input
                v-model="ruleForm.fileName"
                class="nm-skin-pretty"
                show-word-limit
                :rows="2"
                resize='none'
                style="width: 220px;"
                :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')"
                :disabled="true"
              ><i slot="suffix" class="el-icon-edit"  @click="conditionVisible = true" style="padding-right: 8px"></i></el-input>
            </el-form-item>

            <el-form-item style="float: right">
              <el-button
                  @click="resetForm"
                  type="info"
                  size="small"
                  icon="el-icon-refresh"
              >{{$t('common.reset')}}</el-button>
            </el-form-item>

            <el-form-item style="float: right">
              <el-button
                  @click="submitForm"
                  type="primary"
                  size="small"
                  icon="el-icon-search"
              >{{$t('common.iquery')}}</el-button>
            </el-form-item>

            <!--         去掉   -->
<!--            <el-form-item style="float: right">
              <el-button
                  v-if="btnStatus.insert"
                  @click="conditionVisible = true"
                  size="small"
                  icon="el-icon-plus"
                  type="success"
              >{{$t('common.append')}}</el-button>
            </el-form-item>-->

            <el-form-item style="float: right">
              <el-button
                  @click="getSpaceMapVisibale"
                  size="small"
                  type="primary"
              >{{
                  $t('synthesis.rangequery')
                }}</el-button>
            </el-form-item>

          </el-form>
        </div>
        <div class="table_box" style="height:calc(100% - 89px)">
        <div class="dividing-line"></div>
        <div
          class="table_box"
          style="height:calc(100% - 89px)"
        >
          <!--          border-->
          <!--          ref="filterTable"-->
          <!--          :data="tableData"-->
          <!--          style="width: 100%"-->
          <!--          height="calc(100% - 57px)"-->
          <!--          :header-cell-style="{background:'#e6eaee',color:'#181818', 'text-align': 'center'}  "-->
          <el-table
            ref="filterTable"
            :data="tableData"
            style="width: 100%"
            height="calc(100% - 57px)"
          >
          <el-table-column
            <el-table-column
              type="selection"
              width="55"
            />
@@ -88,6 +119,7 @@
              :label="$t('common.index')"
            />
            <el-table-column
                min-width="135"
              v-for="(item, index) in attributeData"
              :key="index"
              :label="item.alias"
@@ -96,25 +128,26 @@
              align="center"
            ></el-table-column>
            <el-table-column
            
              min-width="180"
              :label="$t('common.operate')"
            >
              <template slot-scope="scope">
                <el-link
                  class="elLink"
                <el-button
                  type="primary"
                  plain
                  size="small"
                  @click="showDetail(scope.$index, scope.row)"
                >{{$t('common.details')}}</el-link>
                <el-link
                  class="elLink"
                >{{$t('common.details')}}</el-button>
                <el-button
                  plain
                  size="small"
                  @click="getAttachTable(scope.$index, scope.row)"
                  style="margin-left: 20px;  "
                >{{$t('common.enclosure')}}</el-link>
                >{{$t('common.enclosure')}}</el-button>
              </template>
            </el-table-column>
          </el-table>
          <div
            class="pagination_box"
          >
          <div class="pagination_box">
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
@@ -128,121 +161,125 @@
          </div>
        </div>
      </div>
      

    </div>
    <div
      class="infoBox box_div"
      class="infoBox_box"
      v-show="showinfoBox"
    >

      <div
        slot="header"
        class="clearfix"
      >
        <span>{{$t('common.details')}}</span>
      <div class="infoBox box_div">

        <div
          style="float: right; cursor: pointer"
          @click="closeDetial"
          slot="header"
          class="clearfix"
        >
          <i class="el-icon-close"></i>
        </div>
        <el-divider></el-divider>
      </div>
      <div class="contentBox">
        <ul>
          <li v-for="(item, index) in itemdetail">
            <p>
              <label> {{ item.label }}:</label>
              <label class="boxlabel">{{ item.value }}</label>
            </p>
            <el-divider></el-divider>
          </li>
        </ul>
      </div>
          <span>{{$t('common.details')}}</span>

          <div
            style="float: right; cursor: pointer"
            @click="closeDetial"
          >
            <i class="el-icon-close"></i>
          </div>
          <el-divider></el-divider>
        </div>
        <div class="contentBox">
          <ul>
            <li v-for="(item, index) in itemdetail">
              <p>
                <label> {{ item.label }}:</label>
                <label class="boxlabel">{{ item.value }}</label>
              </p>
              <el-divider></el-divider>
            </li>
          </ul>
        </div>

      </div>
    </div>
    <el-dialog
      :title="$t('common.attachinform')"
      width="30%"
      top="2vh"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        :model="formInline"
        class="demo-form-inline"
      >
        <el-form-item>
          <el-input
            v-model="formInline.file"
            style="width: 300px; margin-right: 20px"
            :placeholder="$t('common.choose')"
            disabled
          ></el-input>
          <input
            name="file1"
            type="file"
            id="insertFile"
            multiple="multiple"
            style="display: none"
            @change="insertFile( )"
          />
          <el-link
            @click="getInsertFile( )"
            :underline="false"
          ><i class="el-icon-folder-opened"></i></el-link>
        </el-form-item>
        <el-form-item>
          <el-row>
            <el-col :span="3">
              <el-link
                v-if="btnStatus.insert"
                class="elLink"
                :underline="false"
                @click="setAttachInsert"
              >{{$t('common.append')}}</i></el-link>
            </el-col>
            <el-col :span="3">
              <el-link
                v-if="btnStatus.delete"
                class="elLink"
                :underline="false"
                @click="setAttachDel"
              >{{$t('common.delete')}}</i></el-link>
            </el-col>
            <!-- <el-col :span="3">  <el-link  class="elLink" :underline="false" >{{$t('common.reset')}}</i></el-link></el-col> -->
          </el-row>
        </el-form-item>
        <el-form-item>
          <el-table
            :data="tableAttach"
            ref="filterTable"
            height="100%"
            border
            style="width: 100%"
            @selection-change="handleAttatchChange"
          >
            <el-table-column
              type="selection"
              width="55"
      <div style="height: 500px; overflow: auto">
        <el-form
          :model="formInline"
          class="demo-form-inline"
          label-position="top"
        >
          <el-form-item>
            <el-input
              v-model="formInline.file"
              style="width: 300px; margin-right: 20px"
              :placeholder="$t('common.choose')"
              disabled
            ></el-input>
            <input
              name="file1"
              type="file"
              id="insertFile"
              multiple="multiple"
              style="display: none"
              @change="insertFile( )"
            />
            <el-table-column
              width="60"
              type="index"
              :label="$t('common.index')"
            />
            <el-table-column
              prop="date"
              :label="$t('common.fileNme')"
            />
            <el-link
              @click="getInsertFile( )"
              :underline="false"
            ><i class="el-icon-folder-opened"></i></el-link>
          </el-form-item>
          <el-form-item>
            <el-row>
              <el-col :span="3">
                <el-link
                  v-if="btnStatus.insert"
                  class="elLink"
                  :underline="false"
                  @click="setAttachInsert"
                >{{$t('common.append')}}</el-link>
              </el-col>
              <el-col :span="3">
                <el-link
                  v-if="btnStatus.delete"
                  class="elLink"
                  :underline="false"
                  @click="setAttachDel"
                >{{$t('common.delete')}}</el-link>
              </el-col>
              <!-- <el-col :span="3">  <el-link  class="elLink" :underline="false" >{{$t('common.reset')}}</i></el-link></el-col> -->
            </el-row>
          </el-form-item>
          <el-form-item>
            <el-table
              :data="tableAttach"
              ref="filterTable"
              height="100%"
              border
              style="width: 100%"
              @selection-change="handleAttatchChange"
            >
              <el-table-column
                type="selection"
                width="55"
              />
              <el-table-column
                width="60"
                type="index"
                :label="$t('common.index')"
              />
              <el-table-column
                prop="date"
                :label="$t('common.fileNme')"
              />

            <el-table-column
              prop="name"
              :label="$t('common.filePath')"
            />
              <el-table-column
                prop="name"
                :label="$t('common.filePath')"
              />

          </el-table>
        </el-form-item>
        <!-- <el-form-item>
            </el-table>
          </el-form-item>
          <!-- <el-form-item>

          <el-row :gutter="20">
            <el-col
@@ -262,20 +299,24 @@
            </el-col>
          </el-row>
        </el-form-item> -->
      </el-form>

        </el-form>
      </div>
    </el-dialog>
    <el-dialog
      width="37%"
      :visible.sync="conditionVisible"
      title="查询条件"
      title="高级查询"
      :before-close="handleconditionClose"
      width="44%"
    >

      <el-form
        :inline="true"
        :inline="
      true"
        :model="formSql"
        class="demo-form-inline"
        label-position="top"
      >

        <el-form-item>
          <el-select
            @change="fieldChange($event)"
@@ -317,7 +358,9 @@
          >
          </el-date-picker>
        </el-form-item>

      </el-form>

      <span
        slot="footer"
        class="dialog-footer"
@@ -333,6 +376,7 @@
        >确 定</el-button>
      </span>
    </el-dialog>

    <el-dialog
      :title=" $t('synthesis.rangequery')"
      :visible.sync="dialogMapVisible"
@@ -513,7 +557,7 @@
        .then((_) => {
          this.closeMapDown();
        })
        .catch((_) => {});
        .catch((_) => { });
    },
    closeMapDown() {
      this.dialogMapVisible = false;
@@ -552,12 +596,12 @@

      $.ajax(
        BASE_URL +
          "/dataQuery/uploadFiles?token=" +
          token +
          "&tabName= " +
          this.upAttach.tabName +
          "&eventid=" +
          this.upAttach.eventid,
        "/dataQuery/uploadFiles?token=" +
        token +
        "&tabName= " +
        this.upAttach.tabName +
        "&eventid=" +
        this.upAttach.eventid,
        {
          type: "post",
          data: formData,
@@ -719,7 +763,8 @@
      var data2 = domains.result;
      var std = [];
      for (var i in data1) {
        if (data1[i].type != "geomtry" && data1[i].type != "null") {
        if (data1[i].type != 'geometry' && data1[i].type) {
          debugger
          this.filedsOption.push(data1[i]);
        }
        if (data1[i].showtype == 1) {
@@ -743,7 +788,7 @@
        .then((_) => {
          this.startFiledAndcondition();
        })
        .catch((_) => {});
        .catch((_) => { });
    },

    fieldChange(value) {
@@ -1025,7 +1070,7 @@
          //   this.getMetaCount("");
          // });
        })
        .catch(() => {});
        .catch(() => { });
    },
    // 获取多选选中的对象
    handleSelectionChange(val) {
@@ -1093,7 +1138,7 @@
          //   });
          // });
        })
        .catch(() => {});
        .catch(() => { });
    },
  },
};
@@ -1103,13 +1148,13 @@
.Spatialbox {
  height: 98%;
  width: 98%;

  padding: 1%;
  .spatialContent {
    width: 100%;
    height: calc(100% - 75px);
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    justify-content: space-around;
    .spatial_leftTree {
      width: calc(23% - 0px);
      height: 100%;
@@ -1122,19 +1167,23 @@
      width: 75%;
      height: 100%;
      border-radius: 5px;
      padding: 10px;
      padding: 0px;
      box-sizing: border-box;
      border: 1px solid #dcdfe6;
    }
  }
}

.table_box2 {
  border-radius: 5px;
  padding: 10px;
  box-sizing: border-box;
}

.contentshujutou {
  padding: 8px;
  // margin-top: 10px;
  border-radius: 5px;
  border: 1px solid #dcdfe6;
  margin-bottom: 20px;
  .el-form-item {
    margin: 5px;
  }