模板添加标识

src/api/utils.js

@@ -232,6 +232,7 @@ export default {
       }else{    //这个是标签
         obj.questionId = data[i].id
       }
+      obj.flag = data[i].flag || ''
       tmpArr.push(obj)
     }
     return tmpArr;

src/components/icss/CommonTemplate.vue

@@ -37,7 +37,7 @@
         ></span></p>
     </div>
     <div class="bottomPartRight bottomPartRightTemplate">
-      <p class="poolTitle">模板内容：</p>
+      <p class="poolTitle poolTitleTmp">模板内容：</p>
       <div class="arrowWrap" style="float:right;marginRight:10px" v-if="type != 1 && type != 2 && type != 3">
         <i class="el-icon-arrow-left arrowWrapPub" @click="moveTag(0)"></i>
         <i class="el-icon-arrow-right arrowWrapPub" @click="moveTag(1)"></i>
@@ -66,12 +66,16 @@
               <el-button size="mini" @click="addDomTemplate(0,'submitForm')">添加</el-button>
               <el-button size="mini" @click="delSubTemplate">删除子模板</el-button>
               <el-button size="mini" @click="addDomTemplate(1)">插入输入栏</el-button>
+              <el-button size="mini" @click="addFlg(1)">1.插入选择症状</el-button>
+              <el-button size="mini" @click="addFlg(3)">2.打开模板</el-button>
+              <el-button size="mini" @click="addFlg(4)">3.插入主诉的主|半症状业务</el-button>
+              <div class="arrowWrap">
+                <i class="el-icon-arrow-left arrowWrapPub" @click="moveTag(0)"></i>
+                <i class="el-icon-arrow-right arrowWrapPub" @click="moveTag(1)"></i>
+              </div>
             </el-form-item>
           </el-form>
-        <div class="arrowWrap">
-          <i class="el-icon-arrow-left arrowWrapPub" @click="moveTag(0)"></i>
-          <i class="el-icon-arrow-right arrowWrapPub" @click="moveTag(1)"></i>
-        </div>
+        
       </div>
       <ul class="tagList operationPool templateTagLists">
         <li
@@ -88,17 +92,18 @@
                 @change="updataData"
               >
               </el-input>
+              <i class="tagFlag">{{item.flag?(item.flag == 3?2:item.flag == 4?3:1):''}}</i>
           </div>
           <p
             v-if="item.type === 'sub'"
             class="tagName  ellipsis"
             :title="'[ '+item.tagName+' ]'"
-          >{{item.tagName}}</p>
+          >{{item.tagName}} <i class="tagFlag">{{item.flag?(item.flag == 3?2:item.flag == 4?3:1):''}}</i></p>
           <p
             v-if="item.type !== 'input' && item.type !== 'sub'"
             class="tagName  ellipsis"
             :title="'[ '+item.tagName+' ]'"
-          >{{item.tagName}} </p>
+          >{{item.tagName}} <i class="tagFlag">{{item.flag?(item.flag == 3?2:item.flag == 4?3:1):''}}</i></p>
         </li>
       </ul>
     </div>
@@ -205,6 +210,17 @@ export default {
     updataData(){
       this.$emit('changeActionData', this.rightTagsList, false);
     },
+    addFlg(idx){
+      let selectTagFlg = this.selectRightTagsListIndex
+      if(selectTagFlg.length == 0){
+        return;
+      }
+      let tmpLis = this.rightTagsList.slice()
+      let tmpObj = tmpLis[selectTagFlg[0]];
+      tmpObj.flag = idx
+      this.rightTagsList = [...tmpLis]
+
+    },
     addDomTemplate(sign,dom){
       let tmpArr1 = this.rightTagsList.slice(0);
       let tmpArr2 = this.selectRightTagsListIndex.slice(0);
@@ -395,6 +411,9 @@ export default {
     margin-bottom: 20px;
     display: inline-block;
   }
+  .poolTitleTmp {
+    margin-bottom: 8px;
+  }
   .inputBox {
     width: 100px;
   }
@@ -422,6 +441,18 @@ export default {
   .tagName {
     line-height: 30px;
   }
+  .tagFlag {
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 16px;
+    height: 16px;
+    border-radius: 8px;
+    line-height: 16px;
+    text-align: center;
+    // background-color: #ccc;
+    color: red;
+  }
   .tagName:before {
     content: "[";
   }
@@ -463,15 +494,21 @@ export default {
           background: #fff;
           line-height: 23px;
           border-radius: 3px;
-          margin-left: 10px;
+          margin:0 7px 10px 5px;
         }
       }
     .formWrap {
       position: relative;
       height: 30px;
       .subTemplate {
-        width: 470px;
+        width: 100%;
         float: left;
+        .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{
+          margin-bottom: 0;
+        }
+        .el-button+.el-button{
+          margin: 0 0 10px 10px;
+        }
       }
     }
   }
@@ -492,6 +529,7 @@ export default {
     text-align: center;
     float: left;
     height: 40px;
+    position: relative;
     p {
       padding: 5px 0;
     }

vue.config.js

@@ -1,7 +1,7 @@
 const path = require('path');
 // const proxy_path = 'http://192.168.2.236:80';
-// const proxy_path = 'http://192.168.2.241:88';
-const proxy_path = 'http://192.168.2.236:88';
+const proxy_path = 'http://192.168.2.241:88';
+// const proxy_path = 'http://192.168.2.236:88';
 // const proxy_path = 'http://192.168.3.101:5050';
 // const proxy_path = 'http://192.168.3.117:5050';//周铁刚
 // const proxy_path = 'http://192.168.3.115:5050';