add
This commit is contained in:
zmj
parent
c67aec6636
commit
b8f68366ae
65
src/components/formTable/index.vue
Normal file
65
src/components/formTable/index.vue
Normal file
@ -0,0 +1,65 @@
|
||||
<template>
|
||||
<div style="margin-bottom: 30px">
|
||||
联系人
|
||||
<!-- <el-button @click="handleAdd" v-if="!formData.contacts.length">+</el-button> -->
|
||||
</div>
|
||||
<div style="margin-bottom: 30px">
|
||||
<el-table :data="formData.contacts">
|
||||
<el-table-column label="序号">
|
||||
<template #default="{ row }">
|
||||
<el-button @click="handleAdd">+</el-button>
|
||||
<el-button @click="handleDelete(row)">-</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="姓名" prop="name">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.name" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="职务" prop="duties">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.duties" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="办公电话" prop="telephone">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.telephone" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="手机号码" prop="mobile">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.mobile" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="电子邮箱" prop="email">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.email" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="传真" prop="fax">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.fax" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { ref, defineProps, onMounted } from "vue"
|
||||
|
||||
const props = defineProps({
|
||||
|
||||
formData: {
|
||||
type: Object,
|
||||
require: true
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
@ -313,7 +313,6 @@ const customEvent = (e) => {
|
||||
formData.aunit = e.part_a
|
||||
formData.generalize = e.project_scale
|
||||
formData.Acontact = e.part_a_contract
|
||||
// part_a_contract
|
||||
showDialog.value = false;
|
||||
};
|
||||
|
||||
|
||||
@ -1,54 +1,25 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup
|
||||
ref="popupRef"
|
||||
:title="popupTitle"
|
||||
:async="true"
|
||||
width="80vw"
|
||||
@confirm="handleSubmit"
|
||||
@close="handleClose"
|
||||
>
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:model="formData"
|
||||
label-width="90px"
|
||||
:rules="formRules"
|
||||
>
|
||||
<popup ref="popupRef" :title="popupTitle" :async="true" width="80vw" @confirm="handleSubmit"
|
||||
@close="handleClose">
|
||||
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="项目名称" prop="project_id">
|
||||
<el-input
|
||||
v-model="formData.project_name"
|
||||
clearable
|
||||
placeholder="点击选择项目"
|
||||
readonly
|
||||
@click="showDialog = true"
|
||||
/>
|
||||
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" readonly
|
||||
@click="showDialog = true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="单位名称" prop="unit_name">
|
||||
<el-input
|
||||
v-model="formData.unit_name"
|
||||
clearable
|
||||
placeholder="请输入单位名称"
|
||||
/>
|
||||
<el-input v-model="formData.unit_name" clearable placeholder="请输入单位名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="单位类别" prop="unit_type">
|
||||
<el-select
|
||||
class="flex-1"
|
||||
v-model="formData.unit_type"
|
||||
clearable
|
||||
placeholder="请选择单位类别"
|
||||
>
|
||||
<el-option
|
||||
v-for="(item, index) in dictData.unit_type"
|
||||
:key="index"
|
||||
:label="item.name"
|
||||
:value="parseInt(item.value)"
|
||||
/>
|
||||
<el-select class="flex-1" v-model="formData.unit_type" clearable placeholder="请选择单位类别">
|
||||
<el-option v-for="(item, index) in dictData.unit_type" :key="index" :label="item.name"
|
||||
:value="parseInt(item.value)" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
@ -56,43 +27,31 @@
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="资质等级" prop="qualification_grade">
|
||||
<el-input
|
||||
v-model="formData.qualification_grade"
|
||||
clearable
|
||||
placeholder="请输入资质等级"
|
||||
/>
|
||||
<el-input v-model="formData.qualification_grade" clearable placeholder="请输入资质等级" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="联系电话" prop="telephone">
|
||||
<el-input
|
||||
v-model="formData.telephone"
|
||||
clearable
|
||||
placeholder="请输入联系电话"
|
||||
/>
|
||||
<el-input v-model="formData.telephone" clearable placeholder="请输入联系电话" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="责任范围" prop="duty">
|
||||
<el-input
|
||||
v-model="formData.duty"
|
||||
clearable
|
||||
placeholder="请输入责任范围"
|
||||
/>
|
||||
<el-input v-model="formData.duty" clearable placeholder="请输入责任范围" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-dialog v-model="showDialog" title="选择项目" width="70%">
|
||||
<dialogTable
|
||||
@customEvent="customEvent"
|
||||
:config="supervision_project"
|
||||
/>
|
||||
<dialogTable @customEvent="customEvent" :config="supervision_project" />
|
||||
</el-dialog>
|
||||
<div style="margin-bottom: 30px">
|
||||
|
||||
|
||||
|
||||
|
||||
<FormTable></FormTable>
|
||||
<!-- <div style="margin-bottom: 30px">
|
||||
联系人
|
||||
<el-button @click="handleAdd" v-if="!formData.contacts.length"
|
||||
>+</el-button
|
||||
>
|
||||
<el-button @click="handleAdd" v-if="!formData.contacts.length">+</el-button>
|
||||
</div>
|
||||
<div style="margin-bottom: 30px">
|
||||
<el-table :data="formData.contacts">
|
||||
@ -101,39 +60,39 @@
|
||||
<el-button @click="handleAdd">+</el-button>
|
||||
<el-button @click="handleDelete(row)">-</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="姓名" prop="name">
|
||||
</el-table-column>
|
||||
<el-table-column label="姓名" prop="name">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.name" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="职务" prop="duties">
|
||||
</el-table-column>
|
||||
<el-table-column label="职务" prop="duties">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.duties" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="办公电话" prop="telephone">
|
||||
</el-table-column>
|
||||
<el-table-column label="办公电话" prop="telephone">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.telephone" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="手机号码" prop="mobile">
|
||||
</el-table-column>
|
||||
<el-table-column label="手机号码" prop="mobile">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.mobile" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="电子邮箱" prop="email">
|
||||
</el-table-column>
|
||||
<el-table-column label="电子邮箱" prop="email">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.email" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="传真" prop="fax">
|
||||
</el-table-column>
|
||||
<el-table-column label="传真" prop="fax">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.fax" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div> -->
|
||||
</el-form>
|
||||
</popup>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user