This commit is contained in:
郭永超 2025-07-18 11:47:55 +08:00
commit 83c0a88ffd
9 changed files with 110 additions and 21 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 483 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 511 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 502 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

View File

@ -20,7 +20,7 @@
<div style="display: flex">
<div style="display: flex">
<div>
<img style="width: 40px; border-radius: 100%" src="../../../assets/images/carton.png" alt="" />
<img style="width: 40px; border-radius: 100%" src="../../../assets/images/nx.png" alt="" />
</div>
<div style="margin-left: 10px; text-align: left">
<div style="color: #aaa">服务年限</div>
@ -29,7 +29,7 @@
</div>
<div style="display: flex; margin-left: 200px">
<div>
<img style="width: 40px; border-radius: 100%" src="../../../assets/images/carton.png" alt="" />
<img style="width: 40px; border-radius: 100%" src="../../../assets/images/or.png" alt="" />
</div>
<div style="margin-left: 10px; text-align: left">
<div style="color: #aaa">完成订单</div>
@ -38,7 +38,7 @@
</div>
<div style="display: flex; margin-left: 200px">
<div>
<img style="width: 40px; border-radius: 100%" src="../../../assets/images/carton.png" alt="" />
<img style="width: 40px; border-radius: 100%" src="../../../assets/images/pf.png" alt="" />
</div>
<div style="margin-left: 10px; text-align: left">
<div style="color: #aaa">平均评分</div>
@ -57,15 +57,24 @@
<div style="width: 100%; text-align: left; margin-top: 20px">
<div style="font-size: 15px; font-weight: bold">服务内容</div>
<div class="top_info">
<div>水稻品种选择与推荐</div>
<div style="display: flex; align-items: center">
<img style="width: 15px; border-radius: 100%" src="../../../assets/images/comfig.png" alt="" />
<div style="margin-left: 5px">水稻品种选择与推荐</div>
</div>
<div style="margin-left: 300px">指导</div>
</div>
<div class="top_info">
<div>稻田管理与施肥</div>
<div style="display: flex; align-items: center">
<img style="width: 15px; border-radius: 100%" src="../../../assets/images/comfig.png" alt="" />
<div style="margin-left: 5px">稻田管理与施肥</div>
</div>
<div style="margin-left: 325px">防治</div>
</div>
<div class="top_info">
<div>收割与储存建议</div>
<div style="display: flex; align-items: center">
<img style="width: 15px; border-radius: 100%" src="../../../assets/images/comfig.png" alt="" />
<div style="margin-left: 5px">收割与储存建议</div>
</div>
<div style="margin-left: 295px">植物技术指导</div>
</div>
</div>
@ -80,45 +89,125 @@
<div style="width: 100%; text-align: left; margin-top: 20px; display: flex">
<div style="width: 50%">
<div style="font-size: 15px; font-weight: bold">服务流程</div>
<div style="display: flex; margin-top: 20px">
<div style="display: flex; align-items: center; margin-top: 20px">
<div>
<img style="width: 40px; border-radius: 100%" src="../../../assets/images/carton.png" alt="" />
<div
style="
width: 30px;
height: 30px;
border-radius: 100%;
background-color: #25bf82;
color: #fff;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
"
>
1
</div>
<!-- <img style="width: 30px; border-radius: 100%" src="../../../assets/images/comfig.png" alt="" /> -->
</div>
<div style="margin-left: 10px; text-align: left">
<div style="color: #000000">需求沟通</div>
<div>详细了解您的种植需求和田间情况</div>
</div>
</div>
<div style="display: flex; margin-top: 20px">
<div style="display: flex; align-items: center; margin-top: 20px">
<div>
<img style="width: 40px; border-radius: 100%" src="../../../assets/images/carton.png" alt="" />
<div
style="
width: 30px;
height: 30px;
border-radius: 100%;
background-color: #25bf82;
color: #fff;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
"
>
2
</div>
<!-- <img style="width: 30px; border-radius: 100%" src="../../../assets/images/comfig.png" alt="" /> -->
</div>
<div style="margin-left: 10px; text-align: left">
<div style="color: #000000">方案制定</div>
<div>根据您的需求和实际情况制定详细的服务方案</div>
</div>
</div>
<div style="display: flex; margin-top: 20px">
<div style="display: flex; align-items: center; margin-top: 20px">
<div>
<img style="width: 40px; border-radius: 100%" src="../../../assets/images/carton.png" alt="" />
<div
style="
width: 30px;
height: 30px;
border-radius: 100%;
background-color: #25bf82;
color: #fff;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
"
>
3
</div>
<!-- <img style="width: 30px; border-radius: 100%" src="../../../assets/images/comfig.png" alt="" /> -->
</div>
<div style="margin-left: 10px; text-align: left">
<div style="color: #000000">签订协议</div>
<div>双方确认服务方案签订服务协议</div>
</div>
</div>
<div style="display: flex; margin-top: 20px">
<div style="display: flex; align-items: center; margin-top: 20px">
<div>
<img style="width: 40px; border-radius: 100%" src="../../../assets/images/carton.png" alt="" />
<div
style="
width: 30px;
height: 30px;
border-radius: 100%;
background-color: #25bf82;
color: #fff;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
"
>
4
</div>
<!-- <img style="width: 30px; border-radius: 100%" src="../../../assets/images/comfig.png" alt="" /> -->
</div>
<div style="margin-left: 10px; text-align: left">
<div style="color: #000000">服务实施</div>
<div>按照协议约定的时间和内容提供专业的种植服务</div>
</div>
</div>
<div style="display: flex; margin-top: 20px">
<div style="display: flex; align-items: center; margin-top: 20px">
<div>
<img style="width: 40px; border-radius: 100%" src="../../../assets/images/carton.png" alt="" />
<div
style="
width: 30px;
height: 30px;
border-radius: 100%;
background-color: #25bf82;
color: #fff;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
"
>
5
</div>
<!-- <img style="width: 30px; border-radius: 100%" src="../../../assets/images/comfig.png" alt="" /> -->
</div>
<div style="margin-left: 10px; text-align: left">
<div style="color: #000000">验收评价</div>
@ -174,7 +263,7 @@
<div style="font-size: 15px; font-weight: bold">服务案例</div>
<div style="margin-top: 20px; display: flex; justify-content: space-evenly">
<div style="display: flex; flex-direction: column">
<img style="width: 270px; height: 150px" src="../../../assets/images/carton.png" alt="" />
<img style="width: 270px; height: 150px" src="../../../assets/images/nj1.png" alt="" />
<div style="border: 1px solid #eee; border-top: none; width: 280px; padding: 10px">
<div style="font-size: 15px; font-weight: bold">岳池县稻田增产案例</div>
<el-rate v-model="value1" />
@ -182,7 +271,7 @@
</div>
</div>
<div style="display: flex; flex-direction: column">
<img style="width: 270px; height: 150px" src="../../../assets/images/carton.png" alt="" />
<img style="width: 270px; height: 150px" src="../../../assets/images/nj2.png" alt="" />
<div style="border: 1px solid #eee; border-top: none; width: 280px; padding: 10px">
<div style="font-size: 15px; font-weight: bold">邻水县病虫害防治案例</div>
<el-rate v-model="value1" />
@ -190,7 +279,7 @@
</div>
</div>
<div style="display: flex; flex-direction: column">
<img style="width: 270px; height: 150px" src="../../../assets/images/carton.png" alt="" />
<img style="width: 270px; height: 150px" src="../../../assets/images/nj3.png" alt="" />
<div style="border: 1px solid #eee; border-top: none; width: 280px; padding: 10px">
<div style="font-size: 15px; font-weight: bold">邻水县稻田增产案例</div>
<el-rate v-model="value1" />
@ -204,7 +293,7 @@
<div style="width: 100%; color: #9ea4a7; margin-top: 20px; border: 1px solid #eee; padding: 10px; border-radius: 10px">
<div style="display: flex; align-items: center">
<div>
<img style="width: 50px; border-radius: 100%" src="../../../assets/images/carton.png" alt="" />
<img style="width: 50px; border-radius: 100%" src="../../../assets/images/us.png" alt="" />
</div>
<div style="margin-left: 10px; text-align: left">
<div style="color: #000000">刘老板</div>
@ -219,7 +308,7 @@
<div style="width: 100%; color: #9ea4a7; margin-top: 20px; border: 1px solid #eee; padding: 10px; border-radius: 10px">
<div style="display: flex; align-items: center">
<div>
<img style="width: 50px; border-radius: 100%" src="../../../assets/images/carton.png" alt="" />
<img style="width: 50px; border-radius: 100%" src="../../../assets/images/us.png" alt="" />
</div>
<div style="margin-left: 10px; text-align: left">
<div style="color: #000000">王老板</div>