|
@@ -233,6 +233,9 @@
|
|
|
</div>
|
|
</div>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
+
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
<el-form-item label="是否参与">
|
|
<el-form-item label="是否参与">
|
|
|
<el-select v-model="formData.isParticipate" placeholder="请选择是否参与" style="width: 100%">
|
|
<el-select v-model="formData.isParticipate" placeholder="请选择是否参与" style="width: 100%">
|
|
@@ -241,6 +244,7 @@
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
+
|
|
|
<el-col :span="12" v-if="formData.isParticipate == 0">
|
|
<el-col :span="12" v-if="formData.isParticipate == 0">
|
|
|
<el-form-item label="不参与原因">
|
|
<el-form-item label="不参与原因">
|
|
|
<el-cascader v-model="formData.notParticipateReason"
|
|
<el-cascader v-model="formData.notParticipateReason"
|
|
@@ -254,7 +258,7 @@
|
|
|
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<el-button @click="handleClose">关 闭</el-button>
|
|
<el-button @click="handleClose">关 闭</el-button>
|
|
|
- <el-button @click="handleSave">保 存</el-button>
|
|
|
|
|
|
|
+ <el-button type="primary" @click="handleSave">保 存</el-button>
|
|
|
</span>
|
|
</span>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
<el-dialog title="选择商机" :visible.sync="dialogVisibleOpportunity" width="80%">
|
|
<el-dialog title="选择商机" :visible.sync="dialogVisibleOpportunity" width="80%">
|
|
@@ -262,9 +266,9 @@
|
|
|
<el-input @change="handleSearchOpportunity" v-model="opportunitySearchForm.keyword"
|
|
<el-input @change="handleSearchOpportunity" v-model="opportunitySearchForm.keyword"
|
|
|
placeholder="请输入商机编号、商机名称" clearable style="width: 300px; margin-bottom: 20px;"></el-input>
|
|
placeholder="请输入商机编号、商机名称" clearable style="width: 300px; margin-bottom: 20px;"></el-input>
|
|
|
</div>
|
|
</div>
|
|
|
- <el-table :data="opportunityList" style="width: 100%" border
|
|
|
|
|
- v-loading="opportunityLoading" @current-change="handleCurrentChange">
|
|
|
|
|
- <el-table-column type="radio" width="55"></el-table-column>
|
|
|
|
|
|
|
+ <el-table :data="opportunityList" style="width: 100%" border v-loading="opportunityLoading"
|
|
|
|
|
+ @selection-change="handleSelectionChange" ref="opportunityTable" row-key="id">
|
|
|
|
|
+ <el-table-column type="selection" width="55"></el-table-column>
|
|
|
<el-table-column prop="opportunityCode" label="商机编号" width="180"></el-table-column>
|
|
<el-table-column prop="opportunityCode" label="商机编号" width="180"></el-table-column>
|
|
|
<el-table-column prop="opportunityName" label="商机名称" min-width="200"></el-table-column>
|
|
<el-table-column prop="opportunityName" label="商机名称" min-width="200"></el-table-column>
|
|
|
<el-table-column prop="opportunityAmount" label="商机金额(万元)"></el-table-column>
|
|
<el-table-column prop="opportunityAmount" label="商机金额(万元)"></el-table-column>
|
|
@@ -293,7 +297,7 @@
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
import request from '@/utils/request'
|
|
import request from '@/utils/request'
|
|
|
-import { getOpportunityList } from '@/api/newApi/bizoppmanage'
|
|
|
|
|
|
|
+import { getOpportunityList, updateOpportunity } from '@/api/newApi/bizoppmanage'
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
|
props: {
|
|
props: {
|
|
@@ -312,6 +316,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ selected: {},
|
|
|
// 是否参与下拉选项
|
|
// 是否参与下拉选项
|
|
|
isParticipateOptions: [
|
|
isParticipateOptions: [
|
|
|
{ value: 1, label: '是' },
|
|
{ value: 1, label: '是' },
|
|
@@ -398,20 +403,38 @@ export default {
|
|
|
console.log(row)
|
|
console.log(row)
|
|
|
},
|
|
},
|
|
|
handleSave() {
|
|
handleSave() {
|
|
|
-
|
|
|
|
|
|
|
+ updateOpportunity({
|
|
|
|
|
+ opportunityId: this.selected.id,
|
|
|
|
|
+ id: this.formData.fmId,
|
|
|
|
|
+ isParticipate: this.formData.isParticipate,
|
|
|
|
|
+ notParticipateReason: this.formData.notParticipateReason.join(','),
|
|
|
|
|
+
|
|
|
|
|
+ }).then(response => {
|
|
|
|
|
+ this.$message.success('更新成功');
|
|
|
|
|
+ this.$emit('update:dialogVisible', false);
|
|
|
|
|
+ }).catch(error => {
|
|
|
|
|
+ console.error('更新商机失败:', error);
|
|
|
|
|
+ this.$message.error('更新失败');
|
|
|
|
|
+ });
|
|
|
},
|
|
},
|
|
|
// 选择商机确定
|
|
// 选择商机确定
|
|
|
handleSelectOpportunity() {
|
|
handleSelectOpportunity() {
|
|
|
- if (this.selectedOpportunity) {
|
|
|
|
|
- this.formData.opportunityCode = this.selectedOpportunity.opportunityCode;
|
|
|
|
|
|
|
+ if (this.multipleSelection.length > 0) {
|
|
|
|
|
+ this.selected = this.multipleSelection[0];
|
|
|
|
|
+ this.formData.opportunityCode = this.selected.opportunityCode;
|
|
|
this.dialogVisibleOpportunity = false;
|
|
this.dialogVisibleOpportunity = false;
|
|
|
} else {
|
|
} else {
|
|
|
this.$message.warning('请选择一条商机');
|
|
this.$message.warning('请选择一条商机');
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- // 处理单选变化
|
|
|
|
|
- handleCurrentChange(val) {
|
|
|
|
|
- this.selectedOpportunity = val;
|
|
|
|
|
|
|
+ // 处理选择变化,限制只能选择一项
|
|
|
|
|
+ handleSelectionChange(val) {
|
|
|
|
|
+ if (val.length > 1) {
|
|
|
|
|
+ this.$refs.opportunityTable.clearSelection();
|
|
|
|
|
+ this.$refs.opportunityTable.toggleRowSelection(val.pop());
|
|
|
|
|
+ } else {
|
|
|
|
|
+ this.multipleSelection = val;
|
|
|
|
|
+ }
|
|
|
},
|
|
},
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|