20230225@xingjs@优化完善数据管理样式

xing

2023-02-25 a909a5a79b3fd247733d3713af583294908abd50

 src/views/datamanage/dictionaryManage.vue

@@ -9,7 +9,7 @@
    <el-divider />
    <div class="mainBox">
     
        <div class="dictionary_leftTree subpage_Div">
        <div class="dictionary_leftTree subpage_Div" style="border: 1px solid #dcdfe6;">
          <ul>
            <li
              @click="getTableDesc(item)"
@@ -32,6 +32,7 @@
                v-model="formInline.tab"
                :placeholder="$t('common.pleaseInput')"
                style="width: 200px"
                suffix-icon="el-icon-edit"
              ></el-input>
            </el-form-item>
            <el-form-item style="float: right">
@@ -68,6 +69,7 @@
            </el-form-item>
          </el-form>
        </div>
        <div class="dividing-line"></div>
        <div class="table_box" style="height:calc(100% - 89px)">
          <el-table
            :data="tableData"
@@ -141,20 +143,26 @@
            />

            <el-table-column
              min-width="100"
              min-width="180"
              :label="$t('dataManage.dictionaryManageObj.operation')"
            >
              <template slot-scope="scope">
                <el-link
                <el-button
                 type="primary"
                  plain
                  size="small"
                  v-if="btnStatus.select"
                  @click="showDetail(scope.$index, scope.row)"
                  >{{ $t("dataManage.dictionaryManageObj.lookOver") }}</el-link
                  >{{ $t("dataManage.dictionaryManageObj.lookOver") }}</el-button
                >
                <el-link
                <el-button
                 type="warning"
                  plain
                  size="small"
                  v-if="btnStatus.update"
                  @click="handleEdit(scope.$index, scope.row)"
                  style="margin-left: 10px"
                  >{{ $t("dataManage.dictionaryManageObj.revamp") }}</el-link
                  >{{ $t("dataManage.dictionaryManageObj.revamp") }}</el-button
                >
              </template>
            </el-table-column>
@@ -174,7 +182,8 @@
        </div>
      </div>
    </div>
    <div class="infoBox box_div" v-show="showinfoBox">
    <div class="infoBox_box" v-show="showinfoBox">
    <div class="infoBox box_div">
      <div slot="header" class="clearfix">
        <span>{{ $t("dataManage.dictionaryManageObj.particulars") }}</span>
        <div style="float: right; cursor: pointer" @click="closeDetial">
@@ -258,70 +267,72 @@
        </p>
      </div>
    </div>
    </div>
    <el-dialog
      top="3vh"
      style="overflow: hidden"
      top="2vh"
      :title="$t('dataManage.dictionaryManageObj.revamp')"
      :visible.sync="dialogFormVisible"
    >
      <el-form :model="upform">
     <div style="height: 500px; overflow: auto">
      <el-form :model="upform" label-position="top">
        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.number')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.orderNum" autocomplete="off"></el-input>
          <el-input v-model="upform.orderNum" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.tableName')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.tab" autocomplete="off"></el-input>
          <el-input v-model="upform.tab" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.tableAliasName')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.tabDesc" autocomplete="off"></el-input>
          <el-input v-model="upform.tabDesc" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>

        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.fieldName')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.field" autocomplete="off"></el-input>
          <el-input v-model="upform.field" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.fieldAliasName')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.alias" autocomplete="off"></el-input>
          <el-input v-model="upform.alias" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.fieldType')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.type" autocomplete="off"></el-input>
          <el-input v-model="upform.type" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.fieldLength')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.len" autocomplete="off"></el-input>
          <el-input v-model="upform.len" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.FieldPrecision')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.precision" autocomplete="off"></el-input>
          <el-input v-model="upform.precision" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>

        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.remark')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.bak" autocomplete="off"></el-input>
          <el-input v-model="upform.bak" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
      </el-form>
     </div>
      <div slot="footer" class="dialog-footer">
        <el-button
          type="info"
@@ -336,53 +347,53 @@
    </el-dialog>
    <el-dialog
      :title="$t('dataManage.dictionaryManageObj.add')"
      top="3vh"
      style="overflow: hidden"
      top="2vh"
      :visible.sync="InsertFormdialog"
    >
      <el-form :model="insertform">
     <div style="height: 500px; overflow: auto">
      <el-form :model="insertform" label-position="top">
        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.number')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.orderNum" autocomplete="off"></el-input>
          <el-input v-model="insertform.orderNum" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.tableName')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.tab" autocomplete="off"></el-input>
          <el-input v-model="insertform.tab" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.tableAliasName')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.tabDesc" autocomplete="off"></el-input>
          <el-input v-model="insertform.tabDesc" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>

        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.fieldName')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.field" autocomplete="off"></el-input>
          <el-input v-model="insertform.field" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.fieldAliasName')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.alias" autocomplete="off"></el-input>
          <el-input v-model="insertform.alias" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.fieldType')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.type" autocomplete="off"></el-input>
          <el-input v-model="insertform.type" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.fieldLength')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.len" autocomplete="off"></el-input>
          <el-input v-model="insertform.len" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.dictionaryManageObj.FieldPrecision')"
@@ -391,6 +402,7 @@
          <el-input
            v-model="insertform.precision"
            autocomplete="off"
            style="width:85%"
          ></el-input>
        </el-form-item>

@@ -398,9 +410,10 @@
          :label="$t('dataManage.dictionaryManageObj.remark')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.bak" autocomplete="off"></el-input>
          <el-input v-model="insertform.bak" autocomplete="off" style="width:85%"></el-input>
        </el-form-item>
      </el-form>
     </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="info" size="small" @click="InsertFormdialog = false">{{
          $t("dataManage.dictionaryManageObj.cancel")
@@ -666,10 +679,11 @@
  }
}
.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%;
@@ -690,8 +704,8 @@
      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;
      }