BWPB3
/
WxXuSaleEmployeeRole
9
0
Fork 0
Code Issues 0 Pull Requests 0 Activity
Browse Source

特价申请单详情页

master
chenxuhui 7 years ago
parent
1f54ca503d
commit
88ccbf9345
5 changed files with 1186 additions and 32 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +7
    -0
      pages/specialOrderApplication/specialOrderApplication.js
  2. +640
    -29
      pages/specialOrderApplication/specialOrderApplyDetail/specialOrderApplyDetail.js
  3. +5
    -1
      pages/specialOrderApplication/specialOrderApplyDetail/specialOrderApplyDetail.json
  4. +222
    -1
      pages/specialOrderApplication/specialOrderApplyDetail/specialOrderApplyDetail.wxml
  5. +312
    -1
      pages/specialOrderApplication/specialOrderApplyDetail/specialOrderApplyDetail.wxss

+ 7
- 0
pages/specialOrderApplication/specialOrderApplication.js View File

@ -112,6 +112,13 @@ Page({
});
},
transToOrderDetail :function(e){
var ID = e.currentTarget.dataset.detailitemid;
wx.navigateTo({
url: 'specialOrderApplyDetail/specialOrderApplyDetail?ID='+ID,
})
},
// 时间检索条件发生变化，重新请求数据
bindDateChange: function(e) {
this.setData({


+ 640
- 29
pages/specialOrderApplication/specialOrderApplyDetail/specialOrderApplyDetail.js View File

@ -1,66 +1,677 @@
// pages/specialOrderApplication/specialOrderApplyDetail/specialOrderApplyDetail.js
var network = require("../../../utils/net.js");
const app = getApp();
var dateTimePicker = require('../../../utils/dateTimePicker.js');
var timechage = require("../../../utils/dateTimeUtil.js")
var getDept = "/MainSystem/B3MiniProgramRpc/Rpcs/BaseInfoRpc/GetDepartment";
var getSaleKind = "/MainSystem/B3MiniProgramRpc/Rpcs/BaseInfoRpc/GetSaleKind"
var getPrice = "/MainSystem/B3MiniProgramRpc/Rpcs/BaseInfoRpc/GetGoodsPirce";
var insert = '/MainSystem/B3MiniProgramRpc/XuRpcs/Employee/MarketingActivityRpc/Insert';
function GetSaleKind(that, v) {
let method = getSaleKind;
let params = [{
"InputValue": v,
"PageIndex": 0,
"PageSize": 100
}];
network.transfer_request(method, params, function (res) {
that.setData({
currency: res.result,
saletype: res.result
})
})
that.setData({
which: "销售类型"
})
}
function GetDepartment(that, inputValue) {
let method = getDept;
let params = [{
"InputValue": inputValue,
"PageIndex": 0,
"PageSize": 100
}];
network.transfer_request(method, params, function (res) {
that.setData({
currency: res.result,
department: res.result
})
})
that.setData({
which: "部门"
})
}
function GetAccountingUnit(that, inputValue) {
let method = "/MainSystem/B3MiniProgramRpc/Rpcs/BaseInfoRpc/GetAccountingUnit";
let params = [{
"InputValue": inputValue,
"PageIndex": 0,
"PageSize": 100
}];
network.transfer_request(method, params, function (res) {
that.setData({
currency: res.result,
unit: res.result
})
})
that.setData({
which: "会计部门"
})
}
Page({
/**
* 页面的初始数据
*/
data: {
currentTab: 0,
winHeight: app.globalData.winHeight,
// 从哪个页面返回当前页面
backPage: "",
dateTimeArray: null,
dateTime: null,
startYear: 2018,
endYear: 2030,
// 用户数组
customerArr: [],
// 存货数组
goodsNameArr: [],
which: "",
idx: 0,
currency: [],
saletypeIndex: 0,
saletype: [{
ID: 0,
Name: "请选择销售类型"
}],
customerIndex: 0,
customer: [{
ID: 0,
Name: "请选择客户"
}],
isUnit: 0,
unit: [], //会计单位
departmentIndex: 0,
department: [], //销售部门
name: "",
remark: '',
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
// 添加名称
getName: function (e) {
this.data.name = e.detail.value;
},
// 添加摘要
getRemark: function (e) {
this.data.remark = e.detail.value;
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
// 获取输入框值进行保存
getInputValue: function (e) {
var style = e.currentTarget.dataset.datastyle
var itemIndex = e.currentTarget.dataset.index;
var array = this.data.goodsNameArr;
array[itemIndex][style] = e.detail.value,
this.setData({
goodsNameArr: array,
})
},
// 获取存货时间变化进行保存
bindTimeChange: function (e) {
var style = e.currentTarget.dataset.datastyle
var itemIndex = e.currentTarget.dataset.index;
var array = this.data.goodsNameArr;
array[itemIndex][style] = e.detail.value,
this.setData({
goodsNameArr: array,
})
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
// 基本信息日期
changeDateTime(e) {
this.setData({
dateTime: e.detail.value
});
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
// 添加客户
addCustomer: function () {
wx.navigateTo({
url: '../../customerChooseTemplate/customerChooseTemplate?fromePage=specialOrder',
})
},
// 添加存货
addGoodsName: function () {
var that = this;
let unitID = that.data.unit[that.data.isUnit].ID;
var customerArr = that.data.customerArr;
if (unitID && customerArr.length > 0) {
let customerID = customerArr[0].ID;
wx.navigateTo({
url: '../../goodaNameChooseTemplate/goodaNameChooseTemplate?unitID=' + unitID + '&customerID' + customerID,
})
} else {
wx.showModal({
title: '提示',
content: '请先选择客户及会计单位',
})
}
},
/**
* 生命周期函数--监听页面卸载
* 滑动切换tab
*/
onUnload: function () {
bindChange: function (e) {
var that = this;
that.setData({
currentTab: e.detail.current
});
},
/**
* 页面相关事件处理函数--监听用户下拉动作
* 点击tab切换
*/
onPullDownRefresh: function () {
swichNav: function (e) {
var that = this;
if (this.data.currentTab === e.target.dataset.current) {
return false;
} else {
that.setData({
currentTab: e.target.dataset.current
})
}
},
// 遮罩的搜索框事件
select: function (e) {
var that = this;
// 自定义的类型
var which = e.currentTarget.dataset.item;
// 输入的值
var value = e.detail.value;
if (which == "会计部门") {
GetAccountingUnit(that, value)
} else if (which == "购货客户") {
GetCustomer(that, value)
} else if (which == "部门") {
GetDepartment(that, value)
} else if (which == "销售类型") {
GetSaleKind(that, value)
}
},
// 判断条件进行遮罩内容选取
powerDrawer: function (e) {
let that = this;
let x = e.currentTarget.dataset.x;
if (x == "会计部门") {
GetAccountingUnit(that, "")
} else if (x == "购货客户") {
GetCustomer(that, "")
} else if (x == "部门") {
GetDepartment(that, "")
} else if (x == "销售类型") {
GetSaleKind(that, "")
}
let currentStatu = e.currentTarget.dataset.statu;
// 添加动画打开遮罩
this.util(currentStatu)
},
// 遮罩层点击选中具体条目
itemclick: function (e) {
var that = this;
var which = e.currentTarget.dataset.item;
var idx = e.currentTarget.dataset.idx;
if (which == "会计部门") {
that.setData({
isUnit: idx
})
} else if (which == "购货客户") {
that.setData({
customerIndex: idx
})
GetSpecifiedCustomer(that, idx)
} else if (which == "部门") {
that.setData({
departmentIndex: idx
})
} else if (which == "销售类型") {
that.setData({
saletypeIndex: idx
})
}
this.setData({
showModalStatus: false,
})
},
/**
* 页面上拉触底事件的处理函数
* 存货明细保存按钮 点击新建单据 内部做逻辑判断 存储值是否都已经加载
*/
onReachBottom: function () {
submitOrder: function () {
var that = this;
let unitID = this.data.unit[this.data.isUnit].ID;
let departmentID = this.data.department[this.data.departmentIndex].ID;
let year = this.data.dateTimeArray[0][this.data.dateTime[0]]
let month = this.data.dateTimeArray[1][this.data.dateTime[1]]
let date = this.data.dateTimeArray[2][this.data.dateTime[2]]
let hour = this.data.dateTimeArray[3][this.data.dateTime[3]]
let minu = this.data.dateTimeArray[4][this.data.dateTime[4]]
let stringTime = year + "/" + month + "/" + date + " " + hour + ":" + minu + ":00"
let timestamp2 = Date.parse(new Date(stringTime));
let update = "/Date(" + timestamp2 + "+0800)/";
if (unitID == 0) {
wx.showToast({
title: '请选择会计单位'
})
return;
}
if (departmentID == 0) {
wx.showToast({
title: '请选择销售部门',
})
return;
}
if (this.data.customerArr.length <= 0) {
wx.showToast({
title: '客户不能为空',
})
return;
}
let customerDetailsArray = [];
var customerArray = this.data.customerArr;
for (var i = 0; i < customerArray.length; i++) {
var dmo = {
Customer_ID: customerArray[i].ID,
// CustomerCatalog_Name: customerArray[i].CustomerCatalog_Name,
}
customerDetailsArray.push(dmo)
}
if (this.data.goodsNameArr.length <= 0) {
wx.showToast({
title: '存货不能为空',
})
return;
}
let goodsDetailsArray = [];
var goodsNameArray = this.data.goodsNameArr;
for (var i = 0; i < goodsNameArray.length; i++) {
if (goodsNameArray[i].applicationPrice == "") {
wx.showToast({
title: '特价价格不能为空',
})
return;
}
if (goodsNameArray[i].applicationNum == '') {
wx.showToast({
title: '申请数量不能为空',
})
return;
}
let beginTime = timechage.formatymdERTDate(goodsNameArray[i].applicationStartTime);
let endTime = timechage.formatymdERTDate(goodsNameArray[i].applicationEndTime);
var dmo = {
SaleGoods_ID: goodsNameArray[i].SaleGoods_ID,
LastPrice: goodsNameArray[i].Price,
Price: goodsNameArray[i].applicationPrice,
BeginTime: beginTime,
EndTime: endTime,
Number: goodsNameArray[i].applicationNum,
Unit: goodsNameArray[i].applicationUnit,
}
goodsDetailsArray.push(dmo)
}
let method = insert;
let params = [{
"Name": this.data.name,
"MarketingActivityDate": update,
"AccountingUnit_ID": unitID,
"Department_ID": departmentID,
"Remark": this.data.remark,
"GoodsDetails": goodsDetailsArray,
"CustomerDetails": customerDetailsArray,
}];
network.transfer_request(method, params, function (res) {
if (res.result != null) {
wx.showModal({
title: '新建申请单No.' + res.result,
content: '新建成功,是否返回上级列表',
success: function (res) {
if (res.cancel) { } else {
wx.navigateBack({
delta: 1
})
}
},
fail: function (res) { }
})
}
})
},
// 删除客户明细
deleteCustomerItem: function (event) {
var id = event.target.dataset.idx;
var array = this.data.customerArr;
array.splice(id, 1);
this.setData({
customerArr: array,
})
},
// 删除存货明细
deleteGoodsItem: function (event) {
var id = event.target.dataset.id;
var array = this.data.goodsNameArr;
array.splice(id, 1);
this.setData({
goodsNameArr: array,
})
},
onLoad: function (options) {
var that = this;
let ID = Number(options.ID);
var method ='/MainSystem/B3MiniProgramRpc/XuRpcs/Employee/MarketingActivityRpc/Load';
let params = [ID];
network.transfer_request(method, params, function (res) {
console.log(res.result);
// 获取数据加载页面
let goodsDetailsArray = [];
var goodsNameArray = res.result.GoodsDetails;
for (var i = 0; i < goodsNameArray.length; i++) {
let beginTime = timechage.formatTimeTwo(goodsNameArray[i].BeginTime.substring(6, 19), 'Y-M-D')
let endTime = timechage.formatTimeTwo(goodsNameArray[i].EndTime.substring(6, 19), 'Y-M-D')
var dmo = {
SaleGoods_ID: goodsNameArray[i].SaleGoods_ID,
Goods_Name: goodsNameArray[i].Goods_Name,
Price: goodsNameArray[i].LastPrice,
applicationPrice: goodsNameArray[i].Price,
applicationStartTime: beginTime,
applicationEndTime: endTime,
applicationNum: goodsNameArray[i].Number,
applicationUnit: goodsNameArray[i].Unit,
}
goodsDetailsArray.push(dmo)
}
let customerDetailsArray = [];
var customerArray = res.result.CustomerDetails;
for (var i = 0; i < customerArray.length; i++) {
var dmo = {
ID: customerArray[i].Customer_ID,
CustomerCatalog_Name: customerArray[i].CustomerCatalog_Name,
Name: customerArray[i].Customer_Name,
}
customerDetailsArray.push(dmo)
}
let loadtimee = timechage.formatTimeTwo(res.result.MarketingActivityDate.substring(6, 19), 'Y-M-D h:m')
let unitOld = [{
ID: res.result.AccountingUnit_ID,
Name: res.result.AccountingUnit_Name
}]
let departmentOld = [{
ID: res.result.Department_ID,
Name: res.result.Department_Name
}]
that.setData({
name: res.result.Name,
remark: res.result.Remark,
goodsNameArr: goodsDetailsArray,
customerArr: customerDetailsArray,
department: departmentOld,
unit: unitOld,
// name: res.result.Name,
// remark: res.result.Name,
})
})
// 获取完整的年月日 时分秒，以及默认显示的数组
var obj1 = dateTimePicker.dateTimePicker(this.data.startYear, this.data.endYear);
// 精确到分的处理，将数组的秒去掉
var lastArray = obj1.dateTimeArray.pop();
var lastTime = obj1.dateTime.pop();
this.setData({
dateTimeArray: obj1.dateTimeArray,
dateTime: obj1.dateTime,
unit: [{
ID: app.globalData.accountingUnit_ID,
Name: app.globalData.accountingUnit_Name
}],
department: [{
ID: app.globalData.department_ID,
Name: app.globalData.department_Name
}],
});
},
GetGoodsPrice: function (Goods_ID, Unit, index) {
var that = this;
let timestamp = Date.parse(new Date());
let date = "/Date(" + timestamp + "+0800)/";
let unitID = that.data.unit[that.data.isUnit].ID;
let customerID = that.data.customerArr[0].ID;
let method = getPrice;
let params = [{
"Goods_ID": Goods_ID, //请求货物接口后返回的字段
"Unit": Unit, //请求货物接口后返回的字段
"Customer_ID": parseInt(customerID),
"AccountingUnit_ID": parseInt(unitID),
"Date": date
}];
network.transfer_request(method, params, function (res) {
var array = that.data.goodsNameArr;
array[index].Price = res.result.Price;
that.setData({
goodsNameArr: array,
})
})
},
onShow: function () {
var that = this;
if (this.data.backPage == "customerChoosePage") {
// 返回的用户只能是一条，所以index只能为0
var currentCustomerArr = app.globalData.customerArray;
if (currentCustomerArr.length > 0) {
this.setData({
customerArr: currentCustomerArr,
})
}
}
if (this.data.backPage == "goodsNameChoosePage") {
// 获取存货 加载完成后计算价格政策
var goodsArr = app.globalData.goodsNameArray;
if (goodsArr.length > 0) {
// 在此添加货品价格的请求
let backGoodsArr = [];
for (var i = 0; i < goodsArr.length; i++) {
// 存货名称
var name = goodsArr[i].Goods_Name;
// 存货ID
var id = goodsArr[i].SaleGoods_ID;
// 获取价格
var unit = goodsArr[i].Unit;
// 原单价
var infoprice = goodsArr[i].Price;
if (infoprice == null) {
infoprice = "";
}
// 特价
var policyPrice = "";
// 开始时间
var infoStartTime = timechage.formatTimeTwo(Date.parse(new Date()), 'Y-M-D');
// 结束时间
var infoEndTime = timechage.formatTimeTwo(Date.parse(new Date()), 'Y-M-D');
// 申请数量
var infoNum = "";
let goodsNameObj = {
Goods_Name: name,
SaleGoods_ID: Number(id),
Price: infoprice,
applicationPrice: policyPrice,
applicationStartTime: infoStartTime,
applicationEndTime: infoEndTime,
applicationNum: infoNum,
applicationUnit: unit,
}
backGoodsArr.push(goodsNameObj)
// 获取原单价
that.GetGoodsPrice(id, unit, i);
}
this.setData({
goodsNameArr: backGoodsArr,
})
}
}
},
/**
* 用户点击右上角分享
* 生命周期函数--监听页面卸载
*/
onShareAppMessage: function () {
onUnload: function () {
app.globalData.goodsNameArray = [];
app.globalData.customerArray = [];
},
util: function (currentStatu) {
/* 动画部分 */
// 第1步：创建动画实例
var animation = wx.createAnimation({
duration: 200, //动画时长
timingFunction: "linear", //线性
delay: 0 //0则不延迟
});
// 第2步：这个动画实例赋给当前的动画实例
this.animation = animation;
// 第3步：执行第一组动画
animation.opacity(0).rotateX(-100).step();
// 第4步：导出动画对象赋给数据对象储存
this.setData({
animationData: animation.export()
})
// 第5步：设置定时器到指定时候后，执行第二组动画
setTimeout(function () {
// 执行第二组动画
animation.opacity(1).rotateX(0).step();
// 给数据对象储存的第一组动画，更替为执行完第二组动画的动画对象
this.setData({
animationData: animation
})
//关闭
if (currentStatu == "close") {
this.setData({
showModalStatus: false,
});
}
}.bind(this), 200)
// 显示
if (currentStatu == "open") {
// 调用函数时，传入new Date()参数，返回值是日期和时间
// var timet = utilll.formatTime(new Date());
// 再通过setData更改Page()里面的data，动态更新页面的数据
this.setData({
// time: timet,
showModalStatus: true,
});
}
},
util1: function (currentStatu) {
/* 动画部分 */
// 第1步：创建动画实例
var animation = wx.createAnimation({
duration: 200, //动画时长
timingFunction: "linear", //线性
delay: 0 //0则不延迟
});
// 第2步：这个动画实例赋给当前的动画实例
this.animation = animation;
// 第3步：执行第一组动画
animation.opacity(0).rotateX(-100).step();
// 第4步：导出动画对象赋给数据对象储存
this.setData({
animationData: animation.export()
})
// 第5步：设置定时器到指定时候后，执行第二组动画
setTimeout(function () {
// 执行第二组动画
animation.opacity(1).rotateX(0).step();
// 给数据对象储存的第一组动画，更替为执行完第二组动画的动画对象
this.setData({
animationData: animation
})
//关闭
if (currentStatu == "close") {
this.setData({
showModalStatus1: false
});
}
}.bind(this), 200)
// 显示
if (currentStatu == "open") {
// 调用函数时，传入new Date()参数，返回值是日期和时间
// var timet = utilll.formatTime(new Date());
// 再通过setData更改Page()里面的data，动态更新页面的数据
this.setData({
// time: timet,
showModalStatus1: true
});
}
}
})

+ 5
- 1
pages/specialOrderApplication/specialOrderApplyDetail/specialOrderApplyDetail.json View File

@ -1 +1,5 @@
{}
{
"navigationBarBackgroundColor": "white",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "特价申请详情"
}

+ 222
- 1
pages/specialOrderApplication/specialOrderApplyDetail/specialOrderApplyDetail.wxml View File

@ -1,2 +1,223 @@
<!--pages/specialOrderApplication/specialOrderApplyDetail/specialOrderApplyDetail.wxml-->
<text>pages/specialOrderApplication/specialOrderApplyDetail/specialOrderApplyDetail.wxml</text>
<view class="swiper-tab">
<view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">基本信息</view>
<view class="swiper-tab-second {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">客户明细</view>
<view class="swiper-tab-list {{currentTab==2 ? 'on' : ''}}" data-current="2" bindtap="swichNav">存货明细</view>
</view>
<swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 55}}px" bindchange="bindChange">
<!-- 基本信息 -->
<swiper-item class="swiper-items1">
<view class='backGroundContainer'>
<view class='baseitem'>
<text class='baseitem_key'>名称</text>
<input class='baseitem_value' bindinput='getName' placeholder='请输入单据名称' value="{{name}}"></input>
</view>
<view class='horizontallineView'></view>
<view class='baseitem'>
<text class='baseitem_key'>日期</text>
<picker class='baseitem_value' mode="multiSelector" value="{{dateTime}}" bindchange="changeDateTime" range="{{dateTimeArray}}">
<view class="tui-picker-detail">
{{dateTimeArray[0][dateTime[0]]}}-{{dateTimeArray[1][dateTime[1]]}}-{{dateTimeArray[2][dateTime[2]]}} {{dateTimeArray[3][dateTime[3]]}}:{{dateTimeArray[4][dateTime[4]]}}
</view>
</picker>
</view>
<view class='horizontallineView'></view>
<view class='baseitem'>
<text class='baseitem_key'>会计单位</text>
<view class="baseitem_value" bindtap="powerDrawer" data-statu="open" data-x='会计部门' data-item='{{which}}'>
{{unit[isUnit].Name}}
</view>
</view>
<view class='horizontallineView'></view>
<view class='baseitem'>
<text class='baseitem_key'>销售部门</text>
<view class="baseitem_value" bindtap="powerDrawer" data-statu="open" data-x='部门' data-item='{{which}}'>
{{department[departmentIndex].Name}}
</view>
</view>
<view class='horizontallineView'></view>
<view class='baseitem'>
<text class='baseitem_key'>摘要</text>
<input class='baseitem_value' bindinput='getRemark' placeholder='请输入摘要信息' value="{{remark}}"></input>
</view>
<view class='horizontallineView'></view>
<!-- <view class='baseitem'>
<text class='baseitem_key'>销售类型</text>
<view class="baseitem_value {{saletype.length <=1 ? 'viewPlaceHolder' : 'viewSelected'}}" bindtap="powerDrawer" data-statu="open" data-x='销售类型' data-item='{{which}}'>
{{saletype[saletypeIndex].Name}}
</view>
</view>
<view class='horizontallineView'></view> -->
</view>
<!-- 遮罩 -->
<view class="drawer_screen" bindtap="powerDrawer" data-item='{{which}}' data-statu="close" wx:if="{{showModalStatus}}"></view>
<view animation="{{animationData}}" data-item='{{which}}' class="drawer_box" wx:if="{{showModalStatus}}">
<!--drawer content-->
<view class='top' data-item='{{which}}'>
<input data-item='{{which}}' class="sousuo" bindinput="select" placeholder='请输入搜索'>
</input>
</view>
<view class="drawer_content">
<block wx:for="{{currency}}" wx:key="item" wx:for-index="idx">
<view class="grid1" data-item='{{which}}' catchtap='itemclick' data-idx='{{idx}}'>
<text class='text3'>{{item.Name}}</text>
</view>
</block>
</view>
<view class="btn_ok" bindtap="powerDrawer" data-statu="close">取消</view>
</view>
</swiper-item>
<!-- 客户明细 -->
<swiper-item class="swiper-items2">
<scroll-view scroll-x="false" scroll-y="true" class='scroll-views'>
<view class="detaileListContainer {{customerArr.length > 0 ? '' : 'customerImageToTopFar'}}">
<block wx:for="{{customerArr}}" wx:key="item" wx:for-index="idx">
<template is="customerInfoTemplate" data="{{item,idx}}" />
</block>
</view>
<view class="imageView" catchtap='addCustomer'>
<image class='currentImage' src="/imgs/longBlueBtn.png">
<view class='btnTextView'>
<text class='btnText'>添加客户</text>
</view>
</image>
</view>
</scroll-view>
</swiper-item>
<!-- 存货详细 -->
<swiper-item class="swiper-items3">
<scroll-view scroll-x="false" scroll-y="true" class='scroll-views'>
<view class="detaileListContainer {{goodsNameArr.length > 0 ? '' : 'goodsNameImageToTopFar'}}">
<block wx:for="{{goodsNameArr}}" wx:for-item="item" wx:key="item" wx:for-index="idx">
<template is="goodsInfoTemplate" data="{{item,idx}}" />
</block>
</view>
<view class='imageView' catchtap='addGoodsName'>
<image class='currentImage' src="/imgs/longBlueBtn.png">
<view class='btnTextView'>
<text class='btnText'>添加存货</text>
</view>
</image>
</view>
<view class='imageViewNoMargin' catchtap='submitOrder'>
<image class='currentImage' src="/imgs/longBlueBtn.png">
<view class='btnTextView'>
<text class='btnText'>保存</text>
</view>
</image>
</view>
</scroll-view>
</swiper-item>
</swiper>
<template name="customerInfoTemplate">
<view class='listNumberView'>
客户明细：{{idx+1}}
</view>
<view class='baseitem'>
<text class='baseitem_key'>名称</text>
<view class='baseitem_value'>
{{item.Name}}
</view>
</view>
<view class='horizontallineView'></view>
<view class='baseitem'>
<text class='baseitem_key'>客户类型</text>
<view class='baseitem_value'>
{{item.CustomerCatalog_Name}}
</view>
</view>
<view class='horizontallineView'></view>
<view class='delete' catchtap='deleteCustomerItem' data-idx='{{idx}}'>删除</view>
<view class='horizontallineView'></view>
</template>
<template name="goodsInfoTemplate">
<view class='listNumberView'>
存货明细：{{idx+1}}
</view>
<view class='baseitem'>
<text class='baseitem_key'>存货名称</text>
<view class='baseitem_value'>
{{item.Goods_Name}}
</view>
</view>
<view class='horizontallineView'></view>
<view class='baseitem'>
<text class='baseitem_key'>原单价</text>
<view class='baseitem_value'>{{item.Price}}
<!-- <input class='inputItem' type='digit' value='{{item.Price}}' placeholder='请输入原单价价格' placeholder-style='color:rgb(202, 202, 202)' bindinput='getInputValue' data-index='{{idx}}' data-datastyle='Price'>
</input> -->
</view>
</view>
<view class='horizontallineView'></view>
<view class='baseitem'>
<text class='baseitem_key'>特价</text>
<view class='baseitem_value'>
<input class='inputItem' type='digit' value='{{item.applicationPrice}}' placeholder='请输入申请特价价格' bindinput='getInputValue' data-index='{{idx}}' data-datastyle='applicationPrice'>
</input>
</view>
</view>
<view class='horizontallineView'></view>
<view class='baseitem'>
<text class='baseitem_key'>开始时间</text>
<picker class='baseitem_value' mode="date" start="2018-01-01" end="2037-12-31" bindchange="bindTimeChange" data-index='{{idx}}' data-datastyle='applicationStartTime'>
<view>
{{item.applicationStartTime}}
</view>
</picker>
</view>
<view class='horizontallineView'></view>
<view class='baseitem'>
<text class='baseitem_key'>结束时间</text>
<picker class='baseitem_value' mode="date" start="2018-01-01" end="2037-12-31" bindchange="bindTimeChange" data-index='{{idx}}' data-datastyle='applicationEndTime'>
<view>
{{item.applicationEndTime}}
</view>
</picker>
</view>
<view class='horizontallineView'></view>
<view class='baseitem'>
<text class='baseitem_key'>申请数量</text>
<view class='baseitem_value'>
<input class='inputItem' placeholder='请输入申请数量' type='digit' value='{{item.applicationNum}}' bindinput='getInputValue' data-index='{{idx}}' data-datastyle='applicationNum'>
</input>
</view>
</view>
<view class='horizontallineView'></view>
<view class='delete' catchtap='deleteGoodsItem' data-id='{{idx}}'>删除</view>
<view class='horizontallineView'></view>
</template>

+ 312
- 1
pages/specialOrderApplication/specialOrderApplyDetail/specialOrderApplyDetail.wxss View File

@ -1 +1,312 @@
/* pages/specialOrderApplication/specialOrderApplyDetail/specialOrderApplyDetail.wxss */
/* pages/specialOrderApplication/specialOrderApplyDetail/specialOrderApplyDetail.wxss */
/* pages/specialOrderApplication/creatNewSpecialOrder/creatNewSpecialOrder.wxss */
page {
background:#EAF1F8;
height: calc(100%-10px);
}
.swiper-tab {
margin: 10px 20px;
text-align: center;
line-height: 30px;
background: white;
display: flex;
flex-direction: row;
border-radius: 5px;
border: 1px solid#2E8CF5;
overflow: hidden;
}
.swiper-tab-second{
height: 100%;
width: 50%;
font-size: 30rpx;
color: #777;
border-left: 1px solid#2E8CF5;
border-right: 1px solid#2E8CF5;
}
.swiper-tab-list {
height: 100%;
width: 50%;
font-size: 30rpx;
color: #777;
}
.on {
background-color:#2E8CF5 ;
color: white;
}
.swiper-box {
width: 100%;
display: block;
overflow: hidden;
}
.backGroundContainer{
background: #fff;
}
.baseitem {
height: 60rpx;
/* border-bottom: 0.1px solid #dbdbdb; */
display: flex;
flex-direction: row;
align-items: center;
padding: 20rpx 20rpx;
font-size: 30rpx;
}
.baseitem_key {
color: #666;
width: 40%;
}
.baseitem_value {
color: rgb(48, 48, 48);
width: 60%;
text-align: right;
}
.viewPlaceHolder{
color:rgb(202, 202, 202);
}
.viewSelected{
color:rgb(48, 48, 48);
}
.horizontallineView {
height: 1rpx;
background-color: #dbdbdb;
margin-left: 20rpx;
margin-right: 0rpx;
}
.scroll-views{
height: 100%;
}
.totalNumView{
width: 100%;
height: 300rpx;
background-color: #fff;
}
.totalTopView{
height: 200rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.delete {
width: 100%;
padding-top: 20rpx;
padding-bottom: 20rpx;
color: red;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
background: #fff;
font-size: 30rpx;
}
.moneyKeyView{
width: 100%;
color: #666;
font-size: 30rpx;
margin-top: 30rpx;
text-align: center;
}
.moneyValueView{
width: 100%;
color: #F68C38;
font-size: 30px;
margin-top: 0rpx;
text-align: center;
}
.totalBottomView{
width: 100%;
height: 100rpx;
border-bottom: 0.1px solid #dbdbdb;
border-top: 0.1px solid #dbdbdb;
display: flex;
flex-direction: row;
background-color: #fff;
justify-content: space-around;
}
.verticallineView{
margin-top: 20rpx;
height: 60rpx;
width: 2rpx;
background-color: #dbdbdb;
}
.bottomTextView{
line-height: 100rpx;
justify-content: space-between;
font-size: 30rpx;
color: black;
}
.detaileListContainer {
display: flex;
flex-direction: column;
background-color: #fff;
}
.customerImageToTopFar{
height: calc(100% - 100px);
background:#EAF1F8;
}
.goodsNameImageToTopFar{
height: calc(100% - 180px);
background:#EAF1F8;
}
.listNumberView {
height: 40rpx;
background-color:#EAF1F8;
padding-left:20rpx;
padding-top: 30rpx;
padding-bottom: 10rpx;
font-size: 27rpx;
color: #666;
}
.listItem {
height: 60rpx;
line-height: 60rpx;
padding: 20rpx 20rpx;
justify-content: space-between;
font-size: 16px;
color: black;
}
.groupTwo{
display: flex;
flex-direction: row;
justify-content: space-around;
background-color: #fff;
}
.lightGray{
font-size: 30rpx;
color: #666;
}
.imageView {
height: 80px;
width: 100%;
margin-top: 20rpx;
position: relative;
align-items: center;
justify-content: center;
box-sizing: content-box;
}
.imageViewNoMargin{
height: 80px;
width: 100%;
margin-top: -10rpx;
position: relative;
align-items: center;
justify-content: center;
box-sizing: content-box;
}
.currentImage {
width: 100%;
height: 100%;
}
.btnTextView {
position: absolute;
width: 100%;
top:0;
line-height: 65px;
text-align: center;
}
.btnText {
color: white;
font-size: 20px;
}
/* ---------------------------- */
/* 遮罩筛选 */
.drawer_screen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background: #000;
opacity: 0.5;
overflow: hidden;
}
.sousuo {
/* margin-right: 10%;
margin-left: 10%; */
text-align: center;
background: #d6d8da;
height: 40px;
font-size: 28rpx;
}
.drawer_content {
height: 500rpx;
overflow-y: scroll; /*超出父盒子高度可滚动*/
}
.drawer_box {
width: 650rpx;
overflow: hidden;
position: fixed;
top: 50%;
left: 0;
z-index: 1001;
background: #fafafa;
margin: -150px 50rpx 0 50rpx;
border-radius: 3px;
}
.btn_ok {
padding: 10px;
font: 20px "microsoft yahei";
text-align: center;
border-top: 1px solid #e8e8ea;
color: #2E8CF5;
}
.top {
height: 20%;
justify-content: center;
align-items: center;
}
.grid1 {
width: 100%;
border-bottom: 1px solid #c3c3c3;
/* padding-top: 5px;
padding-bottom: 10px; */
padding-top: 16rpx;
padding-bottom: 16rpx;
text-align: center;
}
.text3 {
font-size: 18px;
color: rgb(48, 48, 48);
}

Write Preview
Loading…
Cancel
Save