|
@@ -3,92 +3,112 @@
|
|
|
<el-button size="small" type="text" @click="onShow" :disabled="status === '已结案' || status === '已失败'">
|
|
|
创建任务
|
|
|
</el-button>
|
|
|
- <el-dialog title="创建任务" append-to-body :visible.sync="dialogTableVisible" width="700px" :before-close="onCancel">
|
|
|
- <el-alert
|
|
|
- v-if="errormsg"
|
|
|
- class="normal-margin"
|
|
|
- :title="errormsg"
|
|
|
- type="error">
|
|
|
- </el-alert>
|
|
|
- <el-input class="normal-margin" v-model="form.title" placeholder="输入任务标题" type="text" show-word-limit maxlength="40" size="small"></el-input>
|
|
|
- <el-input class="normal-margin" v-model="form.remarks" placeholder="输入任务内容" :autosize="{minRows:6}" type="textarea" show-word-limit maxlength="100" size="small"></el-input>
|
|
|
- <div class="flex-align-center flex-between normal-margin">
|
|
|
- <p class="task__label"><i class="el-icon-time"></i> 开始:</p>
|
|
|
- <el-date-picker
|
|
|
- v-model="form.starttime"
|
|
|
- type="date"
|
|
|
- placeholder="选择日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- size="small">
|
|
|
- </el-date-picker>
|
|
|
-  -  
|
|
|
- <p class="task__label">结束:</p>
|
|
|
- <el-date-picker
|
|
|
- v-model="form.endtime"
|
|
|
- type="date"
|
|
|
- placeholder="选择日期"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- size="small">
|
|
|
- </el-date-picker>
|
|
|
- </div>
|
|
|
- <div class="normal-margin flex-align-center">
|
|
|
- <p class="task__label"><i class="el-icon-bell"></i> 提醒时间:结束前 </p>
|
|
|
- <el-input :disabled="!form.endtime" v-model="form.remindday" size="small" style="width:90px"></el-input>
|
|
|
- <p> 天</p>
|
|
|
- </div>
|
|
|
-<!-- <div class="normal-margin">
|
|
|
- <p class="task__label"><i class="el-icon-upload2"></i> 上传附件</p>
|
|
|
- <upload
|
|
|
- ref="upload"
|
|
|
- :folderid="folderid"
|
|
|
- :bindData="bindData"
|
|
|
- type="button">
|
|
|
- </upload>
|
|
|
- </div>-->
|
|
|
- <!-- <div class="normal-margin">
|
|
|
- <p class="mt-10 task__label">关联项目/客户</p>
|
|
|
- <el-input placeholder="请输入内容" disabled v-model="input3" class="input-with-select" size="small">
|
|
|
- <el-select v-model="form.nat" slot="prepend" style="width:100px" placeholder="请选择">
|
|
|
- <el-option label="不关联" value="1"></el-option>
|
|
|
- <el-option label="项目" value="2"></el-option>
|
|
|
- <el-option label="客户" value="3"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-input>
|
|
|
- </div> -->
|
|
|
- <div>
|
|
|
-<!-- <p class="mt-10 task__label">执行人员</p>-->
|
|
|
- <div class="flex-align-center flex-between">
|
|
|
- <el-popover
|
|
|
- placement="right"
|
|
|
- trigger="manual"
|
|
|
- width="400"
|
|
|
- v-model="leaderShow">
|
|
|
- <member ref="member" :param="param" :radio="true" @onSelect="setLeader" @onCancel="onCancel" source="task"></member>
|
|
|
- <el-input placeholder="请输入内容" readonly v-model="leader.name" class="input-with-select" size="small" slot="reference" @focus="showMenber">
|
|
|
- <p slot="prepend">执行人</p>
|
|
|
- </el-input>
|
|
|
- </el-popover>
|
|
|
- <el-popover
|
|
|
- placement="right"
|
|
|
- trigger="manual"
|
|
|
- width="400"
|
|
|
- v-model="assistShow">
|
|
|
- <member ref="memberAssist" :param="param" :implement="form.leaderuserid" :radio="false" @onSelect="setAssist" @onCancel="assistShow = false"></member>
|
|
|
- <el-input placeholder="请输入内容" readonly v-model="assistPerson" class="input-with-select" size="small" slot="reference" @focus="showMenberAssist">
|
|
|
- <p slot="prepend">协助人</p>
|
|
|
- </el-input>
|
|
|
- </el-popover>
|
|
|
- <!--  
|
|
|
- <el-input placeholder="请输入内容" v-model="input3" class="input-with-select" size="small">
|
|
|
- <p slot="prepend">协 办</p>
|
|
|
- </el-input> -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
+ <el-drawer
|
|
|
+ title="创建任务"
|
|
|
+ :visible.sync="dialogTableVisible"
|
|
|
+ size="700px"
|
|
|
+ direction="rtl"
|
|
|
+ append-to-body
|
|
|
+ :show-close="false"
|
|
|
+ @close="onCancel">
|
|
|
+ <div class="drawer__panel">
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-form :model="form" :rules="rules" ref="form" label-width="125px" label-position="right" size="mini">
|
|
|
+ <div v-if="typeTask == '' || typeTask == undefined">
|
|
|
+ <el-col :span="24" >
|
|
|
+ <el-form-item label="任务标题:" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入任务标题" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <el-col :span="20" >
|
|
|
+ <el-form-item label="任务标题:" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入任务标题" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4" >
|
|
|
+ <el-button type="primary" size="mini" @click="$refs.followRef.dialogTableVisible = true;$refs.followRef.listData()" :disabled="followParam.content.ownerid === ''">同步跟进内容</el-button>
|
|
|
+ </el-col>
|
|
|
+ </div>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="任务内容:" prop="remarks">
|
|
|
+ <el-input class="normal-margin" v-model="form.remarks" placeholder="输入任务内容" :autosize="{minRows:6}" type="textarea" show-word-limit maxlength="500" size="small"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="开始:" prop="starttime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="form.starttime"
|
|
|
+ type="date"
|
|
|
+ placeholder="选择日期"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ size="small">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="结束:" prop="endtime">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="form.endtime"
|
|
|
+ type="date"
|
|
|
+ placeholder="选择日期"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ size="small">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="提醒时间:结束前" prop="remindday">
|
|
|
+ <el-input :disabled="!form.endtime" v-model="form.remindday" size="small" style="width:90px"></el-input>
|
|
|
+ <span> 天</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <!-- <el-col :span="24">
|
|
|
+ <el-form-item label="上传附件:" prop="remindday">
|
|
|
+ <upload
|
|
|
+ ref="upload"
|
|
|
+ :folderid="folderid"
|
|
|
+ :bindData="bindData"
|
|
|
+ type="button">
|
|
|
+ </upload>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>-->
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="执行人:" prop="leaderuserid">
|
|
|
+ <el-popover
|
|
|
+ placement="right"
|
|
|
+ trigger="manual"
|
|
|
+ width="400"
|
|
|
+ v-model="leaderShow">
|
|
|
+ <member ref="member" :param="param" :radio="true" @onSelect="setLeader" @onCancel="leaderShow = false"></member>
|
|
|
+ <el-input placeholder="请输入内容" readonly v-model="leader.name" class="input-with-select" size="small" slot="reference" @focus="showMenber">
|
|
|
+ </el-input>
|
|
|
+ </el-popover>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="协助人:" prop="remindday">
|
|
|
+ <el-popover
|
|
|
+ placement="right"
|
|
|
+ trigger="manual"
|
|
|
+ width="400"
|
|
|
+ v-model="assistShow">
|
|
|
+ <member ref="memberAssist" :param="param" :implement="form.leaderuserid" :radio="false" @onSelect="setAssist" @onCancel="assistShow = false"></member>
|
|
|
+ <el-input placeholder="请输入内容" readonly v-model="assistPerson" class="input-with-select" size="small" slot="reference" @focus="showMenberAssist">
|
|
|
+ </el-input>
|
|
|
+ </el-popover>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <div class="fixed__btn__panel">
|
|
|
<el-button size="small" style="width:120px" @click="onCancel">取 消</el-button>
|
|
|
- <el-button type="warning" size="small" style="width:120px" @click="validateInput">创 建</el-button>
|
|
|
+ <el-button type="primary" size="small" style="width:120px" @click="validateInput">确 定</el-button>
|
|
|
</div>
|
|
|
- </el-dialog>
|
|
|
+ </el-drawer>
|
|
|
+ <followData v-if="typeTask !== '' && typeTask !== undefined" ref="followRef" :param="followParam" @follow="follow"></followData>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -96,11 +116,14 @@
|
|
|
import member from '@/template/menber/index'
|
|
|
|
|
|
import upload from '@/components/upload/preview_upload.vue';
|
|
|
+
|
|
|
+import followData from "@/HManagement/task/components/followData";
|
|
|
export default {
|
|
|
- props:['ownertable','status'],
|
|
|
+ props:['ownertable','status','typeTask','followData'],
|
|
|
components:{
|
|
|
upload,
|
|
|
- member
|
|
|
+ member,
|
|
|
+ followData
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
@@ -124,6 +147,17 @@ export default {
|
|
|
"userids":[],
|
|
|
}
|
|
|
},
|
|
|
+ rules: {
|
|
|
+ title: [
|
|
|
+ {required: true, message: '请输入任务标题', trigger: 'blur'},
|
|
|
+ ],
|
|
|
+ starttime: [
|
|
|
+ {required: true, message: '请选择开始时间', trigger: 'change'},
|
|
|
+ ],
|
|
|
+ leaderuserid: [
|
|
|
+ {required: true, message: '请选择执行人', trigger: 'change'},
|
|
|
+ ],
|
|
|
+ },
|
|
|
// 查询团队人员参数
|
|
|
params:{
|
|
|
"id": 20220930103501,
|
|
@@ -154,13 +188,24 @@ export default {
|
|
|
leader:{},
|
|
|
assist:[],
|
|
|
assistPerson:'',
|
|
|
- implement:''
|
|
|
+ implement:'',
|
|
|
+ /*跟进列表*/
|
|
|
+ followParam:{
|
|
|
+ "id": 20231207130504,
|
|
|
+ "content": {
|
|
|
+ "ownertable": "",
|
|
|
+ "ownerid": ""
|
|
|
+ },
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
onShow(){
|
|
|
+ console.log(this.typeTask,'typeTask')
|
|
|
this.dialogTableVisible = true
|
|
|
this.queryTeam()
|
|
|
+ this.followParam.content.ownertable = this.ownertable
|
|
|
+ this.followParam.content.ownerid = this.$route.query.id
|
|
|
},
|
|
|
/*获取团队信息*/
|
|
|
async queryTeam(){
|
|
@@ -188,15 +233,10 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
validateInput () {
|
|
|
- if (!this.form.title) {
|
|
|
- this.errormsg = '请输入标题'
|
|
|
- return false
|
|
|
- } else if (!this.form.starttime) {
|
|
|
- this.errormsg = '请选择开始日期'
|
|
|
- return false
|
|
|
- } else {
|
|
|
- this.submit()
|
|
|
- }
|
|
|
+ this.$refs.form.validate((valid)=>{
|
|
|
+ if (!valid) return false
|
|
|
+ this.submit()
|
|
|
+ })
|
|
|
},
|
|
|
setLeader (val) {
|
|
|
this.leader = val[0]
|
|
@@ -229,12 +269,12 @@ export default {
|
|
|
})
|
|
|
this.tool.showMessage(res,()=>{
|
|
|
this.param.content.ownerid = res.data.sys_taskid
|
|
|
- this.bindData = {
|
|
|
+ /* this.bindData = {
|
|
|
"ownertable": 'sys_task',
|
|
|
"ownerid": res.data.sys_taskid,
|
|
|
"usetype": 'default',
|
|
|
}
|
|
|
- this.$refs['upload'].toUpload()
|
|
|
+ this.$refs['upload'].toUpload()*/
|
|
|
this.$emit('onSuccess')
|
|
|
this.dialogTableVisible = false
|
|
|
this.refresh()
|
|
@@ -280,6 +320,29 @@ export default {
|
|
|
this.assistShow = false
|
|
|
this.leaderShow = false
|
|
|
this.dialogTableVisible = false
|
|
|
+ },
|
|
|
+ follow(content,type,contacts){
|
|
|
+ if (this.typeTask === '我的客户' || this.typeTask === '项目商机'){
|
|
|
+ if (contacts.length === 0){
|
|
|
+ this.form.remarks = '跟进类型:'+type+'\n'+ content
|
|
|
+ }else {
|
|
|
+ let obj = ''
|
|
|
+ contacts.forEach((item,index)=>{
|
|
|
+ if (index === contacts.length -1){
|
|
|
+ obj = obj + item
|
|
|
+ }else {
|
|
|
+ obj = obj + item + ','
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.form.remarks = '跟进类型:'+type+'\n'+ '跟进对象:'+obj+'\n' + content
|
|
|
+ }
|
|
|
+
|
|
|
+ }else if (this.typeTask === '销售线索'){
|
|
|
+ this.form.remarks = '跟进类型:'+type+'\n'+ content
|
|
|
+ }else {
|
|
|
+ this.form.remarks = content
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
/*onCancel (done) {
|
|
|
console.log("关闭")
|