项目描述
翻译我经营一家小型紧急锁匠服务，想在网站上添加一个互动费用计算器，以便访客在拨打电话之前获得即时估算。目前每个人都必须打电话并描述他们的情况，这浪费了时间，并悄悄地让那些只想在决定是否预约之前获得大致数字的人远离。
计算器需要让访客选择锁的类型——标准圆柱锁、多点机制、电子锁、安全箱或车门——然后选择所需的工作：打开卡住或锁住的门、更换磨损的圆柱锁或安装全新的锁。还应该有一个紧急程度切换，因为凌晨两点的呼叫费用比预约访问要高。总费用应实时重新计算，并提供零件、人工和呼叫费用的简短细分。
我希望有干净、带注释的前端代码，供我的设计师后续进行样式调整，并且有一个简单的方法可以在以后无需每次都联系开发者就能编辑基础价格和紧急程度乘数。移动行为很重要，因为大多数访客在实际被锁住时会用手机搜索这个。
我需要自由职业者提供的内容：
— 按照描述的工作计算器逻辑
— 一个易于更新价格和乘数的地方
— 在小屏幕上保持良好的布局
— 关于代码结构的简短说明
计算器需要让访客选择锁的类型——标准圆柱锁、多点机制、电子锁、安全箱或车门——然后选择所需的工作：打开卡住或锁住的门、更换磨损的圆柱锁或安装全新的锁。还应该有一个紧急程度切换，因为凌晨两点的呼叫费用比预约访问要高。总费用应实时重新计算，并提供零件、人工和呼叫费用的简短细分。
我希望有干净、带注释的前端代码，供我的设计师后续进行样式调整，并且有一个简单的方法可以在以后无需每次都联系开发者就能编辑基础价格和紧急程度乘数。移动行为很重要，因为大多数访客在实际被锁住时会用手机搜索这个。
我需要自由职业者提供的内容：
— 按照描述的工作计算器逻辑
— 一个易于更新价格和乘数的地方
— 在小屏幕上保持良好的布局
— 关于代码结构的简短说明
网页编程 现金, 银行转账
