铭品ops迁移
This commit is contained in:
330
src/components/public/CustomCondition.vue
Normal file
330
src/components/public/CustomCondition.vue
Normal file
@@ -0,0 +1,330 @@
|
||||
<template>
|
||||
<div class="customCondition-container">
|
||||
<el-select :clearable="true" @clear="clearSel" filterable placeholder="请选择条件" v-model="formcustomCondition">
|
||||
<el-option :key="item.id" :label="item.queryName" :value="item.queryName"
|
||||
@click="formCustomChange(item.queryName, item.id)" class="f_12" v-for="item in getCustomerItem.customCondition">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-input :disabled="isDisabled" @input="iptChange" placeholder="请输入搜索关键词" v-if="showInput" v-model="iptVal" />
|
||||
<el-select :disabled="isDisabled" @clear="lastClearSel" clearable filterable placeholder="请选择搜索关键词" v-model="val"
|
||||
v-show="showSelect">
|
||||
<el-option :key="item.id" :label="item.name" :value="item.id" @click="selChange(item.name, item.id)"
|
||||
v-for="item in childSelect"></el-option>
|
||||
</el-select>
|
||||
<div class="input-number-box" v-show="showNumber">
|
||||
<!-- <el-input :disabled="isDisabled" @input="numStVal" @keyup="statusProving" maxlength="12" placeholder="起始值"
|
||||
size="mini" v-model="numStatus" /> -->
|
||||
<el-input :disabled="isDisabled" @input="numStVal" @blur="stIpt" maxlength="15" placeholder="起始值" size="mini"
|
||||
v-model="numStatus" />
|
||||
<span>-</span>
|
||||
<!-- <el-input :disabled="isDisabled" @blur="lastIpt" @input="numEnVal" @keyup="endProving" maxlength="15"
|
||||
placeholder="结束值" size="mini" v-model="numEnd" /> -->
|
||||
<el-input :disabled="isDisabled" @blur="lastIpt" @input="numEnVal" maxlength="15" placeholder="结束值" size="mini"
|
||||
v-model="numEnd" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { numberRexgu } from '@/utils/takeMethods.js'
|
||||
export default {
|
||||
props: {
|
||||
getCustomerItem: Object,
|
||||
reset: Boolean
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
formcustomCondition: '',
|
||||
val: '',
|
||||
iptVal: '',
|
||||
dateVal: '',
|
||||
numStatus: '',
|
||||
numEnd: '',
|
||||
showInput: true,
|
||||
showSelect: false,
|
||||
showNumber: false,
|
||||
isDisabled: true,
|
||||
childSelect: [],
|
||||
currSelect: {},
|
||||
backResult: {
|
||||
currVal: '',
|
||||
outResult: {}
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// statusProving () {
|
||||
// this.numStatus = this.numStatus.replace(/[^.\d]/g, '')
|
||||
// this.numStatus = this.numStatus.replace('.', '')
|
||||
// },
|
||||
endProving () {
|
||||
this.numEnd = this.numEnd.replace(/[^.\d]/g, '')
|
||||
this.numEnd = this.numEnd.replace('.', '')
|
||||
},
|
||||
clearSel (value) {
|
||||
if (value == undefined) {
|
||||
this.val = ''
|
||||
this.iptVal = ''
|
||||
this.numStatus = ''
|
||||
this.numEnd = ''
|
||||
this.isDisabled = true
|
||||
this.backResult.currVal = value
|
||||
this.$emit('result', this.backResult)
|
||||
}
|
||||
},
|
||||
formCustomChange (name, id) {
|
||||
this.backResult.outResult = {}
|
||||
this.isDisabled = false
|
||||
this.val = ''
|
||||
this.iptVal = ''
|
||||
this.numStatus = ''
|
||||
this.numEnd = ''
|
||||
this.childSelect = []
|
||||
this.backResult.currVal = name
|
||||
this.$emit('result', this.backResult)
|
||||
this.getCustomerItem.customCondition.forEach(element => {
|
||||
if (name == element.queryName) {
|
||||
if (element.inputType == 1) {
|
||||
this.dateVal = ''
|
||||
this.showInput = true
|
||||
this.showSelect = false
|
||||
this.showNumber = false
|
||||
this.currSelect = element
|
||||
} else if (element.inputType == 2) {
|
||||
this.currSelect = element
|
||||
this.dateVal = ''
|
||||
this.showInput = false
|
||||
this.showSelect = true
|
||||
this.showNumber = false
|
||||
if (element.queryName == '关闭状态') {
|
||||
this.childSelect = this.getCustomerItem.cloStatus
|
||||
} else if (element.queryName == '是否211' || element.queryName == '是否是211型号') {
|
||||
// this.childSelect = this.getCustomerItem.is211
|
||||
this.childSelect = [{ id: false, name: '否' }, { id: true, name: '是' }]
|
||||
} else if (element.queryName == '仓库') {
|
||||
this.childSelect = this.getCustomerItem.warehouse
|
||||
} else if (element.queryName == '是否赠品' || element.queryName == '是否是赠品') {
|
||||
// this.childSelect = this.getCustomerItem.isFree
|
||||
this.childSelect = [{ id: false, name: '否' }, { id: true, name: '是' }]
|
||||
} else if (element.queryName == '收款条件' || element.queryName == '付款条件') {
|
||||
this.childSelect = this.getCustomerItem.reccondition
|
||||
} else if (element.queryName == '仓位' || element.queryName == '子仓库') {
|
||||
this.childSelect = this.getCustomerItem.childWarehouse
|
||||
} else if (element.queryName == '供应链' || element.queryName == '东莞/深圳') {
|
||||
this.childSelect = this.getCustomerItem.supplyChainType
|
||||
} else if (element.queryName == '供应组织') {
|
||||
this.childSelect = this.getCustomerItem.supplys
|
||||
} else if (element.queryName == '结算组织') {
|
||||
this.childSelect = this.getCustomerItem.settleOrg
|
||||
} else if (element.queryName == '结算币别') {
|
||||
this.childSelect = this.getCustomerItem.dcurrency
|
||||
} else if (element.queryName == '结算方式') {
|
||||
this.childSelect = this.getCustomerItem.settleType
|
||||
} else if (element.queryName == '跟单员') {
|
||||
this.childSelect = this.getCustomerItem.orgAllPerson
|
||||
} else if (element.queryName == '默认供应商') {
|
||||
this.childSelect = this.getCustomerItem.suppliers
|
||||
} else if (element.queryName == '销售员') {
|
||||
this.childSelect = this.getCustomerItem.salePersons ? this.getCustomerItem.salePersons : this.getCustomerItem.orgAllPerson
|
||||
} else if (element.queryName == '退货类型') {
|
||||
this.childSelect = this.getCustomerItem.returnTypes
|
||||
} else if (element.queryName == '销售部门') {
|
||||
this.childSelect = this.getCustomerItem.saleDept
|
||||
} else if (element.queryName == '单据状态') {
|
||||
this.childSelect = this.getCustomerItem.documentStatus
|
||||
} else if (element.queryName == '库存部门') {
|
||||
this.childSelect = this.getCustomerItem.stockDept
|
||||
} else if (element.queryName == '收料组织') {
|
||||
this.childSelect = this.getCustomerItem.receivingOrg
|
||||
} else if (element.queryName == '采购组织') {
|
||||
this.childSelect = this.getCustomerItem.purchaseOrg
|
||||
} else if (element.queryName == '采购部门') {
|
||||
this.childSelect = this.getCustomerItem.purchaseDept
|
||||
} else if (element.queryName == '收料部门') {
|
||||
this.childSelect = this.getCustomerItem.receivingDept
|
||||
} else if (element.queryName == '采购员') {
|
||||
this.childSelect = this.getCustomerItem.purchasePerson
|
||||
} else if (element.queryName == '仓管员') {
|
||||
this.childSelect = this.getCustomerItem.followPersons ? this.getCustomerItem.followPersons : this.getCustomerItem.orgAllPerson
|
||||
} else if (element.queryName == '退料组织') {
|
||||
this.childSelect = this.getCustomerItem.returnMaterialOrg
|
||||
} else if (element.queryName == '退料部门') {
|
||||
this.childSelect = this.getCustomerItem.returnMaterialDept
|
||||
} else if (element.queryName == '退料方式') {
|
||||
this.childSelect = this.getCustomerItem.returnMaterial
|
||||
} else if (element.queryName == '补料方式') {
|
||||
this.childSelect = this.getCustomerItem.replenishment
|
||||
} else if (element.queryName == '单据类型') {
|
||||
this.childSelect = this.getCustomerItem.billType
|
||||
} else if (element.queryName == '物料属性') {
|
||||
this.childSelect = this.getCustomerItem.MaterialProperty
|
||||
} else if (element.queryName == '产品定位') {
|
||||
this.childSelect = this.getCustomerItem.productLocation
|
||||
} else if (element.queryName == '生命周期') {
|
||||
this.childSelect = this.getCustomerItem.lifeCycle
|
||||
} else if (element.queryName == '安规') {
|
||||
this.childSelect = this.getCustomerItem.safety
|
||||
} else if (element.queryName == '品牌类型') {
|
||||
this.childSelect = this.getCustomerItem.brand
|
||||
} else if (element.queryName == '禁用状态') {
|
||||
this.childSelect = this.getCustomerItem.isDisable
|
||||
} else if (element.queryName == '销售组织') {
|
||||
this.childSelect = this.getCustomerItem.saleOrgs
|
||||
} else if (element.queryName == '供应商') {
|
||||
this.childSelect = this.getCustomerItem.supplier
|
||||
} else if (element.queryName == '数据来源') {
|
||||
this.childSelect = this.getCustomerItem.dataSourceTypes
|
||||
} else if (element.queryName == '单位' || element.queryName == '子单位') {
|
||||
this.childSelect = this.getCustomerItem.unitlist
|
||||
} else if (element.queryName == '存货类别') {
|
||||
this.childSelect = this.getCustomerItem.InventoryType
|
||||
}
|
||||
} else if (element.inputType == 3) {
|
||||
this.val = ''
|
||||
this.iptVal = ''
|
||||
this.showInput = false
|
||||
this.showSelect = false
|
||||
this.showNumber = true
|
||||
this.currSelect = element
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
iptChange (val) {
|
||||
console.log('切换的输入框', this.currSelect)
|
||||
this.dateVal = ''
|
||||
this.val = ''
|
||||
this.backResult.outResult = {}
|
||||
if (val == '') {
|
||||
this.iptVal = ''
|
||||
delete this.backResult.outResult[`${this.currSelect.queryField}`]
|
||||
this.$emit('result', this.backResult)
|
||||
} else {
|
||||
this.backResult.outResult[`${this.currSelect.queryField}`] = val
|
||||
this.$emit('result', this.backResult)
|
||||
}
|
||||
},
|
||||
selChange (name, id) {
|
||||
this.dateVal = ''
|
||||
this.backResult.outResult = {}
|
||||
this.childSelect.forEach(element => {
|
||||
if (element.name == name) {
|
||||
this.backResult.outResult[`${this.currSelect.queryField}`] = element.id
|
||||
}
|
||||
})
|
||||
this.$emit('result', this.backResult)
|
||||
},
|
||||
lastClearSel (value) {
|
||||
delete this.backResult.outResult[`${this.currSelect.queryField}`]
|
||||
this.$emit('result', this.backResult)
|
||||
},
|
||||
numStVal (val) {
|
||||
this.numStatus = numberRexgu(val)
|
||||
this.val = ''
|
||||
this.dateVal = ''
|
||||
if (this.numStatus == '' && this.numEnd == '') {
|
||||
this.backResult.outResult = {}
|
||||
}
|
||||
if (this.numStatus) {
|
||||
this.dateVal = this.numStatus + '|' + this.numEnd
|
||||
this.backResult.outResult[`${this.currSelect.queryField}`] = this.dateVal
|
||||
this.$emit('result', this.backResult)
|
||||
}else{
|
||||
this.numStatus = ''
|
||||
if (this.numEnd) {
|
||||
this.dateVal = this.numStatus + '|' + this.numEnd
|
||||
this.backResult.outResult[`${this.currSelect.queryField}`] = this.dateVal
|
||||
this.$emit('result', this.backResult)
|
||||
} else {
|
||||
this.dateVal = ''
|
||||
this.dateVal = this.numStatus + '|' + this.numEnd
|
||||
this.backResult.outResult[`${this.currSelect.queryField}`] = this.dateVal
|
||||
this.$emit('result', this.backResult)
|
||||
}
|
||||
}
|
||||
},
|
||||
numEnVal (val) {
|
||||
this.numEnd = numberRexgu(val)
|
||||
this.val = ''
|
||||
this.dateVal = ''
|
||||
if (this.numStatus == '' && this.numEnd == '') {
|
||||
this.backResult.outResult = {}
|
||||
}
|
||||
|
||||
if (this.numEnd) {
|
||||
this.dateVal = this.numStatus + '|' + this.numEnd
|
||||
this.backResult.outResult[`${this.currSelect.queryField}`] = this.dateVal
|
||||
this.$emit('result', this.backResult)
|
||||
} else {
|
||||
this.numEnd = ''
|
||||
if (this.numStatus || this.numStatus == 0) {
|
||||
this.dateVal = this.numStatus + '|' + this.numEnd
|
||||
this.backResult.outResult[`${this.currSelect.queryField}`] = this.dateVal
|
||||
this.$emit('result', this.backResult)
|
||||
} else {
|
||||
this.dateVal = ''
|
||||
this.dateVal = this.numStatus + '|' + this.numEnd
|
||||
this.backResult.outResult[`${this.currSelect.queryField}`] = this.dateVal
|
||||
this.$emit('result', this.backResult)
|
||||
}
|
||||
}
|
||||
},
|
||||
lastIpt () {
|
||||
if (this.numEnd) {
|
||||
this.numEnd = this.numEnd * 1
|
||||
}
|
||||
},
|
||||
stIpt () {
|
||||
if (this.numStatus) {
|
||||
this.numStatus = this.numStatus * 1
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
reset: function (val) {
|
||||
if (val) {
|
||||
this.formcustomCondition = ''
|
||||
this.iptVal = ''
|
||||
this.val = ''
|
||||
this.numStatus = ''
|
||||
this.numEnd = ''
|
||||
this.isDisabled = true
|
||||
this.showInput = true
|
||||
this.showSelect = false
|
||||
this.showNumber = false
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.customCondition-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.input-number-box {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center !important;
|
||||
|
||||
span {
|
||||
margin: 0 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep(.el-select) {
|
||||
// width: 172px!important;
|
||||
margin-top: 1px !important;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
::v-deep(.el-autocomplete) {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
::v-deep(.el-input__inner) {
|
||||
height: 28px !important;
|
||||
line-height: 28px !important;
|
||||
}
|
||||
</style>
|
||||
166
src/components/public/DetailsOperation.vue
Normal file
166
src/components/public/DetailsOperation.vue
Normal file
@@ -0,0 +1,166 @@
|
||||
<!--
|
||||
* @作者: 金鑫
|
||||
* @时间: 2021-10-29 07:47:21
|
||||
* @描述: 控制表格增加行、删除行、向下复制行、单元格粘贴列
|
||||
-->
|
||||
<template>
|
||||
<div class="tell-container">
|
||||
<div class="tell-info-gift-row" @click="addGift" v-if="detailBtn.includes('gift')">
|
||||
<span :class="{'f-c':isEdit}">添加赠品</span>
|
||||
</div>
|
||||
<div class="tell-info-add-row span-add-row" @click="defaultAdd" v-if="!detailBtn.includes('add')">
|
||||
<span :class="{'f-c':isEdit}">增加行</span>
|
||||
<!-- <el-dropdown v-else :disabled="isEdit" trigger="click" :hide-on-click="false" @visible-change="dropDownEnter" placement="bottom-start">
|
||||
<span class="el-dropdown-link" :class="{'f-c':isEdit}">
|
||||
增加行
|
||||
<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
</span>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu class="insert-row" :disabled="isEdit" style="padding:0;">
|
||||
<el-dropdown-item style="font-size:12px;display:flex;justify-content: center;align-items: center;padding:0 12px;">
|
||||
<span style="margin-right:4px">插入</span>
|
||||
<InputMini @insertNumber="getBottomInputMiniVal" :msg="msg" :isClear="isClear" />
|
||||
<span style="margin-left:4px">行</span>
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown> -->
|
||||
</div>
|
||||
<div class="tell-info-copy-row" @click="copyRow" v-if="!detailBtn.includes('copy')">
|
||||
<span :class="{'f-c':isEdit}">复制行</span>
|
||||
</div>
|
||||
<div class="tell-info-delete-row" @click="deleteRow" v-if="!detailBtn.includes('delet')">
|
||||
<span :class="{'f-c':isEdit}">删除行</span>
|
||||
</div>
|
||||
<div class="tell-info-query" @click="copyCellColumn" v-if="!detailBtn.includes('allIn')">
|
||||
<span :class="{'f-c':isEdit}">批量填充</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
deviationSelectArr: Array,
|
||||
isEdit: Boolean,
|
||||
detailBtn: {
|
||||
type: Array,
|
||||
default: function () {
|
||||
return []
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
insertObj: {
|
||||
insertBottomVal: ''
|
||||
},
|
||||
msg: '0',
|
||||
isClear: false,
|
||||
isCheck: false
|
||||
}
|
||||
},
|
||||
// 通过选择行 切换 末尾添加或下拉指定位置添加
|
||||
// updated:function(){
|
||||
// this.deviationSelectArr.length > 0 ? this.isCheck = true : this.isCheck = false
|
||||
// },
|
||||
methods: {
|
||||
defaultAdd(){
|
||||
// console.log('默认末尾添加行')
|
||||
if (this.isEdit) {
|
||||
return
|
||||
} else {
|
||||
this.$emit('insertObj', 1)
|
||||
}
|
||||
},
|
||||
// dropDownEnter(event) {
|
||||
// if (this.isEdit) {
|
||||
// return
|
||||
// } else {
|
||||
// if (event === false) {
|
||||
// if (this.deviationSelectArr.length == 1) {
|
||||
// if (parseInt(this.insertObj.insertBottomVal) !== 0) {
|
||||
// this.$emit('insertObj', this.insertObj)
|
||||
// }
|
||||
// } else {
|
||||
// this.$message.error('请选择一行,在操作!')
|
||||
// }
|
||||
// this.isClear = false
|
||||
// } else {
|
||||
// this.isClear = true
|
||||
// this.insertObj.insertBottomVal = '0'
|
||||
// if (parseInt(this.insertObj.insertBottomVal) !== 0) {
|
||||
// this.$emit('insertObj', this.insertObj)
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// },
|
||||
// getBottomInputMiniVal(data) {
|
||||
// this.insertObj.insertBottomVal = data
|
||||
// },
|
||||
copyRow() {
|
||||
if (this.isEdit) {
|
||||
return
|
||||
} else {
|
||||
this.$emit('copyRow', true)
|
||||
}
|
||||
},
|
||||
deleteRow() {
|
||||
if (this.isEdit) {
|
||||
return
|
||||
} else {
|
||||
this.$emit('deleteRow', true)
|
||||
}
|
||||
},
|
||||
copyCellColumn() {
|
||||
if (this.isEdit) {
|
||||
return
|
||||
} else {
|
||||
this.$emit('copyCellcolumn', true)
|
||||
}
|
||||
},
|
||||
addGift(){
|
||||
if (this.isEdit) {
|
||||
return
|
||||
} else {
|
||||
this.$emit('addGift', true)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@mixin current-deviation {
|
||||
margin-left: 16px;
|
||||
}
|
||||
.tell-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.tell-info-add-row {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.tell-info-gift-row:hover{
|
||||
color: #66b1ff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.tell-info-copy-row {
|
||||
@include current-deviation;
|
||||
}
|
||||
.tell-info-delete-row {
|
||||
@include current-deviation;
|
||||
}
|
||||
.tell-info-query {
|
||||
@include current-deviation;
|
||||
}
|
||||
}
|
||||
.f-c {
|
||||
color: var(--el-disabled-color-base) !important;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.span-add-row:hover {
|
||||
cursor: pointer;
|
||||
color: #66b1ff;
|
||||
}
|
||||
</style>
|
||||
239
src/components/public/DownPdf.vue
Normal file
239
src/components/public/DownPdf.vue
Normal file
@@ -0,0 +1,239 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<button @click="handleDown">导出</button>
|
||||
<div id="content">
|
||||
<div class="box qc orderInformation">
|
||||
<h1><img src="https://www.orico.com.cn//uploads/default/logo-black.png"><span id="cgzz"></span></h1>
|
||||
<h2>采购订单</h2>
|
||||
<ul class="InformationUl">
|
||||
<li>TO：<span id="gysname"></span></li>
|
||||
<li>日期：<span id="cgdate"></span></li>
|
||||
<li>地址：<span id="gysdz"></span></li>
|
||||
<li>电话：<span id="gyssj"></span></li>
|
||||
<li>联系人：<span id="gyslxr"></span></li>
|
||||
</ul>
|
||||
<div class="tableA">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<td>采购订单号</td>
|
||||
<td>物料编码</td>
|
||||
<td>物料名称</td>
|
||||
<td>规格型号</td>
|
||||
<td>数量</td>
|
||||
<td>单位</td>
|
||||
<td>含税单价</td>
|
||||
<td>总价</td>
|
||||
<td>交货日期</td>
|
||||
<td>备注</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="t_body">
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td>合计</td>
|
||||
<td>人民币</td>
|
||||
<td colspan='2'><span id="sumprice_to_Chinese"></span></td>
|
||||
<td><span id="sum_count"></span></td>
|
||||
<td>Pcs</td>
|
||||
<td colspan='2'><strong id="sumprice"></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
<div class="InformationTxt">
|
||||
<p>1.包装方式：根据我司品质规定的包装方式；</p>
|
||||
<p>2.付款方式：<b id="fktype" style=" font-weight: normal;"> </b></p>
|
||||
<p>3.备品要求：<span></span>0.3%　　<span></span>0.5%　　<span></span>10%　　<span></span>20%　　<span></span>其他</p>
|
||||
<p>4.交货地点：<b id="sgdz" style=" font-weight: normal;"></b></p>
|
||||
<p>5.质量要求：供应商所提供的产品质量必须达到我国环保标准和我方客户所在地标准，如果供应商提供有质量问题或不符合环保标准的产品，我司可以无条件退货，且供应商需承担我司的一切损失；</p>
|
||||
<p>6.若供应商逾期交货，我司有权依照以逾期所交货物的货款为基数每日千分之三向供应商收取违约金，逾期10日交货的，我司有权单方解除合同；</p>
|
||||
<p>7.有关本采购单的任何争议，双方应协商解决，协商不成的，应向深圳市元创时代科技有限公司所在地法院诉讼；</p>
|
||||
<p>8.所送的物品请保证数量及质量 、送货前请通知我司采购，否则我司将拒收货物；</p>
|
||||
<p>9.送货时烦请在请货单上注明相应的PO号码,送货单上必需有我司收货专用章，否则无效,谢谢合作；</p>
|
||||
</div>
|
||||
<div class="confirm">
|
||||
<ul>
|
||||
<li>供应商确认：</li>
|
||||
<li>核准：</li>
|
||||
<li>审核：<span id="editer"></span> </li>
|
||||
<li>制表人：<span id="manperson"></span> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import htmlToPdf from '@/utils/htmlToPdf.js';
|
||||
export default {
|
||||
name: "OrderToPdf",
|
||||
data(){
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleDown(){
|
||||
htmlToPdf.downloadPDF( document.querySelector('#content'),'订单合同');
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
* {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style: none
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
tbody {
|
||||
display: table-row-group;
|
||||
vertical-align: middle;
|
||||
border-color: inherit
|
||||
}
|
||||
|
||||
tr {
|
||||
display: table-row;
|
||||
vertical-align: inherit;
|
||||
border-color: inherit
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 5px 5px;
|
||||
border: 1px solid #333;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.box {
|
||||
/*width: 900px;*/
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.qc:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden
|
||||
}
|
||||
|
||||
.orderInformation {
|
||||
/*box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);*/
|
||||
margin: 10px auto;
|
||||
padding: 10px
|
||||
}
|
||||
|
||||
.orderInformation h1 {
|
||||
padding: 10px 80px;
|
||||
font-weight: normal;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.orderInformation h1 img {
|
||||
position: relative;
|
||||
float: left;
|
||||
top: 2px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.orderInformation h2 {
|
||||
text-align: center;
|
||||
background: #f1f1f1;
|
||||
/*margin: 15px 0;*/
|
||||
font-weight: normal;
|
||||
font-size: 24px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.InformationUl {
|
||||
margin-left: 35px;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.InformationUl li {
|
||||
/*width: 50%;*/
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
margin-bottom: 10px
|
||||
}
|
||||
|
||||
.InformationUl li:nth-child(1) {
|
||||
width: 60%
|
||||
}
|
||||
|
||||
.InformationUl li:nth-child(3) {
|
||||
width: 60%
|
||||
}
|
||||
|
||||
.InformationUl li:nth-child(5) {
|
||||
width: 60%
|
||||
}
|
||||
|
||||
.tableA {
|
||||
margin-bottom: 5px
|
||||
}
|
||||
|
||||
.tableA table {
|
||||
}
|
||||
|
||||
.tableA td {
|
||||
font-size: 12px;
|
||||
border: 1px solid #000
|
||||
}
|
||||
|
||||
.tableA td * {
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.tableA td:nth-child(1), .tableA td:nth-child(2), .tableA td:nth-child(3), .tableA td:nth-child(8), .tableA td:nth-child(9) {
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.tableA td:nth-child(10) {
|
||||
width: 6em
|
||||
}
|
||||
|
||||
.InformationTxt {
|
||||
}
|
||||
|
||||
.InformationTxt p {
|
||||
font-size: 14px;
|
||||
/*margin-bottom: 0.5em*/
|
||||
}
|
||||
|
||||
.InformationTxt p span {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border: 1px solid #000;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
margin-right: 4px
|
||||
}
|
||||
|
||||
.confirm {
|
||||
}
|
||||
|
||||
.confirm ul {
|
||||
overflow: hidden;
|
||||
padding: 20px 0
|
||||
}
|
||||
|
||||
.confirm ul li {
|
||||
width: 25%;
|
||||
float: left;
|
||||
font-size: 14px
|
||||
}
|
||||
</style>
|
||||
68
src/components/public/InputMini.vue
Normal file
68
src/components/public/InputMini.vue
Normal file
@@ -0,0 +1,68 @@
|
||||
|
||||
<!--
|
||||
* @作者: 金鑫
|
||||
* @时间: 2021-10-29 07:52:12
|
||||
* @描述: 个位数输入框
|
||||
-->
|
||||
<template>
|
||||
<div>
|
||||
<el-input v-model="value" @change="downEnter" @input="getVal" :oninput="saleNum(value)" maxlength="1"></el-input>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'InputMini',
|
||||
props: {
|
||||
msg: String,
|
||||
isClear: Boolean
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
value: '0'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getVal(val) {
|
||||
this.value = val
|
||||
},
|
||||
downEnter(val) {
|
||||
if (val == '') {
|
||||
this.value = 0
|
||||
}
|
||||
this.$emit('insertNumber', this.value)
|
||||
},
|
||||
saleNum(val) {
|
||||
if (val) {
|
||||
if (val.length === 1) {
|
||||
this.value = val.toString().replace(/\D/g, '0')
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.value = this.msg
|
||||
},
|
||||
watch: {
|
||||
isClear: function (val) {
|
||||
if (val) {
|
||||
this.value = 0
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
::v-deep(.el-input) {
|
||||
line-height: 28px;
|
||||
}
|
||||
::v-deep(.el-input__inner) {
|
||||
padding: 0 5px !important;
|
||||
height: 20px;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
width: 28px;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
485
src/components/public/PrintModel.vue
Normal file
485
src/components/public/PrintModel.vue
Normal file
@@ -0,0 +1,485 @@
|
||||
<!-- 打印摸版 -->
|
||||
<template lang="">
|
||||
<div v-if=' printData.tableData && printData.tableData.length > 0'>
|
||||
<div style="width:784px;overflow-y: hidden;text-align: center; overflow: hidden;" id='companyTilte'>
|
||||
<div style="width:784px;text-align: center;">
|
||||
<span style="font-size: 18px;margin-top: 30px;">{{ userInfo.identity==1 || userInfo.identity==3?userInfo.orgName:userInfo.customerName }}</span>
|
||||
<h1 style="font-size: 20px;margin-top: 10px;margin-bottom:20px;">{{ printData.orderName === '采购订单管理'? '采购订单' : printData.orderName }}</h1>
|
||||
<hr style="border:1px soild #000;width:1200px;" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- 表头 -->
|
||||
<div style="width:784px;text-align:center; margin-bottom:300px" id='headhtml'>
|
||||
<div style='margin-top:20px;margin-left: 50px;height auto;position:relative'>
|
||||
<div style='width:350px;float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">销售订单号:</label>
|
||||
<span style="font-size: 14px;">{{ 100>printData.tableData[0].salBillNo.length>60?printData.tableData[0].salBillNo.slice(0,60)+"...": printData.tableData[0].salBillNo }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">生产订单号: </label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].moBillNo }}</span>
|
||||
</div>
|
||||
<br v-if='printData.orderName === "生产用料清单"'>
|
||||
<br v-if='printData.orderName === "生产用料清单"&& printData.tableData[0].salBillNo.length>40 '>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">物料编码:</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].pMaterialNumber }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">物料名称:</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].pMaterialName }}</span>
|
||||
</div>
|
||||
<br v-if='printData.orderName === "委外用料清单" ||printData.orderName === "生产用料清单"'>
|
||||
<div style='width:350px; max-height:300px;float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">规格型号:</label>
|
||||
<span style="font-size: 14px;"> {{ printData.tableData[0].pSpecification.length>100?printData.tableData[0].pSpecification.slice(0,100)+"...": printData.tableData[0].pSpecification }}</span>
|
||||
</div>
|
||||
<div style='width:300px;max-height:500px;float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">备注:</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].orderRemark.length>55?printData.tableData[0].orderRemark.slice(0,55)+"...": printData.tableData[0].orderRemark }}</span>
|
||||
</div>
|
||||
<br v-if='printData.orderName === "生产用料清单" &&(printData.tableData[0].orderRemark.length>20 || printData.tableData[0].pSpecification.length>20)' />
|
||||
<br v-if='printData.orderName === "生产用料清单" &&(printData.tableData[0].orderRemark.length>45 || printData.tableData[0].pSpecification.length>45)' />
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "委外用料清单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">单据编号:</label>
|
||||
<span style="font-size: 14px;" v-if="printData.orderName ==='委外用料清单'">{{ printData.tableData[0].outSourcMaterialNo }}</span>
|
||||
<span style="font-size: 14px;" v-else>{{ printData.tableData[0].produceMaterialNo }}</span>
|
||||
</div>
|
||||
<br v-if='printData.orderName === "委外用料清单"'>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "委外用料清单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">委外订单号</label>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName !== "委外用料清单"'>{{ printData.tableData[0].moBillNo }}</span>
|
||||
<span style="font-size: 14px;" v-else>{{ printData.tableData[0].outSourcOrderNo }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "委外用料清单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">期望交期:</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].expectDate }}</span>
|
||||
</div>
|
||||
<br v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "委外用料清单" || printData.orderName === "生产领料单"||printData.orderName==="生产补料单"||printData.orderName==="生产退料单"||printData.orderName==="委外领料单"||printData.orderName==="委外补料单"||printData.orderName==="委外退料单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">{{ printData.orderName==='委外领料单'||printData.orderName==='委外补料单'||printData.orderName==='委外退料单'?'采购订单号:':'销售订单号:' }}</label>
|
||||
<span style="font-size: 14px;" v-if="printData.orderName==='委外领料单'||printData.orderName==='委外补料单'||printData.orderName==='委外退料单'">{{ printData.tableData[0].purorderNo }}</span>
|
||||
<span style="font-size: 14px;" v-if="printData.orderName==='生产用料清单'||printData.orderName==='委外用料清单'||printData.orderName==='生产领料单'||printData.orderName==='生产补料单'||printData.orderName==='生产退料单'">{{ printData.tableData[0].salBillNo }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产领料单"||printData.orderName==="生产补料单"||printData.orderName==="生产退料单"||printData.orderName==="委外领料单"||printData.orderName==="委外补料单"||printData.orderName==="委外退料单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">{{ printData.orderName === "生产领料单"||printData.orderName==="生产补料单"||printData.orderName==="生产退料单"?'生产订单号:':'供应商:' }}</label>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "生产领料单"||printData.orderName==="生产补料单"||printData.orderName==="生产退料单"'>{{ printData.tableData[0].moBillNo }}</span>
|
||||
<span style="font-size: 14px;" v-if="printData.orderName==='委外领料单'||printData.orderName==='委外补料单'||printData.orderName==='委外退料单'">{{ printData.tableData[0].supplier }}</span>
|
||||
</div>
|
||||
<br v-if='printData.orderName === "生产领料单" ||printData.orderName==="生产补料单"||printData.orderName==="生产退料单"||printData.orderName==="委外领料单"||printData.orderName==="委外补料单"||printData.orderName==="委外退料单"'>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产领料单" ||printData.orderName==="生产补料单"||printData.orderName==="生产退料单"||printData.orderName==="委外领料单"||printData.orderName==="委外补料单"||printData.orderName==="委外退料单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">下单日期:</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].date }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产领料单" ||printData.orderName==="生产补料单"||printData.orderName==="生产退料单"||printData.orderName==="委外领料单"||printData.orderName==="委外补料单"||printData.orderName==="委外退料单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">{{ printData.orderName }}号:</label>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "生产领料单"'>{{ printData.tableData[0].producePickNo }}</span>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "生产补料单"'>{{ printData.tableData[0].produceFeedNo }}</span>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "生产退料单"'>{{ printData.tableData[0].produceReturnNo }}</span>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "委外领料单"'>{{ printData.tableData[0].outSourcPickNo }}</span>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "委外补料单"'>{{ printData.tableData[0].outSourcFeedNo }}</span>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "委外退料单"'>{{ printData.tableData[0].outSourcReturnNo }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">生产部门:</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].workShop }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "委外用料清单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">供应商:</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].supplier }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "委外用料清单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">数量:</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].number }}</span>
|
||||
</div>
|
||||
<br v-if='printData.orderName === "委外用料清单"'>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "委外用料清单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">{{ printData.orderName === "生产用料清单"?'生产订单备注:':'委外订单备注:' }}</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].orderRemark }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产用料清单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">条码:</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].barCode }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售订单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">销售部门/销售员/跟单:</label>
|
||||
<span style="font-size: 14px;">{{ (printData.tableData[0].sellPart+'/'+ printData.tableData[0].sellPerson +'/'+ printData.tableData[0].qc).length>18?(printData.tableData[0].sellPart+'/'+ printData.tableData[0].sellPerson +'/'+ printData.tableData[0].qc).slice(0,18)+"...":(printData.tableData[0].sellPart+'/'+ printData.tableData[0].sellPerson +'/'+ printData.tableData[0].qc) }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售退货订单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">销售部门/销售员:</label>
|
||||
<span style="font-size: 14px;">{{ (printData.tableData[0].stockDept+'/'+ printData.tableData[0].saleDept).length>18?(printData.tableData[0].saleDept+'/'+ printData.tableData[0].salesMan).slice(0,18)+"...":(printData.tableData[0].saleDept+'/'+ printData.tableData[0].salesMan) }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "送货单"||printData.orderName === "采购订单管理"||printData.orderName === "采购备料订单"||printData.orderName === "采购备料订单"||printData.orderName === "采购退料单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">供应商:</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].supplierName.length > 18 ? printData.tableData[0].supplierName.slice(0,18)+"...":printData.tableData[0].supplierName }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "采购入库单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">供应商:</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].supplier.length > 18 ? printData.tableData[0].supplier.slice(0,18)+"...":printData.tableData[0].supplier }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售出库单" ||printData.orderName === "发货通知单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">销售部门/销售员:</label>
|
||||
<span style="font-size: 14px;">{{ (printData.tableData[0].sellDept+'/'+printData.tableData[0].sellStaff).length > 18 ? (printData.tableData[0].sellDept+'/'+printData.tableData[0].sellStaff).slice(0,18)+"...":(printData.tableData[0].sellDept+'/'+printData.tableData[0].sellStaff) }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "分步式调出单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">调入库存组织:</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].stockinOrg.length > 18 ? printData.tableData[0].stockinOrg.slice(0,18)+"...":printData.tableData[0].stockinOrg }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "生产入库单" ||printData.orderName === "直接调拨单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">单据编号:</label>
|
||||
<span v-if='printData.orderName === "直接调拨单"' style="font-size: 14px;">{{ printData.tableData[0].billNo.length > 18 ? printData.tableData[0].billNo.slice(0,18)+"...":printData.tableData[0].billNo }}</span>
|
||||
<span v-else style="font-size: 14px;">{{ printData.tableData[0].produceInStockNo.length > 18 ? printData.tableData[0].produceInStockNo.slice(0,18)+"...":printData.tableData[0].produceInStockNo }}</span>
|
||||
</div>
|
||||
<!-- 日期 -->
|
||||
<div style='width:350px; float: left;margin-left: 20px;'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;"> {{ printData.orderName === "销售订单" ?'下单日期：':printData.orderName === "销售退货订单"? '退货日期：':printData.orderName === "送货单"?'送货日期：':printData.orderName === "采购订单管理" ? '日期:' : printData.orderName === "采购备料订单"?'备料日期:': printData.orderName === "采购退料单" ? '退料日期:' : printData.orderName === '采购入库单' ? '入库日期:' : printData.orderName === '销售出库单' ? '下单日期:' : printData.orderName === '发货通知单' ? '日期:' : printData.orderName === '直接调拨单' ? '下单日期:' : printData.orderName === '分步式调出单' ? '单据日期:' : printData.orderName === '生产入库单' ? '下单日期:' : '' }}</label>
|
||||
<span style="font-size: 14px;">{{ printData.orderName === "销售订单" ? printData.tableData[0].placeOrderDate : printData.orderName === '销售退货订单' ? printData.tableData[0].returnDate : printData.orderName === '送货单' ? printData.tableData[0].deliveryDate : printData.orderName === '采购订单管理' ? printData.tableData[0].date : printData.orderName === '采购备料订单' ? printData.tableData[0].date : printData.orderName === '采购退料单' ? printData.tableData[0].date : printData.orderName === '采购入库单' ? printData.tableData[0].date : printData.orderName === '销售出库单' ? printData.tableData[0].orderDate : printData.orderName === '发货通知单' ? printData.tableData[0].orderDate : printData.orderName === '直接调拨单' ? printData.tableData[0].date : printData.orderName === '分步式调出单' ? printData.tableData[0].date : printData.orderName === '生产入库单' ? printData.tableData[0].date : '' }}</span>
|
||||
</div>
|
||||
<br>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售订单" || printData.orderName === "发货通知单" || printData.orderName === "销售退货订单" || printData.orderName === "销售出库单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">客户：</label>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "销售订单"'>{{ (printData.tableData[0].custom).length>35?(printData.tableData[0].custom).slice(0,35)+"..." :(printData.tableData[0].custom) }}</span>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "销售退货订单"'>{{ (printData.tableData[0].retcust).length>35?(printData.tableData[0].retcust).slice(0,35)+"..." :(printData.tableData[0].retcust) }}</span>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "销售出库单"'>{{ (printData.tableData[0].customers).length>35?(printData.tableData[0].customers).slice(0,35)+"..." :(printData.tableData[0].customers) }}</span>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "发货通知单"'>{{ (printData.tableData[0].customers).length>35?(printData.tableData[0].customers).slice(0,35)+"..." :(printData.tableData[0].customers) }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售订单" || printData.orderName === "发货通知单"||printData.orderName === "采购订单管理"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">联系人/电话：</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].linkMode }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售出库单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">打包方式：</label>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "分步式调出单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">单据编号:</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].billNo.length > 18 ? printData.tableData[0].billNo.slice(0,18)+"...":printData.tableData[0].billNo }}</span>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "直接调拨单" || printData.orderName === "分步式调出单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">仓管员:</label>
|
||||
<span style="font-size: 14px;">{{ printData.tableData[0].stockerStaff }}</span>
|
||||
</div>
|
||||
<br v-if='printData.orderName === "发货通知单" || printData.orderName === "销售出库单"'>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售出库单" || printData.orderName === "发货通知单"'>
|
||||
<label style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">发货方式:</label>
|
||||
</div>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "销售出库单" || printData.orderName === "发货通知单"'>
|
||||
<label style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">物流/快递公司:</label>
|
||||
</div>
|
||||
<br v-if='printData.orderName === "发货通知单"'>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "发货通知单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">打包方式：</label>
|
||||
</div>
|
||||
<br v-if='printData.orderName !== "采购订单管理" && printData.orderName !== "发货通知单" && printData.orderName !== "直接调拨单"'>
|
||||
<br v-if='printData.orderName === "采购订单管理"'>
|
||||
<div style='width:350px; float: left;margin-left: 20px;' v-if='printData.orderName === "分步式调出单" || printData.orderName === "直接调拨单" || printData.orderName === "销售出库单" || printData.orderName === "发货通知单"'>
|
||||
<label
|
||||
style="width:50px; font-size: 14px;font-weight: bold;margin-right: 3px;text-align: right;">收货地址：</label>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "销售出库单"'>{{ !printData.tableData[0].linkAdress ? '' : printData.tableData[0].linkAdress }}</span>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "发货通知单"'>{{ !printData.tableData[0].linkAdress ? '' : printData.tableData[0].linkAdress }}</span>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "直接调拨单"'>{{ !printData.tableData[0].linkAdress? '' : printData.tableData[0].linkAdress }}</span>
|
||||
<span style="font-size: 14px;" v-if='printData.orderName === "分步式调出单"'>{{ !printData.tableData[0].linkAdress? '' : printData.tableData[0].linkAdress }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 表体 -->
|
||||
<div id="div2">
|
||||
<table border=1 width="100%" style="border:solid 1px black;border-collapse:collapse;table-layout: fixed; word-wrap:break-all;">
|
||||
<thead>
|
||||
<!--表头 -->
|
||||
<tr>
|
||||
<th style="padding: 6px 0;font-weight: bold; font-size: 12px;" v-for='(itm,index) in theadDate' :key="itm.thName" :style="{width:itm.field ==='specification'?'30%':'auto'}">{{ itm.thName }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!--表体 -->
|
||||
<tr v-for='(it,ind) in printData.tableData' :key="ind">
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 5px;word-wrap:break-word; word-break:break-all;" v-for='(itm,index) in theadDate' :key="itm.field">
|
||||
{{ itm.field==='sendNumber' || (itm.field==='realNumber' &&printData.orderName === '生产入库单')|| itm.field==='realNumber'||itm.field==='mustNumber'||itm.field==='sendNumber'||itm.field==='receiveNumber' ?(it.subUnitMultiple ? it.subUnitMultiple : 1)*it[itm.field]:(itm.field? it[itm.field]:(ind+1)) }}
|
||||
</td>
|
||||
</tr>
|
||||
<!--合计 -->
|
||||
<tr v-if='printData.orderName === "销售订单"'>
|
||||
<td colspan="5" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="6">######</span></td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="7">￥######</span></td>
|
||||
<td></td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="9">￥######</span></td>
|
||||
</tr>
|
||||
<tr v-if='printData.orderName === "销售退货订单"||printData.orderName === "送货单"||printData.orderName === "采购订单管理"'>
|
||||
<td colspan="6" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue; word-break:break-all;width:100px" tdata="Sum" format="#,##0.00" tindex="7">######</span></td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue; word-break:break-all;width:100px" tdata="Sum" format="#,##0.00" tindex="8">{{ printData.orderName === "送货单"?'':'￥' }}######</span></td>
|
||||
<td></td>
|
||||
<td v-if='printData.orderName === "送货单"||printData.orderName === "采购订单管理"'></td>
|
||||
<td v-if='printData.orderName !== "送货单" && printData.orderName !== "采购订单管理"' style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue; word-break:break-all;width:100px" tdata="Sum" format="#,##0.00" tindex="10">￥######</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-if='printData.orderName === "采购备料订单"'>
|
||||
<td colspan="5" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="6">######</span>
|
||||
</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr v-if='printData.orderName === "采购退料单"'>
|
||||
<td colspan="6" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="7">######</span></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr v-if='printData.orderName === "采购入库单"||printData.orderName === "销售出库单"||printData.orderName === "发货通知单"'>
|
||||
<td colspan="7" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="8">######</span></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr v-if='printData.orderName === "直接调拨单" || printData.orderName === "生产入库单"'>
|
||||
<td colspan="6" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="7">######</span></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr v-if='printData.orderName === "分步式调出单"'>
|
||||
<td colspan="6" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="7">######</span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||||
<td colspan="7" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="8">######</span></td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="9">######</span></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr v-if='printData.orderName === "生产领料单"||printData.orderName === "委外领料单"'>
|
||||
<td colspan="6" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="7">######</span></td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="8">######</span></td>
|
||||
<td v-if="printData.orderName === '生产领料单' ||printData.orderName === '委外领料单'"></td>
|
||||
<!-- <td></td> -->
|
||||
</tr>
|
||||
<tr v-if='printData.orderName === "生产补料单"||printData.orderName === "生产退料单"||printData.orderName === "委外补料单"||printData.orderName === "委外退料单"'>
|
||||
<td colspan="6" style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">合计</td>
|
||||
<td style="font-size: 10px;color:#303133 ;padding: 6px 0;word-wrap:break-word; word-break:break-all;">
|
||||
<span style="color:blue" tdata="Sum" format="#,##0.00" tindex="7">######</span>
|
||||
</td>
|
||||
<td></td>
|
||||
<!-- <td></td> -->
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- 表尾-->
|
||||
<div style="width:784px;overflow-y: hidden;text-align: center; overflow: hidden;" id='foothtml'>
|
||||
<div style="font-size: 14px; color: #303133;margin-top:30px;" v-if='printData.tableData.length > 0'>
|
||||
<div style="margin-bottom:10px;" v-if='printData.orderName === "销售订单" || printData.orderName === "分步式调出单" || printData.orderName === "直接调拨单" || printData.orderName === "发货通知单" || printData.orderName === "销售出库单" || printData.orderName === "采购订单管理" || printData.orderName === "采购备料订单"'>
|
||||
<span style='font-weight: bold;margin-right: 3px;'>联系人/电话：</span>
|
||||
<span>{{ printData.orderName === "销售订单" || printData.orderName === "采购订单管理" ? printData.tableData[0].linkMode : printData.orderName === "采购备料订单" ? printData.tableData[0].supplierContactName + '/' + printData.tableData[0].supplierTelphone : printData.orderName === "销售出库单" ? printData.tableData[0].linkMode : printData.orderName === '发货通知单' ? printData.tableData[0].linkMode : printData.orderName === '直接调拨单' ? printData.tableData[0].linkMode : printData.orderName === '分步式调出单' ? printData.tableData[0].linkMode : '' }}</span>
|
||||
</div>
|
||||
<div style="margin-bottom:10px;" v-if='printData.orderName === "销售订单" || printData.orderName === "分步式调出单" || printData.orderName === "直接调拨单" || printData.orderName === "发货通知单" || printData.orderName === "采购订单管理" || printData.orderName === "销售出库单"'>
|
||||
<span style='font-weight: bold;margin-right: 3px;'>{{ printData.orderName === "采购订单管理"? '送货地址：' :'收货地址：' }}</span>
|
||||
<span>{{ printData.orderName === "销售订单" ? printData.tableData[0].linkAdress : printData.orderName === "采购订单管理" ? printData.tableData[0].providerAddress : printData.orderName === "销售出库单" ? printData.tableData[0].linkAdress : printData.orderName === "发货通知单" ? printData.tableData[0].linkAdress : printData.orderName === "直接调拨单" ? printData.tableData[0].linkAdress : printData.orderName === '分步式调出单' ? printData.tableData[0].linkAdress : '' }}</span>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: inherit;">
|
||||
<div style="margin-bottom:5px;" v-if='printData.orderName === "采购备料订单"'>
|
||||
<span style='font-weight: bold;margin-right: 3px;'>供应商：</span>
|
||||
<span>{{ printData.tableData[0].supplierName }}</span>
|
||||
</div>
|
||||
<div style="margin-left: 4%;margin-bottom:5px;" v-if='printData.orderName === "采购备料订单"'>
|
||||
<span style='font-weight: bold;margin-right: 3px;'>确认日期：</span>
|
||||
<span>{{ printData.tableData[0].confirmeDate }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: inherit;">
|
||||
<div style="margin-right: 4%;margin-bottom:5px;" v-if='printData.orderName === "销售订单" || printData.orderName === "采购订单管理"'>
|
||||
<span style='font-weight: bold;margin-right: 3px;'>税率(%)：</span>
|
||||
<span>{{ printData.orderName === "销售订单" ? printData.tableData[0].taxRate : printData.orderName === "采购订单管理" ? printData.tableData[0].taxRate : '' }}</span>
|
||||
</div>
|
||||
<div style="margin-bottom:5px;" v-if='printData.orderName === "销售订单" || printData.orderName === "采购订单管理" || printData.orderName === "销售退货订单"'>
|
||||
<span style='font-weight: bold;margin-right: 3px;'>币别：</span>
|
||||
<span>{{ printData.tableData[0].settlecurr ? printData.tableData[0].settlecurr :printData.tableData[0].settleCurrName }}</span>
|
||||
</div>
|
||||
<div style="margin-left: 4%;margin-bottom:5px;" v-if='printData.orderName === "销售订单"'>
|
||||
<span style='font-weight: bold;margin-right: 3px;'>收款条件：</span>
|
||||
<span>{{ printData.tableData[0].reccondition }}</span>
|
||||
</div>
|
||||
<div style="margin-left: 4%;margin-bottom:5px;" v-if='printData.orderName === "采购订单管理"'>
|
||||
<span style='font-weight: bold;margin-right: 3px;'>付款条件：</span>
|
||||
<span>{{ printData.tableData[0].paymentConditionName }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
本订单执行过程中如遇到任何国家或地方政策变化或分歧、争议，依据双方签订的合作协议/合同充分友好沟通协商解决。
|
||||
</div>
|
||||
<div style="font-size: 14px;margin-top:30px;margin-left:70px;">
|
||||
<div style="float: left;width:200pxmargin-left:40px;" v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||||
<div style='margin-bottom:5px'>
|
||||
<span
|
||||
style='width:70px;text-align: right;font-weight: bold;margin-right: 3px;margin-bottom:5px;'>
|
||||
打印时间：</span>
|
||||
<span>{{ new Date().toLocaleString() }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="float: left;width:120px;margin-left:100px;" v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||||
<div style='margin-bottom:5px'>
|
||||
<span style='width:70px;text-align: right;font-weight: bold'>发料人：</span>
|
||||
<span>{{ printData.tableData[0].approverName }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="float: left;width:200px;margin-left:80px;" v-if='printData.orderName === "生产用料清单"||printData.orderName === "委外用料清单"'>
|
||||
<div style='margin-bottom:5px'>
|
||||
<span style='width:70px;text-align: right;font-weight: bold'>领料人：</span>
|
||||
<span>{{ printData.tableData[0].approverName }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="float: left;max-width:250px;min-width:200px;margin-left:20px;" v-if='printData.orderName !== "生产用料清单" &&printData.orderName !== "委外用料清单" &&printData.orderName !== "采购订单管理"'>
|
||||
<div style='margin-bottom:5px'>
|
||||
<span
|
||||
style='width:70px;text-align: right;font-weight: bold;margin-right: 3px;margin-bottom:5px;'>
|
||||
创建人：</span>
|
||||
<span>{{ printData.tableData[0].createName }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style='width:70px;text-align: right;font-weight: bold'>创建日期：</span>
|
||||
<span>{{ printData.tableData[0].createDate }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="float: left;max-width:250px;min-width:200px;margin-left:100px;" v-if="printData.orderName !== '采购订单管理' && printData.orderName !== '生产用料清单'">
|
||||
<div style='margin-bottom:5px'>
|
||||
<span style='width:70px;text-align: right;font-weight: bold'>审核人：</span>
|
||||
<span>{{ printData.tableData[0].checkName }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style='width:70px;text-align: right;font-weight: bold'>审核日期：</span>
|
||||
<span v-if="printData.orderName === '采购备料订单'">{{ printData.tableData[0].createDate }}</span>
|
||||
<span v-else>{{ printData.tableData[0].checkDate }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="printData.orderName === '采购订单管理'" style='margin-left:-40px'>
|
||||
<div style="float: left;max-width:250px;min-width:200px;">
|
||||
<div style='margin-bottom:5px'>
|
||||
<span style='width:70px;text-align: right;font-weight: bold'>采购：</span>
|
||||
<span>{{ printData.tableData[0].purchaserName }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style='width:70px;text-align: right;font-weight: bold'>日期：</span>
|
||||
<span>{{ printData.tableData[0].date }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="float: left;max-width:250px;min-width:200px;margin-left:50px;">
|
||||
<div style='margin-bottom:5px'>
|
||||
<span style='width:70px;text-align: right;font-weight: bold'>审核人：</span>
|
||||
<span>{{ printData.tableData[0].checkName }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style='width:70px;text-align: right;font-weight: bold'>日期：</span>
|
||||
<span>{{ printData.tableData[0].checkDate }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="float: left;max-width:250px;min-width:200px;margin-left:50px;">
|
||||
<div style='margin-bottom:5px'>
|
||||
<span style='width:70px;text-align: right;font-weight: bold'>供应商确认:</span>
|
||||
<span>{{ printData.tableData[0].confirmerName }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<span style='width:70px;text-align: right;font-weight: bold'>日期：</span>
|
||||
<span>{{ printData.tableData[0].confirmeDate }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { mapState } from 'vuex'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
thlist: ['No.', '采购订单号', '物料编码', '物料名称', '数量', '物料编码单位', '含税合计', '备注'],
|
||||
table: []
|
||||
}
|
||||
},
|
||||
props: {
|
||||
//如果不要这个显示就传那个标识 如果不要保存显示 就 btnType=['save'] 'disabled, de-disabled' --存在再集合里面就是 显示
|
||||
printData: {
|
||||
type: Object,
|
||||
default: function () {
|
||||
return {
|
||||
orderName: '订单',
|
||||
tableData: []
|
||||
}
|
||||
}
|
||||
},
|
||||
//这个区分不同单据的要素
|
||||
theadDate: {
|
||||
type: Array,
|
||||
default: function () {
|
||||
return []
|
||||
}
|
||||
},
|
||||
//这个区分不同单据的要素
|
||||
includeTage: {
|
||||
type: Array,
|
||||
default: function () {
|
||||
return []
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapState({
|
||||
// 取出页面标签
|
||||
userInfo: state => (state && state.user && state.user.userInfo ? state.user.userInfo : {})
|
||||
})
|
||||
},
|
||||
mounted() {}
|
||||
}
|
||||
</script>
|
||||
111
src/components/public/operaRecorde.vue
Normal file
111
src/components/public/operaRecorde.vue
Normal file
@@ -0,0 +1,111 @@
|
||||
<!-- 操作记录 -->
|
||||
<template lang="">
|
||||
<div class="base-info-form-box">
|
||||
<el-form ref="form" :model="form" label-width="80px">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="4">
|
||||
<div class="div-col">
|
||||
<el-form-item label="关闭人" class="item-bt-s">
|
||||
<el-input v-model="form.exchangeRate" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建日期" class="item-bt-s item-date">
|
||||
<el-date-picker
|
||||
v-model="placeOrder"
|
||||
type="date"
|
||||
placeholder="年/月/日">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div class="div-col col-2">
|
||||
<el-form-item label="最后修改人" class="item-bt-s" :required="true">
|
||||
<el-select v-model="saleOrigin" placeholder="请选择" @change="originSelect">
|
||||
<el-option
|
||||
style="font-size:12px;"
|
||||
v-for="item in saleOrigins"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="最后修改时间" class="item-bt-s" :required="true">
|
||||
<el-select v-model="salePart" placeholder="请选择" :disabled="isSaleOrigin" @change="partSelect">
|
||||
<el-option
|
||||
style="font-size:12px;"
|
||||
v-for="item in saleParts"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="提交时间" class="item-bt-s" :required="true">
|
||||
<el-select v-model="salePerson" placeholder="请选择" :disabled="isSalePart">
|
||||
<el-option
|
||||
style="font-size:12px;"
|
||||
v-for="item in salePersons"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div class="div-col">
|
||||
<el-row :gutter="0">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="审核人" class="item-bt-s" :maxlength="50">
|
||||
<el-input v-model="form.express" maxlength="50"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="审核时间" class="item-bt-s">
|
||||
<el-input v-model="form.logisticsNumber" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div class="div-col">
|
||||
<el-form-item label="关闭人" class="item-bt-s">
|
||||
<el-input v-model="form.exchangeRate" placeholder=""></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="最后关闭时间" class="item-bt-s">
|
||||
<el-input v-model="form.taxAmount" placeholder="" :disabled="true"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否手工关闭" class="item-bt-s">
|
||||
<el-input v-model="form.taxAmount" placeholder="" :disabled="true"></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="4"></el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
form:{
|
||||
orderNumber:'',
|
||||
express:'',
|
||||
logisticsNumber:'',
|
||||
expressNumber:'',
|
||||
contactNumber:'',
|
||||
customAddress:'',
|
||||
exchangeRate:'',
|
||||
taxAmount:'',
|
||||
amountOfMoney:'',
|
||||
priceTaxTotal:''
|
||||
},
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="">
|
||||
|
||||
</style>
|
||||
2768
src/components/public/printviews/prtMoled.vue
Normal file
2768
src/components/public/printviews/prtMoled.vue
Normal file
File diff suppressed because it is too large
Load Diff
849
src/components/public/printviews/prtMoledop.vue
Normal file
849
src/components/public/printviews/prtMoledop.vue
Normal file
@@ -0,0 +1,849 @@
|
||||
<!-- 打印摸版 -->
|
||||
<template lang="">
|
||||
<div>
|
||||
<div v-for="(idsItem, num) in printData.ids" :key="num">
|
||||
<div>
|
||||
<!-- 表头 -->
|
||||
<div
|
||||
style="
|
||||
width: 100%;
|
||||
overflow-y: hidden;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
"
|
||||
:id="'companyTilte' + num"
|
||||
>
|
||||
<div style="width: 100%; text-align: center">
|
||||
<span
|
||||
style="font-size: 18px; margin-top: 30px"
|
||||
v-if="
|
||||
printData.orderName !== '送货单' &&
|
||||
printData.orderName !== '备料订单'
|
||||
"
|
||||
>{{
|
||||
userInfo.identity == 1 || userInfo.identity == 3
|
||||
? userInfo.orgName
|
||||
: userInfo.customerName
|
||||
}}</span
|
||||
>
|
||||
|
||||
<h1
|
||||
style="
|
||||
font-size: 20px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
"
|
||||
>
|
||||
{{ printData.orderName }}
|
||||
</h1>
|
||||
<hr style="border: 1px soild #000" />
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
:id="'headhtml' + num"
|
||||
style="
|
||||
width: 100%;
|
||||
overflow-y: hidden;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
"
|
||||
>
|
||||
<!--生产用料清单-->
|
||||
<div
|
||||
style="
|
||||
margin: 20px 0px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
"
|
||||
v-if="printData.orderName === '生产用料清单'"
|
||||
>
|
||||
<div
|
||||
id="head1"
|
||||
style="margin-bottom: 3px; word-break: break-all"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>销售订单号:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].salBillNo
|
||||
}}</span>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>生产订单号:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].moBillNo
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-bottom: 3px; word-break: break-all">
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>物料编码:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].pMaterialNumber
|
||||
}}</span>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>物料名称:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].pMaterialName
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
id="head2"
|
||||
style="margin-bottom: 3px; word-break: break-all"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>规格型号:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].pSpecification
|
||||
}}</span>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>生产订单备注:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].orderRemark
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-bottom: 3px; word-break: break-all">
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>生产部门:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].workShop
|
||||
}}</span>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>条码:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].barCode
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-bottom: 3px; word-break: break-all">
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>数量:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].number
|
||||
}}</span>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>期望交期:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].expectDate
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--委外用料清单-->
|
||||
<div
|
||||
style="
|
||||
margin: 20px 0px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
"
|
||||
v-if="printData.orderName === '委外用料清单'"
|
||||
>
|
||||
<div
|
||||
id="head1"
|
||||
style="margin-bottom: 3px; word-break: break-all"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>销售订单号:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].salBillNo
|
||||
}}</span>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>委外订单号:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].outSourcOrderNo
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-bottom: 3px; word-break: break-all">
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>物料编码:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].pMaterialNumber
|
||||
}}</span>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>物料名称:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].pMaterialName
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
id="head2"
|
||||
style="margin-bottom: 3px; word-break: break-all"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>规格型号:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].pSpecification
|
||||
}}</span>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>委外订单备注:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].orderRemark
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-bottom: 3px; word-break: break-all">
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>供应商:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].supplier
|
||||
}}</span>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>条码:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].barCode
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin-bottom: 3px; word-break: break-all">
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>数量:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].number
|
||||
}}</span>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
overflow: hidden;
|
||||
width: 350px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
text-align: left;
|
||||
max-height: 55px;
|
||||
"
|
||||
>
|
||||
<label
|
||||
style="
|
||||
width: 50px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
text-align: left;
|
||||
"
|
||||
>期望交期:</label
|
||||
>
|
||||
<span style="font-size: 14px">{{
|
||||
printData.tableData[num][0].expectDate
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 表体 -->
|
||||
<div :id="'div2' + num">
|
||||
<!-- v-for="(printDataItem, printDataIndex) in printData.tableData[num]" :key="printDataIndex" -->
|
||||
<table
|
||||
border="1"
|
||||
width="100%"
|
||||
style="
|
||||
border: solid 1px #999999;
|
||||
border-collapse: collapse;
|
||||
table-layout: fixed;
|
||||
word-wrap: break-all;
|
||||
"
|
||||
>
|
||||
<thead>
|
||||
<!--表头 -->
|
||||
<tr>
|
||||
<th
|
||||
style="
|
||||
padding: 6px 0;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
border: solid 1px #999999;
|
||||
"
|
||||
v-for="(itm, index) in theadDate"
|
||||
:key="itm.thName"
|
||||
:style="{ width: itm.width }"
|
||||
>
|
||||
{{ itm.thName }}
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- <tr v-for="(it, ind) in printData.tableData" :key="ind"></tr> -->
|
||||
<!--表体 -->
|
||||
|
||||
<tr
|
||||
v-for="(it, ind) in printData.tableData[num]"
|
||||
:key="ind"
|
||||
>
|
||||
<td
|
||||
style="
|
||||
font-size: 12px;
|
||||
color: #303133;
|
||||
padding: 3px 1px;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
border: solid 1px #999999;
|
||||
"
|
||||
v-for="(itm, index) in theadDate"
|
||||
:key="itm.field"
|
||||
:style="{ 'text-align': itm.textAlign }"
|
||||
>
|
||||
{{
|
||||
itm.field !== ''
|
||||
? it[itm.field]
|
||||
: ind + 1
|
||||
}}
|
||||
</td>
|
||||
</tr>
|
||||
<!--合计 -->
|
||||
<tr>
|
||||
<td
|
||||
colspan="7"
|
||||
style="
|
||||
font-size: 12px;
|
||||
color: #303133;
|
||||
padding: 6px 0;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
text-align: center;
|
||||
border: solid 1px #999999;
|
||||
"
|
||||
>
|
||||
合计
|
||||
</td>
|
||||
<td
|
||||
style="
|
||||
font-size: 10px;
|
||||
color: #303133;
|
||||
padding: 3px 0;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
text-align: right;
|
||||
border: solid 1px #999999;
|
||||
"
|
||||
>
|
||||
<span
|
||||
style="color: blue; text-align: right"
|
||||
tdata="AllSum"
|
||||
format="#,##0.00"
|
||||
tindex="8"
|
||||
>######</span
|
||||
>
|
||||
</td>
|
||||
<td
|
||||
style="
|
||||
font-size: 10px;
|
||||
color: #303133;
|
||||
padding: 3px 0;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
text-align: right;
|
||||
border: solid 1px #999999;
|
||||
"
|
||||
>
|
||||
<span
|
||||
style="color: blue; text-align: right"
|
||||
tdata="AllSum"
|
||||
format="#,##0.00"
|
||||
tindex="9"
|
||||
>######</span
|
||||
>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- 表尾-->
|
||||
<div
|
||||
style="
|
||||
width: 784px;
|
||||
overflow-y: hidden;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
"
|
||||
:id="'foothtml' + num"
|
||||
>
|
||||
<!-- 'foothtml'+ -->
|
||||
<div
|
||||
style="
|
||||
font-size: 14px;
|
||||
color: #303133;
|
||||
margin-top: 20px;
|
||||
"
|
||||
v-if="printData.tableData.length > 0"
|
||||
>
|
||||
<div
|
||||
style="width 100%; font-weight: bold;text-align:center"
|
||||
>
|
||||
本订单执行过程中如遇到任何国家或地方政策变化或分歧、争议，依据双方签订的合作协议/合同充分友好沟通协商解决。
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
font-size: 14px;
|
||||
margin-top: 30px;
|
||||
margin-left: 70px;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="float: left;width:200pxmargin-left:40px;"
|
||||
>
|
||||
<div style="margin-bottom: 5px">
|
||||
<span
|
||||
style="
|
||||
width: 70px;
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
margin-right: 3px;
|
||||
margin-bottom: 5px;
|
||||
"
|
||||
>
|
||||
打印时间：</span
|
||||
>
|
||||
<span>{{
|
||||
new Date().toLocaleString()
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
float: left;
|
||||
width: 120px;
|
||||
margin-left: 100px;
|
||||
"
|
||||
>
|
||||
<div style="margin-bottom: 5px">
|
||||
<span
|
||||
style="
|
||||
width: 70px;
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
"
|
||||
>发料人：</span
|
||||
>
|
||||
<span>{{
|
||||
printData.tableData[num][0].approverName
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
float: left;
|
||||
width: 120px;
|
||||
margin-left: 80px;
|
||||
"
|
||||
>
|
||||
<div style="margin-bottom: 5px">
|
||||
<span
|
||||
style="
|
||||
width: 70px;
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
"
|
||||
>领料人：</span
|
||||
>
|
||||
<span>{{
|
||||
printData.tableData[num][0].approverName
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { mapState } from 'vuex';
|
||||
export default {
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
props: {
|
||||
//如果不要这个显示就传那个标识 如果不要保存显示 就 btnType=['save'] 'disabled, de-disabled' --存在再集合里面就是 显示
|
||||
printData: {
|
||||
type: Object,
|
||||
default: function () {
|
||||
return {
|
||||
orderName: '订单',
|
||||
tableData: [],
|
||||
ids: [],
|
||||
};
|
||||
},
|
||||
},
|
||||
//这个区分不同单据的要素
|
||||
theadDate: {
|
||||
type: Array,
|
||||
default: function () {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
//这个区分不同单据的要素
|
||||
includeTage: {
|
||||
type: Array,
|
||||
default: function () {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
...mapState({
|
||||
// 取出页面标签
|
||||
userInfo: (state) =>
|
||||
state && state.user && state.user.userInfo
|
||||
? state.user.userInfo
|
||||
: {},
|
||||
}),
|
||||
},
|
||||
mounted() {},
|
||||
};
|
||||
</script>
|
||||
356
src/components/public/toolBtn/toolBtn.scss
Normal file
356
src/components/public/toolBtn/toolBtn.scss
Normal file
@@ -0,0 +1,356 @@
|
||||
.page-top {
|
||||
padding: 0 24px;
|
||||
border-bottom: 1px solid #EAEEF1;
|
||||
|
||||
.s-p-t-g1::after {
|
||||
content: "";
|
||||
height: 16px;
|
||||
width: 1px;
|
||||
background: #CBCFD3;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 0%;
|
||||
transform: translateY(50%);
|
||||
}
|
||||
|
||||
.btn-flex {
|
||||
display: flex;
|
||||
height: 40px;
|
||||
|
||||
}
|
||||
|
||||
.s-p-t-g1 {
|
||||
padding-right: 24px;
|
||||
position: relative;
|
||||
|
||||
.el-button:first-child {
|
||||
color: #606266;
|
||||
margin-right: 8px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding: 7px 8px;
|
||||
border: none;
|
||||
color: #606266;
|
||||
font-size: 12px;
|
||||
|
||||
.iconfont-mg {
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.el-button:hover {
|
||||
color: #4178D5;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.s-p-t-g2::after {
|
||||
content: "";
|
||||
height: 16px;
|
||||
width: 1px;
|
||||
background: #CBCFD3;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 0%;
|
||||
transform: translateY(50%);
|
||||
}
|
||||
|
||||
.s-p-t-g2 {
|
||||
padding: 0 24px;
|
||||
position: relative;
|
||||
|
||||
.el-button:first-child {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding: 7px 8px;
|
||||
border: none;
|
||||
color: #606266;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.el-button:hover {
|
||||
color: #4178D5;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.s-p-t-g3::after {
|
||||
content: "";
|
||||
height: 16px;
|
||||
width: 1px;
|
||||
background: #CBCFD3;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 0%;
|
||||
transform: translateY(50%);
|
||||
}
|
||||
|
||||
.s-p-t-g3 {
|
||||
padding: 0 24px;
|
||||
position: relative;
|
||||
|
||||
.el-button:first-child {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding: 7px 8px;
|
||||
border: none;
|
||||
color: #606266;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.el-button:hover {
|
||||
color: #4178D5;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.s-p-t-g4::after {
|
||||
content: "";
|
||||
height: 16px;
|
||||
width: 1px;
|
||||
background: #CBCFD3;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 0%;
|
||||
transform: translateY(50%);
|
||||
}
|
||||
|
||||
.s-p-t-g4 {
|
||||
padding: 0 24px;
|
||||
position: relative;
|
||||
|
||||
.el-button:first-child {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding: 7px 8px;
|
||||
border: none;
|
||||
color: #606266;
|
||||
margin-right: 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.el-button:hover {
|
||||
color: #4178D5;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.s-p-t-g5 {
|
||||
.el-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding: 7px 0 7px 24px;
|
||||
border: none;
|
||||
color: #606266;
|
||||
margin-right: 24px;
|
||||
font-size: 12px;
|
||||
|
||||
.iconfont-mg {
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
.el-button:hover {
|
||||
color: #4178D5;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.s-p-t-g7::after {
|
||||
content: "";
|
||||
height: 16px;
|
||||
width: 1px;
|
||||
background: #CBCFD3;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 0%;
|
||||
transform: translateY(50%);
|
||||
}
|
||||
|
||||
.s-p-t-g7 {
|
||||
padding: 0 24px;
|
||||
position: relative;
|
||||
|
||||
.el-button:first-child {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding: 7px 8px;
|
||||
border: none;
|
||||
color: #606266;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.el-button:hover {
|
||||
color: #4178D5;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.s-p-t-g8::after,
|
||||
.s-p-t-g12::after {
|
||||
content: "";
|
||||
height: 16px;
|
||||
width: 1px;
|
||||
background: #CBCFD3;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 0%;
|
||||
transform: translateY(50%);
|
||||
}
|
||||
|
||||
.s-p-t-g8,
|
||||
.s-p-t-g12 {
|
||||
padding: 0 24px;
|
||||
position: relative;
|
||||
|
||||
.el-button:first-child {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding: 7px 8px;
|
||||
border: none;
|
||||
color: #606266;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.el-button:hover {
|
||||
color: #4178D5;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.s-p-t-g9::after,
|
||||
.s-p-t-g6::after {
|
||||
content: "";
|
||||
height: 16px;
|
||||
width: 1px;
|
||||
background: #CBCFD3;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 0%;
|
||||
transform: translateY(50%);
|
||||
}
|
||||
|
||||
.s-p-t-g9,
|
||||
.s-p-t-g6 {
|
||||
padding: 0 24px;
|
||||
position: relative;
|
||||
|
||||
.el-button:first-child {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding: 7px 8px;
|
||||
border: none;
|
||||
color: #606266;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.el-button:hover {
|
||||
color: #4178D5;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.s-p-t-g11,
|
||||
.s-p-t-g10::after {
|
||||
content: "";
|
||||
height: 16px;
|
||||
width: 1px;
|
||||
background: #CBCFD3;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 0%;
|
||||
transform: translateY(50%);
|
||||
}
|
||||
|
||||
.s-p-t-g11,
|
||||
.s-p-t-g10 {
|
||||
padding: 0 24px;
|
||||
position: relative;
|
||||
|
||||
.el-button:first-child {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding: 7px 8px;
|
||||
border: none;
|
||||
color: #606266;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.el-button:hover {
|
||||
color: #4178D5;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep(.el-button:visited) {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
::v-deep(.el-button:focus) {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
::v-deep(.el-button:hover) {
|
||||
background-color: #fff;
|
||||
}
|
||||
574
src/components/public/toolBtn/toolBtn.vue
Normal file
574
src/components/public/toolBtn/toolBtn.vue
Normal file
@@ -0,0 +1,574 @@
|
||||
<!-- 页面顶部公共按钮 -->
|
||||
<template lang="">
|
||||
<div class="page-top">
|
||||
<el-button-group class="s-p-t-g1" v-if="btnType.includes('s-p-t-g11')">
|
||||
<el-button
|
||||
@click="actionhandel('edit')"
|
||||
:disabled="isDisable"
|
||||
:class="{ isDisable: isDisable }"
|
||||
>修改</el-button
|
||||
>
|
||||
</el-button-group>
|
||||
<el-button-group class="s-p-t-g1" v-if="!btnType.includes('s-p-t-g1')">
|
||||
<el-button
|
||||
@click="actionhandel('add')"
|
||||
v-if="!btnType.includes('add')"
|
||||
:disabled="isDisable"
|
||||
:class="{ isDisable: isDisable }"
|
||||
><span class="iconfont icon-tianjia iconfont-mg"></span
|
||||
>新增</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="actionhandel('save')"
|
||||
v-if="!btnType.includes('save')"
|
||||
:disabled="isDisable"
|
||||
:class="{ isDisable: isDisable }"
|
||||
><span class="iconfont icon-baocun iconfont-mg"></span
|
||||
>保存</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="actionhandel('copy')"
|
||||
v-if="!btnType.includes('copy')"
|
||||
:disabled="isDisable"
|
||||
:class="{ isDisable: isDisable }"
|
||||
><span class="iconfont icon-fuzhi iconfont-mg"></span
|
||||
>克隆</el-button
|
||||
>
|
||||
</el-button-group>
|
||||
<el-button-group class="s-p-t-g2" v-if="!btnType.includes('s-p-t-g2')">
|
||||
<el-button
|
||||
@click="actionhandel('submit')"
|
||||
v-if="!btnType.includes('submit')"
|
||||
:disabled="isDisable"
|
||||
:class="{ isDisable: isDisable }"
|
||||
>提交</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="actionhandel('revoke')"
|
||||
v-if="!btnType.includes('revoke')"
|
||||
:disabled="isDisable"
|
||||
:class="{ isDisable: isDisable }"
|
||||
>撤销</el-button
|
||||
>
|
||||
</el-button-group>
|
||||
<el-button-group class="s-p-t-g7" v-if="!btnType.includes('s-p-t-g7')">
|
||||
<el-button
|
||||
@click="actionhandel('push-order')"
|
||||
v-if="btnType.includes('push-order')"
|
||||
:disabled="isDisable"
|
||||
:class="{ isDisable: isDisable }"
|
||||
>下单</el-button
|
||||
>
|
||||
<el-button
|
||||
ref="getRefresh"
|
||||
@click="actionhandel('batch-edit')"
|
||||
v-if="btnType.includes('batch-edit')"
|
||||
:disabled="isDisable"
|
||||
:class="{ isDisable: isDisable }"
|
||||
>批量修改</el-button
|
||||
>
|
||||
</el-button-group>
|
||||
<el-button-group class="s-p-t-g6" v-if="btnType.includes('s-p-t-g6')">
|
||||
<el-button
|
||||
@click="actionhandel('querenorder')"
|
||||
v-if="!btnType.includes('querenorder')"
|
||||
>确认订单</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="actionhandel('scruku')"
|
||||
v-if="!btnType.includes('scruku')"
|
||||
>生产入库</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="actionhandel('songhuo')"
|
||||
v-if="!btnType.includes('songhuo')"
|
||||
>送货</el-button
|
||||
>
|
||||
</el-button-group>
|
||||
<el-button-group class="s-p-t-g3" v-if="!btnType.includes('s-p-t-g3')">
|
||||
<el-button
|
||||
@click="actionhandel('audit')"
|
||||
v-if="!btnType.includes('audit')"
|
||||
:disabled="isDisable || isExmaineTop == 1"
|
||||
:class="{ isDisable: isDisable || isExmaineTop == 1 }"
|
||||
>审核</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="actionhandel('de-approval')"
|
||||
v-if="!btnType.includes('de-approval')"
|
||||
:disabled="isDisable || isExmaineTop == 1"
|
||||
:class="{ isDisable: isDisable || isExmaineTop == 1 }"
|
||||
>反审</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="actionhandel('setIntoNum')"
|
||||
v-if="btnType.includes('setIntoNum')"
|
||||
>调整入库数量</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="actionhandel('Receiving')"
|
||||
v-if="btnType.includes('Receiving')"
|
||||
>收货</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="actionhandel('delet')"
|
||||
v-if="!btnType.includes('delete')"
|
||||
:disabled="isDisable"
|
||||
:class="{ isDisable: isDisable }"
|
||||
>删除</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="actionhandel('gys-close')"
|
||||
v-if="btnType.includes('gys-close')"
|
||||
>关闭</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="actionhandel('gys-declose')"
|
||||
v-if="btnType.includes('gys-declose')"
|
||||
>反关闭</el-button
|
||||
>
|
||||
</el-button-group>
|
||||
<el-button-group class="s-p-t-g8" v-if="!btnType.includes('s-p-t-g8')">
|
||||
<el-button
|
||||
@click="actionhandel('out-export')"
|
||||
v-if="btnType.includes('out-export')"
|
||||
:disabled="isDisable"
|
||||
:class="{ isDisable: isDisable }"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-button-group>
|
||||
<el-button-group class="s-p-t-g4" v-if="!btnType.includes('s-p-t-g4')">
|
||||
<div class="btn-flex">
|
||||
<el-button
|
||||
@click="actionhandel('push-down')"
|
||||
v-if="!btnType.includes('push-down')"
|
||||
:disabled="isDisable || isExmaineTop == 1"
|
||||
:class="{ isDisable: isDisable || isExmaineTop == 1 }"
|
||||
>下推</el-button
|
||||
>
|
||||
<el-dropdown
|
||||
v-if="!btnType.includes('operation')"
|
||||
:trigger="click"
|
||||
:hide-on-click="true"
|
||||
:disabled="isDisable || isExmaineTop == 1"
|
||||
@visible-change="dropDownEnter"
|
||||
placement="bottom-start"
|
||||
class="btn-action"
|
||||
>
|
||||
<span
|
||||
class="el-dropdown-link"
|
||||
:class="{ isDisable: isDisable || isExmaineTop == 1 }"
|
||||
>
|
||||
操作<i class="iconfont icon-gengduo f-12"> </i
|
||||
></span>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu class="insert-row" style="padding: 0">
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
@click="actionhandel('disabled')"
|
||||
>
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
v-if="btnType.includes('disabled')"
|
||||
>禁用</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
@click="actionhandel('de-disabled')"
|
||||
>
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
v-if="btnType.includes('de-disabled')"
|
||||
>反禁用</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
@click="actionhandel('close')"
|
||||
>
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
v-if="!btnType.includes('close')"
|
||||
>关闭</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
@click="actionhandel('de-close')"
|
||||
>
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
v-if="!btnType.includes('de-close')"
|
||||
>反关闭</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
v-if="!btnType.includes('export')"
|
||||
>
|
||||
<el-dropdown
|
||||
placement="right-start"
|
||||
trigger="hover"
|
||||
style="
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
padding-left: 14px;
|
||||
"
|
||||
>
|
||||
<span class="el-dropdown-link f-12 zdyspan"
|
||||
>导出<i
|
||||
class="iconfont icon-youbian f-12"
|
||||
></i
|
||||
></span>
|
||||
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item
|
||||
index="2-4-1"
|
||||
@click="
|
||||
actionhandel('list-export')
|
||||
"
|
||||
v-if="
|
||||
!btnType.includes(
|
||||
'list-export'
|
||||
)
|
||||
"
|
||||
>按列表字段导出</el-dropdown-item
|
||||
>
|
||||
<el-dropdown-item
|
||||
index="2-4-2"
|
||||
@click="
|
||||
actionhandel('all-export')
|
||||
"
|
||||
v-if="
|
||||
!btnType.includes(
|
||||
'all-export'
|
||||
)
|
||||
"
|
||||
>按全部字段导出</el-dropdown-item
|
||||
>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</el-dropdown-item>
|
||||
<!-- 新增盘点导入 -->
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
v-if="btnType.includes('out-import')"
|
||||
click.stop
|
||||
>
|
||||
<el-dropdown
|
||||
style="
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
padding-left: 14px;
|
||||
"
|
||||
>
|
||||
<!-- https://login.ops.f2b211.com/api/v1/TrayCount/Import -->
|
||||
<!--https://proxy.ops.f2b211.com/api/ -->
|
||||
<!-- https://dev.proxy.ops.f2b211.com/api/ -->
|
||||
<el-upload
|
||||
:action="httpUrl"
|
||||
:on-success="handleSuccess"
|
||||
:on-error="handleError"
|
||||
accept=".xlsx,.xls"
|
||||
:on-exceed="handleExceed"
|
||||
ref="upload"
|
||||
:limit="1"
|
||||
:headers="{
|
||||
Authorization: token,
|
||||
}"
|
||||
:show-file-list="false"
|
||||
>
|
||||
<span
|
||||
class="el-dropdown-link f-12 zdyspan"
|
||||
>导入</span
|
||||
>
|
||||
</el-upload>
|
||||
</el-dropdown>
|
||||
</el-dropdown-item>
|
||||
<!-- 新增盘点下载导入模板 -->
|
||||
<!-- https://opstestfile.f2b211.com/temp_pandian.xlsx -->
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
click.stop
|
||||
v-if="
|
||||
btnType.includes('download-import-template')
|
||||
"
|
||||
>
|
||||
<el-dropdown
|
||||
style="
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
padding-left: 14px;
|
||||
"
|
||||
>
|
||||
<!-- https://opsfile.f2b211.com/temp_pandian.xlsx -->
|
||||
<!-- https://opstestfile.f2b211.com/temp_pandian.xlsx -->
|
||||
<a
|
||||
class="el-dropdown-link f-12 zdyspan"
|
||||
href="https://opsfile.f2b211.com/temp_pandian.xlsx"
|
||||
download="p.xlsx"
|
||||
style="color: #606266"
|
||||
>
|
||||
下载导入模板
|
||||
</a>
|
||||
</el-dropdown>
|
||||
</el-dropdown-item>
|
||||
|
||||
<el-dropdown-item class="dropdownselect">
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
@click="actionhandel('print-aterial-list')"
|
||||
v-if="
|
||||
!btnType.includes('print-aterial-list')
|
||||
"
|
||||
>打印用料清单</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
@click="actionhandel('finish')"
|
||||
>
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
v-if="!btnType.includes('finish')"
|
||||
>完工</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
@click="actionhandel('close-case')"
|
||||
>
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
v-if="!btnType.includes('close-case')"
|
||||
>结案</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
@click="actionhandel('de-excute-start')"
|
||||
>
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
v-if="!btnType.includes('de-excute-start')"
|
||||
>反执行至开工</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
@click="actionhandel('de-excute-finish')"
|
||||
>
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
v-if="!btnType.includes('de-excute-finish')"
|
||||
>反执行至完工</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
@click="actionhandel('print-brower')"
|
||||
>
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
v-if="!btnType.includes('print-brower')"
|
||||
>打印/预览</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
<!-- 7.5 jx BOM 正查 反查 -->
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
@click="actionhandel('just-check')"
|
||||
>
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
v-if="btnType.includes('just-check')"
|
||||
>BOM正查</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
@click="actionhandel('back-check')"
|
||||
>
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
v-if="btnType.includes('back-check')"
|
||||
>BOM反查</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
<el-dropdown
|
||||
v-if="!btnType.includes('query')"
|
||||
trigger="click"
|
||||
:hide-on-click="true"
|
||||
@visible-change="dropDownEnter"
|
||||
placement="bottom-start"
|
||||
:disabled="isDisable"
|
||||
class="btn-action"
|
||||
>
|
||||
<span
|
||||
class="el-dropdown-link"
|
||||
:class="{ isDisable: isDisable }"
|
||||
>
|
||||
查询<i class="iconfont icon-gengduo f-12"> </i
|
||||
></span>
|
||||
<template #dropdown>
|
||||
<el-dropdown-menu>
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
@click="actionhandel('up-check')"
|
||||
>
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
v-if="!btnType.includes('up-check')"
|
||||
>上查</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
@click="actionhandel('down-check')"
|
||||
>
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
v-if="!btnType.includes('down-check')"
|
||||
>下查</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item
|
||||
class="dropdownselect"
|
||||
@click="actionhandel('exDetails')"
|
||||
>
|
||||
<span
|
||||
style="margin-right: 4px"
|
||||
v-if="!btnType.includes('exDetails')"
|
||||
>查看流程图</span
|
||||
>
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</template>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</el-button-group>
|
||||
<el-button-group class="s-p-t-g12" v-if="btnType.includes('s-p-t-g12')">
|
||||
<el-button
|
||||
@click="actionhandel('adjustInventory')"
|
||||
v-if="btnType.includes('adjustInventory')"
|
||||
>库存调整</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="actionhandel('addMaterial')"
|
||||
v-if="btnType.includes('addMaterial')"
|
||||
>添加物料</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="actionhandel('dayin')"
|
||||
v-if="!btnType.includes('dayin')"
|
||||
>打印</el-button
|
||||
>
|
||||
<el-button
|
||||
@click="actionhandel('daochu')"
|
||||
v-if="!btnType.includes('daochu')"
|
||||
>导出</el-button
|
||||
>
|
||||
</el-button-group>
|
||||
<el-button-group class="s-p-t-g5" v-if="!btnType.includes('s-p-t-g5')">
|
||||
<el-button
|
||||
ref="getRefresh"
|
||||
@click="actionhandel('refresh')"
|
||||
v-if="!btnType.includes('refresh')"
|
||||
:disabled="isDisable"
|
||||
:class="{ isDisable: isDisable }"
|
||||
><span class="iconfont icon-shuaxin iconfont-mg"></span
|
||||
>刷新</el-button
|
||||
>
|
||||
</el-button-group>
|
||||
<el-button-group class="s-p-t-g9" v-if="!btnType.includes('s-p-t-g9')">
|
||||
<el-button
|
||||
ref="getRefresh"
|
||||
@click="actionhandel('global-refresh')"
|
||||
v-if="btnType.includes('global-refresh')"
|
||||
:disabled="isDisable"
|
||||
:class="{ isDisable: isDisable }"
|
||||
><span class="iconfont icon-shuaxin iconfont-mg"></span
|
||||
>全局刷新</el-button
|
||||
>
|
||||
</el-button-group>
|
||||
<el-button-group
|
||||
class="s-p-t-g10"
|
||||
v-if="!btnType.includes('s-p-t-g10')"
|
||||
>
|
||||
<el-button
|
||||
ref="getRefresh"
|
||||
@click="actionhandel('tick-refresh')"
|
||||
v-if="btnType.includes('tick-refresh')"
|
||||
:disabled="isDisable"
|
||||
:class="{ isDisable: isDisable }"
|
||||
><span class="iconfont icon-shuaxin iconfont-mg"></span
|
||||
>勾选刷新</el-button
|
||||
>
|
||||
</el-button-group>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
name: 'toolBtn',
|
||||
};
|
||||
</script>
|
||||
<script setup>
|
||||
import { toRefs, defineComponent, watch, ref } from 'vue';
|
||||
import { ElMessage } from 'element-plus';
|
||||
const props = defineProps({
|
||||
btnType: {
|
||||
type: Array,
|
||||
default: function () {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
isDisable: {
|
||||
type: Boolean,
|
||||
default: function () {
|
||||
return false;
|
||||
},
|
||||
},
|
||||
isExmaineTop: {
|
||||
type: Number,
|
||||
},
|
||||
});
|
||||
const companyId = ref(localStorage.getItem('companyId') || 1);
|
||||
const token = ref(localStorage.getItem('userToken'));
|
||||
const httpUrl = ref(
|
||||
`https://proxy.ops.f2b211.com/api/v1/TrayCount/Import?c=${companyId.value}`
|
||||
);
|
||||
const emits = defineEmits(['actionhandel']);
|
||||
const { isDisable, isExmaineTop, btnType } = toRefs(props);
|
||||
const upload = ref(null);
|
||||
|
||||
const actionhandel = (type) => {
|
||||
emits('actionhandel', type); // type 代表操作类型 type === add 或者 copy 或者... 代表操作状态
|
||||
};
|
||||
|
||||
const handleSuccess = (res) => {
|
||||
upload.value.clearFiles();
|
||||
if (res.status === 200) {
|
||||
ElMessage.success('数据导入成功!');
|
||||
} else {
|
||||
ElMessage.error(res.message);
|
||||
}
|
||||
};
|
||||
const handleError = (res) => {
|
||||
upload.value.clearFiles();
|
||||
ElMessage.error(res.message);
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import './toolBtn.scss';
|
||||
|
||||
.isDisable {
|
||||
color: var(--el-text-color-placeholder) !important;
|
||||
cursor: not-allowed !important;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user