Skip to content

E
ElectricitySheep
Commit e98bf5c1 authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/huangyuanyuan/electricitysheep

parents 72efa03f 28fe2f37
Hide whitespace changes
Inline Side-by-side
Showing with 384 additions and 0 deletions
src/components/CommodityMan/supplierEdit.vue 0 → 100644
View file @ e98bf5c1
<template>
<div v-loading="pageloading" class="supplierEdit">
<div class="head-title">
<span @click="CommonJump('supplierManage')" class="blue point">供应商</span> / 供应商编辑
</div>
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="150px">
<el-card shadow="never" style="margin-top:10px" class="box-card">
<el-form-item class="commonLabel discount" label="供应商名称" prop="Name">
<el-input v-model="addMsg.Name" style="width:690px" size="small">
</el-input>
</el-form-item>
<el-form-item class="commonLabel discount" label="电话" prop="Mobile">
<el-input v-model="addMsg.Mobile" style="width:690px" size="small" step="1" min="0" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''">
</el-input>
</el-form-item>
<el-form-item class="commonLabel discount" label="地址" >
<el-input v-model="addMsg.Address" style="width:690px" size="small">
</el-input>
</el-form-item>
<el-form-item class="commonLabel discount" label="账户分类" prop="ClientBankAccount.AccountClassify">
<el-select class="w150" style="margin-right: 10px;" v-model="addMsg.ClientBankAccount.AccountClassify" size="small" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.Id"
:label="item.Name"
:value="item.Id">
</el-option>
</el-select>
</el-form-item>
<el-form-item class="commonLabel discount" label="开户支行" prop="ClientBankAccount.OpenBankName">
<el-input v-model="addMsg.ClientBankAccount.OpenBankName" style="width:690px" size="small">
</el-input>
</el-form-item>
<el-form-item class="commonLabel discount" label="开户人" prop="ClientBankAccount.AccountHolder">
<el-input v-model="addMsg.ClientBankAccount.AccountHolder" style="width:690px" size="small">
</el-input>
</el-form-item>
<el-form-item class="commonLabel discount" label="卡号" prop="ClientBankAccount.CardNum">
<el-input v-model="addMsg.ClientBankAccount.CardNum" style="width:690px" size="small" onkeyup="this.value= this.value.match(/\d+(\d{0,2})?/) ? this.value.match(/\d+(\d{0,2})?/)[0] : ''">
</el-input>
</el-form-item>
<el-form-item class="commonLabel discount" label="账户别名" prop="ClientBankAccount.AccountAlias">
<el-input v-model="addMsg.ClientBankAccount.AccountAlias" style="width:690px" size="small">
</el-input>
</el-form-item>
</el-card>
</el-form>
<div style="padding:20px;background:#fff;margin-top:10px">
<el-button @click="Save('addMsg')" size="small" type="primary">保存</el-button>
</div>
</div>
</template>
<script>
export default {
name: "supplierEdit",
data(){
return{
pageloading:false,
addMsg:{
ID:0,
Name:'',
Mobile:'',
Address:'',
ClientBankAccount:{
ID:0,
AccountClassify:1,
OpenBankName:'',
AccountHolder:'',
CardNum:'',
AccountAlias:'',
},
},
options:[
{Id:1,Name:"平台"},
{Id:2,Name:"银行"},
{Id:3,Name:"虚拟账户"},
{Id:4,Name:"微信支付宝"},
],
rules:{
Name: [
{ required: true, message: '请输入供应商名称', trigger: 'blur' },
],
Mobile: [
{ required: true, message: '请输入电话', trigger: 'blur' },
],
'ClientBankAccount.AccountClassify' : [
{ required: true, message: '请输入服务名称', trigger: 'blur' },
],
'ClientBankAccount.OpenBankName': [
{ required: true, message: '请输入开户支行', trigger: 'blur' },
],
'ClientBankAccount.AccountHolder': [
{ required: true, message: '请输入开户人', trigger: 'blur' },
],
'ClientBankAccount.CardNum': [
{ required: true, message: '请输入卡号', trigger: 'blur' },
],
'ClientBankAccount.AccountAlias': [
{ required: true, message: '请输入账户别名', trigger: 'blur' },
],
},
supplierId:-1,
}
},
created(){
if(this.$route.query.supplierId){
this.supplierId=this.$route.query.supplierId;
this.getData()
}
},
methods:{
Save(formName){
this.$refs[formName].validate((valid) => {
if (valid) {
this.apipost('/api/Supplier/SetSupplier',this.addMsg,
res => {
if (res.data.resultCode === 1) {
this.CommonJump('supplierManage')
this.Success(res.data.message)
} else {
this.Error(res.data.message);
}
},
null
);
} else {
return false;
}
});
},
getData(){
this.pageloading=true;
this.apipost("/api/Supplier/GetSupplierDetail",{ID:this.supplierId}, res => {
this.pageloading=false;
if(res.data.resultCode==1){
let data = res.data.data
this.addMsg.ID = data.ID;
this.addMsg.Name = data.Name;
this.addMsg.Mobile = data.Mobile;
this.addMsg.Address = data.Address;
this.addMsg.ClientBankAccount.ID = data.ClientBankAccount.ID;
this.addMsg.ClientBankAccount.AccountClassify = data.ClientBankAccount.AccountClassify;
this.addMsg.ClientBankAccount.OpenBankName = data.ClientBankAccount.OpenBankName;
this.addMsg.ClientBankAccount.AccountHolder = data.ClientBankAccount.AccountHolder;
this.addMsg.ClientBankAccount.CardNum = data.ClientBankAccount.CardNum;
this.addMsg.ClientBankAccount.AccountAlias = data.ClientBankAccount.AccountAlias;
}else {
this.Error(res.data.message);
}
})
},
},
};
</script>
<style>
.supplierEdit .discount .el-form-item__label{
padding-right: 30px;
}
.supplierEdit .el-form-item .elzk{
position: absolute;
left: -25px;
top:12px;
}
</style>
src/components/CommodityMan/supplierManage.vue 0 → 100644
View file @ e98bf5c1
<template>
<div class="supplierManage">
<div class="head-title">
供应商管理
<el-button @click="CommonJump('supplierEdit')" style="float:right;margin-top: -5px;margin-left:20px;" size="small" type="primary">新增供应商</el-button>
</div>
<div class="content">
<div>
<div class="searchInput" style="width:250px">
<el-input style="display:inline-block;width:225px;height:30px"
placeholder="请输入规格名搜索"
v-model="msg.Name"
@clear="getList"
size="small"
clearable>
</el-input>
<span @click="getList" class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"></span>
</div>
</div>
<el-table
:data="tableData"
v-loading="loading"
border
style="width: 100%;margin:20px 0">
<el-table-column
prop="Name"
width="180"
label="供应商名称">
</el-table-column>
<el-table-column
prop="Mobile"
width="150"
label="电话">
</el-table-column>
<el-table-column
prop="Address"
width="220"
label="地址">
</el-table-column>
<el-table-column
prop="OpenBankName"
width="200"
label="开户支行">
</el-table-column>
<el-table-column
prop="AccountHolder"
width="150"
label="开户人">
</el-table-column>
<el-table-column
prop="CardNum"
width="250"
label="卡号 ">
</el-table-column>
<el-table-column
prop="AccountAlias"
width="240"
label="账户别名">
</el-table-column>
<el-table-column
prop="AccountClassifyStr"
width="160"
label="账户分类">
</el-table-column>
<el-table-column
prop="address"
label="操作">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" content="编辑" placement="top">
<img @click="CommonJump('supplierEdit',{supplierId:scope.row.ID})" style="width:32px;height:32px;margin:0 10px" src="../../assets/img/userman/edit.png" alt="">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="删除" placement="top">
<img @click="Delete(scope.row)" style="width:32px;height:32px;margin:0 10px" src="../../assets/img/userman/del.png" alt="">
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-pagination style="text-align:right"
background
@current-change="handleCurrentChange"
:page-size="msg.pageSize"
layout="prev, pager, next"
:total="total">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: "supplierManage",
data(){
return{
editState:false,
msg:{
pageIndex:1,
pageSize:15,
Name:'',
},
total:0,
tableData:[],
loading:false,
}
},
created(){
this.getList();
},
methods:{
Delete(item){
let that=this;
that.$confirm('是否删除?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.apipost('/api/Supplier/DelDiscountCoupon',{Id:item.ID,BackId:item.BackId},
res => {
if (res.data.resultCode === 1) {
this.getList();
this.Success(res.data.message)
} else {
this.Error(res.data.message);
}
},
null
);
}).catch(() => {
});
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
getList(){
this.loading=true;
this.apipost("/api/Supplier/GetSupplierList ", this.msg, res => {
this.loading=false;
if(res.data.resultCode==1){
this.total=res.data.data.count;
let pageData=res.data.data.pageData;
pageData.forEach(item=>{
item.SortNew=item.Sort;
item.editState=false;
})
this.tableData=pageData;
}
})
},
},
};
</script>
<style>
.supplierManage .content .searchInput{
border: 1px solid #DCDFE6;
border-radius: 4px;
}
.supplierManage .content .searchInput .el-input__inner{
border:none;outline:none;
height: 30px;
line-height: 30px;
}
.supplierManage .content .searchInput{
line-height: normal;
display: inline-table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
width:250px;
margin-right: 20px;
}
.supplierManage .content{
background: #fff;
margin-top:10px;
padding: 20px;
box-sizing: border-box;
}
</style>
src/components/common/choiceGood.vue
View file @ e98bf5c1
...@@ -42,6 +42,7 @@ ...@@ -42,6 +42,7 @@
pageIndex: 1, pageIndex: 1,
pageSize: 15, pageSize: 15,
Name: '', Name: '',
GoodsStatus:1 //上架中
}, },
total: 0, total: 0,
selectRow: [], selectRow: [],
......
src/router/index.js
View file @ e98bf5c1
...@@ -283,6 +283,17 @@ export default new Router({ ...@@ -283,6 +283,17 @@ export default new Router({
path: '/taoBaoCSV', path: '/taoBaoCSV',
name: 'taoBaoCSV', name: 'taoBaoCSV',
component: resolve => require(['@/components/CommodityMan/taoBaoCSV'], resolve), component: resolve => require(['@/components/CommodityMan/taoBaoCSV'], resolve),
}, // 商品管理 供应商管理
{
path: '/supplierManage',
name: 'supplierManage',
component: resolve => require(['@/components/CommodityMan/supplierManage'], resolve),
},
// 商品管理 供应商新增或修改
{
path: '/supplierEdit',
name: 'supplierEdit',
component: resolve => require(['@/components/CommodityMan/supplierEdit'], resolve),
}, },
// 订单管理 商品列表新增 // 订单管理 商品列表新增
{ {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment