刘泉佳
654 lines
23 KiB
Vue
654 lines
23 KiB
Vue
<template>
|
||
<basic-container class="receipt-form-page">
|
||
<div class="archive-page-form__title">
|
||
{{ readonly ? '查看收票登记' : recordId ? '编辑收票登记' : '新增收票登记' }}
|
||
</div>
|
||
|
||
<el-form
|
||
ref="formRef"
|
||
:model="form"
|
||
:rules="rules"
|
||
label-position="right"
|
||
label-width="auto"
|
||
class="receipt-form-page__form"
|
||
>
|
||
<section-card title="收票基本信息">
|
||
<el-row :gutter="32">
|
||
<el-col :span="6">
|
||
<el-form-item label="发票号码" prop="invoiceNo">
|
||
<el-tooltip
|
||
:content="form.invoiceNo"
|
||
:disabled="!form.invoiceNo"
|
||
placement="top"
|
||
:show-after="200"
|
||
>
|
||
<div class="receipt-form-page__overflow-trigger">
|
||
<el-input v-model="form.invoiceNo" readonly placeholder="请选择金蝶票据池发票">
|
||
<template v-if="!readonly" #append>
|
||
<el-tooltip content="查询金蝶票据池" placement="top">
|
||
<el-button :icon="Search" @click="openInvoiceDialog" />
|
||
</el-tooltip>
|
||
</template>
|
||
</el-input>
|
||
</div>
|
||
</el-tooltip>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="6">
|
||
<el-form-item label="开票日期">
|
||
<el-input v-model="form.invoiceDate" disabled placeholder="从金蝶票据池带出" />
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="6">
|
||
<el-form-item label="发票类型">
|
||
<el-tooltip
|
||
:content="form.invoiceType"
|
||
:disabled="!form.invoiceType"
|
||
placement="top"
|
||
:show-after="200"
|
||
>
|
||
<div class="receipt-form-page__overflow-trigger">
|
||
<el-input v-model="form.invoiceType" disabled placeholder="从金蝶票据池带出" />
|
||
</div>
|
||
</el-tooltip>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="6">
|
||
<el-form-item label="开票金额">
|
||
<el-input
|
||
:model-value="form.invoiceNo ? formatMoney(form.invoiceAmount) : ''"
|
||
disabled
|
||
placeholder="从金蝶票据池带出"
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="6">
|
||
<el-form-item label="税额">
|
||
<el-input
|
||
:model-value="form.invoiceNo ? formatMoney(form.taxAmount) : ''"
|
||
disabled
|
||
placeholder="从金蝶票据池带出"
|
||
/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="6">
|
||
<el-form-item label="受票单位">
|
||
<el-tooltip
|
||
:content="form.receiverName"
|
||
:disabled="!form.receiverName"
|
||
placement="top"
|
||
:show-after="200"
|
||
>
|
||
<div class="receipt-form-page__overflow-trigger">
|
||
<el-input v-model="form.receiverName" disabled placeholder="从金蝶票据池带出" />
|
||
</div>
|
||
</el-tooltip>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="6">
|
||
<el-form-item label="开票单位">
|
||
<el-tooltip
|
||
:content="form.issuerName"
|
||
:disabled="!form.issuerName"
|
||
placement="top"
|
||
:show-after="200"
|
||
>
|
||
<div class="receipt-form-page__overflow-trigger">
|
||
<el-input v-model="form.issuerName" disabled placeholder="从金蝶票据池带出" />
|
||
</div>
|
||
</el-tooltip>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="6">
|
||
<el-form-item label="结算组织" prop="deptId">
|
||
<el-cascader
|
||
v-if="!readonly"
|
||
:model-value="deptCascaderValue"
|
||
:options="deptTreeOptions"
|
||
:props="deptCascaderProps"
|
||
placeholder="请选择结算组织（合同承办部门）"
|
||
filterable
|
||
clearable
|
||
@change="handleDeptChange"
|
||
/>
|
||
<el-input v-else :model-value="form.deptName" disabled />
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</section-card>
|
||
|
||
<section-card title="发票明细">
|
||
<el-table :data="invoiceItems" border empty-text="选择金蝶票据池发票后带出发票明细行">
|
||
<el-table-column type="index" label="序号" width="64" align="center" />
|
||
<el-table-column prop="goodsName" label="货物名称" min-width="160" show-overflow-tooltip />
|
||
<el-table-column prop="specModel" label="规格型号" min-width="120" show-overflow-tooltip />
|
||
<el-table-column prop="unit" label="单位" min-width="80" align="center" />
|
||
<el-table-column label="数量" min-width="100" align="right">
|
||
<template #default="{ row }">{{ formatQuantity(row.num) }}</template>
|
||
</el-table-column>
|
||
<el-table-column label="单价" min-width="110" align="right">
|
||
<template #default="{ row }">{{ formatMoney(row.unitPrice) }}</template>
|
||
</el-table-column>
|
||
<el-table-column label="金额" min-width="120" align="right">
|
||
<template #default="{ row }">{{ formatMoney(row.detailAmount) }}</template>
|
||
</el-table-column>
|
||
<el-table-column label="税率" min-width="90" align="center">
|
||
<template #default="{ row }">{{ formatRateText(row.taxRate) }}</template>
|
||
</el-table-column>
|
||
<el-table-column label="税额" min-width="110" align="right">
|
||
<template #default="{ row }">{{ formatMoney(row.taxAmount) }}</template>
|
||
</el-table-column>
|
||
<el-table-column prop="goodsCode" label="商品编码" min-width="140" show-overflow-tooltip />
|
||
</el-table>
|
||
</section-card>
|
||
|
||
<section-card title="结算信息">
|
||
<el-table :data="form.settlements" border empty-text="暂无认领数据（认领关系由付款结算单侧维护）">
|
||
<el-table-column type="index" label="序号" width="64" align="center" />
|
||
<el-table-column
|
||
label="结算单号"
|
||
min-width="180"
|
||
align="center"
|
||
show-overflow-tooltip
|
||
>
|
||
<template #default="{ row }">
|
||
<el-link type="primary" @click="openSettlementDetail(row)">
|
||
{{ row.formalSettlementNo }}
|
||
</el-link>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="结算总金额" min-width="150" align="right">
|
||
<template #default="{ row }">{{ formatMoney(row.settlementAmount) }}</template>
|
||
</el-table-column>
|
||
<el-table-column label="已收票金额" min-width="150" align="right">
|
||
<template #default="{ row }">{{ formatMoney(row.receivedInvoiceAmount) }}</template>
|
||
</el-table-column>
|
||
<el-table-column label="分摊发票金额" min-width="150" align="right">
|
||
<template #default="{ row }">{{ formatMoney(row.allocatedInvoiceAmount) }}</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</section-card>
|
||
|
||
<section-card title="附件信息">
|
||
<!-- 金蝶票池认领的发票附件为 piaozone path 型，需带发票号走 A801-2 代理查看/下载 -->
|
||
<vehicle-attachment-table
|
||
v-model="form.attachments"
|
||
:readonly="readonly"
|
||
show-view-actions
|
||
:kingdee-invoice-no="form.invoiceNo"
|
||
/>
|
||
</section-card>
|
||
|
||
<section-card title="备注">
|
||
<el-form-item class="receipt-form-page__remark">
|
||
<el-input
|
||
v-model="form.remark"
|
||
:disabled="readonly"
|
||
type="textarea"
|
||
:rows="2"
|
||
maxlength="200"
|
||
show-word-limit
|
||
/>
|
||
</el-form-item>
|
||
</section-card>
|
||
|
||
<div v-if="!isPublicViewPage" class="receipt-form-page__actions">
|
||
<el-button @click="goBack">取消</el-button>
|
||
<el-button v-if="!readonly" type="primary" plain @click="syncReferenceData">同步</el-button>
|
||
<el-button v-if="!readonly && canSave" type="primary" plain @click="saveDraft"
|
||
>保存</el-button
|
||
>
|
||
<el-button
|
||
v-if="!readonly && canSave && hasPermission('invoice_receipt_submit')"
|
||
type="primary"
|
||
@click="submitForm"
|
||
>提交</el-button
|
||
>
|
||
</div>
|
||
</el-form>
|
||
|
||
<kingdee-invoice-pool-dialog
|
||
v-model="invoiceDialog.visible"
|
||
title="查询金蝶票据池"
|
||
:initial-invoice-no="form.invoiceNo"
|
||
:query-api="apiQueryInvoicePool"
|
||
@confirm="handleInvoicePicked"
|
||
/>
|
||
</basic-container>
|
||
</template>
|
||
|
||
<script>
|
||
import { Search } from '@element-plus/icons-vue';
|
||
import { mapGetters } from 'vuex';
|
||
import * as api from '@/api/payment/invoiceReceipt';
|
||
import { getDeptTree } from '@/api/system/dept';
|
||
import KingdeeInvoicePoolDialog from '@/components/kingdee-invoice-pool-dialog/main.vue';
|
||
import VehicleAttachmentTable from '@/components/vehicle-attachment-table/main.vue';
|
||
import { getMkPublicDetail } from '@/api/mk-process';
|
||
import { loadMkEnabled, submitMkApprovalFlow } from '@/utils/mk-approval';
|
||
|
||
// 提交成功后带标记返回，列表页（keep-alive）据此重新拉取
|
||
const invoiceReceiptListRefreshKey = 'invoice-receipt-list-refresh';
|
||
|
||
const emptyForm = () => ({
|
||
id: null,
|
||
invoiceNo: '',
|
||
invoiceDate: '',
|
||
invoiceType: '',
|
||
taxRate: null,
|
||
invoiceAmount: null,
|
||
taxAmount: null,
|
||
receiverName: '',
|
||
issuerName: '',
|
||
bankName: '',
|
||
bankAccount: '',
|
||
issuingBank: '',
|
||
phone: '',
|
||
customerEmails: [],
|
||
departmentEmails: [],
|
||
projectName: '',
|
||
deptId: null,
|
||
deptName: '',
|
||
payerName: '',
|
||
payeeName: '',
|
||
settlements: [],
|
||
attachments: [],
|
||
remark: '',
|
||
});
|
||
|
||
export default {
|
||
name: 'InvoiceReceiptForm',
|
||
components: {
|
||
KingdeeInvoicePoolDialog,
|
||
VehicleAttachmentTable,
|
||
},
|
||
data() {
|
||
return {
|
||
Search,
|
||
form: emptyForm(),
|
||
customerEmailOptions: [],
|
||
departmentEmailOptions: [],
|
||
invoiceItems: [],
|
||
deptTreeOptions: [],
|
||
deptMap: new Map(),
|
||
// 结算组织=合同承办部门：部门树级联单选（取末级 id），后端沿部门树上溯平台公司取金蝶组织
|
||
deptCascaderProps: { checkStrictly: true, emitPath: true },
|
||
invoiceDialog: {
|
||
visible: false,
|
||
},
|
||
rules: {
|
||
invoiceNo: [{ required: true, validator: this.validateInvoice, trigger: 'change' }],
|
||
deptId: [{ required: true, validator: this.validateDept, trigger: 'change' }],
|
||
customerEmails: [{ validator: this.validateEmails, trigger: 'change' }],
|
||
departmentEmails: [{ validator: this.validateEmails, trigger: 'change' }],
|
||
},
|
||
};
|
||
},
|
||
computed: {
|
||
...mapGetters(['permission', 'userInfo']),
|
||
recordId() {
|
||
return this.$route.query.id || '';
|
||
},
|
||
readonly() {
|
||
return this.$route.query.mode === 'view' || this.isPublicViewPage;
|
||
},
|
||
isPublicViewPage() {
|
||
return this.$route.path === '/payment/invoice-receipt/public-view';
|
||
},
|
||
canSave() {
|
||
const code = this.recordId ? 'invoice_receipt_edit' : 'invoice_receipt_add';
|
||
return this.hasPermission(code);
|
||
},
|
||
deptCascaderValue() {
|
||
if (this.form.deptId === null || this.form.deptId === undefined || this.form.deptId === '') {
|
||
return [];
|
||
}
|
||
return [String(this.form.deptId)];
|
||
},
|
||
},
|
||
created() {
|
||
this.initialize();
|
||
},
|
||
methods: {
|
||
apiQueryInvoicePool(params) {
|
||
return api.queryInvoicePool(params);
|
||
},
|
||
handleInvoicePicked(rows) {
|
||
this.confirmInvoice(rows[0]);
|
||
},
|
||
hasPermission(code) {
|
||
return this.permission?.[code] !== false;
|
||
},
|
||
unwrapData(response) {
|
||
const body = response?.data || response || {};
|
||
return body?.data || body;
|
||
},
|
||
parse(value) {
|
||
if (!value) return [];
|
||
if (Array.isArray(value)) return value;
|
||
try {
|
||
return JSON.parse(value) || [];
|
||
} catch {
|
||
return [];
|
||
}
|
||
},
|
||
parseEmails(value) {
|
||
return String(value || '')
|
||
.split(/[;,，；]/)
|
||
.map(item => item.trim())
|
||
.filter(Boolean);
|
||
},
|
||
async initialize() {
|
||
this.loadDepartments();
|
||
if (this.isPublicViewPage) {
|
||
await this.loadPublicDetail();
|
||
return;
|
||
}
|
||
const userInfo = this.$store.getters.userInfo || {};
|
||
const userEmail = userInfo.email || '';
|
||
this.departmentEmailOptions = userEmail ? [userEmail] : [];
|
||
if (!this.recordId) {
|
||
if (userEmail) this.form.departmentEmails = [userEmail];
|
||
return;
|
||
}
|
||
const data = this.unwrapData(await api.getDetail(this.recordId));
|
||
this.applyDetail(data);
|
||
},
|
||
async loadPublicDetail() {
|
||
if (!this.recordId) return;
|
||
const data = this.unwrapData(await getMkPublicDetail('invoice-receipt', this.recordId));
|
||
this.applyDetail(data);
|
||
},
|
||
async applyDetail(data) {
|
||
this.form = {
|
||
...emptyForm(),
|
||
...data,
|
||
customerEmails: this.parseEmails(data.customerEmails),
|
||
departmentEmails: this.parseEmails(data.departmentEmails),
|
||
settlements: (data.settlements || []).map(item => ({
|
||
...item,
|
||
settlementId: item.formalSettlementId,
|
||
})),
|
||
attachments: this.parse(data.attachmentsJson),
|
||
};
|
||
await this.loadInvoiceDetail();
|
||
},
|
||
validateInvoice(rule, value, callback) {
|
||
if (!value) {
|
||
callback(new Error('请选择金蝶票据池发票'));
|
||
return;
|
||
}
|
||
callback();
|
||
},
|
||
validateDept(rule, value, callback) {
|
||
if (this.form.deptId === null || this.form.deptId === undefined || this.form.deptId === '') {
|
||
callback(new Error('请选择结算组织'));
|
||
return;
|
||
}
|
||
callback();
|
||
},
|
||
validateEmails(rule, value, callback) {
|
||
const emails = Array.isArray(value) ? value : this.parseEmails(value);
|
||
const valid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
||
if (emails.length > 3) {
|
||
callback(new Error('最多填写3个邮箱'));
|
||
return;
|
||
}
|
||
if (emails.some(email => !valid.test(email))) {
|
||
callback(new Error('请输入正确的邮箱'));
|
||
return;
|
||
}
|
||
callback();
|
||
},
|
||
openInvoiceDialog() {
|
||
this.invoiceDialog.visible = true;
|
||
},
|
||
async confirmInvoice(row, options = {}) {
|
||
const selected = row;
|
||
if (!selected) {
|
||
this.$message.warning('请选择一张金蝶票据池发票');
|
||
return;
|
||
}
|
||
const preserveUserInput = options.preserveUserInput === true;
|
||
Object.assign(this.form, {
|
||
invoiceNo: selected.invoiceNo,
|
||
invoiceDate: selected.invoiceDate,
|
||
invoiceType: selected.invoiceType,
|
||
taxRate: selected.taxRate,
|
||
invoiceAmount: selected.invoiceAmount,
|
||
taxAmount: selected.taxAmount,
|
||
receiverName: selected.receiverName,
|
||
issuerName: selected.issuerName,
|
||
bankName: selected.bankName,
|
||
bankAccount: selected.bankAccount,
|
||
issuingBank: selected.issuingBank,
|
||
phone: preserveUserInput ? this.form.phone : selected.phone || '',
|
||
customerEmails: preserveUserInput
|
||
? this.form.customerEmails
|
||
: this.parseEmails(selected.customerEmails),
|
||
departmentEmails: preserveUserInput
|
||
? this.form.departmentEmails
|
||
: this.parseEmails(selected.departmentEmails),
|
||
attachments: preserveUserInput
|
||
? this.form.attachments
|
||
: this.parse(selected.attachmentsJson),
|
||
});
|
||
this.customerEmailOptions = [...this.form.customerEmails];
|
||
this.departmentEmailOptions = [
|
||
...new Set([...this.departmentEmailOptions, ...this.form.departmentEmails]),
|
||
];
|
||
this.invoiceDialog.visible = false;
|
||
await this.loadInvoiceDetail();
|
||
this.$refs.formRef?.validateField('invoiceNo').catch(() => {});
|
||
return true;
|
||
},
|
||
// 发票明细区块：按票号带出金蝶发票明细行（A801-1 镜像，推送 A303-2 分录同源）
|
||
async loadInvoiceDetail() {
|
||
if (!this.form.invoiceNo) {
|
||
this.invoiceItems = [];
|
||
return;
|
||
}
|
||
try {
|
||
this.invoiceItems = this.unwrapData(await api.invoiceDetailQuery(this.form.invoiceNo)) || [];
|
||
} catch {
|
||
this.invoiceItems = [];
|
||
}
|
||
},
|
||
loadDepartments() {
|
||
// 结算组织取租户部门树（过滤外部组织），选中取末级部门 id
|
||
getDeptTree(this.userInfo?.tenantId)
|
||
.then(response => {
|
||
const rows = this.excludeExternalOrganization(this.unwrapData(response) || []);
|
||
this.deptTreeOptions = this.toDeptCascaderOptions(rows);
|
||
this.deptMap = new Map();
|
||
this.flattenDepartments(rows).forEach(item =>
|
||
this.deptMap.set(String(item.id), item.title || item.deptName || item.name)
|
||
);
|
||
})
|
||
.catch(() => {});
|
||
},
|
||
excludeExternalOrganization(list = []) {
|
||
return list.reduce((result, item) => {
|
||
const deptName = item.title || item.deptName || item.name;
|
||
if (String(deptName || '').trim() === '外部组织') return result;
|
||
result.push({
|
||
...item,
|
||
children: item.children?.length
|
||
? this.excludeExternalOrganization(item.children)
|
||
: item.children,
|
||
});
|
||
return result;
|
||
}, []);
|
||
},
|
||
toDeptCascaderOptions(list = []) {
|
||
return list.map(item => ({
|
||
label: item.title || item.deptName || item.name,
|
||
value: item.id == null || item.id === '' ? '' : String(item.id),
|
||
children: item.children?.length ? this.toDeptCascaderOptions(item.children) : undefined,
|
||
}));
|
||
},
|
||
flattenDepartments(rows) {
|
||
return (rows || []).flatMap(item => [item, ...this.flattenDepartments(item.children || [])]);
|
||
},
|
||
handleDeptChange(value) {
|
||
const deptId = Array.isArray(value) ? value.at(-1) : value;
|
||
this.form.deptId = deptId || null;
|
||
this.form.deptName = deptId ? this.deptMap.get(String(deptId)) || '' : '';
|
||
this.$refs.formRef?.validateField('deptId').catch(() => {});
|
||
},
|
||
openSettlementDetail(row) {
|
||
const id = row.formalSettlementId || row.settlementId || row.id;
|
||
if (!id) return;
|
||
this.$router.push({
|
||
path: '/settlement/formal-settlement/form',
|
||
query: { mode: 'view', id, name: '查看正式结算' },
|
||
});
|
||
},
|
||
validateBusiness() {
|
||
const invoiceAmount = Number(this.form.invoiceAmount || 0);
|
||
if (invoiceAmount <= 0) throw new Error('开票金额必须大于0');
|
||
},
|
||
payload() {
|
||
return {
|
||
id: this.form.id,
|
||
invoiceNo: this.form.invoiceNo,
|
||
invoiceDate: this.form.invoiceDate,
|
||
invoiceType: this.form.invoiceType,
|
||
taxRate: this.form.taxRate,
|
||
invoiceAmount: this.form.invoiceAmount,
|
||
taxAmount: this.form.taxAmount,
|
||
receiverName: this.form.receiverName,
|
||
issuerName: this.form.issuerName,
|
||
bankName: this.form.bankName,
|
||
bankAccount: this.form.bankAccount,
|
||
issuingBank: this.form.issuingBank,
|
||
phone: this.form.phone,
|
||
customerEmails: this.form.customerEmails.join(';'),
|
||
departmentEmails: this.form.departmentEmails.join(';'),
|
||
attachmentsJson: JSON.stringify(this.form.attachments || []),
|
||
remark: this.form.remark,
|
||
// 结算组织=页面手选部门（先票后款不挂结算单，认领关系由结算单侧维护，不再传 settlements）
|
||
deptId: this.form.deptId,
|
||
deptName: this.form.deptName,
|
||
};
|
||
},
|
||
async saveDraft() {
|
||
await this.$refs.formRef.validate();
|
||
try {
|
||
this.validateBusiness();
|
||
} catch (error) {
|
||
this.$message.warning(error.message);
|
||
return false;
|
||
}
|
||
const id = this.unwrapData(await api.save(this.payload()));
|
||
this.form.id = id;
|
||
this.$message.success('保存成功');
|
||
return true;
|
||
},
|
||
async submitForm() {
|
||
const saved = await this.saveDraft();
|
||
if (!saved) return;
|
||
const previousApprovalStatus = this.form.approvalStatus || '';
|
||
await api.submit({ id: this.form.id });
|
||
await submitMkApprovalFlow({
|
||
bizType: 'invoice-receipt',
|
||
bizId: this.form.id,
|
||
subjectName: this.form.invoiceNo || '',
|
||
approvalStatus: previousApprovalStatus,
|
||
mkEnabled: await loadMkEnabled().catch(() => false),
|
||
});
|
||
this.$message.success('提交成功');
|
||
sessionStorage.setItem(invoiceReceiptListRefreshKey, '1');
|
||
this.goBack();
|
||
},
|
||
async syncReferenceData() {
|
||
if (!this.form.invoiceNo) {
|
||
this.$message.warning('请先选择金蝶票据池发票');
|
||
return;
|
||
}
|
||
const data = this.unwrapData(
|
||
await api.queryInvoicePool({ current: 1, size: 1, invoiceNo: this.form.invoiceNo })
|
||
);
|
||
const invoice = (data.records || []).find(item => item.invoiceNo === this.form.invoiceNo);
|
||
if (!invoice) {
|
||
this.$message.warning('金蝶票池未查询到该发票');
|
||
return;
|
||
}
|
||
if (!(await this.confirmInvoice(invoice, { preserveUserInput: true }))) return;
|
||
this.$message.success('同步成功');
|
||
},
|
||
goBack() {
|
||
this.$router.push('/payment/invoice-receipt');
|
||
},
|
||
formatMoney(value) {
|
||
return Number(value || 0).toFixed(2);
|
||
},
|
||
formatQuantity(value) {
|
||
const number = Number(value);
|
||
return Number.isFinite(number) ? String(number) : '-';
|
||
},
|
||
formatRateText(value) {
|
||
if (value === null || value === undefined || value === '') return '-';
|
||
return `${value}%`;
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.receipt-form-page__form {
|
||
padding-bottom: 72px;
|
||
}
|
||
.receipt-form-page__form :deep(.el-form-item) {
|
||
margin-bottom: 24px;
|
||
}
|
||
.receipt-form-page__form :deep(.el-select),
|
||
.receipt-form-page__form :deep(.el-input-number) {
|
||
width: 100%;
|
||
}
|
||
.receipt-form-page__overflow-trigger {
|
||
display: block;
|
||
width: 100%;
|
||
min-width: 0;
|
||
}
|
||
.receipt-form-page__form :deep(.el-tooltip__trigger:not(.el-select__wrapper)) {
|
||
display: block;
|
||
width: 100%;
|
||
}
|
||
.receipt-form-page__remark :deep(.el-form-item__content) {
|
||
margin-left: 0 !important;
|
||
}
|
||
.receipt-form-page__actions {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
padding: 12px 24px;
|
||
position: fixed;
|
||
right: 0;
|
||
left: 230px;
|
||
bottom: 0;
|
||
margin: 0;
|
||
z-index: 10;
|
||
background: #fff;
|
||
border-top: 1px solid #eff1f7;
|
||
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
|
||
}
|
||
:global(.avue--collapse .receipt-form-page__actions) {
|
||
left: 60px;
|
||
}
|
||
:global(.avue-layout--horizontal .receipt-form-page__actions) {
|
||
left: 0;
|
||
}
|
||
.receipt-form-page :deep(.el-table) {
|
||
--el-table-border-color: #eff1f7;
|
||
}
|
||
.receipt-form-page :deep(.el-table__row:nth-child(even) > td.el-table__cell) {
|
||
background: #fafafa;
|
||
}
|
||
@media (max-width: 900px) {
|
||
.receipt-form-page__form :deep(.el-col-6) {
|
||
max-width: 100%;
|
||
flex: 0 0 100%;
|
||
}
|
||
}
|
||
</style>
|