资料馆，数据申请界面优化,综合展示三维截面分析

Surpriseplus

2023-02-26 303f5d5c1296bfdcec63f1de35f3f64739f14007

 src/views/Archive/dataApplication.vue

@@ -1,14 +1,19 @@
<template>
  <div class="logLog_box box_div">
    <My-bread
      :list="[
    <My-bread :list="[
        `${$t('synthesis.synthesis')}`,
        `${$t('synthesis.dataApplication')}`,
      ]"
    ></My-bread>
      ]"></My-bread>
    <el-divider />
    <div class="inquire subpage_Div" ref="container">
      <el-form :inline="true" ref="sizeForm" :model="sizeForm">
    <div
      class="inquire subpage_Div"
      ref="container"
    >
      <el-form
        :inline="true"
        ref="sizeForm"
        :model="sizeForm"
      >
        <div class="flex_box">
          <div style="margin-right: auto">
            <el-form-item
@@ -16,6 +21,7 @@
              :label="$t('operatManage.operationLogObj.username')"
            >
              <el-input
                size="small"
                v-model="sizeForm.uname"
                :placeholder="$t('operatManage.operationLogObj.pleaseInput')"
              />
@@ -25,13 +31,26 @@
              :label="$t('operatManage.operationLogObj.status')"
            >
              <el-select
                size="small"
                v-model="sizeForm.status"
                :placeholder="$t('operatManage.operationLogObj.pleaseSelect')"
              >
                <el-option :label="$t('dataApply.type1')" value="-10" />
                <el-option :label="$t('dataApply.type2')" value="-1" />
                <el-option :label="$t('dataApply.type3')" value="0" />
                <el-option :label="$t('dataApply.type4')" value="-9" />
                <el-option
                  :label="$t('dataApply.type1')"
                  value="-10"
                />
                <el-option
                  :label="$t('dataApply.type2')"
                  value="-1"
                />
                <el-option
                  :label="$t('dataApply.type3')"
                  value="0"
                />
                <el-option
                  :label="$t('dataApply.type4')"
                  value="-9"
                />
              </el-select>
            </el-form-item>
            <el-form-item
@@ -39,6 +58,7 @@
              :label="$t('operatManage.operationLogObj.startTime')"
            >
              <el-date-picker
                size="small"
                format="yyyy-MM-dd HH:mm:ss"
                value-format="yyyy-MM-dd HH:mm:ss"
                v-model="sizeForm.start"
@@ -52,6 +72,7 @@
              :label="$t('operatManage.operationLogObj.endTime')"
            >
              <el-date-picker
                size="small"
                format="yyyy-MM-dd HH:mm:ss"
                value-format="yyyy-MM-dd HH:mm:ss"
                v-model="sizeForm.end"
@@ -67,26 +88,29 @@
              <el-button
                @click="onSubmit"
                icon="el-icon-search"
                style="
                  background: #409eff;
                  border: 1px solid #409eff;
                  color: white;
                "
                >{{ $t("operatManage.operationLogObj.inquire") }}</el-button
              >
                size="small"
                type="primary"
              >{{ $t("operatManage.operationLogObj.inquire") }}</el-button>
              <el-button
                size="small"
                @click="resAllTable"
                icon="el-icon-delete"
                type="info"
                >{{ $t("operatManage.operationLogObj.empty") }}</el-button
              >
              >{{ $t("operatManage.operationLogObj.empty") }}</el-button>
            </el-form-item>
          </div>
        </div>
      </el-form>
    </div>
    <div class="table_box subpage_Div" :style="styleVar">
      <el-table :data="tableData" style="width: 100%" height="calc(100% - 57px)">
    <div
      class="table_box subpage_Div"
      :style="styleVar"
    >
      <el-table
        :data="tableData"
        style="width: 100%"
        height="calc(100% - 20px)"
      >
        <el-table-column
          align="center"
          type="index"
@@ -118,7 +142,10 @@
          :formatter="formatStatus"
        />

        <el-table-column min-width="150" :label="$t('common.operate')">
        <el-table-column
          min-width="150"
          :label="$t('common.operate')"
        >
          <template slot-scope="scope">
            <el-button
              type="danger"
@@ -126,28 +153,25 @@
              @click="handleApplyCancel(scope.$index, scope.row)"
              v-if="matchState(scope, /[]/)"
              plain
              >{{ $t("dataApply.ApplicationCancel") }}</el-button
            >
            >{{ $t("dataApply.ApplicationCancel") }}</el-button>
            <el-button
              type="warning"
              size="mini"
              @click="handleReApply(scope.$index, scope.row)"
              v-if="matchState1(scope, /[]/)"
              plain
              >{{ $t("dataApply.ReApply") }}</el-button
            >
            >{{ $t("dataApply.ReApply") }}</el-button>
            <el-button
              type="info"
              size="mini"
              plain
              @click="handlDetails(scope.$index, scope.row)"
              >{{ $t("dataApply.details") }}</el-button
            >
            >{{ $t("dataApply.details") }}</el-button>
          </template>
        </el-table-column>
      </el-table>

      <div class="pagination_box">
      <div style="margin-top:10px">
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
@@ -167,10 +191,14 @@
      :before-close="handleClose"
    >
      <div>
        <el-form :inline="true" :model="detailsFrom" class="demo-form-inline">
        <el-form
          :inline="true"
          :model="detailsFrom"
          class="demo-form-inline"
        >
          <el-form-item label="表名：">
            <div class="statusLabel">{{ detailsFrom.tabs }}</div> </el-form-item
          ><br />
            <div class="statusLabel">{{ detailsFrom.tabs }}</div>
          </el-form-item><br />
          <el-form-item label="申请人：">
            <div class="statusLabel">{{ detailsFrom.uname }}</div>
          </el-form-item>
@@ -181,16 +209,31 @@
            <div class="statusLabel">{{ detailsFrom.status }}</div>
          </el-form-item>
        </el-form>
        <el-table :data="detailsFrom.tableData" style="width: 100%">
        <el-table
          :data="detailsFrom.tableData"
          style="width: 100%"
        >
          <el-table-column
            align="center"
            type="index"
            :label="$t('operatManage.ELM.index')"
            width="70px"
          />
          <el-table-column align="center" prop="depName" label="单位" />
          <el-table-column align="center" prop="uname" label="审核人" />
          <el-table-column align="center" prop="uname" label="描述">
          <el-table-column
            align="center"
            prop="depName"
            label="单位"
          />
          <el-table-column
            align="center"
            prop="uname"
            label="审核人"
          />
          <el-table-column
            align="center"
            prop="uname"
            label="描述"
          >
            <template slot-scope="scope">
              <el-input
                type="textarea"
@@ -208,7 +251,10 @@
            label="状态"
            :formatter="formatStatus1"
          />
          <el-table-column min-width="150" :label="$t('common.operate')">
          <el-table-column
            min-width="150"
            :label="$t('common.operate')"
          >
            <template slot-scope="scope">
              <div v-if="matchState3(scope, /[]/)">
                <el-button
@@ -216,16 +262,14 @@
                  size="mini"
                  @click="handleApplyRepulse(scope.$index, scope.row)"
                  plain
                  >打回</el-button
                >
                >打回</el-button>

                <el-button
                  @click="handleApplyAdopt(scope.$index, scope.row)"
                  type="success"
                  size="mini"
                  plain
                  >通过</el-button
                >
                >通过</el-button>
              </div>
              <div v-if="!matchState3(scope, /[]/)">- -</div>
            </template>
@@ -275,14 +319,14 @@
      },
      count: 0,
      detailsId: null,
            tableHeight: 0,
      tableHeight: 0,
      timer: 0,
      styleVar: {
        height: "calc(100% - 109px)",
      },
    };
  },
    beforeDestroy() {
  beforeDestroy() {
    this.timer && clearTimeout(this.timer);
    window.removeEventListener("resize", this.onResize);
  },
@@ -291,7 +335,7 @@
    this.calHeight();
  },
  methods: {
        onResize() {
    onResize() {
      this.timer && clearTimeout(this.timer);
      this.timer = setTimeout(() => {
        this.calHeight();
@@ -521,7 +565,7 @@
  width: 100%;

  height: 100%;
  padding: 1%;
  padding: 10px;
  box-sizing: border-box;

  .el-input {
@@ -530,7 +574,7 @@
  .inquire {
    padding: 8px;

     margin-top: 20px;
    margin-top: 20px;

    border-radius: 5px;

@@ -544,11 +588,6 @@
    font-size: 14px;
  }
  .table_box {
    // overflow: auto;
    // height: 70%;
    // padding: 10px;
    // height: auto;
    // border-radius: 5px;
  }
  .text-center {
    text-align: center;