Haina
/
GHHub
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

表格展示数据

Browse Source
release
YCC 2 years ago
parent 0492623a32
commit 613767916b
3 changed files with 290 additions and 233 deletions
Show Stats Download Patch File Download Diff File

1
src/stores/Notice.js
Unescape Escape View File

@ -21,7 +21,6 @@ class Notice {
fetch(config.HT_HOST + url)
.then(response => response.json())
.then(json => {
console.log(json);
runInAction(() => {
this.noticeList = json.Result;
});

6
src/stores/Report.js
Unescape Escape View File

@ -28,7 +28,7 @@ class Report {
getHWVendorScores(VEI_SN, StartDate, EndDate) {
this.loading = true; //HT_HOST +
const fetchUrl = prepareUrl("http://202.103.68.231:889/service-cusservice/PTGetHWVendorScores")
.append("VEI_SN", 32865)
.append("VEI_SN", VEI_SN)
.append("StartDate", StartDate)
.append("EndDate", EndDate)
.append("StrDEI_SN", "(,-1,)")
@ -56,7 +56,7 @@ class Report {
getHWProductScores(VEI_SN, StartDate, EndDate) {
this.loading = true; //HT_HOST +
const fetchUrl = prepareUrl("http://202.103.68.231:889/service-cusservice/PTGetHWProductScores")
.append("VEI_SN", 1511)
.append("VEI_SN", VEI_SN)
.append("StartDate", StartDate)
.append("EndDate", EndDate)
.append("StrDEI_SN", "(,-1,)")
@ -84,7 +84,7 @@ class Report {
getHWCommendScores(VEI_SN, StartDate, EndDate) {
this.loading = true; //HT_HOST +
const fetchUrl = prepareUrl("http://202.103.68.231:889/service-cusservice/PTGetHWCommendScores")
.append("VEI_SN", 1511)
.append("VEI_SN", VEI_SN)
.append("StartDate", StartDate)
.append("EndDate", EndDate)
.append("StrDEI_SN", "(,-1,)")

516
src/views/report/Index.jsx
Unescape Escape View File

@ -268,7 +268,7 @@ function Index() {
<Title level={3}></Title>
<Row ref={targetRef}>
<Col md={24} lg={24} xxl={24}>
<Col md={24} lg={13} xxl={13}>
<Descriptions title="Primary Data" layout="vertical" bordered column={8}>
<Descriptions.Item label="Groups">{evaluationScores.Groups}</Descriptions.Item>
<Descriptions.Item label="Number of People">{evaluationScores.PersonNum}</Descriptions.Item>
@ -281,237 +281,231 @@ function Index() {
</Descriptions>
</Col>
<Col md={24} lg={24} xxl={24}>
<Col md={24} lg={13} xxl={13}>
<Divider orientation="left">Monthly Data</Divider>
<Table dataSource={vendorScoresData.MonthlyData} columns={columns_month} pagination={false} bordered />
</Col>
<Col md={24} lg={24} xxl={24}>
<Col md={24} lg={13} xxl={13}>
<Divider orientation="center">
地接考核分数 Final Scores:
<Typography.Title level={3} type="danger">
{evaluationScores.FinalScores}
</Typography.Title>
</Divider>
<div class="ant-table-wrapper css-dev-only-do-not-override-3op25v">
<div class="ant-spin-nested-loading css-dev-only-do-not-override-3op25v">
<div class="ant-spin-container">
<div class="ant-table ant-table-bordered">
<div class="ant-table-container">
<div class="ant-table-content">
<table style={{ textAlign: "center" }}>
<thead class="ant-table-thead">
<tr>
<th class="ant-table-cell" scope="col">
Customer Satisfaction
</th>
<th class="ant-table-cell" scope="col">
3 scores
</th>
<th class="ant-table-cell" scope="col">
4 scores
</th>
<th class="ant-table-cell" scope="col">
5 scores
</th>
<th class="ant-table-cell" scope="col">
Your Scores
</th>
<th class="ant-table-cell" scope="col">
Final Scores
</th>
<th class="ant-table-cell" scope="col">
备注
</th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">TP review rating</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">30%</td>
<td class="ant-table-cell">60%</td>
<td class="ant-table-cell">{evaluationScores.TPReviewRating}</td>
<td class="ant-table-cell" rowspan="5">
{evaluationScores.AvgCusSatisfaction}
</td>
<td class="ant-table-cell">{evaluationScores.TPReviewRatingText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Post tour complaints</td>
<td class="ant-table-cell">1</td>
<td class="ant-table-cell">0</td>
<td class="ant-table-cell">0</td>
<td class="ant-table-cell">{evaluationScores.PostTourComplaints}</td>
<td class="ant-table-cell">{evaluationScores.PostTourComplaintsText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Complaints resolved during the tour</td>
<td class="ant-table-cell" colspan="3">
3
</td>
<td class="ant-table-cell">{evaluationScores.ComplaintsDuringTour}</td>
<td class="ant-table-cell">{evaluationScores.ComplaintsDuringTourText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Customer photos</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">30%</td>
<td class="ant-table-cell">50%</td>
<td class="ant-table-cell">{evaluationScores.CustomerPhotoRate}</td>
<td class="ant-table-cell">{evaluationScores.CustomerPhotoRateText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Evaluation scores</td>
<td class="ant-table-cell" colspan="3">
4.5
</td>
<td class="ant-table-cell">{evaluationScores.EvaluationFormScore}</td>
<td class="ant-table-cell">{evaluationScores.EvaluationFormScoreText}</td>
</tr>
</tbody>
</table>
<br />
<table style={{ textAlign: "center" }}>
<thead class="ant-table-thead">
<tr>
<th class="ant-table-cell" scope="col">
Operator Support & Local resources
</th>
<th class="ant-table-cell" scope="col">
3 scores
</th>
<th class="ant-table-cell" scope="col">
4 scores
</th>
<th class="ant-table-cell" scope="col">
5 scores
</th>
<th class="ant-table-cell" scope="col">
Your Scores
</th>
<th class="ant-table-cell" scope="col">
Final Scores
</th>
<th class="ant-table-cell" scope="col">
备注
</th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Response efficiency</td>
<td class="ant-table-cell">1d</td>
<td class="ant-table-cell">6hrs</td>
<td class="ant-table-cell">3hrs</td>
<td class="ant-table-cell">{evaluationScores.ResponseEfficiency}</td>
<td class="ant-table-cell" rowspan="6">
{evaluationScores.AvgLocalResources}
</td>
<td class="ant-table-cell">{evaluationScores.ResponseEfficiencyText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Provide suggestions and alternatives</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">{evaluationScores.ProvideSuggestions}</td>
<td class="ant-table-cell">{evaluationScores.ProvideSuggestionsText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Provide local tourism information</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">{evaluationScores.ProvideLocalInfo}</td>
<td class="ant-table-cell">{evaluationScores.ProvideLocalInfoText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Assist in developing exclusive products</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">{evaluationScores.ExclusiveProducts}</td>
<td class="ant-table-cell">{evaluationScores.ExclusiveProductsText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Dedicated tour guide team for AH</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">{evaluationScores.DedicatedTourGuide}</td>
<td class="ant-table-cell">{evaluationScores.DedicatedTourGuideText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Partner hotels with contracted rate</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">{evaluationScores.PartnerHotels}</td>
<td class="ant-table-cell">{evaluationScores.PartnerHotelsText}</td>
</tr>
</tbody>
</table>
<br />
<table style={{ textAlign: "center" }}>
<thead class="ant-table-thead">
<tr>
<th class="ant-table-cell" scope="col">
Pricing & Settlement （20%）
</th>
<th class="ant-table-cell" scope="col">
3 scores
</th>
<th class="ant-table-cell" scope="col">
4 scores
</th>
<th class="ant-table-cell" scope="col">
5 scores
</th>
<th class="ant-table-cell" scope="col">
Your Scores
</th>
<th class="ant-table-cell" scope="col">
Final Scores
</th>
<th class="ant-table-cell" scope="col">
备注
</th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Quotation</td>
<td class="ant-table-cell">Package</td>
<td class="ant-table-cell">Day tours</td>
<td class="ant-table-cell">Individual services</td>
<td class="ant-table-cell">{evaluationScores.Quotation}</td>
<td class="ant-table-cell" rowspan="3">
{evaluationScores.AvgPricingAndSettlement}
</td>
<td class="ant-table-cell">{evaluationScores.QuotationText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Settlement</td>
<td class="ant-table-cell">Prepayment</td>
<td class="ant-table-cell">Monthly Prepayment</td>
<td class="ant-table-cell">Monthly settlement after the tours</td>
<td class="ant-table-cell">{evaluationScores.Settlement}</td>
<td class="ant-table-cell">{evaluationScores.SettlementText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Cancellation policy</td>
<td class="ant-table-cell">30 days</td>
<td class="ant-table-cell">21 days</td>
<td class="ant-table-cell">1 day</td>
<td class="ant-table-cell">{evaluationScores.CancellationPolicy}</td>
<td class="ant-table-cell">{evaluationScores.CancellationPolicyText}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="ant-table-wrapper ant-spin-nested-loading css-dev-only-do-not-override-3op25v ant-spin-container">
<div class="ant-table ant-table-bordered">
<div class="ant-table-container ant-table-content">
<table style={{ textAlign: "center" }}>
<thead class="ant-table-thead">
<tr>
<th class="ant-table-cell" scope="col">
Customer Satisfaction
</th>
<th class="ant-table-cell" scope="col">
3 scores
</th>
<th class="ant-table-cell" scope="col">
4 scores
</th>
<th class="ant-table-cell" scope="col">
5 scores
</th>
<th class="ant-table-cell" scope="col">
Your Scores
</th>
<th class="ant-table-cell" scope="col">
Final Scores
</th>
<th class="ant-table-cell" scope="col">
备注
</th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">TP review rating</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">30%</td>
<td class="ant-table-cell">60%</td>
<td class="ant-table-cell">{evaluationScores.TPReviewRating}</td>
<td class="ant-table-cell" rowspan="5">
{evaluationScores.AvgCusSatisfaction}
</td>
<td class="ant-table-cell">{evaluationScores.TPReviewRatingText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Post tour complaints</td>
<td class="ant-table-cell">1</td>
<td class="ant-table-cell">0</td>
<td class="ant-table-cell">0</td>
<td class="ant-table-cell">{evaluationScores.PostTourComplaints}</td>
<td class="ant-table-cell">{evaluationScores.PostTourComplaintsText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Complaints resolved during the tour</td>
<td class="ant-table-cell" colspan="3">
3
</td>
<td class="ant-table-cell">{evaluationScores.ComplaintsDuringTour}</td>
<td class="ant-table-cell">{evaluationScores.ComplaintsDuringTourText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Customer photos</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">30%</td>
<td class="ant-table-cell">50%</td>
<td class="ant-table-cell">{evaluationScores.CustomerPhotoRate}</td>
<td class="ant-table-cell">{evaluationScores.CustomerPhotoRateText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Evaluation scores</td>
<td class="ant-table-cell" colspan="3">
4.5
</td>
<td class="ant-table-cell">{evaluationScores.EvaluationFormScore}</td>
<td class="ant-table-cell">{evaluationScores.EvaluationFormScoreText}</td>
</tr>
</tbody>
</table>
<br />
<table style={{ textAlign: "center" }}>
<thead class="ant-table-thead">
<tr>
<th class="ant-table-cell" scope="col">
Operator Support & Local resources
</th>
<th class="ant-table-cell" scope="col">
3 scores
</th>
<th class="ant-table-cell" scope="col">
4 scores
</th>
<th class="ant-table-cell" scope="col">
5 scores
</th>
<th class="ant-table-cell" scope="col">
Your Scores
</th>
<th class="ant-table-cell" scope="col">
Final Scores
</th>
<th class="ant-table-cell" scope="col">
备注
</th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Response efficiency</td>
<td class="ant-table-cell">1d</td>
<td class="ant-table-cell">6hrs</td>
<td class="ant-table-cell">3hrs</td>
<td class="ant-table-cell">{evaluationScores.ResponseEfficiency}</td>
<td class="ant-table-cell" rowspan="6">
{evaluationScores.AvgLocalResources}
</td>
<td class="ant-table-cell">{evaluationScores.ResponseEfficiencyText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Provide suggestions and alternatives</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">{evaluationScores.ProvideSuggestions}</td>
<td class="ant-table-cell">{evaluationScores.ProvideSuggestionsText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Provide local tourism information</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">{evaluationScores.ProvideLocalInfo}</td>
<td class="ant-table-cell">{evaluationScores.ProvideLocalInfoText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Assist in developing exclusive products</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">{evaluationScores.ExclusiveProducts}</td>
<td class="ant-table-cell">{evaluationScores.ExclusiveProductsText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Dedicated tour guide team for AH</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">{evaluationScores.DedicatedTourGuide}</td>
<td class="ant-table-cell">{evaluationScores.DedicatedTourGuideText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Partner hotels with contracted rate</td>
<td class="ant-table-cell">\</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">√</td>
<td class="ant-table-cell">{evaluationScores.PartnerHotels}</td>
<td class="ant-table-cell">{evaluationScores.PartnerHotelsText}</td>
</tr>
</tbody>
</table>
<br />
<table style={{ textAlign: "center" }}>
<thead class="ant-table-thead">
<tr>
<th class="ant-table-cell" scope="col">
Pricing & Settlement （20%）
</th>
<th class="ant-table-cell" scope="col">
3 scores
</th>
<th class="ant-table-cell" scope="col">
4 scores
</th>
<th class="ant-table-cell" scope="col">
5 scores
</th>
<th class="ant-table-cell" scope="col">
Your Scores
</th>
<th class="ant-table-cell" scope="col">
Final Scores
</th>
<th class="ant-table-cell" scope="col">
备注
</th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Quotation</td>
<td class="ant-table-cell">Package</td>
<td class="ant-table-cell">Day tours</td>
<td class="ant-table-cell">Individual services</td>
<td class="ant-table-cell">{evaluationScores.Quotation}</td>
<td class="ant-table-cell" rowspan="3">
{evaluationScores.AvgPricingAndSettlement}
</td>
<td class="ant-table-cell">{evaluationScores.QuotationText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Settlement</td>
<td class="ant-table-cell">Prepayment</td>
<td class="ant-table-cell">Monthly Prepayment</td>
<td class="ant-table-cell">Monthly settlement after the tours</td>
<td class="ant-table-cell">{evaluationScores.Settlement}</td>
<td class="ant-table-cell">{evaluationScores.SettlementText}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">Cancellation policy</td>
<td class="ant-table-cell">30 days</td>
<td class="ant-table-cell">21 days</td>
<td class="ant-table-cell">1 day</td>
<td class="ant-table-cell">{evaluationScores.CancellationPolicy}</td>
<td class="ant-table-cell">{evaluationScores.CancellationPolicyText}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
@ -529,20 +523,84 @@ function Index() {
<List.Item>3. For each category, you can only get the corresponding score if you meet the standards of all items under the score.</List.Item>
<List.Item>4. The final score is the sum of the scores of each category multiplied by the proportion of the category.</List.Item>
</List>
<br />
<Divider orientation="left">反馈表分析</Divider>
<div class="ant-table-wrapper ant-spin-nested-loading css-dev-only-do-not-override-3op25v ant-spin-container">
<div class="ant-table ant-table-bordered">
<div class="ant-table-container ant-table-content">
<table style={{ textAlign: "center" }}>
<thead class="ant-table-thead">
<tr>
<th class="ant-table-cell" scope="col">
项目
</th>
<th class="ant-table-cell" scope="col">
产品
</th>
<th class="ant-table-cell" scope="col">
得分
</th>
<th class="ant-table-cell" scope="col">
备注说明
</th>
</tr>
</thead>
<tbody class="ant-table-tbody">
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell" rowspan="4">
地接接待
</td>
<td class="ant-table-cell">导游</td>
<td class="ant-table-cell">{evaluationScores.FRTGuide}</td>
<td class="ant-table-cell" rowspan="7">
{evaluationScores.FRTText}
</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">司机+车</td>
<td class="ant-table-cell">{evaluationScores.FRTGriver}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">餐</td>
<td class="ant-table-cell">{evaluationScores.FRTMeal}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">产品体验</td>
<td class="ant-table-cell">{evaluationScores.FRTProduct}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell" rowspan="3">
线路安排
</td>
<td class="ant-table-cell">酒店</td>
<td class="ant-table-cell">{evaluationScores.FRTHotel}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">游船</td>
<td class="ant-table-cell">{evaluationScores.FRTCruise}</td>
</tr>
<tr class="ant-table-row ant-table-row-level-0">
<td class="ant-table-cell">顾问服务</td>
<td class="ant-table-cell">{evaluationScores.FRTAdvisor}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</Col>
<Col md={24} lg={24} xxl={24}>
<Col md={24} lg={13} xxl={13}>
<Divider orientation="left">导游接待情况</Divider>
<Table dataSource={productScoresData.GuideScores} columns={columns_guide} pagination={false} bordered />
</Col>
<Col md={24} lg={24} xxl={24}>
<Divider orientation="left">表扬情况</Divider>
<Table dataSource={commendScoresData.CommendScores} columns={columns_commend} pagination={false} bordered />
</Col>
<Col md={24} lg={24} xxl={24}>
<Divider orientation="left">投诉情况</Divider>
<Table dataSource={commendScoresData.ComplaintScores} columns={columns_commend} pagination={false} bordered />
</Col>
<Col md={24} lg={24} xxl={24}>
<Divider orientation="left">批评建议</Divider>
<Table dataSource={commendScoresData.CriticizeScores} columns={columns_commend} pagination={false} bordered />
</Col>

Write Preview
Loading…
Cancel
Save