整体样式修改

ali

2024-09-03 0ae83a895e80a4b9777a27f613d721a7e5e2ac18

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

@@ -1,20 +1,41 @@
<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-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 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">
          <template slot-scope="scope">
            &lt;!&ndash;<el-button
              size="mini"
@@ -26,13 +47,13 @@
          </template>
        </el-table-column>-->
      </el-table>
<!--      <pagination-->
<!--        v-show="total>0"-->
<!--        :total="total"-->
<!--        :page.sync="queryParams.pageNum"-->
<!--        :limit.sync="queryParams.pageSize"-->
<!--        @pagination="getList"-->
<!--      />-->
      <!--      <pagination-->
      <!--        v-show="total>0"-->
      <!--        :total="total"-->
      <!--        :page.sync="queryParams.pageNum"-->
      <!--        :limit.sync="queryParams.pageSize"-->
      <!--        @pagination="getList"-->
      <!--      />-->
    </el-row>
    <div slot="footer" class="dialog-footer">
      <el-button @click="handclose">取 消</el-button>
@@ -41,8 +62,8 @@
</template>

<script>
import { listIndex,addIndex,delIndex } from "@/api/meter/index";
let meterid="";
import { listIndex, addIndex, delIndex } from "@/api/meter/index";
let meterid = "";
// 通用下载方法

export default {
@@ -58,7 +79,7 @@
      multiple: true,
      // 总条数
      total: 0,
      qjcode:"",
      qjcode: "",
      // 计量器具档案  指标  表格数据
      impIndexList: [],
      // 计量器具档案  指标的 单位集合
@@ -79,9 +100,9 @@
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        implementId:'',
        implementId: "",
        tableName: undefined
      },
      }
    };
  },
  created() {
@@ -94,13 +115,13 @@
  },
  methods: {
    // 显示弹框
    show(impid,code) {
    show(impid, code) {
      this.reset();
      this.qjcode = code;
      this.queryParams.implementId = impid;
      this.meterid = impid;
      this.getList();
      this.title='编号 '+code+' 指标';
      this.title = "编号 " + code + " 指标";
      this.open = true;
    },
    // 指标类型字典翻译
@@ -116,7 +137,7 @@
      this.queryParams = {
        pageNum: 1,
        pageSize: 10,
        implementId:'',
        implementId: "",
        tableName: undefined
      };
      //清空上传组件的文件列表
@@ -132,37 +153,51 @@
    // 生成计量器具指标
    createIndex() {
      let aa = this.meterid;
      console.log("aa==="+aa);
      this.$confirm('是否确认重新生成器具编码为"' + this.qjcode + '"的指标吗?重新生成后所有指标会还原到模板状态', "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(function() {
      console.log("aa===" + aa);
      this.$confirm(
        '是否确认重新生成器具编码为"' +
          this.qjcode +
          '"的指标吗?重新生成后所有指标会还原到模板状态',
        "警告",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }
      )
        .then(function() {
          return addIndex(aa);
      }).then(() => {
        this.getList();
        this.msgSuccess("指标生成成功");
      }).catch(function() {});
        })
        .then(() => {
          this.getList();
          this.msgSuccess("指标生成成功");
        })
        .catch(function() {});
    },
    /** 关闭按钮操作 */
    handclose()
    {
      this.open=false;
    handclose() {
      this.open = false;
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      this.$confirm('是否确认删除指标编码为"' + row.code + '"的指标吗?', "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(function() {
        return delIndex(row.indexId);
      }).then(() => {
        this.getList();
        this.msgSuccess("指标删除成功");
      }).catch(function() {});
    },
      this.$confirm(
        '是否确认删除指标编码为"' + row.code + '"的指标吗?',
        "警告",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }
      )
        .then(function() {
          return delIndex(row.indexId);
        })
        .then(() => {
          this.getList();
          this.msgSuccess("指标删除成功");
        })
        .catch(function() {});
    }
  }
};

</script>