From d6d1495c02b6ece4dcf425b26930545aa97123a1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E9=B9=8F?= <zhaopeng@hainatravel.com>
Date: Wed, 31 May 2023 14:51:36 +0800
Subject: [PATCH] =?UTF-8?q?=E8=99=9A=E6=8B=9F=E5=9B=A2=E6=8A=A5=E8=B4=A6?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/invoice/Detail.jsx | 282 ++++++++++++++++++-----------------
 1 file changed, 148 insertions(+), 134 deletions(-)

diff --git a/src/views/invoice/Detail.jsx b/src/views/invoice/Detail.jsx
index b07ab0d..fe7b851 100644
--- a/src/views/invoice/Detail.jsx
+++ b/src/views/invoice/Detail.jsx
@@ -35,44 +35,47 @@ function Detail() {
 			.fetchInvoiceDetail(GMDSN, GSN)
 			.then(json => {
 				let ZDDetail = json.ZDDetail;
-				let arrLen = ZDDetail.length;
-				const formData = ZDDetail.map((data, index) => {
-					if (data.GMD_Dealed == false && arrLen == index + 1) {
-						//只有最后一条账单未审核通过才显示
-						runInAction(() => {
-							invoiceStore.invoiceFormData = { info_money: data.GMD_Cost, info_Currency: data.GMD_Currency, info_date: isNotEmpty(data.GMD_PayDate) ? dayjs(data.GMD_PayDate) : "", info_gmdsn: data.GMD_SN };
-						});
-						return { info_money: data.GMD_Cost, info_Currency: data.GMD_Currency, info_date: isNotEmpty(data.GMD_PayDate) ? dayjs(data.GMD_PayDate) : "", info_gmdsn: data.GMD_SN };
-					}
-				});
 
-				if (form) {
-					form.setFieldsValue(formData[arrLen - 1]); //{'info_money':'111','info_Currency':'THB','info_date':''}
-				}
+				if (isNotEmpty(ZDDetail)){
+					let arrLen = ZDDetail.length;
+					const formData = ZDDetail.map((data, index) => {
+						if (data.GMD_Dealed == false && arrLen == index + 1) {
+							//只有最后一条账单未审核通过才显示
+							runInAction(() => {
+								invoiceStore.invoiceFormData = { info_money: data.GMD_Cost, info_Currency: data.GMD_Currency, info_date: isNotEmpty(data.GMD_PayDate) ? dayjs(data.GMD_PayDate) : "", info_gmdsn: data.GMD_SN };
+							});
+							return { info_money: data.GMD_Cost, info_Currency: data.GMD_Currency, info_date: isNotEmpty(data.GMD_PayDate) ? dayjs(data.GMD_PayDate) : "", info_gmdsn: data.GMD_SN };
+						}
+					});
 
-				//图片列表
-				let arrPicList = ZDDetail.map((data, index) => {
-					const GMD_Pic = data.GMD_Pic;
-					let picList = [];
-					if (isNotEmpty(GMD_Pic)) {
-						let js_Pic = JSON.parse(GMD_Pic);
-						picList = js_Pic.map((picData, pic_Index) => {
-							return {
-								uid: -pic_Index, //用负数，防止添加删除的时候错误
-								name: "",
-								status: "done",
-								url: picData.url,
-							};
-						});
+					if (form) {
+						form.setFieldsValue(formData[arrLen - 1]); //{'info_money':'111','info_Currency':'THB','info_date':''}
 					}
-					if (data.GMD_Dealed == false && arrLen == index + 1) {
-						runInAction(() => {
-							invoiceStore.invoicekImages = picList;
-						});
-					}
-					return picList;
-				});
-				setInvoicePicList(arrPicList);
+
+					//图片列表
+					let arrPicList = ZDDetail.map((data, index) => {
+						const GMD_Pic = data.GMD_Pic;
+						let picList = [];
+						if (isNotEmpty(GMD_Pic)) {
+							let js_Pic = JSON.parse(GMD_Pic);
+							picList = js_Pic.map((picData, pic_Index) => {
+								return {
+									uid: -pic_Index, //用负数，防止添加删除的时候错误
+									name: "",
+									status: "done",
+									url: picData.url,
+								};
+							});
+						}
+						if (data.GMD_Dealed == false && arrLen == index + 1) {
+							runInAction(() => {
+								invoiceStore.invoicekImages = picList;
+							});
+						}
+						return picList;
+					});
+					setInvoicePicList(arrPicList);
+				}
 			})
 			.catch(ex => {
 				notification.error({
@@ -181,107 +184,118 @@ function Detail() {
 
 	//循环生成多次报账信息
 	function bindSubmitForm() {
-		let submitForm = invoiceZDDetail.map((data, index) => {
-			if (data.GMD_Dealed) {
-				//已审核的直接显示信息即可，无需表单
-				return (
-					<Row key={data.GMD_SN} gutter={16} style={{ backgroundColor: "#f6f7f9", width: "100%", padding: "20px 40px" }}>
-						<Col span={4}></Col>
-						<Col span={18}>
-							<Descriptions column={4} title={"Invoice " + index + 1}>
-								<Descriptions.Item span={4}>
-									<Upload
-										name="ghhfile"
-										// accept="image/*" 不限制类型
-										multiple={true}
-										action={config.HT_HOST + `/service-fileServer/FileUpload?GRI_SN=${GSN}&VEI_SN=${authStore.login.travelAgencyId}&FilePathName=invoice&token=${authStore.login.token}`}
-										fileList={invoicePicList[index]}
-										listType="picture-card"></Upload>
-								</Descriptions.Item>
-								<Descriptions.Item label="Amount">{data.GMD_Cost}</Descriptions.Item>
-								<Descriptions.Item label="Currency">{data.GMD_Currency}</Descriptions.Item>
-								<Descriptions.Item label="Due Dat">{data.GMD_PayDate}</Descriptions.Item>
-								<Descriptions.Item label="Status">{invoiceStore.invoiceStatus(data.FKState)}</Descriptions.Item>
-							</Descriptions>
+		let submitForm =null;
+		if (isNotEmpty(invoiceZDDetail)){
+			submitForm = invoiceZDDetail.map((data, index) => {
+				if (data.GMD_Dealed) {
+					//已审核的直接显示信息即可，无需表单
+					return (
+						<Row key={data.GMD_SN} gutter={16} style={{ backgroundColor: "#f6f7f9", width: "100%", padding: "20px 40px" }}>
+							<Col span={4}></Col>
+							<Col span={18}>
+								<Descriptions column={4} title={"Invoice " + index + 1}>
+									<Descriptions.Item span={4}>
+										<Upload
+											name="ghhfile"
+											// accept="image/*" 不限制类型
+											multiple={true}
+											action={config.HT_HOST + `/service-fileServer/FileUpload?GRI_SN=${GSN}&VEI_SN=${authStore.login.travelAgencyId}&FilePathName=invoice&token=${authStore.login.token}`}
+											fileList={invoicePicList[index]}
+											listType="picture-card"></Upload>
+									</Descriptions.Item>
+									<Descriptions.Item label="Amount">{data.GMD_Cost}</Descriptions.Item>
+									<Descriptions.Item label="Currency">{data.GMD_Currency}</Descriptions.Item>
+									<Descriptions.Item label="Due Dat">{data.GMD_PayDate}</Descriptions.Item>
+									<Descriptions.Item label="Status">{invoiceStore.invoiceStatus(data.FKState)}</Descriptions.Item>
+								</Descriptions>
 
-							{addButton(index + 1 == invoiceZDDetail.length)}
-						</Col>
-						<Col span={4}></Col>
-					</Row>
-				);
-			} else {
-				// 一个团只能有一个未审核的账单记录
-				return (
-					<Row key={data.GMD_SN} gutter={16} style={{ backgroundColor: "#f6f7f9", width: "100%", padding: "20px 40px" }}>
-						<Col span={4}></Col>
-						<Col span={18}>
-							<Form name="invoice_submit" onFinish={onFinish} labelCol={{ span: 5 }} form={form} style={{ backgroundColor: "#fff", padding: "20px" }}>
-								<Divider orientation="left">Invoice {index + 1}</Divider>
-								<Form.Item>
-									<Upload
-										name="ghhfile"
-										multiple={true}
-										action={config.HT_HOST + `/service-fileServer/FileUpload?GRI_SN=${GSN}&VEI_SN=${authStore.login.travelAgencyId}&FilePathName=invoice&token=${authStore.login.token}`}
-										fileList={fileList}
-										listType="picture-card"
-										onChange={handleChange}
-										onRemove={handRemove}>
-										<div>
-											<PlusOutlined />
-											<div style={{ marginTop: 8 }}>Click to Upload</div>
-										</div>
-									</Upload>
-								</Form.Item>
-								<Divider orientation="left">Details</Divider>
-								<Row gutter={16}>
-									<Col span={8}>
-										{" "}
-										<Form.Item
-											name="info_money"
-											label="Amount："
-											rules={[
-												{
-													required: true,
-													message: "Please input your money!",
-												},
-											]}>
-											<Input />
-										</Form.Item>
-									</Col>
-									<Col span={8}>
-										<Form.Item
-											name="info_Currency"
-											label="Currency："
-											rules={[
-												{
-													required: true,
-													message: "Please select Currency type!",
-												},
-											]}>
-											<Select placeholder="Select Currency type" onChange={onCurrencyChange} options={bindCurrency()}></Select>
-										</Form.Item>
-									</Col>
-									<Col span={8}>
-										<Form.Item name="info_date" label="Due Date: ">
-											<DatePicker />
-										</Form.Item>
-									</Col>
-								</Row>
-								<Form.Item name="info_gmdsn" hidden={true}>
-									<input />
-								</Form.Item>
-								<Form.Item>
-									<Button type="primary" htmlType="submit">
-										Submit
-									</Button>
-								</Form.Item>
-							</Form>
-						</Col>
-						<Col span={4}></Col>
-					</Row>
-				);
+								{addButton(index + 1 == invoiceZDDetail.length)}
+							</Col>
+							<Col span={4}></Col>
+						</Row>
+					);
+				} else {
+					// 一个团只能有一个未审核的账单记录
+					return (
+						<Row key={data.GMD_SN} gutter={16} style={{ backgroundColor: "#f6f7f9", width: "100%", padding: "20px 40px" }}>
+							<Col span={4}></Col>
+							<Col span={18}>
+								<Form name="invoice_submit" onFinish={onFinish} labelCol={{ span: 5 }} form={form} style={{ backgroundColor: "#fff", padding: "20px" }}>
+									<Divider orientation="left">Invoice {index + 1}</Divider>
+									<Form.Item>
+										<Upload
+											name="ghhfile"
+											multiple={true}
+											action={config.HT_HOST + `/service-fileServer/FileUpload?GRI_SN=${GSN}&VEI_SN=${authStore.login.travelAgencyId}&FilePathName=invoice&token=${authStore.login.token}`}
+											fileList={fileList}
+											listType="picture-card"
+											onChange={handleChange}
+											onRemove={handRemove}>
+											<div>
+												<PlusOutlined />
+												<div style={{ marginTop: 8 }}>Click to Upload</div>
+											</div>
+										</Upload>
+									</Form.Item>
+									<Divider orientation="left">Details</Divider>
+									<Row gutter={16}>
+										<Col span={8}>
+											{" "}
+											<Form.Item
+												name="info_money"
+												label="Amount："
+												rules={[
+													{
+														required: true,
+														message: "Please input your money!",
+													},
+												]}>
+												<Input />
+											</Form.Item>
+										</Col>
+										<Col span={8}>
+											<Form.Item
+												name="info_Currency"
+												label="Currency："
+												rules={[
+													{
+														required: true,
+														message: "Please select Currency type!",
+													},
+												]}>
+												<Select placeholder="Select Currency type" onChange={onCurrencyChange} options={bindCurrency()}></Select>
+											</Form.Item>
+										</Col>
+										<Col span={8}>
+											<Form.Item name="info_date" label="Due Date: ">
+												<DatePicker />
+											</Form.Item>
+										</Col>
+									</Row>
+									<Form.Item name="info_gmdsn" hidden={true}>
+										<input />
+									</Form.Item>
+									<Form.Item>
+										<Button type="primary" htmlType="submit">
+											Submit
+										</Button>
+									</Form.Item>
+								</Form>
+							</Col>
+							<Col span={4}></Col>
+						</Row>
+					);
+				}
+			});
+		}else{
+			submitForm = ()=>{
+				return(
+					<>
+					{addButton(1==1)}
+					</>
+				);				
 			}
-		});
+		}
 		return submitForm;
 	}