优化上线

src/pages/detailstrategy.vue

@@ -10,7 +10,7 @@
         <div class="content_warpleft">
           <div class="content_warp_put">
             <div class="warp_put_value">
-              <Input v-model="item.content" style="width:99%" type="textarea" v-show="item.showput" @on-blur="sele(item)"/>
+              <Input v-model="item.content" style="width:99%" type="textarea" placeholder="请输入具体内容" v-show="item.showput" @on-blur="sele(item)"/>
               <span v-show="item.showspan" class="valuespan" :class="{'listorvaluespan':item.showstatus}">{{item.content}}</span>
             </div>
             <div class="content_warp_remarks" v-for="(item, index1) in item.dingRecordList" :key="index1">
@@ -46,7 +46,7 @@
         </div>
       </div>
       <div class="classtitle_add">
-        <img src="../../static/tianjia.png" title="添加" @click="addchlidlist()">
+        <img src="../../static/tianjia.png" title="新增内容" @click="addchlidlist()">
       </div>
     </div>
     <Modal
@@ -339,6 +339,7 @@ export default {
   float: left;
   text-align: center;
   line-height: 40px;
+  margin-left: -5%;
 }
 .classtitle_add img{
   height: 20px;

src/pages/sourcematerial.vue

@@ -10,7 +10,7 @@
         <div class="content_warpleft">
           <div class="content_warp_put">
             <div class="warp_put_value">
-              <Input v-model="item.content" style="width:99%" type="textarea" v-show="item.showput" @on-blur="pushcontent(item)"/>
+              <Input v-model="item.content" placeholder="请输入具体内容" style="width:99%" type="textarea" v-show="item.showput" @on-blur="pushcontent(item)"/>
               <span v-show="item.showspan" class="valuespan" :class="{'listorvaluespan':item.showstatus}">{{item.content}}</span>
             </div>
             <div class="content_warp_remarks" v-for="(item, index1) in item.dingRecordList" :key="index1">
@@ -46,7 +46,7 @@
         </div>
       </div>
       <div class="classtitle_add">
-        <img src="../../static/tianjia.png" title="添加" @click="addchlidlist()">
+        <img src="../../static/tianjia.png" title="新增内容" @click="addchlidlist()">
       </div>
     </div>
     <Modal
@@ -367,6 +367,7 @@ export default {
   width: 100%;
   float: left;
   text-align: center;
+  margin-left: -6%;
   line-height: 40px;
 }
 .classtitle_add img{

src/pages/strategymange.vue

@@ -9,13 +9,13 @@
           <div class="leftdiv_title_class" @mousemove="move(item)" @mouseleave="leave(item)">
             <div class="classtitle_icon">
               <div  v-show="item.showtitle">
-                <img src="../../static/add.png" title="添加" @click="oneaddtitle">
+                <img src="../../static/add.png" title="新增主标题" @click="oneaddtitle">
                 <img src="../../static/bianji.png"  title="编辑" @click="editimgtitle(item,index)">
                 <img src="../../static/shanchu.png" title="删除" @click="delateedittitle(item, index)">
               </div>
             </div>
             <div class="classtitle_title">
-              <Input v-model="item.title" style="width:99%"  v-show="item.editstaus" @on-blur="saveedittitle(item,index)"/>
+              <Input v-model="item.title" style="width:99%"  v-show="item.editstaus" placeholder="请输入主标题" @on-blur="saveedittitle(item,index)"/>
               <span v-show="item.editshowstaus" class="classtitle_title_title" :class="{'colorlisttitle':item.showtitle}">{{item.title}}</span>
             </div>
           </div>
@@ -38,10 +38,9 @@
                         </div>
                       </div>
                       <div class="leftdiv_title_title">
-                        <Input v-model="element.title" style="width:99%" type="textarea" v-show="element.elementeditsta" @on-blur="saveeditchildput(element, index)"/>
+                        <Input v-model="element.title" style="width:99%" placeholder="请输入子标题"  type="textarea" v-show="element.elementeditsta" @on-blur="saveeditchildput(element, index)" ref="inputVal"/>
                         <span v-show="element.elementeditput" class="valuespan" @click="toscordpage(element.title,element)"  :class="{'colorlistvaluespan':element.showtitlechlid}">{{element.title}}</span>
                       </div>
-                      <!-- <div class="leftdiv_title_div"></div> -->
                     </div>
                   </div>
                 </transition-group>
@@ -49,7 +48,7 @@
           </div>
           </div>
           <div class="classtitle_add">
-            <img src="../../static/tianjia.png" title="添加" @click="addchlidlist(index)">
+            <img src="../../static/tianjia.png" title="新增子标题" @click="addchlidlist(index)">
           </div>
         </div>
       </div>
@@ -77,13 +76,13 @@
           <div class="leftdiv_title_class" @mousemove="moveright(item)" @mouseleave="leaveright(item)">
             <div class="classtitle_icon">
               <div v-show="item.showtitle">
-                <img src="../../static/tianjia.png" title="添加" @click="oneaddtitleright">
+                <img src="../../static/tianjia.png" title="新增主标题" @click="oneaddtitleright">
                 <img src="../../static/bianji.png"  title="编辑" @click="editimgtitleright(item,index3)">
                 <img src="../../static/shanchu.png" title="删除" @click="delateedittitleright(item,index3)">
               </div>
             </div>
             <div class="classtitle_title">
-              <Input v-model="item.title" style="width:99%"  v-show="item.editstaus" @on-blur="saveedittitleright(item,index3)"/>
+              <Input v-model="item.title" style="width:99%" placeholder="请输入主标题" v-show="item.editstaus" @on-blur="saveedittitleright(item,index3)"/>
               <span v-show="item.editshowstaus" class="classtitle_title_title" :class="{'colorlisttitle':item.showtitle}">{{item.title}}</span>
             </div>
           </div>
@@ -106,7 +105,7 @@
                       </div>
                     </div>
                     <div class="leftdiv_title_title">
-                      <Input v-model="element.title" style="width:99%" type="textarea" v-show="element.elementeditsta" @on-blur="saveeditchildputright(element, index3)"/>
+                      <Input v-model="element.title" style="width:99%" placeholder="请输入子标题" type="textarea" v-show="element.elementeditsta" @on-blur="saveeditchildputright(element, index3)"/>
                       <span v-show="element.elementeditput" class="valuespan" :class="{'colorlistvaluespan':element.showtitlechlid}" @click="toscordpage(element.title,element)">{{element.title}}</span>
                     </div>
                   </div>
@@ -116,7 +115,7 @@
           </div>
           </div>
           <div class="classtitle_add">
-            <img src="../../static/tianjia.png" title="添加" @click="addchlidrightlist(index3)">
+            <img src="../../static/tianjia.png" title="新增子标题" @click="addchlidrightlist(index3)">
           </div>
         </div>
       </div>
@@ -147,6 +146,19 @@
         <Button type="primary" style="margin:0 20px" @click="confiredelatehostListleft">确认</Button>
       </div>
     </Modal>
+    <Modal
+      v-model="delatelefthosttitlemodal"
+      :mask-closable='false'
+      :width='300'
+      footer-hide
+      >
+      <h1 class="textalign">提示</h1>
+      <div class="textalign_content_host">删除一级标题将连同全部子标题及内容一同删除，您是否确认全部删除？</div>
+      <div class="textalign_btn">
+        <Button type="primary" @click="delatelefthosttitlemodal=false">取消</Button>
+        <Button type="primary" style="margin:0 20px" @click="confiredelatehostListleft">确认</Button>
+      </div>
+    </Modal>
   </div>
 </template>
 <script>
@@ -167,6 +179,7 @@ export default {
       showinput: false,
       delateleftchildmodal: false,
       delatelefthostmodal: false,
+      delatelefthosttitlemodal: false,
       elementuid: '',
       hostuid: '',
       maintitleuid: '',
@@ -179,12 +192,22 @@ export default {
       addarr: [],
       hosttitlespantitle: '',
       objectivesUid: '',
-      updatetime: ''
+      updatetime: '',
+      focusState: false
     }
   },
   components: {
     draggable
   },
+  directives: {
+    foucs: {
+      update: function (el, {value}) {
+        if (value) {
+          el.focus()
+        }
+      }
+    }
+  },
   methods: {
     move (item) {
       item.showtitle = true
@@ -377,6 +400,10 @@ export default {
       item.showtitlechlid = !item.showtitlechlid
       // this.$refs['input'].focus()
       this.leftarr = [...this.leftarr]
+      this.$nextTick(function () {
+        console.log(9999)
+		   this.$refs.inputVal.focus()
+      })
     },
     delatechlidListleft (element, index, ind) {
       if (element.title === '') {
@@ -537,7 +564,7 @@ export default {
         return false
       }
       this.hostuid = item.uid
-      this.delatelefthostmodal = true
+      this.delatelefthosttitlemodal = true
     },
     delateedittitleright (item, index) {
       if (item.title === '') {
@@ -546,16 +573,18 @@ export default {
         return false
       }
       this.hostuid = item.uid
-      this.delatelefthostmodal = true
+      this.delatelefthosttitlemodal = true
     },
     confiredelatehostListleft () {
       delatetitlelist(this.hostuid).then(data => {
         if (data.data.success === true) {
           this.delatelefthostmodal = false
+          this.delatelefthosttitlemodal = false
           this.$Message.success('删除成功')
           this.getList()
         } else {
           this.delatelefthostmodal = false
+          this.delatelefthosttitlemodal = false
           this.$Message.error(data.data.body.message)
           this.getList()
         }
@@ -765,7 +794,7 @@ export default {
   text-align: center;
   line-height: 25px;
   font-size: 16px;
-  color: #5E5E5E;
+  color: white;
   margin: 20px 0
 }
 .hosttitlespan{
@@ -891,6 +920,12 @@ export default {
   text-align: center;
   font-size: 16px
 }
+.textalign_content_host{
+  height: 60px;
+  line-height: 30px;
+  text-align: left;
+  font-size: 16px
+}
 .textalign_btn{
   text-align: center;
   margin-top:20px;