This commit is contained in:
13713575202 2025-07-18 13:18:50 +08:00
parent 83c0a88ffd
commit 2f89a1178c

View File

@ -18,44 +18,44 @@
</div>
</div>
<div style="display: flex">
<div style="display: flex">
<div style="display: flex; align-items: center">
<div>
<img style="width: 40px; border-radius: 100%" src="../../../assets/images/nx.png" alt="" />
</div>
<div style="margin-left: 10px; text-align: left">
<div style="margin-left: 10px; text-align: left; font-size: 16px">
<div style="color: #aaa">服务年限</div>
<div>10</div>
</div>
</div>
<div style="display: flex; margin-left: 200px">
<div style="display: flex; align-items: center; margin-left: 200px">
<div>
<img style="width: 40px; border-radius: 100%" src="../../../assets/images/or.png" alt="" />
</div>
<div style="margin-left: 10px; text-align: left">
<div style="margin-left: 10px; text-align: left; font-size: 16px">
<div style="color: #aaa">完成订单</div>
<div>128</div>
</div>
</div>
<div style="display: flex; margin-left: 200px">
<div style="display: flex; align-items: center; margin-left: 200px">
<div>
<img style="width: 40px; border-radius: 100%" src="../../../assets/images/pf.png" alt="" />
</div>
<div style="margin-left: 10px; text-align: left">
<div style="margin-left: 10px; text-align: left; font-size: 16px">
<div style="color: #aaa">平均评分</div>
<div>5.0</div>
</div>
</div>
</div>
<div style="width: 100%; text-align: left; margin-top: 20px">
<div style="font-size: 15px; font-weight: bold">技能描述</div>
<div style="line-height: 30px; font-size: 12px; color: #aaa; margin-top: 10px">
<div style="font-size: 20px; font-weight: bold">技能描述</div>
<div style="line-height: 30px; font-size: 16px; color: #aaa; margin-top: 10px">
本人从事水稻种植工作已有10年拥有丰富的水稻种植经验熟悉水稻从选种育秧移栽到收割的全过程
擅长解决水稻种植过程中的各种病虫害问题能够根据不同的土壤条件和气候特点制定科学合理的种植方案
可提供水稻种植技术指导病虫害防治田间管理等服务保证水稻的产量和质量
</div>
</div>
<div style="width: 100%; text-align: left; margin-top: 20px">
<div style="font-size: 15px; font-weight: bold">服务内容</div>
<div style="font-size: 20px; font-weight: bold">服务内容</div>
<div class="top_info">
<div style="display: flex; align-items: center">
<img style="width: 15px; border-radius: 100%" src="../../../assets/images/comfig.png" alt="" />
@ -88,7 +88,7 @@
</div> -->
<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="font-size: 20px; font-weight: bold">服务流程</div>
<div style="display: flex; align-items: center; margin-top: 20px">
<div>
<div
@ -110,8 +110,8 @@
<!-- <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 style="color: #000000; font-size: 16px; font-weight: bold">需求沟通</div>
<div style="font-size: 16px">详细了解您的种植需求和田间情况</div>
</div>
</div>
<div style="display: flex; align-items: center; margin-top: 20px">
@ -135,8 +135,8 @@
<!-- <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 style="color: #000000; font-size: 16px; font-weight: bold">方案制定</div>
<div style="font-size: 16px">根据您的需求和实际情况制定详细的服务方案</div>
</div>
</div>
<div style="display: flex; align-items: center; margin-top: 20px">
@ -160,8 +160,8 @@
<!-- <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 style="color: #000000; font-size: 16px; font-weight: bold">签订协议</div>
<div style="font-size: 16px">双方确认服务方案签订服务协议</div>
</div>
</div>
<div style="display: flex; align-items: center; margin-top: 20px">
@ -185,8 +185,8 @@
<!-- <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 style="color: #000000; font-size: 16px; font-weight: bold">服务实施</div>
<div style="font-size: 16px">按照协议约定的时间和内容提供专业的种植服务</div>
</div>
</div>
<div style="display: flex; align-items: center; margin-top: 20px">
@ -210,8 +210,8 @@
<!-- <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 style="color: #000000; font-size: 16px; font-weight: bold">验收评价</div>
<div style="font-size: 16px">服务完成后进行验收并提供服务评价</div>
</div>
</div>
</div>
@ -260,12 +260,12 @@
</div> -->
</div>
<div style="width: 100%; text-align: left; margin-top: 20px">
<div style="font-size: 15px; font-weight: bold">服务案例</div>
<div style="font-size: 20px; 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/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>
<div style="font-size: 16px; font-weight: bold">岳池县稻田增产案例</div>
<el-rate v-model="value1" />
<div style="font-size: 12px">通过科学的种植管理帮助农户水稻增产20%获得农户一致好评</div>
</div>
@ -273,7 +273,7 @@
<div style="display: flex; flex-direction: column">
<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>
<div style="font-size: 16px; font-weight: bold">邻水县病虫害防治案例</div>
<el-rate v-model="value1" />
<div style="font-size: 12px">有效防治水稻稻瘟病避免了农户的经济损失得到当地政府的认可</div>
</div>
@ -281,7 +281,7 @@
<div style="display: flex; flex-direction: column">
<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>
<div style="font-size: 16px; font-weight: bold">邻水县稻田增产案例</div>
<el-rate v-model="value1" />
<div style="font-size: 12px">通过科学的种植管理帮助农户水稻增产20%获得农户一致好评</div>
</div>
@ -289,14 +289,14 @@
</div>
</div>
<div style="width: 100%; text-align: left; margin-top: 20px">
<div style="font-size: 15px; font-weight: bold">客户评价</div>
<div style="font-size: 20px; font-weight: bold">客户评价</div>
<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/us.png" alt="" />
</div>
<div style="margin-left: 10px; text-align: left">
<div style="color: #000000">刘老板</div>
<div style="color: #000000; font-size: 16px">刘老板</div>
<el-rate v-model="value1" />
<div>2025-03-10</div>
</div>
@ -311,7 +311,7 @@
<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>
<div style="color: #000000; font-size: 16px">王老板</div>
<el-rate v-model="value1" />
<div>2025-03-10</div>
</div>
@ -463,7 +463,7 @@ let value1 = ref(5);
display: flex;
margin-top: 10px;
div {
font-size: 12px;
font-size: 16px;
}
}
</style>