订单页面退租检修，费用结算按钮页面
This commit is contained in:
parent
55d20a391a
commit
2c1dfcc49d
|
|
@ -268,19 +268,81 @@ const equipmentDeploymentParams: any = ref({
|
||||||
}
|
}
|
||||||
|
|
||||||
const settlemoneyTitle = ref('')
|
const settlemoneyTitle = ref('')
|
||||||
const moneParams: any = ref({
|
const moneyParams1: any = ref({
|
||||||
/* 设备名称 */
|
/* 设备名称 */
|
||||||
deviceName: '',
|
deviceName: '',
|
||||||
deviceTypeList: [],
|
deviceTypeList: [],
|
||||||
deviceCount: 1,
|
deviceCount: 1,
|
||||||
unitName: '',
|
unitName: '',
|
||||||
})
|
})
|
||||||
// 退租检修弹框显示隐藏
|
const moneyParams2: any = ref({
|
||||||
|
/* 设备名称 */
|
||||||
|
deviceName: '',
|
||||||
|
deviceTypeList: [],
|
||||||
|
deviceCount: 1,
|
||||||
|
unitName: '',
|
||||||
|
})
|
||||||
|
const moneyParams3: any = ref({
|
||||||
|
/* 设备名称 */
|
||||||
|
deviceName: '',
|
||||||
|
deviceTypeList: [],
|
||||||
|
deviceCount: 1,
|
||||||
|
unitName: '',
|
||||||
|
})
|
||||||
|
const tableData: any = ref([
|
||||||
|
{
|
||||||
|
name1:'测试1',
|
||||||
|
name2:'测试1-1',
|
||||||
|
name3:'测试1-2',
|
||||||
|
jy1:'外观1-1',
|
||||||
|
jy2:'故障1-2',
|
||||||
|
jy3:'外观1-2',
|
||||||
|
jy4:'故障1-2',
|
||||||
|
jy5:'外观1-3',
|
||||||
|
jy6:'故障1-3',
|
||||||
|
jy7:'',
|
||||||
|
jy8:'',
|
||||||
|
remark:'备注1',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name1:'测试2',
|
||||||
|
name2:'测试2-1',
|
||||||
|
name3:'测试2-2',
|
||||||
|
jy1:'外观2-1',
|
||||||
|
jy2:'故障2-2',
|
||||||
|
jy3:'外观2-2',
|
||||||
|
jy4:'故障2-2',
|
||||||
|
jy5:'外观2-3',
|
||||||
|
jy6:'故障2-3',
|
||||||
|
jy7:'',
|
||||||
|
jy8:'',
|
||||||
|
remark:'备注2',
|
||||||
|
}
|
||||||
|
])
|
||||||
|
|
||||||
|
const partItems1: any = ref([{}])
|
||||||
|
const partItems2: any = ref([{}])
|
||||||
|
const partItems3: any = ref([{}])
|
||||||
|
// 费用结算弹框显示隐藏
|
||||||
const dialogFormVisibleSettlemoney: any = ref(false)
|
const dialogFormVisibleSettlemoney: any = ref(false)
|
||||||
//费用结算
|
//费用结算
|
||||||
const handleViewMoney = () => {
|
const handleViewMoney = () => {
|
||||||
settlemoneyTitle.value = '费用结算'
|
settlemoneyTitle.value = '费用结算'
|
||||||
moneParams.value = {
|
moneyParams1.value = {
|
||||||
|
/* 设备状态 */
|
||||||
|
maStatus: 15,
|
||||||
|
detectionList: [],
|
||||||
|
insureList: [],
|
||||||
|
picList: []
|
||||||
|
}
|
||||||
|
moneyParams2.value = {
|
||||||
|
/* 设备状态 */
|
||||||
|
maStatus: 15,
|
||||||
|
detectionList: [],
|
||||||
|
insureList: [],
|
||||||
|
picList: []
|
||||||
|
}
|
||||||
|
moneyParams3.value = {
|
||||||
/* 设备状态 */
|
/* 设备状态 */
|
||||||
maStatus: 15,
|
maStatus: 15,
|
||||||
detectionList: [],
|
detectionList: [],
|
||||||
|
|
@ -291,6 +353,36 @@ const dialogFormVisibleSettlemoney: any = ref(false)
|
||||||
dialogFormVisibleSettlemoney.value = true
|
dialogFormVisibleSettlemoney.value = true
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//维修费用
|
||||||
|
const addPartItem1=()=> {
|
||||||
|
partItems1.value.push({ partType: "", num: "", isCharge: "" });
|
||||||
|
}
|
||||||
|
const removePartItem1 =(index:number)=> {
|
||||||
|
if (partItems1.value.length > 1) {
|
||||||
|
partItems1.value.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//报废费用
|
||||||
|
const addPartItem2=()=> {
|
||||||
|
partItems2.value.push({ partType: "", num: "", isCharge: "" });
|
||||||
|
}
|
||||||
|
const removePartItem2 =(index:number)=> {
|
||||||
|
if (partItems2.value.length > 1) {
|
||||||
|
partItems2.value.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//报废费用
|
||||||
|
const addPartItem3=()=> {
|
||||||
|
partItems3.value.push({ partType: "", num: "", isCharge: "" });
|
||||||
|
}
|
||||||
|
const removePartItem3 =(index:number)=> {
|
||||||
|
if (partItems3.value.length > 1) {
|
||||||
|
partItems3.value.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|
@ -764,7 +856,7 @@ const dialogFormVisibleSettlemoney: any = ref(false)
|
||||||
class="info"
|
class="info"
|
||||||
style="margin-top: 5px; display: flex; flex-wrap: wrap;"
|
style="margin-top: 5px; display: flex; flex-wrap: wrap;"
|
||||||
>
|
>
|
||||||
<div class="item" style="width: 30%;flex-shrink: 0;margin-bottom: 5px;font-size: 16px;margin-left: 80px;">
|
<div class="item" style="width: 30%;flex-shrink: 0;margin-bottom: 5px;font-size: 16px;margin-left: 40px;">
|
||||||
<span>结算单位：安徽送变电公司</span>
|
<span>结算单位：安徽送变电公司</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="item" style="width: 30%;flex-shrink: 0;margin-bottom: 5px;font-size: 16px;">
|
<div class="item" style="width: 30%;flex-shrink: 0;margin-bottom: 5px;font-size: 16px;">
|
||||||
|
|
@ -778,9 +870,266 @@ const dialogFormVisibleSettlemoney: any = ref(false)
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<span class="title-sign"></span>
|
<span class="title-sign"></span>
|
||||||
<span class="title-text">退租检测信息</span>
|
<span class="title-text">退租检测信息</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 表格 -->
|
||||||
|
<el-table :data="tableData" class="table" style="margin-left:50px;width: 1100px" row-key="id" show-overflow-tooltip :header-cell-style="{background: 'white',color: 'black'}" >
|
||||||
|
<el-table-column label="序号" align="center" width="80" type="index"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="name1" label="机具名称" />
|
||||||
|
<el-table-column align="center" prop="name2" label="规格型号" />
|
||||||
|
<el-table-column align="center" prop="name3" label="装备编码"/>
|
||||||
|
<el-table-column align="center" prop="typeName" label="检验内容" >
|
||||||
|
<el-table-column
|
||||||
|
label="外观检验"
|
||||||
|
align="center"
|
||||||
|
prop="jy1"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="故障检验"
|
||||||
|
align="center"
|
||||||
|
prop="jy2"
|
||||||
|
/>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="typeName" label="维修内容" >
|
||||||
|
<el-table-column
|
||||||
|
label="外观检验"
|
||||||
|
align="center"
|
||||||
|
prop="jy3"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="故障检验"
|
||||||
|
align="center"
|
||||||
|
prop="jy4"
|
||||||
|
/>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="typeName" label="金额" >
|
||||||
|
<el-table-column
|
||||||
|
label="外观检验"
|
||||||
|
align="center"
|
||||||
|
prop="jy5"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="故障检验"
|
||||||
|
align="center"
|
||||||
|
prop="jy6"
|
||||||
|
/>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" prop="typeName" label="附件" >
|
||||||
|
<el-table-column
|
||||||
|
label="外观检验"
|
||||||
|
align="center"
|
||||||
|
prop="jy7"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
label="故障检验"
|
||||||
|
align="center"
|
||||||
|
prop="jy8"
|
||||||
|
/>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" label="备注" prop="remark" width="80px">
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="title">
|
||||||
|
<span class="title-sign"></span>
|
||||||
|
<span class="title-text">费用结算</span>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<span style="color:#FF9900;margin-left:100px">● </span>
|
||||||
|
<span class="title-text">维修费用</span>
|
||||||
|
</div>
|
||||||
|
<el-form label-width="240" ref="ruleFormRef2" :model="moneyParams1">
|
||||||
|
<div
|
||||||
|
v-for="(item, index) in partItems1"
|
||||||
|
:key="index"
|
||||||
|
class="dynamic-item"
|
||||||
|
>
|
||||||
|
<div style="margin-top:10px;margin-left:180px;margin-bottom: 5px;font-size: 18px;">设备：{{index+1}}</div>
|
||||||
|
<el-row>
|
||||||
|
<el-form-item label="关联装备" prop="partType">
|
||||||
|
<el-select
|
||||||
|
v-model="item.device"
|
||||||
|
placeholder="请选择"
|
||||||
|
clearable style="width: 300px">
|
||||||
|
<el-option label="设备1" value="0"></el-option>
|
||||||
|
<el-option label="设备2" value="1"></el-option>
|
||||||
|
<el-option label="设备3" value="2"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="维修数量" prop="partNum">
|
||||||
|
<el-input
|
||||||
|
v-model="item.partNum"
|
||||||
|
placeholder="请输入"
|
||||||
|
maxlength="20"
|
||||||
|
style="width: 300px"
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-row>
|
||||||
|
<el-row >
|
||||||
|
<el-form-item label="维修费用" prop="partNum">
|
||||||
|
<el-input
|
||||||
|
v-model="item.partNum"
|
||||||
|
placeholder="请输入"
|
||||||
|
maxlength="20"
|
||||||
|
style="width: 300px"
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item
|
||||||
|
label="维修类型"
|
||||||
|
prop="isCharge"
|
||||||
|
>
|
||||||
|
<el-select
|
||||||
|
v-model="item.isCharge"
|
||||||
|
placeholder="请选择"
|
||||||
|
filterable
|
||||||
|
clearable
|
||||||
|
style="width: 300px"
|
||||||
|
>
|
||||||
|
<el-option label="维修类型1" value="0"></el-option>
|
||||||
|
<el-option label="维修类型2" value="1"></el-option>
|
||||||
|
<el-option label="维修类型3" value="2"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<div style="margin-left:130px">
|
||||||
|
<el-button @click="addPartItem1" type="success">
|
||||||
|
增加维修设备</el-button>
|
||||||
|
<el-button @click="removePartItem1(index)" v-if="index != 0" type="danger">
|
||||||
|
删除维修设备</el-button>
|
||||||
|
</div>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<div style="margin-top:10px">
|
||||||
|
<span style="color:#FF9900;margin-left:100px">● </span>
|
||||||
|
<span class="title-text">报废费用</span>
|
||||||
</div>
|
</div>
|
||||||
|
<el-form label-width="240" ref="ruleFormRef3" :model="moneyParams2">
|
||||||
|
<div
|
||||||
|
v-for="(item, index) in partItems2"
|
||||||
|
:key="index"
|
||||||
|
class="dynamic-item"
|
||||||
|
>
|
||||||
|
<div style="margin-top:10px;margin-left:180px;margin-bottom: 5px;font-size: 18px;">设备：{{index+1}}</div>
|
||||||
|
<el-row>
|
||||||
|
<el-form-item label="关联装备" prop="partType">
|
||||||
|
<el-select
|
||||||
|
v-model="item.device"
|
||||||
|
placeholder="请选择"
|
||||||
|
clearable style="width: 300px">
|
||||||
|
<el-option label="设备1" value="0"></el-option>
|
||||||
|
<el-option label="设备2" value="1"></el-option>
|
||||||
|
<el-option label="设备3" value="2"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="报废数量" prop="partNum">
|
||||||
|
<el-input
|
||||||
|
v-model="item.partNum"
|
||||||
|
placeholder="请输入"
|
||||||
|
maxlength="20"
|
||||||
|
style="width: 300px"
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-row>
|
||||||
|
<el-row >
|
||||||
|
<el-form-item label="报废费用" prop="partNum">
|
||||||
|
<el-input
|
||||||
|
v-model="item.partNum"
|
||||||
|
placeholder="请输入"
|
||||||
|
maxlength="20"
|
||||||
|
style="width: 300px"
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item
|
||||||
|
label="报废原因"
|
||||||
|
prop="isCharge"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="item.isCharg"
|
||||||
|
placeholder="请输入"
|
||||||
|
maxlength="20"
|
||||||
|
style="width: 300px"
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<div style="margin-left:130px">
|
||||||
|
<el-button @click="addPartItem2" type="success">
|
||||||
|
增加报废设备</el-button>
|
||||||
|
<el-button @click="removePartItem2(index)" v-if="index != 0" type="danger">
|
||||||
|
删除报废设备</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<div style="margin-top:10px">
|
||||||
|
<span style="color:#FF9900;margin-left:100px">● </span>
|
||||||
|
<span class="title-text">丢失费用</span>
|
||||||
|
</div>
|
||||||
|
<el-form label-width="240" ref="ruleFormRef4" :model="moneyParams3">
|
||||||
|
<div
|
||||||
|
v-for="(item, index) in partItems3"
|
||||||
|
:key="index"
|
||||||
|
class="dynamic-item"
|
||||||
|
>
|
||||||
|
<div style="margin-top:10px;margin-left:180px;margin-bottom: 5px;font-size: 18px;">设备：{{index+1}}</div>
|
||||||
|
<el-row>
|
||||||
|
<el-form-item label="关联装备" prop="partType">
|
||||||
|
<el-select
|
||||||
|
v-model="item.device"
|
||||||
|
placeholder="请选择"
|
||||||
|
clearable style="width: 300px">
|
||||||
|
<el-option label="设备1" value="0"></el-option>
|
||||||
|
<el-option label="设备2" value="1"></el-option>
|
||||||
|
<el-option label="设备3" value="2"></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="丢失数量" prop="partNum">
|
||||||
|
<el-input
|
||||||
|
v-model="item.partNum"
|
||||||
|
placeholder="请输入"
|
||||||
|
maxlength="20"
|
||||||
|
style="width: 300px"
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-row>
|
||||||
|
<el-row >
|
||||||
|
<el-form-item label="丢失费用" prop="partNum">
|
||||||
|
<el-input
|
||||||
|
v-model="item.partNum"
|
||||||
|
placeholder="请输入"
|
||||||
|
maxlength="20"
|
||||||
|
style="width: 300px"
|
||||||
|
>
|
||||||
|
</el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<div style="margin-left:130px">
|
||||||
|
<el-button @click="addPartItem3" type="success">
|
||||||
|
增加丢失设备</el-button>
|
||||||
|
<el-button @click="removePartItem3(index)" v-if="index != 0" type="danger">
|
||||||
|
删除丢失设备</el-button>
|
||||||
|
</div>
|
||||||
|
</el-row>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
<template #footer>
|
||||||
|
<span class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="closeDialogBtn">关 闭</el-button>
|
||||||
|
<el-button @click="submitBtn" type="success">
|
||||||
|
保存
|
||||||
|
</el-button>
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue