欢迎来到格策美文网
更新日期:2025-06-14 22:12
写作核心提示:
标题:撰写订单计划书时应注意的事项
正文:
在商业活动中,订单计划书是连接供应商与客户的重要桥梁,它不仅体现了企业的专业性和对项目的重视程度,还直接关系到后续的合作顺利进行。以下是在撰写订单计划书时应注意的几个关键事项:
1. "明确目的和背景" - 在计划书开头,清晰地阐述撰写此计划书的背景和目的,确保双方对合作的基础认知一致。
2. "详细需求分析" - 准确理解并详细列出客户的具体需求,包括产品规格、数量、质量标准、交货时间等。
3. "产品或服务描述" - 详细描述产品或服务的特点、功能、优势,以及与客户需求的匹配度。
4. "市场分析" - 提供市场调研数据,分析同类产品或服务的市场趋势,为订单的合理性提供依据。
5. "技术规格和参数" - 明确列出产品或服务的详细技术规格和参数,确保客户对产品性能有全面了解。
6. "价格和支付条款" - 公开透明地列出价格构成,包括成本、利润等,并明确支付方式和期限。
7. "交货和售后服务" - 详细说明交货时间、地点,以及售后服务的内容和保障措施。
8. "风险评估与应对措施" - 识别潜在的风险点,并提出相应的应对策略,以增强客户对合作的信心。
9
大家上午好,最近不断有友友反馈仓颉语言和ArkTs很像,所以要注意不要混淆。今天要分享的是仓颉语言开发商城应用的订单列表页。
首先来分析一下这个页面,它分为三大部分,分别是导航栏、订单类型和订单列表部分。
导航栏由返回按钮和搜索框组成,这里要注意组件横向占满屏幕时要使用layoutWeight属性,导航栏部分的实现代码如下:
Row(8) {
Image(@r(app.media.back))
.width(22)
.height(22)
.onClick({evet => Router.back()})
Search(placeholder: "搜索").height(38).layoutWeight(1)
.onClick({evet => })
}
.width(100.percent)
.height(60)
.padding(right: 12, left: 12)
.alignItems(VerticalAlign.Center)
订单类型应该是一个滚动的横条,虽然它现在没有占满整个屏幕,但是为了适配更多尺寸和类型的屏幕,我们还是要使用Scroll。里面的内容使用foreach循环添加,大家要慢慢习惯仓颉中Foreach的写法,另外这里定一个变量orderIndex和指定当前选中的订单类型,这一部分的具体实现代码如下:
Scroll{
Row(25){
ForEach(this.orderTypeList, itemGeneratorFunc: {item:String,index:Int64 =>
if(this.orderIndex == index){
Text(item)
.fontColor(Color(215, 68, 62, alpha: 1.0))
.fontSize(17)
.fontWeight(FontWeight.Bold)
}else {
Text(item)
.fontColor(Color.GRAY)
.fontSize(16)
.onClick({evet => this.orderIndex = index})
}
})
}
.width(100.percent)
.height(40)
}
.height(40)
.padding( right: 12, left: 12)
.scrollable(ScrollDirection.Horizontal)
.scrollBar(BarState.Off)
.scrollBarColor(Color.GRAY)
.scrollBarWidth(50.px)
最后是订单列表部分,很明显是一个List组件,依然使用layoutWeight占满剩余屏幕。然后店铺名字和发货状态部分使用List的header来实现,
@Builder func itemHead(text:String) {
Row{
Row{
Text(text)
.fontSize(15)
.fontWeight(FontWeight.Bold)
.backgroundColor(Color.WHITE)
Image(@r(app.media.righticon))
.height(18)
.width(18)
.objectFit(ImageFit.Contain)
}
Text('卖家已发货')
.fontColor(Color.RED)
.fontSize(14)
}
.width(100.percent)
.height(35)
.justifyContent(FlexAlign.SpaceBetween)
.alignItems(VerticalAlign.Center)
.padding(left:12,right:12)
}
List{
ListItemGroup(ListItemGroupParams(header:{=>bind(this.itemHead,this)('幽蓝旗舰店')})){
}
}
订单商品部分虽然看起来较为复杂,反而不是很难,只要仔细分析布局和对齐方式就能轻松实现,具体代码如下:
ListItem{
Column(10){
Row(8){
Image(@r(app.media.chaofu))
.width(90)
.height(90)
Column(11){
Row{
Text('牛津纺布通勤男士衬衫')
.fontSize(16)
.fontColor(Color.BLACK)
Text('¥27.9')
.fontSize(16)
.fontColor(Color.BLACK)
}
.justifyContent(FlexAlign.SpaceBetween)
.width(100.percent)
Text('天蓝色,XL(180)')
.fontSize(14)
.fontColor(Color.GRAY)
.padding(4)
.backgroundColor(Color(241, 241, 241, alpha: 1.0))
.borderRadius(4)
}
.height(90)
.layoutWeight(1)
.alignItems(HorizontalAlign.Start)
.justifyContent(FlexAlign.Start)
.padding(top:10)
}
Row(10){
Text('实付款:')
.fontSize(13)
.fontColor(Color(74, 74, 74, alpha: 1.0))
Text('¥27.9')
.fontSize(16)
.fontColor(Color.BLACK)
.fontWeight(FontWeight.Bold)
}
.width(100.percent)
.justifyContent(FlexAlign.End)
Row(10){
Text('延长收货')
.padding(top:6,bottom:6,left:8,right:8)
.backgroundColor(Color(240, 240, 240, alpha: 1.0))
.fontSize(14)
.fontColor(Color(74, 74, 74, alpha: 1.0))
.borderRadius(6)
Text('查看物流')
.padding(top:6,bottom:6,left:8,right:8)
.fontSize(14)
.fontColor(Color(74, 74, 74, alpha: 1.0))
.backgroundColor(Color(240, 240, 240, alpha: 1.0))
.borderRadius(6)
Text('确认收货')
.padding(top:6,bottom:6,left:8,right:8)
.fontSize(14)
.fontColor(Color(74, 74, 74, alpha: 1.0))
.backgroundColor(Color(240, 240, 240, alpha: 1.0))
.borderRadius(6)
}
.width(100.percent)
.justifyContent(FlexAlign.End)
}
.padding(left:12,right:12)
}
以上就是今天的内容分享,感谢阅读。##HarmonyOS语言##仓颉##购物#
领取本更多资料的Word、PDF版完整内容方法:
1.本资源编号:8940。
2.关注+评论+转发,然后私信“资料
本站部分资源搜集整理于互联网或者网友提供,仅供学习与交流使用,如果不小心侵犯到你的权益,请及时联系我们删除该资源。