修改数据管理弹框按钮样式

王旭

2023-02-22 cf4de0a3f218b79d49b05450ca0fc4527c2fa78e

 src/views/datamanage/domainManage.vue

@@ -122,9 +122,10 @@
            <el-table-column min-width="150" :label="$t('common.operate')">
              <template slot-scope="scope">
                <el-button
                  class="primary"
                  @click="showDetail(scope.row)"
                  type="primary"
                  size="small"
                  plain
                  >{{ $t("common.details") }}</el-button
                >
                <el-button
@@ -132,68 +133,79 @@
                  type="warning"
                  @click="handleEdit(scope.$index, scope.row)"
                  size="small"
                  plain
                  >{{ $t("common.update") }}</el-button
                >
              </template>
            </el-table-column>
          </el-table>
          <div class="pagination_box" style="margin-top: 20px">
          <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="count"
          >
          </el-pagination>
            <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="count"
            >
            </el-pagination>
          </div>
        </div>
        </div>
        
      </div>
    </div>
    <div class="infoBox subpage_Div box_div" v-show="showinfoBox">
      <div slot="header" class="clearfix">
        <span>{{ $t("common.details") }}</span>
        <div style="float: right; cursor: pointer" @click="closeDetial">
          <i class="el-icon-close"></i>
    <div class="infoBox_box" v-show="showinfoBox">
      <div class="infoBox subpage_Div box_div">
        <div slot="header" class="clearfix">
          <span>{{ $t("common.details") }}</span>
          <div style="float: right; cursor: pointer" @click="closeDetial">
            <i class="el-icon-close"></i>
          </div>
        </div>
      </div>
      <el-divider></el-divider>
      <div class="contentBox">
        <p>
          {{ $t("dataManage.domainManage.domName") }}：{{ itemdetail.domName }}
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t("dataManage.domainManage.domDesc") }}：{{ itemdetail.domDesc }}
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t("dataManage.domainManage.domCode") }}：{{ itemdetail.domCode }}
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t("dataManage.domainManage.codeDesc") }}：{{
            itemdetail.codeDesc
          }}
        </p>
        <el-divider></el-divider>
        <p>{{ $t("dataManage.domainManage.bsm") }}：{{ itemdetail.bsm }}</p>
        <el-divider></el-divider>
        <p>{{ $t("dataManage.domainManage.level") }}：{{ itemdetail.level }}</p>
        <el-divider></el-divider>
        <p>
          {{ $t("dataManage.domainManage.orderid") }}：{{ itemdetail.orderid }}
        </p>
        <el-divider></el-divider>
        <p>{{ $t("dataManage.domainManage.bak") }}：{{ itemdetail.bak }}</p>
        <div class="contentBox">
          <p>
            {{ $t("dataManage.domainManage.domName") }}：{{
              itemdetail.domName
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.domainManage.domDesc") }}：{{
              itemdetail.domDesc
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.domainManage.domCode") }}：{{
              itemdetail.domCode
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.domainManage.codeDesc") }}：{{
              itemdetail.codeDesc
            }}
          </p>
          <el-divider></el-divider>
          <p>{{ $t("dataManage.domainManage.bsm") }}：{{ itemdetail.bsm }}</p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.domainManage.level") }}：{{ itemdetail.level }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t("dataManage.domainManage.orderid") }}：{{
              itemdetail.orderid
            }}
          </p>
          <el-divider></el-divider>
          <p>{{ $t("dataManage.domainManage.bak") }}：{{ itemdetail.bak }}</p>
        </div>
      </div>
    </div>
    <el-dialog
      width="510px"
      top="5vh"
      top="2vh"
      :title="
        behavior == '新增用户'
          ? `${$t('common.append')}`
@@ -202,14 +214,15 @@
      :visible.sync="dialogFormVisible"
      :before-close="handleClose"
    >
      <el-form :model="editForm" ref="editForm">
    <div style="height: 500px; overflow: auto">
      <el-form :model="editForm" ref="editForm" label-position="top">
        <el-form-item
          :label="$t('dataManage.domainManage.domName')"
          :label-width="formLabelWidth"
        >
          <el-select
            :popper-append-to-body="false"
            style="width: 100%"
            style="width:85%"
            v-model="editForm.domName"
            placeholder="请选择"
          >
@@ -227,46 +240,47 @@
          :label="$t('dataManage.domainManage.domDesc')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="editForm.domDesc" autocomplete="off"></el-input>
          <el-input v-model="editForm.domDesc" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>

        <el-form-item
          :label="$t('dataManage.domainManage.domCode')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="editForm.domCode" autocomplete="off"></el-input>
          <el-input v-model="editForm.domCode" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.domainManage.codeDesc')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="editForm.codeDesc" autocomplete="off"></el-input>
          <el-input v-model="editForm.codeDesc" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.domainManage.bsm')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="editForm.bsm" autocomplete="off"></el-input>
          <el-input v-model="editForm.bsm" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.domainManage.level')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="editForm.level" autocomplete="off"></el-input>
          <el-input v-model="editForm.level" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.domainManage.orderid')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="editForm.orderid" autocomplete="off"></el-input>
          <el-input v-model="editForm.orderid" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.domainManage.bak')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="editForm.bak" autocomplete="off"></el-input>
          <el-input v-model="editForm.bak" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
      </el-form>
    </div>
      <div v-if="behavior == '修改信息'" slot="footer" class="dialog-footer">
        <el-button size="small" @click="cancelEdit()">{{
          $t("common.reset")
@@ -710,7 +724,6 @@
          margin: 5px;
        }
      }

    }
  }
}