商品订单(增删改查):新增订单;批量删除,发货;模糊查询,下拉菜单内容过滤(含时间);全选反选,列名 ...

论坛 期权论坛     
选择匿名的用户   2021-5-23 16:28   385   0
<p><span style="font-size:24px">需求:</span></p>
<p></p>
<p><span style="font-size:14px">1、 完成页面</span></p>
<p><span style="font-size:14px">2、 <span style="font-family:宋体">点击</span>“新增订单”,弹出上框,新增订单状态都是“待发货”</span></p>
<p><span style="font-size:14px">3、 提交订单时,检查表单,提示错误内容,并且将文本框颜色变红色</span></p>
<p><span style="font-size:14px">4、 选择状态查询:待发货、已发货、已收货</span></p>
<p><span style="font-size:14px">5、 <span style="font-family:宋体">点击</span>“发货”按钮,将“待发货”状态改成“已发货” </span></p>
<p><span style="font-size:14px">6、 通过Checkbox全选和全不选</span></p>
<p><span style="font-size:14px">7、 <span style="font-family:宋体">点击</span>“批量删除”按钮,删除选中的订单</span></p>
<p><span style="font-size:14px">8、 <span style="font-family:宋体">选择</span>“开始月份”:01~12</span></p>
<p><span style="font-size:14px">9、 <span style="font-family:宋体">选择</span>“结束月份”:<span style="font-family:Cambria">01~12</span><span style="font-family:宋体">,查询开始月份和结束月份之间的订单</span></span></p>
<p><span style="font-family:宋体"><span style="font-size:24px"><br> </span></span></p>
<span style="font-size:24px">效果图:</span>
<p><span style="font-size:24px"><img alt="" src="https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-aab4f1b13466192baa2e77acc8747458"><br> </span></p>
<p><span style="font-size:24px"><img alt="" src="https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-8b7afb454569a245995463a18adfb665"><br> </span></p>
<p><span style="font-size:24px"><br> </span></p>
<p><span style="font-size:24px">代码:</span></p>
<p><span style="font-size:24px"></span></p>
<pre style="background-color:#002240; color:#ffffff; font-family:&#39;宋体&#39;; font-size:11.3pt"><span style="color:#e1efff">&lt;!DOCTYPE </span><span style="color:#ffdd00">html</span><span style="color:#e1efff">&gt;
</span><span style="color:#e1efff">&lt;</span><span style="color:#9effff">html </span><span style="color:#ffdd00">lang&#61;</span><span style="color:#3ad900"><strong>&#34;en&#34;</strong></span><span style="color:#e1efff">&gt;
</span><span style="color:#e1efff">&lt;</span><span style="color:#9effff">head</span><span style="color:#e1efff">&gt;
</span><span style="color:#e1efff">    &lt;</span><span style="color:#9effff">meta </span><span style="color:#ffdd00">charset&#61;</span><span style="color:#3ad900"><strong>&#34;UTF-8&#34;</strong></span><span style="color:#e1efff">&gt;
</span><span style="color:#e1efff">    &lt;</span><span style="color:#9effff">title</span><span style="color:#e1efff">&gt;</span><span style="font-weight:bold">商品订单(增删改查):新增订单;批量删除,发货;模糊查询,下拉菜单内容过滤(含时间);全选反选,列名排序</span><span style="color:#e1efff">&lt;/</span><span style="color:#9effff">title</span><span style="color:#e1efff">&gt;
</span><span style="color:#e1efff">    &lt;</span><span style="color:#9effff">style </span><span style="color:#ffdd00">type&#61;</span><span style="color:#3ad900"><strong>&#34;text/css&#34;</strong></span><span style="color:#e1efff">&gt;
</span><span style="color:#e1efff">        .</span><span style="color:#ffdd00">first</span><span style="color:#e1efff">{
</span><span style="color:#e1efff">            </span><span style="color:#80ffbb">background-color</span>: <span style="color:#6897bb">#007aff</span><span style="color:#e1efff">;
</span><span style="color:#e1efff">        }
</span><span style="color:#e1efff">        </span><span style="color:#0088ff"><em>/*  表格奇数行变 中绿 色     */
</em></span><span style="color:#0088ff"><em>        </em></span><span style="color:#ffdd00">tbody tr</span>:<span style="color:#ffdd00">nth-child</span><span style="color:#e1efff">(</span><span style="color:#ffdd00">odd</span><span style="color:#e1efff">){
</span><span style="color:#e1efff">            </span><span style="color:#80ffbb">background-color</span>: <span style="color:#6897bb">#00FA9A</span><span style="color:#e1efff">;
</span><span style="color:#e1efff">        }
</span><span style="color:#e1efff">        </span><span style="color:#0088ff"><em>/*  表格偶数行变 弱绿 色   */
</em></span><span style="color:#0088ff"><em>        </em></span><span style="color:#ffdd00">tbody tr</span>:<span style="color:#ffdd00">nth-child</span><span style="color:#e1efff">(</span><span style="color:#ffdd00">even</span><span style="color:#e1efff">){
</span><span style="color:#e1efff">            </span><span style="color:#80ffbb">background-color</span>: <span style="color:#6897bb">#98FB98</span><span style="color:#e1efff">;
</span><span style="color:#e1efff">        }
</span><span style="color:#e1efff">        .</span><span style="color:#ffdd00">li</span><span style="color:#e1efff">{
</span><span style="color:#e1efff">            </span><span style="color:#80ffbb">background-color</span>:<span style="color:#6897bb">#FE
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP