Skip to content

C
confucius
Commit 29412682 authored by zhengke's avatar zhengke
Browse files
Options

1

parent 323c7669
Show whitespace changes
Inline Side-by-side
Showing with 196 additions and 67 deletions
src/components/schedul/schedul-orderlist.vue
View file @ 29412682
......@@ -31,9 +31,10 @@
.sche_Fenye {
display: flex;
width: 100px;
position: absolute;
margin-right: 20px;
/* position: absolute;
right: 20px;
bottom: 20px;
bottom: 20px; */
}
.sche_left {
......@@ -109,35 +110,59 @@
border: 0;
}
.schedul_Upload {
background-color: #E9EFFF;
border: 1px dashed #c0ccda;
.canClick_Color {
color: #2961FE !important;
}
.tufa_List {
display: flex;
}
.tufa_left {
width: 128px;
height: 83px;
border-radius: 6px;
box-sizing: border-box;
width: 100%;
height: 107px;
cursor: pointer;
line-height: 146px;
vertical-align: top;
font-size: 40px;
text-align: center;
line-height: 107px;
position: relative;
background-size: cover;
color: #2961FE;
background-repeat: no-repeat;
overflow: hidden;
flex-shrink: 0;
margin-right: 18px;
}
.schedul_Upload .upDiv {
position: absolute;
.tufa_left img {
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.canClick_Color {
color: #2961FE !important;
.tufa_btm {
display: flex;
justify-content: space-between;
align-items: center;
}
.tufa_xiugai {
margin-left: 20px;
color: #989898;
font-size: 12px;
}
.tufaPop .el-upload--picture-card {
width: 120px;
height: 120px;
line-height: 120px;
}
.tufaPop .el-upload-list__item {
width: 120px;
height: 120px;
}
.sche_mid .bg-accent {
font-size: 10px !important;
border-radius: 10px;
background: linear-gradient(90deg, #2966FE, #2696FF) !important;
}
.tufaPop .el-upload-list__item {
margin-bottom: 0;
}
</style>
......@@ -155,49 +180,63 @@
<span class="word_scheNumber" v-if="saveObj&&saveObj.WorkList"
:class="{'schNoneNum':saveObj.WorkList.length==0}">{{this.saveObj.WorkList.length}}</span>
</div>
<div style="min-height:135px;">
<div class="scheList_Bottom">
<div class="sche_List_in" v-if="WorkObj">
<template v-if="WorkObj.ItemType==1">
<div class="sche_Dian" style="margin-top:5px;"></div>
<div class="sche_ListInner" style="margin:5px 10px 0 0;">{{WorkObj.ItemName}} </div>
<el-checkbox style="margin-top:5" :true-label="1" :false-label="0" v-model="WorkObj.IsChecked">
</el-checkbox>
</template>
<template v-else-if="WorkObj.ItemType==2">
<div class="sche_Dian"></div>
<div class="sche_ListInner" style="flex-shrink: 0">{{WorkObj.ItemName}} </div>
<div style="width:100%;">
</template>
</div>
</div>
<div>
<template v-if="WorkObj.ItemType==1">
<el-checkbox style="margin-top:5" :true-label="1" :false-label="0" v-model="WorkObj.IsChecked">
</el-checkbox>
</template>
<template v-if="WorkObj.ItemType==2">
<div style="margin:10px 20px;">
<el-input v-model="WorkObj.WorkContent" placeholder="完成情况怎么样"></el-input>
</div>
</template>
</div>
<div></div>
</div>
<div class="sche_Fenye" v-if="saveObj&&saveObj.WorkList.length>0">
<div class="tufa_btm">
<div>
<div class="tufa_xiugai">
<span style="margin-right:10px;">修改</span>
<q-btn color="accent" style="margin-left:10px;" slot="reference" size="sm" label="确认完成" />
</div>
</div>
<div class=" sche_Fenye" v-if="saveObj&&saveObj.WorkList.length>0">
<div class="sche_left">
<i class="iconfont icon-arrow-left" :class="{'canClick_Color':WorkIndex!=0}" @click="WorkMove(1)"></i>
</div>
<div class="sche_Page" v-if="saveObj&&saveObj.WorkList">{{WorkIndex+1}}/{{this.saveObj.WorkList.length}}</div>
<div class="sche_Page" v-if="saveObj&&saveObj.WorkList">{{WorkIndex+1}}/{{this.saveObj.WorkList.length}}
</div>
<div class="sche_left" v-if="saveObj&&saveObj.WorkList">
<i class="iconfont icon-arrow-right1" :class="{'canClick_Color':WorkIndex!=saveObj.WorkList.length-1}"
@click="WorkMove(2)"></i>
</div>
</div>
</div>
</div>
<div class="sche_midList">
<div class="scheList_TOP">
<img v-if="EmergenciesObj&&EmergenciesObj.FileURL" :src="EmergenciesObj.FileURL" />
<img v-else src="../../assets/images/tufa.png" />
<img src="../../assets/images/tufa.png" />
<span class="word_sche">突发事件</span>
<span class="word_scheNumber" style="" v-if="saveObj&&saveObj.EmergenciesList"
:class="{'schNoneNum':saveObj.EmergenciesList.length==0}">{{this.saveObj.EmergenciesList.length}}</span>
<div class="sche_hengLine" ref="hengLine"></div>
<el-popover placement="bottom" popper-class="tufaPop" width="400" trigger="click">
<el-popover placement="bottom" popper-class="tufaPop" width="410" trigger="click">
<div>
<el-upload class="schedul_Upload" action="" :style="{'background-image': 'url('+addMsg2.FileURL+')'}"
:show-file-list="false" :http-request="UploadAttachment">
<el-upload class="schedul_Upload" action="" list-type="picture-card" :show-file-list="true"
:file-list="fileListOne" :on-remove="handleRemoveAdd" :http-request="UploadAttachment">
<i class="el-icon-plus"></i>
<div class="upDiv"></div>
</el-upload>
<el-input type="textarea" style="margin-top:20px;" resize="none" placeholder="添加文字内容"
v-model="addMsg2.OtherContent" :rows="5"></el-input>
......@@ -209,11 +248,42 @@
</el-popover>
</div>
<div class="secondList_Bottom">
<div class="sche_List_in">
<div class="tufa_List">
<div class="tufa_left">
<img src="../../assets/images/tufa.png" />
</div>
<div>
打开门面，把电视打开，打扫前台和每处卫生
注意：不能在前台吃早饭
</div>
</div>
<!-- <div class="sche_List_in">
<div class="sche_ListInner" v-if="EmergenciesObj">{{EmergenciesObj.OtherContent}}</div>
</div> -->
</div>
<div class="tufa_btm">
<div>
<div class="tufa_xiugai">
<el-popover placement="bottom" popper-class="tufaPop" width="400" trigger="click">
<div>
<el-upload action="https://testopenapi.nbdeli.com/crm/customer/saveChannelLogoFile"
:on-preview="handlePictureCardPreview" :on-success="handleUploadSuccess" list-type="picture-card"
:on-remove="handleRemove" :file-list="fileList">
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="ruleForm.dialogImageUrl" alt />
</el-dialog>
<el-input type="textarea" :rows="4" />
<q-btn color="accent" size="sm" style="float:right;margin-top:10px;" @click="saveTufa" label="保存" />
</div>
<div class="sche_Fenye" v-if="saveObj&&saveObj.EmergenciesList.length>0">
<span slot="reference" style="margin-right:10px;cursor:pointer;">修改</span>
</el-popover>
|<span style="margin-left:10px;cursor:pointer;">删除</span>
<q-btn color="accent" style="margin-left:10px;" slot="reference" size="sm" label="确认完成" />
</div>
</div>
<div class=" sche_Fenye" v-if="saveObj&&saveObj.EmergenciesList.length>0">
<div class="sche_left">
<i class="iconfont icon-arrow-left" :class="{'canClick_Color':EmergenciesIndex!=0}"
@click="EmergenciesMove(1)"></i>
......@@ -226,6 +296,7 @@
</div>
</div>
</div>
</div>
<div class="sche_midList">
<div class="scheList_TOP">
<img src="../../assets/images/jiaojie.png" />
......@@ -252,7 +323,14 @@
<div class="secondList_Bottom">
<div class="sche_ListInner" v-if="HandoverObj">{{HandoverObj.OtherContent}}</div>
</div>
<div class="sche_Fenye" v-if="saveObj&&saveObj.HandoverList.length>0">
<div class="tufa_btm">
<div>
<div class="tufa_xiugai">
<span style="margin-right:10px;">修改</span>|<span style="margin-left:10px;">删除</span>
<q-btn color="accent" style="margin-left:10px;" slot="reference" size="sm" label="确认完成" />
</div>
</div>
<div class=" sche_Fenye" v-if="saveObj&&saveObj.HandoverList.length>0">
<div class="sche_left" :class="{'canClick_Color':HandoverIndex!=0}">
<i class="iconfont icon-arrow-left" @click="HandoverMove(1)"></i>
</div>
......@@ -264,6 +342,7 @@
</div>
</div>
</div>
</div>
</template>
<script>
import {
......@@ -296,7 +375,7 @@
PlanShift: 0, //值班班次
PlanType: 3, //值班类型(1-值班事项，2-交接事项，3-突发事项)
PlanId: 0, //值班编号
FileURL: "", //文件路径
FileList: [], //文件路径
OtherContent: "", //突发事项、工作交接(值班类型为2.3是使用)内容
OtherRemark: "", //突发事项、工作交接(值班类型为2.3是使用)备注
},
......@@ -306,10 +385,19 @@
PlanShift: 0, //值班班次
PlanType: 2, //值班类型(1-值班事项，2-交接事项，3-突发事项)
PlanId: 0, //值班编号
FileURL: "", //文件路径
FileList: [], //文件路径
OtherContent: "", //突发事项、工作交接(值班类型为2.3是使用)内容
OtherRemark: "", //突发事项、工作交接(值班类型为2.3是使用)备注
},
uploadDisabled: false,
logoId: "1", //专区logo id
dialogVisible: false,
fileList: [],
ruleForm: {
dialogImageUrl: "1", //专区logo 上传到后台之后，后台会返回一个id,只需要给后台传id,但是点击编辑的时候后台返回的是http地址
},
fileListOne:[],
}
},
created() {
......@@ -387,7 +475,8 @@
UploadAttachment(files) {
UploadSelfFile('Attachment', files.file, res => {
if (res.Code == 1) {
this.addMsg2.FileURL = res.FileUrl;
this.addMsg2.FileList.push(res.FileUrl);
this.fileListOne.push({url: res.FileUrl})
}
})
},
......@@ -417,6 +506,7 @@
saveTufa() {
this.addMsg2.PlanShift = this.saveObj.Shift;
this.addMsg2.PlanId = this.saveObj.Id;
SetDutyContent(this.addMsg2).then(res => {
this.$emit('refreshPage');
this.$refs.hengLine.click();
......@@ -430,7 +520,46 @@
this.$emit('refreshPage');
this.$refs.hengLine.click();
})
},
//删除突发新增图片
handleRemoveAdd(file,fileList){
this.fileList.forEach((item,index)=>{
if(item.url==file.url)
{
this.fileListOne.splice(index,1)
}
})
this.addMsg2.FileList.forEach((item,index)=>{
if(item==file.url)
{
this.addMsg2.FileList.splice(index,1)
}
})
},
//删除图片
handleRemove(file, fileList) {
console.log(file);
this.uploadDisabled = false;
},
//上传中
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
console.log(this.dialogImageUrl);
this.dialogVisible = true;
this.uploadDisabled = true;
},
//上传成功
handleUploadSuccess(file) {
this.ruleForm.dialogImageUrl = file.result; //专区logoId
this.uploadDisabled = true;
},
},
}
......
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