|
@ -11,7 +11,18 @@ |
|
|
<a-row :gutter="[16, 16]"> |
|
|
<a-row :gutter="[16, 16]"> |
|
|
<a-col :span="24"> |
|
|
<a-col :span="24"> |
|
|
<a-form-item label="所属合同" name="contractName"> |
|
|
<a-form-item label="所属合同" name="contractName"> |
|
|
<a-input v-model:value="form.contractName" disabled /> |
|
|
<a-select |
|
|
|
|
|
v-model:value="form.contractName" |
|
|
|
|
|
:options="contractNameOptions" |
|
|
|
|
|
placeholder="请选择" |
|
|
|
|
|
:disabled="!form.projectName" |
|
|
|
|
|
:fieldNames="{ |
|
|
|
|
|
label: 'contractName', |
|
|
|
|
|
value: 'contractName', |
|
|
|
|
|
options: 'options', |
|
|
|
|
|
}" |
|
|
|
|
|
@change="contractNameChange" |
|
|
|
|
|
/> |
|
|
</a-form-item> |
|
|
</a-form-item> |
|
|
</a-col> |
|
|
</a-col> |
|
|
</a-row> |
|
|
</a-row> |
|
@ -29,25 +40,28 @@ |
|
|
v-model:value="form.maintenanceRequirement" |
|
|
v-model:value="form.maintenanceRequirement" |
|
|
:options="maintenanceRequirementOptions" |
|
|
:options="maintenanceRequirementOptions" |
|
|
placeholder="请选择" |
|
|
placeholder="请选择" |
|
|
|
|
|
|
|
|
/> |
|
|
/> |
|
|
</a-form-item> |
|
|
</a-form-item> |
|
|
</a-col> |
|
|
</a-col> |
|
|
</a-row> |
|
|
</a-row> |
|
|
<a-row :gutter="[16, 16]" v-if="form.handle=='事件派遣'"> |
|
|
<a-row :gutter="[16, 16]" v-if="form.handle != '事件作废'"> |
|
|
<a-col :span="24"> |
|
|
<a-col :span="24"> |
|
|
<a-form-item label="维护单位" name="maintenanceUnit" > |
|
|
<a-form-item label="维护单位" name="maintenanceUnit"> |
|
|
<a-select |
|
|
<!-- <a-select |
|
|
v-model:value="form.maintenanceUnit" |
|
|
v-model:value="form.maintenanceUnit" |
|
|
:options="maintenanceUnitOptions" |
|
|
:options="maintenanceUnitOptions" |
|
|
placeholder="请选择" |
|
|
placeholder="请选择" |
|
|
/> |
|
|
/> --> |
|
|
|
|
|
<a-input v-model:value="form.maintenanceUnit" disabled /> |
|
|
</a-form-item> |
|
|
</a-form-item> |
|
|
</a-col> |
|
|
</a-col> |
|
|
</a-row> |
|
|
</a-row> |
|
|
<a-row :gutter="[16, 16]"> |
|
|
<a-row :gutter="[16, 16]"> |
|
|
<a-col :span="24"> |
|
|
<a-col :span="24"> |
|
|
<a-form-item :label="form.handle=='事件作废'?'作废原因':'派遣意见'" name="dispatchOpinion"> |
|
|
<a-form-item |
|
|
|
|
|
:label="form.handle == '事件作废' ? '作废原因' : '派遣意见'" |
|
|
|
|
|
name="dispatchOpinion" |
|
|
|
|
|
> |
|
|
<a-textarea v-model:value="form.dispatchOpinion" :rows="4" placeholder="请输入" /> |
|
|
<a-textarea v-model:value="form.dispatchOpinion" :rows="4" placeholder="请输入" /> |
|
|
</a-form-item> |
|
|
</a-form-item> |
|
|
</a-col> |
|
|
</a-col> |
|
@ -59,9 +73,9 @@ |
|
|
<script> |
|
|
<script> |
|
|
import { reactive, ref } from 'vue'; |
|
|
import { reactive, ref } from 'vue'; |
|
|
import { message } from 'ant-design-vue'; |
|
|
import { message } from 'ant-design-vue'; |
|
|
import { getInfo,dispatchOrder,getIoCompanyNames} from './api'; |
|
|
import { getInfo, dispatchOrder, getIoCompanyNames, getIoCompanyByName,getContractNamesByProjectName } from './api'; |
|
|
export default { |
|
|
export default { |
|
|
setup(props,{emit}) { |
|
|
setup(props, { emit }) { |
|
|
const title = ref('派遣'); |
|
|
const title = ref('派遣'); |
|
|
const visible = ref(false); |
|
|
const visible = ref(false); |
|
|
const form = reactive({ |
|
|
const form = reactive({ |
|
@ -95,40 +109,40 @@ |
|
|
{ |
|
|
{ |
|
|
value: '事件派遣', |
|
|
value: '事件派遣', |
|
|
}, |
|
|
}, |
|
|
|
|
|
{ |
|
|
|
|
|
value: '事件转派', |
|
|
|
|
|
}, |
|
|
{ |
|
|
{ |
|
|
value: '事件作废', |
|
|
value: '事件作废', |
|
|
}, |
|
|
}, |
|
|
]; |
|
|
]; |
|
|
const maintenanceUnitOptions = ref([]) |
|
|
const contractNameOptions = ref([]) |
|
|
const getMaintenanceUnitOptions = async() =>{ |
|
|
const contractNameChange = async (val) => { |
|
|
const res = await getIoCompanyNames(); |
|
|
const res = await getIoCompanyByName(val); |
|
|
maintenanceUnitOptions.value = res.map((i) => { |
|
|
form.maintenanceUnit = res; |
|
|
return { |
|
|
|
|
|
value: i, |
|
|
|
|
|
}; |
|
|
}; |
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
const showModal = async (id) => { |
|
|
const showModal = async (id) => { |
|
|
visible.value = true; |
|
|
visible.value = true; |
|
|
const data = await getInfo(id); |
|
|
const data = await getInfo(id); |
|
|
for (let i in form) { |
|
|
for (let i in form) { |
|
|
form[i] = data[i]; |
|
|
form[i] = data[i]; |
|
|
} |
|
|
} |
|
|
getMaintenanceUnitOptions() |
|
|
const res = await getContractNamesByProjectName({ projectName: form.projectName }); |
|
|
|
|
|
contractNameOptions.value = res; |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
const handleOk = () => { |
|
|
const handleOk = () => { |
|
|
formRef.value.validate().then((valid) => { |
|
|
formRef.value.validate().then((valid) => { |
|
|
if (valid) { |
|
|
if (valid) { |
|
|
const params = {} |
|
|
const params = {}; |
|
|
for(let i in form){ |
|
|
for (let i in form) { |
|
|
params[i] = form[i] |
|
|
params[i] = form[i]; |
|
|
} |
|
|
} |
|
|
dispatchOrder(params).then(_=>{ |
|
|
dispatchOrder(params).then((_) => { |
|
|
message.success('操作成功') |
|
|
message.success('操作成功'); |
|
|
closeModal() |
|
|
closeModal(); |
|
|
emit('success') |
|
|
emit('success'); |
|
|
}) |
|
|
}); |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
}; |
|
|
}; |
|
@ -148,13 +162,14 @@ |
|
|
title, |
|
|
title, |
|
|
form, |
|
|
form, |
|
|
maintenanceRequirementOptions, |
|
|
maintenanceRequirementOptions, |
|
|
maintenanceUnitOptions, |
|
|
contractNameOptions, |
|
|
handleOptions, |
|
|
handleOptions, |
|
|
showModal, |
|
|
showModal, |
|
|
handleOk, |
|
|
handleOk, |
|
|
closeModal, |
|
|
closeModal, |
|
|
formRef, |
|
|
formRef, |
|
|
rules, |
|
|
rules, |
|
|
|
|
|
contractNameChange |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|