|
@@ -15,11 +15,11 @@
|
|
<template slot="productType" slot-scope="text, record,index">
|
|
<template slot="productType" slot-scope="text, record,index">
|
|
<div style="max-height:126px;width:100%;overflow-y:scroll;" v-if="!record.productThisList || record.productThisList.length==0">
|
|
<div style="max-height:126px;width:100%;overflow-y:scroll;" v-if="!record.productThisList || record.productThisList.length==0">
|
|
<a-row v-if="record.productTypeArr && record.productTypeArr.length>0">
|
|
<a-row v-if="record.productTypeArr && record.productTypeArr.length>0">
|
|
- <a-col :span="16">
|
|
|
|
|
|
+ <a-col :span="18">
|
|
<div v-for="con in record.productTypeArr" :key="con.id">
|
|
<div v-for="con in record.productTypeArr" :key="con.id">
|
|
- <a-tooltip v-if="con.title&&con.title.length > 6" :title="con.title">
|
|
|
|
|
|
+ <a-tooltip v-if="con.title&&con.title.length > 12" :title="con.title">
|
|
<a-tag style="margin-bottom:10px;" closable @close.prevent="delLabel(record.productScopeSn,con,'typeList')">
|
|
<a-tag style="margin-bottom:10px;" closable @close.prevent="delLabel(record.productScopeSn,con,'typeList')">
|
|
- {{ `${con.title.slice(0, 6)}...` }}
|
|
|
|
|
|
+ {{ `${con.title.slice(0, 12)}...` }}
|
|
</a-tag>
|
|
</a-tag>
|
|
</a-tooltip>
|
|
</a-tooltip>
|
|
<a-tag v-else style="margin-bottom:10px;" closable @close.prevent="delLabel(record.productScopeSn,con,'typeList')">
|
|
<a-tag v-else style="margin-bottom:10px;" closable @close.prevent="delLabel(record.productScopeSn,con,'typeList')">
|
|
@@ -27,23 +27,23 @@
|
|
</a-tag>
|
|
</a-tag>
|
|
</div>
|
|
</div>
|
|
</a-col>
|
|
</a-col>
|
|
- <a-col :span="4" style="text-align:right;">
|
|
|
|
|
|
+ <a-col :span="6" style="text-align:right;">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" @click="addClassifyTag(index, record)" color="blue">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" @click="addClassifyTag(index, record)" color="blue">
|
|
- <a-icon type="plus" /> 选择
|
|
|
|
|
|
+ <a-icon type="plus" />
|
|
</a-tag>
|
|
</a-tag>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
<a-row v-else>
|
|
<a-row v-else>
|
|
<a-col :span="24">
|
|
<a-col :span="24">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" @click="addClassifyTag(index, record)" color="blue">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" @click="addClassifyTag(index, record)" color="blue">
|
|
- <a-icon type="plus" /> 选择
|
|
|
|
|
|
+ <a-icon type="plus" />
|
|
</a-tag>
|
|
</a-tag>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
</div>
|
|
</div>
|
|
<div v-else>
|
|
<div v-else>
|
|
<a-tag style="background: #fff; borderStyle: dashed;" :style="{color:'grey',cursor:'not-allowed'}">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" :style="{color:'grey',cursor:'not-allowed'}">
|
|
- <a-icon type="plus" /> 选择
|
|
|
|
|
|
+ <a-icon type="plus" />
|
|
</a-tag>
|
|
</a-tag>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -51,36 +51,28 @@
|
|
<template slot="productBrand" slot-scope="text, record,index">
|
|
<template slot="productBrand" slot-scope="text, record,index">
|
|
<div style="max-height:126px;overflow-y:scroll;" v-if="!record.productThisList || record.productThisList.length==0">
|
|
<div style="max-height:126px;overflow-y:scroll;" v-if="!record.productThisList || record.productThisList.length==0">
|
|
<a-row v-if="record.productBrandArr && record.productBrandArr.length>0">
|
|
<a-row v-if="record.productBrandArr && record.productBrandArr.length>0">
|
|
- <a-col :span="16">
|
|
|
|
- <div v-for="item in record.productBrandArr" :key="item.brandSn">
|
|
|
|
- <a-tooltip v-if="item.brandName&&item.brandName.length > 6" :title="item.brandName">
|
|
|
|
- <a-tag style="margin-bottom:10px;" closable @close.prevent="delLabel(record.productScopeSn,item,'brandList')">
|
|
|
|
- {{ `${item.brandName.slice(0, 6)}...` }}
|
|
|
|
- </a-tag>
|
|
|
|
- </a-tooltip>
|
|
|
|
- <a-tag v-else style="margin-bottom:10px;" closable @close.prevent="delLabel(record.productScopeSn,item,'brandList')">
|
|
|
|
- {{ item.brandName }}
|
|
|
|
- </a-tag>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <a-col :span="18">
|
|
|
|
+ <a-tag v-for="item in record.productBrandArr" :key="item.brandSn" style="margin-bottom:10px;" closable @close.prevent="delLabel(record.productScopeSn,item,'brandList')">
|
|
|
|
+ {{ item.brandName }}
|
|
|
|
+ </a-tag>
|
|
</a-col>
|
|
</a-col>
|
|
-
|
|
|
|
- <a-col :span="4" style="text-align:right;">
|
|
|
|
|
|
+ <a-col :span="6" style="text-align:right;">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" @click="addBrandTag(index, record)" color="blue">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" @click="addBrandTag(index, record)" color="blue">
|
|
- <a-icon type="plus" /> 选择
|
|
|
|
|
|
+ <a-icon type="plus" />
|
|
</a-tag>
|
|
</a-tag>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
<a-row v-else>
|
|
<a-row v-else>
|
|
<a-col :span="24">
|
|
<a-col :span="24">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" @click="addBrandTag(index, record)" color="blue">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" @click="addBrandTag(index, record)" color="blue">
|
|
- <a-icon type="plus" /> 选择
|
|
|
|
|
|
+ <a-icon type="plus" />
|
|
</a-tag>
|
|
</a-tag>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
</div>
|
|
</div>
|
|
<div v-else>
|
|
<div v-else>
|
|
<a-tag style="background: #fff; borderStyle: dashed;" :style="{color:'grey',cursor:'not-allowed'}">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" :style="{color:'grey',cursor:'not-allowed'}">
|
|
- <a-icon type="plus" /> 选择
|
|
|
|
|
|
+ <a-icon type="plus" />
|
|
</a-tag>
|
|
</a-tag>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -88,26 +80,26 @@
|
|
<template slot="product" slot-scope="text, record,index">
|
|
<template slot="product" slot-scope="text, record,index">
|
|
<div v-if="(record.productBrandArr && record.productBrandArr.length>0)||(record.productTypeArr && record.productTypeArr.length>0)">
|
|
<div v-if="(record.productBrandArr && record.productBrandArr.length>0)||(record.productTypeArr && record.productTypeArr.length>0)">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" :style="{color:'grey',cursor:'not-allowed'}">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" :style="{color:'grey',cursor:'not-allowed'}">
|
|
- <a-icon type="plus" /> 选择
|
|
|
|
|
|
+ <a-icon type="plus" />
|
|
</a-tag>
|
|
</a-tag>
|
|
</div>
|
|
</div>
|
|
<div style="max-height:126px;overflow-y:scroll;" v-else>
|
|
<div style="max-height:126px;overflow-y:scroll;" v-else>
|
|
<a-row v-if="record.productThisList && record.productThisList.length>0">
|
|
<a-row v-if="record.productThisList && record.productThisList.length>0">
|
|
- <a-col :span="16">
|
|
|
|
|
|
+ <a-col :span="18">
|
|
<a-tag style="margin-bottom:10px;" closable @close.prevent="delLabel(record.productScopeSn,item,'productList')" v-for="item in record.productThisList" :key="item.productSn">
|
|
<a-tag style="margin-bottom:10px;" closable @close.prevent="delLabel(record.productScopeSn,item,'productList')" v-for="item in record.productThisList" :key="item.productSn">
|
|
{{ item.productCode }}
|
|
{{ item.productCode }}
|
|
</a-tag>
|
|
</a-tag>
|
|
</a-col>
|
|
</a-col>
|
|
- <a-col :span="4" style="text-align:right;">
|
|
|
|
|
|
+ <a-col :span="6" style="text-align:right;">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" @click="addProductTag(index, record)" color="blue">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" @click="addProductTag(index, record)" color="blue">
|
|
- <a-icon type="plus" /> 选择
|
|
|
|
|
|
+ <a-icon type="plus" />
|
|
</a-tag>
|
|
</a-tag>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
<a-row v-else>
|
|
<a-row v-else>
|
|
<a-col :span="24">
|
|
<a-col :span="24">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" @click="addProductTag(index, record)" color="blue">
|
|
<a-tag style="background: #fff; borderStyle: dashed;" @click="addProductTag(index, record)" color="blue">
|
|
- <a-icon type="plus" /> 选择
|
|
|
|
|
|
+ <a-icon type="plus" />
|
|
</a-tag>
|
|
</a-tag>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|