Skip to content

S
SuperMan
Commit b4034d5b authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent c71dbf8a
Show whitespace changes
Inline Side-by-side
Showing with 1110 additions and 786 deletions
src/assets/utils/chartsUtils.js
View file @ b4034d5b
...@@ -112,7 +112,10 @@ var chartsUtils = { ...@@ -112,7 +112,10 @@ var chartsUtils = {
}, },
//销售 任务管理 部门执行力 //销售 任务管理 部门执行力
saleTaskDepartment: function(id, myTitle, myValue, insideColor, outsideColor) { saleTaskDepartment: function(id, myTitle, myValue, insideColor, outsideColor) {
var myChart3 = selfechart.init(document.getElementById(id)); var obj=document.getElementById(id);
if(obj!=null)
{
var myChart3 = selfechart.init(obj);
myChart3.setOption({ myChart3.setOption({
series: [{ series: [{
name: '业务指标', name: '业务指标',
...@@ -219,6 +222,7 @@ var chartsUtils = { ...@@ -219,6 +222,7 @@ var chartsUtils = {
} }
] ]
}) })
}
}, },
saleIndex: function(id, data) { saleIndex: function(id, data) {
var myChart4 = selfechart.init(document.getElementById(id)); var myChart4 = selfechart.init(document.getElementById(id));
......
src/components/SalesModule/saleTaskManagement.vue
View file @ b4034d5b
...@@ -9,47 +9,42 @@ ...@@ -9,47 +9,42 @@
<p>{{$t('salesModule.BaseInfo')}}</p> <p>{{$t('salesModule.BaseInfo')}}</p>
<el-form :model="addTaskMsg" :rules="rules" ref="addTaskMsg" label-width="80px"> <el-form :model="addTaskMsg" :rules="rules" ref="addTaskMsg" label-width="80px">
<el-form-item class='w300' :label="$t('salesModule.TaskName')" maxlength='20' prop="TaskName"> <el-form-item class='w300' :label="$t('salesModule.TaskName')" maxlength='20' prop="TaskName">
<el-input type="text" :disabled='isAllocatingTask' v-model='addTaskMsg.TaskName' :placeholder="$t('visaT.Pleasefillin')"></el-input> <el-input type="text" :disabled='isAllocatingTask' v-model='addTaskMsg.TaskName'
:placeholder="$t('visaT.Pleasefillin')"></el-input>
</el-form-item> </el-form-item>
<el-form-item class='w300' :label="$t('salesModule.TaskType')" prop="TaskType"> <el-form-item class='w300' :label="$t('salesModule.TaskType')" prop="TaskType">
<el-select :placeholder="$t('pub.pleaseSel')" :disabled='isDisabled||isAllocatingTask' v-model='addTaskMsg.TaskType'> <el-select :placeholder="$t('pub.pleaseSel')" :disabled='isDisabled||isAllocatingTask'
<el-option v-for='item in taskTypeList' v-model='addTaskMsg.TaskType'>
:label='item.Name' <el-option v-for='item in taskTypeList' :label='item.Name' :value='item.Id' :key='item.Id'></el-option>
:value='item.Id'
:key='item.Id'
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class='w300' :label="$t('salesModule.TaskTotal')" prop="TaskNum"> <el-form-item class='w300' :label="$t('salesModule.TaskTotal')" prop="TaskNum">
<el-input type="text" :disabled='isAllocatingTask' :placeholder="$t('visaT.Pleasefillin')" v-model.number='addTaskMsg.TaskNum' ></el-input> <el-input type="text" :disabled='isAllocatingTask' :placeholder="$t('visaT.Pleasefillin')"
v-model.number='addTaskMsg.TaskNum'></el-input>
</el-form-item> </el-form-item>
<el-form-item v-show='isAllocatingTask' class='w300' :label="$t('salesModule.KeFenNum')" prop="RealTaskNum"> <el-form-item v-show='isAllocatingTask' class='w300' :label="$t('salesModule.KeFenNum')" prop="RealTaskNum">
<el-input type="text" :disabled='isAllocatingTask' :placeholder="$t('visaT.Pleasefillin')" v-model.number='addTaskMsg.RealTaskNum' ></el-input> <el-input type="text" :disabled='isAllocatingTask' :placeholder="$t('visaT.Pleasefillin')"
v-model.number='addTaskMsg.RealTaskNum'></el-input>
</el-form-item> </el-form-item>
<el-form-item class='w500' :label="$t('salesModule.TimeRange')" prop="taskTime"> <el-form-item class='w500' :label="$t('salesModule.TimeRange')" prop="taskTime">
<el-date-picker class="h34" <el-date-picker class="h34" :disabled='isAllocatingTask' type="daterange" :picker-options="pickerOptions"
:disabled='isAllocatingTask' v-model='addTaskMsg.taskTime' value-format="yyyy-MM-dd" range-separator="-"
type="daterange" :start-placeholder="$t('system.table_begTime')" :end-placeholder="$t('salesModule.EndTime')">
:picker-options="pickerOptions"
v-model='addTaskMsg.taskTime'
value-format="yyyy-MM-dd"
range-separator="-"
:start-placeholder="$t('system.table_begTime')"
:end-placeholder="$t('salesModule.EndTime')">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item :label="$t('salesModule.TaskRemark')" prop='Remarks'> <el-form-item :label="$t('salesModule.TaskRemark')" prop='Remarks'>
<el-input type="textarea" :disabled='isAllocatingTask' maxlength="200" class="w350" v-model='addTaskMsg.Remarks'></el-input> <el-input type="textarea" :disabled='isAllocatingTask' maxlength="200" class="w350"
v-model='addTaskMsg.Remarks'></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div> <div>
<p>{{$t('salesModule.JoinDepart')}}</p> <p>{{$t('salesModule.JoinDepart')}}</p>
<el-form :model="membersArr" :rules="rules" ref="membersArr" label-width="80px"> <el-form :model="membersArr" :rules="rules" ref="membersArr" label-width="80px">
<el-form-item class='w300' :label="$t('salesModule.JoinPart')" v-if='taskMembers.Type==1' > <el-form-item class='w300' :label="$t('salesModule.JoinPart')" v-if='taskMembers.Type==1'>
<!--<el-select placeholder="请选项" class='multiple_input' filterable multiple :disabled='isOK' v-model='membersArr' @change='addTaskItem'> <!--<el-select placeholder="请选项" class='multiple_input' filterable multiple :disabled='isOK' v-model='membersArr' @change='addTaskItem'>
<el-option v-for='item in taskMembers.date' <el-option v-for='item in taskMembers.date'
:label='item.Name' :label='item.Name'
...@@ -57,16 +52,8 @@ ...@@ -57,16 +52,8 @@
:key='item.Id' :key='item.Id'
></el-option> ></el-option>
</el-select>--> </el-select>-->
<treeselect <treeselect :multiple="true" :options="taskMembers.date" :flat="true" @select='addTaskItem'
:multiple="true" @deselect='deleteTaskItem' :sort-value-by="sortValueBy" :normalizer="normalizer" v-model="membersArr" />
:options="taskMembers.date"
:flat="true"
@select='addTaskItem'
@deselect='deleteTaskItem'
:sort-value-by="sortValueBy"
:normalizer="normalizer"
v-model="membersArr"
/>
</el-form-item> </el-form-item>
<el-form-item class='w300' :label="$t('salesModule.JoinPeople')" v-if='taskMembers.Type==2'> <el-form-item class='w300' :label="$t('salesModule.JoinPeople')" v-if='taskMembers.Type==2'>
...@@ -81,20 +68,12 @@ ...@@ -81,20 +68,12 @@
></el-option> ></el-option>
</el-select>--> </el-select>-->
<treeselect <treeselect :multiple="true" :options="taskMembers.date" :flat="true" @select='addTaskItem'
:multiple="true" @deselect='deleteTaskItem' :sort-value-by="sortValueBy" :normalizer="normalizer" v-model="membersArr" />
:options="taskMembers.date"
:flat="true"
@select='addTaskItem'
@deselect='deleteTaskItem'
:sort-value-by="sortValueBy"
:normalizer="normalizer"
v-model="membersArr"
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<p style="text-align:center" v-show="taskMembers.date.length==0">{{$t('system.content_noData')}}</p> <p style="text-align:center" v-show="taskMembers&&taskMembers.date&&taskMembers.date.length==0">{{$t('system.content_noData')}}</p>
</div> </div>
<div class="addTaskLayerTableScroll" style="max-width:600px; overflow-x: auto;"> <div class="addTaskLayerTableScroll" style="max-width:600px; overflow-x: auto;">
<p>{{$t('salesModule.TaskFenPei')}}</p> <p>{{$t('salesModule.TaskFenPei')}}</p>
...@@ -104,7 +83,8 @@ ...@@ -104,7 +83,8 @@
</tr> </tr>
<tr> <tr>
<td v-for="item in addTaskTableList"> <td v-for="item in addTaskTableList">
<input v-model="item.value" type="number" :placeholder="$t('salesModule.PositiveInteger')" style="text-align: center;border: none;" /> <input v-model="item.value" type="number" :placeholder="$t('salesModule.PositiveInteger')"
style="text-align: center;border: none;" />
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -112,7 +92,8 @@ ...@@ -112,7 +92,8 @@
<div class="addTaskLayerTableDiv" v-if='item.PrevFinish!=-1'> <div class="addTaskLayerTableDiv" v-if='item.PrevFinish!=-1'>
<p class="finish finishH">{{$t('salesModule.SimilarTask')}}</p> <p class="finish finishH">{{$t('salesModule.SimilarTask')}}</p>
<p> <p>
<el-progress type="circle" width='40' :percentage="item.Percentage" :stroke-width="w2" color="#2AAEF2"></el-progress> <el-progress type="circle" width='40' :percentage="item.Percentage" :stroke-width="w2"
color="#2AAEF2"></el-progress>
</p> </p>
</div> </div>
<div v-if='item.PrevFinish!=-1' class="addTaskLayerTableDiv"> <div v-if='item.PrevFinish!=-1' class="addTaskLayerTableDiv">
...@@ -128,16 +109,18 @@ ...@@ -128,16 +109,18 @@
</div> </div>
</div> </div>
<p style="text-align: right; width: 100%; clear: both;"> <p style="text-align: right; width: 100%; clear: both;">
<input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="clearMsg"/> <input type="button" class="hollowFixedBtn" :value="$t('pub.cancelBtn')" @click="clearMsg" />
<input v-if='!isAllocatingTask' type="button" class="normalBtn" :value="$t('pub.saveBtn')" @click="submitForm('addTaskMsg')"/> <input v-if='!isAllocatingTask' type="button" class="normalBtn" :value="$t('pub.saveBtn')"
<input v-if='isAllocatingTask' type="button" class="normalBtn" :value="$t('pub.saveBtn')" @click="saveAllocatingTask"/> @click="submitForm('addTaskMsg')" />
<input v-if='isAllocatingTask' type="button" class="normalBtn" :value="$t('pub.saveBtn')"
@click="saveAllocatingTask" />
</p> </p>
</div> </div>
<ul> <ul>
<li> <li>
<p>{{$t('salesModule.DepartNewTask')}}</p> <p>{{$t('salesModule.DepartNewTask')}}</p>
<div class="itemCont" id='deparmentTask'> <div class="itemCont" id='deparmentTask'>
<div class="noDataNotice" v-if='departmetTaskList.length==0'> <div class="noDataNotice" v-if='departmetTaskList&&departmetTaskList.length==0'>
<i class="iconfont icon-kong"></i> <i class="iconfont icon-kong"></i>
<p>{{$t('salesModule.NoTasks')}}</p> <p>{{$t('salesModule.NoTasks')}}</p>
</div> </div>
...@@ -168,12 +151,16 @@ ...@@ -168,12 +151,16 @@
<td>{{item.Remarks}}</td> <td>{{item.Remarks}}</td>
</tr> </tr>
</table> </table>
<input type="button" class="normalBtn w220" :value="$t('salesModule.TaskStart')" @click="allocatingTask(item)"/> <input type="button" class="normalBtn w220" :value="$t('salesModule.TaskStart')"
@click="allocatingTask(item)" />
</div> </div>
<span style="font-size: 16px; color: #333; cursor: pointer;" slot="reference">{{item.TaskName}}</span> <span style="font-size: 16px; color: #333; cursor: pointer;" slot="reference">{{item.TaskName}}</span>
</el-popover> </el-popover>
<em>{{item.CreateBy}}</em><i class="iconfont icon-ico-fenjie fr" @click="allocatingTask(item)"></i></p> <em>{{item.CreateBy}}</em><i class="iconfont icon-ico-fenjie fr" @click="allocatingTask(item)"></i>
<p><el-progress :stroke-width="w12" :percentage="0" :show-text='false'></el-progress></p> </p>
<p>
<el-progress :stroke-width="w12" :percentage="0" :show-text='false'></el-progress>
</p>
<p class="smallfont">0/{{item.TaskNum}}{{item.Unit}}</p> <p class="smallfont">0/{{item.TaskNum}}{{item.Unit}}</p>
</div> </div>
...@@ -183,7 +170,7 @@ ...@@ -183,7 +170,7 @@
<li> <li>
<p>{{$t('salesModule.NowTask')}}</p> <p>{{$t('salesModule.NowTask')}}</p>
<div class="itemCont width530" id='nowTask'> <div class="itemCont width530" id='nowTask'>
<div class="noDataNotice" v-if='nowTaskList.length==0'> <div class="noDataNotice" v-if='nowTaskList&&nowTaskList.length==0'>
<i class="iconfont icon-kong"></i> <i class="iconfont icon-kong"></i>
<p>{{$t('salesModule.NoTaskIn')}}</p> <p>{{$t('salesModule.NoTaskIn')}}</p>
</div> </div>
...@@ -194,7 +181,8 @@ ...@@ -194,7 +181,8 @@
</div> </div>
</li> </li>
<li> <li>
<p>{{$t('salesModule.DepartmentExecution')}}<span @click="goUrl('saleTaskHistory',0,'历史任务')">{{$t('salesModule.HistoryTask')}}</span></p> <p>{{$t('salesModule.DepartmentExecution')}}<span
@click="goUrl('saleTaskHistory',0,'历史任务')">{{$t('salesModule.HistoryTask')}}</span></p>
<div class="itemCont width590 myChatList"> <div class="itemCont width590 myChatList">
<div id="mychart0" style="width: 130px; height: 130px;"></div> <div id="mychart0" style="width: 130px; height: 130px;"></div>
<div id="mychart1" style="width: 130px; height: 130px;"></div> <div id="mychart1" style="width: 130px; height: 130px;"></div>
...@@ -204,16 +192,21 @@ ...@@ -204,16 +192,21 @@
</div> </div>
</li> </li>
<li> <li>
<p>{{$t('salesModule.MyTasks')}}<span @click="addNewTask"><i class="iconfont icon-ico-xinzengrenwu" style="vertical-align:middle;margin-right:5px; margin-top: -3px;font-size:14px;"></i>{{$t('salesModule.AddTasks')}}</span></p> <p>{{$t('salesModule.MyTasks')}}<span @click="addNewTask"><i class="iconfont icon-ico-xinzengrenwu"
style="vertical-align:middle;margin-right:5px; margin-top: -3px;font-size:14px;"></i>{{$t('salesModule.AddTasks')}}</span>
</p>
<div class="itemCont" id='myTask'> <div class="itemCont" id='myTask'>
<div class="noDataNotice" v-if='myTaskList.length==0'> <div class="noDataNotice" v-if='myTaskList&&myTaskList.length==0'>
<i class="iconfont icon-kong"></i> <i class="iconfont icon-kong"></i>
<p>{{$t('salesModule.NoTaskIn')}}</p> <p>{{$t('salesModule.NoTaskIn')}}</p>
<p>{{$t('salesModule.ClickAddTasks')}}</p> <p>{{$t('salesModule.ClickAddTasks')}}</p>
</div> </div>
<div class="contTypeOne" v-for='(item,index) in myTaskList'> <div class="contTypeOne" v-for='(item,index) in myTaskList'>
<p>{{item.TaskName}} <span class="fr" :style="{color:item.Color}">{{item.StatusName}}</span></p> <p>{{item.TaskName}} <span class="fr" :style="{color:item.Color}">{{item.StatusName}}</span></p>
<p><el-progress :stroke-width="w12" :percentage="(item.FinishNum/item.TaskNum)*100" :color='item.Color' :show-text='false'></el-progress></p> <p>
<el-progress :stroke-width="w12" :percentage="(item.FinishNum/item.TaskNum)*100" :color='item.Color'
:show-text='false'></el-progress>
</p>
<p class="smallfont">{{item.FinishNum}}/{{item.TaskNum}}{{item.Unit}}</p> <p class="smallfont">{{item.FinishNum}}/{{item.TaskNum}}{{item.Unit}}</p>
</div> </div>
</div> </div>
...@@ -227,15 +220,18 @@ ...@@ -227,15 +220,18 @@
</div> </div>
<div class="contTypeThree" v-for="(item,index) in todayTaskListNew"> <div class="contTypeThree" v-for="(item,index) in todayTaskListNew">
<div class="name"> <div class="name">
<img v-if='!item.emPhoto' src="../../assets/img/litheader.png"/> <img v-if='!item.emPhoto' src="../../assets/img/litheader.png" />
<img v-if='item.emPhoto' :onerror="defaultImg" :src='item.emPhoto'/> <img v-if='item.emPhoto' :onerror="defaultImg" :src='item.emPhoto' />
{{item.employeeName}} {{item.employeeName}}
</div> </div>
<div class="department"> <div class="department">
<i class="iconfont icon-bumen"></i> <i class="iconfont icon-bumen"></i>
{{item.departmentName}} {{item.departmentName}}
</div> </div>
<div class="message"><p class="msg">{{item.taskName}}</p><p>{{$t('salesModule.Contribution')}}<span>+{{item.taskNum}}</span></p></div> <div class="message">
<p class="msg">{{item.taskName}}</p>
<p>{{$t('salesModule.Contribution')}}<span>+{{item.taskNum}}</span></p>
</div>
<div class="time"> <div class="time">
<i class="iconfont icon-qingjia"></i> <i class="iconfont icon-qingjia"></i>
{{item.createDate}} {{item.createDate}}
...@@ -245,15 +241,18 @@ ...@@ -245,15 +241,18 @@
<div class="contTypeThree" v-for="(item,index) in todayTaskList"> <div class="contTypeThree" v-for="(item,index) in todayTaskList">
<div class="name"> <div class="name">
<img v-if='!item.emPhoto' src="../../assets/img/litheader.png"/> <img v-if='!item.emPhoto' src="../../assets/img/litheader.png" />
<img v-if='item.emPhoto' :onerror="defaultImg" :src='item.emPhoto'/> <img v-if='item.emPhoto' :onerror="defaultImg" :src='item.emPhoto' />
{{item.employeeName}} {{item.employeeName}}
</div> </div>
<div class="department"> <div class="department">
<i class="iconfont icon-bumen"></i> <i class="iconfont icon-bumen"></i>
{{item.departmentName}} {{item.departmentName}}
</div> </div>
<div class="message"><p class="msg">{{item.taskName}}</p><p>{{$t('salesModule.Contribution')}}<span>+{{item.taskNum}}</span></p></div> <div class="message">
<p class="msg">{{item.taskName}}</p>
<p>{{$t('salesModule.Contribution')}}<span>+{{item.taskNum}}</span></p>
</div>
<div class="time"> <div class="time">
<i class="iconfont icon-qingjia"></i> <i class="iconfont icon-qingjia"></i>
{{item.createDate}} {{item.createDate}}
...@@ -270,22 +269,23 @@ ...@@ -270,22 +269,23 @@
import Treeselect from '@riophae/vue-treeselect' import Treeselect from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css' import '@riophae/vue-treeselect/dist/vue-treeselect.css'
export default { export default {
components: { Treeselect }, components: {
data(){ Treeselect
return{ },
value: [ 'c', 'aaa', 'bb' ], data() {
options: [ return {
{ value: ['c', 'aaa', 'bb'],
options: [{
id: 'a', id: 'a',
label: 'a', label: 'a',
children: [ { children: [{
id: 'aa', id: 'aa',
label: 'aa', label: 'aa',
}, { }, {
id: 'ab', id: 'ab',
label: 'ab', label: 'ab',
} ], }],
},{ }, {
id: 'b', id: 'b',
label: 'b', label: 'b',
}, },
...@@ -304,85 +304,99 @@ ...@@ -304,85 +304,99 @@
sortValueBy: 'ORDER_SELECTED', sortValueBy: 'ORDER_SELECTED',
pickerOptions: { pickerOptions: {
disabledDate: (time) => { //disabledDate true 为禁止选择 disabledDate: (time) => { //disabledDate true 为禁止选择
return time.getTime() < Date.now()-86400000 return time.getTime() < Date.now() - 86400000
} }
}, },
timer:null, timer: null,
w12:12, w12: 12,
w2:2, w2: 2,
defaultImg: 'this.src="' + require("../../assets/img/litheader.png") + '"', defaultImg: 'this.src="' + require("../../assets/img/litheader.png") + '"',
allocatingTaskId:'', allocatingTaskId: '',
isAllocatingTask:false, isAllocatingTask: false,
isOK:false, isOK: false,
isDisabled:false, isDisabled: false,
membersArr:[], membersArr: [],
membersArrCopy:[], membersArrCopy: [],
addTask:false, addTask: false,
addMsg1:{}, addMsg1: {},
layerMsg:{ layerMsg: {
TaskUserId:0 TaskUserId: 0
}, },
departmetTaskMsg:{ departmetTaskMsg: {
pageIndex:1, pageIndex: 1,
pageSize:5 pageSize: 5
}, },
nowTaskMsg:{ nowTaskMsg: {
pageIndex:1, pageIndex: 1,
pageSize:15 pageSize: 15
}, },
myTaskMsg:{ myTaskMsg: {
pageIndex:1, pageIndex: 1,
pageSize:5 pageSize: 5
}, },
todayTaskMsg:{ todayTaskMsg: {
pageIndex:1, pageIndex: 1,
pageSize:10, pageSize: 10,
Id:0 Id: 0
}, },
todayTaskMsgNew:{ todayTaskMsgNew: {
Id:0 Id: 0
}, },
addTaskMsg:{ addTaskMsg: {
TaskName:'', TaskName: '',
StartTime:'', StartTime: '',
EndTime:'', EndTime: '',
TaskNum:'', TaskNum: '',
TaskType:1, TaskType: 1,
Remarks:'', Remarks: '',
UserTaskList:[], UserTaskList: [],
taskTime:'', taskTime: '',
RealTaskNum:'0' RealTaskNum: '0'
}, },
rules:{ rules: {
TaskName:[ TaskName: [{
{ required: true, message:this.$t('rule.EnterTaskName'), trigger: 'blur' } required: true,
], message: this.$t('rule.EnterTaskName'),
TaskType:[ trigger: 'blur'
{ required: true, message:this.$t('rule.ChoiceTaskType'), trigger: 'change' } }],
], TaskType: [{
TaskNum:[ required: true,
{ required: true, message:this.$t('rule.EnterNum'), trigger: 'blur' }, message: this.$t('rule.ChoiceTaskType'),
{ pattern: /^[1-9]\d*$/, message:this.$t('rule.OnlyInter') } trigger: 'change'
], }],
taskTime:[ TaskNum: [{
{ required: true, message:this.$t('rule.ChoiceRQFW'), trigger: 'change' } required: true,
], message: this.$t('rule.EnterNum'),
Remarks:[ trigger: 'blur'
{ required: false, message:this.$t('rule.EnterMark'), trigger: 'blur' } },
{
pattern: /^[1-9]\d*$/,
message: this.$t('rule.OnlyInter')
}
], ],
taskTime: [{
required: true,
message: this.$t('rule.ChoiceRQFW'),
trigger: 'change'
}],
Remarks: [{
required: false,
message: this.$t('rule.EnterMark'),
trigger: 'blur'
}],
}, },
addTaskTableList:[], addTaskTableList: [],
//返回数据 //返回数据
taskMemberList:[], taskMemberList: [],
departmetTaskList:[], departmetTaskList: [],
nowTaskList:[], nowTaskList: [],
todayTaskList:[], todayTaskList: [],
todayTaskListNew:[], todayTaskListNew: [],
departmentPowerList:[], departmentPowerList: [],
myTaskList:[], myTaskList: [],
taskTypeList:[], taskTypeList: [],
taskMembers:{} taskMembers: {}
} }
}, },
mounted() { mounted() {
...@@ -393,53 +407,53 @@ ...@@ -393,53 +407,53 @@
this.getTodayTask() this.getTodayTask()
this.getTodayTaskNew() this.getTodayTaskNew()
this.getTaskMember() this.getTaskMember()
let that=this let that = this
let deparmentTask = document.getElementById('deparmentTask'), let deparmentTask = document.getElementById('deparmentTask'),
nowTask = document.getElementById('nowTask'), nowTask = document.getElementById('nowTask'),
myTask = document.getElementById('myTask'), myTask = document.getElementById('myTask'),
todayTask = document.getElementById('todayTask'); todayTask = document.getElementById('todayTask');
if (deparmentTask) { if (deparmentTask) {
deparmentTask.addEventListener('scroll',function(){ //部门新任务 deparmentTask.addEventListener('scroll', function () { //部门新任务
if(this.scrollHeight-this.scrollTop===this.clientHeight){ if (this.scrollHeight - this.scrollTop === this.clientHeight) {
that.departmetTaskMsg.pageIndex=Math.ceil(that.departmetTaskList.length/5)+1 that.departmetTaskMsg.pageIndex = Math.ceil(that.departmetTaskList.length / 5) + 1
that.getDepartmetTask() that.getDepartmetTask()
} }
}) })
} }
if (nowTask) { if (nowTask) {
nowTask.addEventListener('scroll',function(){ //当前 nowTask.addEventListener('scroll', function () { //当前
if(this.scrollHeight-this.scrollTop===this.clientHeight){ if (this.scrollHeight - this.scrollTop === this.clientHeight) {
that.nowTaskMsg.pageIndex=Math.ceil(that.nowTaskList.length/15)+1 that.nowTaskMsg.pageIndex = Math.ceil(that.nowTaskList.length / 15) + 1
that.getNowTask() that.getNowTask()
} }
}) })
} }
if (myTask) { if (myTask) {
myTask.addEventListener('scroll',function(){ //我发布的任务 myTask.addEventListener('scroll', function () { //我发布的任务
if(this.scrollHeight-this.scrollTop===this.clientHeight){ if (this.scrollHeight - this.scrollTop === this.clientHeight) {
that.myTaskMsg.pageIndex=Math.ceil(that.myTaskList.length/5)+1 that.myTaskMsg.pageIndex = Math.ceil(that.myTaskList.length / 5) + 1
that.getMyTask() that.getMyTask()
} }
}) })
} }
if (todayTask) { if (todayTask) {
todayTask.addEventListener('scroll',function(){ //我发布的任务 todayTask.addEventListener('scroll', function () { //我发布的任务
if(this.scrollHeight-this.scrollTop===this.clientHeight){ if (this.scrollHeight - this.scrollTop === this.clientHeight) {
that.todayTaskMsg.pageIndex=Math.ceil(that.todayTaskList.length/10)+1 that.todayTaskMsg.pageIndex = Math.ceil(that.todayTaskList.length / 10) + 1
that.getTodayTask() that.getTodayTask()
} }
}) })
} }
}, },
methods: { methods: {
clearMsg(){ clearMsg() {
this.addTask=false this.addTask = false
this.$refs['addTaskMsg'].resetFields(); this.$refs['addTaskMsg'].resetFields();
this.membersArr=[] this.membersArr = []
this.membersArrCopy=[] this.membersArrCopy = []
this.addTaskTableList=[] this.addTaskTableList = []
}, },
submitForm(msg) {//提交创建、修改表单 submitForm(msg) { //提交创建、修改表单
this.$refs[msg].validate((valid) => { this.$refs[msg].validate((valid) => {
if (valid) { if (valid) {
this.saveNewTask() this.saveNewTask()
...@@ -449,279 +463,585 @@ ...@@ -449,279 +463,585 @@
}); });
}, },
saveAllocatingTask(){ saveAllocatingTask() {
let addAllocatingMsg=[] let addAllocatingMsg = []
let i=0; let i = 0;
this.addTaskTableList.forEach(item=>{ this.addTaskTableList.forEach(item => {
addAllocatingMsg.push({Id:item.id,DepOrEmpId:item.DepOrEmpId,TaskNum:item.value,RealTaskNum:item.value,Type:item.type}) addAllocatingMsg.push({
i+=parseInt(item.value) Id: item.id,
DepOrEmpId: item.DepOrEmpId,
TaskNum: item.value,
RealTaskNum: item.value,
Type: item.type
})
i += parseInt(item.value)
}) })
if(this.membersArr.length==0){ if (this.membersArr.length == 0) {
this.$message.error('请选择分配对象！') this.$message.error('请选择分配对象！')
return return
} }
// if(this.addTaskMsg.TaskNum!=i) // if(this.addTaskMsg.TaskNum!=i)
// { // {
// this.$message.error('任务数量和分配数量之和不相等，请修改！') // this.$message.error('任务数量和分配数量之和不相等，请修改！')
// return // return
// } // }
this.apipost('Sell_Post_Management_AllotSellTask',{UserTaskId:this.allocatingTaskId,UserTaskList:addAllocatingMsg},res=>{ this.apipost('Sell_Post_Management_AllotSellTask', {
if(res.data.resultCode==1){ UserTaskId: this.allocatingTaskId,
UserTaskList: addAllocatingMsg
}, res => {
if (res.data.resultCode == 1) {
this.$message.success(res.data.message) this.$message.success(res.data.message)
this.clearMsg() this.clearMsg()
this.departmetTaskList=[] this.departmetTaskList = []
this.myTaskList=[] this.myTaskList = []
this.departmetTaskMsg.PageIndex=1 this.departmetTaskMsg.PageIndex = 1
this.myTaskMsg.pageIndex=1 this.myTaskMsg.pageIndex = 1
this.getDepartmetTask() this.getDepartmetTask()
this.getMyTask() this.getMyTask()
}else{ } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
} }
},err=>{}) }, err => {})
}, },
allocatingTask(obj){ allocatingTask(obj) {
this.layerMsg.TaskUserId=obj.Id this.layerMsg.TaskUserId = obj.Id
this.getTaskMember() this.getTaskMember()
this.allocatingTaskId=obj.Id this.allocatingTaskId = obj.Id
this.addTask=true this.addTask = true
this.isAllocatingTask=true this.isAllocatingTask = true
this.getTaskType() this.getTaskType()
this.membersArr=[] this.membersArr = []
this.addTaskTableList=[] this.addTaskTableList = []
this.apipost('Sell_Get_Management_GetSellDepartmentTaskInfo',{UserTaskId:obj.Id},res=>{ this.apipost('Sell_Get_Management_GetSellDepartmentTaskInfo', {
if(res.data.resultCode==1){ UserTaskId: obj.Id
let msg=res.data.data }, res => {
this.addTaskMsg.TaskName=msg.TaskName if (res.data.resultCode == 1) {
this.addTaskMsg.TaskType=msg.TaskType let msg = res.data.data
this.addTaskMsg.TaskNum=msg.TaskNum this.addTaskMsg.TaskName = msg.TaskName
this.addTaskMsg.RealTaskNum=msg.RealTaskNum this.addTaskMsg.TaskType = msg.TaskType
this.addTaskMsg.taskTime=[msg.StartTime,msg.EndTime] this.addTaskMsg.TaskNum = msg.TaskNum
this.addTaskMsg.Remarks=msg.Remarks this.addTaskMsg.RealTaskNum = msg.RealTaskNum
msg.UserTaskList.forEach(item=>{ this.addTaskMsg.taskTime = [msg.StartTime, msg.EndTime]
this.addTaskMsg.Remarks = msg.Remarks
msg.UserTaskList.forEach(item => {
this.membersArr.push(item.DepOrEmpId) this.membersArr.push(item.DepOrEmpId)
this.membersArrCopy.push(item.DepOrEmpId) this.membersArrCopy.push(item.DepOrEmpId)
this.addTaskTableList.push({type:item.Type,id:item.Id,DepOrEmpId:item.DepOrEmpId,name:item.DepEmpName,value:item.RealTaskNum,Percentage:item.Percentage,PrevFinish:item.PrevFinish}) this.addTaskTableList.push({
type: item.Type,
id: item.Id,
DepOrEmpId: item.DepOrEmpId,
name: item.DepEmpName,
value: item.RealTaskNum,
Percentage: item.Percentage,
PrevFinish: item.PrevFinish
})
}) })
} }
},err=>{}) }, err => {})
}, },
addTaskItem(node){ addTaskItem(node) {
let taskItemMsg={} let taskItemMsg = {}
taskItemMsg.JoinId=node.Id taskItemMsg.JoinId = node.Id
taskItemMsg.JoinType=this.taskMembers.Type taskItemMsg.JoinType = this.taskMembers.Type
taskItemMsg.TaskType=this.addTaskMsg.TaskType taskItemMsg.TaskType = this.addTaskMsg.TaskType
this.apipost('Sell_Get_Management_GetPrevTaskRecord',taskItemMsg,res=>{ this.apipost('Sell_Get_Management_GetPrevTaskRecord', taskItemMsg, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.addTaskTableList.push({type:taskItemMsg.JoinType,id:0,DepOrEmpId:taskItemMsg.JoinId,name:node.Name,value:'',Percentage:res.data.data.Percentage,PrevFinish:res.data.data.PrevFinish}) this.addTaskTableList.push({
type: taskItemMsg.JoinType,
id: 0,
DepOrEmpId: taskItemMsg.JoinId,
name: node.Name,
value: '',
Percentage: res.data.data.Percentage,
PrevFinish: res.data.data.PrevFinish
})
} }
},err=>{}) }, err => {})
}, },
deleteTaskItem(node){ deleteTaskItem(node) {
if(this.addTaskTableList.findIndex(item=>item.DepOrEmpId==node.Id)!=-1){ if (this.addTaskTableList.findIndex(item => item.DepOrEmpId == node.Id) != -1) {
this.addTaskTableList.splice(this.addTaskTableList.findIndex(item=>item.DepOrEmpId==node.Id),1) this.addTaskTableList.splice(this.addTaskTableList.findIndex(item => item.DepOrEmpId == node.Id), 1)
} }
}, },
getTaskMember(){ getTaskMember() {
this.apipost('Sell_Get_Management_GetNowDepartmentChild',this.layerMsg,res=>{ this.apipost('Sell_Get_Management_GetNowDepartmentChild', this.layerMsg, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.taskMembers=res.data.data this.taskMembers = res.data.data
this.taskMemberList=res.data.data.date this.taskMemberList = res.data.data.date
} }
},err=>{}) }, err => {})
}, },
addNewTask(){ addNewTask() {
this.addTask=true this.addTask = true
this.isAllocatingTask=false this.isAllocatingTask = false
this.layerMsg.TaskUserId=0 this.layerMsg.TaskUserId = 0
this.getTaskMember() this.getTaskMember()
this.getTaskType() this.getTaskType()
}, },
saveNewTask(){ saveNewTask() {
this.addTaskMsg.UserTaskList=[] this.addTaskMsg.UserTaskList = []
this.addTaskMsg.StartTime=this.addTaskMsg.taskTime[0] this.addTaskMsg.StartTime = this.addTaskMsg.taskTime[0]
this.addTaskMsg.EndTime=this.addTaskMsg.taskTime[1] this.addTaskMsg.EndTime = this.addTaskMsg.taskTime[1]
this.addTaskMsg.RealTaskNum=this.addTaskMsg.TaskNum this.addTaskMsg.RealTaskNum = this.addTaskMsg.TaskNum
let i=0; let i = 0;
this.addTaskTableList.forEach(item=>{ this.addTaskTableList.forEach(item => {
this.addTaskMsg.UserTaskList.push({Type:item.type,RealTaskNum:item.value,TaskNum:item.value,DepOrEmpId:item.DepOrEmpId}) this.addTaskMsg.UserTaskList.push({
i+=parseInt(item.value) Type: item.type,
RealTaskNum: item.value,
TaskNum: item.value,
DepOrEmpId: item.DepOrEmpId
})
i += parseInt(item.value)
}) })
if(this.addTaskTableList.length==0){ if (this.addTaskTableList.length == 0) {
this.$message.error('请选择分配对象！') this.$message.error('请选择分配对象！')
return return
} }
this.apipost('Sell_Post_Management_SetSellTask',this.addTaskMsg,res=>{ this.apipost('Sell_Post_Management_SetSellTask', this.addTaskMsg, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.clearMsg() this.clearMsg()
this.departmetTaskList=[] this.departmetTaskList = []
this.myTaskList=[] this.myTaskList = []
this.departmetTaskMsg.PageIndex=1 this.departmetTaskMsg.PageIndex = 1
this.myTaskMsg.pageIndex=1 this.myTaskMsg.pageIndex = 1
this.getDepartmetTask() this.getDepartmetTask()
this.getMyTask() this.getMyTask()
this.$message.success(res.data.message) this.$message.success(res.data.message)
}else{ } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
} }
},err=>{}) }, err => {})
}, },
getTaskType(){ getTaskType() {
this.apipost('Sell_Get_Management_GetSellTaskTypeList',{},res=>{ this.apipost('Sell_Get_Management_GetSellTaskTypeList', {}, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.taskTypeList=res.data.data this.taskTypeList = res.data.data
} }
},err=>{}) }, err => {})
}, },
getDepartmetTask(){ getDepartmetTask() {
this.apipost('Sell_Get_Management_GetSellDepartmentTaskList',this.departmetTaskMsg,res=>{ this.apipost('Sell_Get_Management_GetSellDepartmentTaskList', this.departmetTaskMsg, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.departmetTaskList=this.departmetTaskList.concat(res.data.data.pageData) this.departmetTaskList = this.departmetTaskList.concat(res.data.data.pageData)
} }
},err=>{}) }, err => {})
}, },
getNowTask(){ getNowTask() {
this.apipost('TaskManagemnet_post_GetNowTaskForEmployee',this.nowTaskMsg,res=>{ this.apipost('TaskManagemnet_post_GetNowTaskForEmployee', this.nowTaskMsg, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.nowTaskList=this.nowTaskList.concat(res.data.data.pageData) this.nowTaskList = this.nowTaskList.concat(res.data.data.pageData)
} }
},err=>{}) }, err => {})
}, },
getDepartmentPower(){ getDepartmentPower() {
this.apipost('TaskManagemnet_post_GetExecutiveForce',{},res=>{ this.apipost('TaskManagemnet_post_GetExecutiveForce', {}, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.departmentPowerList=res.data.data this.departmentPowerList = res.data.data
this.departmentPowerList.forEach((i,index)=>{ this.departmentPowerList.forEach((i, index) => {
let insideColor let insideColor
let outsideColor let outsideColor
if(i.rate==0){ if (i.rate == 0) {
insideColor='#999999' insideColor = '#999999'
outsideColor='#999999' outsideColor = '#999999'
}else if(i.rate<50&&i.rate>0){ } else if (i.rate < 50 && i.rate > 0) {
insideColor='#E85252' insideColor = '#E85252'
outsideColor='#FFDDDD' outsideColor = '#FFDDDD'
}else if(50<=i.rate&&i.rate<80){ } else if (50 <= i.rate && i.rate < 80) {
insideColor='#FFBA1F' insideColor = '#FFBA1F'
outsideColor='#FFE09B' outsideColor = '#FFE09B'
}else if(80<=i.rate&&i.rate<100){ } else if (80 <= i.rate && i.rate < 100) {
insideColor='#2AAEF2' insideColor = '#2AAEF2'
outsideColor='#BDE9FF' outsideColor = '#BDE9FF'
}else if(i.rate==100){ } else if (i.rate == 100) {
insideColor='#47BF8C' insideColor = '#47BF8C'
outsideColor='#47BF8C' outsideColor = '#47BF8C'
} }
this.$nextTick(()=>{ this.$nextTick(() => {
this.$chartsUtils.saleTaskDepartment('mychart'+index,i.taskTypeStr,i.rate,insideColor,outsideColor) this.$chartsUtils.saleTaskDepartment('mychart' + index, i.taskTypeStr, i.rate, insideColor,
outsideColor)
}) })
}) })
} }
},err=>{}) }, err => {})
}, },
getMyTask(){ getMyTask() {
this.apipost('Sell_Management_TaskForMyIssue',this.myTaskMsg,res=>{ this.apipost('Sell_Management_TaskForMyIssue', this.myTaskMsg, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.myTaskList=this.myTaskList.concat(res.data.data.pageData) this.myTaskList = this.myTaskList.concat(res.data.data.pageData)
} }
},err=>{}) }, err => {})
}, },
getTodayTask(){ getTodayTask() {
this.apipost('TaskManagemnet_post_GetListSellContribution',this.todayTaskMsg,res=>{ this.apipost('TaskManagemnet_post_GetListSellContribution', this.todayTaskMsg, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.todayTaskList=this.todayTaskList.concat(res.data.data.pageData) this.todayTaskList = this.todayTaskList.concat(res.data.data.pageData)
if(this.todayTaskList.length>0){ if (this.todayTaskList&&this.todayTaskList.length > 0) {
this.todayTaskMsg.Id=this.todayTaskList[0].id this.todayTaskMsg.Id = this.todayTaskList[0].id
this.todayTaskMsgNew.Id=this.todayTaskList[0].id this.todayTaskMsgNew.Id = this.todayTaskList[0].id
} }
} }
},err=>{}) }, err => {})
}, },
getTodayTaskNew(){ getTodayTaskNew() {
this.timer = setInterval(()=>{ this.timer = setInterval(() => {
this.apipost('TaskManagemnet_post_GetRefreshList',this.todayTaskMsgNew,res=>{ this.apipost('TaskManagemnet_post_GetRefreshList', this.todayTaskMsgNew, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
if(res.data.data.length>0){ if (res.data.data && res.data.data.length > 0) {
this.todayTaskListNew=res.data.data.concat(this.todayTaskListNew) this.todayTaskListNew = res.data.data.concat(this.todayTaskListNew)
this.todayTaskMsgNew.Id=this.todayTaskListNew[0].id this.todayTaskMsgNew.Id = this.todayTaskListNew[0].id
}else{ } else {
} }
} }
},err=>{}) }, err => {})
},60000) }, 60000)
}, },
goUrl (path,id,title) { goUrl(path, id, title) {
this.$router.push({ name: path,query:{"id":id,"PersonOrDepartment":0,blank:'y',tab:title} }) this.$router.push({
name: path,
query: {
"id": id,
"PersonOrDepartment": 0,
blank: 'y',
tab: title
}
})
} }
},beforeDestroy(){ },
if(this.timer) { //如果定时器还在运行 或者直接关闭，不用判断 beforeDestroy() {
if (this.timer) { //如果定时器还在运行 或者直接关闭，不用判断
clearInterval(this.timer); //关闭 clearInterval(this.timer); //关闭
} }
} }
} }
</script> </script>
<style> <style>
.saleTaskList .noDataNotice{ text-align: center; padding-top: 80px; color: #999; font-size: 14px; } .saleTaskList .noDataNotice {
.saleTaskList .noDataNotice>i{font-size: 120px; color: #ccc;} text-align: center;
.saleTaskList .noDataNotice>p{margin-top: 10px;} padding-top: 80px;
.saleTaskList{position: absolute; left: 0; top:35px; padding-left:20px ; } color: #999;
.saleTaskList .goSaleTaskDetail{cursor: pointer;} font-size: 14px;
.saleTaskList .goSaleTaskDetail:hover{color: #E95252;} }
.saleTaskList ul li{float: left; margin:10px 30px 0 0;}
.saleTaskList .itemCont::-webkit-scrollbar{width: 4px;height: 1px;} .saleTaskList .noDataNotice>i {
.saleTaskList .itemCont::-webkit-scrollbar-thumb{box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);border-radius: 4px;background: #eee;} font-size: 120px;
.saleTaskList ul li .itemCont{width: 460px; height: 360px; border:1px solid #e5e5e5; background: #fff; border-radius: 4px; overflow-y: auto; padding:10px 20px;} color: #ccc;
.saleTaskList ul li .width530{width: 530px!important;} }
.saleTaskList ul li .width590{width: 590px!important;}
.saleTaskList .myChatList>div{float: left;margin:20px 25px 19px;} .saleTaskList .noDataNotice>p {
.saleTaskList .itemCont .contTypeOne .el-progress__text{font-size: 14px!important;} margin-top: 10px;
.saleTaskList ul li>p{height: 14px; line-height: 14px; border-left:3px solid #E95252; font-size: 14px; color: #333; margin: 20px 0; text-indent: 10px;} }
.saleTaskList .addTaskTitle{height: 14px; line-height: 14px; border-left:3px solid #E95252; font-size: 14px; color: #333; margin: 20px 0; text-indent: 10px;}
.saleTaskList .contTypeOne {margin-bottom:15px ;} .saleTaskList {
.saleTaskList .contTypeOne p{font-size: 16px; color: #333;} position: absolute;
.saleTaskList .contTypeOne p.smallfont{font-size: 14px; color: #666;} left: 0;
.saleTaskList .contTypeOne p{line-height:40px;} top: 35px;
.saleTaskList .contTypeOne p i{color: #E95252; cursor: pointer;} padding-left: 20px;
.saleTaskList .contTypeOne p>em{color: #fff; background: #2C6ED5; font-size: 12px; font-style: normal; padding:0 2px; border-radius: 4px; margin-left:8px;} }
.saleTaskList .contTypeOne p>span{font-size: 12px; color: #47BF8C;}
.saleTaskList .contTypeTwo {float: left; width: 126px; height: 126px; text-align: center; margin: 10px;} .saleTaskList .goSaleTaskDetail {
.saleTaskList .contTypeTwo>p{font-size: 14px; color: #666;margin-top: 10px;} cursor: pointer;
.saleTaskList .itemCont .contTypeTwo .el-progress__text{font-size: 20px!important;} }
.saleTaskList ul li>p>span{float: right; color: #E95252; cursor:pointer;}
.saleTaskList .itemCont .contTypeThree{margin:20px 0; overflow: hidden;line-height: 30px; height: 30px} .saleTaskList .goSaleTaskDetail:hover {
.saleTaskList .itemCont .contTypeThree>div{float: left; font-size: 14px;} color: #E95252;
.saleTaskList .itemCont .contTypeThree .name{width: 100px;} }
.saleTaskList .itemCont .contTypeThree .name>img{width: 24px; height: 24px; border-radius: 12px; vertical-align:middle}
.saleTaskList .itemCont .contTypeThree .department{width: 110px;} .saleTaskList ul li {
.saleTaskList .itemCont .contTypeThree .message{width:200px;} float: left;
.saleTaskList .itemCont .contTypeThree .message>p{float: left;} margin: 10px 30px 0 0;
.saleTaskList .itemCont .contTypeThree .message>p>span{color:#47BF8C;} }
.saleTaskList .itemCont .contTypeThree .message p.msg{max-width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.saleTaskList .itemCont .contTypeThree .time{float: right; text-align: right; color: #999;} .saleTaskList .itemCont::-webkit-scrollbar {
.saleTaskpopover{padding:0 10px 10px; font-size: 12px;} width: 4px;
.saleTaskpopoverTable{margin: 10px 0 20px 0;} height: 1px;
.saleTaskpopoverTable tr{height: 34px; } }
.saleTaskpopoverTable td{font-size: 12px!important; color: #666;}
.saleTaskpopoverTable td>i{margin-right: 3px; color: #d9d9d9;} .saleTaskList .itemCont::-webkit-scrollbar-thumb {
.saleTaskList .addTaskLayer{position:absolute; padding:0 20px 20px; left: 0; bottom: 0; width: 100%; min-height:520px; z-index: 5; background: #ffffff; border-top: 1px solid #D2D2D2;} box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
.saleTaskList .addTaskLayer .addMsg{width: 100%; height: 420px;} border-radius: 4px;
.saleTaskList .addTaskLayer .addMsg>div{float: left; min-height: 300px; font-size: 12px; padding:0 13px; margin-right: 30px;} background: #eee;
.saleTaskList .addTaskLayer .addMsg>div>p{margin: 15px 0;} }
.addTaskLayer .el-form-item__label{font-size: 12px!important;}
.addTaskLayer .el-date-editor.el-range-editor.el-input__inner.el-date-editor--daterange{border-radius: 17px;} .saleTaskList ul li .itemCont {
.el-select .el-input {border-radius: 17px;height: 34px;} width: 460px;
.h34 .el-range__icon,.h34 .el-range-separator{line-height: 29px;} height: 360px;
.addTaskLayerTable{background: #EDEDED;} border: 1px solid #e5e5e5;
.addTaskLayerTable td{padding: 10px; background: #FFF; text-align: center;} background: #fff;
.addTaskLayerTable th{background: #EDEDED; padding:10px;} border-radius: 4px;
.addTaskLayerTableDiv{overflow: hidden;} overflow-y: auto;
.addTaskLayerTableDiv>p{display:inline-block;margin-bottom: 10px;} padding: 10px 20px;
.addTaskLayerTableDiv .finish{width: 56px; text-align:left;} }
.addTaskLayerTableDiv .finishH{height: 30px;}
.finishNumTips{height: 12px;} .saleTaskList ul li .width530 {
.finishNum{width: 40px;} width: 530px !important;
.addTaskLayer .vue-treeselect__x{display: none;} }
.saleTaskList ul li .width590 {
width: 590px !important;
}
.saleTaskList .myChatList>div {
float: left;
margin: 20px 25px 19px;
}
.saleTaskList .itemCont .contTypeOne .el-progress__text {
font-size: 14px !important;
}
.saleTaskList ul li>p {
height: 14px;
line-height: 14px;
border-left: 3px solid #E95252;
font-size: 14px;
color: #333;
margin: 20px 0;
text-indent: 10px;
}
.saleTaskList .addTaskTitle {
height: 14px;
line-height: 14px;
border-left: 3px solid #E95252;
font-size: 14px;
color: #333;
margin: 20px 0;
text-indent: 10px;
}
.saleTaskList .contTypeOne {
margin-bottom: 15px;
}
.saleTaskList .contTypeOne p {
font-size: 16px;
color: #333;
}
.saleTaskList .contTypeOne p.smallfont {
font-size: 14px;
color: #666;
}
.saleTaskList .contTypeOne p {
line-height: 40px;
}
.saleTaskList .contTypeOne p i {
color: #E95252;
cursor: pointer;
}
.saleTaskList .contTypeOne p>em {
color: #fff;
background: #2C6ED5;
font-size: 12px;
font-style: normal;
padding: 0 2px;
border-radius: 4px;
margin-left: 8px;
}
.saleTaskList .contTypeOne p>span {
font-size: 12px;
color: #47BF8C;
}
.saleTaskList .contTypeTwo {
float: left;
width: 126px;
height: 126px;
text-align: center;
margin: 10px;
}
.saleTaskList .contTypeTwo>p {
font-size: 14px;
color: #666;
margin-top: 10px;
}
.saleTaskList .itemCont .contTypeTwo .el-progress__text {
font-size: 20px !important;
}
.saleTaskList ul li>p>span {
float: right;
color: #E95252;
cursor: pointer;
}
.saleTaskList .itemCont .contTypeThree {
margin: 20px 0;
overflow: hidden;
line-height: 30px;
height: 30px
}
.saleTaskList .itemCont .contTypeThree>div {
float: left;
font-size: 14px;
}
.saleTaskList .itemCont .contTypeThree .name {
width: 100px;
}
.saleTaskList .itemCont .contTypeThree .name>img {
width: 24px;
height: 24px;
border-radius: 12px;
vertical-align: middle
}
.saleTaskList .itemCont .contTypeThree .department {
width: 110px;
}
.saleTaskList .itemCont .contTypeThree .message {
width: 200px;
}
.saleTaskList .itemCont .contTypeThree .message>p {
float: left;
}
.saleTaskList .itemCont .contTypeThree .message>p>span {
color: #47BF8C;
}
.saleTaskList .itemCont .contTypeThree .message p.msg {
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.saleTaskList .itemCont .contTypeThree .time {
float: right;
text-align: right;
color: #999;
}
.saleTaskpopover {
padding: 0 10px 10px;
font-size: 12px;
}
.saleTaskpopoverTable {
margin: 10px 0 20px 0;
}
.saleTaskpopoverTable tr {
height: 34px;
}
.saleTaskpopoverTable td {
font-size: 12px !important;
color: #666;
}
.saleTaskpopoverTable td>i {
margin-right: 3px;
color: #d9d9d9;
}
.saleTaskList .addTaskLayer {
position: absolute;
padding: 0 20px 20px;
left: 0;
bottom: 0;
width: 100%;
min-height: 520px;
z-index: 5;
background: #ffffff;
border-top: 1px solid #D2D2D2;
}
.saleTaskList .addTaskLayer .addMsg {
width: 100%;
height: 420px;
}
.saleTaskList .addTaskLayer .addMsg>div {
float: left;
min-height: 300px;
font-size: 12px;
padding: 0 13px;
margin-right: 30px;
}
.saleTaskList .addTaskLayer .addMsg>div>p {
margin: 15px 0;
}
.addTaskLayer .el-form-item__label {
font-size: 12px !important;
}
.addTaskLayer .el-date-editor.el-range-editor.el-input__inner.el-date-editor--daterange {
border-radius: 17px;
}
.el-select .el-input {
border-radius: 17px;
height: 34px;
}
.h34 .el-range__icon,
.h34 .el-range-separator {
line-height: 29px;
}
.addTaskLayerTable {
background: #EDEDED;
}
.addTaskLayerTable td {
padding: 10px;
background: #FFF;
text-align: center;
}
.addTaskLayerTable th {
background: #EDEDED;
padding: 10px;
}
.addTaskLayerTableDiv {
overflow: hidden;
}
.addTaskLayerTableDiv>p {
display: inline-block;
margin-bottom: 10px;
}
.addTaskLayerTableDiv .finish {
width: 56px;
text-align: left;
}
.addTaskLayerTableDiv .finishH {
height: 30px;
}
.finishNumTips {
height: 12px;
}
.finishNum {
width: 40px;
}
.addTaskLayer .vue-treeselect__x {
display: none;
}
</style> </style>
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