| | |
| | | <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" |
| | |
| | | |
| | | }) |
| | | |
| | | |
| | | |
| | | let process = ref([]) |
| | | request.get(`/basicData/BasicDataByType/product/process`).then((res) =>{ |
| | | if (res.code==200){ |
| | |
| | | return filterArr.length > 0 |
| | | |
| | | } |
| | | const resetTrademark = () => { |
| | | for(const key in trademarkAttr.value){ |
| | | |
| | | trademarkAttr.value[key] = '' |
| | | if(key==='location'){ |
| | | trademarkAttr.value[key] = [] |
| | | } |
| | | } |
| | | } |
| | | |
| | | |
| | | |
| | | </script> |
| | | |
| | | <template> |
| | |
| | | <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> |
| | |
| | | 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> |
| | | <el-col :span="20"><el-image :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" src="/trademark.png"/></el-col> |
| | | </el-row> |
| | | <el-row > |
| | | <el-row style="margin-top: -25px" > |
| | | <el-col :span="5" >X:</el-col> |
| | | <el-col :span="2" >{{trademarkAttr.xMargin}}</el-col> |
| | | </el-row> |
| | |
| | | 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> |
| | | <el-col :span="20"><el-image :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" src="/trademark.png"/></el-col> |
| | | </el-row> |
| | | <el-row > |
| | | <el-row style="margin-top: -25px" > |
| | | <el-col :span="5" >X:</el-col> |
| | | <el-col :span="2" >{{trademarkAttr.xMargin}}</el-col> |
| | | </el-row> |
| | |
| | | |
| | | <div |
| | | v-if="tagCheck('左下')" |
| | | style="width: 60px;height: 60px;margin-left: 1rem;float: left;position: absolute;bottom: 8px"> |
| | | style="width: 60px;height: 60px;margin-left: 1rem;float: left;position: absolute;bottom: 15px"> |
| | | <el-row> |
| | | <el-col :span="20"><el-icon :size="20"><Location /></el-icon></el-col> |
| | | <el-col :span="20"><el-image :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" src="/trademark.png"/></el-col> |
| | | </el-row> |
| | | <el-row > |
| | | <el-row style="margin-top: -25px" > |
| | | <el-col :span="5" >X:</el-col> |
| | | <el-col :span="2" >{{trademarkAttr.xMargin}}</el-col> |
| | | </el-row> |
| | |
| | | |
| | | <div |
| | | v-if="tagCheck('右下')" |
| | | style="width: 60px;height: 60px;position: absolute;bottom: 8px;right: 1rem"> |
| | | style="width: 60px;height: 60px;position: absolute;bottom: 15px;right: 1rem"> |
| | | <el-row> |
| | | <el-col :span="20"><el-icon :size="20"><Location /></el-icon></el-col> |
| | | <el-col :span="20"> |
| | | <el-image :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" src="/trademark.png"/> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row > |
| | | <el-row style="margin-top: -25px"> |
| | | <el-col :span="5" >X:</el-col> |
| | | <el-col :span="2" >{{trademarkAttr.xMargin}}</el-col> |
| | | </el-row> |
| | |
| | | -ms-user-select: none; |
| | | user-select: none; |
| | | } |
| | | .xStyle{ |
| | | transform : rotateY(180deg) |
| | | } |
| | | .yStyle{ |
| | | transform : rotateX(180deg) |
| | | } |
| | | </style> |