panqihua
2 years ago
parent
445e3d8386
commit
ca1ade1b2e
@ -0,0 +1,180 @@ |
||||
<template> |
||||
<div> |
||||
<div class="sub-title">锁定</div> |
||||
<div class="h1">基本信息</div> |
||||
<el-form :inline="true" :label-width="width + 'px'" label-position="left"> |
||||
<el-row> |
||||
<el-col :span="18"> |
||||
<div class="w240"> |
||||
<el-form-item label="厂商名称"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="厂商ID" class="ml"> |
||||
<el-input v-model="form.id"></el-input> |
||||
</el-form-item> |
||||
<br /> |
||||
<el-form-item label="负责人姓名"> |
||||
<el-input v-model="form.userName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="负责人电话" class="ml"> |
||||
<el-input v-model="form.phone"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="厂商类型"> |
||||
<el-select v-model="form.type"></el-select> |
||||
</el-form-item> |
||||
<el-form-item label="技术支持时间" class="ml"> |
||||
<el-date-picker v-model="form.dateRange" value-format="yyyy-MM-dd" type="daterange" |
||||
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker> |
||||
</el-form-item> |
||||
<br /> |
||||
<el-form-item label="存储到期时间"> |
||||
<el-date-picker v-model="form.saveDateRange" value-format="yyyy-MM-dd" type="daterange" |
||||
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker> |
||||
</el-form-item> |
||||
</div> |
||||
<el-form-item label="厂商地址"> |
||||
<el-select v-model="form.address.province" placeholder="请选择"> |
||||
|
||||
</el-select> |
||||
<el-select v-model="form.address.city" placeholder="请选择"> |
||||
|
||||
</el-select> |
||||
<el-select v-model="form.address.area" placeholder="请选择"> |
||||
|
||||
</el-select> |
||||
<br /> |
||||
<el-input v-model="form.address.address" style="margin-top:10px"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="营业执照"> |
||||
<img src="http://www.dummyimage.com/100x100" /> |
||||
</el-form-item> |
||||
<br /> |
||||
<el-form-item label="状态"> |
||||
<el-radio v-model="form.status" :key="item.value" v-for="item in dict.type.manufacturer_type_1" |
||||
:label="item.value">{{ |
||||
item.label |
||||
}}</el-radio> |
||||
</el-form-item> |
||||
<br /> |
||||
<template v-if="type === '2'"> |
||||
<el-form-item label="审核"> |
||||
<el-radio v-model="form.audit" :key="item.value" v-for="item in dict.type.audit_status" |
||||
:label="item.value">{{ |
||||
item.label |
||||
}}</el-radio> |
||||
</el-form-item> |
||||
<br /> |
||||
<el-form-item :style="{ |
||||
marginLeft: `${width}px` |
||||
}"> |
||||
<el-input :autosize="{ minRows: 5 }" type="textarea" placeholder="拒绝原因" |
||||
:minRow="5"></el-input> |
||||
</el-form-item> |
||||
|
||||
<template v-if="manufacturerType === 2"> |
||||
<div class="h1">授权厂商</div> |
||||
<el-form-item label="厂商名称"> |
||||
<el-input v-model="authorized.name"></el-input> |
||||
</el-form-item> |
||||
<br /> |
||||
<el-form-item label="选择品牌"> |
||||
<el-checkbox-group v-model="authorized.brands"> |
||||
<el-checkbox v-for="item in 4" :label="item" :key="item">品牌{{ item }}</el-checkbox> |
||||
</el-checkbox-group> |
||||
</el-form-item> |
||||
<br /> |
||||
<el-form-item label="授权书"> |
||||
<img src="http://www.dummyimage.com/100x100" /> |
||||
</el-form-item> |
||||
</template> |
||||
</template> |
||||
</el-col> |
||||
<el-col :span="5" :offset="1"> |
||||
<user-avatar :circle="false" show-bottom-label /> |
||||
</el-col> |
||||
</el-row> |
||||
<div v-if="type === '2'" style="text-align:center"> |
||||
<el-button type="primary" @click="$modal.msgSuccess('保存成功'); $emit('close')">保存</el-button> |
||||
<el-button @click="$emit('close')">关闭</el-button> |
||||
</div> |
||||
</el-form> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import userAvatar from "@/views/system/user/profile/userAvatar"; |
||||
export default { |
||||
name: 'Base', |
||||
components: { userAvatar }, |
||||
dicts: ['manufacturer_type_1', 'audit_status'], |
||||
data() { |
||||
return { |
||||
width: 100, |
||||
form: { |
||||
dateRange: '', |
||||
saveDateRange: '', |
||||
name: '厂商名称', |
||||
id: '145454', |
||||
userName: '账单', |
||||
phone: '18888888888', |
||||
type: '电子产品', |
||||
address: { |
||||
province: '河南省', |
||||
city: '郑州市', |
||||
area: '金水区', |
||||
address: '光明路128号' |
||||
}, |
||||
status: '0', |
||||
audit: undefined |
||||
}, |
||||
authorized: { |
||||
name: '厂商名称', |
||||
brands: [] |
||||
|
||||
} |
||||
} |
||||
}, |
||||
computed: { |
||||
// 1：列表，2：审核 |
||||
type() { |
||||
return this.$route.fullPath.split('/').at(-1) |
||||
}, |
||||
// 1:厂商，2：经销商 |
||||
manufacturerType() { |
||||
return this.$route.fullPath.includes('manufacturer') ? 1 : 2 |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
<style scoped lang="scss"> |
||||
.w240 { |
||||
|
||||
.el-input, |
||||
.el-select, |
||||
.el-date-editor { |
||||
width: 200px; |
||||
} |
||||
|
||||
} |
||||
|
||||
.h1 { |
||||
font-size: 16px; |
||||
text-align: left; |
||||
font-family: SourceHanSansSC-regular; |
||||
margin: 15px 0; |
||||
} |
||||
|
||||
.ml { |
||||
margin-left: 5%; |
||||
} |
||||
|
||||
.sub-title { |
||||
padding: 15px 20px; |
||||
background-color: #e1efff; |
||||
|
||||
&>span { |
||||
font-size: 14px; |
||||
text-align: left; |
||||
font-family: SourceHanSansSC-regular; |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue