java_project
/
logpm_page
4
1
Fork 0
Code Issues Pull Requests Activity
Browse Source

✨ feat:新增干线提货

master
qb 1 year ago
parent
08411b86fe
commit
4f362146c9
4 changed files with 1046 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      src/components/tablecmt/tablecmt.vue
  2. 282
      src/option/distribution/arteryDistrilbutionBillLadingList.js
  3. 19
      src/router/views/index.js
  4. 744
      src/views/distribution/inventory/arteryDistrilbutionBillLadingList.vue

1
src/components/tablecmt/tablecmt.vue
Unescape View File

@ -28,6 +28,7 @@
<el-text class="mx-1">{{ column.label }}</el-text>
</template> -->
<el-table-column
:type="column.type == 12 ? 'index' : ''"
:min-width="column.width"
:prop="column.prop"
:label="column.label"

282
src/option/distribution/arteryDistrilbutionBillLadingList.js
Unescape View File

@ -0,0 +1,282 @@
export const columnList = [
{
prop: '',
label: '复选框',
type: 0,
width: 55,
fixed: true,
},
{
prop: '',
label: '序号',
type: 12,
values: '',
width: 55,
fixed: true,
},
{
prop: 'pickupBatch',
label: '提货批次',
type: 2,
values: '',
width: '130',
checkarr: [],
fixed: true,
sortable: true,
head: false,
},
{
prop: 'serviceNumber',
label: '服务号',
type: 2,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'waybillNumber',
label: '运单号',
type: 2,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'consigneeUnit',
label: '收货单位',
type: 2,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'customerName',
label: '收货人',
type: 2,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'customerTelephone',
label: '联系电话',
type: 2,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'warehouse',
label: '仓库',
type: 2,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
head: true,
},
{
prop: 'warehouseEntryTime',
label: '入库时间',
type: 4,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'collectFee',
label: '到付运费',
type: 1,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'transport',
label: '搬运费',
type: 1,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'storageFee',
label: '仓储费',
type: 1,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'forklift',
label: '叉车费',
type: 1,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'otherFee',
label: '其他增值费用',
type: 1,
values: '',
width: '150',
checkarr: [],
fixed: false,
sortable: true,
},
// {
// prop: 'pickUpTime',
// label: '总费用',
// type: 1,
// values: '',
// width: '150',
// checkarr: [],
// fixed: false,
// sortable: true,
// },
{
prop: 'totalNumber',
label: '应提件数',
type: 1,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'stopNum',
label: '实提件数',
type: 1,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'brand',
label: '品牌',
type: 2,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'productInformation',
label: '货品信息',
type: 2,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: true,
},
{
prop: 'customerTelephone',
label: '提货手机',
type: 2,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: false,
},
{
prop: 'consignee',
label: '提货人',
type: 2,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: false,
},
{
prop: 'pickUpPlate',
label: '提货车牌',
type: 2,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: false,
},
{
prop: 'deliveryDocument',
label: '提货证件',
type: 2,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: false,
},
{
prop: 'certificateTypeName',
label: '证件类型',
type: 3,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: false,
},
{
prop: 'conditionName',
label: '状态',
type: 1,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: false,
},
{
prop: 'totalCost',
label: '费用合计',
type: 1,
values: '',
width: '130',
checkarr: [],
fixed: false,
sortable: false,
},
{
prop: '',
label: '操作',
type: 6,
values: '',
width: '200',
checkarr: [],
fixed: 'right',
hide: true,
},
// 更多列的配置...
];
export default { columnList };

19
src/router/views/index.js
Unescape View File

@ -200,6 +200,25 @@ export default [
},
],
},
{
path: '/distribution/inventory/arteryDistrilbutionBillLadingList',
component: Layout,
key: 'fullPath',
redirect: '/distribution/inventory',
children: [
{
path: '/distribution/inventory/arteryDistrilbutionBillLadingList',
name: '干线提货管理',
meta: {
data: 'data',
},
component: () =>
import(
/* webpackChunkName: "views" */ '@/views/distribution/inventory/arteryDistrilbutionBillLadingList.vue'
),
},
],
},
{
path: '/basic/pdarecords/basicPdarecordslist',
component: Layout,

744
src/views/distribution/inventory/arteryDistrilbutionBillLadingList.vue
Unescape View File

@ -0,0 +1,744 @@
<template>
<basic-container>
<div class="avue-crud">
<el-row v-if="!search">
<!-- 查询模块 -->
<el-form :inline="true" :model="query" class="el-fr-d">
<div class="fo-fl">
<el-form-item label="服务号:">
<el-input v-model="query.serviceNumber" placeholder="请输入服务号"></el-input>
</el-form-item>
<el-form-item label="入库时间:" class="el-times">
<!-- <el-input v-model="query.stockupArea" placeholder="请输入备货区"></el-input>-->
<el-date-picker
v-model="stockupDate"
type="datetimerange"
unlink-panels
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
:shortcuts="shortcuts"
/>
</el-form-item>
</div>
<!-- 查询按钮 -->
<el-form-item class="el-btn">
<el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button>
<el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button>
</el-form-item>
</el-form>
</el-row>
<el-row>
<el-col :span="4">
<span style="margin-bottom: 2%; font-size: 16px">
待提货：{{ treatNum }}单/{{ numBill }}件
</span>
</el-col>
<el-col :span="10">
<span style="margin-bottom: 2%; font-size: 16px">
已提货：{{ stopNum }}单/{{ numBill }}件</span
>
</el-col>
</el-row>
<el-row>
<div class="avue-crud__header">
<!-- 头部左侧按钮模块 -->
<div class="avue-crud__left">
<el-button type="primary" icon="el-icon-plus" @click="handleAdd">新 增</el-button>
<el-button type="primary" icon="el-icon-edit" @click="handleAdd">编 辑</el-button>
<el-button type="primary" icon="el-icon-plus" @click="handleAdd"
>添加提货数据</el-button
>
<el-button type="primary" icon="el-icon-check" @click="handleAdd">提货完成</el-button>
<el-button type="primary" icon="el-icon-close" @click="handleAdd">取消完成</el-button>
<el-button type="primary" icon="el-icon-close" @click="handleAdd">取消提货</el-button>
<el-button type="primary" icon="el-icon-check" @click="handleAdd">结 算</el-button>
<el-button type="primary" icon="el-icon-close" @click="handleAdd">取消结算</el-button>
<!-- <el-button type="danger" icon="el-icon-download" @click="handleExportInfo" plain
>导出
</el-button> -->
</div>
<!-- 头部右侧按钮模块 -->
<div class="avue-crud__right">
<el-button icon="el-icon-refresh" @click="searchChange" circle></el-button>
<el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
<el-button icon="el-icon-search" @click="searchHide" circle></el-button>
</div>
</div>
</el-row>
<el-row>
<!-- 列表模块 -->
<tablecmt
:columnList="columnList"
:tableData="data"
:loading="loading"
@inputTxt="inputsc"
@timeCheck="timesc"
@btnCheck="btnsc"
@selectCheck="selectsc"
@selection="selectionChange"
>
<template #default="slotProps">
<!-- <el-button size="small" @click="editsolt(slotProps.scope)">修改</el-button>-->
<el-text size="small" text @click="handleLike(slotProps.scope)">查看</el-text>
<el-text
size="small"
type="danger"
icon="el-icon-edit"
text
@click="handleSign(slotProps.scope, 1)"
v-if="slotProps.scope.row.conditions < 30"
>签收</el-text
>
<el-text
type="primary"
text
icon="el-icon-edit"
@click="handleEdits(slotProps.scope)"
v-if="slotProps.scope.row.conditions < 20"
>编辑提货信息</el-text
>
<!-- <el-button size="small" type="danger" icon="el-icon-edit" text @click="handleDeleteOwn(slotProps.scope)">删除</el-button>-->
</template>
</tablecmt>
</el-row>
<el-row class="el-fy">
<div class="avue-crud__pagination flex-c-sb" style="width: 100%">
<div style="font-size: 14px">勾选数量: {{ selectionList.length }}</div>
<!-- 分页模块 -->
<el-pagination
align="right"
background
@size-change="sizeChange"
@current-change="currentChange"
:current-page="page.currentPage"
:page-sizes="[30, 50, 80, 120]"
:page-size="page.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="page.total"
>
</el-pagination>
</div>
</el-row>
<!-- 表单模块 -->
<el-dialog
:title="title"
v-model="box"
width="50%"
:before-close="beforeClose"
append-to-body
>
<el-form :disabled="view" ref="form" :model="form" label-width="80px">
<!-- 表单字段 -->
<el-form-item label="提货时间" prop="pickUpTime">
<el-input v-model="form.pickUpTime" placeholder="请输入提货时间" />
</el-form-item>
<el-form-item label="提货人" prop="consignee">
<el-input v-model="form.consignee" placeholder="请输入提货人" />
</el-form-item>
<el-form-item label="提货车牌" prop="pickUpPlate">
<el-input v-model="form.pickUpPlate" placeholder="请输入提货车牌" />
</el-form-item>
<el-form-item label="提货证件" prop="deliveryDocument">
<el-input v-model="form.deliveryDocument" placeholder="请输入提货证件" />
</el-form-item>
<el-form-item label="证件类型" prop="certificateType">
<el-select v-model="form.certificateType" clearable placeholder="请选择证件类型">
<el-option
v-for="item in certificateTypeData"
:key="item.dictKey"
:label="item.dictValue"
:value="item.dictKey"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="费用合计" prop="totalCost">
<el-input v-model="form.totalCost" placeholder="请输入费用合计" />
</el-form-item>
</el-form>
<!-- 表单按钮 -->
<template #footer>
<span v-if="!view" class="dialog-footer">
<el-button type="primary" icon="el-icon-circle-check" @click="handleSubmit"
>提 交</el-button
>
<el-button icon="el-icon-circle-close" @click="box = false">取 消</el-button>
</span>
</template>
</el-dialog>
</div>
</basic-container>
<edittablehead
@setcolum="setnewcolum"
@closce="showdrawer"
:drawerShow="drawerShow"
:columnList="columnList"
></edittablehead>
</template>
<script>
import {
add,
update,
remove,
getListOwn,
getListOwnNUm,
getBillLadingExport,
} from '@/api/distribution/distrilbutionBillLading';
import { columnList } from '@/option/distribution/arteryDistrilbutionBillLadingList';
import { mapGetters } from 'vuex';
import { getDictionaryBiz } from '@/api/system/dict';
import { getToken } from '@/utils/auth';
import dayjs from 'dayjs';
import { downloadXls } from '@/utils/util';
export default {
data() {
return {
columnList,
columnListedit: [],
drawerShow: false,
height: 0,
// 弹框标题
title: '',
// 是否展示弹框
box: false,
// 是否显示查询
search: true,
// 加载中
loading: true,
// 是否为查看模式
view: false,
// 查询信息
query: {},
stockupDate: [],
stopNum: 0,
treatNum: 0,
numBill: 0,
// 分页信息
page: {
currentPage: 1,
pageSize: 30,
total: 40,
},
// 表单数据
form: {},
// 选择行
selectionList: [],
// 表单列表
data: [],
clientType: [],
costList: [],
distributionType: [],
costListName: [],
certificateType: [],
shortcuts: [
{
text: '最近一周',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
return [start, end];
},
},
{
text: '最近一个月',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
return [start, end];
},
},
{
text: '最近三个月',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
return [start, end];
},
},
],
};
},
mounted() {
this.init();
this.onLoad(this.page);
/**
* 初始化获取本地缓存的编辑隐藏的列表
* 固定搭配，不能更改
*/
let newarr = this.$functions.getStorage(window.location.pathname);
if (newarr) {
this.columnList.map(item => {
item.head = false;
});
newarr.map(ite => {
this.columnList.map(item => {
if (ite == item.label) {
item.head = true;
}
});
});
}
},
computed: {
...mapGetters(['permission', 'tagWel', 'tagList']),
ids() {
let ids = [];
this.selectionList.forEach(ele => {
ids.push(ele.id);
});
return ids.join(',');
},
headers() {
return {
'Blade-Auth': 'Bearer ' + getToken(),
};
},
action() {
// return '/api/logpm-basicdata/common/uploadFile'
return '/api/blade-resource/oss/endpoint/put-file';
},
},
methods: {
/**
* 导出
* */
handleExportInfo() {
let row = {};
console.log(this.stockupDate);
if (this.query.startDate) {
row.startDate = this.query.startDate[0]; //开始时间
row.endDate = this.query.startDate[1]; //结束时间
}
if (this.query.serviceNumber) {
row.serviceNumber = this.query.serviceNumber; //服务号
}
if (!!this.ids) {
row.ids = this.ids;
} else {
row.ids = '';
}
getBillLadingExport(row).then(res => {
console.log(res.data);
downloadXls(res.data, '提货数据.xlsx');
});
},
showdrawer(value) {
this.drawerShow = value;
},
/**
* 弹窗的勾选回调，用于更改头部数组
* 固定搭配，只需要更换 columnList
*/
setnewcolum(newarr, headarr, type) {
// console.log(newarr,'+++++++++++')
if (type == 1) {
this.columnList = newarr;
this.$functions.setStorage(window.location.pathname + 'checkList', headarr);
} else if (type == 2) {
this.columnList = newarr;
this.$functions.setStorage(window.location.pathname + 'flexList', headarr);
} else if (type == 3) {
this.columnList = newarr;
this.$functions.setStorage(window.location.pathname + 'sortlist', headarr);
}
},
selectionsc(value) {
console.log(value);
},
delectsolt(scope) {
const { row } = scope;
console.log(row);
},
editsolt(scope) {
const { row } = scope;
console.log(row);
},
btnsc(index, row) {
console.log(index, row);
},
selectsc(index, row) {
console.log('index :>> ', index);
console.log('row :>> ', row);
this.query[row.prop] = index;
if (!index) delete this.query[row.prop];
if (row.prop === 'certificateTypeName') {
this.query['certificateType'] = index;
if (!index) delete this.query['certificateType'];
}
this.onLoad(this.page);
},
timesc(index, row) {
console.log(index, row);
if (!!index) {
index = dayjs(index).format('YYYY-MM-DD');
}
this.query[row.prop] = index;
if (!index) {
delete this.query[row.prop];
}
this.onLoad(this.page);
},
inputsc(index, row) {
console.log(index, row);
this.query[row.prop] = index;
this.onLoad(this.page);
},
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePreview(file) {
console.log(file);
},
textbox(e, index) {
console.log('e,index', e, index);
this.costList[index + 1] = e;
},
handleCheckedCitiesChange(value) {
console.log('>>>>>>>', value);
if (value.length < 1) {
this.costList = [];
this.costListName = [];
}
this.clientType.forEach(i => {
if (value.includes(i.dictKey)) {
console.log(i);
i.pitch = true;
this.costListName = value;
}
});
},
init() {
this.height = this.setPx(document.body.clientHeight - 160);
//字典
getDictionaryBiz('delivery_cost').then(res => {
this.clientType = res.data.data;
});
//字典
getDictionaryBiz('certificate_type').then(res => {
this.certificateType = res.data.data;
this.$functions.checkcColumnList('certificateTypeName', this.columnList).checkarr =
res.data.data.map(item => {
item.value = item.dictKey;
item.label = item.dictValue;
return item;
});
});
},
checkcColumnList(prop, columnList) {
return columnList.find(item => item.prop === prop);
},
searchHide() {
this.search = !this.search;
},
searchChange() {
this.onLoad(this.page);
},
searchReset() {
this.query = {};
this.stockupDate = [];
this.page.currentPage = 1;
this.onLoad(this.page);
},
bianLier(costListName, clientType, costList, fei) {
console.log('>>>>>>>>>', costListName, clientType, costList, fei);
this.pan = false;
for (let i = 0; i < costListName.length; i++) {
if (!costList) {
this.pan = true;
return;
}
for (let a = 0; a < clientType.length; a++) {
// console.log("进来了",clientType[a].dictKey , costListName[i]);
if (clientType[a].dictKey == costListName[i]) {
// console.log("进来了",clientType[a].dictKey , costListName[i]);
let zhi = costList[costListName[i]];
if (!zhi) {
this.pan = true;
continue;
} else {
//2.添加
fei.set(clientType[a].dictKey, zhi);
}
}
}
}
},
async handleSubmit() {
if (!this.form.id) {
let fei = new Map();
await this.bianLier(this.costListName, this.clientType, this.costList, fei);
this.form.fei = Object.fromEntries(fei);
this.form.stockArticleId = this.$route.query.ids;
console.log('this.form', this.form);
add(this.form).then(() => {
this.box = false;
this.onLoad(this.page);
this.$message({
type: 'success',
message: '操作成功!',
});
this.contextmenuFlag = false;
this.$store.commit('DEL_TAG_CURRENT');
this.$router.push(this.tagWel);
});
} else {
update(this.form).then(() => {
this.box = false;
this.onLoad(this.page);
this.$message({
type: 'success',
message: '操作成功!',
});
});
}
},
handleAdd() {
this.title = '新增';
this.form = {};
this.box = true;
},
handleBillAdd() {
this.$router.push({
path: '/distribution/inventory/distrilbutionBillLading',
query: {
type: '3',
},
});
},
//删除
handleDeleteOwn(row) {
console.log('删除！！', row);
},
//查询详细
handleLike(row) {
this.$router.push({
path: '/distribution/inventory/distrilbutionBillLadingView',
query: {
id: row.row.id,
},
});
},
handleEdits(row) {
this.$router.push({
path: '/distribution/inventory/distrilbutionBillLading',
query: {
id: row.row.id,
name: '编辑提货单',
type: '2',
},
});
},
handleDelete() {
if (this.selectionList.length === 0) {
this.$message.warning('请选择至少一条数据');
return;
}
this.$confirm('确定将选择数据删除?', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
return remove(this.ids);
})
.then(() => {
this.selectionClear();
this.onLoad(this.page);
this.$message({
type: 'success',
message: '操作成功!',
});
});
},
rowDel(row) {
this.$confirm('确定将选择数据删除?', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
return remove(row.id);
})
.then(() => {
this.onLoad(this.page);
this.$message({
type: 'success',
message: '操作成功!',
});
});
},
beforeClose(done) {
done();
this.form = {};
this.view = false;
},
selectionChange(list) {
this.selectionList = list;
},
selectionClear() {
this.selectionList = [];
// this.$refs.table.clearSelection();
},
currentChange(currentPage) {
this.page.currentPage = currentPage;
this.onLoad(this.page);
},
sizeChange(pageSize) {
this.page.pageSize = pageSize;
this.onLoad(this.page);
},
getTime(dat) {
let date = new Date(dat);
let formatter = new Intl.DateTimeFormat('en', {
year: 'numeric',
month: '2-digit',
day: '2-digit',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
});
let formattedDate = formatter.format(date);
return formattedDate.replace(/\//g, '-');
},
onLoad(page, params = {}) {
this.loading = true;
if (this.stockupDate.length > 0) {
let startDate = this.stockupDate[0];
let entDate = this.stockupDate[1];
params.startDate = this.getTime(startDate.toString());
params.entDate = this.getTime(entDate.toString());
}
getListOwnNUm(params).then(res => {
console.log('查询数量!!!', res.data.data);
if (!!res.data.data) {
this.treatNum = !res.data.data.treatNum ? 0 : parseInt(res.data.data.treatNum);
this.stopNum = !res.data.data.stopNum ? 0 : res.data.data.stopNum;
this.numBill = parseInt(this.treatNum) + parseInt(this.stopNum);
}
});
getListOwn(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
const data = res.data.data;
console.log('???????', data);
this.page.total = data.total;
this.data = data.records;
this.data.forEach(i => {
if (!!i.list) {
i.collectFee = 0;
i.storageFee = 0;
i.transport = 0;
i.forklift = 0;
i.otherFee = 0;
i.list.forEach(a => {
const { cost, money } = a; // 对象解构，获取a对象的cost和money属性
switch (cost) {
case '1': // 到付
i.collectFee = money ? parseInt(money) : 0;
break;
case '2': // 仓储费用
i.storageFee = money ? parseInt(money) : 0;
break;
case '3': // 搬运费
console.log('0=-0-=');
i.transport = money ? parseInt(money) : 0;
break;
case '4': // 叉车费
i.forklift = money ? parseInt(money) : 0;
break;
case '5': // 其他增值费
i.otherFee = money ? parseInt(money) : 0;
break;
}
});
}
});
console.log(this.data);
this.loading = false;
this.selectionClear();
});
},
},
};
</script>
<style>
.foot {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
height: 60px;
}
.foot .dialog-footer {
margin-bottom: 130px;
text-align: center;
}
.ca .el-radio__inner {
top: -18px;
left: -19px;
border-radius: 0;
border: 0;
width: 170px;
height: 34px;
background-color: transparent;
cursor: pointer;
box-sizing: border-box;
position: absolute;
}
.ca .el-radio__input.is-checked .el-radio__inner {
background: transparent;
}
</style>
<style scoped lang="scss">
.el-input {
margin-left: 8px;
}
:deep(.el-form-item__content) {
margin-left: 8px;
}
.el-fr-d {
width: 100%;
display: flex;
justify-content: space-between;
}
.el-btn {
margin-right: 0;
}
// 日期选择框
.el-times {
:deep(.el-tooltip__trigger) {
height: 30px !important;
}
}
:deep(.el-form-item__label) {
padding: 0;
}
:deep(.avue-crud) {
display: flex;
height: 100%;
flex-direction: column;
}
:deep(.el-card__body) {
height: 100%;
}
:deep(.el-card) {
height: 100%;
display: flex;
flex-direction: column;
}
.el-fy {
flex: 1;
display: flex;
align-items: flex-end;
}
</style>
Write Preview
Loading…
Cancel
Save