表格修改

584911253@qq.com

2023-03-02 8bb00665765e8348aeb3a6e799069287e503e1ab

 src/views/datamanage/domainManage.vue

@@ -8,8 +8,8 @@
    ></My-bread>
    <el-divider />
    <div class="mainBox">
      <div class="leftTree subpage_Div">
        <el-input v-model="filterInput" style="width: 200px"></el-input>
      <div class="leftTree subpage_Div" style="border: 1px solid #dcdfe6;">
        <el-input size="small" v-model="filterInput" style="width: 200px" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valueone')" suffix-icon="el-icon-search"></el-input>
        <div style="width: 450px">
          <el-tree
            :data="domainData"
@@ -24,12 +24,13 @@
      <div class="right subpage_Div">
        <div class="inquire">
          <el-form ref="queryForm" :model="queryForm" :inline="true">
            <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name">
              <el-input
            <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name" >
             <el-input
                  size="small"
                v-model="queryForm.code"
                :placeholder="$t('common.pleaseInput')"
                :placeholder="$t('shuJuGuanLi.lable4')"
                style="width: 200px"
              />
              ><i slot="suffix" class="el-icon-search"  @click="queryInfo('queryForm')" style="padding-right: 8px"></i></el-input>
            </el-form-item>
            <el-form-item style="float: right">
              <el-button
@@ -48,13 +49,13 @@
                icon="el-icon-delete"
                >{{ $t("common.delete") }}</el-button
              >
              <el-button
<!--              <el-button
                @click="queryInfo('queryForm')"
                icon="el-icon-search"
                size="small"
                class="primary"
                >{{ $t("common.iquery") }}</el-button
              >
              >-->
              <el-button
                @click="resetInfo('queryForm')"
                icon="el-icon-delete"
@@ -65,10 +66,12 @@
            </el-form-item>
          </el-form>
        </div>
        <div class="table_box" style="height: calc(100% - 89px)">
        <div class="dividing-line"></div>
        <div class="table_box" style="height: calc(100% - 60px)">
          <el-table
            :data="tableData"
            @selection-change="handleSelectionChange"
            border
            height="calc(100% - 57px)"
          >
            <el-table-column type="selection" width="50" />
@@ -139,7 +142,7 @@
              </template>
            </el-table-column>
          </el-table>
          <div class="pagination_box" style="margin-top: 20px">
          <div class="pagination_box" style="margin-top: 15px">
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
@@ -692,12 +695,13 @@
.domainBox {
  height: 98%;
  width: 98%;
  padding: 1%;
  padding: 0.5%;
  .mainBox {
    padding-top: 10px;
    width: 100%;
    height: calc(100% - 75px);
    display: flex;
    justify-content: space-between;
    justify-content: space-around;
    .leftTree {
      width: calc(23% - 0px);
      height: 100%;
@@ -711,15 +715,15 @@
      width: 75%;
      height: 100%;
      border-radius: 5px;
      padding: 10px;
      padding: 0 10px;
      box-sizing: border-box;
      border: 1px solid #dcdfe6;
      .inquire {
        padding: 8px;
        // margin-top: 10px;
        border-radius: 5px;
        border: 1px solid #dcdfe6;
        margin-bottom: 20px;
        //border: 1px solid #dcdfe6;
        //margin-bottom: 20px;
        .el-form-item {
          margin: 5px;
        }