|
@@ -93,8 +93,8 @@
|
|
|
>
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
<!-- <el-table-column label="主键ID" align="center" prop="id" /> -->
|
|
|
- <el-table-column label="项目编号" align="center" prop="porjectId" />
|
|
|
- <el-table-column label="项目名称" align="center" prop="porjectName" />
|
|
|
+ <el-table-column label="项目编号" align="center" prop="projectId" />
|
|
|
+ <el-table-column label="项目名称" align="center" prop="projectName" />
|
|
|
<el-table-column label="跟进人" align="center" prop="upPerson" />
|
|
|
<el-table-column label="跟进方式" align="center" prop="upWay" />
|
|
|
<el-table-column label="跟进内容" align="center" prop="upContent" />
|
|
@@ -108,7 +108,7 @@
|
|
|
<span>{{ parseTime(scope.row.realityUpDate, "{y}-{m}-{d}") }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="创建时间" align="center" prop="creatTime" />
|
|
|
+ <el-table-column label="创建时间" align="center" prop="createTime" />
|
|
|
<el-table-column
|
|
|
label="操作"
|
|
|
align="center"
|
|
@@ -144,17 +144,43 @@
|
|
|
/>
|
|
|
|
|
|
<!-- 添加或修改跟进记录对话框 -->
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
- <el-form-item label="项目名称">
|
|
|
- <el-input
|
|
|
- readonly
|
|
|
- v-model="form.id"
|
|
|
- placeholder="请选择"
|
|
|
- @click="showProjectItem = true"
|
|
|
- />
|
|
|
- <!-- <div @click="showProjectItem = true">请选择</div> -->
|
|
|
- <projectItem :showProjectItem="showProjectItem"></projectItem>
|
|
|
+ <el-dialog
|
|
|
+ :title="title"
|
|
|
+ :visible.sync="open"
|
|
|
+ width="1000px"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ class="special-el-form"
|
|
|
+ ref="form"
|
|
|
+ :model="form"
|
|
|
+ :rules="rules"
|
|
|
+ label-width="120px"
|
|
|
+ >
|
|
|
+ <el-form-item label="项目名称" prop="projectName">
|
|
|
+ <div
|
|
|
+ class="el-input__inner inputSimulation"
|
|
|
+ @click="handleProjectItem"
|
|
|
+ >
|
|
|
+ {{ form.projectName ? form.projectName : "请选择 " }}
|
|
|
+ </div>
|
|
|
+ <projectItem
|
|
|
+ ref="projectItem"
|
|
|
+ @getProjectInfo="getProjectInfo"
|
|
|
+ ></projectItem>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="项目阶段" prop="projectStage">
|
|
|
+ <el-select v-model="form.projectStage" disabled placeholder="">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.project_stage"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="联系人" prop="contacts">
|
|
|
+ <el-input disabled v-model="form.contacts" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="跟进日期" prop="realityUpDate">
|
|
|
<el-date-picker
|
|
@@ -166,9 +192,18 @@
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="跟进人" prop=""> </el-form-item>
|
|
|
- <el-form-item label="跟进方式" prop="">
|
|
|
- <el-select v-model="form.porjectGroup" placeholder="请选择跟进方式">
|
|
|
+ <el-form-item label="跟进人" prop="upPerson">
|
|
|
+ <div class="el-input__inner inputSimulation" @click="openSelectDept">
|
|
|
+ {{ form.upPerson ? form.upPerson : "请选择 " }}
|
|
|
+ </div>
|
|
|
+ <selecDept
|
|
|
+ ref="selecDepts"
|
|
|
+ @getDeptUserInfo="getDeptUserInfo"
|
|
|
+ :deptId="deptId"
|
|
|
+ ></selecDept>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="跟进方式" prop="upWay">
|
|
|
+ <el-select v-model="form.upWay" placeholder="请选择跟进方式">
|
|
|
<el-option
|
|
|
v-for="dict in dict.type.up_way"
|
|
|
:key="dict.value"
|
|
@@ -177,7 +212,14 @@
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="跟进内容">
|
|
|
+ <el-form-item label="附件" prop="file">
|
|
|
+ <fileItem :id="form.id" @getFileList="getFileList"></fileItem>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="跟进内容"
|
|
|
+ prop="upContent"
|
|
|
+ class="special-el-form-item"
|
|
|
+ >
|
|
|
<el-input
|
|
|
rows="4"
|
|
|
type="textarea"
|
|
@@ -185,20 +227,8 @@
|
|
|
placeholder="请输入跟进内容"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="附件" prop="file">
|
|
|
- <el-upload
|
|
|
- class="upload-demo"
|
|
|
- action=""
|
|
|
- :on-preview="handlePreview"
|
|
|
- :on-remove="handleRemove"
|
|
|
- :before-remove="beforeRemove"
|
|
|
- multiple
|
|
|
- :file-list="fileList"
|
|
|
- >
|
|
|
- <el-button size="small" type="primary">点击上传</el-button>
|
|
|
- </el-upload>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="备注">
|
|
|
+
|
|
|
+ <el-form-item label="备注" prop="mark" class="special-el-form-item">
|
|
|
<el-input
|
|
|
rows="4"
|
|
|
type="textarea"
|
|
@@ -206,9 +236,6 @@
|
|
|
placeholder="请输入备注"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <!-- <el-form-item label="状态" prop="delFlag">
|
|
|
- <el-input v-model="form.delFlag" placeholder="请输入状态" />
|
|
|
- </el-form-item> -->
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
@@ -227,6 +254,8 @@ import {
|
|
|
updateRecord,
|
|
|
} from "@/api/invest/record";
|
|
|
import projectItem from "./projectItem";
|
|
|
+import fileItem from "./fileItem";
|
|
|
+import selecDept from "./selecDept";
|
|
|
|
|
|
export default {
|
|
|
props: {
|
|
@@ -235,10 +264,11 @@ export default {
|
|
|
default: "1", //1=显示全部列表 2=显示某项目下的详情列表
|
|
|
},
|
|
|
},
|
|
|
- dicts: ["up_way"],
|
|
|
- components: { projectItem },
|
|
|
+ dicts: ["up_way", "project_stage"],
|
|
|
+ components: { projectItem, fileItem, selecDept },
|
|
|
data() {
|
|
|
return {
|
|
|
+ deptId: "",
|
|
|
fileList: [],
|
|
|
showProjectItem: false,
|
|
|
// 遮罩层
|
|
@@ -263,22 +293,71 @@ export default {
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
- porjectId: null,
|
|
|
+ projectId: null,
|
|
|
contacts: null,
|
|
|
realityUpDate: null,
|
|
|
upPerson: null,
|
|
|
upWay: null,
|
|
|
},
|
|
|
// 表单参数
|
|
|
- form: {},
|
|
|
+ form: {
|
|
|
+ id: null,
|
|
|
+ projectId: null,
|
|
|
+ projectName: null,
|
|
|
+ projectStage: null,
|
|
|
+ contacts: null,
|
|
|
+ realityUpDate: null,
|
|
|
+ upPerson: null,
|
|
|
+ upWay: null,
|
|
|
+ upContent: null,
|
|
|
+ mark: null,
|
|
|
+ delFlag: null,
|
|
|
+ createBy: null,
|
|
|
+ createTime: null,
|
|
|
+ updateBy: null,
|
|
|
+ updateTime: null,
|
|
|
+ },
|
|
|
// 表单校验
|
|
|
- rules: {},
|
|
|
+ rules: {
|
|
|
+ projectName: [{ required: true, trigger: "blur", message: "请选择" }],
|
|
|
+ // contacts: [{ required: true, trigger: "blur", message: "请输入" }],
|
|
|
+ realityUpDate: [{ required: true, trigger: "blur", message: "请选择" }],
|
|
|
+ upWay: [{ required: true, trigger: "change", message: "请选择" }],
|
|
|
+ upContent: [{ required: true, trigger: "blur", message: "请输入" }],
|
|
|
+ upPerson: [{ required: true, trigger: "blur", message: "请选择" }],
|
|
|
+ },
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
this.getList();
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 选择部门人
|
|
|
+ openSelectDept() {
|
|
|
+ this.$refs.selecDepts.show();
|
|
|
+ },
|
|
|
+ getDeptUserInfo(info) {
|
|
|
+ this.form.upPerson = info[0].nickName;
|
|
|
+ },
|
|
|
+ // 获取公司信息
|
|
|
+ getProjectInfo(info) {
|
|
|
+ this.form.projectId = info[0].id;
|
|
|
+ this.form.projectName = info[0].projectName;
|
|
|
+ this.form.projectStage = info[0].projectStage;
|
|
|
+ this.form.projectState = info[0].projectState;
|
|
|
+ // 联系人
|
|
|
+ this.form.contacts = info[0].tProjectContacts.name;
|
|
|
+ // this.form.projectState = info[0].tProjectContacts;
|
|
|
+ console.log("this.form=", this.form);
|
|
|
+ },
|
|
|
+ //展示人员
|
|
|
+ handleProjectItem() {
|
|
|
+ this.$refs.projectItem.showProjectItem = true;
|
|
|
+ },
|
|
|
+ // 获取fileList
|
|
|
+ getFileList(fileList) {
|
|
|
+ this.fileList = fileList;
|
|
|
+ },
|
|
|
/** 查询跟进记录列表 */
|
|
|
getList() {
|
|
|
this.loading = true;
|
|
@@ -297,7 +376,9 @@ export default {
|
|
|
reset() {
|
|
|
this.form = {
|
|
|
id: null,
|
|
|
- porjectId: null,
|
|
|
+ projectId: null,
|
|
|
+ projectName: null,
|
|
|
+ projectStage: null,
|
|
|
contacts: null,
|
|
|
realityUpDate: null,
|
|
|
upPerson: null,
|
|
@@ -348,6 +429,7 @@ export default {
|
|
|
submitForm() {
|
|
|
this.$refs["form"].validate((valid) => {
|
|
|
if (valid) {
|
|
|
+ this.form.listFile = this.fileList;
|
|
|
if (this.form.id != null) {
|
|
|
updateRecord(this.form).then((response) => {
|
|
|
this.$modal.msgSuccess("修改成功");
|
|
@@ -388,15 +470,10 @@ export default {
|
|
|
`record_${new Date().getTime()}.xlsx`
|
|
|
);
|
|
|
},
|
|
|
- handleRemove(file, fileList) {
|
|
|
- console.log(file, fileList);
|
|
|
- },
|
|
|
- handlePreview(file) {
|
|
|
- console.log(file);
|
|
|
- },
|
|
|
- beforeRemove(file, fileList) {
|
|
|
- return this.$confirm(`确定移除 ${file.name}?`);
|
|
|
- },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.inputSimulation {
|
|
|
+}
|
|
|
+</style>
|