1、

src/components/canvas-preview/index.vue

@@ -30,6 +30,8 @@
       </div>
       <div v-if="prodType === '二宫格'" class="previewClass" :style="{width: previewWidth + 'px', height: previewHeight + 'px', borderWidth: previewWidth * 0.02325 + 'px'}">
       </div>
+      <div v-if="prodType === '游戏'" class="previewClass" :style="{width: previewWidth + 'px', height: previewHeight + 'px', borderWidth: previewWidth * 0.048 + 'px'}">
+      </div>
       <el-image ref="previewImageRef" :src="previewPicUrl" alt="" @load="previewLoad" style="width: 100%; height: 100%"/>
     </div>
     <!--<div class="parent">
@@ -49,7 +51,8 @@
   const prodSize = {'小卡': {width: 709, height: 1087, clientScale:0.5, bloodRadio: 0.0242}, '方卡':{width: 1252, height: 1252, clientScale:0.5}, '拍立得':{width: 709, height: 1087, clientScale:0.5, bloodRadio: 0.0242},
                     '直拍封面':{width: 732, height: 1252, clientScale:0.5, bloodRadio: 0.0465}, '书签': {width: 638, height: 1819, clientScale:0.4, bloodRadio: 0.0264},'明信片':{width: 1252, height: 1819, clientScale:0.4, bloodRadio: 0.0261},
                     '徽章':{width: 839, height: 839, clientScale:0.5, bloodRadio: 0.0813, bloodRadius:100},'票根':{width: 709, height: 1489, clientScale:0.5, bloodRadio: 0.0465},
-                    '手幅':{width: 1252, height: 3614, clientScale:0.25, bloodRadio: 0.0255},'二宫格':{width: 1252, height: 732, clientScale:0.25, bloodRadio: 0.05}}
+                    '手幅':{width: 1252, height: 3614, clientScale:0.25, bloodRadio: 0.0255},'二宫格':{width: 1252, height: 732, clientScale:0.25, bloodRadio: 0.05}
+                    ,'游戏': {width: 803, height: 1098, clientScale:0.5, bloodRadio: 0.0242}}
   export default {
     name: "CanvasPreview",
     data() {

src/components/order-card-item/index.vue

@@ -215,6 +215,9 @@
           }else if(prodName.indexOf("70x210") !== -1){
             width = 898;
             height = 2551;
+          }else if(prodName.indexOf("游戏") !== -1){
+            width = 803;
+            height = 1098;
           }
           let _URL = window.URL || window.webkitURL;
           let img = new Image();
@@ -362,6 +365,8 @@
           this.prodType = '撕拉';
         }else if(prodName.indexOf('5寸直角卡') != -1){
           this.prodType = '5寸直角卡';
+        }else if(prodName.indexOf('游戏') != -1){
+          this.prodType = '游戏';
         }
         this.$nextTick(() =>{
           this.$refs.canvasPreviewRef.init(cardItem, this.resourcesUrl + picUrl, this.prodType, side)

src/views/modules/prod/prodTemplate-add-or-update.vue

@@ -31,6 +31,7 @@
           <el-option key="4CFZFP" label="4寸仿真拍立得" value="4CFZFP"></el-option>
           <el-option key="5CFZFP" label="5寸仿真拍立得" value="5CFZFP"></el-option>
           <el-option key="XL3CFZFP" label="撕拉3寸花式仿真拍立得" value="XL3CFZFP"></el-option>
+          <el-option key="XL4CFZFP" label="撕拉4寸花式仿真拍立得" value="XL4CFZFP"></el-option>
           <el-option key="YOUXK" label="游戏卡" value="YOUXK"></el-option>
           <el-option key="YYK" label="语音卡" value="YYYXK,YYZJXK"></el-option>
         </el-select>
@@ -153,7 +154,7 @@ export default {
           }else if(templateUsage.indexOf("postcard") !== -1 || templateUsage.indexOf("MXP") !== -1){
             width = 1229;
             height = 1796;
-          }else if(templateUsage.indexOf("4CFP") !== -1 || templateUsage.indexOf("4CFZFP") !== -1){
+          }else if(templateUsage.indexOf("4CFP") !== -1 || templateUsage.indexOf("4CFZFP") !== -1 || templateUsage.indexOf("XL4CFZFP") !== -1){
             width = 921;
             height = 1087;
           }else if(templateUsage.indexOf("5CFP") !== -1 || templateUsage.indexOf("5CFZFP") !== -1){