This commit is contained in:
mkm 2024-07-30 22:24:46 +08:00
parent 5b075e02a1
commit b78e1e2b31
4 changed files with 738 additions and 538 deletions

View File

@ -0,0 +1,160 @@
<template>
<div class="edit-popup">
<el-dialog v-model="dialogVisible" title="人员选择器" width="400px" :before-close="handleClose">
<div>
<div style="margin-bottom: 20px">
<div style="margin-top: 20px">
<el-radio-group v-model="radionum">
<el-radio :label="item" v-for="(item, i) in uesrlist" :key="i" style="margin-bottom: 40px;">
<div class="radio-con">
<!-- <div class="radioa">-->
<!-- <img :src="item.avatar" alt=""/>-->
<!-- </div>-->
<div class="radiob">
<div class="radiob_a">{{ item.name }}<div class="ml-4 inline-block"><text v-if="item.job">职务:{{ item.job }}</text>
<text v-if="item.dept">/{{ item.dept }}</text></div></div>
</div>
</div>
</el-radio>
<br/>
</el-radio-group>
</div>
</div>
</div>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="userclick" >确认</el-button>
<!-- <el-button type="primary" @click="userclick" v-else> {{ radiolist.length > 0 ? '已选' : '未选' }}-->
<!-- <text v-if="radiolist.length > 0">{{ radiolist.length }}</text></el-button>-->
</span>
</template>
</el-dialog>
</div>
</template>
<script lang="ts" setup name="projectPreSalesMembersEdit">
import {reactive} from 'vue'
import {apiMarketingCustomContactsLists} from '@/api/marketing_custom'
import {defineEmits} from "vue"
const leixin = ref('0')
const props = defineProps({
type: {
custom_id: '',//id
default: () => ({})
},
// query: {
// type: Object,
// }
})
const emits = defineEmits(['confirm'])
const dialogVisible = ref(false)
const uesrlist = reactive([])
const isshow = ref(true);
const radiolist = ref([])
const radionum = ref([])
//
const getlist = () => {
apiMarketingCustomContactsLists({'custom_id':props.type}).then((res) => {
Object.assign(uesrlist, res.lists)
})
}
//
const open = (e: any) => {
getlist()
leixin.value = e
dialogVisible.value = true
}
//
const userclick = () => {
dialogVisible.value = false
emits("confirm", radionum.value);
}
defineExpose({
open,
userclick
})
</script>
<style lang="scss">
.userlist {
display: flex;
img {
width: 40px;
height: 40px;
border-radius: 50%;
}
text-align: center;
.userlist-con {
margin-right: 10px;
}
}
.user {
img {
width: 40px;
height: 40px;
border-radius: 50%;
}
}
.radio-con {
display: flex;
width: 500px;
align-items: center;
.radioa {
img {
margin-right: 20px;
width: 40px;
height: 40px;
border-radius: 50%;
}
}
.radiob {
.radiob_a {
margin-bottom: 10px;
margin-top: 3px;
}
.radiob_b {
}
}
}
.lad {
padding: 10px 0;
border-bottom: 1px solid #f7f7f7;
div {
margin: 10px 0;
}
.Collapsebj {
background-color: #3e8ef7;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
border-radius: 6px;
color: #f7f7f7;
}
}
</style>

View File

@ -557,6 +557,12 @@ const customEvent = (e) => {
formData.total_investment = e.project_money formData.total_investment = e.project_money
formData.supervision_department = e.supervise_dept formData.supervision_department = e.supervise_dept
formData.contract_amount = e.signed_amount formData.contract_amount = e.signed_amount
formData.company_name = e.part_b
formData.company = e.part_b
formData.contract_content = e.content
formData.consult_user_name = e.part_a_contact
formData.consult_user = e.part_a
formData.telephone = e.part_a_telephone
formData.project_overview = e.project_scale formData.project_overview = e.project_scale

View File

@ -141,7 +141,6 @@ import type { PropType } from 'vue'
import {cost_approved_projects} from "@/components/dialogTable/dialogTableConfig"; import {cost_approved_projects} from "@/components/dialogTable/dialogTableConfig";
defineProps({ defineProps({
dictData: { dictData: {
type: Object as PropType<Record<string, any[]>>, type: Object as PropType<Record<string, any[]>>,
@ -194,12 +193,20 @@ const customEvent = (e) => {
formData.contract_id = e.id formData.contract_id = e.id
formData.contract_name = e.contract_name formData.contract_name = e.contract_name
formData.contract_type = e.contract_type_text formData.contract_type = e.contract_type_text
formData.part_a = e.part_a formData.part_a = e.part_a_name
formData.part_b = e.part_b formData.part_b = e.part_b
formData.sign_money = e.money formData.sign_money = e.signed_amount
formData.sign_time = e.sign_date formData.sign_time = e.sign_date
formData.total_invoice_amount = e.total_invoice_amount formData.total_invoice_amount = e.total_invoice_amount
formData.total_refund_amount = e.total_refund_amount formData.total_refund_amount = e.total_refund_amount
formData.apply_company = e.marketing_custom?.invoice_company
formData.apply_company_number = e.marketing_custom?.taxpayer_identification_number
formData.apply_company_address = e.marketing_custom?.invoice_company_address
formData.apply_company_telephone = e.marketing_custom?.invoice_company_telephone
formData.apply_company_bank = e.marketing_custom?.opening_bank
formData.apply_company_account = e.marketing_custom?.opening_bank_account
formData.apply_contact = e.marketing_custom?.invoice_contact
formData.apply_email = e.marketing_custom?.email
showDialog.value = false showDialog.value = false
} }
@ -333,7 +340,6 @@ const handleClose = () => {
} }
defineExpose({ defineExpose({
open, open,
setFormData, setFormData,

View File

@ -24,7 +24,8 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="联系人" prop="part_a_contact"> <el-form-item label="联系人" prop="part_a_contact">
<el-input v-model="formData.part_a_contact" clearable placeholder="请输入联系人" /> <el-input v-model="formData.part_a_contact" clearable placeholder="请输入联系人"
@click="custom_contacts_click('part_a_contact')"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -41,7 +42,7 @@
<el-col :span="8"> <el-col :span="8">
<el-form-item label="乙方签约人" prop="part_b_signatory"> <el-form-item label="乙方签约人" prop="part_b_signatory">
<el-input v-model="formData.part_b_signatory_name" clearable placeholder="请输入乙方签约人" <el-input v-model="formData.part_b_signatory_name" clearable placeholder="请输入乙方签约人"
@click="userclick('part_b_signatory')" /> @click="custom_contacts_click('part_b_signatory')"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -163,6 +164,9 @@
<personnelselector ref="personnel" @confirm="submituser" type="1"> <personnelselector ref="personnel" @confirm="submituser" type="1">
</personnelselector> </personnelselector>
</div> </div>
<div v-if="showDialog2">
<custom_contacts ref="personnel2" @confirm="submituser2" :type="custom_id"></custom_contacts>
</div>
<el-dialog v-model="showDialog1" title="选择甲方签订单位" width="70%"> <el-dialog v-model="showDialog1" title="选择甲方签订单位" width="70%">
<dialogTable :config="marketing_custom" @customEvent="customEvent"> <dialogTable :config="marketing_custom" @customEvent="customEvent">
</dialogTable> </dialogTable>
@ -178,7 +182,6 @@ import { apimketingFrameworkAgreementAdd, apimketingFrameworkAgreementEdit } fro
import {marketing_custom} from "@/components/dialogTable/dialogTableConfig"; import {marketing_custom} from "@/components/dialogTable/dialogTableConfig";
defineProps({ defineProps({
dictData: { dictData: {
type: Object as PropType<Record<string, any[]>>, type: Object as PropType<Record<string, any[]>>,
@ -193,7 +196,10 @@ const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add') const mode = ref('add')
const showDialog = ref(false) const showDialog = ref(false)
const showDialog1 = ref(false) const showDialog1 = ref(false)
const showDialog2 = ref(false)
const personnel = ref(null) const personnel = ref(null)
const personnel2 = ref(null)
const custom_id = ref('')
// //
@ -209,8 +215,10 @@ const formData = reactive({
"part_a": '', "part_a": '',
"part_a_name": '', "part_a_name": '',
"part_a_contact": "", "part_a_contact": "",
"part_a_contact_name": "",
"part_a_address": "", "part_a_address": "",
"part_b": "", "part_b": "",
"part_b_name": "",
"part_b_signatory": '', "part_b_signatory": '',
"part_b_signatory_name": '', "part_b_signatory_name": '',
"business_nature": '', "business_nature": '',
@ -242,38 +250,58 @@ const isPartb = ref(false)
const customEvent = (e) => { const customEvent = (e) => {
if (isPartb.value) { if (isPartb.value) {
formData.part_b = e.name formData.part_b = e.name
formData.part_b_signatory = e.id // formData.part_b = e.id
formData.part_b_signatory_name = e.invoice_contact_name // custom_id.value = e.id
// formData.part_b_signatory_name = e.invoice_contact_name
} else { } else {
formData.part_a = e.id formData.part_a = e.id
formData.part_a_name = e.name formData.part_a_name = e.name
formData.part_a_contact = e.invoice_contact_name // custom_id.value = e.id
// formData.part_a_contact = e.invoice_contact_name
formData.part_a_address = e.invoice_company_address formData.part_a_address = e.invoice_company_address
} }
showDialog1.value = false showDialog1.value = false
} }
let value; let value;
let value2;
const custom_contacts_click = async (val) => {
if(val=='part_a_contact'){
custom_id.value= formData.part_a
}else{
custom_id.value= formData.part_b
}
showDialog2.value = true
value2 = val
await nextTick()
personnel2.value.open()
}
const userclick = async (val) => { const userclick = async (val) => {
showDialog.value = true showDialog.value = true
value = val value = val
await nextTick() await nextTick()
personnel.value.open() personnel.value.open()
} }
// //
const submituser = (e: any) => { const submituser = (e: any) => {
formData[value + '_name'] = e.name formData[value + '_name'] = e.name
formData[value] = e.id formData[value] = e.id
showDialog.value = false showDialog.value = false
} }
const submituser2 = (e: any) => {
if(value2=='part_a_contact'){
formData[value2] = e.name
}else{
formData[value2 + '_name'] = e.name
formData[value2] = e.id
}
showDialog2.value = false
}
// //
const formRules = reactive<any>({ const formRules = reactive<any>({})
})
// //
@ -289,11 +317,12 @@ const setFormData = async (data: Record<any, any>) => {
} }
// //
const handleSubmit = async () => { const handleSubmit = async () => {
await formRef.value?.validate() await formRef.value?.validate()
if(formData.part_a_contact_name){
formData.part_a_contact=formData.part_a_contact_name
}
const data = {...formData,} const data = {...formData,}
mode.value == 'edit' mode.value == 'edit'
? await apimketingFrameworkAgreementEdit(data) ? await apimketingFrameworkAgreementEdit(data)
@ -314,7 +343,6 @@ const handleClose = () => {
} }
defineExpose({ defineExpose({
open, open,
setFormData, setFormData,