From 812725a0e35e2f7e03f51ac7b0bb9c83ac6d1d00 Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Fri, 7 Nov 2025 16:52:54 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E8=B5=84=E6=BA=90=E7=BB=84=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE):=20=E6=96=B0=E5=A2=9E=E9=85=8D=E7=BD=AE=E2=80=9C?=
 =?UTF-8?q?=E9=81=93=E5=85=B7=E5=88=B8=E2=80=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../props/props-source-group/form-edit.vue    | 1179 +++++++++++------
 1 file changed, 810 insertions(+), 369 deletions(-)

diff --git a/src/views/props/props-source-group/form-edit.vue b/src/views/props/props-source-group/form-edit.vue
index 2fe542a..f37d9ea 100644
--- a/src/views/props/props-source-group/form-edit.vue
+++ b/src/views/props/props-source-group/form-edit.vue
@@ -11,9 +11,19 @@
       custom-class="drawer-auto-layout"
     >
       <div class="form-edit">
-        <el-form ref="form" :model="form" :rules="formRules" label-width="110px" style="margin-right:50px;">
+        <el-form
+          ref="form"
+          :model="form"
+          :rules="formRules"
+          label-width="110px"
+          style="margin-right:50px;"
+        >
           <el-form-item label="类型名称" prop="name">
-            <el-input v-model.trim="form.name" type="text" placeholder="类别名称" />
+            <el-input
+              v-model.trim="form.name"
+              type="text"
+              placeholder="类别名称"
+            />
           </el-form-item>
           <el-form-item label="上/下架" prop="shelfStatus">
             <el-radio-group v-model="form.shelfStatus">
@@ -23,24 +33,44 @@
           </el-form-item>
           <div class="dr-content">
             <div ref="rewardContent">
-              <el-row v-for="(item, index) in form.rewardConfigList" :key="index" style="cursor:pointer;line-height:30px;">
+              <el-row
+                v-for="(item, index) in form.rewardConfigList"
+                :key="index"
+                style="cursor:pointer;line-height:30px;"
+              >
                 <el-col :span="3">
                   <div class="sort">{{ index + 1 }}</div>
                 </el-col>
                 <el-col :span="3" style="text-align:center;">
                   <div v-if="item.type === 'GOLD'">
-                    <img src="@/assets/gold_icon.png" style="width:30px;height:30px;cursor: pointer;">
+                    <img
+                      src="@/assets/gold_icon.png"
+                      style="width:30px;height:30px;cursor: pointer;"
+                    />
                   </div>
                   <div v-else-if="item.type === 'DIAMOND'">
-                    <img src="@/assets/diamond_icon.png" style="width:30px;height:30px;cursor: pointer;">
+                    <img
+                      src="@/assets/diamond_icon.png"
+                      style="width:30px;height:30px;cursor: pointer;"
+                    />
                   </div>
                   <div v-else-if="item.type === 'SPECIAL_ID'">
-                    <img src="@/assets/special_id.png" style="width:30px;height:30px;cursor: pointer;">
+                    <img
+                      src="@/assets/special_id.png"
+                      style="width:30px;height:30px;cursor: pointer;"
+                    />
                   </div>
                   <div v-else-if="isGameCoupon(item.type)">
-                    <img src="@/assets/game_coupon.png" style="width:30px;height:30px;cursor: pointer;">
+                    <img
+                      src="@/assets/game_coupon.png"
+                      style="width:30px;height:30px;cursor: pointer;"
+                    />
                   </div>
-                  <div v-else class="preview-img" style="width: 36px; height: 36px">
+                  <div
+                    v-else
+                    class="preview-img"
+                    style="width: 36px; height: 36px"
+                  >
                     <el-image
                       style="width: 100%; height: 100%"
                       :src="item.cover"
@@ -51,26 +81,45 @@
                       </div>
                     </el-image>
                     <div class="preview-svga">
-                      <svgaplayer
-                        type="popover"
-                        :url="item.sourceUrl"
-                      />
+                      <svgaplayer type="popover" :url="item.sourceUrl" />
                     </div>
                   </div>
                 </el-col>
                 <el-col :span="15">
-                  <span style="font-weight:bold;"> {{ getTypeName(item) }}</span>
-                  <span v-if="item.type === 'SPECIAL_ID'">类型：{{ item.content }}、数量：{{ item.quantity }}</span>
-                  <span v-else-if="item.type === 'GOLD' || item.type === 'DIAMOND' || isGameCoupon(item.type)">数量：{{ item.content }}</span>
-                  <span v-else-if="item.type === 'BADGE'">{{ item.badgeName }} 天数：{{ item.quantity }}  </span>
-                  <span v-else-if="item.type === 'CUSTOMIZE'">描述：{{ item.remark }}</span>
+                  <span style="font-weight:bold;">
+                    {{ getTypeName(item) }}</span
+                  >
+                  <span v-if="item.type === 'SPECIAL_ID'"
+                    >类型：{{ item.content }}、数量：{{ item.quantity }}</span
+                  >
+                  <span
+                    v-else-if="
+                      item.type === 'GOLD' ||
+                        item.type === 'DIAMOND' ||
+                        isGameCoupon(item.type)
+                    "
+                    >数量：{{ item.content }}</span
+                  >
+                  <span v-else-if="item.type === 'BADGE'"
+                    >{{ item.badgeName }} 天数：{{ item.quantity }}
+                  </span>
+                  <span v-else-if="item.type === 'CUSTOMIZE'"
+                    >描述：{{ item.remark }}</span
+                  >
                   <span v-else>
-                    <span v-if="item.type === 'GIFT' || item.type === 'FRAGMENTS'">数量：</span>
+                    <span
+                      v-if="item.type === 'GIFT' || item.type === 'FRAGMENTS'"
+                      >数量：</span
+                    >
                     <span v-else>天数：</span>
-                    {{ item.quantity }}</span>
+                    {{ item.quantity }}</span
+                  >
                 </el-col>
                 <el-col :span="3" style="text-align: right;">
-                  <i class="del el-icon-delete-solid" @click="deleteUpdateItem(index)" />
+                  <i
+                    class="del el-icon-delete-solid"
+                    @click="deleteUpdateItem(index)"
+                  />
                 </el-col>
               </el-row>
             </div>
@@ -86,7 +135,11 @@
                     <el-col :span="13">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.content'"
-                        :rules="{required: true, message: '必填字段不可为空', trigger: 'blur'}"
+                        :rules="{
+                          required: true,
+                          message: '必填字段不可为空',
+                          trigger: 'blur'
+                        }"
                       >
                         <el-input
                           v-model="item.content"
@@ -98,60 +151,168 @@
                     <el-col :span="6">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.quantity'"
-                        :rules="{ required: true, message: '不可为空', trigger: 'blur'}"
+                        :rules="{
+                          required: true,
+                          message: '不可为空',
+                          trigger: 'blur'
+                        }"
                       >
-                        <span><el-input v-model="item.quantity" v-number style="width: 100%;" placeholder="数量" /></span>
+                        <span
+                          ><el-input
+                            v-model="item.quantity"
+                            v-number
+                            style="width: 100%;"
+                            placeholder="数量"
+                        /></span>
                       </el-form-item>
                     </el-col>
                     <el-col :span="5">
-                      <i class="del el-icon-delete-solid" @click="form.tmpConfigList = []" />
-                      <i class="save el-icon-success" @click="submitItem(index)" />
+                      <i
+                        class="del el-icon-delete-solid"
+                        @click="form.tmpConfigList = []"
+                      />
+                      <i
+                        class="save el-icon-success"
+                        @click="submitItem(index)"
+                      />
                     </el-col>
                   </el-row>
                   <el-row v-else-if="isCurrency(item.clickType)" :gutter="10">
                     <el-col :span="19">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.content'"
-                        :rules="{ required: true, message: '必填字段不可为空', trigger: 'blur'}"
+                        :rules="{
+                          required: true,
+                          message: '必填字段不可为空',
+                          trigger: 'blur'
+                        }"
                       >
-                        <el-input v-model.trim="item.content" v-number type="text" placeholder="请输入内容" />
+                        <el-input
+                          v-model.trim="item.content"
+                          v-number
+                          type="text"
+                          placeholder="请输入内容"
+                        />
                       </el-form-item>
                     </el-col>
                     <el-col :span="5">
-                      <i class="del el-icon-delete-solid" @click="form.tmpConfigList = []" />
-                      <i class="save el-icon-success" @click="submitItem(index)" />
+                      <i
+                        class="del el-icon-delete-solid"
+                        @click="form.tmpConfigList = []"
+                      />
+                      <i
+                        class="save el-icon-success"
+                        @click="submitItem(index)"
+                      />
                     </el-col>
                   </el-row>
                   <el-row v-else-if="isGameCoupon(item.clickType)" :gutter="10">
                     <el-col :span="19">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.content'"
-                        :rules="{ required: true, message: '必填字段不可为空', trigger: 'blur'}"
+                        :rules="{
+                          required: true,
+                          message: '必填字段不可为空',
+                          trigger: 'blur'
+                        }"
                       >
-                        <el-input v-model.trim="item.content" v-number type="text" placeholder="请输入内容" />
+                        <el-input
+                          v-model.trim="item.content"
+                          v-number
+                          type="text"
+                          placeholder="请输入内容"
+                        />
                       </el-form-item>
                     </el-col>
                     <el-col :span="5">
-                      <i class="del el-icon-delete-solid" @click="form.tmpConfigList = []" />
-                      <i class="save el-icon-success" @click="submitItem(index)" />
+                      <i
+                        class="del el-icon-delete-solid"
+                        @click="form.tmpConfigList = []"
+                      />
+                      <i
+                        class="save el-icon-success"
+                        @click="submitItem(index)"
+                      />
+                    </el-col>
+                  </el-row>
+                  <el-row v-else-if="isPROPCOUPON(item.clickType)" :gutter="10">
+                    <el-col :span="13">
+                      <el-form-item
+                        :prop="'tmpConfigList.' + index + '.content'"
+                        :rules="{
+                          required: true,
+                          message: '必填字段不可为空',
+                          trigger: 'blur'
+                        }"
+                      >
+                        <el-input
+                          v-model.trim="item.content"
+                          v-number
+                          type="text"
+                          placeholder="请输入内容"
+                        />
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="6">
+                      <el-form-item
+                        :prop="'tmpConfigList.' + index + '.quantity'"
+                        :rules="{
+                          required: true,
+                          message: '不可为空',
+                          trigger: 'blur'
+                        }"
+                      >
+                        <span
+                          ><el-input
+                            v-model="item.quantity"
+                            v-number
+                            style="width: 100%;"
+                            placeholder="数量"
+                        /></span>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :span="5">
+                      <i
+                        class="del el-icon-delete-solid"
+                        @click="form.tmpConfigList = []"
+                      />
+                      <i
+                        class="save el-icon-success"
+                        @click="submitItem(index)"
+                      />
                     </el-col>
                   </el-row>
                   <el-row v-else-if="isBadge(item.clickType)" :gutter="10">
                     <el-col :span="13">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.content'"
-                        :rules="{required: true, message: '必填字段不可为空', trigger: 'blur'}"
+                        :rules="{
+                          required: true,
+                          message: '必填字段不可为空',
+                          trigger: 'blur'
+                        }"
                       >
                         <el-select
                           v-model="item.content"
                           placeholder="请选择"
                           style="width:100%"
                           filterable
-                          @change="(val)=> changeContent(item, val)"
+                          @change="val => changeContent(item, val)"
                         >
-                          <el-option v-for="(pItem, pIndex) in propsTypeData[item.clickType].list" :key="pIndex" :label="pItem.name" :value="pItem.id">
+                          <el-option
+                            v-for="(pItem, pIndex) in propsTypeData[
+                              item.clickType
+                            ].list"
+                            :key="pIndex"
+                            :label="pItem.name"
+                            :value="pItem.id"
+                          >
                             <div style="float: left;">
-                              <img :src="pItem.cover" width="40px" height="40px">
+                              <img
+                                :src="pItem.cover"
+                                width="40px"
+                                height="40px"
+                              />
                             </div>
                             <div style="float: left;margin-left:10px">
                               {{ pItem.name }}
@@ -163,7 +324,11 @@
                     <el-col :span="6">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.quantity'"
-                        :rules="{ required: true, message: '不可为空', trigger: 'blur'}"
+                        :rules="{
+                          required: true,
+                          message: '不可为空',
+                          trigger: 'blur'
+                        }"
                       >
                         <!-- <span><el-input v-model="item.quantity" v-number style="width: 100%;" placeholder="天数" /></span> -->
 
@@ -179,17 +344,25 @@
                             <span class="addr">{{ item.label }}</span>
                           </template>
                         </el-autocomplete>
-
                       </el-form-item>
                     </el-col>
                     <el-col :span="5">
-                      <i class="del el-icon-delete-solid" @click="form.tmpConfigList = []" />
-                      <i class="save el-icon-success" @click="submitItem(index)" />
+                      <i
+                        class="del el-icon-delete-solid"
+                        @click="form.tmpConfigList = []"
+                      />
+                      <i
+                        class="save el-icon-success"
+                        @click="submitItem(index)"
+                      />
                     </el-col>
                   </el-row>
                   <el-row v-else-if="isCustomize(item.clickType)" :gutter="10">
                     <el-col :span="3">
-                      <div class="preview-img" style="width: 36px; height: 36px">
+                      <div
+                        class="preview-img"
+                        style="width: 36px; height: 36px"
+                      >
                         <el-image
                           style="width: 100%; height: 100%"
                           :src="item.ext.selectVal.cover"
@@ -210,18 +383,33 @@
                     <el-col :span="10">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.content'"
-                        :rules="{required: true, message: '必填字段不可为空', trigger: 'blur'}"
+                        :rules="{
+                          required: true,
+                          message: '必填字段不可为空',
+                          trigger: 'blur'
+                        }"
                       >
                         <el-select
                           v-model="item.content"
                           placeholder="请选择"
                           style="width:100%"
                           filterable
-                          @change="(val)=> changeContent(item, val)"
+                          @change="val => changeContent(item, val)"
                         >
-                          <el-option v-for="(pItem, pIndex) in propsTypeData[item.clickType].list" :key="pIndex" :label="pItem.name" :value="pItem.id">
+                          <el-option
+                            v-for="(pItem, pIndex) in propsTypeData[
+                              item.clickType
+                            ].list"
+                            :key="pIndex"
+                            :label="pItem.name"
+                            :value="pItem.id"
+                          >
                             <div style="float: left;">
-                              <img :src="pItem.cover" width="40px" height="40px">
+                              <img
+                                :src="pItem.cover"
+                                width="40px"
+                                height="40px"
+                              />
                             </div>
                             <div style="float: left;margin-left:10px">
                               {{ pItem.name }}
@@ -233,19 +421,38 @@
                     <el-col :span="6">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.remark'"
-                        :rules="{ required: true, message: '不可为空', trigger: 'blur'}"
+                        :rules="{
+                          required: true,
+                          message: '不可为空',
+                          trigger: 'blur'
+                        }"
                       >
-                        <div><el-input v-model="item.remark" style="width: 100%;" placeholder="描述" /></div>
+                        <div>
+                          <el-input
+                            v-model="item.remark"
+                            style="width: 100%;"
+                            placeholder="描述"
+                          />
+                        </div>
                       </el-form-item>
                     </el-col>
                     <el-col :span="5">
-                      <i class="del el-icon-delete-solid" @click="form.tmpConfigList = []" />
-                      <i class="save el-icon-success" @click="submitItem(index)" />
+                      <i
+                        class="del el-icon-delete-solid"
+                        @click="form.tmpConfigList = []"
+                      />
+                      <i
+                        class="save el-icon-success"
+                        @click="submitItem(index)"
+                      />
                     </el-col>
                   </el-row>
                   <el-row v-else :gutter="10">
                     <el-col :span="3">
-                      <div class="preview-img" style="width: 36px; height: 36px">
+                      <div
+                        class="preview-img"
+                        style="width: 36px; height: 36px"
+                      >
                         <el-image
                           style="width: 100%; height: 100%"
                           :src="item.ext.selectVal.cover"
@@ -266,18 +473,33 @@
                     <el-col :span="10">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.content'"
-                        :rules="{required: true, message: '必填字段不可为空', trigger: 'blur'}"
+                        :rules="{
+                          required: true,
+                          message: '必填字段不可为空',
+                          trigger: 'blur'
+                        }"
                       >
                         <el-select
                           v-model="item.content"
                           placeholder="请选择"
                           style="width:100%"
                           filterable
-                          @change="(val)=> changeContent(item, val)"
+                          @change="val => changeContent(item, val)"
                         >
-                          <el-option v-for="(pItem, pIndex) in propsTypeData[item.clickType].list" :key="pIndex" :label="pItem.name" :value="pItem.id">
+                          <el-option
+                            v-for="(pItem, pIndex) in propsTypeData[
+                              item.clickType
+                            ].list"
+                            :key="pIndex"
+                            :label="pItem.name"
+                            :value="pItem.id"
+                          >
                             <div style="float: left;">
-                              <img :src="pItem.cover" width="40px" height="40px">
+                              <img
+                                :src="pItem.cover"
+                                width="40px"
+                                height="40px"
+                              />
                             </div>
                             <div style="float: left;margin-left:10px">
                               {{ pItem.name }}
@@ -289,38 +511,159 @@
                     <el-col :span="6">
                       <el-form-item
                         :prop="'tmpConfigList.' + index + '.quantity'"
-                        :rules="{ required: true, message: '不可为空', trigger: 'blur'}"
+                        :rules="{
+                          required: true,
+                          message: '不可为空',
+                          trigger: 'blur'
+                        }"
                       >
-                        <div><el-input v-model="item.quantity" v-number style="width: 100%;" placeholder="数量/天数" /></div>
+                        <div>
+                          <el-input
+                            v-model="item.quantity"
+                            v-number
+                            style="width: 100%;"
+                            placeholder="数量/天数"
+                          />
+                        </div>
                       </el-form-item>
                     </el-col>
                     <el-col :span="5">
-                      <i class="del el-icon-delete-solid" @click="form.tmpConfigList = []" />
-                      <i class="save el-icon-success" @click="submitItem(index)" />
+                      <i
+                        class="del el-icon-delete-solid"
+                        @click="form.tmpConfigList = []"
+                      />
+                      <i
+                        class="save el-icon-success"
+                        @click="submitItem(index)"
+                      />
                     </el-col>
                   </el-row>
                 </div>
               </el-row>
-
             </div>
             <div>
-              <el-button type="text" :disabled="disableAddContent" :loading="propsTypeData['AVATAR_FRAME'].loading" @click="addContent('AVATAR_FRAME')"><i class="el-icon-circle-plus" />头像框</el-button>
-              <el-button type="text" :disabled="disableAddContent" :loading="propsTypeData['RIDE'].loading" @click="addContent('RIDE')"><i class="el-icon-circle-plus" />座驾</el-button>
-              <el-button type="text" :disabled="disableAddContent" :loading="propsTypeData['NOBLE_VIP'].loading" @click="addContent('NOBLE_VIP')"><i class="el-icon-circle-plus" />贵族</el-button>
-              <el-button type="text" :disabled="disableAddContent" :loading="propsTypeData['THEME'].loading" @click="addContent('THEME')"><i class="el-icon-circle-plus" />房间背景主题</el-button>
-              <el-button type="text" :disabled="disableAddContent" :loading="propsTypeData['GIFT'].loading" @click="addContent('GIFT')"><i class="el-icon-circle-plus" />礼物</el-button>
-              <el-button type="text" :disabled="disableAddContent" @click="addContent('SPECIAL_ID')"><i class="el-icon-circle-plus" />靓号</el-button>
-              <el-button type="text" :disabled="disableAddContent" @click="addContent('GOLD')"><i class="el-icon-circle-plus" />金币</el-button>
-              <el-button type="text" :disabled="disableAddContent" @click="addContent('DIAMOND')"><i class="el-icon-circle-plus" />钻石</el-button>
-              <el-button type="text" :disabled="disableAddContent" @click="addContent('GAME_COUPON')"><i class="el-icon-circle-plus" />游戏券</el-button>
-              <el-button type="text" :disabled="disableAddContent" :loading="propsTypeData['BADGE'].loading" @click="addContent('BADGE')"><i class="el-icon-circle-plus" />用户徽章</el-button>
-              <el-button type="text" :disabled="disableAddContent" :loading="propsTypeData['ROOM_BADGE'].loading" @click="addContent('ROOM_BADGE')"><i class="el-icon-circle-plus" />房间徽章</el-button>
-              <el-button type="text" :disabled="disableAddContent" :loading="propsTypeData['EMOJI'].loading" @click="addContent('EMOJI')"><i class="el-icon-circle-plus" />表情包</el-button>
-              <el-button type="text" :disabled="disableAddContent" :loading="propsTypeData['CHAT_BUBBLE'].loading" @click="addContent('CHAT_BUBBLE')"><i class="el-icon-circle-plus" />聊天气泡</el-button>
-              <el-button type="text" :disabled="disableAddContent" :loading="propsTypeData['FLOAT_PICTURE'].loading" @click="addContent('FLOAT_PICTURE')"><i class="el-icon-circle-plus" />飘窗</el-button>
-              <el-button type="text" :disabled="disableAddContent" :loading="propsTypeData['CUSTOMIZE'].loading" @click="addContent('CUSTOMIZE')"><i class="el-icon-circle-plus" />自定义(只读)</el-button>
-              <el-button type="text" :disabled="disableAddContent" :loading="propsTypeData['FRAGMENTS'].loading" @click="addContent('FRAGMENTS')"><i class="el-icon-circle-plus" />碎片</el-button>
-              <el-button type="text" :disabled="disableAddContent" :loading="propsTypeData['DATA_CARD'].loading" @click="addContent('DATA_CARD')"><i class="el-icon-circle-plus" />资料卡</el-button>
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                :loading="propsTypeData['AVATAR_FRAME'].loading"
+                @click="addContent('AVATAR_FRAME')"
+                ><i class="el-icon-circle-plus" />头像框</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                :loading="propsTypeData['RIDE'].loading"
+                @click="addContent('RIDE')"
+                ><i class="el-icon-circle-plus" />座驾</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                :loading="propsTypeData['NOBLE_VIP'].loading"
+                @click="addContent('NOBLE_VIP')"
+                ><i class="el-icon-circle-plus" />贵族</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                :loading="propsTypeData['THEME'].loading"
+                @click="addContent('THEME')"
+                ><i class="el-icon-circle-plus" />房间背景主题</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                :loading="propsTypeData['GIFT'].loading"
+                @click="addContent('GIFT')"
+                ><i class="el-icon-circle-plus" />礼物</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                @click="addContent('SPECIAL_ID')"
+                ><i class="el-icon-circle-plus" />靓号</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                @click="addContent('GOLD')"
+                ><i class="el-icon-circle-plus" />金币</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                @click="addContent('DIAMOND')"
+                ><i class="el-icon-circle-plus" />钻石</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                @click="addContent('GAME_COUPON')"
+                ><i class="el-icon-circle-plus" />游戏券</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                :loading="propsTypeData['BADGE'].loading"
+                @click="addContent('BADGE')"
+                ><i class="el-icon-circle-plus" />用户徽章</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                :loading="propsTypeData['ROOM_BADGE'].loading"
+                @click="addContent('ROOM_BADGE')"
+                ><i class="el-icon-circle-plus" />房间徽章</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                :loading="propsTypeData['EMOJI'].loading"
+                @click="addContent('EMOJI')"
+                ><i class="el-icon-circle-plus" />表情包</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                :loading="propsTypeData['CHAT_BUBBLE'].loading"
+                @click="addContent('CHAT_BUBBLE')"
+                ><i class="el-icon-circle-plus" />聊天气泡</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                :loading="propsTypeData['FLOAT_PICTURE'].loading"
+                @click="addContent('FLOAT_PICTURE')"
+                ><i class="el-icon-circle-plus" />飘窗</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                :loading="propsTypeData['CUSTOMIZE'].loading"
+                @click="addContent('CUSTOMIZE')"
+                ><i class="el-icon-circle-plus" />自定义(只读)</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                :loading="propsTypeData['FRAGMENTS'].loading"
+                @click="addContent('FRAGMENTS')"
+                ><i class="el-icon-circle-plus" />碎片</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                :loading="propsTypeData['DATA_CARD'].loading"
+                @click="addContent('DATA_CARD')"
+                ><i class="el-icon-circle-plus" />资料卡</el-button
+              >
+              <el-button
+                type="text"
+                :disabled="disableAddContent"
+                :loading="propsTypeData['PROP_COUPON'].loading"
+                @click="addContent('PROP_COUPON')"
+                ><i class="el-icon-circle-plus" />道具券</el-button
+              >
             </div>
           </el-form-item>
         </el-form>
@@ -328,21 +671,30 @@
 
       <div class="drawer-footer">
         <el-button @click="handleClose()">取消</el-button>
-        <el-button type="primary" :loading="submitLoading" @click="submitForm()">保存</el-button>
+        <el-button type="primary" :loading="submitLoading" @click="submitForm()"
+          >保存</el-button
+        >
       </div>
     </el-drawer>
-
   </div>
 </template>
 <script>
-
-import { listGiftBySysOrigin } from '@/api/gift'
-import { listBadgePictureBySysOrigin } from '@/api/badge'
-import { listSysOriginTypeList, saveOrUpdatePropsActivityRewardGroup, listNotFamilyBySysOriginType } from '@/api/props'
-import { propsTypes, propsCurrencyType, propsValidDays, specialIdTypes } from '@/constant/type'
-import { deepClone } from '@/utils'
-import Sortable from 'sortablejs'
-import { listGroupBySysOrigin } from '@/api/sys-emoji'
+import { listGiftBySysOrigin } from "@/api/gift";
+import { listBadgePictureBySysOrigin } from "@/api/badge";
+import {
+  listSysOriginTypeList,
+  saveOrUpdatePropsActivityRewardGroup,
+  listNotFamilyBySysOriginType
+} from "@/api/props";
+import {
+  propsTypes,
+  propsCurrencyType,
+  propsValidDays,
+  specialIdTypes
+} from "@/constant/type";
+import { deepClone } from "@/utils";
+import Sortable from "sortablejs";
+import { listGroupBySysOrigin } from "@/api/sys-emoji";
 export default {
   props: {
     row: {
@@ -353,151 +705,166 @@ export default {
     sysOrigin: {
       type: String,
       return: true,
-      default: ''
+      default: ""
     }
   },
   data() {
     const commonRules = [
-      { required: true, message: '必填字段不可为空', trigger: 'blur' }
-    ]
+      { required: true, message: "必填字段不可为空", trigger: "blur" }
+    ];
     return {
       specialIdTypes,
       disableAddContent: false,
       propsTypeData: {
-        'AVATAR_FRAME': {
+        AVATAR_FRAME: {
           loading: false,
           loadData: false,
           list: []
         },
-        'DATA_CARD': {
+        DATA_CARD: {
           loading: false,
           loadData: false,
           list: []
         },
-        'CHAT_BUBBLE': {
+        CHAT_BUBBLE: {
           loading: false,
           loadData: false,
           list: []
         },
-        'RIDE': {
+        RIDE: {
           loading: false,
           loadData: false,
           list: []
         },
-        'NOBLE_VIP': {
+        NOBLE_VIP: {
           loading: false,
           loadData: false,
           list: []
         },
-        'THEME': {
+        THEME: {
           loading: false,
           loadData: false,
           list: []
         },
-        'GIFT': {
+        GIFT: {
           loading: false,
           loadData: false,
           list: []
         },
-        'BADGE': {
+        BADGE: {
           loading: false,
           loadData: false,
           list: []
         },
-        'ROOM_BADGE': {
+        ROOM_BADGE: {
           loading: false,
           loadData: false,
           list: []
         },
-        'EMOJI': {
+        EMOJI: {
           loading: false,
           loadData: false,
           list: []
         },
-        'CUSTOMIZE': {
+        CUSTOMIZE: {
           loading: false,
           loadData: false,
           list: []
         },
-        'FRAGMENTS': {
+        FRAGMENTS: {
           loading: false,
           loadData: false,
           list: []
         },
-        'FLOAT_PICTURE': {
+        FLOAT_PICTURE: {
+          loading: false,
+          loadData: false,
+          list: []
+        },
+        PROP_COUPON: {
           loading: false,
           loadData: false,
           list: []
         }
       },
       propsTypeMap: {
-        'EMOJI': {
-          value: 'EMOJI',
-          name: '用户-表情包'
+        AVATAR_FRAME: {
+          value: "PROPS",
+          name: "头像框"
         },
-        'BADGE': {
-          value: 'BADGE',
-          name: '用户-徽章'
+        RIDE: {
+          value: "PROPS",
+          name: "座驾"
         },
-        'ROOM_BADGE': {
-          value: 'BADGE',
-          name: '房间-徽章'
+        NOBLE_VIP: {
+          value: "PROPS",
+          name: "贵族"
         },
-        'AVATAR_FRAME': {
-          value: 'PROPS',
-          name: '头像框'
+
+        THEME: {
+          value: "PROPS",
+          name: "房间背景主题"
         },
-        'DATA_CARD': {
-          value: 'PROPS',
-          name: '资料卡'
+        GIFT: {
+          value: "GIFT",
+          name: "礼物"
         },
-        'CHAT_BUBBLE': {
-          value: 'PROPS',
-          name: '聊天气泡'
+        SPECIAL_ID: {
+          value: "SPECIAL_ID",
+          name: "靓号"
         },
-        'RIDE': {
-          value: 'PROPS',
-          name: '座驾'
+
+        GOLD: {
+          value: "GOLD",
+          name: "金币"
         },
-        'NOBLE_VIP': {
-          value: 'PROPS',
-          name: '贵族'
+        DIAMOND: {
+          value: "DIAMOND",
+          name: "钻石"
         },
-        'GIFT': {
-          value: 'GIFT',
-          name: '礼物'
+        GAME_COUPON: {
+          value: "GAME_COUPON",
+          name: "游戏券"
         },
-        'GOLD': {
-          value: 'GOLD',
-          name: '金币'
+        BADGE: {
+          value: "BADGE",
+          name: "用户-徽章"
         },
-        'DIAMOND': {
-          value: 'DIAMOND',
-          name: '钻石'
+
+        ROOM_BADGE: {
+          value: "BADGE",
+          name: "房间-徽章"
         },
-        'SPECIAL_ID': {
-          value: 'SPECIAL_ID',
-          name: '靓号'
+        EMOJI: {
+          value: "EMOJI",
+          name: "用户-表情包"
         },
-        'THEME': {
-          value: 'PROPS',
-          name: '房间背景主题'
+        CHAT_BUBBLE: {
+          value: "PROPS",
+          name: "聊天气泡"
         },
-        'GAME_COUPON': {
-          value: 'GAME_COUPON',
-          name: '游戏券'
+
+        FLOAT_PICTURE: {
+          value: "PROPS",
+          name: "飘窗"
         },
-        'CUSTOMIZE': {
-          value: 'CUSTOMIZE',
-          name: '自定义(只读)'
+        CUSTOMIZE: {
+          value: "CUSTOMIZE",
+          name: "自定义(只读)"
         },
-        'FRAGMENTS': {
-          value: 'FRAGMENTS',
-          name: '碎片'
+        FRAGMENTS: {
+          value: "FRAGMENTS",
+          name: "碎片"
         },
-        'FLOAT_PICTURE': {
-          value: 'PROPS',
-          name: '飘窗'
+
+        PROP_COUPON: {
+          value: "PROP_COUPON",
+          name: "道具券"
+        },
+
+        DATA_CARD: {
+          value: "PROPS",
+          name: "资料卡"
         }
       },
       isChangeSource: false,
@@ -511,13 +878,13 @@ export default {
       propsTypes,
       submitLoading: false,
       form: {
-        id: '',
-        name: '',
+        id: "",
+        name: "",
         shelfStatus: true,
         tmpConfigList: [],
         rewardConfigList: [],
-        sysOrigin: '',
-        remark: ''
+        sysOrigin: "",
+        remark: ""
       },
       formRules: {
         name: commonRules,
@@ -528,111 +895,123 @@ export default {
       selectType: {},
       isLoadSourceTypeList: false,
       listTypeLoading: false,
-      badgeRestaurants: [{ 'value': '0', 'label': '永久' }]
-    }
+      badgeRestaurants: [{ value: "0", label: "永久" }]
+    };
   },
   computed: {
     rowCover() {
-      return this.row ? this.row.propsSourceRecordDTO.cover : ''
+      return this.row ? this.row.propsSourceRecordDTO.cover : "";
     },
     rowSourceUrl() {
-      return this.row ? this.row.propsSourceRecordDTO.sourceUrl : ''
+      return this.row ? this.row.propsSourceRecordDTO.sourceUrl : "";
     },
     isShowCoverUpload() {
-      return !this.form.cover
+      return !this.form.cover;
     },
     isShowSourceUpload() {
-      return !this.form.sourceUrl
+      return !this.form.sourceUrl;
     },
     textOptTitle() {
-      return (this.row && this.row.id ? '修改' : '添加') + '(' + this.sysOrigin + ')'
+      return (
+        (this.row && this.row.id ? "修改" : "添加") + "(" + this.sysOrigin + ")"
+      );
     },
     isUpdate() {
-      return this.row && this.row.id
+      return this.row && this.row.id;
     }
   },
   watch: {
     row: {
       handler(newVal) {
         if (!newVal) {
-          return
+          return;
         }
-        const newForm = deepClone(newVal)
-        newForm.tmpConfigList = []
+        const newForm = deepClone(newVal);
+        newForm.tmpConfigList = [];
         if (!newForm.rewardConfigList || newForm.rewardConfigList.length <= 0) {
-          newForm.rewardConfigList = []
+          newForm.rewardConfigList = [];
         }
-        this.form = newForm
-        this.form.sysOrigin = this.sysOrigin
+        this.form = newForm;
+        this.form.sysOrigin = this.sysOrigin;
       },
       immediate: true
     },
     sysOrigin: {
       handler(newVal) {
         if (!newVal) {
-          return
+          return;
         }
-        this.form.sysOrigin = newVal
+        this.form.sysOrigin = newVal;
       },
       immediate: true
     }
   },
   mounted() {
-    const that = this
+    const that = this;
     that.$nextTick(() => {
       Sortable.create(that.$refs.rewardContent, {
         onEnd: function(evt) {
-          const oldIndex = evt.oldIndex
-          const newIndex = evt.newIndex
+          const oldIndex = evt.oldIndex;
+          const newIndex = evt.newIndex;
           if (newIndex === oldIndex) {
-            return
+            return;
           }
 
-          that.form.rewardConfigList.splice(newIndex, 0, that.form.rewardConfigList.splice(oldIndex, 1)[0])
-          const newList = that.form.rewardConfigList.splice(0)
-          that.form.rewardConfigList = []
+          that.form.rewardConfigList.splice(
+            newIndex,
+            0,
+            that.form.rewardConfigList.splice(oldIndex, 1)[0]
+          );
+          const newList = that.form.rewardConfigList.splice(0);
+          that.form.rewardConfigList = [];
           that.$nextTick(() => {
-            that.form.rewardConfigList = newList
-          })
+            that.form.rewardConfigList = newList;
+          });
         }
-      })
-    })
+      });
+    });
   },
   methods: {
     querySearchBadgeRestaurants(queryString, cb) {
-      var badgeRestaurants = this.badgeRestaurants
-      var results = queryString ? badgeRestaurants.filter(restaurant => {
-        return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0)
-      }) : badgeRestaurants
-      cb(results)
+      var badgeRestaurants = this.badgeRestaurants;
+      var results = queryString
+        ? badgeRestaurants.filter(restaurant => {
+            return (
+              restaurant.value
+                .toLowerCase()
+                .indexOf(queryString.toLowerCase()) === 0
+            );
+          })
+        : badgeRestaurants;
+      cb(results);
     },
     changeContent(item, val) {
-      const that = this
-      const typeData = that.propsTypeData[item.clickType]
+      const that = this;
+      const typeData = that.propsTypeData[item.clickType];
       if (!typeData) {
-        return
+        return;
       }
 
-      const list = typeData.list
+      const list = typeData.list;
 
       if (!list && list.length < 1) {
-        return
+        return;
       }
 
-      const data = typeData.list.find(typeItem => typeItem.id === val)
-      item.ext.selectVal.id = data.id
-      item.ext.selectVal.cover = data.cover
-      item.ext.selectVal.sourceUrl = data.sourceUrl
+      const data = typeData.list.find(typeItem => typeItem.id === val);
+      item.ext.selectVal.id = data.id;
+      item.ext.selectVal.cover = data.cover;
+      item.ext.selectVal.sourceUrl = data.sourceUrl;
     },
     submitItem(index) {
-      const that = this
+      const that = this;
       that.$refs.form.validate(valid => {
         if (!valid) {
-          console.error('error submit!!')
-          return
+          console.error("error submit!!");
+          return;
         }
-        const item = that.form.tmpConfigList[0]
-        const itemExt = item.ext
+        const item = that.form.tmpConfigList[0];
+        const itemExt = item.ext;
         that.form.rewardConfigList.push({
           type: item.type,
           content: item.content,
@@ -641,246 +1020,307 @@ export default {
           cover: itemExt.selectVal.cover,
           sourceUrl: itemExt.selectVal.sourceUrl,
           remark: item.remark
-        })
-        that.form.tmpConfigList.splice(index, 1)
-      })
+        });
+        that.form.tmpConfigList.splice(index, 1);
+      });
     },
     getTypeName(item) {
-      const typeData = this.propsTypeMap[item.detailType]
+      const typeData = this.propsTypeMap[item.detailType];
       if (typeData) {
-        return typeData.name
+        return typeData.name;
       }
-      return ''
+      return "";
     },
     deleteUpdateItem(index) {
-      this.form.rewardConfigList.splice(index, 1)
+      this.form.rewardConfigList.splice(index, 1);
     },
     addContent(type) {
-      const that = this
+      const that = this;
       that.$refs.form.validate(valid => {
         if (!valid) {
-          console.error('error submit!!')
-          return
+          console.error("error submit!!");
+          return;
         }
         if (that.form.tmpConfigList && that.form.tmpConfigList.length > 0) {
-          that.submitItem(0)
+          that.submitItem(0);
         }
-        if (that.isGoldOrDiamond(type) || type === 'SPECIAL_ID') {
-          that.addContentData(type)
-          return
+        if (that.isGoldOrDiamond(type) || type === "SPECIAL_ID") {
+          that.addContentData(type);
+          return;
         }
         if (that.isGameCoupon(type)) {
-          that.addContentData(type)
-          return
+          that.addContentData(type);
+          return;
+        }
+        if (that.isPROPCOUPON(type)) {
+          that.addContentData(type);
+          return;
         }
         if (that.propsTypeData[type].loadData === true) {
-          that.addContentData(type)
-          return
+          that.addContentData(type);
+          return;
         }
-        that.propsTypeData[type].loading = true
+        that.propsTypeData[type].loading = true;
 
         if (that.isGift(type)) {
-          that.disableAddContent = true
-          listGiftBySysOrigin(that.form.sysOrigin).then(res => {
-            that.disableAddContent = false
-            that.propsTypeData[type].loadData = true
-            that.propsTypeData[type].loading = false
-            const list = res.body || []
-            that.propsTypeData[type].list = list.map(item => {
-              return { type, id: item.id, name: item.giftName, amount: item.giftCandy, cover: item.giftPhoto, sourceUrl: item.giftSourceUrl }
+          that.disableAddContent = true;
+          listGiftBySysOrigin(that.form.sysOrigin)
+            .then(res => {
+              that.disableAddContent = false;
+              that.propsTypeData[type].loadData = true;
+              that.propsTypeData[type].loading = false;
+              const list = res.body || [];
+              that.propsTypeData[type].list = list.map(item => {
+                return {
+                  type,
+                  id: item.id,
+                  name: item.giftName,
+                  amount: item.giftCandy,
+                  cover: item.giftPhoto,
+                  sourceUrl: item.giftSourceUrl
+                };
+              });
+              that.addContentData(type);
             })
-            that.addContentData(type)
-          }).catch(er => {
-            that.disableAddContent = false
-            that.propsTypeData[type].loading = false
-            console.error(er)
-          })
-          return
+            .catch(er => {
+              that.disableAddContent = false;
+              that.propsTypeData[type].loading = false;
+              console.error(er);
+            });
+          return;
         }
 
-        const badgeType = that.getBadgeType(type)
+        const badgeType = that.getBadgeType(type);
         if (badgeType) {
-          that.disableAddContent = true
-          listBadgePictureBySysOrigin(that.form.sysOrigin, badgeType).then(res => {
-            that.disableAddContent = false
-            that.propsTypeData[type].loadData = true
-            that.propsTypeData[type].loading = false
-            const list = res.body || []
-            that.propsTypeData[type].list = list.map(item => {
-              return { type, id: item.badgeConfigId, name: item.badgeName, amount: 0, cover: item.selectUrl, sourceUrl: item.animationUrl }
+          that.disableAddContent = true;
+          listBadgePictureBySysOrigin(that.form.sysOrigin, badgeType)
+            .then(res => {
+              that.disableAddContent = false;
+              that.propsTypeData[type].loadData = true;
+              that.propsTypeData[type].loading = false;
+              const list = res.body || [];
+              that.propsTypeData[type].list = list.map(item => {
+                return {
+                  type,
+                  id: item.badgeConfigId,
+                  name: item.badgeName,
+                  amount: 0,
+                  cover: item.selectUrl,
+                  sourceUrl: item.animationUrl
+                };
+              });
+              that.addContentData(type);
             })
-            that.addContentData(type)
-          }).catch(er => {
-            that.disableAddContent = false
-            that.propsTypeData[type].loading = false
-            console.error(er)
-          })
-          return
+            .catch(er => {
+              that.disableAddContent = false;
+              that.propsTypeData[type].loading = false;
+              console.error(er);
+            });
+          return;
         }
 
-        if (type === 'NOBLE_VIP') {
-          that.disableAddContent = true
-          listNotFamilyBySysOriginType(that.form.sysOrigin, 'NOBLE_VIP').then(res => {
-            that.disableAddContent = false
-            that.propsTypeData[type].loadData = true
-            that.propsTypeData[type].loading = false
-            const list = res.body || []
-            that.propsTypeData[type].list = list.map(item => {
-              return { type, id: item.id, name: item.name, amount: item.amount, cover: item.cover, sourceUrl: item.sourceUrl }
+        if (type === "NOBLE_VIP") {
+          that.disableAddContent = true;
+          listNotFamilyBySysOriginType(that.form.sysOrigin, "NOBLE_VIP")
+            .then(res => {
+              that.disableAddContent = false;
+              that.propsTypeData[type].loadData = true;
+              that.propsTypeData[type].loading = false;
+              const list = res.body || [];
+              that.propsTypeData[type].list = list.map(item => {
+                return {
+                  type,
+                  id: item.id,
+                  name: item.name,
+                  amount: item.amount,
+                  cover: item.cover,
+                  sourceUrl: item.sourceUrl
+                };
+              });
+              that.addContentData(type);
             })
-            that.addContentData(type)
-          }).catch(er => {
-            that.disableAddContent = false
-            that.propsTypeData[type].loading = false
-            console.error(er)
-          })
-          return
+            .catch(er => {
+              that.disableAddContent = false;
+              that.propsTypeData[type].loading = false;
+              console.error(er);
+            });
+          return;
         }
 
-        if (type === 'EMOJI') {
-          listGroupBySysOrigin(that.form.sysOrigin).then(res => {
-            that.disableAddContent = false
-            that.propsTypeData[type].loadData = true
-            that.propsTypeData[type].loading = false
-            const list = res.body || []
-            that.propsTypeData[type].list = list.map(item => {
-              return { type, id: item.id, name: item.groupName, cover: item.cover }
+        if (type === "EMOJI") {
+          listGroupBySysOrigin(that.form.sysOrigin)
+            .then(res => {
+              that.disableAddContent = false;
+              that.propsTypeData[type].loadData = true;
+              that.propsTypeData[type].loading = false;
+              const list = res.body || [];
+              that.propsTypeData[type].list = list.map(item => {
+                return {
+                  type,
+                  id: item.id,
+                  name: item.groupName,
+                  cover: item.cover
+                };
+              });
+              that.addContentData(type);
             })
-            that.addContentData(type)
-          }).catch(er => {
-            that.disableAddContent = false
-            that.propsTypeData[type].loading = false
-            console.error(er)
-          })
-          return
+            .catch(er => {
+              that.disableAddContent = false;
+              that.propsTypeData[type].loading = false;
+              console.error(er);
+            });
+          return;
         }
 
-        that.disableAddContent = true
-        listSysOriginTypeList(that.sysOrigin, type).then(res => {
-          that.disableAddContent = false
-          that.propsTypeData[type].loadData = true
-          that.propsTypeData[type].loading = false
-          const list = res.body || []
-          that.propsTypeData[type].list = list.map(item => {
-            return { type, id: item.id, name: item.name, amount: item.amount, cover: item.cover, sourceUrl: item.sourceUrl, remark: item.remark }
+        that.disableAddContent = true;
+        listSysOriginTypeList(that.sysOrigin, type)
+          .then(res => {
+            that.disableAddContent = false;
+            that.propsTypeData[type].loadData = true;
+            that.propsTypeData[type].loading = false;
+            const list = res.body || [];
+            that.propsTypeData[type].list = list.map(item => {
+              return {
+                type,
+                id: item.id,
+                name: item.name,
+                amount: item.amount,
+                cover: item.cover,
+                sourceUrl: item.sourceUrl,
+                remark: item.remark
+              };
+            });
+            that.addContentData(type);
           })
-          that.addContentData(type)
-        }).catch(er => {
-          that.disableAddContent = false
-          that.propsTypeData[type].loading = false
-          console.error(er)
-        })
-      })
+          .catch(er => {
+            that.disableAddContent = false;
+            that.propsTypeData[type].loading = false;
+            console.error(er);
+          });
+      });
     },
     getBadgeType(type) {
       if (this.isUserBadge(type)) {
-        return 'ACTIVITY'
+        return "ACTIVITY";
       }
 
       if (this.isRoomBadge(type)) {
-        return 'ROOM_ACHIEVEMENT'
+        return "ROOM_ACHIEVEMENT";
       }
-      return null
+      return null;
     },
     isCurrency(type) {
-      return type === 'GOLD' || type === 'DIAMOND'
+      return type === "GOLD" || type === "DIAMOND";
     },
+    // 是否为游戏券
     isGameCoupon(type) {
-      return type === 'GAME_COUPON'
+      return type === "GAME_COUPON";
+    },
+    // 是否为道具券
+    isPROPCOUPON(type) {
+      return type === "PROP_COUPON";
     },
     isBadge(type) {
-      return this.isRoomBadge(type) || this.isUserBadge(type)
+      return this.isRoomBadge(type) || this.isUserBadge(type);
     },
     isUserBadge(type) {
-      return type === 'BADGE'
+      return type === "BADGE";
     },
     isCustomize(type) {
-      return type === 'CUSTOMIZE'
+      return type === "CUSTOMIZE";
     },
     isRoomBadge(type) {
-      return type === 'ROOM_BADGE'
+      return type === "ROOM_BADGE";
     },
     isGift(type) {
-      return type === 'GIFT'
+      return type === "GIFT";
     },
     isTheme(type) {
-      return type === 'THEME'
+      return type === "THEME";
     },
     addContentData(type) {
-      const that = this
+      const that = this;
       that.form.tmpConfigList.push({
         type: that.propsTypeMap[type].value,
         clickType: type,
-        content: '',
-        quantity: '',
-        remark: '',
+        content: "",
+        quantity: "",
+        remark: "",
         ext: {
           title: that.propsTypeMap[type].name,
-          selectVal: { id: '', cover: '', sourceUrl: '' }
+          selectVal: { id: "", cover: "", sourceUrl: "" }
         }
-      })
+      });
     },
     isGoldOrDiamond(type) {
-      return type === 'GOLD' || type === 'DIAMOND'
+      return type === "GOLD" || type === "DIAMOND";
     },
     clickChangeSource() {
-      this.isChangeSource = !this.isChangeSource
+      this.isChangeSource = !this.isChangeSource;
       if (this.isChangeSource === true && this.isLoadSourceTypeList === false) {
-        this.loadSourceType()
+        this.loadSourceType();
       }
     },
     changeType(index) {
-      this.selectType = this.sourceTypeList[index]
-      this.form.sourceId = this.selectType.id
+      this.selectType = this.sourceTypeList[index];
+      this.form.sourceId = this.selectType.id;
     },
     loadSourceType() {
-      const that = this
-      that.listTypeLoading = true
-      listSysOriginTypeList(that.sysOrigin, 'RIDE').then(res => {
-        that.listTypeLoading = false
-        that.isLoadSourceTypeList = false
-        that.sourceTypeList = res.body || []
-      }).catch(er => {
-        that.listTypeLoading = false
-        console.error(er)
-      })
+      const that = this;
+      that.listTypeLoading = true;
+      listSysOriginTypeList(that.sysOrigin, "RIDE")
+        .then(res => {
+          that.listTypeLoading = false;
+          that.isLoadSourceTypeList = false;
+          that.sourceTypeList = res.body || [];
+        })
+        .catch(er => {
+          that.listTypeLoading = false;
+          console.error(er);
+        });
     },
     handleCoverFileRemove(file, fileList) {
-      this.form.cover = ''
-      this.coverUploadLoading = false
+      this.form.cover = "";
+      this.coverUploadLoading = false;
     },
     sourceUpload(file) {
-      const that = this
-      that.sourceUploadLoading = true
-      that.$simpleUploadFlie(file).then(res => {
-        that.sourceUploadLoading = false
-        that.form.sourceUrl = that.$getAccessImgUrl(res.name)
-      }).catch(er => {
-        that.sourceUploadLoading = false
-      })
+      const that = this;
+      that.sourceUploadLoading = true;
+      that
+        .$simpleUploadFlie(file)
+        .then(res => {
+          that.sourceUploadLoading = false;
+          that.form.sourceUrl = that.$getAccessImgUrl(res.name);
+        })
+        .catch(er => {
+          that.sourceUploadLoading = false;
+        });
     },
     handleSourceFileRemove(file, fileList) {
-      this.form.sourceUrl = ''
-      this.sourceUploadLoading = false
+      this.form.sourceUrl = "";
+      this.sourceUploadLoading = false;
     },
     handleClose() {
-      this.$emit('close')
+      this.$emit("close");
     },
     submitForm() {
-      const that = this
+      const that = this;
       that.$refs.form.validate(valid => {
         if (!valid) {
-          console.error('error submit!!')
-          return
+          console.error("error submit!!");
+          return;
         }
 
-        if (!that.form.rewardConfigList || that.form.rewardConfigList.length < 1) {
-          that.$opsMessage.fail('请资源组配置内容.')
-          return
+        if (
+          !that.form.rewardConfigList ||
+          that.form.rewardConfigList.length < 1
+        ) {
+          that.$opsMessage.fail("请资源组配置内容.");
+          return;
         }
-        that.submitLoading = true
-        const form = deepClone(that.form)
-        form.rewardConfigList = []
+        that.submitLoading = true;
+        const form = deepClone(that.form);
+        form.rewardConfigList = [];
         that.form.rewardConfigList.forEach((item, index) => {
           form.rewardConfigList.push({
             type: item.type,
@@ -889,26 +1329,27 @@ export default {
             quantity: item.quantity,
             sort: index + 1,
             remark: item.remark
+          });
+        });
+        saveOrUpdatePropsActivityRewardGroup(form)
+          .then(res => {
+            that.submitLoading = false;
+            that.$emit("success", res);
           })
-        })
-        saveOrUpdatePropsActivityRewardGroup(form).then(res => {
-          that.submitLoading = false
-          that.$emit('success', res)
-        }).catch(er => {
-          that.submitLoading = false
-          that.$emit('fail')
-          console.error(er)
-        })
-      })
+          .catch(er => {
+            that.submitLoading = false;
+            that.$emit("fail");
+            console.error(er);
+          });
+      });
     },
     clickSvgaplayer() {
-      this.svgaplayerVisable = true
+      this.svgaplayerVisable = true;
     }
   }
-}
+};
 </script>
 <style scoped lang="scss">
-
 .form-edit {
   overflow: auto;
   .dr-content {
@@ -926,12 +1367,12 @@ export default {
   }
   .del {
     font-size: 30px;
-    color: #F56C6C;
+    color: #f56c6c;
     cursor: pointer;
   }
   .save {
     font-size: 30px;
-    color: #409EFF;
+    color: #409eff;
     cursor: pointer;
   }
 }