From fda6fcfc6598c4349d486ca71d57c74e33043d76 Mon Sep 17 00:00:00 2001
From: 王旭 <1377869194@qq.com>
Date: 星期一, 20 二月 2023 11:32:58 +0800
Subject: [PATCH] 数据管理页面样式统一修改
---
src/views/datamanage/dictionaryManage.vue | 688 ++++++++++++++++++++++++---------------------------------
1 files changed, 292 insertions(+), 396 deletions(-)
diff --git a/src/views/datamanage/dictionaryManage.vue b/src/views/datamanage/dictionaryManage.vue
index 1a969c0..5762d6b 100644
--- a/src/views/datamanage/dictionaryManage.vue
+++ b/src/views/datamanage/dictionaryManage.vue
@@ -1,272 +1,262 @@
<template>
<div class="dictionaryBox">
- <My-bread :list="[
+ <My-bread
+ :list="[
`${$t('dataManage.dataManage')}`,
`${$t('dataManage.dictionaryManage')}`,
- ]"></My-bread>
+ ]"
+ ></My-bread>
<el-divider />
<div class="mainBox">
- <div class="dictionaryContent">
+
<div class="dictionary_leftTree subpage_Div">
- <ul>
- <li
- @click="getTableDesc(item)"
- v-for="item in optionCount"
- :class="{ active: activeName == item.tab }"
- >
- {{ item.tabDesc }}
- </li>
- </ul>
- </div>
- </div>
+ <ul>
+ <li
+ @click="getTableDesc(item)"
+ v-for="(item, i) in optionCount"
+ :class="{ active: activeName == item.tab }"
+ :key="i"
+ >
+ {{ item.tabDesc }}
+ </li>
+ </ul>
+ </div>
+
<div class="right subpage_Div">
<div class="inquire">
- <el-form
- :inline="true"
- :model="formInline"
- class="demo-form-inline"
- >
- <el-form-item :label="$t('dataManage.dictionaryManageObj.tableName')">
- <el-input
- v-model="formInline.tab"
- :placeholder="$t('common.pleaseInput')"
- style="width:200px"
- ></el-input>
- </el-form-item>
- <el-form-item style="float:right">
- <el-button
- v-if="btnStatus.insert"
- icon="el-icon-edit"
- size="small"
- @click="InsertFormdialog = true"
- type="success"
- >{{ $t('common.append') }}</el-button>
- <el-button
- v-if="btnStatus.delete"
- icon="el-icon-delete"
- size="small"
- @click="DelFormData"
- type="danger"
- >{{
- $t('common.delete')
- }}</el-button>
- <el-button
- icon="el-icon-search"
- size="small"
- @click="getSelectDictTab"
- class="primary"
- >{{ $t('common.iquery') }}</el-button>
- <el-button
- icon="el-icon-refresh"
- size="small"
- @click="getRemoveForm"
- type="info"
- >{{ $t('common.reset') }}</el-button>
- </el-form-item>
- </el-form>
+ <el-form :inline="true" :model="formInline" class="demo-form-inline">
+ <el-form-item
+ :label="$t('dataManage.dictionaryManageObj.tableName')"
+ >
+ <el-input
+ v-model="formInline.tab"
+ :placeholder="$t('common.pleaseInput')"
+ style="width: 200px"
+ ></el-input>
+ </el-form-item>
+ <el-form-item style="float: right">
+ <el-button
+ v-if="btnStatus.insert"
+ icon="el-icon-edit"
+ size="small"
+ @click="InsertFormdialog = true"
+ type="success"
+ >{{ $t("common.append") }}</el-button
+ >
+ <el-button
+ v-if="btnStatus.delete"
+ icon="el-icon-delete"
+ size="small"
+ @click="DelFormData"
+ type="danger"
+ >{{ $t("common.delete") }}</el-button
+ >
+ <el-button
+ icon="el-icon-search"
+ size="small"
+ @click="getSelectDictTab"
+ class="primary"
+ >{{ $t("common.iquery") }}</el-button
+ >
+ <el-button
+ icon="el-icon-refresh"
+ size="small"
+ @click="getRemoveForm"
+ type="info"
+ >{{ $t("common.reset") }}</el-button
+ >
+ </el-form-item>
+ </el-form>
</div>
- <div class="table_box">
+ <div class="table_box" style="height:calc(100% - 89px)">
<el-table
- :data="tableData"
- style="width: 100%"
- @selection-change="handleSelectionChange"
- height="100%"
- >
- <el-table-column
- type="selection"
- width="55"
- />
- <el-table-column
- prop="orderNum"
- :label="$t('dataManage.dictionaryManageObj.number')"
- />
- <el-table-column
- min-width="100"
- prop="field"
- :label="$t('dataManage.dictionaryManageObj.fieldName')"
- />
- <el-table-column
- min-width="90"
- prop="alias"
- :label="$t('dataManage.dictionaryManageObj.fieldAliasName')"
- />
- <el-table-column
- min-width="100"
- prop="type"
- :label="$t('dataManage.dictionaryManageObj.fieldType')"
- />
- <el-table-column
- min-width="60"
- prop="len"
- :label="$t('dataManage.dictionaryManageObj.fieldLength')"
- />
- <el-table-column
- min-width="60"
- prop="precision"
- :label="$t('dataManage.dictionaryManageObj.FieldPrecision')"
- />
- <el-table-column
- min-width="100"
- prop="tab"
- :label="$t('dataManage.dictionaryManageObj.rangeAssociationTable')"
- />
- <el-table-column
- min-width="100"
- prop="bak"
- :label="$t('dataManage.dictionaryManageObj.remark')"
- />
- <el-table-column
- min-width="100"
- prop="createTime"
- :label="$t('dataManage.dictionaryManageObj.creationTime')"
- :formatter="formatData"
- />
- <el-table-column
- min-width="100"
- prop="createUser"
- :label="$t('dataManage.dictionaryManageObj.createPersonnel')"
- />
- <el-table-column
- min-width="100"
- prop="updateTime"
- :label="$t('dataManage.dictionaryManageObj.updateTime')"
- :formatter="formatData"
- />
- <el-table-column
- min-width="100"
- prop="updateUser"
- :label="$t('dataManage.dictionaryManageObj.updatePersonnel')"
- />
+ :data="tableData"
+ style="width: 100%"
+ @selection-change="handleSelectionChange"
+ height="calc(100% - 57px)"
+ >
+ <el-table-column type="selection" width="55" />
+ <el-table-column
+ prop="orderNum"
+ :label="$t('dataManage.dictionaryManageObj.number')"
+ />
+ <el-table-column
+ min-width="100"
+ prop="field"
+ :label="$t('dataManage.dictionaryManageObj.fieldName')"
+ />
+ <el-table-column
+ min-width="90"
+ prop="alias"
+ :label="$t('dataManage.dictionaryManageObj.fieldAliasName')"
+ />
+ <el-table-column
+ min-width="100"
+ prop="type"
+ :label="$t('dataManage.dictionaryManageObj.fieldType')"
+ />
+ <el-table-column
+ min-width="60"
+ prop="len"
+ :label="$t('dataManage.dictionaryManageObj.fieldLength')"
+ />
+ <el-table-column
+ min-width="60"
+ prop="precision"
+ :label="$t('dataManage.dictionaryManageObj.FieldPrecision')"
+ />
+ <el-table-column
+ min-width="100"
+ prop="tab"
+ :label="
+ $t('dataManage.dictionaryManageObj.rangeAssociationTable')
+ "
+ />
+ <el-table-column
+ min-width="100"
+ prop="bak"
+ :label="$t('dataManage.dictionaryManageObj.remark')"
+ />
+ <el-table-column
+ min-width="100"
+ prop="createTime"
+ :label="$t('dataManage.dictionaryManageObj.creationTime')"
+ :formatter="formatData"
+ />
+ <el-table-column
+ min-width="100"
+ prop="createUser"
+ :label="$t('dataManage.dictionaryManageObj.createPersonnel')"
+ />
+ <el-table-column
+ min-width="100"
+ prop="updateTime"
+ :label="$t('dataManage.dictionaryManageObj.updateTime')"
+ :formatter="formatData"
+ />
+ <el-table-column
+ min-width="100"
+ prop="updateUser"
+ :label="$t('dataManage.dictionaryManageObj.updatePersonnel')"
+ />
- <el-table-column
- min-width="100"
- :label="$t('dataManage.dictionaryManageObj.operation')"
- >
- <template slot-scope="scope">
- <el-link
- v-if="btnStatus.select"
- @click="showDetail(scope.$index, scope.row)"
- >{{ $t('dataManage.dictionaryManageObj.lookOver') }}</el-link>
- <el-link
- v-if="btnStatus.update"
- @click="handleEdit(scope.$index, scope.row)"
- style="margin-left: 10px; "
- >{{ $t('dataManage.dictionaryManageObj.revamp') }}</el-link>
- </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>
- </div>
+ <el-table-column
+ min-width="100"
+ :label="$t('dataManage.dictionaryManageObj.operation')"
+ >
+ <template slot-scope="scope">
+ <el-link
+ v-if="btnStatus.select"
+ @click="showDetail(scope.$index, scope.row)"
+ >{{ $t("dataManage.dictionaryManageObj.lookOver") }}</el-link
+ >
+ <el-link
+ v-if="btnStatus.update"
+ @click="handleEdit(scope.$index, scope.row)"
+ style="margin-left: 10px"
+ >{{ $t("dataManage.dictionaryManageObj.revamp") }}</el-link
+ >
+ </template>
+ </el-table-column>
+ </el-table>
+ <div class="pagination_box">
+ <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
- class="infoBox box_div "
- v-show="showinfoBox"
- >
-
- <div
- slot="header"
- class="clearfix"
- >
- <span>{{ $t('dataManage.dictionaryManageObj.particulars') }}</span>
- <div
- style="float: right; cursor: pointer"
- @click="closeDetial"
- >
+ <div class="infoBox box_div" v-show="showinfoBox">
+ <div slot="header" class="clearfix">
+ <span>{{ $t("dataManage.dictionaryManageObj.particulars") }}</span>
+ <div style="float: right; cursor: pointer" @click="closeDetial">
<i class="el-icon-close"></i>
</div>
</div>
<el-divider></el-divider>
<div class="contentBox">
<p>
- {{ $t('dataManage.dictionaryManageObj.tableName') }}锛歿{
- itemdetail.tab
- }}
+ {{ $t("dataManage.dictionaryManageObj.tableName") }}锛歿{
+ itemdetail.tab
+ }}
</p>
<el-divider></el-divider>
<p>
- {{ $t('dataManage.dictionaryManageObj.tableAliasName') }}锛歿{
- itemdetail.tabDesc
- }}
+ {{ $t("dataManage.dictionaryManageObj.tableAliasName") }}锛歿{
+ itemdetail.tabDesc
+ }}
</p>
<el-divider></el-divider>
<p>
- {{ $t('dataManage.dictionaryManageObj.fieldName') }}锛歿{
- itemdetail.field
- }}
+ {{ $t("dataManage.dictionaryManageObj.fieldName") }}锛歿{
+ itemdetail.field
+ }}
</p>
<el-divider></el-divider>
<p>
- {{ $t('dataManage.dictionaryManageObj.fieldAliasName') }}锛歿{
- itemdetail.alias
- }}
+ {{ $t("dataManage.dictionaryManageObj.fieldAliasName") }}锛歿{
+ itemdetail.alias
+ }}
</p>
<el-divider></el-divider>
<p>
- {{ $t('dataManage.dictionaryManageObj.fieldType') }}锛歿{
- itemdetail.type
- }}
+ {{ $t("dataManage.dictionaryManageObj.fieldType") }}锛歿{
+ itemdetail.type
+ }}
</p>
<el-divider></el-divider>
<p>
- {{ $t('dataManage.dictionaryManageObj.fieldLength') }}锛歿{
- itemdetail.len
- }}
+ {{ $t("dataManage.dictionaryManageObj.fieldLength") }}锛歿{
+ itemdetail.len
+ }}
</p>
<el-divider></el-divider>
<p>
- {{ $t('dataManage.dictionaryManageObj.FieldPrecision') }}锛歿{
- itemdetail.precision
- }}
+ {{ $t("dataManage.dictionaryManageObj.FieldPrecision") }}锛歿{
+ itemdetail.precision
+ }}
</p>
<el-divider></el-divider>
<p>
- {{ $t('dataManage.dictionaryManageObj.remark') }}锛歿{
- itemdetail.bak
- }}
+ {{ $t("dataManage.dictionaryManageObj.remark") }}锛歿{
+ itemdetail.bak
+ }}
</p>
<el-divider></el-divider>
<p>
- {{ $t('dataManage.dictionaryManageObj.creationTime') }}锛歿{
- itemdetail.createTime
- }}
+ {{ $t("dataManage.dictionaryManageObj.creationTime") }}锛歿{
+ itemdetail.createTime
+ }}
</p>
<el-divider></el-divider>
<p>
- {{ $t('dataManage.dictionaryManageObj.createPersonnel') }}锛歿{
- itemdetail.createUser
- }}
+ {{ $t("dataManage.dictionaryManageObj.createPersonnel") }}锛歿{
+ itemdetail.createUser
+ }}
</p>
<el-divider></el-divider>
<p>
- {{ $t('dataManage.dictionaryManageObj.updateTime') }}锛歿{
- itemdetail.updateTime
- }}
+ {{ $t("dataManage.dictionaryManageObj.updateTime") }}锛歿{
+ itemdetail.updateTime
+ }}
</p>
<el-divider></el-divider>
<p>
- {{ $t('dataManage.dictionaryManageObj.updatePersonnel') }}锛歿{
- itemdetail.updateUser
- }}
+ {{ $t("dataManage.dictionaryManageObj.updatePersonnel") }}锛歿{
+ itemdetail.updateUser
+ }}
</p>
</div>
-
</div>
<el-dialog
top="3vh"
@@ -279,103 +269,68 @@
: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"></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"></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"></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"></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"></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"></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"></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"></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"></el-input>
</el-form-item>
</el-form>
- <div
- slot="footer"
- class="dialog-footer"
- >
+ <div slot="footer" class="dialog-footer">
<el-button
type="info"
size="small"
@click="dialogFormVisible = false"
- >{{
- $t('dataManage.dictionaryManageObj.cancel')
- }}</el-button>
- <el-button
- class="primary"
- size="small"
- @click="updateForm"
- >{{
- $t('dataManage.dictionaryManageObj.confirm')
+ >{{ $t("dataManage.dictionaryManageObj.cancel") }}</el-button
+ >
+ <el-button class="primary" size="small" @click="updateForm">{{
+ $t("dataManage.dictionaryManageObj.confirm")
}}</el-button>
</div>
</el-dialog>
@@ -390,65 +345,44 @@
: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"></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"></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"></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"></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"></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"></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"></el-input>
</el-form-item>
<el-form-item
:label="$t('dataManage.dictionaryManageObj.FieldPrecision')"
@@ -464,29 +398,15 @@
: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"></el-input>
</el-form-item>
</el-form>
- <div
- slot="footer"
- class="dialog-footer"
- >
- <el-button
- type="info"
- size="small"
- @click="InsertFormdialog = false"
- >{{
- $t('dataManage.dictionaryManageObj.cancel')
+ <div slot="footer" class="dialog-footer">
+ <el-button type="info" size="small" @click="InsertFormdialog = false">{{
+ $t("dataManage.dictionaryManageObj.cancel")
}}</el-button>
- <el-button
- type="primary"
- size="small"
- @click="insertFromData"
- >{{
- $t('dataManage.dictionaryManageObj.confirm')
+ <el-button type="primary" size="small" @click="insertFromData">{{
+ $t("dataManage.dictionaryManageObj.confirm")
}}</el-button>
</div>
</el-dialog>
@@ -500,18 +420,18 @@
deleteDicts,
updateDict,
insertDict,
-} from '../../api/api';
-import MyBread from '../../components/MyBread.vue';
+} from "../../api/api";
+import MyBread from "../../components/MyBread.vue";
export default {
- name: 'dictionaryManage',
+ name: "dictionaryManage",
components: { MyBread },
data() {
return {
- activeName: '',
+ activeName: "",
formInline: [],
listData: {
- ns: '',
- tab: '',
+ ns: "",
+ tab: "",
pageIndex: 1,
pageSize: 10,
},
@@ -526,7 +446,7 @@
insertform: {},
multipleSelection: [],
- formLabelWidth: '130px',
+ formLabelWidth: "130px",
btnStatus: {
select: false,
delete: false,
@@ -572,13 +492,13 @@
this.startQueryNameData();
},
async startQueryNameData() {
- if (this.listData.tab == '') {
+ if (this.listData.tab == "") {
delete this.listData.tab;
}
const data = await selectByPageAndCount(this.listData);
if (data.code != 200) {
- this.$message.error('鍒楄〃璋冪敤澶辫触');
+ this.$message.error("鍒楄〃璋冪敤澶辫触");
}
this.tableData = data.result;
@@ -601,7 +521,7 @@
async updateForm() {
const data = await updateDict(this.upform);
if (data.code != 200) {
- this.$message.error('淇敼澶辫触');
+ this.$message.error("淇敼澶辫触");
return;
}
this.dialogFormVisible = false;
@@ -619,27 +539,29 @@
for (var i in this.multipleSelection) {
std.push(this.multipleSelection[i].id);
}
- this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ュ瓧娈�, 鏄惁缁х画?', '鎻愮ず', {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'warning'
- }).then(async () => {
+ this.$confirm("姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ュ瓧娈�, 鏄惁缁х画?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(async () => {
const data = await deleteDicts({ ids: std.toString() });
if (data.code != 200) {
- this.$message.error('鍒犻櫎澶辫触');
+ this.$message.error("鍒犻櫎澶辫触");
}
this.listData.pageIndex = 1;
this.listData.pageSize = 10;
this.startQueryNameData();
this.$message({
- type: 'success',
- message: '鍒犻櫎鎴愬姛!'
+ type: "success",
+ message: "鍒犻櫎鎴愬姛!",
});
- }).catch(() => {
+ })
+ .catch(() => {
this.$message({
- type: 'info',
- message: '宸插彇娑堝垹闄�'
- });
+ type: "info",
+ message: "宸插彇娑堝垹闄�",
+ });
});
},
@@ -668,11 +590,11 @@
var h = time.getHours();
var mm = time.getMinutes();
var s = time.getSeconds();
- return y + '-' + this.add0(m) + '-' + this.add0(d);
+ return y + "-" + this.add0(m) + "-" + this.add0(d);
},
//鏍煎紡鍖栨椂闂�
add0(m) {
- return m < 10 ? '0' + m : m;
+ return m < 10 ? "0" + m : m;
},
getRemoveForm() {
this.formInline.tab = null;
@@ -682,7 +604,7 @@
async getSelectDictTab() {
const data = await selectDictTab({ name: this.formInline.tab });
if (data.code != 200) {
- this.$message.error('涓嬫媺璋冪敤澶辫触');
+ this.$message.error("涓嬫媺璋冪敤澶辫触");
}
this.optionCount = data.result;
@@ -703,19 +625,12 @@
height: 98%;
width: 98%;
padding: 1%;
- .dictionaryContent {
- width: 16.5%;
- height: 92%;
- // display: flex;
- // justify-content: space-between;
.dictionary_leftTree {
- width: 100%;
- height: 80%;
- min-height: 700px;
-
+ width: calc(23% - 0px);
+ height: 100%;
+ padding: 10px;
border-radius: 5px;
- padding: 1%;
- max-height: 670px;
+ box-sizing: border-box;
overflow-y: auto;
li {
border-bottom: 1px solid #dcdfe6;
@@ -737,7 +652,7 @@
padding: 1%;
overflow-y: auto;
}
- }
+
.infinite-list-item {
background: rgba(255, 255, 255, 0.3);
@@ -751,56 +666,37 @@
}
}
.mainBox {
- width: 100%;
- height: 92%;
- display: flex;
- justify-content: space-between;
- .leftTree {
- width: 15%;
- height: 91%;
-
- border-radius: 5px;
- padding: 1%;
- max-height: 670px;
- overflow-y: auto;
- }
- .right {
- width: 80%;
- height: 91%;
-
- border-radius: 5px;
- padding: 1%;
- max-height: 670px;
- // overflow-y: auto;
- .inquire {
- // margin-bottom: 10px;
- padding: 1%;
-
- border-radius: 5px;
- border: 1px solid #dcdfe6;
- .el-form-item {
- margin: 5px;
- }
- }
- .table_box {
- width: 100%;
- height: 80%;
- margin: 0 auto;
- // overflow: auto;
- margin-top: 10px;
-
- .el-table /deep/ th.el-table__cell > .cell {
- padding: 15px !important;
- }
-
- .el-table--border::after,
- .el-table--group::after {
- width: 0;
- }
- .el-table::before {
- height: 0;
- }
- }
- }
+ width: 100%;
+ height: calc(100% - 75px);
+ display: flex;
+ justify-content: space-between;
+ .leftTree {
+ width: calc(23% - 0px);
+ height: 100%;
+ padding: 10px;
+ border-radius: 5px;
+ box-sizing: border-box;
+ overflow-y: auto;
}
+ .right {
+ width: 75%;
+ height: 100%;
+ border-radius: 5px;
+ padding: 10px;
+ box-sizing: border-box;
+ border: 1px solid #dcdfe6;
+ .inquire {
+ // margin-bottom: 10px;
+ padding: 8px;
+ // margin-top: 10px;
+ border-radius: 5px;
+ border: 1px solid #dcdfe6;
+ margin-bottom: 20px;
+ .el-form-item {
+ margin: 5px;
+ }
+ }
+
+ }
+}
</style>
--
Gitblit v1.9.3