申请的服务响应示例

src/pages/workbench/fwgl/apply_service_detail.vue

 <template>
   <div class="detail_contain">
-    <p class="now_page_title">我的服务 / 申请的服务 / <span>服务详情</span></p>
+    <p class="now_page_title">
+      我的服务 / 申请的服务 /
+      <span>服务详情</span>
+    </p>
     <div class="info_contain">
       <service-header :data="service_header_arr"></service-header>
       <div class="type_box">
@@ -13,9 +16,7 @@
             :style="
               now_service == index ? { borderBottom: '4px solid #f5ab4c' } : {}
             "
-          >
-            {{ item }}
-          </div>
+          >{{ item }}</div>
         </div>
         <div class="type_box_select">
           <info-list
@@ -39,10 +40,8 @@
               :datas="res_table_arr"
               slot="apply_table"
             ></table-um>
-            <process-card
-              :data="use_approval_arr"
-              slot="approval"
-            ></process-card>
+            <v-apaas-code :datas="res_code_arr" slot="res_code" :readOnly="true"></v-apaas-code>
+            <process-card :data="use_approval_arr" slot="approval"></process-card>
           </info-list>
         </div>
       </div>
@@ -55,6 +54,7 @@ import serviceHeader from "@/components/service-header";
 import infoList from "@/components/infoList";
 import tableUm from "@/components/table/table-um";
 import processCard from "@/components/process-card";
+import codes from "@/components/general/codes";
 export default {
   props: {},
   components: {
@@ -62,6 +62,7 @@ export default {
     infoList,
     tableUm,
     processCard,
+    "v-apaas-code": codes,
   },
   data() {
     return {
@@ -270,6 +271,12 @@ export default {
           type: "solt",
           solt_name: "res_table",
         },
+        {
+          title: "响应示例：",
+          info: "",
+          type: "solt",
+          solt_name: "res_code",
+        },
       ],
       apply_arr: [
         {
@@ -352,6 +359,7 @@ export default {
         },
       ], // 响应参数-header
       res_table_arr: [], // 响应参数
+      res_code_arr: ""
     };
   },
   watch: {},
@@ -502,6 +510,11 @@ export default {
           if (this.res_table_arr.length === 0) {
             this.$set(this.servicead_arr[4], "info", "无响应参数");
           }
+          this.res_code_arr = data.res_fields_example || ""; // 响应示例
+          if (!this.res_code_arr) {
+            this.$set(this.servicead_arr[5], "type", "");
+            this.$set(this.servicead_arr[5], "info", "无响应示例");
+          }
           console.log(this.res_table_arr);
           if (data.service_apply_info.approval_process) {
             data.service_apply_info.approval_process.forEach((e) => {
@@ -546,7 +559,7 @@ export default {
           }
           this.res_data = JSON.parse(data.res_fields);
         })
-        .catch(function(response) {});
+        .catch(function (response) {});
     },
   },
 };