修复部分错误
This commit is contained in:
shengchanzhe
parent
a6582fce24
commit
0d22ab7346
@ -5,19 +5,26 @@
|
|||||||
<div class="detail-popup">
|
<div class="detail-popup">
|
||||||
<popup ref="popupRef" title="客户联系人详情" :async="true" width="40%" @confirm="handleSubmit" @close="handleClose">
|
<popup ref="popupRef" title="客户联系人详情" :async="true" width="40%" @confirm="handleSubmit" @close="handleClose">
|
||||||
<el-descriptions :column="1" border>
|
<el-descriptions :column="1" border>
|
||||||
<el-descriptions-item label="客户名称" label-align="left" align="left" label-class-name="my-label">{{ formData.custom_name }}</el-descriptions-item>
|
<el-descriptions-item label="客户名称" label-align="left" align="left" label-class-name="my-label">{{
|
||||||
<el-descriptions-item label="姓名" label-align="left" align="left" label-class-name="my-label"> {{ formData.name }}</el-descriptions-item>
|
formData.custom_name }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="职位" label-align="left" align="left" label-class-name="my-label"> {{ formData.position }}</el-descriptions-item>
|
<el-descriptions-item label="姓名" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.name }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="职位" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.position }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="手机" label-align="left" align="left" label-class-name="my-label">
|
<el-descriptions-item label="手机" label-align="left" align="left" label-class-name="my-label">
|
||||||
{{ formData.phone }}
|
{{ formData.phone }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="电话" label-align="left" align="left" label-class-name="my-label"> {{ formData.telephone }}</el-descriptions-item>
|
<el-descriptions-item label="电话" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
<el-descriptions-item label="邮箱" label-align="left" align="left" label-class-name="my-label"> {{ formData.email }}</el-descriptions-item>
|
formData.telephone }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="备注" label-align="left" align="left" label-class-name="my-label"> {{ formData.notes }}</el-descriptions-item>
|
<el-descriptions-item label="邮箱" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.email }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="备注" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.notes }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="附件" label-align="left" align="left" label-class-name="my-label">
|
<el-descriptions-item label="附件" label-align="left" align="left" label-class-name="my-label">
|
||||||
<div v-if="formData.annex && formData.annex.length > 0">
|
<div v-if="formData.annex && formData.annex.length > 0">
|
||||||
<div v-for="(item, index) in formData.annex" style="margin-left: 5px;display: block;">
|
<div v-for="(item, index) in formData.annex" style="margin-left: 5px;display: block;">
|
||||||
<el-link style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item" target="_blank">文件{{ index + 1 }}查看</el-link>
|
<el-link style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item.uri"
|
||||||
|
target="_blank">文件{{ index + 1 }}查看</el-link>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -25,11 +32,15 @@
|
|||||||
暂无文件
|
暂无文件
|
||||||
</div>
|
</div>
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="添加人" label-align="left" align="left" label-class-name="my-label"></el-descriptions-item>
|
<el-descriptions-item label="添加人" label-align="left" align="left"
|
||||||
|
label-class-name="my-label"></el-descriptions-item>
|
||||||
|
|
||||||
<el-descriptions-item label="创建日期" label-align="left" align="left" label-class-name="my-label"></el-descriptions-item>
|
<el-descriptions-item label="创建日期" label-align="left" align="left"
|
||||||
<el-descriptions-item label="更新人" label-align="left" align="left" label-class-name="my-label"></el-descriptions-item>
|
label-class-name="my-label"></el-descriptions-item>
|
||||||
<el-descriptions-item label="更新日期" label-align="left" align="left" label-class-name="my-label"></el-descriptions-item>
|
<el-descriptions-item label="更新人" label-align="left" align="left"
|
||||||
|
label-class-name="my-label"></el-descriptions-item>
|
||||||
|
<el-descriptions-item label="更新日期" label-align="left" align="left"
|
||||||
|
label-class-name="my-label"></el-descriptions-item>
|
||||||
|
|
||||||
</el-descriptions>
|
</el-descriptions>
|
||||||
|
|
||||||
|
|||||||
@ -44,7 +44,11 @@
|
|||||||
<material-picker v-model="formData.annex" type="file" />
|
<material-picker v-model="formData.annex" type="file" />
|
||||||
</el-form-item> -->
|
</el-form-item> -->
|
||||||
<el-form-item label="附件" prop="field127">
|
<el-form-item label="附件" prop="field127">
|
||||||
<el-upload accept="doc, docx, xls, xlsx, ppt, pptx, pdf, txt, zip, rar, tar, jpg, png, gif, jpeg, webp, wmv, avi, mpg, mpeg, 3gp, mov, mp4, flv, f4v, rmvb, mkv" class="upload-demo" :show-file-list="false" aria-hidden="true" :headers="{ Token: userStore.token }" :action="base_url + '/upload/file'" :on-success="handleAvatarSuccess_four" ref="upload">
|
<el-upload
|
||||||
|
accept="doc, docx, xls, xlsx, ppt, pptx, pdf, txt, zip, rar, tar, jpg, png, gif, jpeg, webp, wmv, avi, mpg, mpeg, 3gp, mov, mp4, flv, f4v, rmvb, mkv"
|
||||||
|
class="upload-demo" :show-file-list="false" aria-hidden="true"
|
||||||
|
:headers="{ Token: userStore.token }" :action="base_url + '/upload/file'"
|
||||||
|
:on-success="handleAvatarSuccess_four" ref="upload">
|
||||||
<el-button type="primary">
|
<el-button type="primary">
|
||||||
上传
|
上传
|
||||||
</el-button>
|
</el-button>
|
||||||
@ -52,7 +56,8 @@
|
|||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div v-for="(item, index) in formData.annex" style="margin-left: 5px;display: block;">
|
<div v-for="(item, index) in formData.annex" style="margin-left: 5px;display: block;">
|
||||||
<a style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item.uri" target="_blank">{{ item.name }}</a>
|
<a style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item.uri"
|
||||||
|
target="_blank">{{ item.name }}</a>
|
||||||
<span style="cursor: pointer;margin-left: 5px;" @click="delFileFn(index)">x</span>
|
<span style="cursor: pointer;margin-left: 5px;" @click="delFileFn(index)">x</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -24,14 +24,15 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="客户名称" prop="project_id" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
<el-form-item label="客户名称" prop="project_id"
|
||||||
|
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
||||||
<el-input v-model="custom_name" disabled clearable placeholder="系统自动填写" />
|
<el-input v-model="custom_name" disabled clearable placeholder="系统自动填写" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="合同号" prop="project_id" @click="showDialog2 = true">
|
<el-form-item label="合同号" prop="contract_id" @click="showDialog2 = true">
|
||||||
<el-input v-model="project_code" clearable readonly placeholder="系统自动填写" />
|
<el-input v-model="contract_id" clearable readonly placeholder="系统自动填写" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<!-- <el-col :span="12">
|
<!-- <el-col :span="12">
|
||||||
@ -52,39 +53,48 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="日期" prop="date" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
<el-form-item label="日期" prop="date"
|
||||||
<el-date-picker class="flex-1 !flex" v-model="formData.date" clearable type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择日期">
|
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
||||||
|
<el-date-picker class="flex-1 !flex" v-model="formData.date" clearable type="datetime"
|
||||||
|
value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择日期">
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="分类" prop="classification" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
<el-form-item label="分类" prop="classification"
|
||||||
|
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
||||||
<el-select class="flex-1" v-model="formData.classification" clearable placeholder="请选择分类">
|
<el-select class="flex-1" v-model="formData.classification" clearable placeholder="请选择分类">
|
||||||
<el-option v-for="(item, index) in dictData.classification" :key="index" :label="item.name" :value="parseInt(item.value)" />
|
<el-option v-for="(item, index) in dictData.classification" :key="index" :label="item.name"
|
||||||
|
:value="parseInt(item.value)" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="紧急程度" prop="urgency" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
<el-form-item label="紧急程度" prop="urgency"
|
||||||
|
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
||||||
<el-radio-group v-model="formData.urgency" placeholder="请选择紧急程度">
|
<el-radio-group v-model="formData.urgency" placeholder="请选择紧急程度">
|
||||||
<el-radio v-for="(item, index) in dictData.urgency" :key="index" :label="parseInt(item.value)">
|
<el-radio v-for="(item, index) in dictData.urgency" :key="index"
|
||||||
|
:label="parseInt(item.value)">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="接待人" prop="receiver" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
<el-form-item label="接待人" prop="receiver"
|
||||||
|
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
||||||
<el-input v-model="formData.receiver" clearable placeholder="请输入接待人" />
|
<el-input v-model="formData.receiver" clearable placeholder="请输入接待人" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="指定处理人" prop="processed_admin_id" @click="userclick" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
<el-form-item label="指定处理人" prop="processed_admin_id" @click="userclick"
|
||||||
|
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
||||||
<el-input v-model="processed_admin_name" clearable readonly placeholder="请输入指定处理人" />
|
<el-input v-model="processed_admin_name" clearable readonly placeholder="请输入指定处理人" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item label="投诉主题" prop="name" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
<el-form-item label="投诉主题" prop="name"
|
||||||
|
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
||||||
<el-input v-model="formData.name" clearable placeholder="请输入投诉主题" />
|
<el-input v-model="formData.name" clearable placeholder="请输入投诉主题" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
@ -103,7 +113,11 @@
|
|||||||
|
|
||||||
<!-- <material-picker v-model="formData.annex" /> -->
|
<!-- <material-picker v-model="formData.annex" /> -->
|
||||||
<el-form-item label="附件" prop="field127">
|
<el-form-item label="附件" prop="field127">
|
||||||
<el-upload accept="doc, docx, xls, xlsx, ppt, pptx, pdf, txt, zip, rar, tar, jpg, png, gif, jpeg, webp, wmv, avi, mpg, mpeg, 3gp, mov, mp4, flv, f4v, rmvb, mkv" class="upload-demo" :show-file-list="false" aria-hidden="true" :headers="{ Token: userStore.token }" :action="base_url + '/upload/file'" :on-success="handleAvatarSuccess_four" ref="upload">
|
<el-upload
|
||||||
|
accept="doc, docx, xls, xlsx, ppt, pptx, pdf, txt, zip, rar, tar, jpg, png, gif, jpeg, webp, wmv, avi, mpg, mpeg, 3gp, mov, mp4, flv, f4v, rmvb, mkv"
|
||||||
|
class="upload-demo" :show-file-list="false" aria-hidden="true"
|
||||||
|
:headers="{ Token: userStore.token }" :action="base_url + '/upload/file'"
|
||||||
|
:on-success="handleAvatarSuccess_four" ref="upload">
|
||||||
<el-button type="primary">
|
<el-button type="primary">
|
||||||
上传
|
上传
|
||||||
</el-button>
|
</el-button>
|
||||||
@ -111,7 +125,8 @@
|
|||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div v-for="(item, index) in formDataannex" style="margin-left: 5px;display: block;">
|
<div v-for="(item, index) in formDataannex" style="margin-left: 5px;display: block;">
|
||||||
<a style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item.uri" target="_blank">{{ item.name }}</a>
|
<a style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item.uri"
|
||||||
|
target="_blank">{{ item.name }}</a>
|
||||||
<span style="cursor: pointer;margin-left: 5px;" @click="delFileFn(index)">x</span>
|
<span style="cursor: pointer;margin-left: 5px;" @click="delFileFn(index)">x</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -167,6 +182,7 @@ const showDialog2 = ref(false)
|
|||||||
const custom_name = ref('')
|
const custom_name = ref('')
|
||||||
const project_name = ref('')
|
const project_name = ref('')
|
||||||
const project_code = ref('')
|
const project_code = ref('')
|
||||||
|
const contract_id = ref('')
|
||||||
const processed_admin_name = ref('')
|
const processed_admin_name = ref('')
|
||||||
const personnel = ref<any>()
|
const personnel = ref<any>()
|
||||||
const formDataannex = reactive([])
|
const formDataannex = reactive([])
|
||||||
|
|||||||
@ -3,16 +3,20 @@
|
|||||||
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" @close="handleClose">
|
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" @close="handleClose">
|
||||||
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
|
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
|
||||||
<el-form-item label="组织id" prop="org_id" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
<el-form-item label="组织id" prop="org_id" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
||||||
<el-select class="flex-1" v-model="formData.org_id" clearable placeholder="请选择组织id" @change="area_change">
|
<el-select class="flex-1" v-model="formData.org_id" clearable placeholder="请选择组织id"
|
||||||
<el-option v-for="(item, index) in orglist" :key="index" :label="item.name" :value="parseInt(item.id)" />
|
@change="area_change">
|
||||||
|
<el-option v-for="(item, index) in orglist" :key="index" :label="item.name"
|
||||||
|
:value="parseInt(item.id)" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="部门id" prop="dept_id" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
<el-form-item label="部门id" prop="dept_id" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
||||||
<el-select class="flex-1" v-model="formData.dept_id" clearable placeholder="请选择部门id">
|
<el-select class="flex-1" v-model="formData.dept_id" clearable placeholder="请选择部门id">
|
||||||
<el-option v-for="(item, index) in jobs" :key="index" :label="item.name" :value="parseInt(item.id)" />
|
<el-option v-for="(item, index) in jobs" :key="index" :label="item.name"
|
||||||
|
:value="parseInt(item.id)" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="项目名称" prop="project_id" @click="showDialog = true" :rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
<el-form-item label="项目名称" prop="project_id" @click="showDialog = true"
|
||||||
|
:rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
||||||
<el-input v-model="project_name" clearable placeholder="请选择项目" />
|
<el-input v-model="project_name" clearable placeholder="请选择项目" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="项目编码" prop="project_id">
|
<el-form-item label="项目编码" prop="project_id">
|
||||||
@ -29,7 +33,8 @@
|
|||||||
<el-form-item label="需求提供人" prop="supplier">
|
<el-form-item label="需求提供人" prop="supplier">
|
||||||
<el-input v-model="formData.supplier" clearable placeholder="请输入需求提供人" />
|
<el-input v-model="formData.supplier" clearable placeholder="请输入需求提供人" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="提供人联系方式" prop="supplier_contacts" :rules="[{ validator: checkPhone, trigger: 'blur' }]">
|
<el-form-item label="提供人联系方式" prop="supplier_contacts"
|
||||||
|
:rules="[{ validator: checkPhone, trigger: 'blur' }]">
|
||||||
<el-input v-model="formData.supplier_contacts" clearable placeholder="请输入提供人联系方式" />
|
<el-input v-model="formData.supplier_contacts" clearable placeholder="请输入提供人联系方式" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="重要程度" prop="importance">
|
<el-form-item label="重要程度" prop="importance">
|
||||||
@ -40,7 +45,8 @@
|
|||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="记录时间" prop="recording_time">
|
<el-form-item label="记录时间" prop="recording_time">
|
||||||
<el-date-picker class="flex-1 !flex" v-model="formData.recording_time" clearable type="date" value-format="YYYY-MM-DD" placeholder="选择记录时间">
|
<el-date-picker class="flex-1 !flex" v-model="formData.recording_time" clearable type="date"
|
||||||
|
value-format="YYYY-MM-DD" placeholder="选择记录时间">
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
@ -48,7 +54,10 @@
|
|||||||
<el-input v-model="formData.demand_content" clearable placeholder="请输入需求内容" />
|
<el-input v-model="formData.demand_content" clearable placeholder="请输入需求内容" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="附件" prop="field127">
|
<el-form-item label="附件" prop="field127">
|
||||||
<el-upload accept="doc, docx, xls, xlsx, ppt, pptx, pdf, txt, zip, rar, tar, jpg, png, gif, jpeg, webp, wmv, avi, mpg, mpeg, 3gp, mov, mp4, flv, f4v, rmvb, mkv" class="upload-demo" :show-file-list="false" aria-hidden="true" :headers="{ Token: userStore.token }" :action="base_url + '/upload/file'" :on-success="handleAvatarSuccess_four" ref="upload">
|
<el-upload
|
||||||
|
accept="doc, docx, xls, xlsx, ppt, pptx, pdf, txt, zip, rar, tar, jpg, png, gif, jpeg, webp, wmv, avi, mpg, mpeg, 3gp, mov, mp4, flv, f4v, rmvb, mkv"
|
||||||
|
class="upload-demo" :show-file-list="false" aria-hidden="true" :headers="{ Token: userStore.token }"
|
||||||
|
:action="base_url + '/upload/file'" :on-success="handleAvatarSuccess_four" ref="upload">
|
||||||
<el-button type="primary">
|
<el-button type="primary">
|
||||||
上传
|
上传
|
||||||
</el-button>
|
</el-button>
|
||||||
@ -56,7 +65,8 @@
|
|||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div v-for="(item, index) in formDataannex" style="margin-left: 5px;display: block;">
|
<div v-for="(item, index) in formDataannex" style="margin-left: 5px;display: block;">
|
||||||
<a style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item.uri" target="_blank">{{ item.name }}</a>
|
<a style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item.uri"
|
||||||
|
target="_blank">{{ item.name }}</a>
|
||||||
<span style="cursor: pointer;margin-left: 5px;" @click="delFileFn(index)">x</span>
|
<span style="cursor: pointer;margin-left: 5px;" @click="delFileFn(index)">x</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -168,7 +178,7 @@ const formData = reactive({
|
|||||||
importance: '',
|
importance: '',
|
||||||
recording_time: '',
|
recording_time: '',
|
||||||
demand_content: '',
|
demand_content: '',
|
||||||
annex: '',
|
annex: [],
|
||||||
})
|
})
|
||||||
const checkPhone = (rule: any, value: any, callback: (arg0: Error) => any) => {
|
const checkPhone = (rule: any, value: any, callback: (arg0: Error) => any) => {
|
||||||
const phoneReg = /^1[3|4|5|7|8][0-9]{9}$/
|
const phoneReg = /^1[3|4|5|7|8][0-9]{9}$/
|
||||||
@ -231,7 +241,7 @@ const getDetail = async (row: Record<string, any>) => {
|
|||||||
// 提交按钮
|
// 提交按钮
|
||||||
const handleSubmit = async () => {
|
const handleSubmit = async () => {
|
||||||
if (formDataannex.length > 0) {
|
if (formDataannex.length > 0) {
|
||||||
formData.annex = JSON.stringify(formDataannex.map((item) => item.uri))
|
formData.annex = formDataannex.map((item) => item.uri)
|
||||||
}
|
}
|
||||||
await formRef.value?.validate()
|
await formRef.value?.validate()
|
||||||
const data = { ...formData, }
|
const data = { ...formData, }
|
||||||
|
|||||||
@ -4,59 +4,75 @@
|
|||||||
<popup ref="popupRef" title="项目更近记录详情" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose">
|
<popup ref="popupRef" title="项目更近记录详情" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose">
|
||||||
|
|
||||||
<el-descriptions :column="2" border>
|
<el-descriptions :column="2" border>
|
||||||
<el-descriptions-item label="客户名称" label-align="left" align="left" label-class-name="my-label">{{ formData.custom_name }}</el-descriptions-item>
|
<el-descriptions-item label="客户名称" label-align="left" align="left" label-class-name="my-label">{{
|
||||||
<el-descriptions-item label="项目名称" label-align="left" align="left" label-class-name="my-label"> {{ formData.project_name }}</el-descriptions-item>
|
formData.custom_name }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="项目编码" label-align="left" align="left" label-class-name="my-label"> {{ formData.project_code }}</el-descriptions-item>
|
<el-descriptions-item label="项目名称" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.project_name }}</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="项目编码" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.project_code }}</el-descriptions-item>
|
||||||
<el-descriptions-item label="执行人" label-align="left" align="left" label-class-name="my-label">
|
<el-descriptions-item label="执行人" label-align="left" align="left" label-class-name="my-label">
|
||||||
{{ formData.executor }}
|
{{ formData.executor }}
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
<el-descriptions-item label="联系人" label-align="left" align="left" label-class-name="my-label"> {{ formData.contacts
|
<el-descriptions-item label="联系人" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.contacts
|
||||||
}}</el-descriptions-item>
|
}}</el-descriptions-item>
|
||||||
<el-descriptions-item label="联系方式" label-align="left" align="left" label-class-name="my-label"> {{ formData.contact_information
|
<el-descriptions-item label="联系方式" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.contact_information
|
||||||
|
|
||||||
}}</el-descriptions-item>
|
}}</el-descriptions-item>
|
||||||
|
|
||||||
<el-descriptions-item label="项目角色" label-align="left" align="left" label-class-name="my-label"> {{ formData.project_role
|
<el-descriptions-item label="项目角色" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.project_role
|
||||||
|
|
||||||
|
|
||||||
}}</el-descriptions-item>
|
}}</el-descriptions-item>
|
||||||
|
|
||||||
<el-descriptions-item label="职位" label-align="left" align="left" label-class-name="my-label"> {{ formData.position
|
<el-descriptions-item label="职位" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.position
|
||||||
|
|
||||||
}}</el-descriptions-item>
|
}}</el-descriptions-item>
|
||||||
<el-descriptions-item label="日期" label-align="left" align="left" label-class-name="my-label"> {{ formData.follow_date
|
<el-descriptions-item label="日期" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.follow_date
|
||||||
|
|
||||||
}}</el-descriptions-item>
|
}}</el-descriptions-item>
|
||||||
|
|
||||||
<el-descriptions-item label="主题" label-align="left" align="left" label-class-name="my-label"> {{ formData.theme
|
<el-descriptions-item label="主题" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.theme
|
||||||
|
|
||||||
}}</el-descriptions-item>
|
}}</el-descriptions-item>
|
||||||
<el-descriptions-item label="行动描述" label-align="left" align="left" label-class-name="my-label"> {{ formData.action_description
|
<el-descriptions-item label="行动描述" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.action_description
|
||||||
|
|
||||||
|
|
||||||
}}</el-descriptions-item>
|
}}</el-descriptions-item>
|
||||||
<el-descriptions-item label="项目把握度" label-align="left" align="left" label-class-name="my-label"> {{ formData.project_assurance_text
|
<el-descriptions-item label="项目把握度" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.project_assurance_text
|
||||||
|
|
||||||
|
|
||||||
}}</el-descriptions-item>
|
}}</el-descriptions-item>
|
||||||
<el-descriptions-item label="状态" label-align="left" align="left" label-class-name="my-label"> {{ formData.follow_status_text
|
<el-descriptions-item label="状态" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.follow_status_text
|
||||||
|
|
||||||
|
|
||||||
}}</el-descriptions-item>
|
}}</el-descriptions-item>
|
||||||
|
|
||||||
<el-descriptions-item label="阶段" label-align="left" align="left" label-class-name="my-label"> {{ formData.follow_stage_text
|
<el-descriptions-item label="阶段" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.follow_stage_text
|
||||||
|
|
||||||
|
|
||||||
}}</el-descriptions-item>
|
}}</el-descriptions-item>
|
||||||
<el-descriptions-item label="备注" label-align="left" align="left" label-class-name="my-label"> {{ formData.notes
|
<el-descriptions-item label="备注" label-align="left" align="left" label-class-name="my-label"> {{
|
||||||
|
formData.notes
|
||||||
|
|
||||||
}}</el-descriptions-item><el-descriptions-item label="下次回访日期" label-align="left" align="left" label-class-name="my-label"> {{ formData.next_follow_up_date
|
}}</el-descriptions-item><el-descriptions-item label="下次回访日期" label-align="left" align="left"
|
||||||
|
label-class-name="my-label"> {{ formData.next_follow_up_date
|
||||||
|
|
||||||
}}</el-descriptions-item>
|
}}</el-descriptions-item>
|
||||||
<el-descriptions-item label="附件" label-align="left" align="left" label-class-name="my-label">
|
<el-descriptions-item label="附件" label-align="left" align="left" label-class-name="my-label">
|
||||||
<div v-if="formData.annex && formData.annex.length > 0">
|
<div v-if="formData.file && formData.file.length > 0">
|
||||||
<div v-for="(item, index) in formData.annex" style="margin-left: 5px;display: block;">
|
<div v-for="(item, index) in formData.file" style="margin-left: 5px;display: block;">
|
||||||
<el-link style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item" target="_blank">文件{{ index + 1 }}查看</el-link>
|
<el-link style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item"
|
||||||
|
target="_blank">文件{{ index + 1 }}查看</el-link>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@ -146,13 +162,11 @@ defineExpose({
|
|||||||
getDetail
|
getDetail
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>.tit {
|
||||||
.tit {
|
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.my-label) {
|
:deep(.my-label) {
|
||||||
width: 150px;
|
width: 150px;
|
||||||
}
|
}</style>
|
||||||
</style>
|
|
||||||
|
|||||||
@ -4,15 +4,19 @@
|
|||||||
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
|
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="项目名称" prop="project_id" :rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
<el-form-item label="项目名称" prop="project_id"
|
||||||
<el-input v-model="project_name" readonly @click="showDialog = true" clearable placeholder="点击选择项目" />
|
:rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
||||||
|
<el-input v-model="project_name" readonly @click="showDialog = true" clearable
|
||||||
|
placeholder="点击选择项目" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="项目编码" prop="project_id" :rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
<el-form-item label="项目编码" prop="project_id"
|
||||||
|
:rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
||||||
<el-input v-model="project_code" disabled clearable placeholder="系统自动填写" />
|
<el-input v-model="project_code" disabled clearable placeholder="系统自动填写" />
|
||||||
</el-form-item> </el-col><el-col :span="8">
|
</el-form-item> </el-col><el-col :span="8">
|
||||||
<el-form-item label="客户名称" prop="project_id" :rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
<el-form-item label="客户名称" prop="project_id"
|
||||||
|
:rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
||||||
<el-input v-model="custom_name" disabled clearable placeholder="系统自动填写" />
|
<el-input v-model="custom_name" disabled clearable placeholder="系统自动填写" />
|
||||||
</el-form-item> </el-col><el-col :span="8">
|
</el-form-item> </el-col><el-col :span="8">
|
||||||
<el-form-item label="执行人" prop="executor">
|
<el-form-item label="执行人" prop="executor">
|
||||||
@ -21,7 +25,8 @@
|
|||||||
<el-form-item label="联系人" prop="contacts">
|
<el-form-item label="联系人" prop="contacts">
|
||||||
<el-input v-model="formData.contacts" clearable placeholder="请输入联系人" />
|
<el-input v-model="formData.contacts" clearable placeholder="请输入联系人" />
|
||||||
</el-form-item> </el-col><el-col :span="8">
|
</el-form-item> </el-col><el-col :span="8">
|
||||||
<el-form-item label="联系方式" prop="contact_information" :rules="[{ validator: checkPhone, trigger: 'blur' }]">
|
<el-form-item label="联系方式" prop="contact_information"
|
||||||
|
:rules="[{ validator: checkPhone, trigger: 'blur' }]">
|
||||||
<el-input v-model="formData.contact_information" clearable placeholder="请输入联系方式" />
|
<el-input v-model="formData.contact_information" clearable placeholder="请输入联系方式" />
|
||||||
</el-form-item> </el-col>
|
</el-form-item> </el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
@ -31,37 +36,48 @@
|
|||||||
<el-form-item label="职位" prop="position">
|
<el-form-item label="职位" prop="position">
|
||||||
<el-input v-model="formData.position" clearable placeholder="请输入职位" />
|
<el-input v-model="formData.position" clearable placeholder="请输入职位" />
|
||||||
</el-form-item> </el-col><el-col :span="8">
|
</el-form-item> </el-col><el-col :span="8">
|
||||||
<el-form-item label="跟进日期" prop="follow_date" :rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
<el-form-item label="跟进日期" prop="follow_date"
|
||||||
<el-date-picker class="flex-1 !flex" v-model="formData.follow_date" clearable type="date" value-format="YYYY-MM-DD" placeholder="选择跟进日期">
|
:rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
||||||
|
<el-date-picker class="flex-1 !flex" v-model="formData.follow_date" clearable type="date"
|
||||||
|
value-format="YYYY-MM-DD" placeholder="选择跟进日期">
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
</el-form-item> </el-col><el-col :span="8">
|
</el-form-item> </el-col><el-col :span="8">
|
||||||
|
|
||||||
<el-form-item label="跟进类型" prop="follow_type" :rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
<el-form-item label="跟进类型" prop="follow_type"
|
||||||
|
:rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
||||||
<el-select class="flex-1" v-model="formData.follow_type" clearable placeholder="请选择跟进类型">
|
<el-select class="flex-1" v-model="formData.follow_type" clearable placeholder="请选择跟进类型">
|
||||||
<el-option v-for="(item, index) in dictData.follow_type" :key="index" :label="item.name" :value="parseInt(item.value)" />
|
<el-option v-for="(item, index) in dictData.follow_type" :key="index" :label="item.name"
|
||||||
|
:value="parseInt(item.value)" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item> </el-col><el-col :span="8">
|
</el-form-item> </el-col><el-col :span="8">
|
||||||
<el-form-item label="主题" prop="theme" :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
<el-form-item label="主题" prop="theme"
|
||||||
|
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
|
||||||
<el-input v-model="formData.theme" clearable placeholder="请输入主题" />
|
<el-input v-model="formData.theme" clearable placeholder="请输入主题" />
|
||||||
</el-form-item> </el-col><el-col :span="8">
|
</el-form-item> </el-col><el-col :span="8">
|
||||||
<el-form-item label="行动描述" prop="action_description">
|
<el-form-item label="行动描述" prop="action_description">
|
||||||
<el-input v-model="formData.action_description" clearable placeholder="请输入行动描述" />
|
<el-input v-model="formData.action_description" clearable placeholder="请输入行动描述" />
|
||||||
</el-form-item> </el-col><el-col :span="8">
|
</el-form-item> </el-col><el-col :span="8">
|
||||||
<el-form-item label="项目把握度" prop="project_assurance" :rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
<el-form-item label="项目把握度" prop="project_assurance"
|
||||||
|
:rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
||||||
<el-select class="flex-1" v-model="formData.project_assurance" clearable placeholder="请选择项目把握度">
|
<el-select class="flex-1" v-model="formData.project_assurance" clearable placeholder="请选择项目把握度">
|
||||||
<el-option v-for="(item, index) in dictData.project_assurance" :key="index" :label="item.name" :value="parseInt(item.value)" />
|
<el-option v-for="(item, index) in dictData.project_assurance" :key="index"
|
||||||
|
:label="item.name" :value="parseInt(item.value)" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item> </el-col><el-col :span="8">
|
</el-form-item> </el-col><el-col :span="8">
|
||||||
<el-form-item label="跟进状态" prop="follow_status" :rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
<el-form-item label="跟进状态" prop="follow_status"
|
||||||
|
:rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
||||||
<el-select class="flex-1" v-model="formData.follow_status" clearable placeholder="请选择跟进状态">
|
<el-select class="flex-1" v-model="formData.follow_status" clearable placeholder="请选择跟进状态">
|
||||||
<el-option v-for="(item, index) in dictData.follow_status" :key="index" :label="item.name" :value="parseInt(item.value)" />
|
<el-option v-for="(item, index) in dictData.follow_status" :key="index" :label="item.name"
|
||||||
|
:value="parseInt(item.value)" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item> </el-col><el-col :span="8">
|
</el-form-item> </el-col><el-col :span="8">
|
||||||
<el-form-item label="跟进阶段" prop="follow_stage" :rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
<el-form-item label="跟进阶段" prop="follow_stage"
|
||||||
|
:rules="[{ required: true, message: '不可为空', trigger: 'change' }]">
|
||||||
<!-- <el-input v-model="formData.follow_stage" clearable placeholder="请输入跟进阶段" /> -->
|
<!-- <el-input v-model="formData.follow_stage" clearable placeholder="请输入跟进阶段" /> -->
|
||||||
|
|
||||||
<el-select class="flex-1" v-model="formData.follow_stage" clearable placeholder="请选择跟进状态">
|
<el-select class="flex-1" v-model="formData.follow_stage" clearable placeholder="请选择跟进状态">
|
||||||
<el-option v-for="(item, index) in dictData.follow_stage" :key="index" :label="item.name" :value="parseInt(item.value)" />
|
<el-option v-for="(item, index) in dictData.follow_stage" :key="index" :label="item.name"
|
||||||
|
:value="parseInt(item.value)" />
|
||||||
</el-select>
|
</el-select>
|
||||||
|
|
||||||
</el-form-item> </el-col><el-col :span="8">
|
</el-form-item> </el-col><el-col :span="8">
|
||||||
@ -70,13 +86,18 @@
|
|||||||
</el-form-item> </el-col>
|
</el-form-item> </el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="下次回访日期" prop="next_follow_up_date">
|
<el-form-item label="下次回访日期" prop="next_follow_up_date">
|
||||||
<el-date-picker v-model="formData.next_follow_up_date" clearable type="date" value-format="YYYY-MM-DD" placeholder="选择下次回访日期">
|
<el-date-picker v-model="formData.next_follow_up_date" clearable type="date"
|
||||||
|
value-format="YYYY-MM-DD" placeholder="选择下次回访日期">
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="附件" prop="field127">
|
<el-form-item label="附件" prop="field127">
|
||||||
<el-upload accept="doc, docx, xls, xlsx, ppt, pptx, pdf, txt, zip, rar, tar, jpg, png, gif, jpeg, webp, wmv, avi, mpg, mpeg, 3gp, mov, mp4, flv, f4v, rmvb, mkv" class="upload-demo" :show-file-list="false" aria-hidden="true" :headers="{ Token: userStore.token }" :action="base_url + '/upload/file'" :on-success="handleAvatarSuccess_four" ref="upload">
|
<el-upload
|
||||||
|
accept="doc, docx, xls, xlsx, ppt, pptx, pdf, txt, zip, rar, tar, jpg, png, gif, jpeg, webp, wmv, avi, mpg, mpeg, 3gp, mov, mp4, flv, f4v, rmvb, mkv"
|
||||||
|
class="upload-demo" :show-file-list="false" aria-hidden="true"
|
||||||
|
:headers="{ Token: userStore.token }" :action="base_url + '/upload/file'"
|
||||||
|
:on-success="handleAvatarSuccess_four" ref="upload">
|
||||||
<el-button type="primary">
|
<el-button type="primary">
|
||||||
上传
|
上传
|
||||||
</el-button>
|
</el-button>
|
||||||
@ -84,7 +105,8 @@
|
|||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div v-for="(item, index) in formDataannex" style="margin-left: 5px;display: block;">
|
<div v-for="(item, index) in formDataannex" style="margin-left: 5px;display: block;">
|
||||||
<a style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item.uri" target="_blank">{{ item.name }}</a>
|
<a style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item.uri"
|
||||||
|
target="_blank">{{ item.name }}</a>
|
||||||
<span style="cursor: pointer;margin-left: 5px;" @click="delFileFn(index)">x</span>
|
<span style="cursor: pointer;margin-left: 5px;" @click="delFileFn(index)">x</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -186,7 +208,7 @@ const formData = reactive({
|
|||||||
notes: '',
|
notes: '',
|
||||||
next_follow_up_date: '',
|
next_follow_up_date: '',
|
||||||
ceate_time: '',
|
ceate_time: '',
|
||||||
file: ''
|
file: []
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
@ -245,7 +267,7 @@ const checkPhone = (rule: any, value: any, callback: (arg0: Error) => any) => {
|
|||||||
// 提交按钮
|
// 提交按钮
|
||||||
const handleSubmit = async () => {
|
const handleSubmit = async () => {
|
||||||
if (formDataannex.length > 0) {
|
if (formDataannex.length > 0) {
|
||||||
formData.file = JSON.stringify(formDataannex.map((item) => item.uri))
|
formData.file = formDataannex.map((item) => item.uri)
|
||||||
}
|
}
|
||||||
|
|
||||||
await formRef.value?.validate()
|
await formRef.value?.validate()
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user