提示信息详情完成

src/api/config.js

@@ -98,7 +98,7 @@ export default {
     'getPromptList':'api/icssman/introduceInfo/getIntroducePage',//提示信息列表
     'addPromptInfo':'api/icssman/introduceInfo/saveIntroduce',//新增提示信息
     'delPromptInfo':'api/icssman/introduceInfo/deleteRecord',//删除提示信息
-    'PromptInfoDetail':'api/icssman/introduceDetail/getByIntroduceId',//提示信息详情
+    'PromptInfoDetail':'api/icssman/introduceInfo/getIntroduceById',//提示信息详情
     'getIcssEnumsData':'api/icssman/getIcssEnumsData',//icss枚举
 	},
 	menuIconList: { //菜单对应图标

src/components/icss/InfoParagraph.vue

@@ -77,7 +77,7 @@
     created(){
       //显示位置枚举列表
       const pos = localStorage.getItem("icssEnumsData");
-      this.positions = JSON.parse(pos)&&JSON.parse(pos).introducePositionEnum;console.log(111,this.data)
+      this.positions = JSON.parse(pos)&&JSON.parse(pos).introducePositionEnum;
       this.form = this.data;
     },
     methods:{

src/components/icss/PromptDetail.vue

@@ -11,23 +11,25 @@
                     {{editData.name}}
                 </el-form-item>
                 <p class="line"></p>
-                <div class="add-prg">
+                <div class="add-prg" v-for="prg in editData.details">
                     <el-form-item label="是否属于诊断：">
-                        {{editData.name}}
+                        {{prg.isReason?'是':'否'}}
                     </el-form-item>
                     <el-form-item label="显示位置：">
-                        {{editData.name}}
+                        {{parsePosition(prg.position)}}
                     </el-form-item>
                     <el-form-item label="标题：">
-                        {{editData.name}}
+                        {{prg.title}}
                     </el-form-item>
                     <el-form-item label="内容：">
-                        {{editData.name}}
+                        <div v-html="prg.content"></div>
                     </el-form-item>
                 </div>
                 <p class="line"></p>
                 <el-form-item label="关联标签：">
-                    {{editData.tags}}
+                    <span class="tag" v-for="it in editData.questionList">
+                        {{it.name}}
+                    </span>
                 </el-form-item>
             </el-form>
         </div>
@@ -43,15 +45,19 @@
     name: 'PromptDetail',
     data() {
       return {
-        editData:{}
+        editData:{},
+        positions:[],
+        position:''
       }
     },
     created:function(){
       const {id} = this.$route.params;
+      const pos = localStorage.getItem("icssEnumsData");
+      this.positions = JSON.parse(pos)&&JSON.parse(pos).introducePositionEnum;
+
       api.getPrompDetail({id}).then((res) =>{
         if(res.data.code === '0') {
-          this.editData = {};
-          console.log(res.data.data)
+          this.editData = res.data.data;
         }else{
           this.warning("数据获取失败");
         }
@@ -59,6 +65,16 @@
     },
     methods: {
       back() { this.$router.go(-1) },
+      parsePosition(item){
+        const sit = item||[];
+        let text = '';
+        this.positions.forEach((it)=>{
+          if(sit.split(",").includes(it.key+'')){
+            text+=it.name+'，';
+          }
+        });
+        return text.replace(/，$/,'');
+      },
       warning(msg, type) {
         this.$message({
           showClose: true,
@@ -89,5 +105,12 @@
         border-top:1px #dcdfe6 solid;
         margin-bottom: 25px;
     }
+    .tag:before{
+        content:'['
+    }
+    .tag:after{
+        content: ']';
+        margin-right: 10px;
+    }
 </style>