表格修改

584911253@qq.com

2023-03-02 8bb00665765e8348aeb3a6e799069287e503e1ab

 src/views/maintenance/tokentool.vue

@@ -17,17 +17,19 @@
            >
              <el-input
                style="width: 200px"
                size="small"
                v-model="ruleForm.name"
                :placeholder="$t('common.pleaseInput')"
                :placeholder="$t('operatManage.tokentoolObj.tokenHolder')"
              />
            </el-form-item>

            <el-form-item :label="$t('operatManage.tokentoolObj.tokenStatus')">
              <el-select
                style="width: 200px"
                size="small"
                :popper-append-to-body="false"
                v-model="ruleForm.value"
                :placeholder="$t('common.choose')"
                :placeholder="$t('operatManage.tokentoolObj.tokenStatusHolder')"
              >
                <el-option
                  value="0"
@@ -43,6 +45,13 @@
          <div>
            <!-- 查询 清空 -->
            <el-form-item>
              <el-button
                  icon="el-icon-search"
                  size="small"
                  type="primary"
                  @click="onSubmit"
              >{{ $t("common.iquery") }}</el-button
              >
              <el-button
                v-if="menuStatus.insert"
                @click="InsertFormdialog = true"
@@ -60,13 +69,6 @@
                >{{ $t("common.delete") }}</el-button
              >
              <el-button
                icon="el-icon-search"
                size="small"
                type="primary"
                @click="onSubmit"
                >{{ $t("common.iquery") }}</el-button
              >
              <el-button
                icon="el-icon-delete"
                type="info"
                size="small"
@@ -78,39 +80,40 @@
        </div>
      </el-form>
    </div>
    <div class="dividing-line"></div>
    <div class="table_box" :style="styleVar">
      <el-table
        ref="filterTable"
        :data="tableData"
        style="width: 100%"
        height="calc(100% - 57px)"
        border
        height="calc(100% - 45px)"
      >
        <el-table-column type="selection" width="55" />
        <el-table-column
          width="70"
          align="center"

          type="index"
          :label="$t('operatManage.tokentoolObj.index')"
        />
        <el-table-column
          prop="token"
          align="center"
          :label="$t('operatManage.tokentoolObj.token')"
        />
        <el-table-column
          prop="duration"
          align="center"
          width="120"
          :label="$t('operatManage.tokentoolObj.duration')"
        />
        <el-table-column
          prop="expire"
          align="center"

          :label="$t('operatManage.tokentoolObj.expire')"
          :formatter="formatTime"
        />
        <el-table-column
          prop="type"
          align="center"

          :label="$t('operatManage.tokentoolObj.type')"
        >
          <template slot-scope="scope">
@@ -120,42 +123,42 @@
        </el-table-column>
        <el-table-column
          prop="ip"
          align="center"

          :label="$t('operatManage.tokentoolObj.ip')"
        />
        <el-table-column
          prop="createUser"
          align="center"

          :label="$t('operatManage.tokentoolObj.createUser')"
        />
        <el-table-column
          prop="createTime"
          align="center"

          :label="$t('operatManage.tokentoolObj.createTime')"
          :formatter="formatTime"
        />
        <el-table-column
          prop="updateUser"
          align="center"

          :label="$t('operatManage.tokentoolObj.updateUser')"
        />
        <el-table-column
          prop="updateTime"
          align="center"

          :label="$t('operatManage.tokentoolObj.updateTime')"
          :formatter="formatTime"
        />
        <el-table-column
          fixed="right"
          :label="$t('operatManage.tokentoolObj.operation')"
          width="320"
          align="center"
          width="220"

        >
          <template slot-scope="scope">
            <el-button type="danger" size="small">{{
            <el-button type="danger" size="small" plain>{{
              $t("operatManage.tokentoolObj.invalid")
            }}</el-button>
            <el-button type="warning" size="small">{{
            <el-button type="info" size="small" plain>{{
              $t("operatManage.tokentoolObj.renewal")
            }}</el-button>
            <el-button
@@ -186,10 +189,10 @@
    <!-- 新增弹窗 -->
    <el-dialog
      :title="$t('operatManage.tokentoolObj.addToken')"
      style="overflow: hidden"
      :visible.sync="InsertFormdialog"
    >
      <el-form ref="formData1" :model="insertform">
        <div style="height: 500px; overflow: auto">
      <el-form ref="formData1" :model="insertform" label-position="top">
        <el-form-item
          :label="$t('operatManage.tokentoolObj.token')"
          :label-width="formLabelWidth"
@@ -197,6 +200,7 @@
          <el-input
            v-model="insertform.token"
            :placeholder="$t('common.pleaseInput')"
            style="width:85%"
          />
        </el-form-item>
        <el-form-item
@@ -206,6 +210,7 @@
          <el-input
            v-model="insertform.duration"
            :placeholder="$t('common.pleaseInput')"
            style="width:85%"
          />
        </el-form-item>
        <el-form-item
@@ -214,7 +219,7 @@
        >
          <el-select
            :popper-append-to-body="false"
            style="width: 94.2%"
            style="width:85%"
            v-model="insertform.type"
            :placeholder="$t('common.choose')"
          >
@@ -235,10 +240,11 @@
          <el-input
            v-model="insertform.ip"
            :placeholder="$t('common.pleaseInput')"
            style="width:85%"
          />
        </el-form-item>
      </el-form>

        </div>
      <div slot="footer" class="dialog-footer">
        <el-button size="small" @click="insertFromDataClose">{{
          $t("common.close")
@@ -251,10 +257,10 @@
    <!-- 修改弹窗 -->
    <el-dialog
      :title="$t('operatManage.tokentoolObj.editToken')"
      style="overflow: hidden"
      :visible.sync="EditFormdialog"
    >
      <el-form ref="formData1" :model="insertform">
     <div style="height: 500px; overflow: auto">
      <el-form ref="formData1" :model="insertform" label-position="top">
        <el-form-item
          :label="$t('operatManage.tokentoolObj.token')"
          :label-width="formLabelWidth"
@@ -262,6 +268,7 @@
          <el-input
            v-model="upform.token"
            :placeholder="$t('common.pleaseInput')"
            style="width:85%"
          />
        </el-form-item>
        <el-form-item
@@ -271,6 +278,7 @@
          <el-input
            v-model="upform.duration"
            :placeholder="$t('common.pleaseInput')"
            style="width:85%"
          />
        </el-form-item>
        <el-form-item
@@ -279,7 +287,7 @@
        >
          <el-select
            :popper-append-to-body="false"
            style="width: 94.2%"
            style="width:85%"
            v-model="upform.edit"
            @change="changeGame"
            :placeholder="$t('common.choose')"
@@ -301,9 +309,11 @@
          <el-input
            v-model="upform.ip"
            :placeholder="$t('common.pleaseInput')"
            style="width:85%"
          />
        </el-form-item>
      </el-form>
     </div>

      <div slot="footer" class="dialog-footer">
        <el-button size="small" @click="editFromDataClose">{{
@@ -390,7 +400,7 @@
      this.$nextTick(() => {
        const rect = this.$refs.container.getBoundingClientRect();
        this.tableHeight = `${rect.height + 97}px`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`;
        this.styleVar["height"] = `calc(100% - ${rect.height + 30}px)`;
      });
    },
    showPermsMenu(res) {
@@ -636,26 +646,26 @@
  },
};
</script>
 

<style lang="less" scoped>
//@import url(); 引入公共css类

.tokentool_box {
  height: 98%;
  width: 98%;
  padding: 1%;
  padding: 0.5% 1%;

  .el-input {
    width: 300px;
  }

  .inquire {
    padding: 8px;
    margin-top: 20px;
    padding: 0 8px;
    //margin-top: 20px;

    border-radius: 5px;

    margin-bottom: 20px;
    //margin-bottom: 20px;
    .el-form-item {
      margin: 5px;
    }