bonus
/
Zlpt_Portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

订单页面退租检修，费用结算按钮页面

This commit is contained in:
jjLv 2024-11-28 08:51:43 +08:00
parent 55d20a391a
commit 2c1dfcc49d
1 changed files with 354 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

359
src/views/user/orderManagement/index.vue
View File

@ -268,19 +268,81 @@ const equipmentDeploymentParams: any = ref({
}
const settlemoneyTitle = ref('')
const moneParams: any = ref({
const moneyParams1: any = ref({
/* 设备名称 */
deviceName: '',
deviceTypeList: [],
deviceCount: 1,
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 handleViewMoney = () => {
settlemoneyTitle.value = '费用结算'
moneParams.value = {
moneyParams1.value = {
/* 设备状态 */
maStatus: 15,
detectionList: [],
insureList: [],
picList: []
}
moneyParams2.value = {
/* 设备状态 */
maStatus: 15,
detectionList: [],
insureList: [],
picList: []
}
moneyParams3.value = {
/* 设备状态 */
maStatus: 15,
detectionList: [],
@ -291,6 +353,36 @@ const dialogFormVisibleSettlemoney: any = ref(false)
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>
<template>
@ -764,7 +856,7 @@ const dialogFormVisibleSettlemoney: any = ref(false)
class="info"
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>
</div>
<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">
<span class="title-sign"></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>
<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>
</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>
</template>