feat(道具商店、资源配置): 道具商品类型和道具类型新增“CP戒指”

src/lang/messages/pages/en.js

@@ -4066,6 +4066,7 @@ export default {
         quantityOrDays: 'Quantity / Days'
       },
       resourceType: {
+        cpRing: 'CP Ring',
         avatarFrame: 'Avatar Frame',
         ride: 'Ride',
         nobleVip: 'Noble',
@@ -6797,7 +6798,8 @@ export default {
         LAYOUT: 'Decoration',
         FLOAT_PICTURE: 'Floating Image',
         CHAT_BUBBLE: 'Chat Bubble',
-        DATA_CARD: 'Profile Card'
+        DATA_CARD: 'Profile Card',
+        CP_RING: 'CP Ring'
       },
       currencyTypes: {
         GOLD: 'Gold',

src/lang/messages/pages/zh.js

@@ -4063,6 +4063,7 @@ export default {
         quantityOrDays: '数量/天数'
       },
       resourceType: {
+        cpRing: 'CP戒指',
         avatarFrame: '头像框',
         ride: '座驾',
         nobleVip: '贵族',
@@ -6794,7 +6795,8 @@ export default {
         LAYOUT: '装扮',
         FLOAT_PICTURE: '飘窗',
         CHAT_BUBBLE: '聊天气泡',
-        DATA_CARD: '资料卡'
+        DATA_CARD: '资料卡',
+        CP_RING: 'CP戒指'
       },
       currencyTypes: {
         GOLD: '金币',

src/views/props/props-store/form-edit.vue

@@ -244,6 +244,52 @@
                   <el-button v-if="!sourceMap['AVATAR_FRAME'].isChangeSource" type="text" @click="clickChangeSource('AVATAR_FRAME')">{{ $t('pages.propsStore.action.changeResource') }}</el-button>
                 </div>
               </el-form-item>
+              <el-form-item :label="$t('pages.propsStore.propsTypes.CP_RING')">
+                <el-row v-loading="sourceMap['CP_RING'].loading" :gutter="10">
+                  <el-col v-if="sourceMap['CP_RING'].isChangeSource" :span="15">
+                    <el-form-item>
+                      <el-select
+                        v-model="form.tmpCpRingIndex"
+                        :placeholder="$t('pages.propsStore.placeholder.type')"
+                        style="width:100%;"
+                        class="filter-item"
+                        @change="changeCpRingSource"
+                      >
+                        <el-option v-for="(item, index) in sourceMap['CP_RING'].list" :key="item.id" :label="item.name" :value="index">
+                          <div style="float: left;">
+                            <img :src="item.cover" width="40px" height="40px">
+                          </div>
+                          <div style="float: left;margin-left:10px">
+                            {{ item.name }}
+                          </div>
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4">
+                    <div style="width: 36px; height: 36px">
+                      <el-image
+                        style="width: 100%; height: 100%"
+                        :src="cpRingSouceSelect.cover"
+                        :preview-src-list="[cpRingSouceSelect.cover]"
+                      >
+                        <div slot="error" class="image-slot" style="text-align: center;">
+                          <i class="el-icon-picture-outline" />
+                        </div>
+                      </el-image>
+                    </div>
+                  </el-col>
+                  <el-col :span="4">
+                    <svgaplayer
+                      type="popover"
+                      :url="cpRingSouceSelect.sourceUrl"
+                    />
+                  </el-col>
+                </el-row>
+                <div>
+                  <el-button v-if="!sourceMap['CP_RING'].isChangeSource" type="text" @click="clickChangeSource('CP_RING')">{{ $t('pages.propsStore.action.changeResource') }}</el-button>
+                </div>
+              </el-form-item>
               <el-form-item :label="$t('pages.propsStore.propsTypes.DATA_CARD')">
                 <el-row v-loading="sourceMap['DATA_CARD'].loading" :gutter="10">
                   <el-col v-if="sourceMap['DATA_CARD'].isChangeSource" :span="15">
@@ -436,6 +482,7 @@ export default {
           loginRewardsAmount: '',
           roomMaxMember: '',
           avatarFrameId: '',
+          cpRingId: '',
           chatBubbleId: '',
           carId: '',
           dataCardId: ''
@@ -444,6 +491,7 @@ export default {
         tmpValidDays: [],
         tmpSourceIndex: '',
         tmpAvatarIndex: '',
+        tmpCpRingIndex: '',
         tmpDataCardIndex: '',
         tmpChatBubbleIndex: '',
         tmpFloatPictureIndex: '',
@@ -458,6 +506,7 @@ export default {
       sourceSelect: {},
       carSouceSelect: {},
       avatarSouceSelect: {},
+      cpRingSouceSelect: {},
       dataCardSouceSelect: {},
       chatBubbleSouceSelect: {},
 
@@ -468,6 +517,12 @@ export default {
           isChangeSource: false,
           list: []
         },
+        'CP_RING': {
+          loading: false,
+          isLoadSourceTypeList: false,
+          isChangeSource: false,
+          list: []
+        },
         'RIDE': {
           loading: false,
           isLoadSourceTypeList: false,
@@ -570,12 +625,14 @@ export default {
         'propsAbility.loginRewardsAmount': commonRules,
         'propsAbility.roomMaxMember': commonRules,
         'propsAbility.avatarFrameId': commonRules,
+        'propsAbility.cpRingId': commonRules,
         'propsAbility.carId': commonRules,
         'propsAbility.chatBubbleId': commonRules,
         'propsAbility.dataCardId': commonRules,
         tmpCarIndex: commonRules,
         tmpDataCardIndex: commonRules,
         tmpAvatarIndex: commonRules,
+        tmpCpRingIndex: commonRules,
         tmpChatBubbleIndex: commonRules,
         tmpFloatPictureIndex: commonRules,
         tmpSourceIndex: commonRules
@@ -632,6 +689,15 @@ export default {
             }
           }
 
+          const cpRing = newVal.propsAbility.cpRing
+          if (cpRing) {
+            this.cpRingSouceSelect = {
+              id: cpRing.id,
+              cover: cpRing.cover,
+              sourceUrl: cpRing.sourceUrl
+            }
+          }
+
           const chatBubble = newVal.propsAbility.chatBubble
           if (chatBubble) {
             this.chatBubbleSouceSelect = {
@@ -681,6 +747,10 @@ export default {
       this.avatarSouceSelect = this.sourceMap['AVATAR_FRAME'].list[index]
       this.form.propsAbility.avatarFrameId = this.avatarSouceSelect.id
     },
+    changeCpRingSource(index) {
+      this.cpRingSouceSelect = this.sourceMap['CP_RING'].list[index]
+      this.form.propsAbility.cpRingId = this.cpRingSouceSelect.id
+    },
     changeDataCardSource(index) {
       this.dataCardSouceSelect = this.sourceMap['DATA_CARD'].list[index]
       this.form.propsAbility.dataCardId = this.dataCardSouceSelect.id