Commit c6a6f4a1 authored by derong.zhang's avatar derong.zhang

优化上线

parent fed2dc35
......@@ -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;
......
......@@ -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{
......
......@@ -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;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment