|
|
|
@ -28,7 +28,7 @@
|
|
|
|
|
plain |
|
|
|
|
v-if="permission.basicdataFreight_add" |
|
|
|
|
@click="ownSave" |
|
|
|
|
>新增 |
|
|
|
|
>新增 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
type="danger" |
|
|
|
@ -51,54 +51,68 @@
|
|
|
|
|
<!-- @click="$refs.crud.rowAdd()">新增</el-button>--> |
|
|
|
|
<!-- </template>--> |
|
|
|
|
</avue-crud> |
|
|
|
|
<el-dialog |
|
|
|
|
v-model="Detailspop" |
|
|
|
|
title="详情" |
|
|
|
|
width="60%" |
|
|
|
|
> |
|
|
|
|
<el-form class="el_formInfo" :model="formInfo" label-width="300px" style="width:100%" disabled> |
|
|
|
|
<div class='el_box_1'> |
|
|
|
|
<el-form-item label="用户名称"> |
|
|
|
|
<el-input v-model="formInfo.clientName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="品牌名称"> |
|
|
|
|
<el-input v-model="formInfo.clientName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="一口价"> |
|
|
|
|
<el-input v-model="formInfo.clientName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="品类"> |
|
|
|
|
<el-input v-model="formInfo.clientName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-dialog v-model="Detailspop" title="详情" width="60%"> |
|
|
|
|
<el-form |
|
|
|
|
class="el_formInfo" |
|
|
|
|
:model="formInfo" |
|
|
|
|
label-width="300px" |
|
|
|
|
style="width: 100%" |
|
|
|
|
disabled |
|
|
|
|
> |
|
|
|
|
<div class="el_box_1"> |
|
|
|
|
<el-form-item label="客户名称"> |
|
|
|
|
<el-input v-model="formInfo.clientName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
<div class='el_box_2'> |
|
|
|
|
<el-form-item label="生效时间"> |
|
|
|
|
<el-input v-model="formInfo.clientName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="截止时间"> |
|
|
|
|
<el-input v-model="formInfo.clientName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="品牌名称"> |
|
|
|
|
<el-input v-model="formInfo.brand" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="服务类型"> |
|
|
|
|
<el-input v-model="formInfo.clientName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
</el-form> |
|
|
|
|
<template #footer> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button @click="Detailspop = false">关闭</el-button> |
|
|
|
|
<!-- <el-button type="primary" @click="DetailspopFn"> |
|
|
|
|
<el-form-item label="一口价"> |
|
|
|
|
<el-input v-model="formInfo.fixedPrice" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="品类"> |
|
|
|
|
<el-input v-model="formInfo.clientName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
<div class="el_box_2"> |
|
|
|
|
<el-form-item label="生效时间"> |
|
|
|
|
<el-input v-model="formInfo.clientName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="截止时间"> |
|
|
|
|
<el-input v-model="formInfo.clientName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="服务类型"> |
|
|
|
|
<el-input v-model="formInfo.clientName" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
</el-form> |
|
|
|
|
<template #footer> |
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
<el-button @click="Detailspop = false">关闭</el-button> |
|
|
|
|
<!-- <el-button type="primary" @click="DetailspopFn"> |
|
|
|
|
确定 |
|
|
|
|
</el-button> --> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
</basic-container> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import { getList, getDetail, add, update, remove,$_QueryUserName } from '@/api/basicdata/basicdataFreight'; |
|
|
|
|
import { |
|
|
|
|
getList, |
|
|
|
|
getDetail, |
|
|
|
|
add, |
|
|
|
|
update, |
|
|
|
|
remove, |
|
|
|
|
$_QueryUserName, |
|
|
|
|
$_brand, |
|
|
|
|
$_category, |
|
|
|
|
$_getDeptLazyTree, |
|
|
|
|
} from '@/api/basicdata/basicdataFreight'; |
|
|
|
|
// import option from "@/option/basicdata/basicdataFreight"; |
|
|
|
|
import { mapGetters } from 'vuex'; |
|
|
|
|
import { exportBlob } from '@/api/common'; |
|
|
|
@ -115,8 +129,8 @@ export default {
|
|
|
|
|
query: {}, |
|
|
|
|
search: {}, |
|
|
|
|
loading: true, |
|
|
|
|
Detailspop:true, |
|
|
|
|
formInfo:{},//详情弹窗表格 |
|
|
|
|
Detailspop: true, |
|
|
|
|
formInfo: {}, //详情弹窗表格 |
|
|
|
|
page: { |
|
|
|
|
pageSize: 30, |
|
|
|
|
currentPage: 1, |
|
|
|
@ -658,30 +672,46 @@ export default {
|
|
|
|
|
}, |
|
|
|
|
// 查看按钮 |
|
|
|
|
beforeOpen(done, type) { |
|
|
|
|
this.Detailspop=true;//开启弹窗 |
|
|
|
|
this.Detailspop = true; //开启弹窗 |
|
|
|
|
console.log(this.form.id); |
|
|
|
|
console.log(this.form, 'from'); |
|
|
|
|
console.log('查看'); |
|
|
|
|
getDetail(this.form.id).then(res => { |
|
|
|
|
this.form = res.data.data; |
|
|
|
|
$_QueryUserName({ |
|
|
|
|
id:res.data.data.itemName |
|
|
|
|
|
|
|
|
|
}).then(res=>{ |
|
|
|
|
this.formInfo.clientName = res.data.data.clientName |
|
|
|
|
console.log(res,'客户名称'); |
|
|
|
|
}) |
|
|
|
|
this.formInfo.fixedPrice = this.form.fixedPrice == 1 ? '否' : this.form.fixedPrice == 2 ? '是' : '暂无'; |
|
|
|
|
this.form = res.data.data; |
|
|
|
|
$_QueryUserName({ |
|
|
|
|
id: res.data.data.itemName, |
|
|
|
|
}).then(res => { |
|
|
|
|
this.formInfo.clientName = res.data.data.clientName; |
|
|
|
|
console.log(res, '客户名称'); |
|
|
|
|
}); |
|
|
|
|
// 查询品牌 |
|
|
|
|
$_brand({ |
|
|
|
|
brandId: this.form.brand, |
|
|
|
|
id: this.form.itemName, |
|
|
|
|
}).then(res => { |
|
|
|
|
console.log(res, '品牌'); |
|
|
|
|
this.formInfo.brand = res.data.data.brandName; |
|
|
|
|
}); |
|
|
|
|
return |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return |
|
|
|
|
$_category({ |
|
|
|
|
id:this.form.category |
|
|
|
|
}).then(res=>{ |
|
|
|
|
console.log(res,'品类'); |
|
|
|
|
}) |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
if (['edit', 'view'].includes(type)) { |
|
|
|
|
getDetail(this.form.id).then(res => { |
|
|
|
|
this.form = res.data.data; |
|
|
|
|
$_QueryUserName({ |
|
|
|
|
id:res.data.data.itemName |
|
|
|
|
|
|
|
|
|
}).then(res=>{ |
|
|
|
|
this.formInfo.clientName = res.data.data.clientName |
|
|
|
|
console.log(res,'客户名称'); |
|
|
|
|
}) |
|
|
|
|
id: res.data.data.itemName, |
|
|
|
|
}).then(res => { |
|
|
|
|
this.formInfo.clientName = res.data.data.clientName; |
|
|
|
|
console.log(res, '客户名称'); |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
done(); |
|
|
|
@ -751,33 +781,34 @@ export default {
|
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang='scss'> |
|
|
|
|
:deep(.el-form-item__content){ |
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
:deep(.el-form-item__content) { |
|
|
|
|
} |
|
|
|
|
:deep(.avue-form__row){ |
|
|
|
|
margin-left:10px; |
|
|
|
|
max-width:300px!important; |
|
|
|
|
:deep(.avue-form__row) { |
|
|
|
|
margin-left: 10px; |
|
|
|
|
max-width: 300px !important; |
|
|
|
|
} |
|
|
|
|
:deep(.no-print){ |
|
|
|
|
margin-left:auto; |
|
|
|
|
:deep(.no-print) { |
|
|
|
|
margin-left: auto; |
|
|
|
|
} |
|
|
|
|
:deep(.avue-form__row){ |
|
|
|
|
margin-left:0; |
|
|
|
|
:deep(.avue-form__row) { |
|
|
|
|
margin-left: 0; |
|
|
|
|
} |
|
|
|
|
:deep(.el-form-item__label){ |
|
|
|
|
padding-left:0; |
|
|
|
|
width:auto !important; |
|
|
|
|
:deep(.el-form-item__label) { |
|
|
|
|
padding-left: 0; |
|
|
|
|
width: auto !important; |
|
|
|
|
} |
|
|
|
|
:deep(.no-print){ |
|
|
|
|
.el-button{ |
|
|
|
|
margin-right:0 |
|
|
|
|
:deep(.no-print) { |
|
|
|
|
.el-button { |
|
|
|
|
margin-right: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el_formInfo{ |
|
|
|
|
display:flex; |
|
|
|
|
.el_formInfo { |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
.el_box_1,.el_box_2{ |
|
|
|
|
display:flex; |
|
|
|
|
.el_box_1, |
|
|
|
|
.el_box_2 { |
|
|
|
|
display: flex; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|