IMS.zip_前端 aui 进销存_64ca com_界面编程

<!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> <div class=" bgw aui-padded-10">  <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> <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-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 class="popheader"> <h3 class="a