多图上传组件优化

This commit is contained in:
puhui999
2024-01-20 17:31:10 +08:00
parent 948ef08533
commit f88b26e3c3
9 changed files with 136 additions and 162 deletions

View File

@ -34,49 +34,36 @@
<!-- TODO @puhui999不搞富文本哈然后加个附件图片两个 form-item -->
<el-col :span="24">
<el-form-item label="跟进内容" prop="content">
<Editor v-model="formData.content" height="300px" />
<el-input v-model="formData.content" :rows="3" type="textarea" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="图片" prop="content">
<UploadImgs v-model="formData.picUrls" class="min-w-80px" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="附件" prop="content">
<UploadFile v-model="formData.fileUrls" class="min-w-80px" />
</el-form-item>
</el-col>
<!-- TODO @puhui999因为不考虑编辑的情况是不是关联要是个弹窗选择哈 -->
<el-col :span="24">
<el-form-item label="关联联系人" prop="contactIds">
<el-select v-model="formData.contactIds" multiple placeholder="请选择">
<el-option
v-for="item in allContactList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
<el-button @click="handleAddContact">
<Icon class="mr-5px" icon="ep:plus" />
添加联系人
</el-button>
<contact-list v-model:contactIds="formData.contactIds" />
</el-form-item>
<!-- <el-form-item label="关联联系人" prop="contactIds">-->
<!-- <el-button @click="handleAddContact">-->
<!-- <Icon class="mr-5px" icon="ep:plus" />-->
<!-- 选择添加联系人-->
<!-- </el-button>-->
<!-- <contact-list v-model:contactIds="formData.contactIds" />-->
<!-- </el-form-item>-->
</el-col>
<el-col :span="24">
<el-form-item label="关联商机" prop="businessIds">
<el-select v-model="formData.businessIds" multiple placeholder="请选择">
<el-option
v-for="item in allBusinessList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
<el-button @click="handleAddBusiness">
<Icon class="mr-5px" icon="ep:plus" />
添加商机
</el-button>
<business-list v-model:businessIds="formData.businessIds" />
</el-form-item>
<!-- <el-form-item label="关联商机" prop="businessIds">-->
<!-- <el-button @click="handleAddBusiness">-->
<!-- <Icon class="mr-5px" icon="ep:plus" />-->
<!-- 选择添加商机-->
<!-- </el-button>-->
<!-- <business-list v-model:businessIds="formData.businessIds" />-->
<!-- </el-form-item>-->
</el-col>
</el-row>
</el-form>
@ -159,6 +146,8 @@ const submitForm = async () => {
}
}
const handleAddContact = () => {}
const handleAddBusiness = () => {}
/** 重置表单 */
const resetForm = () => {
formRef.value?.resetFields()

View File

@ -15,9 +15,9 @@
<el-select v-model="queryParams.contactStatus" class="!w-240px" placeholder="状态">
<el-option
v-for="(option, index) in CONTACT_STATUS"
:key="index"
:label="option.label"
:value="option.value"
:key="index"
/>
</el-select>
</el-form-item>
@ -25,9 +25,9 @@
<el-select v-model="queryParams.sceneType" class="!w-240px" placeholder="归属">
<el-option
v-for="(option, index) in SCENE_TYPES"
:key="index"
:label="option.label"
:value="option.value"
:key="index"
/>
</el-select>
</el-form-item>
@ -84,7 +84,7 @@
<dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.dealStatus" />
</template>
</el-table-column>
<!-- TODO @puhui999距进入公海天数 -->
<el-table-column align="center" label="距进入公海天数" prop="poolDay" width="100px" />
<el-table-column
:formatter="dateFormatter"
align="center"
@ -120,7 +120,7 @@
</ContentWrap>
</template>
<script lang="ts" setup name="TodayCustomer">
<script lang="ts" name="TodayCustomer" setup>
import { DICT_TYPE } from '@/utils/dict'
import { dateFormatter } from '@/utils/formatTime'
import * as MessageApi from '@/api/crm/message'