发货二级联动

最新推荐文章于 2021-03-16 18:47:26 发布

qq_41166157

最新推荐文章于 2021-03-16 18:47:26 发布

阅读量134

点赞数

分类专栏：混合开发

本文链接：https://blog.csdn.net/qq_41166157/article/details/79798730

版权

混合开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

-------------------------------------------------angular <scrinpt代码>----------------------------------------------------

</script>

==============================html代码 ==============================

<body ng-app="yong" ng-controller="jiaong">

   <input ng-model="sname" placeholder="请输入商品名称"/>
   <input ng-model="name" placeholder="请输入用户姓名" />

   <select ng-model="ss">
           <option value="">--按状态查询--</option>
           <option>已发货</option>
           <option>未发货</option>
       </select>
   
   <button ng-click="delAll()">批量删除</button>
   <button ng-click="isshow=true">新增订单</button>

       <table border="1px">
          <tr align="center">
              <td><input type="checkbox" ng-model="ck" ng-click="gb()"/></td>
              <td>id <button ng-click="px='id';sj!=sj">排序</button></td>
              <td>商品名称</td>
              <td>用户姓名</td>
              <td>电话</td>
              <td>价格 <button ng-click="px='price';sj!=sj">排序</button></td>
              <td>城市</td>
              <td>下单时间</td>
              <td>发货状态</td>
          </tr>
          <tr ng-repeat="d in datas|filter:{gname:sname,uname:name,state:ss}|orderBy:px:sj" align="center">
              <td><input type="checkbox" ng-model="d.ck"/></td>
              <td>{{d.id}}</td>
              <td>{{d.gname}}</td>
              <td>{{d.uname}}</td>
              <td>{{d.tel}}</td>
              <td>{{d.price|currency:"￥"}}</td>
              <td>{{d.provice}}-{{d.city}}</td>
              <td>{{d.regdate|date:'MM-dd hh:mm:ss'}}</td>
              <td>
              <span style="background: yellow;" ng-show="d.state=='未发货'">
                       <a href="#" ng-click="d.state='已发货'">未发货</a>
                   </span>
                   <span style="background: chartreuse;" ng-show="d.state=='已发货'" >已发货</span>
              </td>

          </tr>

</table>

//添加

<form ng-show="isshow">
           
           id:<input ng-model="id" /> <samp style="color: red;">{{erros.e_id}} </samp><br />
           gname:<input ng-model="gname" /><samp style="color: red;">{{erros.e_gname}}</samp><br />
           uname:<input ng-model="uname" /><samp style="color: red;">{{erros.e_uname}}</samp><br />
           tel:<input ng-model="tel" /><samp style="color: red;">{{erros.e_tel}}</samp><br />
           price:<input ng-model="price" type="number" /><samp style="color: red;">{{erros.e_price}}</samp><br />
           省:<select id="p" ng-model="pro" οnchange="getcity()"> 
               <option value="">请选择省份</option>
               <option>北京</option>
               <option>上海</option>
               <option>河南</option>
               </select>
               <br/>
           城市:
           <select id="city" ng-model="city" > 
               <option value="">请选择城市</option>
           </select>
               <br/>
           <button ng-click="save()">保存</button>
       </form>

</body>

----------------------------------------------jquery<script>代码--------------------------------------------------------

</script>

//效果图1：

//效果图2：

qq_41166157

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
发货二级联动

-------------------------------------------------angular &lt;scrinpt代码&gt;----------------------------------------------------&lt;script&gt; var app=angular.module("yong",[]); ap...
复制链接

扫一扫