|
|
@@ -3,104 +3,125 @@
|
|
|
<el-button v-show="tool.checkAuth($route.name,'update') && nowUserid === data.createuserid" size="mini" type="primary" @click="onShow(dialogTableVisible = true)">
|
|
|
编 辑
|
|
|
</el-button>
|
|
|
- <el-dialog title="编辑任务" append-to-body :visible.sync="dialogTableVisible" width="700px" @close="leaderShow = false;assistShow = false">
|
|
|
- <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="leaderShow = false"></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="paramAssist" :radio="false" :implement="implement" @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-button size="small" style="width:120px" @click="dialogTableVisible = false">取 消</el-button>
|
|
|
- <el-button type="warning" size="small" style="width:120px" @click="validateInput">保 存</el-button>
|
|
|
+ <el-drawer
|
|
|
+ title="编辑任务"
|
|
|
+ :visible.sync="dialogTableVisible"
|
|
|
+ size="700px"
|
|
|
+ direction="rtl"
|
|
|
+ append-to-body
|
|
|
+ :show-close="false"
|
|
|
+ @close="onClose">
|
|
|
+ <div class="drawer__panel">
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-form :model="form" :rules="rules" ref="form" label-width="125px" label-position="right" size="mini">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="任务标题:" prop="title">
|
|
|
+ <el-input v-model="form.title" placeholder="请输入任务标题" ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-form-item label="关联应用数据:" prop="tableName">
|
|
|
+ <el-input v-model="form.tableName" placeholder="请选择关联应用数据" @focus="$refs.applicationRef.dialogTableVisible = true;$refs.applicationRef.listData()" readonly></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>
|
|
|
+ <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="100" 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="onClose">取 消</el-button>
|
|
|
+ <el-button type="primary" size="small" style="width:120px" @click="validateInput">确 定</el-button>
|
|
|
</div>
|
|
|
- </el-dialog>
|
|
|
+ </el-drawer>
|
|
|
+ <applicationData ref="applicationRef" @selectApplication="selectApplication"></applicationData>
|
|
|
+ <followData ref="followRef" :param="followParam" @follow="follow"></followData>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
import member from '@/template/menber/index.vue'
|
|
|
|
|
|
import upload from '@/components/upload/preview_upload.vue';
|
|
|
+
|
|
|
+import applicationData from "@/HManagement/task/components/applicationData";
|
|
|
+import followData from "@/HManagement/task/components/followData";
|
|
|
export default {
|
|
|
props:['data'],
|
|
|
components:{
|
|
|
upload,
|
|
|
- member
|
|
|
+ member,
|
|
|
+ applicationData,
|
|
|
+ followData
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
@@ -124,6 +145,17 @@ export default {
|
|
|
"userids":[],
|
|
|
}
|
|
|
},
|
|
|
+ rules: {
|
|
|
+ title: [
|
|
|
+ {required: true, message: '请输入任务标题', trigger: 'blur'},
|
|
|
+ ],
|
|
|
+ starttime: [
|
|
|
+ {required: true, message: '请选择开始时间', trigger: 'change'},
|
|
|
+ ],
|
|
|
+ leaderuserid: [
|
|
|
+ {required: true, message: '请选择执行人', trigger: 'change'},
|
|
|
+ ],
|
|
|
+ },
|
|
|
// 查询可选择人员参数
|
|
|
param:{
|
|
|
id:'20221018122201',
|
|
|
@@ -151,32 +183,36 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
errormsg:'',
|
|
|
bindData:{},
|
|
|
leader:{},
|
|
|
assistPerson:'',
|
|
|
assist:[],
|
|
|
- implement:''
|
|
|
+ implement:'',
|
|
|
+ /*跟进列表*/
|
|
|
+ followParam:{
|
|
|
+ "id": 20231207130504,
|
|
|
+ "content": {
|
|
|
+ "ownertable": "",
|
|
|
+ "ownerid": ""
|
|
|
+ },
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
onShow () {
|
|
|
this.form = Object.assign({},this.form,this.data)
|
|
|
+ console.log(this.form,'form表单数据')
|
|
|
this.leader = this.data.leader[0]?this.data.leader[0]:''
|
|
|
this.implement = this.data.leader[0].userid
|
|
|
+ this.form.leaderuserid = this.data.leader[0].userid
|
|
|
this.assistList(this.data.sys_taskid)
|
|
|
},
|
|
|
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]
|
|
|
@@ -276,6 +312,23 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
this.$emit('onSuccess')
|
|
|
+ },
|
|
|
+ onClose(){
|
|
|
+ this.dialogTableVisible = false
|
|
|
+ this.leader = {}
|
|
|
+ this.assistPerson = ''
|
|
|
+ this.assist = []
|
|
|
+ this.$refs.form.resetFields()
|
|
|
+ },
|
|
|
+ selectApplication(ownerid,ownertable){
|
|
|
+ this.followParam.content.ownertable = ownertable
|
|
|
+ this.followParam.content.ownerid = ownerid
|
|
|
+ this.form.ownertable = ownertable
|
|
|
+ this.form.ownerid = ownerid
|
|
|
+ this.form.tableName = ownertable === 'sat_orderclue'?'销售线索':ownertable === 'sa_customers'?'我的客户':ownertable === 'sa_porject'?'项目商机':''
|
|
|
+ },
|
|
|
+ follow(data){
|
|
|
+ this.form.remarks = data
|
|
|
}
|
|
|
}
|
|
|
}
|
qymljy