商品详情标签设置

src/components/CommodityMan/goodsListEdit.vue

@@ -558,6 +558,49 @@
                     <el-input v-model="addMsg.Advertising" style="width:100%;margin-left:15px" type="textarea" :rows="3"
                      size="small" placeholder="请输入内容" class="input-with-select"></el-input>
                   </el-form-item>
+                  <el-form-item label="标签类型">
+                    <el-radio v-model="addMsg.MarketingLogo.iswords" :label="1">文字模式</el-radio>
+                     <el-radio v-model="addMsg.MarketingLogo.iswords" :label="2">图片模式</el-radio>
+                     <el-radio v-model="addMsg.MarketingLogo.iswords" :label="0">无模式</el-radio>
+                  </el-form-item>
+                   <el-form-item label="标签文字" v-if="addMsg.MarketingLogo.iswords==1" >
+                      <el-input v-model="addMsg.MarketingLogo.words" style="width:100%;margin-left:15px" 
+                     size="small" placeholder="请输入内容" class="input-with-select" maxlength='10' show-word-limit></el-input>
+                  </el-form-item>
+                  <el-form-item label="标签字体颜色"  v-if="addMsg.MarketingLogo.iswords==1">
+                    <el-color-picker
+                    style="width:100%;margin-left:15px"
+                      v-model="addMsg.MarketingLogo.wordsColor"
+                      show-alpha
+                      :predefine="predefineColors">
+                    </el-color-picker>
+                  </el-form-item>
+                   <el-form-item label="标签背景颜色"  v-if="addMsg.MarketingLogo.iswords==1">
+                    <el-color-picker
+                    style="width:100%;margin-left:15px"
+                      v-model="addMsg.MarketingLogo.wordsBack"
+                      show-alpha
+                      :predefine="predefineColors">
+                    </el-color-picker>
+                  </el-form-item>
+                  <el-form-item class="commonLabel discount" label="标签图片"  v-if="addMsg.MarketingLogo.iswords==2">
+                    <el-tooltip class="item" effect="dark" content="建议尺寸" placement="top">
+                      <el-button @click="openChangeDig(4)" size="small">选择图片</el-button>
+                    </el-tooltip>
+                    <div class="app-gallery-item" style="position: relative;width: 100px;margin-top: 10px;border:none">
+                      <img v-if="
+                          !addMsg.MarketingLogo.ico ||
+                            addMsg.MarketingLogo.ico == ''
+                        " src="../../assets/img/default.png" style="width:80px;height:80px" alt="" />
+                      <el-button @click="addMsg.MarketingLogo.ico = ''" style="position: absolute;right: 6px;top: -10px;" v-if="
+                          addMsg.MarketingLogo.ico &&
+                            addMsg.MarketingLogo.ico != ''
+                        " size="mini" type="danger" icon="el-icon-close" circle></el-button>
+                      <img style="width:80px;height:80px" :src="addMsg.MarketingLogo.ico" alt="" />
+                    </div>
+                  </el-form-item>
+
+                  
                 </el-col>
               </el-row>
             </el-card>
@@ -1087,7 +1130,14 @@
           PresentFXMonth:0,
           Advertising:'',
           SubName:'',
+          MarketingLogo:{iswords:0,words:"",wordsColor:"",wordsBack:"",ico:""}
         },
+        predefineColors: [
+          '#000000',
+          '#FFFFFF',
+          '#888888',
+          '#FF4544',
+        ],
         SupplierId: '',
         fenleiData: [],
         checkList: [],
@@ -1762,6 +1812,17 @@
             if(this.addMsg.PresentFXGrade==''){//没选择的时候默认为0
                   this.addMsg.PresentFXGrade=0
               }
+              //标签的判断和处理
+              if(this.addMsg.MarketingLogo.iswords==0){
+                this.addMsg.MarketingLogo = {iswords:0,words:"",wordsColor:"",wordsBack:"",ico:""}
+              }else if(this.addMsg.MarketingLogo.iswords==1){
+                this.addMsg.MarketingLogo.ico= ''
+              }else if(this.addMsg.MarketingLogo.iswords==2){
+                this.addMsg.MarketingLogo.words= '';
+                this.addMsg.MarketingLogo.wordsColor= '';
+                this.addMsg.MarketingLogo.wordsBack= '';
+              }
+               this.addMsg.MarketingLogo = JSON.stringify( this.addMsg.MarketingLogo)
             this.apipost("/api/product/SetProductGoodsInfo", this.addMsg, res => {
               if (res.data.resultCode == 1) {
                 this.Success(res.data.message);
@@ -1892,6 +1953,9 @@
               imgListIndex2
             ].Image = that.getIconLink(msg[0].url);
           }
+          if(this.imgType == 4){
+              that.addMsg.MarketingLogo.ico = that.getIconLink(msg[0].url)
+          }
         }
         this.changeState = false;
       },
@@ -2027,6 +2091,11 @@
                 if(this.addMsg.PresentFXGrade==0){
                   this.addMsg.PresentFXGrade=''
                 }
+                if( this.addMsg.MarketingLogo==null){
+                  this.addMsg.MarketingLogo ={iswords:0,words:"",wordsColor:"",wordsBack:"",ico:""}
+                }else{
+                  this.addMsg.MarketingLogo = JSON.parse(this.addMsg.MarketingLogo)
+                }
                 this.getSuggestPrice();
                 this.getFXDGradeList2();