整体样式修改

ali

2024-09-03 0ae83a895e80a4b9777a27f613d721a7e5e2ac18

 energy_management_ui/src/views/meter/implement/importIndexTable.vue

@@ -1,20 +1,47 @@
<template>
  <!-- 导入表 -->
  <el-dialog :title="title" :visible.sync="open"  :destroy-on-close="true" :append-to-body="true" width="800px" top="5vh">
    <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
  <el-dialog
    :title="title"
    :visible.sync="open"
    :destroy-on-close="true"
    :append-to-body="true"
    width="800px"
    top="5vh"
  >
    <el-form
      :model="queryParams"
      ref="queryForm"
      :inline="true"
      label-width="68px"
    >
      <el-form-item>
        <el-button icon="el-icon-refresh" size="mini" @click="createIndex">生成指标</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="createIndex"
          >生成指标</el-button
        >
      </el-form-item>
    </el-form>


    <el-row>
      <el-table v-loading="loading" :data="impIndexList" stripe max-height="350">
      <el-table v-loading="loading" :data="impIndexList" max-height="350">
        <el-table-column label="指标编码" align="center" prop="code"  />
        <el-table-column label="指标名称" align="center" prop="name"  />
        <el-table-column label="指标类型" align="center" prop="indexType" :formatter="indexTypeFormat" />
        <el-table-column label="单位" align="center" prop="unitId" :formatter="unitIdFormat" />
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
        <el-table-column
          label="指标类型"
          align="center"
          prop="indexType"
          :formatter="indexTypeFormat"
        />
        <el-table-column
          label="单位"
          align="center"
          prop="unitId"
          :formatter="unitIdFormat"
        />
        <el-table-column
          label="操作"
          align="center"
          class-name="small-padding fixed-width"
        >
          <template slot-scope="scope">
            <el-button
              size="mini"
@@ -22,7 +49,8 @@
              icon="el-icon-delete"
              @click="handleDelete(scope.row)"
              v-hasPermi="['meter:annex:remove']"
            >删除</el-button>
              >删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
@@ -79,9 +107,9 @@
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        implementId:'',
        implementId: "",
        tableName: undefined
      },
      }
    };
  },
  created() {
@@ -100,7 +128,7 @@
      this.queryParams.implementId = impid;
      this.meterid = impid;
      this.getList();
      this.title='编号 '+code+' 指标';
      this.title = "编号 " + code + " 指标";
      this.open = true;
    },
    // 指标类型字典翻译
@@ -116,7 +144,7 @@
      this.queryParams = {
        pageNum: 1,
        pageSize: 10,
        implementId:'',
        implementId: "",
        tableName: undefined
      };
      //清空上传组件的文件列表
@@ -133,36 +161,50 @@
    createIndex() {
      let aa = this.meterid;
      console.log("aa==="+aa);
      this.$confirm('是否确认重新生成器具编码为"' + this.qjcode + '"的指标吗?重新生成后所有指标会还原到模板状态', "警告", {
      this.$confirm(
        '是否确认重新生成器具编码为"' +
          this.qjcode +
          '"的指标吗?重新生成后所有指标会还原到模板状态',
        "警告",
        {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(function() {
        }
      )
        .then(function() {
          return addIndex(aa);
      }).then(() => {
        })
        .then(() => {
        this.getList();
        this.msgSuccess("指标生成成功");
      }).catch(function() {});
        })
        .catch(function() {});
    },
    /** 关闭按钮操作 */
    handclose()
    {
    handclose() {
      this.open=false;
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      this.$confirm('是否确认删除指标编码为"' + row.code + '"的指标吗?', "警告", {
      this.$confirm(
        '是否确认删除指标编码为"' + row.code + '"的指标吗?',
        "警告",
        {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(function() {
        }
      )
        .then(function() {
        return delIndex(row.indexId);
      }).then(() => {
        })
        .then(() => {
        this.getList();
        this.msgSuccess("指标删除成功");
      }).catch(function() {});
    },
        })
        .catch(function() {});
    }
  }
};

</script>