diff --git a/front/src/views/personalCenter/components/PutOnTheShelf .vue b/front/src/views/personalCenter/components/PutOnTheShelf .vue
index 9a1d6825..7630e6b2 100644
--- a/front/src/views/personalCenter/components/PutOnTheShelf .vue	
+++ b/front/src/views/personalCenter/components/PutOnTheShelf .vue	
@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-07-12 09:42:44
  * @LastEditors: Light
- * @LastEditTime: 2022-12-01 14:02:17
+ * @LastEditTime: 2022-12-19 10:54:23
  * @Description:我的申请 能力申请 查看详情
 -->
 <template>
@@ -35,9 +35,118 @@
           <span>能力描述：{{ props.refObj.dto.description }}</span>
           <span>归属部门：{{ props.refObj.dto.deptName }}</span>
         </p>
-        <p v-for="item in props.refObj.dto.infoList" :key="item.attrType">
-          <span>{{ item.attrType + '：' + item.attrValue }}</span>
-        </p>
+        <template
+          v-for="item in props.refObj.dto.infoList"
+          :key="item.attrType"
+        >
+          <p v-if="arr.indexOf(item.attrType) === -1">
+            <span>{{ item.attrType + '：' + item.attrValue }}</span>
+          </p>
+          <template v-else-if="JSON.parse(item.attrValue)">
+            <div v-if="item.attrType === '算法优势'">
+              <div
+                v-for="(attr, index) in JSON.parse(item.attrValue)"
+                :key="item.attrType + index"
+              >
+                <div>{{ item.attrType + '-' + (index + 1) }}</div>
+                <div>
+                  <span>算法优势名称：{{ attr.name }}</span>
+                </div>
+                <div>
+                  <span>算法优势描述：{{ attr.desc }}</span>
+                </div>
+              </div>
+            </div>
+            <div v-else-if="item.attrType === '应用场景'">
+              <div
+                v-for="(attr, index) in JSON.parse(item.attrValue)"
+                :key="item.attrType + index"
+              >
+                <div>{{ item.attrType + '-' + (index + 1) }}</div>
+                <div>
+                  <span>应用场景名称：{{ attr.name }}</span>
+                </div>
+                <div>
+                  <span>应用场景描述：{{ attr.desc }}</span>
+                </div>
+                <div>
+                  <span>
+                    应用场景图片：
+                    <a-image :width="100" :src="attr.img" />
+                  </span>
+                </div>
+              </div>
+            </div>
+            <div v-else-if="item.attrType === '计费标准信息'">
+              <div
+                v-for="(attr, index) in JSON.parse(item.attrValue)"
+                :key="item.attrType + index"
+              >
+                <div>{{ item.attrType + '-' + (index + 1) }}</div>
+                <div>
+                  <span>计费方式：{{ attr.type }}</span>
+                </div>
+                <div>
+                  <span>计费标准：{{ attr.price }}</span>
+                </div>
+                <div>
+                  <span>计费标准描述：{{ attr.desc }}</span>
+                </div>
+              </div>
+            </div>
+            <div v-else-if="item.attrType === '常见问题'">
+              <div
+                v-for="(attr, index) in JSON.parse(item.attrValue)"
+                :key="item.attrType + index"
+              >
+                <div>{{ item.attrType + '-' + (index + 1) }}</div>
+                <div>
+                  <span>问题：{{ attr.question }}</span>
+                </div>
+                <div>
+                  <span>答复：{{ attr.answer }}</span>
+                </div>
+              </div>
+            </div>
+            <div v-else-if="item.attrType === '功能介绍'">
+              <div
+                v-for="(attr, index) in JSON.parse(item.attrValue)"
+                :key="item.attrType + index"
+              >
+                <div>{{ item.attrType + '-' + (index + 1) }}</div>
+                <div>
+                  <span>功能名称：{{ attr.name }}</span>
+                </div>
+                <div>
+                  <span>功能描述：{{ attr.desc }}</span>
+                </div>
+                <div>
+                  <span>
+                    功能图片：
+                    <a-image :width="100" :src="attr.img" />
+                  </span>
+                </div>
+              </div>
+            </div>
+          </template>
+        </template>
+        <!-- <p v-for="item in props.refObj.dto.infoList" :key="item.attrType">
+          <template v-if="arr.indexOf(item.attrType) === -1">
+            <span>{{ item.attrType + '：' + item.attrValue }}</span>
+          </template>
+          <template v-else-if="item.attrType === '算法优势'">
+            <div
+              v-for="(attr, index) in JSON.parse(item.attrValue)"
+              :key="item.attrType + index"
+            >
+              <div>{{ item.attrType + '-' + (index + 1) }}</div>
+              <div>
+                <span>算法优势名称：{{ attr.name }}</span>
+                <span>算法优势描述：{{ attr.desc }}</span>
+              </div>
+            </div>
+          </template>
+        </p> -->
       </div>
     </div>
   </div>
@@ -52,11 +161,11 @@
   })
   console.log(props.refObj, '=====================================')
   const arr = ['算法优势', '应用场景', '计费标准信息', '常见问题', '功能介绍']
-  if (props.refObj.dto.infoList) {
-    props.refObj.dto.infoList = props.refObj.dto.infoList.filter(
-      (val) => arr.indexOf(val.attrType) == -1
-    )
-  }
+  // if (props.refObj.dto.infoList) {
+  //   props.refObj.dto.infoList = props.refObj.dto.infoList.filter(
+  //     (val) => arr.indexOf(val.attrType) == -1
+  //   )
+  // }
   const endThis = () => {
     endProcess({ instanceId: props.refObj.processInstanceId }).then((res) => {
       if (res.data.code == 0) {
@@ -104,6 +213,9 @@
     .main {
       background: #eee;
       padding: 0.2rem 0.2rem 0.1rem;
+      div {
+        margin-bottom: 1em;
+      }
       p {
         display: flex;
         justify-content: space-between;