From 5df5dba2a321098fd0fc7e18b71549f5c2312049 Mon Sep 17 00:00:00 2001
From: chenlu <1320612696@qq.com>
Date: 星期二, 27 八月 2024 17:19:13 +0800
Subject: [PATCH] Merge branch 'master' of http://bore.pub:10439/r/ERP_override
---
north-glass-erp/northglass-erp/src/views/sd/order/UpdateOrderCraft.vue | 296 +++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 209 insertions(+), 87 deletions(-)
diff --git a/north-glass-erp/northglass-erp/src/views/sd/order/UpdateOrderCraft.vue b/north-glass-erp/northglass-erp/src/views/sd/order/UpdateOrderCraft.vue
index 4f0dc91..294fc0a 100644
--- a/north-glass-erp/northglass-erp/src/views/sd/order/UpdateOrderCraft.vue
+++ b/north-glass-erp/northglass-erp/src/views/sd/order/UpdateOrderCraft.vue
@@ -1,37 +1,41 @@
<script setup>
-import {computed, onMounted, reactive, ref} from "vue"
+import {computed, onMounted, reactive, ref, watch} from "vue"
import {useRouter,useRoute} from "vue-router"
import request from "@/utils/request"
-import {ElMessage} from "element-plus"
+import {ElMessage, ElMessageBox} from "element-plus"
import {changeFilterEvent,filterChanged} from "@/hook"
import {addListener,toolbarButtonClickEvent} from "@/hook/mouseMove"
import {useI18n} from "vue-i18n"
-import {Flag, Location} from "@element-plus/icons-vue";
+import companyInfo from "@/stores/sd/companyInfo";
const { t } = useI18n()
const router = useRouter()
const route = useRoute()
let dialogTableVisible = ref(false)
let craftVisible = ref(false)
+const iconNickname = ref()
+const company = companyInfo()
const xGrid = ref()
-const trademarkLocation=ref(['宸︿笂','鍙充笂','宸︿笅','鍙充笅'])
+const trademarkLocation=ref([t('craft.upperLeft'),t('craft.upperRight'),t('craft.lowLeft'),t('craft.lowRight')])
const gridOptions = reactive({
+ loading:true,
border: "full",//琛ㄦ牸鍔犺竟妗�
keepSource: true,//淇濇寔婧愭暟鎹�
align: 'center',//鏂囧瓧灞呬腑
stripe:true,//鏂戦┈绾规ゼ鍙�
rowConfig: {isCurrent: true, isHover: true,height: 30},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
- id: 'OrderList',
- showFooter: true,//鏄剧ず鑴�
+ id: 'updateOrderCraft',
printConfig: {},
importConfig: {},
exportConfig: {},
- scrollY:{ enabled: true },//寮�鍚櫄鎷熸粴鍔�
+ scrollY:{ enabled: true,gt:13 },//寮�鍚櫄鎷熸粴鍔�
+ scrollX:{ enabled: true,gt:7 },//寮�鍚櫄鎷熸粴鍔�
showOverflow:true,
columnConfig: {
resizable: true,
useKey: true
},
+ mouseConfig:{selected: true},
filterConfig: { //绛涢�夐厤缃」
// remote: true
},
@@ -39,16 +43,16 @@
storage: true
},
editConfig: {
- trigger: 'click',
- mode: 'row',
+ trigger: 'dblclick',
+ mode: 'cell',
showStatus: true
},//琛ㄥご鍙傛暟
columns:[
{title: t('basicData.operate'), width: 220, slots: { default: 'button_slot' },fixed:"left",},
- {field: 'orderNumber',width:120, title: t('order.OrderNum'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
- //{field: 'orderDetail.buildingNumber',width:120, title: '妤煎彿',filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true},
- {field: 'orderDetail.productName',width:120, title: t('order.product'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
- {field: 'glassAddress',width:120, title: t('craft.glassAddress'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
+ {field: 'orderNumber',fixed:"left",width:120, title: t('order.OrderNum'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
+ {field: 'orderDetail.productId',fixed:"left",width:120, title: t('order.productId'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
+ {field: 'orderDetail.productName',fixed:"left",width:120, title: t('order.product'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
+ {field: 'technologyNumber',width:120, fixed:"left", title: t('craft.glassAddress'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
{field: 'glassChild',width:120, title: t('craft.glassChild'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
{field: 'orderDetail.width',width:120, title: t('craft.width'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
{field: 'orderDetail.height',width:120, title: t('craft.height'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
@@ -56,6 +60,7 @@
{field: 'totalArea',width:120, title: t('craft.totalArea'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
{field: 'childWidth',width:120, title: t('craft.childWidth'),editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
{field: 'childHeight',width:120, title: t('craft.childHeight'),editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
+ {field: 'arc',width:120, title: t('craft.arc'),editRender: { name: 'input'},filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
{field: 'area',width:120, title: t('craft.area'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
{field: 'orderDetail.quantity',width:120, title: t('order.quantity'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
{field: 'process',width:120, title: t('craft.process'),filters:[{ data: '' }],slots: { filter: 'num1_filter' }, sortable: true,filterMethod:filterChanged},
@@ -80,6 +85,8 @@
{ code: 'copyChecked', name: t('basicData.selectSame'), prefixIcon: 'vxe-icon-copy', visible: true, disabled: false },
{ code: 'copyAll', name: t('basicData.sameAfterwards'), prefixIcon: 'vxe-icon-feedback', visible: true, disabled: false },
{ code: 'clearChecked', name: t('basicData.clearSelection'), prefixIcon: 'vxe-icon-indicator', visible: true, disabled: false },
+ { code: 'computedSize', name: t('basicData.computedSize'), prefixIcon: 'vxe-icon-chart-line', visible: true, disabled: false },
+ { code: 'paste', name: t('basicData.paste'), prefixIcon: 'vxe-icon-paste', visible: true, disabled: false },
]
]
}
@@ -91,24 +98,12 @@
{'code': 'review', 'name': t('basicData.review'),status: 'primary'},
],
// import: false,
- // export: true,
+ export: true,
// print: true,
zoom: true,
custom: true
},
- footerMethod ({ columns, data }) {//椤佃剼鍑芥暟
- return[
- columns.map((column, columnIndex) => {
- if (columnIndex === 0) {
- return t('basicData.total')
- }
- // if (props.tableProp.footList.includes(column.field)) {
- // return sumNum(data, column.field)
- // }
- return ''
- })
- ]
- }
+
})
@@ -136,7 +131,7 @@
}
}
},
- menuClick ({ menu, row, column }) {
+ async menuClick ({ menu, row, column }) {
const $grid = xGrid.value
if ($grid) {
switch (menu.code) {
@@ -151,6 +146,30 @@
}
})
}
+ break
+ }
+ case 'computedSize' :{
+ let result = toolbarButtonClickEvent()
+ if(!result || result.cell!=='childWidth'){
+ break
+ }
+ ElMessageBox.prompt('', '', {
+ confirmButtonText: t('basicData.confirmButtonText'),
+ cancelButtonText: t('basicData.cancelButtonText'),
+ inputPattern:/^(-?\d{1,4}(\.\d{1,2})?|-?0(\.\d{1,2})?)$/,
+ inputErrorMessage: '-9999.99~9999.99',
+ })
+ .then(({ value }) => {
+ const value1 = value*1
+ $grid.getTableData().visibleData.forEach((item,index) =>{
+ if(index>=result.start && index<=result.end){
+
+ item[result.cell] = item[result.cell]*1+value1
+ }
+
+ })
+ })
+
break
}
case 'copyAll' :{
@@ -176,6 +195,37 @@
}
})
}
+ break
+ }
+ case 'paste' :{
+ if(xGrid.value.getSelectedCell()===null){
+ return
+ }
+ if(xGrid.value.getSelectedCell().column.editRender===undefined){
+ return
+ }
+ const flag = xGrid.value.getSelectedCell()['_rowIndex']
+ const column =xGrid.value.getSelectedCell().column.field
+ ElMessageBox.prompt()
+ .then(({ value }) => {
+ let text = value
+ text = text.split(' ')
+ if(text===null){
+ return
+ }
+
+ const data = xGrid.value.getTableData().visibleData
+ //let i = 0
+ for (let i=0; i<text.length; i++) {
+ if(i+flag>=data.length){
+ return
+ }
+ data[i+flag][column] = text[i]
+ }
+ })
+
+
+
break
}
}
@@ -216,11 +266,13 @@
tag:null,
tag2:null ,
tag3:null,
- xMargin:null,
- yMargin:null,
+ xMargin:30,
+ yMargin:30,
location:[]
})
+
+
let process = ref([])
request.get(`/basicData/BasicDataByType/product/process`).then((res) =>{
@@ -232,6 +284,10 @@
request.get(`/basicData/BasicDataByType/order/icon`).then((res) =>{
if (res.code==200){
trademarkList.value = res.data
+ trademarkList.value.forEach(item =>{
+ item.basicName
+ })
+
}
})
@@ -248,16 +304,34 @@
let trademarkVisible = ref(false)
const updateTrademark = (row) => {
trademarkVisible.value= true
- Object.keys(trademarkAttr.value).forEach((key) => {
+ /*Object.keys(trademarkAttr.value).forEach((key) => {
if(key==='location'){
trademarkAttr.value[key] = []
+ }else if(key==='xMargin' || key==='yMargin'){
+ trademarkAttr.value[key] = 30
}else{
trademarkAttr.value[key] = ''
}
- })
+ })*/
+ trademarkAttr.value = {
+ trademark:"3C",
+ xImage:false,
+ yImage:false,
+ tag:true,
+ tag2:true ,
+ tag3:true,
+ xMargin:30,
+ yMargin:30,
+ location:t('craft.lowLeft')
+ }
if(row.icon!=null){
trademarkAttr.value = JSON.parse(row.icon)
}
+ trademarkList.value.forEach(item =>{
+ if(item.basicName===trademarkAttr.value.trademark){
+ iconNickname.value=item.nickname
+ }
+ })
rowIndex.value = row
}
@@ -300,6 +374,7 @@
request.post(`/order/getOrderCraftById/${str}`).then((res) => {
if(res.code==200){
titleUploadData.value = res.data.order
+ console.log(res.data.orderGlassDetails)
//鍙栨秷瀹℃牳鎸夐挳绂佺敤
if(res.data.order.processReview === 2 ){
@@ -315,6 +390,7 @@
}
xGrid.value.reloadData(res.data.orderGlassDetails)
+ gridOptions.loading = false
}else{
ElMessage.error(res.msg)
}
@@ -340,15 +416,36 @@
}
const tagCheck = (state) => {
- if(typeof trademarkAttr.value.location === 'string'){
- return false
+ return trademarkAttr.value.location === state
+}
+const resetTrademark = () => {
+ for(const key in trademarkAttr.value){
+
+ trademarkAttr.value[key] = ''
+ if(key==='location'){
+ trademarkAttr.value[key] = []
+ }
}
- const filterArr = trademarkAttr.value.location.filter((item) =>{
- return item === state
+}
+
+const iconChange = () => {
+ trademarkList.value.forEach(item =>{
+ if(item.basicName===trademarkAttr.value.trademark){
+ iconNickname.value=item.nickname
+ }
})
- return filterArr.length > 0
+ if(trademarkAttr.value.trademark===company.icon){
+ trademarkAttr.value.yMargin=66
+ }
}
+
+let enlargementFlag = ref(false)
+const trademarkenlargement = () => {
+ enlargementFlag.value = !enlargementFlag.value
+}
+
+
</script>
<template>
@@ -381,7 +478,7 @@
<div class="order-detail">
<vxe-grid
- max-height="97%"
+ height="100%"
class="mytable-scrollbar"
ref="xGrid"
v-bind="gridOptions"
@@ -400,8 +497,8 @@
<!--宸﹁竟鍥哄畾鏄剧ず鐨勬彃妲�-->
<template #button_slot="{ row }">
- <el-button @click="updateCraft(row)" link type="primary" size="small">{{t('craft.updateCraft')}}</el-button>
- <el-button @click="updateTrademark(row)" link type="primary" size="small">淇敼鍟嗘爣</el-button>
+ <el-button @click="updateCraft(row)" link type="primary" size="small">{{$t('craft.updateCraft')}}</el-button>
+ <el-button @click="updateTrademark(row)" link type="primary" size="small">{{$t('craft.modifyTrademark')}}</el-button>
</template>
<template #num1_filter="{ column, $panel }">
@@ -459,108 +556,109 @@
<el-dialog
id="trademark"
v-model="trademarkVisible"
- :title="'鍟嗘爣鍙傛暟'"
+ :title="$t('craft.TrademarkAttribute')"
:close-on-click-modal="false"
:close-on-press-escape="false"
style="width: 922px;height:443px ;
position: relative;" >
<div style="width: 50%;height: 100%;float: left">
<el-row style="">
- <el-col :span="4">鍟嗘爣閫夐」:</el-col>
+ <el-col :span="4">{{$t('craft.TrademarkOptions')}}:</el-col>
<el-col :span="6">
- <el-select v-model="trademarkAttr.trademark"
- >
+ <el-select v-model="trademarkAttr.trademark" @change ="iconChange" filterable>
<el-option :value="item.basicName" v-for="item in trademarkList" />
</el-select>
</el-col>
</el-row>
<el-row>
- <el-col :span="4">X杞撮暅鍍�:</el-col>
+ <el-col :span="4">{{$t('craft.xImage')}}:</el-col>
<el-col :span="6">
<el-select v-model="trademarkAttr.xImage">
- <el-option :value="true" :label="'鏄�'"/>
- <el-option :value="false" :label="'鍚�'"/>
+ <el-option :value="true" :label="$t('basicData.true')"/>
+ <el-option :value="false" :label="$t('basicData.false')"/>
</el-select>
</el-col>
</el-row>
<el-row>
- <el-col :span="4">Y杞撮暅鍍�:</el-col>
+ <el-col :span="4">{{$t('craft.yImage')}}:</el-col>
<el-col :span="6">
<el-select v-model="trademarkAttr.yImage">
- <el-option :value="true" :label="'鏄�'"/>
- <el-option :value="false" :label="'鍚�'"/>
+ <el-option :value="true" :label="$t('basicData.true')"/>
+ <el-option :value="false" :label="$t('basicData.false')"/>
</el-select>
</el-col>
</el-row>
<el-row>
- <el-col :span="4">鎵撴爣浣胯兘:</el-col>
+ <el-col :span="4">{{$t('craft.tag')}}:</el-col>
<el-col :span="6">
<el-select v-model="trademarkAttr.tag">
- <el-option :value="true" :label="'鏄�'"/>
- <el-option :value="false" :label="'鍚�'"/>
+ <el-option :value="true" :label="$t('basicData.true')"/>
+ <el-option :value="false" :label="$t('basicData.false')"/>
</el-select>
</el-col>
</el-row>
<el-row>
- <el-col :span="4">浜岀淮鐮佹墦鍗�:</el-col>
+ <el-col :span="4">{{$t('craft.tag2')}}:</el-col>
<el-col :span="6">
<el-select v-model="trademarkAttr.tag2">
- <el-option :value="true" :label="'鏄�'"/>
- <el-option :value="false" :label="'鍚�'"/>
+ <el-option :value="true" :label="$t('basicData.true')"/>
+ <el-option :value="false" :label="$t('basicData.false')"/>
</el-select>
</el-col>
</el-row>
<el-row>
- <el-col :span="4">鏍囩3浣胯兘:</el-col>
+ <el-col :span="4">{{$t('craft.tag3')}}:</el-col>
<el-col :span="6">
<el-select v-model="trademarkAttr.tag3">
- <el-option :value="true" :label="'鏄�'"/>
- <el-option :value="false" :label="'鍚�'"/>
+ <el-option :value="true" :label="$t('basicData.true')"/>
+ <el-option :value="false" :label="$t('basicData.false')"/>
</el-select>
</el-col>
</el-row>
<el-row>
- <el-col :span="4">X杞磋竟璺�:</el-col>
+ <el-col :span="4">{{$t('craft.xMargin')}}:</el-col>
<el-col :span="6">
<el-input-number v-model="trademarkAttr.xMargin"/>
</el-col>
</el-row>
<el-row>
- <el-col :span="4">Y杞磋竟璺�:</el-col>
+ <el-col :span="4">{{$t('craft.yMargin')}}:</el-col>
<el-col :span="6">
<el-input-number v-model="trademarkAttr.yMargin"/>
</el-col>
</el-row>
<el-row>
- <el-col :span="4">鍟嗘爣浣嶇疆:</el-col>
- <el-col :span="16">
- <el-checkbox v-model="trademarkAttr.location" v-for="item in trademarkLocation" :label="item" />
+ <el-col :span="4">{{$t('craft.location')}}:</el-col>
+ <el-col :span="25">
+ <el-radio v-model="trademarkAttr.location" v-for="item in trademarkLocation" :label="item" />
</el-col>
</el-row>
<el-row>
<el-col >
<el-button @click="changeTrademark" style="float:right;" type="primary" >{{$t('craft.sure')}}</el-button>
- <el-button style="float:right;margin-right: 0.5rem" type="primary" >{{$t('craft.reset')}}</el-button>
+ <el-button @click="resetTrademark" style="float:right;margin-right: 0.5rem" type="primary" >{{$t('craft.reset')}}</el-button>
</el-col>
</el-row>
</div>
- <div style="width: 400px;height: 250px;border: 2px solid #000;float: left;position: relative;">
+ <div v-if="!enlargementFlag" style="width: 400px;height: 250px;border: 2px solid #000;float: left;position: relative;">
<div
- v-if="tagCheck('宸︿笂')"
- style="float: left;width: 60px;height: 60px;margin-left: 1rem">
- <el-row>
- <el-col :span="20"><el-icon :size="20"><Location /></el-icon></el-col>
+ v-if="tagCheck(t('craft.upperLeft'))"
+ style="float: left;width: 50px;height: 90px;margin-left: 1rem;margin-top: 15px">
+ <el-row class="icon">
+ <el-col class="icon" >
+ <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/>
+ </el-col>
</el-row>
- <el-row >
+ <el-row >
<el-col :span="5" >X:</el-col>
<el-col :span="2" >{{trademarkAttr.xMargin}}</el-col>
</el-row>
@@ -571,12 +669,14 @@
</div>
<div
- v-if="tagCheck('鍙充笂')"
- style="float: right;width: 60px;height: 60px;margin-right: 1rem">
- <el-row>
- <el-col :span="20"><el-icon :size="20"><Location /></el-icon></el-col>
+ v-if="tagCheck(t('craft.upperRight'))"
+ style="float: right;width: 50px;height: 90px;margin-right: 1rem;margin-top: 15px">
+ <el-row class="icon">
+ <el-col class="icon" >
+ <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/>
+ </el-col>
</el-row>
- <el-row >
+ <el-row >
<el-col :span="5" >X:</el-col>
<el-col :span="2" >{{trademarkAttr.xMargin}}</el-col>
</el-row>
@@ -585,14 +685,13 @@
<el-col :span="2" >{{trademarkAttr.yMargin}}</el-col>
</el-row>
</div>
+
<div
- v-if="tagCheck('宸︿笅')"
- style="width: 60px;height: 60px;margin-left: 1rem;float: left;position: absolute;bottom: 8px">
- <el-row>
- <el-col :span="20"><el-icon :size="20"><Location /></el-icon></el-col>
- </el-row>
- <el-row >
+
+ v-if="tagCheck(t('craft.lowLeft'))"
+ style="width: 50px;height: 90px;margin-left: 1rem;float: left;position: absolute;bottom: 15px" >
+ <el-row >
<el-col :span="5" >X:</el-col>
<el-col :span="2" >{{trademarkAttr.xMargin}}</el-col>
</el-row>
@@ -600,15 +699,19 @@
<el-col :span="5" >Y:</el-col>
<el-col :span="2" >{{trademarkAttr.yMargin}}</el-col>
</el-row>
+ <el-row class="icon">
+ <el-col class="icon" >
+ <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/>
+ </el-col>
+ </el-row>
+
</div>
+
<div
- v-if="tagCheck('鍙充笅')"
- style="width: 60px;height: 60px;position: absolute;bottom: 8px;right: 1rem">
+ v-if="tagCheck(t('craft.lowRight'))"
+ style="width: 50px;height: 90px;position: absolute;bottom: 15px;right: 1rem">
<el-row>
- <el-col :span="20"><el-icon :size="20"><Location /></el-icon></el-col>
- </el-row>
- <el-row >
<el-col :span="5" >X:</el-col>
<el-col :span="2" >{{trademarkAttr.xMargin}}</el-col>
</el-row>
@@ -616,10 +719,19 @@
<el-col :span="5" >Y:</el-col>
<el-col :span="2" >{{trademarkAttr.yMargin}}</el-col>
</el-row>
+ <el-row class="icon">
+ <el-col class="icon">
+ <el-image style="width: 100%;height: 100%" @dblclick="trademarkenlargement" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/>
+ </el-col>
+ </el-row>
+
</div>
+ </div>
+ <div v-if="enlargementFlag" style="width: 400px;height: 250px;float: left;position: relative;">
+ <el-image @dblclick="trademarkenlargement" style="z-index: 9999;max-width: 100%;max-height: 100%" :src="iconNickname"/>
</div>
</el-dialog>
@@ -658,4 +770,14 @@
-ms-user-select: none;
user-select: none;
}
+.xStyle{
+ transform : rotateY(180deg)
+}
+.yStyle{
+ transform : rotateX(180deg)
+}
+.icon{
+ width: 50px;
+ height: 50px;
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0