Browse Source

厂商、经销商、品牌

zhanglei
Zhao Qiqi 3 years ago
parent
commit
2d23d9c9d2
  1. 154
      anrui-base/anrui-base-ui/src/styles/index.scss
  2. 10
      anrui-base/anrui-base-ui/src/views/changshang/changshangguanli/changshangguanli.vue
  3. 40
      anrui-base/anrui-base-ui/src/views/changshang/changshangguanli/changshangguanliAdd.vue
  4. 133
      anrui-base/anrui-base-ui/src/views/changshang/changshangguanli/changshanglook.vue
  5. 2
      anrui-base/anrui-base-ui/src/views/changshang/changshangguanli/relation/changshangBankInfo.vue
  6. 1
      anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiInfo.vue
  7. 14
      anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiguanli.vue
  8. 66
      anrui-base/anrui-base-ui/src/views/pinpai/pinpaiguanli/pinpaiAdd.vue
  9. 19
      anrui-base/anrui-base-ui/src/views/pinpai/pinpaiguanli/pinpaiInfo.vue
  10. 566
      anrui-base/anrui-base-ui/src/views/pinpai/pinpaiguanli/pinpaiguanli.vue

154
anrui-base/anrui-base-ui/src/styles/index.scss

@ -102,7 +102,7 @@ div:focus {
font-size: 20px;
}
// 页面上的button按钮的样式
// 页面上的button按钮
.app-container {
.el-button--medium {
padding: 10px 14px;
@ -110,7 +110,7 @@ div:focus {
}
.el-button--small {
padding: 7px 12px;
padding: 8px 12px;
font-size: 14px;
}
@ -146,6 +146,15 @@ div:focus {
overflow-x: hidden;
}
// 新增编辑详情页面的标题样式
.listconadd{
.titwu {
font-size: 28px;
text-align: center;
padding: 30px 0 20px 0;
}
}
.listconsub {
height: calc(100vh - 310px);
overflow-y: auto;
@ -236,51 +245,122 @@ div:focus {
margin-right: 4px;
}
.formadd {
padding: 88px 40px 0 40px;
padding: 10px 40px 0 40px;
font-size: 16px;
// height: calc(100vh - 200px);overflow-y: auto;
.title {
padding: 12px;font-weight: bold;
.title {
padding: 12px;
font-weight: bold;
font-size: 16px;
background-color: $header-bg;
text-align: left;
color: #ffffff;
}
}
.el-row {
display:flex;
flex-wrap: wrap;
border-left: 1px solid $table-border-color;
.el-col{
border-right: 1px solid $table-border-color;
border-bottom: 1px solid $table-border-color;
padding: 0 15px;
min-height: 42px;
line-height: 1;
.el-form-item{
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
border-left: 1px solid $table-border-color;
.el-col {
border-right: 1px solid $table-border-color;
border-bottom: 1px solid $table-border-color;
padding: 0 15px;
min-height: 42px;
line-height: 1;
.el-form-item {
margin-bottom: 0;
line-height: 42px;
// .addinputw{width: 400px;}
.addinputw {
width: 80%;
line-height: 42px;
// .addinputw{width: 400px;}
.addinputw{width: 80%;line-height: 42px;}
.el-input__inner {
height: 36px;
}
}
.el-input__inner {
height: 36px;
}
}
}
.footer{margin: 20px;}
}
}
.footer{margin: 20px;}
}
.formaddcopy02 {
padding: 10px 40px 0 40px;
.title {
padding: 12px;
font-weight: bold;
font-size: 16px;
background-color: #0294d7;
color: #ffffff;
text-align: left;
}
.el-row {
display: flex;
flex-wrap: wrap;
border-left: 1px solid $table-border-color;
.el-col {
border-right: 1px solid $table-border-color;
border-bottom: 1px solid $table-border-color;
min-height: 42px;
padding: 0 15px;
line-height: 42px;
position: relative;
.span-sty {
position: absolute;
top: 0;
bottom: 0;
left: 0;
line-height: 42px;
text-align: right;
font-size: 14px;
color: #606266;
font-weight: 600;
width: 70px;
padding-right: 5px;
border-right: 1px solid #e0e3eb;
}
.el-form-item {
margin-bottom: 0;
line-height: 42px;
.addinputw {
//padding: 5px 0;
width: 65%;
margin-left: 80px;
line-height: 42px;
}
.addinputInfo {
margin-left: 80px;
line-height: 42px;
}
.el-input__inner {
height: 36px;
}
}
}
}
.footer {
margin: 20px;
}
}
.forminfo {
padding: 20px 0;
.title {
padding: 10px;font-weight: bold;
font-size: 20px;
background-color: $header-bg;
text-align: center;
padding: 10px 40px 0 40px;
.title {
padding: 12px;
font-weight: bold;
font-size: 16px;
background-color: #0294d7;
color: #ffffff;
}
text-align: left;
}
.el-row {
display:flex;
flex-wrap: wrap;
@ -309,6 +389,16 @@ div:focus {
z-index: 100;
}
.bluezi{color: $header-bg;cursor:pointer;}
// 隐藏显示按钮
.main-content {
.searchcon {
.searchbtn {
margin: 5px 0;
border: #2cab69 1px solid;
color: #2cab69;
}
}
}
// 经销商添加样式
.titcon{
display: flex;

10
anrui-base/anrui-base-ui/src/views/changshang/changshangguanli/changshangguanli.vue

@ -59,7 +59,7 @@
<el-button size="mini" type="primary" @click="handleEdit(row)">编辑</el-button>
</template>
</el-table-column>
<el-table-column prop="jc" label="厂商名称" width="180" align="center">
<el-table-column prop="jc" label="厂商名称" width="220" header-align="center" align="left">
<template slot-scope="scope">
<span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.manufacturerName }}</span>
</template>
@ -175,28 +175,28 @@ export default {
btnList: [
{
type: 'primary',
size: 'medium',
size: 'small',
icon: 'plus',
btnKey: 'toAdd',
btnLabel: '新增'
},
{
type: 'danger',
size: 'medium',
size: 'small',
icon: 'del',
btnKey: 'doDel',
btnLabel: '删除'
},
{
type: 'success',
size: 'medium',
size: 'small',
icon: 'export',
btnKey: 'build',
btnLabel: '导出'
},
{
type: 'info',
size: 'medium',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'

40
anrui-base/anrui-base-ui/src/views/changshang/changshangguanli/changshangguanliAdd.vue

@ -7,9 +7,9 @@
<div v-else>修改厂商信息</div>
</div>
<div>
<el-button type="primary" size="medium" @click="handleCreate()">保存</el-button>
<el-button type="primary" size="medium" @click="handleSubmit()">提交</el-button>
<el-button type="info" size="medium" @click="handleReturn()">返回</el-button>
<el-button type="primary" size="small" @click="handleCreate()">保存</el-button>
<el-button type="primary" size="small" @click="handleSubmit()">提交</el-button>
<el-button type="info" size="small" @click="handleReturn()">返回</el-button>
</div>
</div>
<!-- 新增 修改 -->
@ -453,7 +453,7 @@ import {details, SaveList, selectListOrg, Update,} from "@/api/jichuxinxi/basema
import {getCity, getCounty, getProvince} from '@/api/portal/areaPicker' //
import {typeValues} from "@/api/jichuxinxi/dictcommons";
import {getLook, getXiu, setuser} from "@/utils/baocun";
import {fetchBySid, getListOrg, getPathSidByUserSid} from "@/api/jichuxinxi/brandManagement";
import {getListOrg} from "@/api/jichuxinxi/brandManagement";
import changshangBankInfo from "@/views/changshang/changshangguanli/relation/changshangBankInfo";
export default {
@ -852,20 +852,20 @@ export default {
this.temp1.taxClassificationValue = bb.name
},
// sid
getPathSid() {
const userSid = window.sessionStorage.getItem('userSid')
getPathSidByUserSid({userSid:userSid}).then((res) => {
if (res.code === '200') {
// this.temp.createOrgName = res
this.temp.createOrg = res.data
fetchBySid(res.data).then((response) => {
if (response.code === '200') {
this.temp.createOrgName = response.data.name
}
})
}
})
},
// getPathSid() {
// const userSid = window.sessionStorage.getItem('userSid')
// getPathSidByUserSid({userSid:userSid}).then((res) => {
// if (res.code === '200') {
// // this.temp.createOrgName = res
// this.temp.createOrg = res.data
// fetchBySid(res.data).then((response) => {
// if (response.code === '200') {
// this.temp.createOrgName = response.data.name
// }
// })
// }
// })
// },
//
getListOrgAll() {
getListOrg().then((res) => {
@ -969,7 +969,7 @@ export default {
this.getZuZhi();
this.huoquSheng()
this.getListOrgAll()
this.getPathSid()
// this.getPathSid()
},
init() {
@ -1136,7 +1136,7 @@ export default {
this.getZuZhi();
this.huoquSheng()
this.getListOrgAll()
this.getPathSid()
// this.getPathSid()
},
//
handleReturn(isreload) {

133
anrui-base/anrui-base-ui/src/views/changshang/changshangguanli/changshanglook.vue

@ -4,7 +4,7 @@
<div>厂商管理详情</div>
<div>
<!-- <el-button type="primary" size="small" @click="dialogStatus==='create'?handleCreate():updateData()">保存</el-button> -->
<el-button type="info" size="medium" @click="handleReturn()">返回</el-button>
<el-button type="info" size="small" @click="handleReturn()">返回</el-button>
</div>
</div>
<div class="listconadd">
@ -41,8 +41,8 @@
<span>分类</span>
</el-col>
<el-col :span="9">
<el-form-item prop="supplierType">
<span>{{temp.supplierType}}</span>
<el-form-item prop="supplierTypeValue">
<span>{{temp.supplierTypeValue}}</span>
</el-form-item>
</el-col>
</el-row>
@ -294,108 +294,26 @@
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<div class="title">供应厂商开户行信息</div>
<el-row>
<el-col :span="3">
<span>国家</span>
</el-col>
<el-col :span="9">
<el-form-item>
<span>{{temp2.country}}</span>
</el-form-item>
</el-col>
<el-col :span="3">
<span>开户银行</span>
</el-col>
<el-col :span="9">
<el-form-item prop="depositBank">
<span>{{temp2.depositBank}}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>银行账号</span>
</el-col>
<el-col :span="9">
<el-form-item prop="bankAccount">
<span>{{temp2.bankAccount}}</span>
</el-form-item>
</el-col>
<el-col :span="3">
<span>账户名称</span>
</el-col>
<el-col :span="9">
<el-form-item prop="accountName">
<span>{{temp2.accountName}}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>收款银行</span>
</el-col>
<el-col :span="9">
<el-form-item prop="dueBank">
<span>{{temp2.dueBank}}</span>
</el-form-item>
</el-col>
<el-col :span="3">
<span>银行网点</span>
</el-col>
<el-col :span="9">
<el-form-item prop="bankingOutlets">
<span>{{temp2.bankingOutlets}}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>开户行地址</span>
</el-col>
<el-col :span="9">
<el-form-item prop="bankAddress">
<span>{{temp2.bankAddress}}</span>
</el-form-item>
</el-col>
<el-col :span="3">
<span>联行号</span>
</el-col>
<el-col :span="9">
<el-form-item prop="paymentLines">
<span>{{temp2.paymentLines}}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>Swiftcode(银行代码)</span>
</el-col>
<el-col :span="9">
<el-form-item prop="swiftCode">
<span>{{temp2.swiftCode}}</span>
</el-form-item>
</el-col>
<el-col :span="3">
<span>币种</span>
</el-col>
<el-col :span="9">
<el-form-item prop="currency">
<span>{{temp2.currency}}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span>描述</span>
</el-col>
<el-col :span="9">
<el-form-item>
<span>{{temp2.remarks}}</span>
</el-form-item>
</el-col>
<el-col :span="12"/>
</el-row>
<div class="titcon">
<div class="title">开户行信息</div>
<div class="baocun">
<el-button type="primary" size="small" icon="el-icon-plus" class="btntopblueline" @click="addBank()">新增
</el-button>
</div>
</div>
<el-table :key="tableKey" v-loading="listLoading" :data="list" :index="index" border style="width: 100%">
<el-table-column fixed width="80px" label="序号" type="index" :index="index + 1" align="center"/>
<el-table-column prop="dueBankValue" width="140px" label="账户类型" align="center"/>
<el-table-column prop="depositBank" width="180px" label="开户银行" align="center"/>
<el-table-column prop="bankAccount" width="160px" label="银行账号" align="center"/>
<el-table-column prop="accountName" width="130px" label="账号名称" align="center"/>
<el-table-column prop="bankingOutlets" width="180px" label="银行网点" align="center"/>
<el-table-column prop="bankAddress" width="260px" label="开户行地址" align="center"/>
<el-table-column prop="paymentLines" width="160px" label="联行号" align="center"/>
<el-table-column prop="swiftCode" width="200px" label="swiftcode(银行代码)" align="center"/>
<el-table-column prop="currency" width="130px" label="币种" align="center"/>
<el-table-column prop="remarks" width="240px" label="描述" align="center"/>
</el-table>
</el-form>
</div>
</div>
@ -431,6 +349,9 @@ export default {
update: "修改",
create: "创建",
},
tableKey: 0,
index: 0,
list:[],
temp:{},
temp1:{},
temp2:{},
@ -515,7 +436,7 @@ export default {
this.temp1 = response.data.baseManufacturerFinanceDto
}
if (response.data.baseManufacturerBankDto) {
this.temp2 = response.data.baseManufacturerBankDto
this.list = response.data.baseManufacturerBankDto
}
}
})

2
anrui-base/anrui-base-ui/src/views/changshang/changshangguanli/relation/changshangBankInfo.vue

@ -160,7 +160,7 @@ export default {
methods: {
getType() { //
typeValues({
type: 'receiptBank'
type: 'dueBank'
}).then((res) => {
if (res.success) {
this.receiptBank_list = res.data

1
anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiInfo.vue

@ -4,7 +4,6 @@
<div class="tab-header webtop">
<div>经销商详情</div>
<div>
<el-button type="primary" size="medium">下载</el-button>
<el-button type="info" size="medium" @click="handleReturn()">返回</el-button>
</div>
</div>

14
anrui-base/anrui-base-ui/src/views/guakaogongsi/guakaogongsiguanli/guakaogongsiguanli.vue

@ -53,8 +53,8 @@
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" @click="handleFilter">查询</el-button>
<el-button type="primary" @click="handleReset">重置</el-button>
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
</div>
</div>
</div>
@ -75,7 +75,7 @@
@selection-change="handleSelectionChange">
<el-table-column type="selection" align="center" width="50"/>
<el-table-column label="序号" fixed type="index" width="80" :index="indexMethod" align="center"/>
<el-table-column label="操作" fixed align="center" width="170px">
<el-table-column label="操作" fixed align="center" width="140px">
<template slot-scope="{row}">
<el-button size="mini" type="primary" @click="handleEdit(row)">办理</el-button>
<el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button>
@ -185,28 +185,28 @@ export default {
btnList: [
{
type: 'primary',
size: 'medium',
size: 'small',
icon: 'plus',
btnKey: 'toAdd',
btnLabel: '新增'
},
{
type: 'danger',
size: 'medium',
size: 'small',
icon: 'del',
btnKey: 'doDel',
btnLabel: '删除'
},
{
type: 'success',
size: 'medium',
size: 'small',
icon: 'export',
btnKey: 'build',
btnLabel: '导出'
},
{
type: 'info',
size: 'medium',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'

66
anrui-base/anrui-base-ui/src/views/pinpai/pinpaiguanli/pinpaiAdd.vue

@ -1,8 +1,7 @@
<template>
<div class="app-container">
<div class="tab-header webtop">
<div v-if="stateId==='0'">新增品牌</div>
<div v-else>修改品牌</div>
<div>{{ viewTitle }}</div>
<div>
<el-button type="primary" size="medium" @click="handleCreate()">保存</el-button>
<el-button type="info" size="medium" @click="handleReturn()">返回</el-button>
@ -86,7 +85,6 @@ import {
details,
dictType,
getListOrg,
getUseOrgByUserSid,
namesDown,
SaveList,
selectListOrg,
@ -117,6 +115,7 @@ export default {
upload: false, //
release: false //
},
viewTitle: '',
dataArr: [],
FormLoading: false,
listLoading: false,
@ -204,10 +203,8 @@ export default {
},
created() {
//
this.geTName()
this.getZuZhi()
this.getListOrgAll()
this.init()
// this.init()
//
// this.getList()
},
@ -229,11 +226,49 @@ export default {
}
this.selectDict()
},
showAdd() {
this.dialogStatus = 'add'
this.viewTitle = '【新增】品牌管理信息'
this.stateId = 0
this.geTName()
this.getZuZhi()
this.getListOrgAll()
this.selectDict()
},
showEdit(sid) {
console.log('edit',this.viewTitle)
this.dialogStatus = 'edit'
this.viewTitle = '【编辑】品牌管理信息'
this.stateId = 1
details(sid).then((response) => {
if (response.code === '200') {
this.temp = response.data
this.temp.sid = sid
// this.useOrgArry = response.data.useOrg
if (this.temp.useOrg.search(',') == '-1') {
this.useOrgValue = this.temp.useOrg.split(" ")
} else {
this.useOrgValue = this.temp.useOrg.split(",")
}
}
})
this.geTName()
this.getZuZhi()
this.getListOrgAll()
this.selectDict()
},
// ------------------------------------------------------
//
handleReturn() {
this.$router.go(-1)
handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist')
this.temp = {}
this.useOrgArry = []
// this.$router.go(-1)
this.$emit('doback')
},
// handleReturn() {
// this.$router.go(-1)
// },
//
getListOrgAll() {
getListOrg().then((res) => {
@ -372,7 +407,7 @@ export default {
if (valid) {
this.FormLoading = true
this.dialogStatus = 'create'
if (this.stateId === '0') {
if (this.stateId === 0) {
// if (this.temp.useOrg instanceof Array) {
// let useOrg2 = ''
// if (this.temp.useOrg.length === 1) {
@ -408,15 +443,13 @@ export default {
// this.temp.useOrg = abc.toString()
// console.log('abcabc', this.temp.useOrg)
// }
console.log(123456789)
console.log(123456789, this.temp)
SaveList(this.temp).then((response) => {
console.log(123)
console.log('返回值:', response)
this.FormLoading = false
if (response.code === '200') {
this.$router.push({
path: '/pinpai/pinpaiguanli'
})
this.handleReturn('true')
} else {
this.$notify({
title: '提示',
@ -436,14 +469,11 @@ export default {
// this.temp.useOrg = abc.toString()
// console.log('abcabc', this.temp.useOrg)
// }
this.temp.sid = this.stateId
Update(this.temp).then((response) => {
console.log('返回值:', response)
this.FormLoading = false
if (response.code === '200') {
this.$router.push({
path: '/pinpai/pinpaiguanli'
})
this.handleReturn('true')
} else {
this.$notify({
title: '提示',

19
anrui-base/anrui-base-ui/src/views/pinpai/pinpaiguanli/pinpaiInfo.vue

@ -85,12 +85,12 @@ export default {
]),
},
created() {
this.tempDate.sid = this.$route.query.sid
console.log(33333333333, this.tempDate.sid)
//
this.init()
//
this.handleCheck()
// this.tempDate.sid = this.$route.query.sid
// console.log(33333333333, this.tempDate.sid)
// //
// this.init()
// //
// this.handleCheck()
},
methods: {
init() {
@ -115,7 +115,8 @@ export default {
// ------------------------------------------------------
//
handleReturn() {
this.$router.go(-1)
this.temp = {}
this.$emit('doback')
},
//
@ -130,9 +131,9 @@ export default {
}
},
//
handleCheck() {
showInfo(sid) {
this.FormLoading = true
details(this.tempDate.sid).then((response) => {
details(sid).then((response) => {
console.log('查询', response)
this.FormLoading = false
if (response.code === '200') {

566
anrui-base/anrui-base-ui/src/views/pinpai/pinpaiguanli/pinpaiguanli.vue

@ -1,103 +1,108 @@
<template>
<div class="app-container">
<button-bar view-title="品牌管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="100px" class="tab-header">
<div class="searchli">
<el-form-item label="厂商名称">
<el-autocomplete v-model="listQuery.manufacturerName" :fetch-suggestions="querySearchAsync1"
style="width: 300px" placeholder="请输入厂商名称" @select="handleSelect1">
<i slot="suffix" class="el-icon-edit el-input__icon" @click="inputclear1"/>
<template slot-scope="{ item }">
<div style="paddingg:5px;background-color:Azure;">
<span>厂商名称</span>
<span style="color:red">{{ item.manufacturerName }} </span><br>
</div>
</template>
</el-autocomplete>
</el-form-item>
<el-form-item label="品牌名称">
<!-- <el-input v-model="listQuery.brandName" placeholder="请输入品牌名称" clearable class="filter-item" /> -->
<el-autocomplete v-model="listQuery.brandName" :fetch-suggestions="querySearchAsync"
style="width: 300px" placeholder="请输入品牌名称" @select="handleSelect">
<i slot="suffix" class="el-icon-edit el-input__icon" @click="inputclear"/>
<template slot-scope="{ item }">
<div style="paddingg:5px;background-color:Azure;">
<span>品牌名称</span>
<!-- <span style="color:red">{{ item.brandName }} (<span style="color:green">{{ item.sid }}</span>) </span><br> -->
<span style="color:red">{{ item.brandName }} </span><br>
</div>
</template>
</el-autocomplete>
</el-form-item>
<div v-show="viewState == 1">
<button-bar view-title="品牌管理" ref="btnbar" :btndisabled="btndisabled" @btnhandle="btnHandle"/>
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">{{ searchxianshitit }}</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="listQueryform" :inline="true" :model="listQuery" label-width="80px" class="tab-header">
<div class="">
<el-form-item label="厂商名称">
<el-autocomplete v-model="listQuery.manufacturerName" :fetch-suggestions="querySearchAsync1"
style="width: 300px" placeholder="请输入厂商名称" @select="handleSelect1">
<i slot="suffix" class="el-icon-edit el-input__icon" @click="inputclear1"/>
<template slot-scope="{ item }">
<div style="paddingg:5px;background-color:Azure;">
<span>厂商名称</span>
<span style="color:red">{{ item.manufacturerName }} </span><br>
</div>
</template>
</el-autocomplete>
</el-form-item>
<el-form-item label="品牌名称">
<!-- <el-input v-model="listQuery.brandName" placeholder="请输入品牌名称" clearable class="filter-item" /> -->
<el-autocomplete v-model="listQuery.brandName" :fetch-suggestions="querySearchAsync"
style="width: 300px" placeholder="请输入品牌名称" @select="handleSelect">
<i slot="suffix" class="el-icon-edit el-input__icon" @click="inputclear"/>
<template slot-scope="{ item }">
<div style="paddingg:5px;background-color:Azure;">
<span>品牌名称</span>
<!-- <span style="color:red">{{ item.brandName }} (<span style="color:green">{{ item.sid }}</span>) </span><br> -->
<span style="color:red">{{ item.brandName }} </span><br>
</div>
</template>
</el-autocomplete>
</el-form-item>
</div>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" icon="el-icon-search" size="small" @click="handleFilter">查询</el-button>
<el-button type="primary" icon="el-icon-refresh" size="small" @click="handleReset">重置</el-button>
</div>
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" size="small" @click="handleFilter">查询</el-button>
<el-button type="primary" size="small" @click="handleReset">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">品牌信息列表</div>
<!-- <pageye v-show="total>0" :total="total" :page.sync="listQuery.pageNumber" :limit.sync="listQuery.pageSize" class="pagination" @pagination="getList" /> -->
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
class="pagination" @pagination="getList"/>
</div>
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;"
@selection-change=" handleSelectionChange">
<el-table-column width="50px" type="selection" align="center"/>
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column width="260px" label="品牌名称" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.brandName }}</span>
</template>
</el-table-column>
<el-table-column width="190px" label="品牌编码" align="center">
<template slot-scope="scope">
<span>{{ scope.row.brandCode }}</span>
</template>
</el-table-column>
<el-table-column width="190px" label="品牌类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.brandTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="厂商" align="center">
<template slot-scope="scope">
<span>{{ scope.row.manufacturerName }}</span>
</template>
</el-table-column>
<el-table-column width="120px" label="是否有效" align="center">
<template slot-scope="scope">
<span>{{ scope.row.isValidity }}</span>
</template>
</el-table-column>
<el-table-column width="160px" label="更新时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.modifyTime }}</span>
<div class="listtop">
<div class="tit">品牌信息列表</div>
<!-- <pageye v-show="total>0" :total="total" :page.sync="listQuery.pageNumber" :limit.sync="listQuery.pageSize" class="pagination" @pagination="getList" /> -->
<pageye v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
class="pagination" @pagination="getList"/>
</div>
<div class="">
<el-table :key="tableKey" v-loading="listLoading" :data="list" border style="width: 100%;"
@selection-change=" handleSelectionChange">
<el-table-column width="50px" type="selection" align="center"/>
<el-table-column width="80px" label="序号" type="index" :index="indexMethod" align="center"/>
<el-table-column width="260px" label="品牌名称" align="center">
<template slot-scope="scope">
<span class="bluezi" @click="handleCheck(scope.row)">{{ scope.row.brandName }}</span>
</template>
</el-table-column>
<el-table-column width="190px" label="品牌编码" align="center">
<template slot-scope="scope">
<span>{{ scope.row.brandCode }}</span>
</template>
</el-table-column>
<el-table-column width="190px" label="品牌类型" align="center">
<template slot-scope="scope">
<span>{{ scope.row.brandTypeValue }}</span>
</template>
</el-table-column>
<el-table-column label="厂商" align="center">
<template slot-scope="scope">
<span>{{ scope.row.manufacturerName }}</span>
</template>
</el-table-column>
<el-table-column width="120px" label="是否有效" align="center">
<template slot-scope="scope">
<span>{{ scope.row.isValidity }}</span>
</template>
</el-table-column>
<el-table-column width="160px" label="更新时间" align="center">
<template slot-scope="scope">
<span>{{ scope.row.modifyTime }}</span>
</template>
</el-table-column>
<!-- <el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width">
<template slot-scope="{row}">
<el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button>
</template>
</el-table-column>
<!-- <el-table-column label="操作" align="center" width="250px" class-name="small-padding fixed-width">
<template slot-scope="{row}">
<el-button size="mini" type="primary" @click="handleCheck(row)">查看</el-button>
</template>
</el-table-column> -->
</el-table>
</div>
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<!-- <pagination v-show="total>0" :total="total" :page.sync="listQuery.pageNumber" :limit.sync="listQuery.pageSize" class="pagination" @pagination="getList" /> -->
<pagination v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
class="pagination" @pagination="getList"/>
</el-table-column> -->
</el-table>
</div>
<div class="pages">
<div class="tit"/>
<!-- 翻页 -->
<!-- <pagination v-show="total>0" :total="total" :page.sync="listQuery.pageNumber" :limit.sync="listQuery.pageSize" class="pagination" @pagination="getList" /> -->
<pagination v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size"
class="pagination" @pagination="getList"/>
</div>
</div>
</div>
<pinpai-add v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState"
@reloadlist="handleFilter"/>
<pinpai-info v-show="viewState == 4" ref="divinfo" @doback="resetState"/>
</div>
</template>
@ -108,10 +113,12 @@ import {basefinbankExportExcel, brandLike, deleteBySids, dictType, pagerList} fr
import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye'
import ButtonBar from '@/components/ButtonBar/index.vue'
import pinpaiAdd from "@/views/pinpai/pinpaiguanli/pinpaiAdd";
import pinpaiInfo from "@/views/pinpai/pinpaiguanli/pinpaiInfo";
export default {
name: 'Pinpaiguanli',
components: {Pagination, pageye, ButtonBar},
components: {Pagination, pageye, ButtonBar, pinpaiAdd, pinpaiInfo},
// directives: {
// drag: {
// //
@ -206,6 +213,7 @@ export default {
// row: '',
// -----------
tableKey: 0,
viewState:1,
// list: null,
list: [{ title: '欧曼', code: '00000112', time: '2020-11-13' }],
total: 1,
@ -272,6 +280,9 @@ export default {
this.getList()
},
methods: {
resetState() {
this.viewState = 1
},
//
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
@ -303,6 +314,194 @@ export default {
break
}
},
//
toAdd() {
this.viewState = 2
this.$refs['divadd'].showAdd()
// this.$router.push({path: '/pinpai/pinpaiAdd/0'})
},
//
handleDaoRu() {
this.$router.push({ path: '/pinpai/pinpaiDaoru' })
},
//
createData() {
// console.log('' + JSON.stringify(this.temp))
// this.$refs['dataForm'].validate(valid => {
// if (valid) {
// this.FormLoading = true
// addServiceType(this.temp).then(response => {
// // console.log('' + JSON.stringify(response))
// this.FormLoading = false
// if (response.code === 20000) {
// this.dialogFormVisible = false
// this.$notify({
// title: '',
// message: '',
// type: 'success',
// duration: 2000
// })
// this.getList()
// } else {
// this.$notify({
// title: '',
// message: '',
// type: 'error',
// duration: 2000
// })
// }
// })
// }
// })
},
handleSelectionChange(row) {
const aa = []
const cc = []
row.forEach((element) => {
aa.push(element.sid)
cc.push(element.brandCode,element.sid)
})
// console.log('wowow',cc)
this.sids = aa
// this.daochu_user.sids=aa
// this.daochu_user = cc
// console.log('this.sids',this.sids)
// let nn = null
// cc.forEach((e) =>{
// // console.log(e, 'qoqoq')
// nn = {
// brandCode:e.brandCode,
// sid:e.sid
// }
// })
// this.daochu_user.push(nn)
// console.log('wpwpwpw',this.daochu_user)
},
//
toEdit() {
// this.resetTemp()
// const tempData = Object.assign({}, row) // copy obj
// this.FormLoading = true
// getServiceType(tempData.id).then(response => {
// console.log(':' + JSON.stringify(response.data))
// this.FormLoading = false
// if (response.code === 20000) {
// this.temp = response.data
// this.$router.push({ path: '/pinpai/pinpaiAdd/1' })
if (this.sids.length === 1) {
this.dialogStatus = 'update'
this.viewState = 3
this.$refs['divadd'].showEdit(this.sids[0])
// this.$router.push({ path: `/pinpai/pinpaiAdd/${this.sids[0]}` })
} else if (this.sids.length > 1) {
this.$notify({
title: '提示',
message: '不能选中多个商家修改!!',
type: 'info',
duration: 2000,
})
} else {
this.$notify({
title: '提示',
message: '没有选择品牌!!',
type: 'error',
duration: 2000,
})
return
}
// this.dialogFormVisible = true
// this.$nextTick(() => {
// this.$refs['dataForm'].clearValidate()
// })
// } else {
// this.$notify({
// title: '',
// message: '',
// type: 'error'
// })
// }
// })
},
//
updateData() {
// this.$refs['dataForm'].validate(valid => {
// if (valid) {
// //
// this.FormLoading = true
// // console.log('' + JSON.stringify(this.temp))
// editServiceType(this.temp).then(response => {
// this.FormLoading = false
// if (response.code === 20000) {
// this.getList()
// this.dialogFormVisible = false
// this.$notify({
// title: '',
// message: '',
// type: 'success',
// duration: 2000
// })
// } else {
// this.$notify({
// title: '',
// message: '',
// type: 'error'
// })
// }
// })
// }
// })
},
//
handleCheck(row) {
this.viewState = 4
this.$refs['divinfo'].showInfo(row.sid)
// console.log('111', scope)
// this.$router.push({
// path: '/pinpai/pinpaiInfo',
// query: { sid: scope.sid },
// })
},
// ID
doDel() {
if (this.sids.length > 0) {
const _this = this
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
deleteBySids(this.sids)
.then(resp => {
if (resp.success && resp.code == '200'){
loading.close()
_this.$message({ type: 'success', message: resp.msg, showClose: true })
_this.getList()
}else {
loading.close()
// _this.$message({ type: 'error', message: resp.msg, showClose: true })
}
})
.catch(e => {
loading.close()
})
})
.catch(() => {
})
}else{
this.$message({ type: 'error', message: '没有选择品牌!', showClose: true })
return
}
},
init() {
dictType({psid: 0, type: 'supplierType'}).then((response) => {
if (response.code === '200') {
@ -489,189 +688,6 @@ export default {
this.listQuery.manufacturerName = ''
// this.listQuery.brandCode = ''
},
//
toAdd() {
this.$router.push({path: '/pinpai/pinpaiAdd/0'})
},
//
handleDaoRu() {
this.$router.push({ path: '/pinpai/pinpaiDaoru' })
},
//
createData() {
// console.log('' + JSON.stringify(this.temp))
// this.$refs['dataForm'].validate(valid => {
// if (valid) {
// this.FormLoading = true
// addServiceType(this.temp).then(response => {
// // console.log('' + JSON.stringify(response))
// this.FormLoading = false
// if (response.code === 20000) {
// this.dialogFormVisible = false
// this.$notify({
// title: '',
// message: '',
// type: 'success',
// duration: 2000
// })
// this.getList()
// } else {
// this.$notify({
// title: '',
// message: '',
// type: 'error',
// duration: 2000
// })
// }
// })
// }
// })
},
handleSelectionChange(row) {
const aa = []
const cc = []
row.forEach((element) => {
aa.push(element.sid)
cc.push(element.brandCode,element.sid)
})
// console.log('wowow',cc)
this.sids = aa
// this.daochu_user.sids=aa
// this.daochu_user = cc
// console.log('this.sids',this.sids)
// let nn = null
// cc.forEach((e) =>{
// // console.log(e, 'qoqoq')
// nn = {
// brandCode:e.brandCode,
// sid:e.sid
// }
// })
// this.daochu_user.push(nn)
// console.log('wpwpwpw',this.daochu_user)
},
//
toEdit(row) {
// this.resetTemp()
// const tempData = Object.assign({}, row) // copy obj
// this.FormLoading = true
// getServiceType(tempData.id).then(response => {
// console.log(':' + JSON.stringify(response.data))
// this.FormLoading = false
// if (response.code === 20000) {
// this.temp = response.data
// this.$router.push({ path: '/pinpai/pinpaiAdd/1' })
if (this.sids.length === 1) {
this.dialogStatus = 'update'
this.$router.push({ path: `/pinpai/pinpaiAdd/${this.sids[0]}` })
} else if (this.sids.length > 1) {
this.$notify({
title: '提示',
message: '不能选中多个商家修改!!',
type: 'info',
duration: 2000,
})
} else {
this.$notify({
title: '提示',
message: '没有选择品牌!!',
type: 'error',
duration: 2000,
})
return
}
// this.dialogFormVisible = true
// this.$nextTick(() => {
// this.$refs['dataForm'].clearValidate()
// })
// } else {
// this.$notify({
// title: '',
// message: '',
// type: 'error'
// })
// }
// })
},
//
updateData() {
// this.$refs['dataForm'].validate(valid => {
// if (valid) {
// //
// this.FormLoading = true
// // console.log('' + JSON.stringify(this.temp))
// editServiceType(this.temp).then(response => {
// this.FormLoading = false
// if (response.code === 20000) {
// this.getList()
// this.dialogFormVisible = false
// this.$notify({
// title: '',
// message: '',
// type: 'success',
// duration: 2000
// })
// } else {
// this.$notify({
// title: '',
// message: '',
// type: 'error'
// })
// }
// })
// }
// })
},
//
handleCheck(scope) {
console.log('111', scope)
this.$router.push({
path: '/pinpai/pinpaiInfo',
query: { sid: scope.sid },
})
},
// ID
doDel() {
if (this.sids.length > 0) {
const _this = this
const tip = '请确认是否删除所选 ' + this.sids.length + ' 条记录?'
this.$confirm(tip, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
deleteBySids(this.sids)
.then(resp => {
if (resp.success && resp.code == '200'){
loading.close()
_this.$message({ type: 'success', message: resp.msg, showClose: true })
_this.getList()
}else {
loading.close()
// _this.$message({ type: 'error', message: resp.msg, showClose: true })
}
})
.catch(e => {
loading.close()
})
})
.catch(() => {
})
}else{
this.$message({ type: 'error', message: '没有选择品牌!', showClose: true })
return
}
},
//
doExport() {
// this.$confirm(', ?', '', {

Loading…
Cancel
Save