From 9a11e62adeb8d435b52a361eb62d5b59e1deef2a Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 23 五月 2024 21:14:50 +0800
Subject: [PATCH] 2024-05-23
---
src/tabviews/custom/components/module/invoice/index.jsx | 303 +++++++++++++++++++++++++++++++++++++-------------
1 files changed, 222 insertions(+), 81 deletions(-)
diff --git a/src/tabviews/custom/components/module/invoice/index.jsx b/src/tabviews/custom/components/module/invoice/index.jsx
index def7f66..ad7b49b 100644
--- a/src/tabviews/custom/components/module/invoice/index.jsx
+++ b/src/tabviews/custom/components/module/invoice/index.jsx
@@ -14,8 +14,6 @@
import SubTable from './subTable'
import './index.scss'
-const { confirm } = Modal
-
class InvoiceModule extends Component {
static propTpyes = {
config: PropTypes.object
@@ -56,7 +54,12 @@
tax_type: '',
reqfields: [],
requireds: [],
- timestamp: new Date().getTime() + ''
+ invoice_no: '',
+ invoice_code: '',
+ invoice_date: '',
+ read_only: false,
+ invoice_type_name: '',
+ timestamp: ''
}
UNSAFE_componentWillMount () {
@@ -81,6 +84,7 @@
_config.buyer = this.formatSetting(_config.buyer, 'buyer')
_config.detail = this.formatSetting(_config.detail, 'detail')
+ _config.detail.uuid = _config.uuid
let book = null
let pas = {}
@@ -145,6 +149,8 @@
cell.Hide = 'true'
} else if (['from_to_email', 'from_to_mob'].includes(cell.field)) {
cell.Width = 80
+ } else if (['from_to_name'].includes(cell.field)) {
+ cell.Width = 140
}
return cell
})
@@ -154,7 +160,7 @@
cell.field = 'tax_rate'
cell.label = '绋庣巼'
}
- if (['Description', 'id', 'small_tax_rate', 'free_tax_mark', 'vat_special_management'].includes(cell.field)) {
+ if (['Description', 'id', 'small_tax_rate', 'free_tax_mark', 'vat_special_management', 'tax_item', 'tax_method'].includes(cell.field)) {
cell.Hide = 'true'
} else if (['spec'].includes(cell.field)) {
cell.Width = 150
@@ -340,6 +346,17 @@
}
})
+ let invoice_type_name = ''
+ if (line.read_only === 'true') {
+ let types = book.invoice_type || []
+ types.forEach(item => {
+ if (item.value === line.invoice_type) {
+ invoice_type_name = item.label
+ }
+ })
+ invoice_type_name = invoice_type_name || line.invoice_type
+ }
+
this.setState({
ID: line[config.setting.primaryKey] || Utils.getguid(),
io: line.io,
@@ -365,6 +382,11 @@
reviewer: line.reviewer,
drawer: line.drawer,
details: details,
+ invoice_no: line.invoice_no,
+ invoice_code: line.invoice_code,
+ invoice_date: line.read_only === 'true' ? line.invoice_date : '',
+ read_only: line.read_only === 'true',
+ invoice_type_name: invoice_type_name,
oriDetails: fromJS(details).toJS(),
timestamp: new Date().getTime() + '',
loading: false
@@ -384,25 +406,22 @@
}
clearData = () => {
- const { from_to_tax_no, oriDetails, details } = this.state
-
- if (from_to_tax_no || oriDetails.length || details.length) {
- this.setState({
- from_to_name: '',
- from_to_tax_no: '',
- from_to_addr: '',
- from_to_tel: '',
- from_to_bank_name: '',
- from_to_account_no: '',
- from_to_mob: '',
- from_to_email: '',
- from_to_code: '',
- business_type: '',
- details: [],
- oriDetails: [],
- timestamp: new Date().getTime() + '',
- })
- }
+ this.setState({
+ ID: Utils.getguid(),
+ from_to_name: '',
+ from_to_tax_no: '',
+ from_to_addr: '',
+ from_to_tel: '',
+ from_to_bank_name: '',
+ from_to_account_no: '',
+ from_to_mob: '',
+ from_to_email: '',
+ from_to_code: '',
+ business_type: '',
+ details: [],
+ oriDetails: [],
+ timestamp: new Date().getTime() + '',
+ })
}
changeType = (val) => {
@@ -490,30 +509,16 @@
saveType: ''
})
if (res.status) {
- const that = this
-
- confirm({
- title: '淇濆瓨鎴愬姛銆�',
- okText: '缁х画濉紑',
- cancelText: '鍏抽棴',
- onOk() {
- if (config.billSaveBtn.reTabId) {
- MKEmitter.emit('reloadMenuView', config.billSaveBtn.reTabId, 'table')
- }
- if (config.billSaveBtn.syncComId) {
- MKEmitter.emit('reloadData', config.billSaveBtn.syncComId)
- }
- that.clearData()
- },
- onCancel() {
- if (config.billSaveBtn.reTabId) {
- MKEmitter.emit('reloadMenuView', config.billSaveBtn.reTabId, 'table')
- }
- if (config.billSaveBtn.syncComId) {
- MKEmitter.emit('reloadData', config.billSaveBtn.syncComId)
- }
- MKEmitter.emit('closeTabView', config.$pageId)
- }
+ if (config.billSaveBtn.reTabId) {
+ MKEmitter.emit('reloadMenuView', config.billSaveBtn.reTabId, 'table')
+ }
+ if (config.billSaveBtn.syncComId) {
+ MKEmitter.emit('reloadData', config.billSaveBtn.syncComId)
+ }
+ notification.success({
+ top: 92,
+ message: '淇濆瓨鎴愬姛銆�',
+ duration: 5
})
} else {
notification.warning({
@@ -535,6 +540,22 @@
outBill = () => {
const { config, BID, saveType } = this.state
+
+ if (window.GLOB.storeFiles) {
+ if (!window.GLOB.storeDate || window.GLOB.storeDate < 0) {
+ Modal.warning({
+ title: `鐢靛瓙妗ｆ瀛樺偍鍖呭凡杩囨湡銆俙,
+ okText: '鐭ラ亾浜�'
+ })
+ return
+ } else if (window.GLOB.storeDate < 30) {
+ notification.warning({
+ top: 92,
+ message: `鐢靛瓙妗ｆ瀛樺偍鍖呰繕鍓�${window.GLOB.storeDate}澶┿�俙,
+ duration: 5
+ })
+ }
+ }
if (window.GLOB.systemType === 'production' && !config.billOutBtn.proInterface) {
notification.warning({
@@ -792,11 +813,18 @@
param.data.invoiceTypeCode = trans[param.data.invoiceTypeCode] || ''
+ if (window.GLOB.storeFiles) {
+ param.store = true
+ }
+
let url = ''
if (window.GLOB.systemType === 'production') {
url = config.billOutBtn.proInterface
} else {
url = config.billOutBtn.interface
+ }
+ if (!/^http/.test(url)) {
+ url = window.location.origin + url
}
let _params = {
@@ -854,11 +882,12 @@
})
keys = keys.join(',')
+ vals = vals.join(',')
lines.push({
table: md5(tb + keys),
- insert: `Insert into ${tbName} (${keys},[mk_level],[mk_id],[mk_bid])`,
- select: `Select ${vals.join(',')},'${level}','${id}','${bid}'`
+ insert: `Insert into ${tbName} (${keys ? keys + ',' : ''}[mk_level],[mk_id],[mk_bid])`,
+ select: `Select ${keys ? vals + ',' : ''}'${level}','${id}','${bid}'`
})
subObjs.forEach(item => {
@@ -952,40 +981,28 @@
}
Api.genericInterface(param).then(res => {
+ this.setState({
+ saveType: ''
+ })
if (res.status) {
- const that = this
+ if (config.billOutBtn.reTabId) {
+ MKEmitter.emit('reloadMenuView', config.billOutBtn.reTabId, 'table')
+ }
+ if (config.billOutBtn.syncComId) {
+ MKEmitter.emit('reloadData', config.billOutBtn.syncComId)
+ }
+ this.clearData()
- confirm({
- title: '淇濆瓨鎴愬姛銆�',
- okText: '缁х画濉紑',
- cancelText: '鍏抽棴',
- onOk() {
- if (config.billOutBtn.reTabId) {
- MKEmitter.emit('reloadMenuView', config.billOutBtn.reTabId, 'table')
- }
- if (config.billOutBtn.syncComId) {
- MKEmitter.emit('reloadData', config.billOutBtn.syncComId)
- }
- that.clearData()
- },
- onCancel() {
- if (config.billOutBtn.reTabId) {
- MKEmitter.emit('reloadMenuView', config.billOutBtn.reTabId, 'table')
- }
- if (config.billOutBtn.syncComId) {
- MKEmitter.emit('reloadData', config.billOutBtn.syncComId)
- }
- MKEmitter.emit('closeTabView', config.$pageId)
- }
+ notification.success({
+ top: 92,
+ message: '寮�绁ㄦ垚鍔熴��',
+ duration: 5
})
} else {
notification.warning({
top: 92,
message: res.message,
duration: 5
- })
- this.setState({
- saveType: ''
})
}
})
@@ -1031,16 +1048,138 @@
})
}
- render() {
- const { config, book, loading, invTypes, reqfields, saveType, date, timestamp, invoice_type, from_to_name, from_to_tax_no, from_to_addr, from_to_tel, from_to_bank_name, from_to_account_no, from_to_mob, from_to_email, orgname, tax_no, addr, tel, bank_name, account_no, remark, reviewer, drawer, payee, details, visible, tax_type } = this.state
+ addInvice = () => {
+ const { saveType } = this.state
- if (!book || (config.wrap.datatype === 'dynamic' && !tax_no)) {
+ if (saveType) {
+ notification.warning({
+ top: 92,
+ message: saveType === 'bill' ? '鍗曟嵁淇濆瓨涓紝璇风◢鍚庛��' : '寮�绁ㄤ腑锛岃绋嶅悗銆�',
+ duration: 3
+ })
+ return
+ }
+
+ this.clearData()
+
+ notification.success({
+ top: 92,
+ message: '鍗曟嵁宸叉洿鏂般��',
+ duration: 3
+ })
+ }
+
+ // jumpSys = () => {
+ // window.open(`${window.location.origin}/kgcs/thirdPlatFormLogin?userName=admin&taxCode=91120222MA07GMNW97&taxName=澶╂触鐣呬韩鏁板瓧绉戞妧鏈夐檺鍏徃`)
+ // }
+
+ render() {
+ const { config, book, loading, invTypes, reqfields, saveType, date, timestamp, invoice_type, from_to_name, from_to_tax_no, from_to_addr, from_to_tel, from_to_bank_name, from_to_account_no, from_to_mob, from_to_email, orgname, tax_no, addr, tel, bank_name, account_no, remark, reviewer, drawer, payee, details, visible, tax_type, invoice_no, invoice_code, invoice_date, read_only, invoice_type_name } = this.state
+
+ if (!book || (config.wrap.datatype === 'dynamic' && !timestamp)) {
return <div className="menu-invoice-wrap" style={config.style}>
<div className="loading-mask">
<div className="ant-spin-blur"></div>
<Spin />
</div>
</div>
+ }
+
+ if (read_only) {
+ return (
+ <div className="menu-invoice-wrap read_only" style={config.style}>
+ {loading ?
+ <div className="loading-mask">
+ <div className="ant-spin-blur"></div>
+ <Spin />
+ </div> : null
+ }
+ <div className="inv-action">
+ {config.wrap.backBtn === 'show' ? <Button className="mk-back" onClick={this.goback}><LeftOutlined />杩斿洖</Button> : null}
+ </div>
+ <div className="inv-header">
+ <div className="inv-type">{invoice_type_name}</div>
+ <div className="inv-msg">
+ {invoice_no ? <div>鍙戠エ鍙风爜锛歿invoice_no}</div> : null}
+ {invoice_code ? <div>鍙戠エ浠ｇ爜锛歿invoice_code}</div> : null}
+ {invoice_date ? <div>寮�绁ㄦ棩鏈燂細{invoice_date}</div> : null}
+ </div>
+ </div>
+ <div className="inv-body">
+ <div className="inv-main-content">
+ <div className="inv-buyer">
+ <div className="inv-label">璐拱鏂�</div>
+ <div className="inv-content">
+ <Form.Item className="mk-name" label={<>鍚�<span></span>绉�</>}>
+ {from_to_name}
+ </Form.Item>
+ <Form.Item label="绾崇◣浜鸿瘑鍒彿">
+ {from_to_tax_no}
+ </Form.Item>
+ <Form.Item label={<>鍦�<span></span>鍧�<span></span>銆�<span></span>鐢�<span></span>璇�</>}>
+ {from_to_addr + ' ' + from_to_tel}
+ </Form.Item>
+ <Form.Item label="寮�鎴疯鍙婅处鍙�">
+ {from_to_bank_name + ' ' + from_to_account_no}
+ </Form.Item>
+ </div>
+ </div>
+ <div className="inv-notice">
+ <div className="inv-label">閫氱煡鍒�</div>
+ <div className="inv-content">
+ <Form.Item label={<>鎵�<span></span>鏈�<span></span>鍙�</>}>
+ {from_to_mob}
+ </Form.Item>
+ <Form.Item label={<>閭�<span></span>绠�</>}>
+ {from_to_email}
+ </Form.Item>
+ </div>
+ </div>
+ </div>
+ <div className="inv-details">
+ <InvoiceTable data={details} timestamp={timestamp} read_only={true} config={config.detail} tax_type={tax_type} onChange={(details) => this.setState({details})}/>
+ </div>
+ <div className="inv-main-content">
+ <div className="inv-buyer">
+ <div className="inv-label">閿�鍞柟</div>
+ <div className="inv-content">
+ <Form.Item label={<>鍚�<span></span>绉�</>}>
+ {orgname}
+ </Form.Item>
+ <Form.Item label="绾崇◣浜鸿瘑鍒彿">
+ {tax_no}
+ </Form.Item>
+ <Form.Item label={<>鍦�<span></span>鍧�<span></span>銆�<span></span>鐢�<span></span>璇�</>}>
+ {addr + ' ' + tel}
+ </Form.Item>
+ <Form.Item label="寮�鎴疯鍙婅处鍙�">
+ {bank_name + ' ' + account_no}
+ </Form.Item>
+ </div>
+ </div>
+ <div className="inv-notice">
+ <div className="inv-label">澶囨敞</div>
+ <div className="inv-content" style={{paddingTop: '30px'}}>
+ <Form.Item label="">
+ {remark}
+ </Form.Item>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div className="inv-tail">
+ <Form.Item label="鏀舵浜�">
+ {payee}
+ </Form.Item>
+ <Form.Item label="澶嶆牳浜�">
+ {reviewer}
+ </Form.Item>
+ <Form.Item label="寮�绁ㄤ汉">
+ {drawer}
+ </Form.Item>
+ </div>
+ </div>
+ )
}
return (
@@ -1053,6 +1192,8 @@
}
<div className="inv-action">
{config.wrap.backBtn === 'show' ? <Button className="mk-back" onClick={this.goback}><LeftOutlined />杩斿洖</Button> : null}
+ {/* <Button className="mk-addinv" onClick={this.jumpSys}>璺宠浆</Button> */}
+ <Button className="mk-addinv" onClick={this.addInvice}>鏂板鍙戠エ</Button>
<Button className="mk-bill" loading={saveType === 'bill'} onClick={this.saveBill}>淇濆瓨鍗曟嵁</Button>
<Button className="mk-submit" loading={saveType === 'out'} onClick={this.outBill}>鎻愪氦寮�绁�</Button>
</div>
@@ -1073,7 +1214,7 @@
<div className="inv-buyer">
<div className="inv-label">璐拱鏂�</div>
<div className="inv-content">
- <Form.Item required={reqfields.includes('from_to_name')} label={<>鍚�<span></span>绉�</>} extra={<EllipsisOutlined onClick={() => this.setState({visible: true})}/>}>
+ <Form.Item className="mk-name" required={reqfields.includes('from_to_name')} label={<>鍚�<span></span>绉�</>} extra={<EllipsisOutlined onClick={() => this.setState({visible: true})}/>}>
<Input placeholder="璇疯緭鍏ヨ喘涔版柟鍚嶇О" allowClear value={from_to_name} autoComplete="off" onChange={(e) => this.setState({from_to_name: e.target.value})}/>
</Form.Item>
<Form.Item required={reqfields.includes('from_to_tax_no')} label="绾崇◣浜鸿瘑鍒彿">
@@ -1102,7 +1243,7 @@
</div>
</div>
<div className="inv-details">
- <InvoiceTable data={details} timestamp={timestamp} config={config.detail} tax_type={tax_type} onChange={(details) => this.setState({details})}/>
+ <InvoiceTable data={details} timestamp={timestamp} read_only={false} config={config.detail} tax_type={tax_type} onChange={(details) => this.setState({details})}/>
</div>
<div className="inv-main-content">
<div className="inv-buyer">
@@ -1148,7 +1289,7 @@
<Modal
title="瀹㈡埛淇℃伅"
visible={visible}
- width="70vw"
+ width="75vw"
maskClosable={false}
onCancel={() => { this.setState({ visible: false }) }}
footer={null}
--
Gitblit v1.8.0