merge from 'dev'

src/api/config.js

@@ -91,6 +91,7 @@ export default {
     'getDeptInfoDetials': 'api/icssman/deptInfo/getDeptInfoDetials', //科室维护-详情
     'deleteDeptInfo': 'api/icssman/deptInfo/deleteDeptInfo', //科室维护-删除
     'saveOrUpdate': 'api/icssman/questionInfo/saveOrUpdate', //添加标签保存
+    'deleteTagGroup': 'api/icssman/questionInfo/delete', //删除标签组
 	},
 	menuIconList: { //菜单对应图标
 		'YH-KZT': 'el-icon-menu',

src/api/icss.js

@@ -30,4 +30,7 @@ export default {
     saveOrUpdate(param) {
         return axios.post(urls.saveOrUpdate, param)
     },
+    deleteTagGroup(param) {
+        return axios.post(urls.deleteTagGroup, param)
+    },
 }

src/components/icss/LabelGroup.vue

@@ -58,7 +58,7 @@
                     label="操作">
                     <template slot-scope="scope">
                         <el-button  @click="modifyTagGroup(scope.row)" type="text" size="small">修改</el-button>
-                        <el-button class="delete" type="text" size="small">删除</el-button>
+                        <el-button @click="showDelDialog(scope.row.id)" class="delete" type="text" size="small">删除</el-button>
                     </template>
                 </el-table-column>
             </el-table>
@@ -178,6 +178,35 @@ export default {
         },
         getTagType(val) {
             return val
+        },
+        warning(msg,type){
+          this.$message({
+            showClose: true,
+            message:msg,
+            type:type||'warning'
+          })
+        },
+        showConfirmDialog(msg,resolve){
+          this.$alert(msg, '提示', {
+            confirmButtonText: '确定',
+            type: 'warning'
+          }).then(() => {
+            resolve();
+          }).catch(() => {});
+        },
+        showDelDialog(id){
+          this.showConfirmDialog('是否删除该标签组？',()=>{
+            api.deleteTagGroup({ids:id}).then((res)=>{
+              if(res.data.code=='0'){
+                this.getDataList();
+                this.warning(res.data.msg || '操作成功','success');
+              }else{
+                this.warning(res.data.msg);
+              }
+            }).catch((error)=>{
+              this.warning(error);
+            })
+          });
         }
     }
 }

src/components/icss/NoiseTemplate.vue

@@ -18,6 +18,7 @@
         :type="dataPub.region1"
         :sign="dataPub.region2"
         :order="dataPub.order"
+        :sexType="dataPub.region7"
         :tipLis="dataPub.tipLis"
         :choose="dataPub.region2 == 6?'multiple':'single'"
         v-show="dataPub.region2 == 2 || dataPub.region2 == 6"
@@ -136,8 +137,8 @@ export default {
         });
         return;
       }
-      
-      let detailLis = utils.dataRecombination(this.sendIds,this.dataPub.region2)
+
+      let detailLis = utils.dataRecombination(this.sendIds, this.dataPub.region2)
       let param = {
         "questionWrapper": {
           "controlType": 0,                            //控件类型(0：默认值 1：下拉单选 2：下拉多选 6：文本框 7：数字键盘文本框 99：联合推送)
@@ -159,19 +160,34 @@ export default {
           "questionMappings": detailLis       //映射关系,
         }
       }
-      console.log(param)
-      return api.saveOrUpdate(param).then((res) => {
-        if (res.data.code === '0') {
-          this.$message({
-            message: res.data.msg,
-            type: 'success'
-          });
-        }else{
-          this.$message({
-            message: res.data.msg,
-            type: 'error'
-          });
-        }
+      this.showDelDialog(param)
+    },
+    showDelDialog(param) {
+      this.showConfirmDialog('是否保存该标签组？', () => {
+        api.saveOrUpdate(param).then((res) => {
+          if (res.data.code === '0') {
+            this.warning(res.data.msg || '保存成功', 'success')
+          } else {
+            this.warning(res.data.msg)
+          }
+        }).catch((err) => {
+          this.warning(err);
+        })
+      });
+    },
+    showConfirmDialog(msg, resolve) {
+      this.$alert(msg, '提示', {
+        confirmButtonText: '确定',
+        type: 'warning'
+      }).then(() => {
+        resolve();
+      }).catch(() => {});
+    },
+    warning(msg, type) {
+      this.$message({
+        showClose: true,
+        message: msg,
+        type: type || 'warning'
       })
     },
   },

src/components/icss/PubTagGroup.vue

@@ -11,10 +11,11 @@
         label="选择归属："
         prop="region1"
       >
+        <span class="changeTips">改变归属后，标签明细将会恢复到默认状态</span>
         <el-select
           v-model="form.region1"
           placeholder="请选择归属"
-          @change="sendData"
+          @change="(e)=>readyChangeSelect(e,1)"
         >
           <el-option
             v-for="item in Adscriptions"
@@ -28,10 +29,11 @@
         label="选择填写单类型："
         prop="region2"
       >
+        <span class="changeTips">改变类型后，标签明细将会恢复到默认状态</span>
         <el-select
           v-model="form.region2"
           placeholder="请选择填写单类型"
-          @change="changeType"
+          @change="(e)=>readyChangeSelect(e,2)"
         >
           <el-option
             v-for="item in labelTypes"
@@ -96,9 +98,10 @@
         label="性别："
         prop="region7"
       >
+        <span class="changeTips">改变性别后，标签明细将会恢复到默认状态</span>
         <el-select
           v-model="form.region7"
-          @change="readyChangeSex"
+          @change="(e)=>readyChangeSelect(e,3)"
         >
           <el-option
             label="通用"
@@ -164,8 +167,8 @@ export default {
     };
     return {
       form: {
-        region1: '4',    //归属
-        region2: '2',     //填写单类型
+        region1: '',    //归属
+        region2: '',     //填写单类型
         region3: '',      //系统名称
         region4: '',      //界面名称
         region5: '',      //选项之间的链接
@@ -213,6 +216,8 @@ export default {
         ],
       },
       tmpSex: '通用',
+      tmpOwn: '',
+      tmpType: '',
       Adscriptions: [],
       labelTypes: [],
       labelTypesList: [],
@@ -235,8 +240,6 @@ export default {
   mounted() {
     this.$emit('submitForm', 'groups', false);
     this.getDropList();
-    //方便调试
-    this.searchTagList()
     this.$emit('changeVal', this.form, false)
   },
   watch: {
@@ -244,11 +247,13 @@ export default {
       this.tmpSex = prevVal;
     },
     newType(nextVal, prevVal) {
+      this.tmpOwn = prevVal;
       if (nextVal != prevVal) {
         this.searchTagList()
       }
     },
     newSign(nextVal, prevVal) {
+      this.tmpType = prevVal;
       if (nextVal != prevVal && JSON.stringify(this.form.tagPool) != '[]' ) {
         this.searchTagList()
       }
@@ -266,11 +271,12 @@ export default {
       })
     },
     searchTagList() {
-      let region1 = this.form.region1,region2 = this.form.region2;
+      let region1 = this.form.region1, region2 = this.form.region2;
       let param = {
         "type": region1,
-        // "tagType": region2 == 2?[1]:[],
+        "tagType": region2 == 2?[1]:(region2 == 6?[1,2,3,4,10]:[]),
         "controlType":region2 == 2?[1,2]:[],
+        "sexType": this.form.region7,
       }
       api.searchTagList(param).then((res) => {
         if (res.data.code === '0') {
@@ -301,36 +307,51 @@ export default {
       this.$emit('changeVal', this.form, false)
       this.$emit('changeType', type, false)
     },
-    changeSex(sex) {   //改变性别清空数据
-      this.form = {
-        region1: '',
-        region2: '',
-        region3: '',
-        region4: '',
-        region5: '',
-        region6: '1',
-        region7: sex,
-        region8: '0',
-        region9: '200',
-        region10: '0',
-        region11: '1',
-        tagPool:[]
-      }
+    changeSex(data) {   //改变性别清空数据
       this.$emit('changeVal', this.form, false)
-      this.$emit('changeSex', sex, false)
+      this.$emit('changeSex', data, false)
+      this.searchTagList()
     },
-    readyChangeSex(data) {
-      let sex = data;
-      this.$confirm('改变性别后，所填信息将会回复到默认状态?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        cancelButtonClass: 'cancelColor',
-        type: 'warning'
-      }).then(() => {
-        this.changeSex(sex);
-      }).catch(() => {
-        this.form.region7 = this.tmpSex;
-      });
+    readyChangeSelect(tmpData,type) {
+      console.log(tmpData)
+      this.changeSex(tmpData);
+      // if(type == 3){
+      //   this.form.region7 = this.tmpSex;
+      //   this.$alert('改变性别后，标签明细将会恢复到默认状态?', '提示', {
+      //     confirmButtonText: '确定',
+      //     cancelButtonClass: 'cancelColor',
+      //     type: 'warning'
+      //   }).then(() => {
+      //     this.form.region7 = tmpData
+      //     this.changeSex(tmpData);
+      //   }).catch(() => {
+      //     // this.form.region7 = this.tmpSex;
+      //   });
+      // }else if(type == 2){
+      //   this.form.region2 = this.tmpType
+      //   this.$alert('改变类型后，标签明细将会恢复到默认状态?', '提示', {
+      //     confirmButtonText: '确定',
+      //     cancelButtonClass: 'cancelColor',
+      //     type: 'warning'
+      //   }).then(() => {
+      //     this.form.region2 = tmpData;
+      //     this.changeSex(tmpData);
+      //   }).catch(() => {
+      //     // this.form.region2 = this.tmpType;
+      //   });
+      // }else if(type == 1){
+      //   this.form.region1 = this.tmpOwn;
+      //   this.$alert('改变归属后，标签明细将会恢复到默认状态?', '提示', {
+      //     confirmButtonText: '确定',
+      //     cancelButtonClass: 'cancelColor',
+      //     type: 'warning'
+      //   }).then(() => {
+      //     this.form.region1 = tmpData;
+      //     this.changeSex(tmpData);
+      //   }).catch(() => {
+      //     // this.form.region1 = this.tmpOwn;
+      //   });
+      // }
     },
     submitForm(formName) {
       this.$refs[formName].validate((valid) => {
@@ -341,7 +362,14 @@ export default {
           return false;
         }
       });
-    }
+    },
+    warning(msg, type) {
+      this.$message({
+        showClose: true,
+        message: msg,
+        type: type || 'warning'
+      })
+    },
   }
 }
 </script>
@@ -395,6 +423,13 @@ export default {
   .cancelColor {
     color: #22ccc8 !important;
   }
+  .changeTips {
+    position: absolute;
+    left: 220px;
+    min-width: 300px;
+    color: #ea7777;
+    font-size: 12px;
+  }
 }
 </style>
 

src/components/icss/PubTagPartDetail.vue

@@ -18,7 +18,7 @@
             :title="'[ '+val.tagName+' ]'"
             :key="val.id"
             :style="getStyle(val.id)?styles:null"
-            @click="detailsTagList(val.id)" 
+            @click="detailsTagList(val.id)"
           >{{val.tagName}}</li>
         </ul>
       </div>
@@ -78,18 +78,10 @@
       <div class="partWaring">
         <ul>
           <li v-for="i in 5" :key="i">
-            <p v-for="item in poolDetailListTips[i]" class="partDetail tipsWrap" v-show="poolDetailListTips[i].length > 0" :key="item">
-              <span class="tips" v-if="item == 0">{{currentTipLis[item].name}}</span>
-              <span class="tips" v-if="item == 1">{{currentTipLis[item].name}}</span>
-              <span class="tips" v-if="item == 2">{{currentTipLis[item].name}}</span>
-              <span class="tips" v-if="item == 3">{{currentTipLis[item].name}}</span>
-              <span class="tips" v-if="item == 4">{{currentTipLis[item].name}}</span>
-              <span class="tips" v-if="item == 5">{{currentTipLis[item].name}}</span>
-              <span class="tips" v-if="item == 6">{{currentTipLis[item].name}}</span>
-              <!-- <span class="tips" v-if="item == 7">{{currentTipLis[item].name}}</span>
-              <span class="tips" v-if="item == 8">{{currentTipLis[item].name}}</span>
-              <span class="tips" v-if="item == 9">{{currentTipLis[item].name}}</span>
-              <span class="tips" v-if="item == 10">{{currentTipLis[item].name}}</span> -->
+            <p v-for="item in poolDetailListTips[i]" class="partDetail tipsWrap ellipsis" v-show="poolDetailListTips[i].length > 0" :key="item">
+              <template v-for="section in currentTipLis">
+                <span class="tips" v-if="item == section.val" :title="section.name" :key="section.val">{{section.name}}</span>         
+              </template>
             </p>
           </li>
         </ul>
@@ -116,6 +108,10 @@ export default {
       default: '',
       type: String
     },
+    sexType: {
+      default: '',
+      type: String
+    },
     sign: {
       default: '',
       type: String
@@ -147,15 +143,31 @@ export default {
   },
   watch: {
     pool(newVal, preVal) {
-      if (JSON.stringify(newVal) != JSON.stringify(preVal)) {
-        this.currentPool = newVal
-      }
+      this.currentPool = newVal
     },
     tipLis(newVal, preVal) {
       if (JSON.stringify(newVal) != JSON.stringify(preVal)) {
         this.currentTipLis = newVal
       }
     },
+    sexType(newVal, preVal) {
+      if (newVal != preVal) {
+        if (JSON.stringify(newVal) != JSON.stringify(preVal)) {
+          this.poolDetailList = [[],[],[],[],[],[]]
+          this.poolDetailListTips = [[],[],[],[],[],[]]
+          this.poolDetailListIds = [[],[],[],[],[],[]]
+          this.poolDetailListAll=[]
+          this.activePart='-1'
+          this.activePartSon='-1'
+          this.selectArr = [false, false, false, false, false, false]
+          this.searchVal= ''
+          this.currentPool= []        
+          this.currentLis=[]           
+          this.notIds=[]               
+          this.multipleItem=[]
+        }
+      }
+    },
     sign(newVal, preVal) {
       if (JSON.stringify(newVal) != JSON.stringify(preVal)) {
         this.poolDetailList = [[],[],[],[],[],[]]
@@ -172,6 +184,22 @@ export default {
         this.multipleItem=[]
       }
     },
+    type(newVal, preVal) {
+      if (JSON.stringify(newVal) != JSON.stringify(preVal)) {
+        this.poolDetailList = [[],[],[],[],[],[]]
+        this.poolDetailListTips = [[],[],[],[],[],[]]
+        this.poolDetailListIds = [[],[],[],[],[],[]]
+        this.poolDetailListAll=[]
+        this.activePart='-1'
+        this.activePartSon='-1'
+        this.selectArr = [false, false, false, false, false, false]
+        this.searchVal= ''
+        this.currentPool= []
+        this.currentLis=[]
+        this.notIds=[]               
+        this.multipleItem=[]
+      }
+    },
     searchVal(newVal, preVal){
       if(newVal.trim() == ''){
         this.searchTagList();
@@ -279,8 +307,9 @@ export default {
         "tagName": this.searchVal || '',
         "type": this.type,
         "notIds": this.notIds,
-        "tagType": this.sign == 2?[1]:[],
+        "tagType": this.sign == 2?[1]:(this.sign == 6?[1,2,3,4,10]:[]),
         "controlType":this.sign == 2?[1,2]:[],
+        "sexType": this.sexType,
       }
       api.searchTagList(param).then((res) => {
         if (res.data.code === '0') {

src/components/icss/PubTagPartDetails.vue

@@ -1,404 +0,0 @@
-<template>
-  <div class="bottomPart clearfix">
-    <div class="bottomPartLeft fl">
-      <p class="desTitle">标签池：</p>
-      <div class="pool">
-        <el-input
-          placeholder="请输入搜索内容"
-          v-model="searchVal"
-        >
-          <i
-            slot="prefix"
-            class="el-input__icon el-icon-search"
-          ></i>
-        </el-input>
-        <ul class="pubList searchList">
-          <li class="pubLiStyle pubLiStyleWrap ellipsis"
-            v-for="val in currentPool"
-            :title="'[ '+val.tagName+' ]'"
-            :key="val.id"
-            :style="getStyle(val.id)?styles:null"
-            @click="detailsTagList(val.id)" 
-          >{{val.tagName}}</li>
-        </ul>
-      </div>
-    </div>
-    <div class="bottomPartMid fl">
-      <p><span class="el-icon-arrow-right" @click="toRightPool"></span></p>
-      <p><span class="el-icon-arrow-left" @click="toLeftPool"></span></p>
-    </div>
-    <div class="bottomPartRight fl">
-      <p class="desTitle">操作界面：</p>
-      <div class="rightPool">
-        <div
-          class="onlyTop pubLiStyle"
-          :class="selectArr[0]?'activeBgc':null"
-          @click="selectPart(0)"
-        >
-          <template v-for="item in poolDetailList[0]">
-            <span class="hzx" v-for="part in item.questionDetailList" :key="part.id">{{part.name}}</span>
-          </template>
-        </div>
-        <div class="onlyBottom pubList">
-          <ul class="clearfix">
-            <li v-for="n in 5"
-              :key="n + 'part'"
-              class="onlyBottomPart"
-              :class="selectArr[n]?'activeBgc':null"
-              :style="{borderRight:n==5?'0':''}"
-              @click="selectPart(n)"
-            >
-              <ul>
-                <template v-for="item in poolDetailList[n]">
-                  <li class="partDetail" v-for="part in item.questionDetailList" :key="part.id">
-                    {{part.name}}
-                  </li>
-                </template>
-              </ul>
-            </li>
-          </ul>
-        </div>
-      </div>
-      <div class="partWaring">
-        <ul>
-          <li v-for="i in 5" :key="i">
-            <template v-for="item in poolDetailList[i]">
-              <p class="partDetail" v-show="item.controlType != 1" :key="item.id + '1'">
-                {{1}}
-              </p>
-              <p class="partDetail" v-show="item.controlType != 2" :key="item.id + '2'">
-                {{2}}
-              </p>
-            </template>
-          </li>
-        </ul>
-      </div>
-    </div>
-    <span class="mutex">互斥项</span>
-  </div>
-</template>
-<script>
-import api from '@api/icss.js';
-import utils from '@api/utils.js';
-
-export default {
-  props: {
-    pool: {
-      default: () => [],
-      type: Array
-    },
-    type: {
-      default: '',
-      type: String
-    },
-    sign: {
-      default: '',
-      type: String
-    },
-    choose: {
-      default: 'single',      //multiple多选
-      type: String
-    },
-  },
-  data() {
-    return {
-      currentDetail: {},     //当前点击的标签对应的展开数据
-      poolDetailList: [[],[],[],[],[],[]],     //默认6个部分
-      poolDetailListAll:[],    //默认6个部分转化为一维数组
-      activePart: '-1',     //选中part第几个
-      selectArr: [false, false, false, false, false, false],   //右侧选中part状态
-      select: [],              //右侧选中的项
-      currentIdx:'',            //右侧选中的第几个
-      
-      styles:{
-        background:'#eae7e7'
-      },                       //选中单条样式
-      searchVal: '',           //搜索值
-      currentPool: [],         //标签池数据
-      currentLis:[],           //选中单条ID组合（多选）
-      notIds:[],               //去重IDs
-    }
-  },
-  watch: {
-    pool(newVal, preVal) {
-      if (JSON.stringify(newVal) != JSON.stringify(preVal)) {
-        this.currentPool = newVal
-      }
-    },
-    searchVal(newVal, preVal){
-      if(newVal.trim() == ''){
-        this.searchTagList()
-      }else if(newVal.trim() != preVal.trim()){
-        this.searchTagList()
-      }
-    }
-  },
-  methods: {
-    toRightPool(){
-      if(this.currentLis.length == 0){
-        this.$message({
-          showClose: true,
-          message: '请选择标签池标签',
-          type: 'warning'
-        });
-        return;
-      }
-      this.detailsTagList(this.currentLis[0])
-    },
-    toLeftPool(){      //往左返回数据
-      if(this.choose == 'single' && utils.filterArr(this.selectArr,true,2) && this.poolDetailList[this.currentIdx].length > 0){
-        console.log(this.currentIdx)
-        let tmparr = this.poolDetailList;
-        tmparr[this.currentIdx] = []
-        this.poolDetailList = tmparr;
-        this.poolDetailListAll = Array.prototype.concat.apply([],this.poolDetailList);     //二维转一维
-        this.searchTagList();
-        this.currentLis = [];
-      }
-    },
-    getStyle(id){       //左侧选中状态
-      return utils.filterArr(this.currentLis,id,2)
-    },
-    searchTagList() {
-      let ids = [];
-      this.poolDetailListAll.map((value)=>{
-        ids.push(value.id)
-      })
-      this.notIds = ids;
-      let param = {
-        "tagName": this.searchVal || '',
-        "type": this.type,
-        "notIds": this.notIds,
-        "tagType": this.sign == 2?[1]:[],
-        "controlType":this.sign == 2?[1,2]:[],
-      }
-      api.searchTagList(param).then((res) => {
-        if (res.data.code === '0') {
-          this.currentPool = res.data.data
-        }
-      })
-    },
-    selectPart(idx) {
-      // this.select = this.poolDetailList[idx]  
-      this.currentIdx = idx 
-      let tmpFst1 = this.selectArr[0],
-        tmpFst2 = this.selectArr[1],
-        tmpFst3 = this.selectArr[2],
-        tmpFst4 = this.selectArr[3],
-        tmpFst5 = this.selectArr[4],
-        tmpFst6 = this.selectArr[5];
-      if (idx == 0) {
-        this.selectArr = [!tmpFst1, false, false, false, false, false];
-      } else if (idx == 1) {
-        this.selectArr = [false, !tmpFst2, false, false, false, false];
-      } else if (idx == 2) {
-        this.selectArr = [false, false, !tmpFst3, false, false, false];
-      } else if (idx == 3) {
-        this.selectArr = [false, false, false, !tmpFst4, false, false];
-      } else if (idx == 4) {
-        this.selectArr = [false, false, false, false, !tmpFst5, false];
-      } else if (idx == 5) {
-        this.selectArr = [false, false, false, false, false, !tmpFst6];
-      }
-      let tmpArr = this.selectArr;
-      let num = 0;
-      tmpArr.map((val, idx) => {
-        if (val) {
-          this.activePart = idx;
-        } else {
-          num = ++num
-          if (num == 6) { this.activePart = '-1' }
-        }
-      })
-    },
-    detailsTagList(id) {
-      let plus1 = 0,plus2 = 0;
-      for(let j = 0;j < this.selectArr.length;j++){        //判断右侧有没有选中
-        if(!this.selectArr[j]){
-          ++plus1;
-          if(plus1 == 6){       //右侧未选中
-            for(let k = 1;k < this.poolDetailList.length;k++){
-              if(JSON.stringify(this.poolDetailList[k]) != '[]'){
-                ++plus2
-                if(plus2 == 5){     //右侧数据填满了
-                  alert('请选择需要修改的模块')
-                  return;
-                }
-              }
-            }
-          }
-        }
-      }
-      if(this.choose == 'single'){           //单选
-        let tmpIds = [];
-        tmpIds.push(id);
-        this.currentLis = tmpIds;
-      }else{                                //多选
-        let tmpIds = this.currentLis;
-        if(utils.filterArr(tmpIds,id,2)){
-          return;
-        }else{
-          tmpIds.push(id);
-        }
-        this.currentLis = tmpIds;
-      }
-
-      let param = {
-        // "age": 0,
-        "ids": this.currentLis.join(','),
-        // "sexType": 3
-      }
-      api.detailsTagList(param).then((res) => {        //右侧展开内容
-        if (res.data.code === '0') {
-          const currentDetail = res.data.data[id];
-          this.currentDetail = currentDetail;
-          let num = 0;
-          if(this.choose == 'single'){              //判断是单选
-            this.selectArr.map((flg,idx)=>{         //判断右侧有没有选中
-              if(flg){    //有选中
-                let tmp = [],ids = [];
-                tmp.push(currentDetail);
-                this.poolDetailList[idx] = tmp;
-                this.poolDetailListAll = Array.prototype.concat.apply([],this.poolDetailList);     //二维转一维
-                this.searchTagList();
-              }else{      //没选中,按順序第二个开始添加
-                ++num;
-                if(num == 6){
-                  for(let i = 1;i < this.poolDetailList.length;i++){
-                    let tmp = [],ids = [];
-                    if(this.poolDetailList[i].length == 0){      //判断part里面是不是有数据，没有直接添加
-                      tmp.push(currentDetail);
-                      this.poolDetailList[i] = tmp;
-                      this.poolDetailListAll = Array.prototype.concat.apply([],this.poolDetailList);
-                      this.searchTagList();
-                      return;
-                    }
-                  }
-                }
-              }
-              this.currentLis = [];       //左侧选中数据清空
-            })
-          }
-        }
-      })
-    },
-  }
-}
-</script>
-<style lang="less">
-@import "../../less/common.less";
-.bottomPart {
-  box-sizing: border-box;
-  padding-right: 100px;
-  position: relative;
-  padding-bottom: 500px;
-  .desTitle {
-    padding-bottom: 10px;
-  }
-  .pubList {
-    height: @icssHeight;
-    overflow: auto;
-  }
-  .pubLiStyle {
-    height: 30px;
-    line-height: 30px;
-    padding: 0 8px;
-  }
-  .pubLiStyleWrap:hover {
-    background-color: #f5f5f5;
-  }
-  .pubLiStyleWrap:before {
-    content: "[ ";
-  }
-  .pubLiStyleWrap:after {
-    content: " ]";
-  }
-  .mutex {
-    position: absolute;
-    right: 36px;
-    top: 36px;
-  }
-  .bottomPartLeft {
-    width: 30%;
-    .pool {
-      border: 1px solid @icssBorder;
-      .el-input__prefix {
-        left: 5px;
-        right: auto;
-      }
-      .el-input__inner {
-        height: 31px;
-        line-height: 31px;
-      }
-      .el-input__icon {
-        line-height: 31px;
-      }
-      .el-input--prefix .el-input__inner {
-        border: 0 none;
-        border-bottom: 1px solid @icssBorder;
-        border-radius: 0;
-      }
-      .search {
-        border-bottom: 1px solid @icssBorder;
-      }
-      .searchList {
-        li {
-        }
-      }
-    }
-  }
-  .bottomPartMid {
-    width: 10%;
-    margin-top: 60px;
-    p {
-      width: 100%;
-      text-align: center;
-      span {
-        display: inline-block;
-        width: 30px;
-        height: 40px;
-        line-height: 40px;
-        margin: 0 auto;
-        border: 1px solid @icssBorder;
-        margin-bottom: 15px;
-        font-size: 18px;
-      }
-    }
-  }
-  .bottomPartRight {
-    width: 60%;
-    .partWaring {
-      li {
-        float: left;
-        width: 20%;
-        padding: 5px;
-        box-sizing: border-box;
-      }
-    }
-    .rightPool {
-      border: 1px solid @icssBorder;
-    }
-    .onlyTop {
-      border-bottom: 1px solid @icssBorder;
-      .hzx{
-        padding: 0 30px 0 0;
-      }
-    }
-    .onlyBottom {
-      .onlyBottomPart {
-        float: left;
-        border-right: 1px solid @icssBorder;
-        box-sizing: border-box;
-        width: 20%;
-        height: @icssHeight;
-        overflow: auto;
-        .partDetail {
-          padding: 3px 5px;
-        }
-      }
-    }
-  }
-}
-</style>
-
-

src/less/base.less

@@ -46,6 +46,10 @@ a {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+
+	display:-webkit-box;
+	-webkit-line-clamp:1;3
+	-webkit-box-orient:vertical;
 }