|
@@ -123,35 +123,40 @@
|
|
|
</el-form-item>
|
|
|
|
|
|
<template v-if="form.type === 2">
|
|
|
- <div v-for="(item, index) in proData" :key="index" class="form-container" :style="{ marginTop: index === 0 ? '40px' : '0' }">
|
|
|
- <!-- 删除图标 -->
|
|
|
- <el-button
|
|
|
- v-if="index !== 0" type="danger" size="mini"
|
|
|
- icon="el-icon-delete"
|
|
|
- circle
|
|
|
- class="delete-icon"
|
|
|
- @click="removeProData(index)"
|
|
|
- />
|
|
|
- <el-form-item label="选择项目" prop="contractSection" label-width="120px">
|
|
|
- <el-select v-model="item.projectName" placeholder="请选择项目" clearable style="width: 100%;" @change="changeProject">
|
|
|
- <el-option
|
|
|
- v-for="item1 in projectList1"
|
|
|
- :key="item1.id"
|
|
|
- :label="item1.projectName"
|
|
|
- :value="item1.id"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="选择合同段" prop="contractSection" label-width="120px">
|
|
|
- <el-select v-model="item.contractSection" placeholder="请选择合同段" clearable multiple class="multiple-select">
|
|
|
- <el-option
|
|
|
- v-for="item2 in contractList"
|
|
|
- :key="item2.id"
|
|
|
- :label="item2.contractName"
|
|
|
- :value="item2.id"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ <!-- 新增图标 -->
|
|
|
+ <div class="mb-1 text-right">
|
|
|
+ <el-button hc-btn type="primary" @click="addProData">新增</el-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="max-h-100 overflow-y-auto">
|
|
|
+ <div v-for="(item, index) in proData" :key="index" class="form-container">
|
|
|
+ <!-- 删除图标 -->
|
|
|
+ <HcIcon
|
|
|
+ name="delete-bin"
|
|
|
+ class="absolute right-10px top-10px cursor-pointer text-24px text-red"
|
|
|
+ @click="removeProData(index)"
|
|
|
+ />
|
|
|
+ <el-form-item label="选择项目" prop="contractSection" label-width="120px">
|
|
|
+ <el-select v-model="item.projectName" placeholder="请选择项目" clearable style="width: 100%;" @change="changeProject">
|
|
|
+ <el-option
|
|
|
+ v-for="item1 in projectList1"
|
|
|
+ :key="item1.id"
|
|
|
+ :label="item1.projectName"
|
|
|
+ :value="item1.id"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="选择合同段" prop="contractSection" label-width="120px">
|
|
|
+ <el-select v-model="item.contractSection" placeholder="请选择合同段" clearable multiple class="multiple-select">
|
|
|
+ <el-option
|
|
|
+ v-for="item2 in contractList"
|
|
|
+ :key="item2.id"
|
|
|
+ :label="item2.contractName"
|
|
|
+ :value="item2.id"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-form>
|
|
@@ -209,7 +214,7 @@ const isEdit = ref(false)
|
|
|
const form = ref({
|
|
|
elementName: '',
|
|
|
selectedElement: [],
|
|
|
- type: false,
|
|
|
+ type: 2, // 将 false 改为数字 2,对应"否"选项
|
|
|
})
|
|
|
const proData = ref([{}])
|
|
|
const rules = {
|