maojiacai/ba_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

'保安项目提交'

Browse Source
This commit is contained in:
esacpe
2025-09-22 09:01:41 +08:00
commit 21e2a12e3c
1439 changed files with 336271 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
src/views/backOfficeSystem/ScrapMetal/RecyclingBusinessManagement/components/detailForm.vue Normal file
View File

@ -0,0 +1,137 @@
<template>
<div class="dialog" v-if="dialogForm">
<div class="head_box">
<span class="title">废旧金属回收业务信息详情</span>
<div>
<el-button size="small" @click="close">关闭</el-button>
</div>
</div>
<div class="cntinfo">
<el-form :model="listQuery" :label-width="230" label-position="left">
<div class="form-row">
<el-form-item label="业务流水号码">
<el-input v-model="listQuery.ywlsh" placeholder="01131213"/>
</el-form-item>
<el-form-item label="场所名称">
<el-input v-model="listQuery.csmc" placeholder="老王废旧金属回收"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="回收人员姓名">
<el-input v-model="listQuery.hsryxm" placeholder="王五"/>
</el-form-item>
<el-form-item label="回收人证件号码">
<el-input v-model="listQuery.hsrzjhm" placeholder="511111111111111111"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="出售人员姓名">
<el-input v-model="listQuery.csryxm" placeholder="张三"/>
</el-form-item>
<el-form-item label="出售人证件号码">
<el-input v-model="listQuery.csrzjhm" placeholder="511222222222222222"/>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="回收物品照片">
<div class="image-group">
<div class="image-item" v-for="(item, index) in listQuery.plateImages" :key="index">
<el-image :src="item.img" fit="cover"></el-image>
</div>
</div>
</el-form-item>
</div>
<div class="form-row">
<el-form-item label="回收物品清单描述">
<el-input type="textarea" v-model="listQuery.wpqdms" :rows="4" placeholder="请输入回收物品清单描述"/>
</el-form-item>
</div>
</el-form>
</div>
</div>
</template>
<script setup>
import { ref, reactive } from 'vue';
const dialogForm = ref(false);
const listQuery = ref({
plateImages: [
{img:require('@/assets/images/person.png')},
{img:require('@/assets/images/person.png')},
{img:require('@/assets/images/person.png')},
]
});
// 初始化数据
const init = (type, row) => {
dialogForm.value = true;
// 根据type和row初始化表单数据
};
const close = () => {
dialogForm.value = false;
};
defineExpose({init})
</script>
<style lang="scss" scoped>
.dialog {
padding: 20px;
:deep(.el-form-item__label) {
background-color: #F7FAFB;
padding: 0px 8px;
color: #000;
font-weight: 500;
border: 1px solid #E3E7ED;
}
.head_box {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.cntinfo{
height: calc(100% - 70px);
overflow: hidden;
overflow-y: auto;
}
.form-row {
display: flex;
.el-form-item {
flex: 1;
}
}
.image-group {
display: flex;
gap: 10px;
flex-wrap: wrap;
.image-item {
width: 150px;
height: 150px;
border: 1px solid #dcdfe6;
.el-image {
width: 100%;
height: 100%;
}
}
}
::v-deep .el-input__inner{
height: 36px !important;
line-height: 36px !important;
border-radius: 0;
color: #777575;
}
}
.el-form-item--default{
margin-bottom: 0px;
}
</style>