显示状态

src/stores/Invoice.js

@@ -223,6 +223,27 @@ class Invoice {
 		});
 	}
 
+	//账单状态
+	invoiceStatus(FKState) {
+		switch (FKState - 1) {
+			case 1:
+				return "Submitted";
+				break;
+			case 2:
+				return "Travel Advisor";
+				break;
+			case 3:
+				return "Finance Dept";
+				break;
+			case 4:
+				return "Paid";
+				break;
+			default:
+				return "";
+				break;
+		}
+	}
+
 	/* 测试数据 */
 	//账单列表范例数据
 	testData = [
@@ -241,6 +262,7 @@ class Invoice {
 			GMD_FillWorkers_Name: "",
 			GroupName: " 中华游230501-CA230402033",
 			AllMoney: 3539,
+			FKState: 1,
 			GMD_Currency: "",
 			PersonNum: "1大1小",
 			VName: "",

src/views/invoice/Detail.jsx

@@ -188,18 +188,20 @@ function Detail() {
 					<Row key={data.GMD_SN} gutter={16} style={{ backgroundColor: "#f6f7f9", width: "100%", padding: "20px 40px" }}>
 						<Col span={4}></Col>
 						<Col span={18}>
-							<Divider orientation="left">Invoice {index + 1}</Divider>
-							<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 title={"Detail"}>
+							<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)}