| | |
| | | import {changeFilterEvent,filterChanged} from "@/hook" |
| | | import {addListener,toolbarButtonClickEvent} from "@/hook/mouseMove" |
| | | import {useI18n} from "vue-i18n" |
| | | import companyInfo from "@/stores/sd/companyInfo"; |
| | | const { t } = useI18n() |
| | | |
| | | const router = useRouter() |
| | |
| | | let dialogTableVisible = ref(false) |
| | | let craftVisible = ref(false) |
| | | const iconNickname = ref() |
| | | const company = companyInfo() |
| | | const xGrid = ref() |
| | | const trademarkLocation=ref([t('craft.upperLeft'),t('craft.upperRight'),t('craft.lowLeft'),t('craft.lowRight')]) |
| | | const gridOptions = reactive({ |
| | |
| | | importConfig: {}, |
| | | exportConfig: {}, |
| | | scrollY:{ enabled: true,gt:13 },//开启虚拟滚动 |
| | | scrollX:{ enabled: true,gt:7 },//开启虚拟滚动 |
| | | showOverflow:true, |
| | | columnConfig: { |
| | | resizable: true, |
| | |
| | | columns:[ |
| | | {title: t('basicData.operate'), width: 220, slots: { default: 'button_slot' },fixed:"left",}, |
| | | {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}, |
| | | {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, title: t('craft.glassAddress'),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}, |
| | |
| | | {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}, |
| | |
| | | .then(({ value }) => { |
| | | let text = value |
| | | text = text.split(' ') |
| | | console.log(text) |
| | | if(text===null){ |
| | | return |
| | | } |
| | |
| | | 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 ){ |
| | |
| | | iconNickname.value=item.nickname |
| | | } |
| | | }) |
| | | if(trademarkAttr.value.trademark===company.icon){ |
| | | trademarkAttr.value.yMargin=66 |
| | | } |
| | | |
| | | } |
| | | |
| | | let enlargementFlag = ref(false) |
| | | const trademarkenlargement = () => { |
| | | enlargementFlag.value = !enlargementFlag.value |
| | | } |
| | | |
| | | |
| | | </script> |
| | |
| | | <el-row style=""> |
| | | <el-col :span="4">{{$t('craft.TrademarkOptions')}}:</el-col> |
| | | <el-col :span="6"> |
| | | <el-select v-model="trademarkAttr.trademark" @change ="iconChange"> |
| | | <el-select v-model="trademarkAttr.trademark" @change ="iconChange" filterable> |
| | | <el-option :value="item.basicName" v-for="item in trademarkList" /> |
| | | </el-select> |
| | | </el-col> |
| | |
| | | </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(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 style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row > |
| | |
| | | style="float: right;width: 50px;height: 90px;margin-right: 1rem;margin-top: 15px"> |
| | | <el-row class="icon"> |
| | | <el-col class="icon" > |
| | | <el-image style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row > |
| | |
| | | |
| | | |
| | | <div |
| | | |
| | | v-if="tagCheck(t('craft.lowLeft'))" |
| | | style="width: 50px;height: 90px;margin-left: 1rem;float: left;position: absolute;bottom: 15px" > |
| | | <el-row > |
| | |
| | | </el-row> |
| | | <el-row class="icon"> |
| | | <el-col class="icon" > |
| | | <el-image style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | <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 class="icon"> |
| | | <el-col class="icon"> |
| | | <el-image style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | <el-image style="width: 100%;height: 100%" @dblclick="trademarkenlargement" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | |
| | | |
| | | |
| | | </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> |
| | | |
| | | </div> |