vue-cli init

This commit is contained in:
2025-08-15 16:25:44 +08:00
parent e81805b4c0
commit 8e22afd798
590 changed files with 103286 additions and 213 deletions
+300
View File
@@ -0,0 +1,300 @@
<template>
<view>
<u-sticky>
<div style="height: 43px; border-bottom: 1rpx solid #eeeeee; background-color: #FFFFFF;">
<u-tabs :list="tabList" name="title" active-color="red" :is-scroll="false"
@change="onTabChange"></u-tabs>
</div>
</u-sticky>
<view class="u-demo-block">
<view class="u-page__tag-item">
<u-search v-model="searchProductWeaveNo" :show-action="false" @custom="selectProductWeaveData"
@search="selectProductWeaveData" placeholder="请输入排产单号或织厂名称"></u-search>
</view>
</view>
<dataNull v-if="list.length == 0" src="/static/img/chahua/gjNull.png" title="暂无相关排产单" title1="请添加或者更换搜索添加">
</dataNull>
<scroll-view v-else scroll-y="true" :style="{height: scrollHeight}" @scrolltolower="selectDataFun"
refresher-enabled :refresher-threshold="200" :refresher-triggered="triggered" refresher-background="gray"
@refresherrefresh="onRefresh" @refresherrestore="onRestore">
<view v-for="(item, index) in list" :key="index" @click="cardClickFun(item, index)">
<productweaveview :item="item" :isSelect="isSelect" :index="index"></productweaveview>
</view>
<getMore :isMore="isMore"></getMore>
</scroll-view>
</view>
</template>
<script>
let that = '';
//import {tyDropDown,dropDownByUser,bjdDatePxData,bjdSxDropDownData} from '../../static/utils/dropdown.js'
//import {getDayFun,getDayByNumFun} from '@/static/utils/date.js'
import dataNull from '@/components/dataNull/dataNull.vue'
import addBtn from '@/components/addBtn/addBtn.vue'
import productweaveview from '@/pages/productorder/productweaveview.vue'
import getMore from '@/components/getMore/getMore.vue'
import topDropdown from '../../components/topDropdown/topDropdown.vue'
import util, {playSuccessAudio,playErrorAudio} from '../../common/util';
import {TbOrderCouponService} from "@/dev/services/tb-order-coupon.service";
export default {
components: {
dataNull,
addBtn,
getMore,
productweaveview,
topDropdown
},
data() {
return {
tabList: [
{title: '现货', status: null},
{title: '版单', status: '1'},
{title: '全部', status: '2'},
],
searchProductWeaveNo: '',
activeTabIndex: 0,
sxList: [],
list: [],
pageIndex: 1,
isMore: true,
scrollHeight: '667px',
triggered: false,
isSelect: false,
pageType: '',
sortObj: {
update_date: -1
},
optionsReq: {}, // 第一个下拉框请求参数
dateReq: [], // 日期相关请求参数
sxReq: JSON.stringify({}), // 筛选想请求参数
matchObj: {},
searchValue: '',
clientIdArr: [],
tabNoEqualArr: [], //标签页不等于数据
depId: undefined
}
},
onLoad(e) {
that = this;
let obj = {};
if (e.clientId) {
that.clientIdArr = [e.clientId]
}
that.matchObj = obj;
that.optionsReq = JSON.stringify(obj);
that.pageType = e.type ? e.type : '';
if (e.type) {
that.isSelect = true;
}
uni.getSystemInfo({
success(res) {
that.scrollHeight = res.windowHeight - 40 + 'px';
}
})
if (e.next_gjDate) {
let dateArr = getDayByNumFun(e.next_gjDate);
let dateObj = {
field: 'next_gjDate',
sTime: dateArr[1],
eTime: dateArr[0]
};
let arr = that.sxList;
//arr[0].current = 0;
that.sxList = arr;
that.dateReq.push(dateObj)
} else {
let arr = that.sxList;
//arr[0].current = '';
that.sxList = arr;
}
that.selectDataFun();
//uni.$on('deleteCardFun', that.deleteCardFun);
//uni.$on('updateBjdListByIndex', that.updateBjdListByIndex)
//uni.$on('addBjdItemInListFun', that.addBjdItemInListFun)
},
watch: {
activeTabIndex: {
deep: true, // 深度监听
handler(newVal, oldVal) {
//console.log("activeTabIndex参数改变,即将刷新...", `新值:${newVal}`, `旧值:${oldVal}`);
that.selectDataFun(newVal);
//this.doRefresh(this.tbOrderCouponList)
}
}
},
// 上拉加载
onReachBottom: function () {
/*
if (this.pagination.hasNextPage) {
this.doInfinite()
}
*/
},
onBackPress() {
uni.$off('deleteCardFun', that.deleteCardFun);
uni.$off('updateBjdListByIndex', that.updateBjdListByIndex)
uni.$off('addBjdItemInListFun', that.addBjdItemInListFun);
},
methods: {
onTabChange(index) {
const _self = this;
this.activeTabIndex = index;
//this.urlParams.activeTabIndex = this.activeTabIndex;
},
selectProductWeaveData: function() {
uni.request({
url: util.apiurl + 'rest/db/opensql',
data: {
token: getApp().globalData.Token,
format: 'json',
data: {
db_name: getApp().globalData.AppDBName,
sql_command_id: 'APP.GetProductWeaveSQL',
params: [{
name: 'WFID',
value: 0
}, {
name: 'MWFID',
value: 0
}, {
name: 'ProductWeaveNo',
value: '%' + this.searchProductWeaveNo + '%'
}, {
name: 'WeaveFactoryName',
value: '%' + this.searchProductWeaveNo + '%'
}]
},
},
success: (res) => {
this.triggered = false;
let data = res.data.data;
if (that.pageIndex == 1) {
that.list = [];
}
if (res.data == 20) {
that.pageIndex += 1;
that.isMore = true;
} else {
that.isMore = false;
}
that.list = that.list.concat(data);
},
})
},
/**
* 加载更多数据中
* @param infiniteScroll
*/
doInfinite(infiniteScroll) {
const _self = this;
new TbOrderCouponService().findTableTbOrderCouponList({
pagination: _self.pagination,
data: {
communityId: _self.globalVariable.userInfo.tbCommunity.id,
userId: _self.globalVariable.userInfo.id,
status: _self.tabList[_self.activeTabIndex].status,
orderBy: 'create_time desc',
},
}).then(result => {
_self.pagination.refreshPage(result);
_self.tbOrderCouponList = [..._self.tbOrderCouponList, ...result.list];
});
},
// 查询报价单
selectDataFun: function() {
uni.request({
url: util.apiurl + 'rest/db/opensql',
data: {
token: getApp().globalData.Token,
format: 'json',
data: {
db_name: getApp().globalData.AppDBName,
sql_command_id: 'APP.GetProductWeaveSQL',
params: [{
name: 'WFID',
value: 0
}, {
name: 'MWFID',
value: 0
}, {
name: 'ProductWeaveNo',
value: '%' + this.searchProductWeaveNo + '%'
}, {
name: 'WeaveFactoryName',
value: '%' + this.searchProductWeaveNo + '%'
}]
},
},
success: (res) => {
this.triggered = false;
let data = res.data.data;
if (that.pageIndex == 1) {
that.list = [];
}
if (res.data == 20) {
that.pageIndex += 1;
that.isMore = true;
} else {
that.isMore = false;
}
that.list = that.list.concat(data);
},
})
},
// 卡片点击方法
cardClickFun: function(item, index) {
uni.navigateTo({
url: '/pages/productorder/productweaveDetail?'
+'billmid=' + item.ProductWeaveMasterID
+'&billdid=' + item.ProductWeaveDetailID
})
},
// 搜索框回调方法
searchBoxEmitFun: function(e) {
that.searchValue = e.searchValue1;
that.cxGetDataFun()
},
// 下拉刷新
onRefresh: function() {
if (that.triggered) return
that.triggered = true;
that.cxGetDataFun();
},
onRestore: function(e) {
that.triggered = false; // 需要重置
},
// 重新获取数据
cxGetDataFun: function() {
that.pageIndex = 1;
that.isMore = true;
that.selectDataFun();
},
deleteCardFun: function(e) {
let arr = that.list;
arr.splice(e.index, 1);
that.list = arr;
},
// add页面新增数据
addBjdItemInListFun: function(e) {
that.cxGetDataFun()
},
// 通过下标更新list数据
updateBjdListByIndex: function(e) {
that.$set(that.list, parseInt(e.index), e.obj)
},
}
}
</script>
<style>
page {
background-color: #F8F8F8;
}
</style>
@@ -0,0 +1,586 @@
<template>
<view class="wrap">
<u-form ref="uForm">
<u-form-item>
<text class="title" style="width:200px;">排产单号:{{ProductWeaveNo}}</text>
<text class="title" style="width:200px;">排产日期:{{$u.timeFormat(ProductWeaveDate, 'yyyy-mm-dd')}}</text>
</u-form-item>
<u-form-item>
<text class="title" style="width:200px;">织厂名称:{{WeaveFactoryName}}</text>
<text class="title" style="width:200px;">商品编码:{{FabricEmbryoCodeNo}}</text>
</u-form-item>
<u-form-item>
<text class="title" style="width:200px;">坯布名称:{{FabricEmbryoName}}</text>
</u-form-item>
<u-form-item>
<text class="title" style="width:200px;">坯布颜色:{{EmbryoCodeName}}</text>
<text class="title" style="width:200px;">日产条数:{{WeaveMachineDayYieldQty}}条</text>
</u-form-item>
<view @click="pickerSelectFun('进度状态')" class="flex-white-plr26 ptb20 bdb_f5">
<text>进度状态</text>
<view class="bluecolor" :class="WeaveCompleteTypeName ? '' : 'cBlack'">
{{WeaveCompleteTypeName ? WeaveCompleteTypeName : '请选择'}}
<u-icon class="ml26" name="arrow-right" size="40" color="#888888"></u-icon>
</view>
</view>
<u-form-item>
<text class="title" style="width:80px;">生产情况:</text>
<u-input v-model="WeaveFactoryWeaveRemark" />
</u-form-item>
<u-form-item>
<text class="title" style="width:80px;">安排机台:</text>
<u-input v-model="WeaveFactoryMachineNos" type="number" placeholder="请输入数字"
@input="TypeInputWeaveFactoryMachineNos($event)" /></text>
<text class="title" style="width:80px;">染纱货期:</text>
<u-input v-model="DyeWorksDyeYarnTermDate" /></text>
</u-form-item>
<u-form-item>
<text class="title" style="width:80px;">派纱时间:</text>
<u-input v-model="WeaveFactorySendYarn" />
<text class="title" style="width:80px;">上机时间:</text>
<u-input v-model="WeaveFactoryMachineBeginDate" /></text>
</u-form-item>
<u-form-item>
<text class="title" style="width:80px;">派纱备注:</text>
<u-input v-model="WeaveFactorySendRemark" />
</u-form-item>
<u-form-item>
<text class="title" style="width:200px;">当前跟前天累计条数:{{TowDayInRoll}}条</text>
<text class="title" style="width:200px;">当天收布条数:{{ToDayInRoll}}条</text>
</u-form-item>
<u-form-item>
<text class="title" style="width:200px;">累计条数:{{SumInRoll}}条</text>
<text class="title" style="width:80px;">未织条数:</text>
<u-input v-model="NotProductWeaveRoll" type="number" placeholder="请输入数字"
@input="TypeInputNotProductWeaveRoll($event)" />
</u-form-item>
<u-form-item>
<text class="title" style="width:200px;">欠胚数量:{{NotProductRoll}}条</text>
<text class="title" style="width:80px;">织厂存胚:</text>
<u-input v-model="WeaveFactoryStoreRoll" type="number" placeholder="请输入数字"
@input="TypeInputNotWeaveFactoryStoreRoll($event)" />
</u-form-item>
<u-form-item>
<text class="title" style="width:100px;">回复交货时间:</text>
<u-input v-model="WeaveFactoryReplyTermDate" />
</u-form-item>
<u-form-item>
<text class="title" style="width:100px;">更改货期原因:</text>
<u-input v-model="WeaveFactoryReplyRemark" />
</u-form-item>
<u-form-item>
<text class="title" style="width:200px;">成品间距:{{GoodsWeaveSpaceNames}}</text>
<text class="title" style="width:200px;">针 寸 数:{{NeedleInch}}</text>
</u-form-item>
<u-form-item>
<text class="title" style="width:400px;">织厂地址:{{WeaveFactoryContactAddress}}</text>
</u-form-item>
<u-form-item>
<text class="title" style="width:200px;">联 系 人:{{WeaveFactoryContactName}}</text>
<text class="title" style="width:200px;">织厂电话:{{WeaveFactoryContactPhone}}</text>
</u-form-item>
<u-form-item>
<text class="title" style="width:200px;">排产条数:{{WeaveRoll}}</text>
<text class="title" style="width:200px;">排产重量:{{WeaveQty}}</text>
</u-form-item>
<!--提交按钮-->
<view class="submitView">
<u-button type="primary" class="submitBtn" :ripple="true" ripple-bg-color="#909399"
@click="submitBtnFun"> {{pageType ? '保存' : '提交'}}
</u-button>
</view>
</u-form>
<view class="u-demo-area">
<u-toast ref="uToast"></u-toast>
<wyb-table ref="table" :headers="headersMaster" :contents="YarnDetailList" />
</view>
<u-select v-model="selectShow" :list="selectList" @confirm="selectConfirmFun"></u-select>
</view>
</template>
<script>
import util, {
parFabricGoodsBarCode2D,
parYarnGoodsBarCode2D,
playSuccessAudio,
playErrorAudio
} from '../../common/util';
import wybTable from '@/components/wyb-table/wyb-table.vue';
let that = '';
export default {
data() {
return {
BillMasterID: 0,
BillDetailID: 0,
borderColor: '#e4e7ed',
align: 'center',
index: 0,
actionSheetShow: false,
selectShow: false,
selectList: [],
selectType: '',
pageType: '',
ProductWeaveNo: '',
ProductWeaveDate: '',
WeaveFacctoryID: 0,
WeaveFactoryName: '',
WeaveFactoryContactAddress: '',
WeaveFactoryContactName: '',
WeaveFactoryContactPhone: '',
FabricEmbryoNo: '',
FabricEmbryoName: '',
EmbryoCodeNo: '',
EmbryoCodeName: '',
FabricEmbryoCodeNo: '',
GoodsWeaveSpaceNames: '',
WeaveCompleteTypeID: 0,
WeaveCompleteTypeName: '',
NeedleInch: '',
WeaveRoll: 0,
WeaveQty: 0,
WeaveMachineDayYieldQty: 0,
WeaveFactoryMachineNos: '',
WeaveFactoryWeaveRemark: '',
WeaveFactorySendYarn: '',
WeaveFactorySendRemark: '',
WeaveFactoryMachineBeginDate: '',
DyeWorksDyeYarnTermDate: '',
WeaveFactoryReplyTermDate: '',
WeaveFactoryReplyRemark: '',
TowDayInRoll: 0,
ToDayInRoll: 0,
SumInRoll: 0,
NotProductWeaveRoll: '',
NotProductRoll: 0,
WeaveFactoryStoreRoll: '',
YarnDetailList: [],
BaseDataList: [],
BillDataMessage: '',
headersMaster: [{
label: '原料编号',
key: 'YarnNo'
}, {
label: '原料名称',
key: 'YarnName'
}, {
label: '色号',
key: 'YarnColorNo'
}, {
label: '颜色',
key: 'YarnColorName'
}, {
label: '原料比例(%)',
key: 'YarnRate'
}, {
label: '原料损耗(%)',
key: 'YarnLost'
}, {
label: '用纱量',
key: 'YarnUseQty'
}],
}
},
onLoad(e) {
that = this;
if (e.billmid) {
that.BillMasterID = e.billmid;
that.BillDetailID = e.billdid;
}
that.ProductWeaveDetail();
setTimeout(() => {
that.getBaseDataList();
}, 1000);
console.log("---BillID->" + this.BillMasterID + '--BillDetailID->' + this.BillDetailID);
},
methods: {
playSuccess() {
util.playSuccessAudio();
},
playError() {
util.playErrorAudio();
},
TypeInputNotProductWeaveRoll(e, val) {
// 只能输入数字的验证;
const inputType = /[^\d]/g //想限制什么类型在这里换换正则就可以了
this.$nextTick(function() {
this.NotProductWeaveRoll = e.replace(inputRule, '');
})
},
TypeInputNotWeaveFactoryStoreRoll(e, val) {
// 只能输入数字的验证;
const inputType = /[^\d]/g //想限制什么类型在这里换换正则就可以了
this.$nextTick(function() {
this.WeaveFactoryStoreRoll = e.replace(inputRule, '');
})
},
TypeInputWeaveFactoryMachineNos(e, val) {
// 只能输入数字的验证;
const inputType = /[^\d]/g //想限制什么类型在这里换换正则就可以了
this.$nextTick(function() {
this.WeaveFactoryStoreRoll = e.replace(inputRule, '');
})
},
getBaseDataList() {
uni.request({
url: util.apiurl + 'rest/db/opensql',
data: {
token: getApp().globalData.Token,
format: 'json',
data: {
db_name: getApp().globalData.AppDBName,
sql_command_id: 'APP.BaseData.GetBaseDataList',
params: [{
name: 'TypeNo',
value: 'ProductWeave.WeaveCompleteTypeName'
}]
},
},
success: (res) => {
if (res.data.status == 0 && res.data.count > 0) {
var aResultData = res.data.data;
for (var i = 0; i < aResultData.length; i++) {
this.BaseDataList.push({
value: aResultData[i].BaseDataID,
label: aResultData[i].BaseDataName
})
}
} else if (res.data.status == 0 && res.data.count <= 0) {
this.BaseDataList = [];
} else {
this.BaseDataList = [];
}
},
fail: (error) => {
uni.showToast({
icon: 'none',
title: '连接服务器出错,请检查后台服务是否启动!' + res.data.msg
});
setTimeout(function() {
uni.hideLoading();
}, 5000);
},
})
},
// 提交按钮方法
submitBtnFun: function() {
console.log("------->>>" + this.BillDetailID);
if (this.BillDetailID == 0) {
//this.playError();
this.BillDataMessage = '当前单号为空,不能提交!';
return;
}
uni.request({
url: util.apiurl + 'rest/db/storedproc',
data: {
token: getApp().globalData.Token,
format: 'json',
data: {
db_name: getApp().globalData.AppDBName,
proc_name: 'Usp_APP_ProductWeaveTrackData',
method: 'open_proc',
params: [{
name: '@BillMasterID',
value: this.BillMasterID
},
{
name: '@BillDetailID',
value: this.BillDetailID
},
{
name: '@WeaveCompleteTypeName',
value: this.WeaveCompleteTypeName
},
{
name: '@WeaveFactoryMachineNos',
value: this.WeaveFactoryMachineNos
},
{
name: '@WeaveFactoryWeaveRemark',
value: this.WeaveFactoryWeaveRemark
},
{
name: '@WeaveFactorySendYarn',
value: this.WeaveFactorySendYarn
}, {
name: '@WeaveFactorySendRemark',
value: this.WeaveFactorySendRemark
},
{
name: '@WeaveFactoryMachineBeginDate',
value: this.WeaveFactoryMachineBeginDate
},
{
name: '@DyeWorksDyeYarnTermDate',
value: this.DyeWorksDyeYarnTermDate
},
{
name: '@WeaveFactoryReplyTermDate',
value: this.WeaveFactoryReplyTermDate
}, {
name: '@WeaveFactoryReplyRemark',
value: this.WeaveFactoryReplyRemark
},
{
name: '@NotProductWeaveRoll',
value: this.NotProductWeaveRoll
},
{
name: '@WeaveFactoryStoreRoll',
value: this.WeaveFactoryStoreRoll
},
{
name: '@UserName',
value: getApp().globalData.UserName
}
]
},
},
success: (res) => {
if (res.data.status == 0) {
var aResultData = JSON.parse(res.data.data);
if (aResultData.BillDataStatus == '0' && aResultData.BillDataMessage ==
'SUCCESS') {
uni.showToast({
icon: 'none',
title: '提交成功!'
});
uni.navigateBack({
delta: 1
})
} else {
uni.showToast({
icon: 'none',
title: '提交出错!' + aResultData.BillDataMessage
});
return;
}
} else {
uni.showToast({
icon: 'none',
title: '提交出错!'
});
return;
}
},
fail: (error) => {
//this.playError();
uni.showToast({
icon: 'none',
title: '连接服务器出错,请检查后台服务是否启动!'
});
},
})
},
// 展示相应数据选择框
pickerSelectFun: function(str) {
that.selectList = [];
if (str == '进度状态') {
console.log("--<<<<<->>>" + str);
that.selectList = this.BaseDataList;
}
that.selectShow = true;
that.selectType = str;
},
// 选择框选中事件
selectConfirmFun: function(e) {
if (that.selectType == '进度状态') {
that.WeaveCompleteTypeID = e[0].value;
that.WeaveCompleteTypeName = e[0].label;
}
},
ProductWeaveDetail: function() {
if (this.BillMasterID == 0) {
this.BillMasterID = 30685
}
uni.request({
url: util.apiurl + 'rest/db/opensql',
data: {
token: getApp().globalData.Token,
format: 'json',
data: {
db_name: getApp().globalData.AppDBName,
sql_command_id: 'APP.GetProductWeaveDetailSQL',
params: [{
name: 'BillID',
value: this.BillMasterID
}]
},
},
success: (res) => {
this.triggered = false;
let data = res.data.data;
if (res.data.status == 0 && res.data.count > 0) {
var aResultData = res.data.data;
this.YarnDetailList = res.data.data;
this.ProductWeaveNo = aResultData[0].ProductWeaveNo;
this.ProductWeaveDate = aResultData[0].ProductWeaveDate;
this.WeaveFactoryName = aResultData[0].WeaveFactoryName;
this.WeaveCompleteTypeName = aResultData[0].WeaveCompleteTypeName;
this.WeaveFactoryContactAddress = aResultData[0].WeaveFactoryContactAddress;
this.WeaveFactoryContactName = aResultData[0].WeaveFactoryContactName;
this.WeaveFactoryContactPhone = aResultData[0].WeaveFactoryContactPhone;
this.FabricEmbryoCodeNo = aResultData[0].FabricEmbryoCodeNo;
this.FabricEmbryoNo = aResultData[0].FabricEmbryoNo;
this.FabricEmbryoName = aResultData[0].FabricEmbryoName;
this.EmbryoCodeNo = aResultData[0].EmbryoCodeNo;
this.EmbryoCodeName = aResultData[0].EmbryoCodeName;
this.GoodsWeaveSpaceNames = aResultData[0].GoodsWeaveSpaceNames;
this.NeedleInch = aResultData[0].NeedleInch;
this.WeaveMachineDayYieldQty = aResultData[0].WeaveMachineDayYieldQty;
this.WeaveFactoryMachineNos = aResultData[0].WeaveFactoryMachineNos;
this.WeaveFactoryWeaveRemark = aResultData[0].WeaveFactoryWeaveRemark;
this.WeaveFactorySendYarn = aResultData[0].WeaveFactorySendYarn;
this.WeaveFactoryMachineBeginDate = aResultData[0]
.WeaveFactoryMachineBeginDate;
this.WeaveFactorySendRemark = aResultData[0].WeaveFactorySendRemark;
this.WeaveFactoryMachineBeginDate = aResultData[0]
.WeaveFactoryMachineBeginDate;
this.DyeWorksDyeYarnTermDate = aResultData[0].DyeWorksDyeYarnTermDate;
this.WeaveFactoryReplyTermDate = aResultData[0].WeaveFactoryReplyTermDate;
this.WeaveFactoryReplyRemark = aResultData[0].WeaveFactoryReplyRemark;
this.TowDayInRoll = aResultData[0].TowDayInRoll;
this.ToDayInRoll = aResultData[0].ToDayInRoll;
this.SumInRoll = aResultData[0].SumInRoll;
this.NotProductWeaveRoll = aResultData[0].NotProductWeaveRoll;
this.NotProductRoll = aResultData[0].NotProductRoll;
this.WeaveFactoryStoreRoll = aResultData[0].WeaveFactoryStoreRoll;
this.WeaveRoll = aResultData[0].WeaveRoll.toFixed(2) + '条';
this.WeaveQty = aResultData[0].WeaveQty.toFixed(2) + 'Kg';
} else if (res.data.status == 0 && res.data.count <= 0) {
this.YarnDetailList = [];
} else {
this.YarnDetailList = [];
}
},
})
},
}
}
</script>
<style>
page {
background-color: #F8F8F8;
padding-bottom: 260rpx;
}
.u-radio {
width: 200rpx !important;
}
.submitView {
width: 100%;
padding: 16rpx 0 26rpx;
background-color: #FFFFFF;
position: fixed;
bottom: 0;
left: 0;
border-top: 1rpx solid #f1f1f1;
display: flex;
align-items: center;
justify-content: center;
z-index: 100;
}
.submitBtn {
width: 666rpx;
}
.productBox {
background-color: #FFFFFF;
margin-top: 32rpx;
padding: 26rpx 0;
}
.tjcpName {
width: 686rpx;
height: 40rpx;
font-size: 16px;
font-weight: bold;
border-left: 6rpx solid #007AFF;
padding-left: 12rpx;
margin-left: 26rpx;
margin-top: 26rpx;
}
.cpInput {
width: 150rpx !important;
margin-right: 12rpx;
}
.cpInput>input {
box-sizing: border-box;
border: 1rpx solid #DDDDDD;
width: 100%;
height: 60rpx;
border-radius: 10rpx;
padding: 0 10rpx;
}
.cpInput1 {
width: 200rpx !important;
margin-right: 12rpx;
}
.cpInput1>input {
box-sizing: border-box;
border: 1rpx solid #DDDDDD;
width: 100%;
height: 60rpx;
border-radius: 10rpx;
padding: 0 10rpx;
}
.clearIcon {
position: absolute;
right: 6rpx;
top: 6rpx;
}
.greenPrice {
font-size: 16px;
color: #19BE6B !important;
font-weight: bold;
}
.disFlex {
display: flex;
align-items: center;
margin-bottom: 8rpx;
}
.inputName {
color: #ADADAD;
font-size: 16px;
}
.addHKQS {
display: flex;
align-items: center;
padding: 16rpx 26rpx;
font-size: 15px;
font-weight: bold;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
</style>
@@ -0,0 +1,94 @@
<template>
<view class="myCard" @click="gotoDetailFun">
<view class="cardTopName">排产单号:{{item.ProductWeaveNo}} {{item.WeaveFactoryName}}</view>
<view class="cardRow">
<view>排产日期:</view>
<view>{{item.ProductWeaveDate}}</view>
</view>
<view class="cardRow">
<view>商品编码:</view>
<view>{{item.FabricEmbryoNo}}-{{item.EmbryoCodeNo}}#</view>
</view>
<view class="cardRow">
<view>商品名称:</view>
<view>{{item.FabricEmbryoName}}</view>
</view>
<view class="cardRow">
<view>商品颜色:</view>
<view>{{item.EmbryoCodeName}}</view>
</view>
<view class="cardRow">
<text class="fzrLeft">进度状态:</text>
<text class="fzrRight">{{item.WeaveCompleteTypeName}}</text>
</view>
<view class="cardRow">
<view class="fzrLeft">生产情况:</view>
<view class="fzrRight">{{item.WeaveFactoryWeaveRemark}}</view>
</view>
<view class="cardRow">
<view>排产数量:</view>
<text class="fzrRight">{{item.WeaveRoll}}条 {{item.WeaveQty}}Kg</text>
</view>
<view class="cardRow">
<view>已产数量:</view>
<text class="fzrRight">{{item.HasProductRoll}}条 {{item.HasProductQty}}Kg</text>
</view>
<view class="cardRow">
<view>派纱时间:</view>
<view>{{item.WeaveFactorySendYarn}}</view>
</view>
<view class="cardRow">
<view>派纱备注:</view>
<view>{{item.WeaveFactorySendRemark}}</view>
</view>
<view v-if="!isDetail && !isSelect" class="lookDetail">
<text>查看详情</text>
<u-icon name="arrow-right" size="36"></u-icon>
</view>
</view>
</template>
<script>
export default {
props: {
item: {
type: Object,
default: () => {}
},
index: {
type: Number,
default: 0
},
isSelect: {
type: Boolean,
default: false
},
isDetail: {
type: Boolean,
default: false
}
},
data() {
return {
}
},
methods: {
gotoDetailFun: function() {
if(this.isSelect) {
return
}
//uni.$bjInfo = this.item;
console.log("----->>>>" + this.index);
uni.navigateTo({
url: '/pages/saleship/detail?index=' + this.index
})
}
}
}
</script>
<style>
</style>