更改导入,新增需求时间,目前默认不新增

This commit is contained in:
bo.wu@finesys.com.cn 2025-06-26 19:48:24 +08:00
parent 152d78fa1f
commit 02c3d6d7eb

793
src/layout/kateOrdersTable.vue Normal file → Executable file
View File

@ -1,389 +1,406 @@
<template> <template>
<div style="margin-bottom: 10px; height: 100%; padding-left: 1%; padding-right: 1%;"> <div style="margin-bottom: 10px; height: 100%; padding-left: 1%; padding-right: 1%;">
<el-config-provider :locale="zhCn"> <el-config-provider :locale="zhCn">
<div style="display: flex;justify-content: space-between;"> <div style="display: flex;justify-content: space-between;">
<el-row> <el-row>
<el-input v-model="workOrderQuery" style="width: 256px; margin-right: 10px;" placeholder="工单" <el-input v-model="workOrderQuery" style="width: 256px; margin-right: 10px;" placeholder="工单"
:suffix-icon="Search" /> :suffix-icon="Search" />
<el-input v-model="goodsIdQuery" style="width: 256px; margin-right: 10px;" placeholder="料号" <el-input v-model="goodsIdQuery" style="width: 256px; margin-right: 10px;" placeholder="料号"
:suffix-icon="Search" /> :suffix-icon="Search" />
<el-input v-model="smallBoxQuery" style="width: 256px; margin-right: 10px;" placeholder="小工位" <el-input v-model="smallBoxQuery" style="width: 256px; margin-right: 10px;" placeholder="小工位"
:suffix-icon="Search" /> :suffix-icon="Search" />
<el-button type="primary" @click="search()">搜索</el-button> <el-button type="primary" @click="search()">搜索</el-button>
<el-button type="warning" @click="reset()">重置</el-button> <el-button type="warning" @click="reset()">重置</el-button>
</el-row> </el-row>
<el-row> <el-row>
<el-button style="background-color: #00CED1; color: #000;" <el-button style="background-color: #00CED1; color: #000;"
@click="openUploadDialog()">导入</el-button> @click="openUploadDialog()">导入</el-button>
</el-row> </el-row>
</div> </div>
<br /> <br />
<el-table :data="ordersList" stripe border v-loading="loading" class="table-class" highlight-current-row <el-table :data="ordersList" stripe border v-loading="loading" class="table-class" highlight-current-row
max-height="650px" @row-click="getCurrentRow" :header-cell-style="{ 'text-align': 'center' }" max-height="650px" @row-click="getCurrentRow" :header-cell-style="{ 'text-align': 'center' }"
:cell-style="{ 'text-align': 'center' }"> :cell-style="{ 'text-align': 'center' }">
<el-table-column width="65px" fixed="left"> <el-table-column width="65px" fixed="left">
<template v-slot="scope"> <template v-slot="scope">
<el-radio :label="scope.row.orderId" v-model="orderId">&nbsp;</el-radio> <el-radio :label="scope.row.orderId" v-model="orderId">&nbsp;</el-radio>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="orderId" label="id" fixed="left" min-width="120px" show-overflow-tooltip /> <el-table-column prop="orderId" label="id" fixed="left" min-width="120px" show-overflow-tooltip />
<el-table-column prop="workOrder" label="工单" fixed="left" min-width="120px" show-overflow-tooltip /> <el-table-column prop="workOrder" label="工单" fixed="left" min-width="120px" show-overflow-tooltip />
<el-table-column prop="goodsId" label="料号" min-width="120px" /> <el-table-column prop="goodsId" label="料号" min-width="120px" />
<el-table-column prop="supplyArea" label="小工位" fixed="left" min-width="120px" /> <el-table-column prop="supplyArea" label="小工位" fixed="left" min-width="120px" />
<el-table-column prop="item" label="Item" min-width="120px" /> <el-table-column prop="item" label="Item" min-width="120px" />
<el-table-column prop="description" label="描述" min-width="120px" show-overflow-tooltip /> <el-table-column prop="description" label="描述" min-width="120px" show-overflow-tooltip />
<el-table-column prop="sLoc" label="SLoc" min-width="120px" /> <el-table-column prop="sLoc" label="SLoc" min-width="120px" />
<el-table-column prop="type" label="Type" min-width="120px" /> <el-table-column prop="type" label="Type" min-width="120px" />
<el-table-column prop="originStatus" label="Status" min-width="120px" /> <el-table-column prop="originStatus" label="Status" min-width="120px" />
<el-table-column prop="sortString" label="SortStrng" min-width="120px" /> <el-table-column prop="sortString" label="SortStrng" min-width="120px" />
<el-table-column prop="requirementQuantity" label="需求数量" sortable min-width="120px" /> <el-table-column prop="requirementQuantity" label="需求数量" sortable min-width="120px" />
<el-table-column prop="goodsUnit" label="单位" min-width="120px" /> <el-table-column prop="goodsUnit" label="单位" min-width="120px" />
<el-table-column prop="orderStatus" label="状态" min-width="120px" /> <el-table-column v-if="isAddReqmtDate" prop="planStartDate" label="开工时间" min-width="120px" />
<el-table-column prop="lackQuantity" label="缺少数量" min-width="120px" /> <el-table-column prop="orderStatus" label="状态" min-width="120px" />
<el-table-column prop="pickedQuantity" label="已拣数量" min-width="120px" /> <el-table-column prop="lackQuantity" label="缺少数量" min-width="120px" />
<el-table-column prop="finishTime" label="完成时间" :formatter="timeFormat" min-width="120px" show-overflow-tooltip /> <el-table-column prop="pickedQuantity" label="已拣数量" min-width="120px" />
<el-table-column prop="userName" label="操作人员" min-width="120px" /> <el-table-column prop="finishTime" label="计划完成时间" :formatter="timeFormat" min-width="120px" show-overflow-tooltip />
<el-table-column fixed="right" label="操作" width="240px"> <el-table-column prop="userName" label="操作人员" min-width="120px" />
<template v-slot="scope"> <el-table-column fixed="right" label="操作" width="240px">
<el-button plain type="primary" @click="editCurrentRowOrders(scope.row)">编辑</el-button> <template v-slot="scope">
<el-button plain type="danger" @click="deleteCurrentRowOrders(scope.row)">删除</el-button> <el-button plain type="primary" @click="editCurrentRowOrders(scope.row)">编辑</el-button>
</template> <el-button plain type="danger" @click="deleteCurrentRowOrders(scope.row)">删除</el-button>
</el-table-column> </template>
</el-table> </el-table-column>
<br /> </el-table>
<el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[10, 25, 50]" <br />
:small="false" :disabled="false" :background="false" :default-page-size="10" <el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[10, 25, 50]"
layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="search" :small="false" :disabled="false" :background="false" :default-page-size="10"
@current-change="search" /> layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="search"
<el-dialog v-model="dialogVisible" title="工单信息" width="40%" draggable :show-close="false"> @current-change="search" />
<div <el-dialog v-model="dialogVisible" title="工单信息" width="40%" draggable :show-close="false">
style="max-width: 100%; max-height: 500px; overflow: auto; display: flex; justify-content: center;"> <div
<el-form ref="ordersFormRef" :model="ordersFormEntity" :label-position="labelPosition" style="max-width: 100%; max-height: 500px; overflow: auto; display: flex; justify-content: center;">
label-width="100px" style="width: 95%;" :rules="rules" status-icon> <el-form ref="ordersFormRef" :model="ordersFormEntity" :label-position="labelPosition"
<el-row :gutter="16"> label-width="100px" style="width: 95%;" :rules="rules" status-icon>
<el-col :span="12" :offset="0"> <el-row :gutter="16">
<el-form-item label="id" prop="orderId"> <el-col :span="12" :offset="0">
<el-input v-model="ordersFormEntity.orderId" disabled /> <el-form-item label="id" prop="orderId">
</el-form-item> <el-input v-model="ordersFormEntity.orderId" disabled />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="工单" prop="workOrder"> <el-col :span="12">
<el-input v-model="ordersFormEntity.workOrder" disabled /> <el-form-item label="工单" prop="workOrder">
</el-form-item> <el-input v-model="ordersFormEntity.workOrder" disabled />
</el-col> </el-form-item>
</el-row> </el-col>
<el-row :gutter="16"> </el-row>
<el-col :span="12" :offset="0"> <el-row :gutter="16">
<el-form-item label="小工位" prop="supplyArea"> <el-col :span="12" :offset="0">
<el-input v-model="ordersFormEntity.supplyArea" disabled /> <el-form-item label="小工位" prop="supplyArea">
</el-form-item> <el-input v-model="ordersFormEntity.supplyArea" disabled />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="料号" prop="goodsId"> <el-col :span="12">
<el-input v-model="ordersFormEntity.goodsId" disabled /> <el-form-item label="料号" prop="goodsId">
</el-form-item> <el-input v-model="ordersFormEntity.goodsId" disabled />
</el-col> </el-form-item>
</el-row> </el-col>
<el-row :gutter="16"> </el-row>
<el-col :span="12" :offset="0"> <el-row :gutter="16">
<el-form-item label="需求数量" prop="requirementQuantity"> <el-col :span="12" :offset="0">
<el-input-number v-model.number="ordersFormEntity.requirementQuantity" <el-form-item label="需求数量" prop="requirementQuantity">
controls-position="right" :min="0" clearable /> <el-input-number v-model.number="ordersFormEntity.requirementQuantity"
</el-form-item> controls-position="right" :min="0" clearable />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="状态" prop="orderStatus"> <el-col :span="12">
<el-input-number v-model.number="ordersFormEntity.orderStatus" <el-form-item label="状态" prop="orderStatus">
controls-position="right" :min="0" :max="4" clearable /> <el-input-number v-model.number="ordersFormEntity.orderStatus"
</el-form-item> controls-position="right" :min="0" :max="4" clearable />
</el-col> </el-form-item>
</el-row> </el-col>
<el-row :gutter="16"> </el-row>
<el-col :span="12" :offset="0"> <el-row :gutter="16">
<el-form-item label="缺少数量" prop="lackQuantity"> <el-col :span="12" :offset="0">
<el-input-number v-model.number="ordersFormEntity.lackQuantity" <el-form-item label="缺少数量" prop="lackQuantity">
controls-position="right" :min="0" :max="ordersFormEntity.requirementQuantity" clearable /> <el-input-number v-model.number="ordersFormEntity.lackQuantity"
</el-form-item> controls-position="right" :min="0" :max="ordersFormEntity.requirementQuantity" clearable />
</el-col> </el-form-item>
<el-col :span="12"> </el-col>
<el-form-item label="已拣数量" prop="pickedQuantity"> <el-col :span="12">
<el-input-number v-model.number="ordersFormEntity.pickedQuantity" <el-form-item label="已拣数量" prop="pickedQuantity">
controls-position="right" :min="0" :max="ordersFormEntity.requirementQuantity" clearable /> <el-input-number v-model.number="ordersFormEntity.pickedQuantity"
</el-form-item> controls-position="right" :min="0" :max="ordersFormEntity.requirementQuantity" clearable />
</el-col> </el-form-item>
</el-row> </el-col>
</el-form> </el-row>
</div> <el-row v-if="isAddReqmtDate" :gutter="16">
<template #footer> <el-col :span="12" :offset="0">
<span class="dialog-footer"> <el-form-item label="计划开工时间" prop="planStartDate">
<el-button @click="dialogVisible = false">取消</el-button> <el-date-picker
<el-button type="primary" @click="submitOrdersInfo(ordersFormEntity)"> v-model="ordersFormEntity.planStartDate"
确定 type="date"
</el-button> placeholder="选择日期"
</span> style="width: 100%;"
</template> value-format="YYYY-MM-DD"
</el-dialog> />
<el-dialog v-model="uploadDialogVisible" title="工单" width="40%" draggable :show-close="true"> </el-form-item>
<fieldset class="title-area"> </el-col>
<legend>上次更新</legend> </el-row>
<div style="padding: 5px;"> </el-form>
<div style="display: flex; margin-bottom: 10px;"> </div>
<div style="display: flex; width: 100%;"> <template #footer>
<div style="width: 30%; align-content: center;">时间</div> <span class="dialog-footer">
<el-input v-model="uploadRecord.uploadTime" readonly /> <el-button @click="dialogVisible = false">取消</el-button>
</div> <el-button type="primary" @click="submitOrdersInfo(ordersFormEntity)">
<div style="display: flex; width: 100%; margin-left: 5px;"> 确定
<div style="width: 30%; align-content: center;">人员</div> </el-button>
<el-input v-model="uploadRecord.uploadUser" readonly /> </span>
</div> </template>
</div> </el-dialog>
<div style="display: flex; width: 100%;"> <el-dialog v-model="uploadDialogVisible" title="工单" width="40%" draggable :show-close="true">
<div style="width: 13%; align-content: center;">文件名</div> <fieldset class="title-area">
<el-input type="textarea" :rows="1" v-model="uploadRecord.fileName" :maxlength="-1" <legend>上次更新</legend>
:show-word-limit="false" :autosize="{ minRows: 1, maxRows: 4 }" readonly> <div style="padding: 5px;">
</el-input> <div style="display: flex; margin-bottom: 10px;">
</div> <div style="display: flex; width: 100%;">
</div> <div style="width: 30%; align-content: center;">时间</div>
</fieldset> <el-input v-model="uploadRecord.uploadTime" readonly />
<fieldset class="title-area"> </div>
<legend>再次更新</legend> <div style="display: flex; width: 100%; margin-left: 5px;">
<UploadExcelOrders></UploadExcelOrders> <div style="width: 30%; align-content: center;">人员</div>
</fieldset> <el-input v-model="uploadRecord.uploadUser" readonly />
</el-dialog> </div>
</el-config-provider> </div>
</div> <div style="display: flex; width: 100%;">
</template> <div style="width: 13%; align-content: center;">文件名</div>
<el-input type="textarea" :rows="1" v-model="uploadRecord.fileName" :maxlength="-1"
<script setup> :show-word-limit="false" :autosize="{ minRows: 1, maxRows: 4 }" readonly>
import store from '@/store' </el-input>
import { getOrders, deleteOrders, updateOrders } from '@/api/kateWork.js' </div>
import zhCn from 'element-plus/dist/locale/zh-cn.mjs' </div>
import { ElMessageBox, ElMessage } from 'element-plus' </fieldset>
import { errorBox } from '@/utils/myMessageBox.js' <fieldset class="title-area">
import { ref, reactive } from 'vue' <legend>再次更新</legend>
import { dateFormatter, timeFormatter } from '@/utils/formatter.js' <UploadExcelOrders></UploadExcelOrders>
import UploadExcelOrders from '@/excel/UploadExcelOrders.vue' </fieldset>
import { queryUploadRecord } from '@/api/excel.js' </el-dialog>
import { Search } from '@element-plus/icons-vue' </el-config-provider>
</script> </div>
<script> </template>
export default {
name: 'kateOrders', <script setup>
data() { import store from '@/store'
return { import { getOrders, deleteOrders, updateOrders } from '@/api/kateWork.js'
ordersList: [], import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
currentPage: 1, import { ElMessageBox, ElMessage } from 'element-plus'
uploadRecord: reactive({ import { errorBox } from '@/utils/myMessageBox.js'
fileName: '', import { ref, reactive } from 'vue'
uploadTime: '', import { dateFormatter, timeFormatter } from '@/utils/formatter.js'
uploadUser: '' import UploadExcelOrders from '@/excel/UploadExcelOrders.vue'
}), import { queryUploadRecord } from '@/api/excel.js'
pageSize: 10, import { Search } from '@element-plus/icons-vue'
total: 0, </script>
workOrderQuery: '', <script>
goodsIdQuery: '', export default {
smallBoxQuery: '', name: 'kateOrders',
loading: true, data() {
dialogVisible: false, return {
uploadDialogVisible: false, ordersList: [],
orderId: '', currentPage: 1,
ordersFormEntity: reactive({}), uploadRecord: reactive({
labelPosition: 'top', fileName: '',
ordersFormRef: ref(), uploadTime: '',
rules: reactive({}) uploadUser: ''
} }),
}, pageSize: 10,
mounted() { total: 0,
this.search() workOrderQuery: '',
}, goodsIdQuery: '',
methods: { smallBoxQuery: '',
search() { loading: true,
this.loading = true dialogVisible: false,
const request = { uploadDialogVisible: false,
pageNo: this.currentPage, orderId: '',
pageSize: this.pageSize, ordersFormEntity: reactive({}),
workOrder: this.workOrderQuery.trim(), labelPosition: 'top',
goodsId: this.goodsIdQuery.trim(), ordersFormRef: ref(),
supplyArea: this.smallBoxQuery.trim(), rules: reactive({}),
userName: store.getters.getUserName isAddReqmtDate: false
} }
getOrders(request).then(res => { },
const tableResponse = res.data mounted() {
if (tableResponse.code == 0) { this.search()
this.ordersList = tableResponse.returnData.lists },
this.total = tableResponse.returnData.total methods: {
} else { search() {
errorBox(tableResponse.message) this.loading = true
} const request = {
}).catch(err => { pageNo: this.currentPage,
console.log(err) pageSize: this.pageSize,
errorBox('查询工单错误') workOrder: this.workOrderQuery.trim(),
}) goodsId: this.goodsIdQuery.trim(),
this.loading = false supplyArea: this.smallBoxQuery.trim(),
}, userName: store.getters.getUserName
dateFormat: (row, column, cellValue, index) => { }
return dateFormatter(cellValue) getOrders(request).then(res => {
}, const tableResponse = res.data
timeFormat: (row, column, cellValue, index) => { if (tableResponse.code == 0) {
return timeFormatter(cellValue) this.ordersList = tableResponse.returnData.lists
}, this.total = tableResponse.returnData.total
reset() { } else {
this.workOrderQuery = '' errorBox(tableResponse.message)
this.goodsIdQuery = '' }
this.smallBoxQuery = '' }).catch(err => {
this.search() console.log(err)
}, errorBox('查询工单错误')
editCurrentRowOrders(row) { })
this.orderId = row.orderId this.loading = false
this.ordersFormEntity = { },
orderId: row.orderId, dateFormat: (row, column, cellValue, index) => {
workOrder: row.workOrder, return dateFormatter(cellValue)
goodsId: row.goodsId, },
supplyArea: row.supplyArea, timeFormat: (row, column, cellValue, index) => {
requirementQuantity: row.requirementQuantity, return timeFormatter(cellValue)
orderStatus: row.orderStatus, },
lackQuantity: row.lackQuantity, reset() {
pickedQuantity: row.pickedQuantity this.workOrderQuery = ''
} this.goodsIdQuery = ''
this.dialogVisible = true this.smallBoxQuery = ''
}, this.search()
deleteCurrentRowOrders(row) { },
this.orderId = row.orderId editCurrentRowOrders(row) {
ElMessageBox.confirm( this.orderId = row.orderId
'该操作会删除选择的工单数据。\n是否继续', this.ordersFormEntity = {
'警告', orderId: row.orderId,
{ workOrder: row.workOrder,
confirmButtonText: '确认', goodsId: row.goodsId,
cancelButtonText: '取消', supplyArea: row.supplyArea,
type: 'warning', requirementQuantity: row.requirementQuantity,
} orderStatus: row.orderStatus,
).then(() => { lackQuantity: row.lackQuantity,
const params = { pickedQuantity: row.pickedQuantity,
orderId: this.orderId, planStartDate: row.planStartDate
userName: store.getters.getUserName }
} this.dialogVisible = true
deleteOrders(params).then(res => { },
if (res.data.code == 0) { deleteCurrentRowOrders(row) {
ElMessage.success('删除工单信息成功。') this.orderId = row.orderId
this.search() ElMessageBox.confirm(
} else { '该操作会删除选择的工单数据。\n是否继续',
errorBox(res.data.message) '警告',
} {
}).catch(err => { confirmButtonText: '确认',
console.log(err) cancelButtonText: '取消',
errorBox('删除工单信息成功') type: 'warning',
}) }
}).catch(() => { ).then(() => {
ElMessage.info('操作取消') const params = {
}) orderId: this.orderId,
}, userName: store.getters.getUserName
submitOrdersInfo(formData) { }
const params = { deleteOrders(params).then(res => {
orderId: formData.orderId, if (res.data.code == 0) {
workOrder: formData.workOrder, ElMessage.success('删除工单信息成功。')
goodsId: formData.goodsId, this.search()
supplyArea: formData.supplyArea, } else {
requirementQuantity: formData.requirementQuantity, errorBox(res.data.message)
orderStatus: formData.orderStatus, }
lackQuantity: formData.lackQuantity, }).catch(err => {
pickedQuantity: formData.pickedQuantity, console.log(err)
userName: store.getters.getUserName errorBox('删除工单信息成功')
} })
updateOrders(params).then(res => { }).catch(() => {
if (res.data.code == 0) { ElMessage.info('操作取消')
this.dialogVisible = false })
ElMessage.success('更新工单成功。') },
this.search() submitOrdersInfo(formData) {
} else { const params = {
errorBox(res.data.message) orderId: formData.orderId,
} workOrder: formData.workOrder,
}).catch(err => { goodsId: formData.goodsId,
console.log(err) supplyArea: formData.supplyArea,
errorBox('更新工单失败。') requirementQuantity: formData.requirementQuantity,
}) orderStatus: formData.orderStatus,
}, lackQuantity: formData.lackQuantity,
getCurrentRow(row) { pickedQuantity: formData.pickedQuantity,
this.orderId = row.orderId planStartDate: formData.planStartDate,
}, userName: store.getters.getUserName
openUploadDialog() { }
// updateOrders(params).then(res => {
const param = { if (res.data.code == 0) {
userName: store.getters.getUserName, this.dialogVisible = false
fileDescription: 'ORDERS', ElMessage.success('更新工单成功。')
isAsc: false, this.search()
sortBy: 'upload_time' } else {
} errorBox(res.data.message)
queryUploadRecord(param).then(res => { }
if (res.data.code == 0) { }).catch(err => {
if (res.data.returnData.total > 0) { console.log(err)
this.uploadRecord = res.data.returnData.lists[0] errorBox('更新工单失败。')
} else { })
this.uploadRecord = reactive({ },
fileName: '', getCurrentRow(row) {
uploadTime: '', this.orderId = row.orderId
uploadUser: '' },
}) openUploadDialog() {
} //
} else { const param = {
this.uploadRecord = reactive({ userName: store.getters.getUserName,
fileName: '', fileDescription: 'ORDERS',
uploadTime: '', isAsc: false,
uploadUser: '' sortBy: 'upload_time'
}) }
} queryUploadRecord(param).then(res => {
}).catch(err => { if (res.data.code == 0) {
console.log(err) if (res.data.returnData.total > 0) {
errorBox('发生异常') this.uploadRecord = res.data.returnData.lists[0]
}) } else {
this.uploadDialogVisible = true this.uploadRecord = reactive({
}, fileName: '',
}, uploadTime: '',
} uploadUser: ''
</script> })
}
<style scoped> } else {
.el-pagination { this.uploadRecord = reactive({
padding-left: 5px; fileName: '',
} uploadTime: '',
uploadUser: ''
.el-row .el-button { })
width: 72px; }
margin-left: 0px; }).catch(err => {
margin-right: 5px; console.log(err)
} errorBox('发生异常')
})
.table-class { this.uploadDialogVisible = true
width: 100%; },
} },
}
.el-row .el-form-item { </script>
width: 10% inherit;
justify-content: center; <style scoped>
} .el-pagination {
padding-left: 5px;
.el-row .el-form-item .el-select-v2 { }
width: 100% !important;
} .el-row .el-button {
width: 72px;
.el-row .el-form-item .el-input-number { margin-left: 0px;
width: 100% !important; margin-right: 5px;
} }
.el-row .el-form-item .el-button { .table-class {
margin: auto; width: 100%;
} }
.title-area { .el-row .el-form-item {
display: flex; width: 10% inherit;
/* min-height: 10%; */ justify-content: center;
max-height: max-content; }
margin-bottom: 10px;
min-width: inherit; .el-row .el-form-item .el-select-v2 {
border: solid 1px; width: 100% !important;
border-radius: 10px; }
box-shadow: 0px 15px 10px -15px #000;
overflow: auto; .el-row .el-form-item .el-input-number {
flex-direction: column; width: 100% !important;
padding: 10px; }
}
.el-row .el-form-item .el-button {
margin: auto;
}
.title-area {
display: flex;
/* min-height: 10%; */
max-height: max-content;
margin-bottom: 10px;
min-width: inherit;
border: solid 1px;
border-radius: 10px;
box-shadow: 0px 15px 10px -15px #000;
overflow: auto;
flex-direction: column;
padding: 10px;
}
</style> </style>