样式

liupengpeng

2023-02-15 449e7237c6a575fdfd8393187f2ffcaffb000801

 src/views/datamanage/domainManage.vue

@@ -7,7 +7,7 @@
    <el-divider />
    <div class="mainBox">
      <div class="leftTree subpage_Div">
        <el-input v-model="filterInput"></el-input>
        <el-input v-model="filterInput" style="width:200px"></el-input>
        <div style="width:450px">
          <el-tree
            :data="domainData"
@@ -33,21 +33,10 @@
              <el-input
                v-model="queryForm.code"
                :placeholder="$t('common.pleaseInput')"
                style="width:200px"
              />
            </el-form-item>
            <el-form-item>
              <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"
                size="small"
                type="info"
              >{{ $t('common.empty') }}</el-button>
            <el-form-item style="float: right;">
              <el-button
                v-if="btnStatus.insert"
                @click="showAddDialog"
@@ -62,6 +51,18 @@
                size="small"
                icon="el-icon-delete"
              >{{ $t('common.delete') }}</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"
                size="small"
                type="info"
              >{{ $t('common.empty') }}</el-button>
            </el-form-item>
          </el-form>
        </div>
@@ -150,7 +151,7 @@
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="listData.pageIndex"
            :page-sizes="[10, 20, 30, 40]"
            :page-sizes="[10, 20, 50, 100]"
            :page-size="listData.pageSize"
            layout="total, sizes, prev, pager, next, jumper"
            :total="count"
@@ -163,60 +164,60 @@
      class="infoBox subpage_Div box_div"
      v-show="showinfoBox"
    >
     

      <div
        slot="header"
        class="clearfix"
      >
        <span>{{ $t('common.details') }}</span>
        <div
          slot="header"
          class="clearfix"
          style="float: right; cursor: pointer"
          @click="closeDetial"
        >
          <span>{{ $t('common.details') }}</span>
          <div
            style="float: right; cursor: pointer"
            @click="closeDetial"
          >
            <i class="el-icon-close"></i>
          </div>
          <i class="el-icon-close"></i>
        </div>
            <el-divider></el-divider>
        <div class="contentBox">
          <p>
            {{ $t('dataManage.domainManage.domName') }}：{{
      </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') }}：{{
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.domainManage.domDesc') }}：{{
              itemdetail.domDesc
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.domainManage.domCode') }}：{{
        </p>
        <el-divider></el-divider>
        <p>
          {{ $t('dataManage.domainManage.domCode') }}：{{
              itemdetail.domCode
            }}
          </p>
          <el-divider></el-divider>
          <p>
            {{ $t('dataManage.domainManage.codeDesc') }}：{{
        </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') }}：{{
        </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>
 
        </p>
        <el-divider></el-divider>
        <p>{{ $t('dataManage.domainManage.bak') }}：{{ itemdetail.bak }}</p>
      </div>

    </div>
    <el-dialog
      width="510px"
@@ -238,6 +239,8 @@
          :label-width="formLabelWidth"
        >
          <el-select
            :popper-append-to-body="false"
            style="width:100%"
            v-model="editForm.domName"
            placeholder="请选择"
          >
@@ -431,11 +434,11 @@
      return this.$store.state.cataNode.id;
    },
  },
 

  methods: {
      filterNode(value, data) {
    filterNode(value, data) {
      if (!value) return true;
 

      return data.val.indexOf(value) !== -1;
    },
    async toggleTabs(data) {
@@ -737,7 +740,7 @@
    .leftTree {
      width: 15%;
      height: 91%;
     

      border-radius: 5px;
      padding: 1%;
      max-height: 670px;
@@ -746,7 +749,7 @@
    .right {
      width: 80%;
      height: 91%;
    

      border-radius: 5px;
      padding: 1%;
      max-height: 670px;
@@ -780,7 +783,5 @@
      }
    }
  }

  
}
</style>