管道基础大数据平台系统开发-【前端】-新系統界面
surprise
2024-02-26 09a1635f5182a166771e0c827450cdfc00f052b8
src/views/userManage/templateManage.vue
@@ -5,29 +5,14 @@
        `${$t('dataManage.templateManage')}`,
      ]"></My-bread>
    <el-divider />
    <div
      class="searchComp subpage_Div"
      ref="container"
    >
      <el-form
        ref="ruleForm"
        :model="ruleForm"
        :inline="true"
      >
    <div class="searchComp subpage_Div" ref="container">
      <el-form ref="ruleForm" :model="ruleForm" :inline="true">
        <div class="flex_box">
          <div style="margin-right: auto">
            <el-form-item :label="$t('userManage.authorityM.name')">
              <el-input
                style="width:200px"
                size="small"
                v-model="ruleForm.name"
                :placeholder="$t('userManage.authorityM.nameHolder')"
              >
                <i
                  slot="suffix"
                  class="el-icon-search"
                  @click="setRefreshTable"
                ></i>
              <el-input style="width:200px" size="small" v-model="ruleForm.name"
                :placeholder="$t('userManage.authorityM.nameHolder')">
                <i slot="suffix" class="el-icon-search" @click="setRefreshTable"></i>
              </el-input>
            </el-form-item>
          </div>
@@ -42,30 +27,16 @@
            <!--              >{{ $t('common.iquery') }}</el-button>-->
            <!--            </el-form-item>-->
            <el-form-item>
              <el-button
                v-if="btnStatus.insert"
                @click="setTableInsert"
                icon="el-icon-edit"
                type="success"
                size="small"
              >{{ $t('common.append') }}</el-button>
              <el-button v-if="btnStatus.insert" @click="setTableInsert" icon="el-icon-edit" type="success"
                size="small">{{ $t('common.append') }}</el-button>
            </el-form-item>
            <el-form-item>
              <el-button
                v-if="btnStatus.delete"
                icon="el-icon-delete"
                @click="delTableData"
                type="danger"
                size="small"
              >{{ $t('common.delete') }}</el-button>
              <el-button v-if="btnStatus.delete" icon="el-icon-delete" @click="delTableData" type="danger" size="small">{{
                $t('common.delete') }}</el-button>
            </el-form-item>
            <el-form-item>
              <el-button
                icon="el-icon-refresh"
                @click="restRefreshTable"
                type="info"
                size="small"
              >{{ $t('common.empty') }}</el-button>
              <el-button icon="el-icon-refresh" @click="restRefreshTable" type="info" size="small">{{ $t('common.empty')
              }}</el-button>
            </el-form-item>
          </div>
        </div>
@@ -73,49 +44,20 @@
      </el-form>
    </div>
    <div class="dividing-line"></div>
    <div
      class="table_box"
      :style="styleVar"
    >
      <el-table
        :data="tableData"
        style="width: 100%"
        border
        @selection-change="handleSelectionChange"
        height="calc(100% - 45px)"
      >
        <el-table-column
          type="selection"
          width="55"
        />
        <el-table-column
          align="center"
          type="index"
          :label="$t('dataManage.styleObj.index')"
          width="70px"
        />
        <el-table-column
          align="center"
          prop="name"
          :label="$t('dataManage.styleObj.name')"
        />
        <el-table-column
          align="center"
          prop="type"
          :label="$t('common.fileType')"
        >
    <div class="table_box" :style="styleVar">
      <el-table :data="tableData" style="width: 100%" border @selection-change="handleSelectionChange"
        height="calc(100% - 45px)">
        <el-table-column type="selection" width="55" />
        <el-table-column align="center" type="index" :label="$t('dataManage.styleObj.index')" width="70px" />
        <el-table-column align="center" prop="name" :label="$t('dataManage.styleObj.name')" />
        <el-table-column align="center" prop="type" :label="$t('common.fileType')">
          <template slot-scope="scope">
            <span v-if="scope.row.type == 1">World模板 </span>
            <span v-else-if="scope.row.type == 2">Excel模板</span>
            <span v-else-if="scope.row.type == 3">Zip模板</span>
          </template>
        </el-table-column>
        <el-table-column
          align="center"
          prop="code"
          :label="$t('common.templateType')"
          :formatter="codeData"
        />
        <el-table-column align="center" prop="code" :label="$t('common.templateType')" :formatter="codeData" />
        <!-- <el-table-column
          align="center"
          prop="fname"
@@ -126,118 +68,54 @@
          prop="bak"
          :label="$t('common.bak')"
        /> -->
        <el-table-column
          align="center"
          prop="createName"
          :label="$t('dataManage.vmobj.createonuser')"
        />
        <el-table-column
          align="center"
          prop="createTime"
          :label="$t('dataManage.vmobj.createontime')"
          :formatter="formatData"
        />
        <el-table-column
          min-width="100"
          :label="$t('dataManage.dictionaryManageObj.operation')"
        >
        <el-table-column align="center" prop="createName" :label="$t('dataManage.vmobj.createonuser')" />
        <el-table-column align="center" prop="createTime" :label="$t('dataManage.vmobj.createontime')"
          :formatter="formatData" />
        <el-table-column min-width="100" :label="$t('dataManage.dictionaryManageObj.operation')">
          <template slot-scope="scope">
            <el-button
              v-if="btnStatus.select"
              @click="showDetail(scope.$index, scope.row)"
              type="primary"
              plain
              size="small"
            >{{ $t('dataManage.dictionaryManageObj.lookOver') }}</el-button>
            <el-button
              v-if="btnStatus.update"
              @click="handleEdit(scope.$index, scope.row)"
              type="warning"
              plain
              size="small"
            >{{ $t('dataManage.dictionaryManageObj.revamp') }}</el-button>
            <el-button
              v-if="btnStatus.download"
              plain
              @click="handleDownload(scope.$index, scope.row)"
              type="info"
              size="small"
            >{{ $t('common.download') }}</el-button>
            <el-button v-if="btnStatus.select" @click="showDetail(scope.$index, scope.row)" type="primary" plain
              size="small">{{ $t('dataManage.dictionaryManageObj.lookOver') }}</el-button>
            <el-button v-if="btnStatus.update" @click="handleEdit(scope.$index, scope.row)" type="warning" plain
              size="small">{{ $t('dataManage.dictionaryManageObj.revamp') }}</el-button>
            <el-button v-if="btnStatus.download" plain @click="handleDownload(scope.$index, scope.row)" type="info"
              size="small">{{ $t('common.download') }}</el-button>
          </template>
        </el-table-column>
      </el-table>
      <div style="margin-top:10px">
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="listData.pageIndex"
          :page-sizes="[10, 20, 50, 100]"
          :page-size="listData.pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="listData.count"
        >
        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
          :current-page="listData.pageIndex" :page-sizes="[10, 20, 50, 100]" :page-size="listData.pageSize"
          layout="total, sizes, prev, pager, next, jumper" :total="listData.count">
        </el-pagination>
      </div>
    </div>
    <!-- 新增 -->
    <el-dialog
      :title="
        behavior == '新增'
    <el-dialog :title="behavior == '新增'
          ? `${$t('common.append')}`
          : `${$t('common.update')}`
      "
      :visible.sync="dialogVisible"
      :before-close="handleClose"
    >
      " :visible.sync="dialogVisible" :before-close="handleClose">
      <div style="height: 500px; overflow: auto">
        <el-form
          ref="form"
          :model="editForm"
          label-width="100px"
          label-position="top"
        >
        <el-form ref="form" :model="editForm" label-width="100px" label-position="top">
          <el-form-item :label="$t('dataManage.styleObj.name')">
            <el-input
              style="width:85%"
              v-model=" editForm.name"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('dataManage.styleObj.name')"
            ></el-input>
            <el-input style="width:85%" v-model="editForm.name"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('dataManage.styleObj.name')"></el-input>
          </el-form-item>
          <el-form-item :label="$t('common.templateType')">
            <!-- <el-input
              style="width:100%"
              v-model=" editForm.code"
            ></el-input> -->
            <el-select
              :popper-append-to-body="false"
              style="width:85%"
              @change="selFileCodeChange"
            <el-select :popper-append-to-body="false" style="width:85%" @change="selFileCodeChange"
              v-model="editForm.code"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('dataManage.common.templateType')"
            >
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree') + $t('dataManage.common.templateType')">
              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item :label="$t('common.fileType')">
            <el-select
              :popper-append-to-body="false"
              v-model="editForm.type"
              @change="selFileTypeChange"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree')+$t('common.fileType')"
              style="width:85%"
            >
              <el-option
                v-for="item in typeOption"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
            <el-select :popper-append-to-body="false" v-model="editForm.type" @change="selFileTypeChange"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree') + $t('common.fileType')" style="width:85%">
              <el-option v-for="item in typeOption" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
              <!-- <el-option
                label="World模板"
@@ -257,94 +135,38 @@
          <el-form-item :label="$t('common.filePath')">
            <div class="BoxFlex">
              <div class="BoxFlexinput">
                <el-input
                  v-model="editForm.fname"
                  disabled
                  autocomplete="off"
                  style="width:100%"
                ></el-input>
                <el-input v-model="editForm.fname" disabled autocomplete="off" style="width:100%"></el-input>
              </div>
              <div class="BoxFlexbutton">
                <input
                  name="file1"
                  type="file"
                  id="editFile"
                  multiple="multiple"
                  :accept="selectFileType"
                  style="display: none"
                  @change="geteditFile(1)"
                />
                <el-button
                  style="margin-left: 6px;"
                  type="primary"
                  size="small"
                  :underline="false"
                  @click="geteditFile(0)"
                >选择</el-button>
                <el-button
                  type="primary"
                  size="small"
                  :underline="false"
                  @click="geteditFile(2)"
                >上传</el-button>
                <input name="file1" type="file" id="editFile" multiple="multiple" :accept="selectFileType"
                  style="display: none" @change="geteditFile(1)" />
                <el-button style="margin-left: 6px;" type="primary" size="small" :underline="false"
                  @click="geteditFile(0)">选择</el-button>
                <el-button type="primary" size="small" :underline="false" @click="geteditFile(2)">上传</el-button>
              </div>
            </div>
          </el-form-item>
          <el-form-item :label="$t('common.bak')">
            <el-input
              style="width:85%"
              v-model="editForm.bak"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo')+$t('common.bak')"
            ></el-input>
            <el-input style="width:85%" v-model="editForm.bak"
              :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo') + $t('common.bak')"></el-input>
          </el-form-item>
        </el-form>
      </div>
      <div
        v-if="behavior =='新增'"
        slot="footer"
        class="dialog-footer"
      >
        <el-button
          size="small"
          @click="closeInsertData"
        >取 消</el-button>
        <el-button
          type="primary"
          size="small"
          @click="addInsertData"
        >确 定</el-button>
      <div v-if="behavior == '新增'" slot="footer" class="dialog-footer">
        <el-button size="small" @click="closeInsertData">取 消</el-button>
        <el-button type="primary" size="small" @click="addInsertData">确 定</el-button>
      </div>
      <div
        v-if="behavior !='新增'"
        slot="footer"
        class="dialog-footer"
      >
        <el-button
          size="small"
          @click="closeEditData"
        >取 消</el-button>
        <el-button
          type="primary"
          size="small"
          @click="addEditData"
        >确 定</el-button>
      <div v-if="behavior != '新增'" slot="footer" class="dialog-footer">
        <el-button size="small" @click="closeEditData">取 消</el-button>
        <el-button type="primary" size="small" @click="addEditData">确 定</el-button>
      </div>
    </el-dialog>
    <div
      class="infoBox_box"
      v-show="showinfoBox"
    >
    <div class="infoBox_box" v-show="showinfoBox">
      <div class="infoBox subpage_Div box_div">
        <div
          slot="header"
          class="clearfix"
        >
        <div slot="header" class="clearfix">
          <span>{{ $t('dataManage.styleObj.deInformation') }}</span>
          <div
            style="float: right; cursor: pointer"
            @click="closeDetial"
          >
          <div style="float: right; cursor: pointer" @click="closeDetial">
            <i class="el-icon-close"></i>
          </div>
        </div>
@@ -401,11 +223,7 @@
      </div>
    </div>
    <iframe
      id="downFrame"
      src=""
      style="display: none; border: 0; padding: 0; height: 0; width: 0"
    ></iframe>
    <iframe id="downFrame" src="" style="display: none; border: 0; padding: 0; height: 0; width: 0"></iframe>
  </div>
</template>
@@ -448,6 +266,9 @@
        {
          value: "dirFolder",
          label: "目录结构文件夹模板",
        }, {
          value: "countExplorationPoints",
          label: "钻孔数据统计",
        },
      ],
      itemdetail: {},
@@ -488,6 +309,7 @@
        height: "calc(100% - 109px)",
      },
      typeOption: [],
      rowGuid: null,
    };
  },
  created() {
@@ -600,6 +422,8 @@
    },
    //修改提交
    async addEditData() {
      this.editForm.guid = this.rowGuid;
      debugger
      const data = await report_update(this.editForm);
      if (data.code != 200) {
        return this.$message.error("修改失败");
@@ -665,6 +489,7 @@
      } else if (parseInt(row.type) == 2) {
        this.selectFileType = ".xlsx";
      }
      this.rowGuid = row.guid;
      this.dialogVisible = true;
    },
    //删除
@@ -772,7 +597,8 @@
        formData.append("file", fs.files[0]);
        var val_data = await report_upload(formData);
        if (val_data.code == 200) {
          this.editForm.guid = val_data.result;
          // this.editForm.guid = val_data.result;
          this.rowGuid = val_data.result;
          this.$message({
            message: "上传成功!",
            type: "success",
@@ -909,10 +735,12 @@
    .el-form-item {
      margin: 5px;
    }
    .el-input {
      width: 467px;
    }
  }
  .leftTree {
    position: absolute;
    z-index: 10;
@@ -926,17 +754,21 @@
      height: 550px;
      overflow: auto;
    }
    .btnBox {
      width: 160px;
      margin: 10px auto 0;
    }
  }
  .bottom {
    width: 100%;
    height: 85%;
    .rightTable {
      height: 100%;
      width: 100%;
      .table_box {
        width: 100%;
        height: 80%;