用户管理样式整改

Surpriseplus

2023-02-15 bc9a2eb1c8201a7b91ad3effda0c493a8c4469b1

 src/views/userManage/templateManage.vue

@@ -17,15 +17,7 @@
            :placeholder="$t('common.pleaseInput')"
          />
        </el-form-item>
        <el-form-item>
          <el-button
            icon="el-icon-search"
            @click="setRefreshTable"
            type="primary"
            size="small"
          >{{ $t('common.iquery') }}</el-button>
        </el-form-item>
        <el-form-item>
        <el-form-item style="float:right">
          <el-button
            icon="el-icon-refresh"
            @click="restRefreshTable"
@@ -33,16 +25,15 @@
            size="small"
          >{{ $t('common.empty') }}</el-button>
        </el-form-item>
        <el-form-item>
        <el-form-item style="float:right">
          <el-button
            v-if="btnStatus.insert"
            @click="setTableInsert"
            icon="el-icon-edit"
            type="success"
            icon="el-icon-search"
            @click="setRefreshTable"
            type="primary"
            size="small"
          >{{ $t('common.append') }}</el-button>
          >{{ $t('common.iquery') }}</el-button>
        </el-form-item>
        <el-form-item>
        <el-form-item style="float:right">
          <el-button
            v-if="btnStatus.delete"
            icon="el-icon-delete"
@@ -51,7 +42,15 @@
            size="small"
          >{{ $t('common.delete') }}</el-button>
        </el-form-item>

        <el-form-item style="float:right">
          <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>
    </div>
    <div>
@@ -89,17 +88,18 @@
          align="center"
          prop="code"
          :label="$t('common.domCode')"
          :formatter="codeData"
        />
        <el-table-column
        <!-- <el-table-column
          align="center"
          prop="fname"
          :label="$t('common.filePath')"
        />
        <el-table-column
        /> -->
        <!-- <el-table-column
          align="center"
          prop="bak"
          :label="$t('common.bak')"
        />
        /> -->
        <el-table-column
          align="center"
          prop="createName"
@@ -196,10 +196,24 @@
            </el-select>
          </el-form-item>
          <el-form-item :label="$t('common.domCode')">
            <el-input
            <!-- <el-input
              style="width:100%"
              v-model=" editForm.code"
            ></el-input>
            ></el-input> -->
            <el-select
              :popper-append-to-body="false"
              style="width:100%"
              v-model="editForm.code"
              placeholder="请选择"
            >
              <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.filePath')">
            <div class="BoxFlex">
@@ -369,6 +383,16 @@
  components: { MyBread, },
  data() {
    return {
      options: [{
        value: 'countSizes',
        label: '数据量统计'
      }, {
        value: 'countServices',
        label: '服务调用量统计'
      }, {
        value: 'countOperates ',
        label: '用户流量统计'
      }],
      itemdetail: {},
      showinfoBox: false,
      behavior: '新增',
@@ -428,14 +452,37 @@
        })
        .catch((_) => { });
    },
    codeData(row, column) {
      let data = row[column.property];
      if (data == null) {
        return data;
      }
      var val;
      if (row.code.indexOf('countSizes') != -1) {
        val = "数据量统计"
      } else if (row.code.indexOf('countServices') != -1) {
        val = "服务调用量统计"
      } else if (row.code.indexOf('countOperates') != -1) {
        val = "用户流量统计"
      }
      return val;
    },
    //查看
    showDetail(index, row) {

      this.itemdetail = row;

      if (parseInt(row.type) == 1) {
        this.itemdetail.fileType = "World模板"
      } else if (parseInt(row.type) == 2) {
        this.itemdetail.fileType = "Excel模板"
      }
      if (row.code.indexOf('countSizes') != -1) {
        this.itemdetail.code = "数据量统计"
      } else if (row.code.indexOf('countServices') != -1) {
        this.itemdetail.code = "服务调用量统计"
      } else if (row.code.indexOf('countOperates') != -1) {
        this.itemdetail.code = "用户流量统计"
      }

      this.itemdetail.uTime = this.format(row.updateTime);
@@ -466,9 +513,9 @@
    //文件类型切换
    selFileTypeChange(val) {
      if (parseInt(val) == 1) {
        this.selectFileType = ".doc,.docx"
        this.selectFileType = ".docx"
      } else if (parseInt(val) == 2) {
        this.selectFileType = ".xls,.xlsx"
        this.selectFileType = ".xlsx"
      }
    },
    //修改
@@ -476,9 +523,9 @@
      this.behavior = "修改"
      this.editForm = row;
      if (parseInt(row.type) == 1) {
        this.selectFileType = ".doc,.docx"
        this.selectFileType = ".docx"
      } else if (parseInt(row.type) == 2) {
        this.selectFileType = ".xls,.xlsx"
        this.selectFileType = ".xlsx"
      }
      this.dialogVisible = true;
    },
@@ -491,15 +538,40 @@
      for (var i in this.multipleSelection) {
        std.push(this.multipleSelection[i].id)
      }
      const data = await report_deletes({ ids: std.toString() })
      if (data.code != 200) {
        return this.$message.error("删除失败");
      }
      this.$message({
        message: '删除成功',
        type: 'success'
      this.$confirm('此操作将永久删除该模块, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(async () => {
        const data = await report_deletes({ ids: std.toString() })
        if (data.code == 200) {
          this.InsertFormdialog = false;
          this.$message({
            message: '删除成功！',
            type: 'success',
          });
          this.setRefreshTable();
        } else {
          this.$message({
            message: '删除失败！',
            type: 'warning',
          });
        }
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
      this.setRefreshTable();
      // const data = await report_deletes({ ids: std.toString() })
      // if (data.code != 200) {
      //   return this.$message.error("删除失败");
      // }
      // this.$message({
      //   message: '删除成功',
      //   type: 'success'
      // });
      // this.setRefreshTable();
    },