• liheng221
    了解作者
  • HTML
    开发工具
  • 1.1MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • 1 积分
    下载积分
  • 0
    下载次数
  • 2020-04-23 09:44
    上传日期
进销存前端页面设计,整体解决方案实例,采用aui结合vue进行页面数据的搭建和渲染。
IMS.zip
内容介绍
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>审批中心</title> <link rel="stylesheet" type="text/css" href="../../../css/aui.css" /> <link rel="stylesheet" type="text/css" href="../../../css/public.css" /> </head> <style> .tab { background: #f2f2f2; padding: 6px 15px; border-radius: 100px; } .tab:nth-child(1) { border-radius: 100px 0 0 100px; } .tab:nth-child(2) { border-radius: 0 0 0 0; } .tab:nth-child(3) { border-radius: 0 100px 100px 0; } .tabactive { background: var(--bluetwo); color: #fff; } .spanactive { background: var(--bluetwo)!important; color: #fff; } .select { position: relative; background: #F2F2F2; padding-left: 10px; } .select:after { content: ''; display: block; position: absolute; right: 10px; top: calc(50% - 10px); width: 10px; height: 10px; border-top: 1px solid #999; border-right: 1px solid #999; transform: rotate(135deg); } .cgsq { position: fixed; bottom: 10px; z-index: 100; background: #fff!important; left: 50%; transform: translateX(-50%); } </style> <body> <div id="app"> <header class="" id="header"> <div class="aui-bar aui-bar-nav aui-bar-light"> <div class="aui-pull-left" tapmode onclick="goback()"> <span class="aui-iconfont aui-icon-left"></span> </div> <div class="aui-text-center aui-font-size-16"> <span class="tab tabactive" tapmode>采购 <span class="aui-text-danger">({{model.btotal}})</span> </span><span class="tab" tapmode>物料<span class="aui-text-danger">({{model.atotal}})</span></span><span class="tab" tapmode>新增<span class="aui-text-danger">({{model.rtotal}})</span></span> </div> <!-- <div class="aui-pull-right aui-btn aui-btn-outlined"> <span class="aui-iconfont aui-icon-search"></span> </div> --> </div> <div class=" bgw aui-padded-10"> <!-- <div class="aui-margin-b-10 aui-text-center"> <span class="tab tabactive">采购单据</span><span class="tab"><a href="caigoumingxi.html" rel='nofollow' onclick='return false;'>采购明细</a></span> </div> --> <div class="aui-row aui-text-center aui-padded-t-10 aui-padded-b-10"> <div class="aui-col-xs-2"> <div class=" aui-btn round tabspan spanactive" tapmode style="background: #f2f2f2;">本周</div> </div> <div class="aui-col-xs-2"> <div class=" aui-btn round tabspan" tapmode style="background: #f2f2f2;">本月</div> </div> <div class="aui-col-xs-2"> <div class=" aui-btn round tabspan" tapmode style="background: #f2f2f2;">今年</div> </div> <div class="aui-col-xs-6" tapmode onclick="showpop()"> <div class=" aui-btn round" style="background: #f2f2f2;">筛选 <i class="aui-iconfont aui-icon-down aui-font-size-12"></i></div> </div> <!-- <div class="aui-col-xs-3"> <div class="aui-btn aui-btn-info aui-btn-outlined round">出库申请</div> </div> --> </div> <p class=""> <span id="dateinfo" class="">2019.12.01 - 2019.12.02</span><br /> <span id="status" class="">状态:全部;</span> <span id="buyer" class="">采购员:不限;</span> <span id="searchinfo" class="">关键词:配件</span> </p> </div> </header> <div class="aui-padded-10" id="purlist"> <div class="aui-card-list" v-for="(item,index) in prolist"> <div class="aui-card-list-header aui-border-b"> <div>采购申请单</div><span class="aui-text-success" v-if="item.OStatus === -1">物料申请</span> <span class="aui-text-success" v-else-if="item.OStatus === 0">待审批</span> <span class="aui-text-success" v-else-if="item.OStatus === 1">已通过</span> <span class="aui-text-success" v-else-if="item.OStatus === 5">未通过</span> <span class="aui-text-success" v-else>未知</span> </div> <div class="aui-card-list-content-padded"> <div>单据编号:{{item.ONO}}</div> <div>申请日期:{{dateFormat(item.ODate)}}</div> <div>填写日期:{{dateFormat(item.OAddDate)}}</div> <div>采购员:{{item.StaffName}}</div> <div>数量:{{item.ONum}}</div> <div>金额:{{(item.OAmount/100).toFixed(2)}}</div> <div>备注:{{item.ORemark}}</div> <div v-if="item.RelONO != ''">关联物料申请单号:{{item.RelONO}}</div> </div> <div class="aui-card-list-content-padded aui-text-right"> <!--<div class="aui-btn aui-btn-danger aui-btn-outlined round" tapmode @click="purdeny(index)">拒绝</div> <div class="aui-btn aui-btn-success aui-btn-outlined round" tapmode @click="purpass(index)">通过</div>--> <div class="aui-btn aui-btn-info aui-btn-outlined round" tapmode @click="mingxi(index)">明细</div> </div> </div> </div> <div class="aui-padded-10" id="audlist" hidden="false"> <div class="aui-card-list" v-for="(item,index) in aduitlist"> <div class="aui-card-list-header aui-border-b"> <div>物料申请单</div><span class="aui-text-success" v-if="item.OStatus === 999">全部</span> <span class="aui-text-success" v-else-if="item.OStatus === -1">未申请</span> <span class="aui-text-success" v-else-if="item.OStatus === 0">待审批</span> <span class="aui-text-success" v-else-if="item.OStatus === 10">采购申请中</span> <span class="aui-text-success" v-else-if="item.OStatus === 11">采购中</span> <span class="aui-text-success" v-else-if="item.OStatus === 12">已采购</span> <span class="aui-text-success" v-else-if="item.OStatus === 13">备货中</span> <span class="aui-text-success" v-else-if="item.OStatus === 14">待领取</span> <span class="aui-text-success" v-else-if="item.OStatus === 15">已出库</span> <span class="aui-text-success" v-else>单据异常</span> </div> <div class="aui-card-list-content-padded"> <div>单据编号:{{item.ONO}}</div> <div>申请日期:{{dateFormat(item.ODate)}}</div> <div>填写日期:{{dateFormat(item.OAddDate)}}</div> <div>申请人:{{item.StaffName}}</div> <div>数量:{{item.ONum}}</div> <div>备注:{{item.ORemark}}</div> </div> <div class="aui-card-list-content-padded aui-text-right"> <div class="aui-btn aui-btn-info aui-btn-outlined round" tapmode @click="adumingxi(index)">明细</div> </div> </div> </div> <div class="aui-padded-10" id="newprolist" hidden="false"> <div class="aui-card-list" v-for="(item,index) in newprolist"> <div class="aui-card-list-header aui-border-b"> <div>新增物料单</div><span class="aui-text-success" v-if="item.PRStatus === 0">待审批</span> <span class="aui-text-success" v-else>已审批</span> </div> <div class="aui-card-list-content-padded"> <div>商品名称:{{item.PName}}</div> <div>规格:{{item.PSpecifications}}</div> <div>编码:{{item.PCode}}</div> <div>分类:{{item.PTName}}</div> <div>条形码:{{item.PBarCode}}</div> <div>单位:{{item.UnitName}}</div> <div>申请人:{{item.SMName}}</div> </div> <div class="aui-card-list-content-padded aui-text-right"> <div class="aui-btn aui-btn-danger aui-btn-outlined round" tapmode @click="deny(index)">拒绝</div> <div class="aui-btn aui-btn-info aui-btn-outlined round" tapmode @click="pass(index)">通过</div> <div class="aui-btn aui-btn-info aui-btn-outlined round" tapmode @click="tupian(index)">图片</div> </div> </div> </div> <p class="aui-text-center aui-padded-15">没有更多的数据了~</p> </div> <!-- 筛选布局 --> <div class="mask" tapmode="" onclick="closepop()"></div> <div class="popbox"> <!-- header --> <header class="popheader"> <h3 class="a
评论
    相关推荐
    • qpopper2.53.tar.Z
      pop3 server
    • imap-4.7.tar.Z
      被广泛使用的email服务器 /IMAPD/POPD
    • 53308459Add_Dlt_TabCtrl.rar
      Tab分页的删除和添加,实现分页动态的管理。
    • ns-allinone-2.33.tar.gz
      ns2.33这是目前比较新的ns2版本,欢迎下载
    • NetVideoActiveX23.rar
      海康威视 网络监控插件 带有例子 和开发的dll文件,非常易用
    • UR054g_(R01).zip
      法国inventel的ur054g(r01)v1.1的无线网卡驱动。
    • eat.rar
      外卖叫餐系统,采用ACCESS数据库,有完整天的后台管理系统
    • KSTVTUNE.ZIP
      装摄像头驱动需要用到的文件。Microsoft DirectX 9 SDK
    • Skin++.rar
      知名的Skin++界面库,内含所有库文件和大量皮肤文件.该库使用方便,可以减少您美化程序的痛苦.本版是破解版,没有注册提示.但只供学习研究使用哦,不要用在商业用途.
    • DLL函数查看器V2.0.rar
      DLL函数查看器V2.0 可以看看dll里导出地函数