| | |
| | | <template> |
| | | <div class="verSionBox"> |
| | | <My-bread :list="[ |
| | | <My-bread |
| | | :list="[ |
| | | `${$t('dataManage.dataManage')}`, |
| | | `${$t('dataManage.versionManage')}`, |
| | | ]"></My-bread> |
| | | ]" |
| | | ></My-bread> |
| | | <el-divider /> |
| | | <div class="inquire subpage_Div"> |
| | | <el-form |
| | | ref="ruleForm" |
| | | :model="ruleForm" |
| | | :inline="true" |
| | | > |
| | | <el-form-item> |
| | | <el-select |
| | | :popper-append-to-body="false" |
| | | v-model="ruleForm.dirid" |
| | | placeholder="请选择" |
| | | style="width:200px" |
| | | > |
| | | <el-option |
| | | :value="ruleForm.dirid" |
| | | :label="ruleForm.depName" |
| | | style=" height:auto" |
| | | > |
| | | <el-tree |
| | | ref="tree" |
| | | :data="companyOption" |
| | | node-key="id" |
| | | :props="props" |
| | | @node-click="handleChange" |
| | | /> |
| | | </el-option> |
| | | </el-select> |
| | | <!-- <el-cascader |
| | | <div class="inquire subpage_Div" ref="container"> |
| | | <el-form ref="ruleForm" :model="ruleForm" :inline="true"> |
| | | <div class="flex_box"> |
| | | <div style="margin-right: auto"> |
| | | <el-form-item> |
| | | <el-select |
| | | :popper-append-to-body="false" |
| | | v-model="ruleForm.dirid" |
| | | placeholder="请选择" |
| | | style="width: 200px" |
| | | > |
| | | <el-option |
| | | :value="ruleForm.dirid" |
| | | :label="ruleForm.depName" |
| | | style="height: auto" |
| | | > |
| | | <el-tree |
| | | ref="tree" |
| | | :data="companyOption" |
| | | node-key="id" |
| | | :props="props" |
| | | @node-click="handleChange" |
| | | /> |
| | | </el-option> |
| | | </el-select> |
| | | <!-- <el-cascader |
| | | v-model="ruleForm.dirid" |
| | | :show-all-levels="false" |
| | | :options="companyOption" |
| | |
| | | emitPath: false, |
| | | }" |
| | | ></el-cascader> --> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-input |
| | | v-model="ruleForm.name" |
| | | :placeholder="$t('common.pleaseInput')" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item style="float: right;"> |
| | | <el-button |
| | | type="success" |
| | | v-if="btnStatus.insert" |
| | | @click="(InsertFormdialog = true), getSelectdirTab()" |
| | | icon="el-icon-plus" |
| | | size="small" |
| | | >{{ $t('common.append') }}</el-button> |
| | | <el-button |
| | | @click="onSubmit('ruleForm')" |
| | | icon="el-icon-search" |
| | | size="small" |
| | | class="primary" |
| | | >{{ $t('common.iquery') }}</el-button> |
| | | <el-button |
| | | type="info" |
| | | @click="resetForm('ruleForm')" |
| | | icon="el-icon-delete" |
| | | size="small" |
| | | >{{ $t('common.empty') }}</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="bottom"> |
| | | <div class="rightTable subpage_Div"> |
| | | <div class="table_box"> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="95%" |
| | | > |
| | | <el-table-column |
| | | align="center" |
| | | type="index" |
| | | :label="$t('dataManage.vmobj.index')" |
| | | width="70px" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="id" |
| | | v-if="false" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="name" |
| | | :label="$t('common.versionName')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="depName" |
| | | :label="$t('dataManage.vmobj.catalogue')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="descr" |
| | | :label="$t('dataManage.vmobj.describe')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="createName" |
| | | :label="$t('dataManage.vmobj.createonuser')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="createTime" |
| | | :label="$t('dataManage.vmobj.createontime')" |
| | | :formatter="formatTime" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="UpdateUser" |
| | | :label="$t('dataManage.vmobj.updateonuser')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="updateTime" |
| | | :label="$t('dataManage.vmobj.updateontime')" |
| | | :formatter="formatTime" |
| | | /> |
| | | <el-table-column |
| | | min-width="150" |
| | | :label="$t('common.operate')" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | v-if="btnStatus.update" |
| | | @click=" |
| | | handleEdit(scope.$index, scope.row); |
| | | getSelectdirTab(); |
| | | " |
| | | type="warning" |
| | | size="small" |
| | | >{{ $t('common.update') }}</el-button> |
| | | <el-button |
| | | v-if="btnStatus.delete" |
| | | @click="handleDelete(scope.$index, scope.row)" |
| | | type="danger" |
| | | size="small" |
| | | >{{ $t('common.delete') }}</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <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> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-input |
| | | v-model="ruleForm.name" |
| | | :placeholder="$t('common.pleaseInput')" |
| | | /> |
| | | </el-form-item> |
| | | </div> |
| | | <div> |
| | | <el-form-item> |
| | | <el-button |
| | | type="success" |
| | | v-if="btnStatus.insert" |
| | | @click="(InsertFormdialog = true), getSelectdirTab()" |
| | | icon="el-icon-plus" |
| | | size="small" |
| | | >{{ $t("common.append") }}</el-button |
| | | > |
| | | <el-button |
| | | @click="onSubmit('ruleForm')" |
| | | icon="el-icon-search" |
| | | size="small" |
| | | class="primary" |
| | | >{{ $t("common.iquery") }}</el-button |
| | | > |
| | | <el-button |
| | | type="info" |
| | | @click="resetForm('ruleForm')" |
| | | icon="el-icon-delete" |
| | | size="small" |
| | | >{{ $t("common.empty") }}</el-button |
| | | > |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | |
| | | <div class="table_box" :style="styleVar"> |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%" |
| | | height="calc(100% - 57px)" |
| | | > |
| | | <el-table-column |
| | | align="center" |
| | | type="index" |
| | | :label="$t('dataManage.vmobj.index')" |
| | | width="70px" |
| | | /> |
| | | <el-table-column align="center" prop="id" v-if="false" /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="name" |
| | | :label="$t('common.versionName')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="depName" |
| | | :label="$t('dataManage.vmobj.catalogue')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="descr" |
| | | :label="$t('dataManage.vmobj.describe')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="createName" |
| | | :label="$t('dataManage.vmobj.createonuser')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="createTime" |
| | | :label="$t('dataManage.vmobj.createontime')" |
| | | :formatter="formatTime" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="UpdateUser" |
| | | :label="$t('dataManage.vmobj.updateonuser')" |
| | | /> |
| | | <el-table-column |
| | | align="center" |
| | | prop="updateTime" |
| | | :label="$t('dataManage.vmobj.updateontime')" |
| | | :formatter="formatTime" |
| | | /> |
| | | <el-table-column min-width="150" :label="$t('common.operate')"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | v-if="btnStatus.update" |
| | | @click=" |
| | | handleEdit(scope.$index, scope.row); |
| | | getSelectdirTab(); |
| | | " |
| | | type="warning" |
| | | size="small" |
| | | >{{ $t("common.update") }}</el-button |
| | | > |
| | | <el-button |
| | | v-if="btnStatus.delete" |
| | | @click="handleDelete(scope.$index, scope.row)" |
| | | type="danger" |
| | | size="small" |
| | | >{{ $t("common.delete") }}</el-button |
| | | > |
| | | </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> |
| | | |
| | | <el-dialog |
| | | :title="$t('dataManage.vmobj.editVersion')" |
| | | :visible.sync="dialogFormVisible" |
| | |
| | | :label="$t('dataManage.vmobj.catalogue')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-select |
| | | <el-select |
| | | :popper-append-to-body="false" |
| | | v-model="upform.dirid" |
| | | placeholder="请选择" |
| | | style="width:300px" |
| | | style="width: 300px" |
| | | > |
| | | <el-option |
| | | :value="upform.dirid" |
| | | :label="upform.depName" |
| | | style=" height:auto" |
| | | style="height: auto" |
| | | > |
| | | <el-tree |
| | | ref="tree" |
| | |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div |
| | | slot="footer" |
| | | type="info" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button |
| | | size="small" |
| | | @click="editFromDataClose" |
| | | >{{ |
| | | $t('common.close') |
| | | <div slot="footer" type="info" class="dialog-footer"> |
| | | <el-button size="small" @click="editFromDataClose">{{ |
| | | $t("common.close") |
| | | }}</el-button> |
| | | <el-button |
| | | size="small" |
| | | @click="editFromData" |
| | | class="primary" |
| | | >{{ |
| | | $t('common.confirm') |
| | | <el-button size="small" @click="editFromData" class="primary">{{ |
| | | $t("common.confirm") |
| | | }}</el-button> |
| | | </div> |
| | | </el-dialog> |
| | |
| | | :label="$t('dataManage.vmobj.catalogue')" |
| | | :label-width="formLabelWidth" |
| | | > |
| | | <el-select |
| | | <el-select |
| | | :popper-append-to-body="false" |
| | | v-model="insertform.path" |
| | | placeholder="请选择" |
| | | style="width:300px" |
| | | style="width: 300px" |
| | | > |
| | | <el-option |
| | | :value="insertform.path" |
| | | :label="insertform.dirName" |
| | | style=" height:auto" |
| | | style="height: auto" |
| | | > |
| | | <el-tree |
| | | ref="tree" |
| | |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div |
| | | slot="footer" |
| | | class="dialog-footer" |
| | | > |
| | | <el-button |
| | | @click="insertFromDataClose" |
| | | type="info" |
| | | size="small" |
| | | >{{ |
| | | $t('common.close') |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="insertFromDataClose" type="info" size="small">{{ |
| | | $t("common.close") |
| | | }}</el-button> |
| | | <el-button |
| | | @click="insertFromData" |
| | | class="primary" |
| | | size="small" |
| | | >{{ |
| | | $t('common.confirm') |
| | | <el-button @click="insertFromData" class="primary" size="small">{{ |
| | | $t("common.confirm") |
| | | }}</el-button> |
| | | </div> |
| | | </el-dialog> |
| | |
| | | deleteVersion, |
| | | updateVersion, |
| | | selectdirTab, |
| | | } from '../../api/api'; |
| | | import verDirTree from './verDirTree.vue'; |
| | | import MyBread from '../../components/MyBread.vue'; |
| | | import verDirTrees from './verDirTrees.vue'; |
| | | import moment from 'moment'; |
| | | } from "../../api/api"; |
| | | import verDirTree from "./verDirTree.vue"; |
| | | import MyBread from "../../components/MyBread.vue"; |
| | | import verDirTrees from "./verDirTrees.vue"; |
| | | import moment from "moment"; |
| | | export default { |
| | | name: 'versionManage', |
| | | name: "versionManage", |
| | | components: { MyBread, verDirTree, verDirTrees }, |
| | | data() { |
| | | return { |
| | | props: { |
| | | label: 'name', |
| | | value: 'id', |
| | | children: 'children', |
| | | label: "name", |
| | | value: "id", |
| | | children: "children", |
| | | checkStrictly: true, |
| | | emitPath: false, |
| | | }, |
| | | catalogOption: [], |
| | | editcatalogOption: [], |
| | | showCata: false, |
| | | formLabelWidth: '100px', |
| | | formLabelWidth: "100px", |
| | | dialogFormVisible: false, |
| | | InsertFormdialog: false, |
| | | showinfoBox: false, |
| | |
| | | pageSize: 10, |
| | | }, |
| | | cascader: { |
| | | label: 'name', |
| | | value: 'id', |
| | | children: 'children', |
| | | label: "name", |
| | | value: "id", |
| | | children: "children", |
| | | checkStrictly: true, |
| | | emitPath: false, |
| | | }, |
| | |
| | | insert: false, |
| | | update: false, |
| | | }, |
| | | |
| | | tableHeight: 0, |
| | | timer: 0, |
| | | styleVar: { |
| | | height: "calc(100% - 109px)", |
| | | }, |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getQueryDirTree(); |
| | | this.getRoleTabelData(); |
| | | this.showPermsBtn(); |
| | | this.$set(this.ruleForm, 'depName', '请选择') |
| | | this.$set(this.ruleForm, "depName", "请选择"); |
| | | }, |
| | | computed: { |
| | | pathId() { |
| | | return this.$store.state.cataNode.id; |
| | | }, |
| | | }, |
| | | |
| | | beforeDestroy() { |
| | | this.timer && clearTimeout(this.timer); |
| | | window.removeEventListener("resize", this.onResize); |
| | | }, |
| | | mounted() { |
| | | window.addEventListener("resize", this.onResize); |
| | | this.calHeight(); |
| | | }, |
| | | methods: { |
| | | onResize() { |
| | | this.timer && clearTimeout(this.timer); |
| | | this.timer = setTimeout(() => { |
| | | this.calHeight(); |
| | | }, 500); |
| | | }, |
| | | calHeight() { |
| | | this.$nextTick(() => { |
| | | const rect = this.$refs.container.getBoundingClientRect(); |
| | | this.tableHeight = `${rect.height + 97}px`; |
| | | this.styleVar["height"] = `calc(100% - ${rect.height + 97}px)`; |
| | | }); |
| | | }, |
| | | //目录切换 |
| | | catalogChange(value) { |
| | | this.insertform.dirid = value; |
| | | }, |
| | | catalogChangeAdd (data, node, nodeData) { |
| | | this.$set(this.insertform, 'path', data.id) |
| | | this.$set(this.insertform, 'dirName', data.name) |
| | | catalogChangeAdd(data, node, nodeData) { |
| | | this.$set(this.insertform, "path", data.id); |
| | | this.$set(this.insertform, "dirName", data.name); |
| | | }, |
| | | upCatalogChange(val) { |
| | | this.upform.dirid == val; |
| | | }, |
| | | handlupCatalogChange(data, node, nodeData) { |
| | | this.$set(this.upform, 'dirid', data.id) |
| | | this.$set(this.upform, 'depName', data.name) |
| | | this.$set(this.upform, "dirid", data.id); |
| | | this.$set(this.upform, "depName", data.name); |
| | | // this.upform.dirid == data.id; |
| | | // this.upform.depName = data.name; |
| | | }, |
| | |
| | | async getQueryDirTree() { |
| | | const res = await selectdirTab(); |
| | | if (res.code != 200) { |
| | | this.$message.error('目录列表获取失败'); |
| | | this.$message.error("目录列表获取失败"); |
| | | return; |
| | | } |
| | | this.companyOption = this.treeData(res.result); |
| | | this.ruleForm.dirid = this.companyOption[0].id |
| | | |
| | | this.ruleForm.dirid = this.companyOption[0].id; |
| | | }, |
| | | handleChange (data, node, nodeData) { |
| | | this.$set(this.ruleForm, 'dirid', data.id) |
| | | this.$set(this.ruleForm, 'depName', data.name) |
| | | handleChange(data, node, nodeData) { |
| | | this.$set(this.ruleForm, "dirid", data.id); |
| | | this.$set(this.ruleForm, "depName", data.name); |
| | | // this.ruleForm.dirid = data.id; |
| | | // this.ruleForm.depName = data.name; |
| | | this.onSubmit(); |
| | |
| | | async getSelectdirTab() { |
| | | const res = await selectdirTab(); |
| | | if (res.code != 200) { |
| | | this.$message.error('目录列表获取失败'); |
| | | this.$message.error("目录列表获取失败"); |
| | | return; |
| | | } |
| | | this.insertform.name = this.getYMD(); |
| | |
| | | let myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????) |
| | | let myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月) |
| | | let myToday = myDate.getDate(); //获取当前日(1-31) |
| | | myMonth = myMonth > 9 ? myMonth : '0' + myMonth; |
| | | myToday = myToday > 9 ? myToday : '0' + myToday; |
| | | let nowDate = 'V' + myYear + myMonth + myToday; |
| | | myMonth = myMonth > 9 ? myMonth : "0" + myMonth; |
| | | myToday = myToday > 9 ? myToday : "0" + myToday; |
| | | let nowDate = "V" + myYear + myMonth + myToday; |
| | | return nowDate; |
| | | }, |
| | | |
| | |
| | | return cloneData.filter((father) => { |
| | | // 循环所有项 |
| | | let branchArr = cloneData.filter((child) => father.id == child.pid); // 对比ID,分别上下级菜单,并返回数据 |
| | | branchArr.length > 0 ? (father.children = branchArr) : ''; // 给父级添加一个children属性,并赋值 |
| | | branchArr.length > 0 ? (father.children = branchArr) : ""; // 给父级添加一个children属性,并赋值 |
| | | return father.pid == 0; // 返回一级菜单 |
| | | }); |
| | | }, |
| | |
| | | }, |
| | | resetForm() { |
| | | this.ruleForm = {}; |
| | | this.ruleForm.dirid = this.companyOption[0].id |
| | | this.ruleForm.dirid = this.companyOption[0].id; |
| | | this.$store.state.verCateNode = {}; |
| | | this.$bus.$emit('clearTressLabel', true); |
| | | this.$bus.$emit("clearTressLabel", true); |
| | | this.getRoleTabelData(); |
| | | }, |
| | | onSubmit() { |
| | |
| | | this.getRoleTabelData(); |
| | | }, |
| | | async getRoleTabelData() { |
| | | if (this.listData.tab == '') { |
| | | if (this.listData.tab == "") { |
| | | delete this.listData.tab; |
| | | } |
| | | |
| | |
| | | const data = await select_Ver_ByPageAndCount(this.listData); |
| | | |
| | | if (data.code != 200) { |
| | | this.$message.error('列表调用失败'); |
| | | this.$message.error("列表调用失败"); |
| | | } |
| | | this.tableData = data.result; |
| | | this.count = data.count; |
| | |
| | | async editFromData() { |
| | | if (this.upform.depName == null) { |
| | | this.$message({ |
| | | message: '请选择角色所属单位', |
| | | type: 'warning', |
| | | message: "请选择角色所属单位", |
| | | type: "warning", |
| | | }); |
| | | return; |
| | | } |
| | |
| | | this.dialogFormVisible = false; |
| | | this.upform = {}; |
| | | this.$message({ |
| | | message: '修改成功!', |
| | | type: 'success', |
| | | message: "修改成功!", |
| | | type: "success", |
| | | }); |
| | | this.getRoleTabelData(); |
| | | } else { |
| | | this.$message({ |
| | | message: '修改失败!', |
| | | type: 'warning', |
| | | message: "修改失败!", |
| | | type: "warning", |
| | | }); |
| | | } |
| | | }, |
| | |
| | | async insertFromData() { |
| | | if (this.insertform.dirid == null) { |
| | | this.$message({ |
| | | message: '请选择角色所属单位', |
| | | type: 'warning', |
| | | message: "请选择角色所属单位", |
| | | type: "warning", |
| | | }); |
| | | return; |
| | | } |
| | |
| | | this.InsertFormdialog = false; |
| | | this.insertform = {}; |
| | | this.$message({ |
| | | message: '添加成功!', |
| | | type: 'success', |
| | | message: "添加成功!", |
| | | type: "success", |
| | | }); |
| | | this.getRoleTabelData(); |
| | | } else { |
| | | this.$message({ |
| | | message: '添加失败!', |
| | | type: 'warning', |
| | | message: "添加失败!", |
| | | type: "warning", |
| | | }); |
| | | } |
| | | }, |
| | | formatTime(row, column) { |
| | | let date = row[column.property]; |
| | | if (date === undefined || date === null) { |
| | | return ''; |
| | | return ""; |
| | | } |
| | | return moment(parseInt(date)).format('YYYY-MM-DD HH:mm:ss'); |
| | | return moment(parseInt(date)).format("YYYY-MM-DD HH:mm:ss"); |
| | | }, |
| | | handleDelete(index, row) { |
| | | this.$confirm('此操作将永久删除该版本信息, 是否继续?', '提示', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(async () => { |
| | | this.$confirm("此操作将永久删除该版本信息, 是否继续?", "提示", { |
| | | confirmButtonText: "确定", |
| | | cancelButtonText: "取消", |
| | | type: "warning", |
| | | }) |
| | | .then(async () => { |
| | | const data = await deleteVersion(row.id); |
| | | if (data.code == 200) { |
| | | this.InsertFormdialog = false; |
| | | this.$message({ |
| | | message: '删除成功!', |
| | | type: 'success', |
| | | message: "删除成功!", |
| | | type: "success", |
| | | }); |
| | | this.getRoleTabelData(); |
| | | } else { |
| | | this.$message({ |
| | | message: '删除失败!', |
| | | type: 'warning', |
| | | message: "删除失败!", |
| | | type: "warning", |
| | | }); |
| | | } |
| | | }).catch(() => { |
| | | }) |
| | | .catch(() => { |
| | | this.$message({ |
| | | type: 'info', |
| | | message: '已取消删除' |
| | | }); |
| | | type: "info", |
| | | message: "已取消删除", |
| | | }); |
| | | }); |
| | | }, |
| | | handleEdit(index, row) { |
| | |
| | | watch: { |
| | | pathId: { |
| | | immediate: true, |
| | | handler(val) { }, |
| | | handler(val) {}, |
| | | }, |
| | | }, |
| | | }; |
| | |
| | | } |
| | | } |
| | | .inquire { |
| | | position: relative; |
| | | padding: 8px; |
| | | margin-top: 20px; |
| | | |
| | | padding-bottom: 8px; |
| | | border-radius: 5px; |
| | | |
| | | margin-bottom: 20px; |
| | | .el-form-item { |
| | | margin: 5px; |
| | | } |
| | | } |
| | | .bottom { |
| | | width: 100%; |
| | | margin-top: 1%; |
| | | height: 74%; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | |
| | | .rightTable { |
| | | width: 98%; |
| | | height: 92%; |
| | | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | .el-form-item { |
| | | margin: 5px; |
| | | .table_box { |
| | | width: 100%; |
| | | height: 93%; |
| | | margin: 0 auto; |
| | | overflow: auto; |
| | | } |
| | | } |
| | | .bottom { |
| | | width: 100%; |
| | | margin-top: 1%; |
| | | height: 74%; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | |
| | | .rightTable { |
| | | width: 98%; |
| | | height: 92%; |
| | | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | .table_box { |
| | | width: 100%; |
| | | height: 93%; |
| | | margin: 0 auto; |
| | | overflow: auto; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |