提示信息详情删除修改-接口对接

src/api/icss.js

@@ -22,6 +22,9 @@ export default {
     PromptInfoDetail(param){
         return axios.post(urls.PromptInfoDetail,param)
     },
+    getPrompDetail(param){
+      return axios.post(urls.PromptInfoDetail,param);
+    },
     getTagList(param) {
         return axios.post(urls.getTagList, param)
     },

src/components/icss/AddPromptInfo.vue

@@ -3,7 +3,7 @@
         <div class="groupTitle"><i
                 class="el-icon-back"
                 @click="back"
-        ></i> 提示信息维护--添加</div>
+        ></i> 提示信息维护--{{isEdit?'修改':'添加'}}</div>
         <div class="info-container">
             <el-form :rules="rules"
                      :model="form"
@@ -64,6 +64,7 @@
         callback();
       };
       return {
+        isEdit:false,
         tagPool:[],                 //标签池数据
         Adscriptions:[],            //归属列表
         form:{
@@ -91,7 +92,10 @@
       const {isEdit,data} = this.$route.params;
       this.getDropList();           //标签归属列表获取
       if(isEdit){
-        this.editData = data;
+        this.isEdit = isEdit;
+        /*this.form = {
+            name: data.name
+        }*/
       }
     },
     methods: {
@@ -115,7 +119,7 @@
       },
       getPgValues(i,data){
         this.form.prags[i] = data;
-        console.log(data,this.form.prags);
+        //console.log(data,this.form.prags);
       },
       getDropList() {
         return api.getDropList().then((res) =>{
@@ -126,22 +130,23 @@
       },
       submitForm() {
         //验证外层表单
+        let goOn=true,it=null;
         this.$refs.groups.validate((valid) =>{
           if(!valid){
+            goOn = false;
             return false;
           }
         });
         //验证段落表单
-        let goOn=true,it=null;console.log(this.$refs.subForm)
         for(let i=0;i<this.$refs.subForm.length;i++){
-          it=this.$refs.subForm[i];console.log(i)
+          it=this.$refs.subForm[i];
           it.$refs.form.validate((valid) =>{
             if(!valid){
               goOn = false;
             }
           });
         };
-        console.log(goOn,'验证通过')
+
         if(!goOn){
           return;
         }
@@ -161,7 +166,7 @@
       },
       changeActionData(selectedTags){
         this.form.selectedTags = this.parseTagsForSubmit(selectedTags);
-        console.log(selectedTags)
+        //console.log(selectedTags)
       },
       showSaveDialog(param) {
         this.showConfirmDialog('是否保存该静态知识？', () => {

src/components/icss/InfoParagraph.vue

@@ -77,7 +77,7 @@
     created(){
       //显示位置枚举列表
       const pos = localStorage.getItem("icssEnumsData");
-      this.positions = JSON.parse(pos)&&JSON.parse(pos).introducePositionEnum;
+      this.positions = JSON.parse(pos)&&JSON.parse(pos).introducePositionEnum;console.log(111,this.data)
       this.form = this.data;
     },
     methods:{
@@ -87,8 +87,9 @@
       delEmit(){
         this.$emit("del",this.index);
       },
-      emitVal(){
-        const data = Object.assign({},this.data,{position:this.data.position.join(",")});
+      emitVal(){console.log(this.data.position)
+        let data = Object.assign({},this.data);
+        data =   Object.assign({},data,{position:this.data.position?this.data.position.join(","):''});
         this.$emit("change",this.index,data);
       }
     }

src/components/icss/PromptDetail.vue

@@ -0,0 +1,93 @@
+<template>
+    <div class="NoiseTemplateWrapper TemplateWrapper">
+        <div class="groupTitle"><i
+                class="el-icon-back"
+                @click="back"
+        ></i> 提示信息维护--详情</div>
+        <div class="info-container">
+            <el-form label-width="130px"
+                     ref="groups">
+                <el-form-item label="静态知识名称：">
+                    {{editData.name}}
+                </el-form-item>
+                <p class="line"></p>
+                <div class="add-prg">
+                    <el-form-item label="是否属于诊断：">
+                        {{editData.name}}
+                    </el-form-item>
+                    <el-form-item label="显示位置：">
+                        {{editData.name}}
+                    </el-form-item>
+                    <el-form-item label="标题：">
+                        {{editData.name}}
+                    </el-form-item>
+                    <el-form-item label="内容：">
+                        {{editData.name}}
+                    </el-form-item>
+                </div>
+                <p class="line"></p>
+                <el-form-item label="关联标签：">
+                    {{editData.tags}}
+                </el-form-item>
+            </el-form>
+        </div>
+    </div>
+</template>
+<script>
+  /**
+   *
+   */
+  import api from '@api/icss.js';
+
+  export default {
+    name: 'PromptDetail',
+    data() {
+      return {
+        editData:{}
+      }
+    },
+    created:function(){
+      const {id} = this.$route.params;
+      api.getPrompDetail({id}).then((res) =>{
+        if(res.data.code === '0') {
+          this.editData = {};
+          console.log(res.data.data)
+        }else{
+          this.warning("数据获取失败");
+        }
+      })
+    },
+    methods: {
+      back() { this.$router.go(-1) },
+      warning(msg, type) {
+        this.$message({
+          showClose: true,
+          message: msg,
+          type: type || 'warning'
+        })
+      },
+    }
+  }
+</script>
+<style lang="less">
+    @import "../../less/common.less";
+    .info-container{
+        background: #fff;
+        padding: 20px;
+        margin: 20px 20px -20px 20px;
+    .el-input__inner{
+        width: 200px;
+    }
+    .el-form-item__label{
+        text-align: left;
+    }
+    .add-prg .el-form-item{
+        margin-bottom: 20px;
+    }
+    }
+    .line{
+        border-top:1px #dcdfe6 solid;
+        margin-bottom: 25px;
+    }
+</style>
+

src/components/icss/PromptInfo.vue

@@ -37,7 +37,7 @@
                         label="静态知识名称">
                 </el-table-column>
                 <el-table-column
-                        prop="questionList"
+                        prop="tagName"
                         label="关联标签"
                         width="240">
                 </el-table-column>
@@ -102,7 +102,7 @@
       toEditProduct(row){
         this.$router.push({
           name:'AddPromptInfo',
-          params: {info:row}
+          params: {data:row,isEdit:true}
         })
       },
       filterDatas(){
@@ -127,22 +127,7 @@
       },
       getDetailList(id) {
         const param = {'id': id,};
-        this.$router.push({name:'DeptInfoDetail', params:{id: id}})
-        /*api.getDeptInfoDetials(param).then((res) => {
-          if (res.data.code == '0') {
-            this.$router.push({name:'DeptInfoDetail', params:{id: id}})
-            // console.log("详情接口调用成功");
-          } else {
-            this.$message({
-              showClose: true,
-              message:res.data.msg,
-              type:'warning'
-            });
-            this.getDataList()  //刷新列表
-          }
-        }).catch((error) => {
-          console.log(error);
-        });*/
+        this.$router.push({name:'PromptDetail', params:{id: id}})
       },
       getFilterItems() {
         const param = {
@@ -178,8 +163,8 @@
         }).catch(() => {});
       },
       showDelDialog(id){
-        this.showConfirmDialog('是否删除该科室？',()=>{
-          api.deleteDeptInfo({id}).then((res)=>{
+        this.showConfirmDialog('是否删除该静态知识？',()=>{
+          api.delPromptInfo({id}).then((res)=>{
             if(res.data.code=='0'){
               this.warning(res.data.msg||'操作成功','success');
               this.getDataList();

src/routes.js

@@ -38,6 +38,7 @@ import IndeptLabel from '@components/icss/IndeptLabel.vue';//独立标签
 import AddIndeptLabel from '@components/icss/AddIndeptLabel.vue'//独立标签-添加
 import PromptInfo from '@components/icss/PromptInfo.vue'//提示信息
 import AddPromptInfo from '@components/icss/AddPromptInfo.vue'//添加提示信息
+import PromptDetail from '@components/icss/PromptDetail.vue'//提示信息详情
 
 export default [
   {
@@ -144,7 +145,9 @@ export default [
       {path:'LT-YXSJWH-DLLXBQWH',component:IndeptLabel,name:'IndeptLabel'},     //独立标签维护--详情
       {path:'LT-YXSJWH-TJDLBQ',component:AddIndeptLabel,name:'AddIndeptLabel'},     //独立标签维护--添加
       {path:'LT-YXSJWH-TSXXWH',component:PromptInfo,name:'PromptInfo'},         //提示信息维护
-      {path:'LT-YXSJWH-TJTSXX',component:AddPromptInfo,name:'AddPromptInfo'},         //提示信息维护
+      {path:'LT-YXSJWH-TJTSXX',component:AddPromptInfo,name:'AddPromptInfo'},         //提示信息维护-添加
+      {path:'LT-YXSJWH-TSXXXQ',component:PromptDetail,name:'PromptDetail'},         //提示信息维护详情
+
 
     ]
   }