界面修改

Surpriseplus

2023-01-17 93a38ac31615b1aa053a4440c59814ea72353945

 src/views/datamanage/addStyle.vue

@@ -3,18 +3,23 @@
    <My-bread :list="['数据管理', '样式管理', '添加样式']"></My-bread>
    <el-divider />
    <div class="inquire">
      <el-form ref="formData1" :model="updateForm" :inline="true">
      <el-form
        ref="formData1"
        :model="updateForm"
        :inline="true"
      >
        <el-form-item>
          <el-link
            style="margin-left: 10px; margin-right: 20px"
            :underline="false"
            @click="returnStyle"
            title="返回"
            ><i class="el-icon-d-arrow-left"></i
          ></el-link>
          <el-button type="primary" size="small" @click="showCatalog()"
            >目录</el-button
          >
          ><i class="el-icon-d-arrow-left"></i></el-link>
          <el-button
            type="primary"
            size="small"
            @click="showCatalog()"
          >目录</el-button>
        </el-form-item>
        <el-form-item>
          <el-tooltip
@@ -28,12 +33,17 @@
              disabled
              class="firstInput"
            />
          </el-tooltip> </el-form-item
        ><el-form-item>
          </el-tooltip>
        </el-form-item>
        <el-form-item>
          <span>类型选择</span>
        </el-form-item>
        <el-form-item>
          <el-select v-model="updateForm.type" clearable placeholder="请选择">
          <el-select
            v-model="updateForm.type"
            clearable
            placeholder="请选择"
          >
            <el-option
              v-for="item in options"
              :key="item.value"
@@ -64,7 +74,10 @@
            :accept="acceptItem"
          >
            <template #trigger>
              <el-button type="primary" size="small">选择</el-button>
              <el-button
                type="primary"
                size="small"
              >选择</el-button>
            </template>
            <el-button
              class="ml-3"
@@ -79,8 +92,7 @@
              :underline="false"
              @click="delStyleData"
              style="margin-left: 300px"
              ><i class="el-icon-delete"></i
            ></el-link>
            ><i class="el-icon-delete"></i></el-link>
          </el-upload>
        </el-form-item>
      </el-form>
@@ -94,20 +106,66 @@
        height="99%"
        @selection-change="handleSelectionChange"
      >
        <el-table-column type="selection" width="55" />
        <el-table-column width="50" type="index" label="序号" />
        <el-table-column min-width="150" prop="name" label="数据名称" />
        <el-table-column min-width="200" prop="path" label="所属目录" />
        <el-table-column min-width="100" prop="create_time" label="创建时间" />
        <el-table-column min-width="100" prop="create_user" label="创建人员" />
        <el-table-column min-width="80" prop="type" label="数据类型" />
        <el-table-column min-width="80" prop="format" label="数据格式" />
        <el-table-column min-width="80" prop="up_unit" label="上传单位" />
        <el-table-column min-width="50" prop="status" label="数据状态" />
        <el-table-column min-width="50" prop="version" label="数据版本" />
        <el-table-column
          type="selection"
          width="55"
        />
        <el-table-column
          width="50"
          type="index"
          label="序号"
        />
        <el-table-column
          min-width="150"
          prop="name"
          label="数据名称"
        />
        <el-table-column
          min-width="200"
          prop="path"
          label="所属目录"
        />
        <el-table-column
          min-width="100"
          prop="create_time"
          label="创建时间"
        />
        <el-table-column
          min-width="100"
          prop="create_user"
          label="创建人员"
        />
        <el-table-column
          min-width="80"
          prop="type"
          label="数据类型"
        />
        <el-table-column
          min-width="80"
          prop="format"
          label="数据格式"
        />
        <el-table-column
          min-width="80"
          prop="up_unit"
          label="上传单位"
        />
        <el-table-column
          min-width="50"
          prop="status"
          label="数据状态"
        />
        <el-table-column
          min-width="50"
          prop="version"
          label="数据版本"
        />
      </el-table>
    </div>
    <div class="pagination_box" style="margin-top: 20px; margin-left: 400px">
    <div
      class="pagination_box"
      style="margin-top: 20px; margin-left: 400px"
    >
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
@@ -119,17 +177,24 @@
      >
      </el-pagination>
    </div>
    <div class="leftTree" v-show="showCata">
    <div
      class="leftTree"
      v-show="showCata"
    >
      <div class="treeBox">
        <catalogueTree></catalogueTree>
      </div>
      <div class="btnBox">
        <el-button type="primary" size="small" @click="selectCataName"
          >确定</el-button
        >
        <el-button type="primary" size="small" @click="closeCata"
          >取消</el-button
        >
        <el-button
          type="primary"
          size="small"
          @click="selectCataName"
        >确定</el-button>
        <el-button
          type="primary"
          size="small"
          @click="closeCata"
        >取消</el-button>
      </div>
    </div>
    <!-- <div class="infoBox" v-show="showinfoBox">
@@ -290,7 +355,7 @@
          });
          this.startFromData();
        })
        .catch(() => {});
        .catch(() => { });
    },
    // 显示目录
    showCatalog() {
@@ -310,7 +375,11 @@

    submitUpload() {
      if (this.updateForm.path_id == "" || this.updateForm.type == "") {
        alert("请选择数据类型或上传目录");

        this.$message({
          message: '请选择数据类型或上传目录',
          type: 'warning'
        });
        this.$refs.upload.abort();
        return false;
      } else {
@@ -341,7 +410,8 @@
          });
          this.getMetaData(10, 1);
        } else {
          alert("上传失败");

          this.$message.error('上传失败');
          console.log(res);
        }
      });