From bf9898abffd4f328c72ee95e624f69af9ec6209b Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Mon, 19 Dec 2022 17:03:31 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=B3=E8=AF=B7=E8=AF=A6=E6=83=85=EF=BC=8C?=
 =?UTF-8?q?=E7=AE=97=E6=B3=95=E4=BC=98=E5=8A=BF=E3=80=81=E5=BA=94=E7=94=A8?=
 =?UTF-8?q?=E5=9C=BA=E6=99=AF=E3=80=81=E8=AE=A1=E8=B4=B9=E6=A0=87=E5=87=86?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E5=B1=95=E7=A4=BA=E5=86=85=E5=AE=B9=E6=9C=89?=
 =?UTF-8?q?=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/PutOnTheShelf .vue             | 130 ++++++++++++++++--
 1 file changed, 121 insertions(+), 9 deletions(-)

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;