|
|
@@ -24,18 +24,24 @@
|
|
|
<li :class="{active: activeType == 'comp'}" @click="activeType = 'comp'">器件收藏</li>
|
|
|
<li :class="{active: activeType == 'store'}" @click="activeType = 'store'">店铺关注</li>
|
|
|
</ul>
|
|
|
- <div v-if="activeType == 'seek'">
|
|
|
- <div class="seek" v-if="userType !== 'saler'">
|
|
|
- <ul class="seek-type">
|
|
|
+ <ul class="switch-list" v-if="userType !== 'buyer'">
|
|
|
+ <li :class="{active: activeType == 'oppor'}" @click="activeType = 'oppor'">我的商机</li>
|
|
|
+ <li :class="{active: activeType == 'provider'}" @click="activeType = 'provider'">产品管理</li>
|
|
|
+ <li :class="{active: activeType == 'mystore'}" @click="activeType = 'mystore'">我的店铺</li>
|
|
|
+ </ul>
|
|
|
+ <!-- 买家中心 我的求购 -->
|
|
|
+ <div v-if="activeType == 'seek' || activeType == 'oppor'">
|
|
|
+ <div class="seek">
|
|
|
+ <ul class="seek-type" v-if="userType !== 'saler'">
|
|
|
<li :class="{active: seekType == 'wait'}" @click="switchSeek('wait')"><div>待报价</div></li>
|
|
|
<li :class="{active: seekType == 'done'}" @click="switchSeek('done')"><div>已报价</div></li>
|
|
|
<!--<li :class="{active: seekType == 'accept'}" @click="switchSeek('accept')"><div>已采纳</div></li>-->
|
|
|
</ul>
|
|
|
+ <ul class="seek-type" v-if="userType === 'saler'">
|
|
|
+ <li :class="{active: seekType == 'wait'}" style="border-top: 0px" @click="switchSeek('wait')"><div>全部</div></li>
|
|
|
+ <li :class="{active: seekType == 'done'}" style="border-top: 0px" @click="switchSeek('done')"><div>已报价</div></li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- <ul class="switch-list vendor-switch" v-if="userType === 'saler'">
|
|
|
- <li :class="{active: seekType == 'wait'}" @click="switchSeek('wait')"><div>全部</div></li>
|
|
|
- <li :class="{active: seekType == 'done'}" @click="switchSeek('done')"><div>已报价</div></li>
|
|
|
- </ul>
|
|
|
<div class="search-content">
|
|
|
<input type="text" placeholder="请输入您要查找的型号或品牌" v-model="seekKeyword" @keyup.13="searchSeek" ref="searchSeekInput" @focus="inputGetFocus()" @blur="blur()">
|
|
|
<span @click="searchSeek" >
|
|
|
@@ -44,6 +50,9 @@
|
|
|
</div>
|
|
|
<seek-list :userType="userType" :seekType="seekType" :purchaseManList="purchaseManListData" :isDataChange="isDataChange"></seek-list>
|
|
|
</div>
|
|
|
+ <!-- /end 买家中心 我的求购 -->
|
|
|
+
|
|
|
+ <!-- 买家中心 店铺关注 -->
|
|
|
<div class="shop-list" v-bind:key="item.id" v-if="activeType == 'store'" v-for="item in focusPage.content" @click="goStoreDetail(item.storeInfo.uuid)">
|
|
|
<h3>{{item.storeName}}</h3>
|
|
|
<div class="list-item">
|
|
|
@@ -59,6 +68,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!-- /end 买家中心 店铺关注 -->
|
|
|
+ <!-- 买家中心 器件收藏 -->
|
|
|
<div class="detail-brand" v-bind:key="index" v-for="(item, index) in collectSave.content" v-if="activeType == 'comp'" @click="goComponentDetail(item.componentinfo.uuid)">
|
|
|
<a>
|
|
|
<div class="brand-item">
|
|
|
@@ -69,7 +80,139 @@
|
|
|
</div>
|
|
|
</a>
|
|
|
</div>
|
|
|
- <div class="none-state" v-if="(activeType != 'seek') && ((collectSave.totalElements == 0 && activeType == 'comp') || (focusPage.totalElements == 0 && activeType == 'store') || (collectSave.totalElements == 0 && focusPage.totalElements == 0))">
|
|
|
+ <!--/end 买家中心 器件收藏 -->
|
|
|
+
|
|
|
+ <!-- 卖家中心 我的店铺 -->
|
|
|
+ <div v-if="activeType == 'mystore'" class="mystore">
|
|
|
+ <div ></div>
|
|
|
+ </div>
|
|
|
+ <!-- /end 卖家中心 我的店铺 -->
|
|
|
+
|
|
|
+ <!-- 卖家中心 产品管理 -->
|
|
|
+ <div v-if="activeType == 'provider'" class="provider">
|
|
|
+ <div class="seek">
|
|
|
+ <ul class="seek-type" >
|
|
|
+ <li :class="{active: providerType == 'enterprise'}" style="width: 33.3%" @click="switchprovide('enterprise')"><div>企业产品库</div></li>
|
|
|
+ <li :class="{active: providerType == 'person'}" style="width: 33.3%" @click="switchprovide('person')"><div>个人产品库</div></li>
|
|
|
+ <li :class="{active: providerType == 'onLine'}" style="width: 33.3%" @click="switchprovide('onLine')"><div>在售产品</div></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="search-content" style="border-bottom: 1px solid #f5f5f5;padding-bottom: 0.25rem">
|
|
|
+ <input type="text" placeholder="请输入您要查找的型号或品牌" v-model="seekKeyword" @keyup.13="searchSeek" ref="searchSeekInput" @focus="inputGetFocus()" @blur="blur()">
|
|
|
+ <span @click="searchSeek" >
|
|
|
+ <i class="iconfont icon-sousuo"></i>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div v-bind:key="item.id" v-for="(item, index) in GetEnterpriseListData" class="providerList">
|
|
|
+ <div v-if="providerType !== 'onLine'">
|
|
|
+ <div class="top">
|
|
|
+ <div class="icon" :class="item.standard ? 'standed' : 'istanded'"></div>
|
|
|
+ <div class="text">
|
|
|
+ {{item.pcmpcode}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div class="fl">
|
|
|
+ <div class="linetext">类目(产品名称)：{{item.kinden || '-'}}</div>
|
|
|
+ <div class="linetext">品牌：{{item.pbranden}}</div>
|
|
|
+ <div class="linetext">单位：PCS</div>
|
|
|
+ </div>
|
|
|
+ <div class="fr" :class="providerType == 'enterprise' && item.batchCount > 0 ? '' : 'addtop'" >
|
|
|
+ <div class="look" v-if="item.batchCount && providerType == 'enterprise'" @click="lookProductitem(item.id, item)">查看产品</div>
|
|
|
+ <div class="add" v-if="providerType == 'enterprise'" @click="addProtoperson(item)">加入个人产品</div>
|
|
|
+ <div class="delete" v-if="providerType == 'person'" @click="deleteProvider(item.id, index)">删除</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <div class="top top2">
|
|
|
+ <div class="icon" :class="item.standard ? 'standed' : 'istanded'"></div>
|
|
|
+ <div class="text">
|
|
|
+ {{item.code}}
|
|
|
+ </div>
|
|
|
+ <div class="pms">
|
|
|
+ {{(storeInfo.uuid != 'undefind' && item.storeid == storeInfo.uuid && storeInfo.storeName.indexOf('优软测试二') < 0 && storeInfo.storeName.indexOf('优软商城') < 0) ? '自营' : '寄售'}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="middle">
|
|
|
+ <div class="list">
|
|
|
+ <div class="fl">
|
|
|
+ <div class="name">类目(产品名称)：</div>
|
|
|
+ <div class="text">{{item.kindNameCn || '-'}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="fr">
|
|
|
+ <div class="textinfo" v-if="item.breakUp">可拆卖</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list">
|
|
|
+ <div class="fl">
|
|
|
+ <div class="name">品牌：</div>
|
|
|
+ <div class="text">{{item.brandNameEn}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="fr">
|
|
|
+ <div class="name">交期(天)：</div>
|
|
|
+ <div class="text" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery != item.b2cMinDelivery)" v-text="item.b2cMinDelivery + '-'+ item.b2cMaxDelivery"></div>
|
|
|
+ <div class="text" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery == item.b2cMinDelivery)" v-text="item.b2cMinDelivery"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="list">
|
|
|
+ <div class="fl">
|
|
|
+ <div class="name">包装数量：</div>
|
|
|
+ <div class="text">{{item.minPackQty}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="fr">
|
|
|
+ <div class="name">库存：</div>
|
|
|
+ <div class="text">{{item.reserve}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="list">
|
|
|
+ <div class="fl">
|
|
|
+ <div class="name">包装方式：</div>
|
|
|
+ <div class="text">{{item.packaging || '无包装信息'}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="fr">
|
|
|
+ <div class="name">起订量：</div>
|
|
|
+ <div class="text" style="color: #f31919">{{item.minBuyQty}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="list">
|
|
|
+ <div class="name">生产日期：</div>
|
|
|
+ <div class="text" :title="item.produceDate">{{item.produceDate || '-'}}</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="list">
|
|
|
+ <div class="name left">价格梯度：</div>
|
|
|
+ <div class="table left">
|
|
|
+ <ul>
|
|
|
+ <li class="title">
|
|
|
+ <div>分段数量/PCS</div>
|
|
|
+ <div>分段单价</div>
|
|
|
+ </li>
|
|
|
+ <li v-for="price in item.prices">
|
|
|
+ <div>{{price.start}}+</div>
|
|
|
+ <div v-if="item.currencyName == 'RMB'">¥{{price.rMBPrice}}</div>
|
|
|
+ <div v-else>${{price.rMBPrice}}</div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="labelinfo">
|
|
|
+ <div class="labelicon">标签</div>
|
|
|
+ <div class="labeltext">{{item.tag}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--<div v-else v-bind:key="index" v-for="(item, index) in GetEnterpriseListData" class="providerList">-->
|
|
|
+ <!---->
|
|
|
+ <!--</div>-->
|
|
|
+ </div>
|
|
|
+ <!-- /end 卖家中心 产品管理 -->
|
|
|
+ <div class="none-state" v-if="(activeType != 'seek') && ((collectSave.totalElements == 0 && activeType == 'comp') || (focusPage.totalElements == 0 && activeType == 'store') || (collectSave.totalElements == 0 && focusPage.totalElements == 0) || GetEnterpriseListData.totalElements == 0)">
|
|
|
<img src="/images/mobile/@2x/empty-collect.png">
|
|
|
<p v-text="getRemindText()"></p>
|
|
|
<nuxt-link to="/">返回首页</nuxt-link>
|
|
|
@@ -90,6 +233,106 @@
|
|
|
<loading v-show="isSearchSearchingMore"></loading>
|
|
|
<div v-if="purchaseManList && false"></div>
|
|
|
<div v-if="purchaseManListFetching && false"></div>
|
|
|
+ <!--<div v-if="EnterpriseList && false"></div>-->
|
|
|
+ <!-- 删除提示框 -->
|
|
|
+ <div class="deleteKuang" v-show="showDelete">
|
|
|
+ <div class="kuangContent">
|
|
|
+ <div class="title">删除信息</div>
|
|
|
+ <div class="titleinfo">是否删除此信息</div>
|
|
|
+ <!--<div class="info" v-show="isUploadpro">*存在已上架信息</div>-->
|
|
|
+ <div class="K_btn">
|
|
|
+ <div class="cancelBtn" @click="cancelFn()">取消</div>
|
|
|
+ <div class="answerBtn" @click="deleteFn()">确定</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- /end 删除提示框 -->
|
|
|
+ <!-- 企业产品库 查看信息 -->
|
|
|
+ <div class="deleteKuang" v-show="showMoreinfn">
|
|
|
+ <div class="Kuang">
|
|
|
+ <div class="title">产品信息<i data-v-4faa6b2d="" @click="closeMoreinfo()" class="icon-guanbi iconfont"></i></div>
|
|
|
+ <div class="content">
|
|
|
+ <div class="infob">
|
|
|
+ <div class="info"><div class="name">型号：</div><div>{{cnmpCode}}</div></div>
|
|
|
+ <div class="info"><div class="name">类目(产品名称)：</div><div>{{cnmpType || '-'}}</div></div>
|
|
|
+ <div class="info"><div class="name">品牌：</div><div>{{cnmpBand}}</div></div>
|
|
|
+ </div>
|
|
|
+ <div class="content_sq" v-bind:key="item.id" v-for="(item, index) in vendorlist" >
|
|
|
+ <div class="labelBg">
|
|
|
+ <div class="labelinfo" style="margin-left: -0.1rem">
|
|
|
+ <div class="labelicon" style="vertical-align:top;margin-top: 0.09rem">标签</div>
|
|
|
+ <div class="labeltext">{{item.tag}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="middle">
|
|
|
+ <div class="list">
|
|
|
+ <div class="fl">
|
|
|
+ <div class="name">
|
|
|
+ <div class="pms">
|
|
|
+ {{(storeInfo.uuid != 'undefind' && item.storeid == storeInfo.uuid && storeInfo.storeName.indexOf('优软测试二') < 0 && storeInfo.storeName.indexOf('优软商城') < 0) ? '自营' : '寄售'}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fr">
|
|
|
+ <div class="textinfo" v-if="item.breakUp">可拆卖</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list">
|
|
|
+ <div class="fl">
|
|
|
+ <div class="name">包装数量：</div>
|
|
|
+ <div class="text">{{item.minPackQty}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="fr">
|
|
|
+ <div class="name">交期(天)：</div>
|
|
|
+ <div class="text" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery != item.b2cMinDelivery)" v-text="item.b2cMinDelivery + '-'+ item.b2cMaxDelivery"></div>
|
|
|
+ <div class="text" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery == item.b2cMinDelivery)" v-text="item.b2cMinDelivery"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="list">
|
|
|
+ <div class="fl">
|
|
|
+ <div class="name">包装方式：</div>
|
|
|
+ <div class="text">{{item.packaging || '无包装信息'}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="fr">
|
|
|
+ <div class="name">库存：</div>
|
|
|
+ <div class="text">{{item.reserve}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="list">
|
|
|
+ <div class="fl">
|
|
|
+ <div class="name">生产日期：</div>
|
|
|
+ <div class="text" :title="item.produceDate">{{item.produceDate || '-'}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="fr">
|
|
|
+ <div class="name">起订量：</div>
|
|
|
+ <div class="text" style="color: #f31919">{{item.minBuyQty}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="list">
|
|
|
+ <div class="name left">价格梯度：</div>
|
|
|
+ <div class="table left">
|
|
|
+ <ul>
|
|
|
+ <li class="title">
|
|
|
+ <div>分段数量/PCS</div>
|
|
|
+ <div>分段单价</div>
|
|
|
+ </li>
|
|
|
+ <li v-for="price in item.prices">
|
|
|
+ <div>{{price.start}}+</div>
|
|
|
+ <div v-if="item.currencyName == 'RMB'">¥{{price.rMBPrice}}</div>
|
|
|
+ <div v-else>${{price.rMBPrice}}</div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- /end 企业产品库 查看信息 -->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -120,7 +363,15 @@
|
|
|
seekSize: 10,
|
|
|
purchaseManListData: [],
|
|
|
isDataChange: false,
|
|
|
- showEnterpriseToggle: false
|
|
|
+ showEnterpriseToggle: false,
|
|
|
+ providerType: 'enterprise',
|
|
|
+ GetEnterpriseListData: [],
|
|
|
+ isUploadpro: 1, // 是否存在已上架信息
|
|
|
+ showDelete: false, // 显示删除提示框
|
|
|
+ EnterprisePage: 1,
|
|
|
+ vendorlist: [], // 查看更多信息
|
|
|
+ showMoreinfn: false, // 是否打开更多信息
|
|
|
+ chooseItem: {}
|
|
|
}
|
|
|
},
|
|
|
components: {
|
|
|
@@ -131,21 +382,27 @@
|
|
|
},
|
|
|
fetch ({ store, route }) {
|
|
|
let user = store.state.option.user.data
|
|
|
+ let isSaler = route.query.type === 'saler'
|
|
|
let params = {
|
|
|
pageNumber: 1,
|
|
|
pageSize: 10,
|
|
|
- state: (!route.query.type || route.query.type === 'buyer') ? 'todo' : null
|
|
|
+ state: !isSaler ? 'todo' : null
|
|
|
}
|
|
|
- if (user.enterprise.uu) {
|
|
|
- params.enUU = user.enterprise.uu
|
|
|
+ if (!isSaler) {
|
|
|
+ if (user.enterprise.uu) {
|
|
|
+ params.enUU = user.enterprise.uu
|
|
|
+ } else {
|
|
|
+ params.userUU = user.userUU
|
|
|
+ }
|
|
|
} else {
|
|
|
- params.userUU = user.userUU
|
|
|
+ params.enuu = user.enterprise.uu
|
|
|
+ params.useruu = user.userUU
|
|
|
}
|
|
|
-// console.log(params)
|
|
|
return Promise.all([
|
|
|
store.dispatch('product/saveStores', { count: 100, page: 1, type: 'component' }),
|
|
|
store.dispatch('shop/StoreFocusPage', { count: 100, page: 1 }),
|
|
|
- store.dispatch(route.query.type === 'saler' ? 'applyPurchase/loadPurchaseManList' : 'applyPurchase/loadBuyerUnSayPricePurchaseManList', params)
|
|
|
+ store.dispatch(route.query.type === 'saler' ? 'applyPurchase/loadVendorPushList' : 'applyPurchase/loadBuyerUnSayPricePurchaseManList', params),
|
|
|
+ store.dispatch('loadStoreStatus', { op: 'check' })
|
|
|
])
|
|
|
},
|
|
|
watch: {
|
|
|
@@ -153,6 +410,18 @@
|
|
|
handler: function (val, old) {
|
|
|
this.switchSeek('wait')
|
|
|
}
|
|
|
+ },
|
|
|
+ 'activeType': {
|
|
|
+ handler: function (val, old) {
|
|
|
+ if (val === 'provider') {
|
|
|
+ this.GetEnterpriseList().then(res => {
|
|
|
+ this.GetEnterpriseListData = res.data.content
|
|
|
+ this.EnterprisePage = res.data.totalPages
|
|
|
+ })
|
|
|
+ } else if (val === 'mystore') {
|
|
|
+ this.$router.push(`/mobile/shop/${this.$store.state.option.storeStatus.data.uuid}`)
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
mounted: function () {
|
|
|
@@ -244,7 +513,11 @@
|
|
|
this.reloadData()
|
|
|
},
|
|
|
switchType: function () {
|
|
|
- this.activeType = 'seek'
|
|
|
+ if (this.userType === 'buyer') {
|
|
|
+ this.activeType = 'oppor'
|
|
|
+ } else {
|
|
|
+ this.activeType = 'seek'
|
|
|
+ }
|
|
|
this.seekKeyword = ''
|
|
|
this.$router.push('/mobile/user' + (this.userType === 'saler' ? '?type=buyer' : '?type=saler'))
|
|
|
},
|
|
|
@@ -277,23 +550,30 @@
|
|
|
this.$store.dispatch('applyPurchase/loadBuyerPurchaseManList', params)
|
|
|
}
|
|
|
} else {
|
|
|
- if (type === 'wait') {
|
|
|
- this.$store.dispatch('applyPurchase/loadPurchaseManList', {pageNumber: this.seekPage, pageSize: this.seekSize, enUU: this.$store.state.option.user.data.enterprise.uu, keyword: this.seekKeyword})
|
|
|
- } else if (type === 'done') {
|
|
|
- this.$store.dispatch('applyPurchase/loadVendorPurchaseManList', {pageNumber: this.seekPage, pageSize: this.seekSize, _state: 'done', filter: {vendUU: this.$store.state.option.user.data.enterprise.uu, fromDate: null, endDate: null, keyword: this.seekKeyword}, overdue: 1})
|
|
|
+ if (this.activeType === 'provider') {
|
|
|
+ this.getResourceProvidor()
|
|
|
} else {
|
|
|
- this.$store.dispatch('applyPurchase/loadVendorPurchaseManList', {pageNumber: this.seekPage, pageSize: this.seekSize, _state: 'done', filter: {vendUU: this.$store.state.option.user.data.enterprise.uu, fromDate: null, endDate: null, keyword: this.seekKeyword}, overdue: 1})
|
|
|
+ if (type === 'wait') {
|
|
|
+ this.$store.dispatch('applyPurchase/loadVendorPushList', {pageNumber: this.seekPage, pageSize: this.seekSize, enuu: this.user.data.enterprise.uu, useruu: this.user.data.userUU, keyword: this.seekKeyword})
|
|
|
+ } else if (type === 'done') {
|
|
|
+ this.$store.dispatch('applyPurchase/loadVendorPurchaseManList', {pageNumber: this.seekPage, pageSize: this.seekSize, _state: 'done', filter: {vendUU: this.$store.state.option.user.data.enterprise.uu, fromDate: null, endDate: null, keyword: this.seekKeyword}, overdue: 1})
|
|
|
+ } else {
|
|
|
+ this.$store.dispatch('applyPurchase/loadVendorPurchaseManList', {pageNumber: this.seekPage, pageSize: this.seekSize, _state: 'done', filter: {vendUU: this.$store.state.option.user.data.enterprise.uu, fromDate: null, endDate: null, keyword: this.seekKeyword}, overdue: 1})
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
scroll: function () {
|
|
|
let scrolled = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
|
|
|
- if (Math.ceil(scrolled + window.screen.availHeight) >= document.body.scrollHeight && !this.isSearchSearchingMore && this.seekPage < this.allPage) {
|
|
|
- this.getMoreSearch()
|
|
|
- }
|
|
|
+
|
|
|
if (this.$refs.searchSeekInput && this.$store.state.mobile.InputGetFocus) {
|
|
|
this.$refs.searchSeekInput.blur()
|
|
|
}
|
|
|
+ if (Math.ceil(scrolled + window.screen.availHeight) >= document.body.scrollHeight && this.activeType === 'provider' && !this.isSearchSearchingMore && this.seekPage < this.EnterprisePage) {
|
|
|
+ this.getMoreSearch()
|
|
|
+ } else if (Math.ceil(scrolled + window.screen.availHeight) >= document.body.scrollHeight && this.activeType !== 'provider' && !this.isSearchSearchingMore && this.seekPage < this.allPage) {
|
|
|
+ this.getMoreSearch()
|
|
|
+ }
|
|
|
},
|
|
|
blur: function() {
|
|
|
setTimeout(() => {
|
|
|
@@ -306,9 +586,126 @@
|
|
|
}, 300)
|
|
|
},
|
|
|
getMoreSearch: function () {
|
|
|
- this.seekPage++
|
|
|
- this.isSearchSearchingMore = true
|
|
|
- this.reloadData()
|
|
|
+ this.seekPage++
|
|
|
+ this.isSearchSearchingMore = true
|
|
|
+ this.reloadData()
|
|
|
+ },
|
|
|
+ // 获取当前企业产品库
|
|
|
+ GetEnterpriseList: function() {
|
|
|
+ let params = {
|
|
|
+ _status: 'all',
|
|
|
+ count: 20,
|
|
|
+ isStandard: true,
|
|
|
+ keyword: this.seekKeyword || '',
|
|
|
+ page: this.seekPage,
|
|
|
+ sorting: { id: 'DESC' },
|
|
|
+ type: 'all'
|
|
|
+ }
|
|
|
+ return this.$http.get('/trade/products', { params })
|
|
|
+ },
|
|
|
+ // 获取当前个人产品库
|
|
|
+ GetPersonList: function(cb) {
|
|
|
+ let params = {
|
|
|
+ _status: 'all',
|
|
|
+ count: 20,
|
|
|
+ isStandard: true,
|
|
|
+ keyword: this.seekKeyword || '',
|
|
|
+ page: this.seekPage,
|
|
|
+ sorting: { id: 'DESC' },
|
|
|
+ type: 'all'
|
|
|
+ }
|
|
|
+ return this.$http.get('/trade/products/person', { params })
|
|
|
+ },
|
|
|
+ // 获取当前在售产品
|
|
|
+ GetOnlineList: function() {
|
|
|
+ let params = {
|
|
|
+ count: 10,
|
|
|
+ keyword: this.seekKeyword || '',
|
|
|
+ page: this.seekPage,
|
|
|
+ sorting: { 'createdDate': 'DESC' },
|
|
|
+ status: '601-602'
|
|
|
+ }
|
|
|
+ return this.$http.get('/trade/goods/store/status', { params })
|
|
|
+ },
|
|
|
+ // 产品管理切换
|
|
|
+ switchprovide: function(type) {
|
|
|
+ this.providerType = type
|
|
|
+ this.seekPage = 1
|
|
|
+ this.GetEnterpriseListData.splice(0, this.GetEnterpriseListData.length)
|
|
|
+ this.GetEnterpriseListData = null
|
|
|
+ this.GetEnterpriseListData = []
|
|
|
+ this.getResourceProvidor()
|
|
|
+ },
|
|
|
+ // 删除个人产品库
|
|
|
+ deleteProvider: function(id, index) {
|
|
|
+ this.showDelete = true
|
|
|
+ this.deleteId = id
|
|
|
+ // this.deleteItemIndex = index
|
|
|
+ // this.$http.get(`/trade/goods/${id}/deleteMessage`).then(response => {
|
|
|
+ // this.isUploadpro = response.data.code
|
|
|
+ // })
|
|
|
+ },
|
|
|
+ deleteFn: function() {
|
|
|
+ this.$http.delete(`/trade/products/${this.deleteId}?isPerson=1`).then(response => {
|
|
|
+ this.showDelete = false
|
|
|
+ this.collectResult = '删除成功'
|
|
|
+ this.timeoutCount++
|
|
|
+ this.seekPage = 1
|
|
|
+ this.GetEnterpriseListData.splice(0, this.GetEnterpriseListData.length)
|
|
|
+ this.isChange2 = true
|
|
|
+ this.reloadData()
|
|
|
+ // this.GetEnterpriseListData.splice(this.deleteItemIndex, 1)
|
|
|
+ }, () => {
|
|
|
+ this.showDelete = false
|
|
|
+ this.collectResult = '删除失败'
|
|
|
+ this.timeoutCount++
|
|
|
+ })
|
|
|
+ },
|
|
|
+ cancelFn: function() {
|
|
|
+ this.showDelete = false
|
|
|
+ },
|
|
|
+ addProtoperson: function(item) {
|
|
|
+ this.$http.post('/trade/products/person', [item.id])
|
|
|
+ .then(response => {
|
|
|
+ this.collectResult = '绑定成功'
|
|
|
+ this.timeoutCount++
|
|
|
+ }, () => {
|
|
|
+ this.collectResult = '绑定失败'
|
|
|
+ this.timeoutCount++
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 获取相对应的信息
|
|
|
+ getResourceProvidor: function() {
|
|
|
+ if (this.providerType === 'enterprise') {
|
|
|
+ this.GetEnterpriseList().then(res => {
|
|
|
+ this.GetEnterpriseListData = this.GetEnterpriseListData.concat(res.data.content)
|
|
|
+ this.EnterprisePage = res.data.totalPages
|
|
|
+ this.isSearchSearchingMore = false
|
|
|
+ })
|
|
|
+ } else if (this.providerType === 'person') {
|
|
|
+ this.GetPersonList().then(res => {
|
|
|
+ this.GetEnterpriseListData = this.GetEnterpriseListData.concat(res.data.content)
|
|
|
+ this.EnterprisePage = res.data.totalPages
|
|
|
+ this.isSearchSearchingMore = false
|
|
|
+ })
|
|
|
+ } else if (this.providerType === 'onLine') {
|
|
|
+ this.GetOnlineList().then(res => {
|
|
|
+ this.GetEnterpriseListData = this.GetEnterpriseListData.concat(res.data.content)
|
|
|
+ this.EnterprisePage = res.data.totalPages
|
|
|
+ this.isSearchSearchingMore = false
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 查看企业产品库更多信息
|
|
|
+ lookProductitem: function(id, item) {
|
|
|
+ this.chooseItem = item
|
|
|
+ this.$http.get(`/trade/products/goods/productid/${id}`).then(res => {
|
|
|
+ this.showMoreinfn = true
|
|
|
+ this.vendorlist = res.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ closeMoreinfo: function() {
|
|
|
+ this.showMoreinfn = false
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -350,6 +747,7 @@
|
|
|
return this.enterpriseInfo.isVendor === 313
|
|
|
},
|
|
|
userType () {
|
|
|
+ this.activeType = this.$route.query.type === 'saler' ? 'oppor' : 'seek'
|
|
|
return this.$route.query.type
|
|
|
},
|
|
|
focusPage () {
|
|
|
@@ -359,7 +757,7 @@
|
|
|
return this.$store.state.applyPurchase.purchaseManList.purchaseManList
|
|
|
},
|
|
|
purchaseManList () {
|
|
|
- let list = this.purchase.data.content.slice()
|
|
|
+ let list = this.purchase.data.content ? this.purchase.data.content.slice() : []
|
|
|
if (this.isChange) {
|
|
|
this.purchaseManListData = []
|
|
|
this.seekPage = 1
|
|
|
@@ -370,7 +768,6 @@
|
|
|
this.isSearchSearchingMore = false
|
|
|
this.isDataChange = false
|
|
|
}
|
|
|
-// console.log(this.purchaseManListData)
|
|
|
return this.purchase.data.content
|
|
|
},
|
|
|
allPage () {
|
|
|
@@ -379,6 +776,24 @@
|
|
|
purchaseManListFetching () {
|
|
|
this.showLoading = false
|
|
|
return this.purchase.fetching
|
|
|
+ },
|
|
|
+ cnmpCode() { // 型号
|
|
|
+ if (this.chooseItem.pcmpcode) {
|
|
|
+ return this.chooseItem.pcmpcode
|
|
|
+ }
|
|
|
+ return ''
|
|
|
+ },
|
|
|
+ cnmpType() { // 类目
|
|
|
+ if (this.chooseItem.kinden) {
|
|
|
+ return this.chooseItem.kinden
|
|
|
+ }
|
|
|
+ return ''
|
|
|
+ },
|
|
|
+ cnmpBand() { // 品牌
|
|
|
+ if (this.chooseItem.pbranden) {
|
|
|
+ return this.chooseItem.pbranden
|
|
|
+ }
|
|
|
+ return ''
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -677,4 +1092,404 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .providerList {
|
|
|
+ border-top: 1px solid #e0e0e4;
|
|
|
+ border-bottom: 1px solid #e0e0e4;
|
|
|
+ margin-bottom: 0.24rem;
|
|
|
+ .top {
|
|
|
+ &.top2 {
|
|
|
+ .text {
|
|
|
+ width: 5.4rem;
|
|
|
+ }
|
|
|
+ .pms {
|
|
|
+ color: #f57710;
|
|
|
+ border: 1px solid #f57710;
|
|
|
+ border-radius: 0.4rem;
|
|
|
+ background: #fff;
|
|
|
+ font-size: 0.24rem;
|
|
|
+ height: 0.4rem;
|
|
|
+ line-height: 0.4rem;
|
|
|
+ width: 0.8rem;
|
|
|
+ text-align: center;
|
|
|
+ float: right;
|
|
|
+ margin-top: 0.25rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .icon {
|
|
|
+ width: 0.6rem;
|
|
|
+ height: 0.36rem;
|
|
|
+ line-height: 0.36rem;
|
|
|
+ margin-top: 0.27rem;
|
|
|
+ float: left;
|
|
|
+ background-size: 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ margin-right: 0.12rem;
|
|
|
+ text-align: center;
|
|
|
+ &.istanded{
|
|
|
+ background-image: url('/images/mobile/@2x/istanded.png')
|
|
|
+ }
|
|
|
+ &.standed{
|
|
|
+ background-image: url('/images/mobile/@2x/standed.png')
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .text {
|
|
|
+ float: left;
|
|
|
+ width: 6.3rem;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ padding: 0 0.24rem;
|
|
|
+ background: #f5f9fd;
|
|
|
+ height: 0.9rem;
|
|
|
+ line-height: 0.9rem;
|
|
|
+ color: #0067e7;
|
|
|
+ font-size: 0.3rem;
|
|
|
+ &::after{
|
|
|
+ clear: both;
|
|
|
+ display: block;
|
|
|
+ content: ' ';
|
|
|
+ visibility: hidden;
|
|
|
+ zoom: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .content {
|
|
|
+ padding: 0.24rem 0.24rem;
|
|
|
+ background: #fff;
|
|
|
+ .linetext {
|
|
|
+ margin-bottom: 0.24rem;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ &:nth-last-of-type(1){
|
|
|
+ margin-bottom: 0rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .fl {
|
|
|
+ float: left;
|
|
|
+ border-right: 1px dashed #e0e0e4;
|
|
|
+ width: 4.68rem;
|
|
|
+ }
|
|
|
+ .fr {
|
|
|
+ float: right;
|
|
|
+ margin: 0.18rem 0.24rem;
|
|
|
+ margin-right: 0rem;
|
|
|
+ font-size: 0.3rem;
|
|
|
+ &.addtop {
|
|
|
+ margin-top: 0.6rem;
|
|
|
+ .add {
|
|
|
+ background: #0067e7;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ div {
|
|
|
+ width: 2.1rem;
|
|
|
+ height: 0.6rem;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 0.6rem;
|
|
|
+ border-radius: 3px;
|
|
|
+ &.look{
|
|
|
+ background: #0067e7;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ &.add{
|
|
|
+ background: #fff;
|
|
|
+ color: #0067e7;
|
|
|
+ border: 1px solid #0067e7;
|
|
|
+ }
|
|
|
+ &.delete{
|
|
|
+ background: #fff;
|
|
|
+ color: #f70415;
|
|
|
+ border: 1px solid #f70415;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ div:nth-child(1){
|
|
|
+ margin-bottom: 0.26rem
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &::after{
|
|
|
+ clear: both;
|
|
|
+ display: block;
|
|
|
+ content: ' ';
|
|
|
+ visibility: hidden;
|
|
|
+ zoom: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .middle {
|
|
|
+ padding: 0.24rem 0.24rem 0px;
|
|
|
+ background: #fff;
|
|
|
+ .pms {
|
|
|
+ color: #f57710;
|
|
|
+ border: 1px solid #f57710;
|
|
|
+ border-radius: 0.4rem;
|
|
|
+ background: #fff;
|
|
|
+ font-size: 0.24rem;
|
|
|
+ height: 0.4rem;
|
|
|
+ line-height: 0.4rem;
|
|
|
+ width: 0.8rem;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .list {
|
|
|
+ .left {
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ .textinfo {
|
|
|
+ color: #0067e7;
|
|
|
+ font-size: 0.3rem
|
|
|
+ }
|
|
|
+ margin-bottom: 0.18rem;
|
|
|
+ &::after{
|
|
|
+ clear: both;
|
|
|
+ display: block;
|
|
|
+ content: ' ';
|
|
|
+ visibility: hidden;
|
|
|
+ zoom: 1;
|
|
|
+ }
|
|
|
+ .fl {
|
|
|
+ width: 4.4rem;
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ .fr {
|
|
|
+ text-align: left;
|
|
|
+ width: 2.6rem;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ .name {
|
|
|
+ color: #666;
|
|
|
+ font-size: 0.3rem;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .text {
|
|
|
+ display: inline-block;
|
|
|
+ color: #333;
|
|
|
+ font-size: 0.3rem
|
|
|
+ }
|
|
|
+ .table {
|
|
|
+ width: 5.5rem;
|
|
|
+ margin-bottom: 0px;
|
|
|
+ margin-top: -.1rem;
|
|
|
+ li {
|
|
|
+ height: 0.6rem;
|
|
|
+ line-height: 0.6rem;
|
|
|
+ &::after {
|
|
|
+ clear: both;
|
|
|
+ display: block;
|
|
|
+ content: ' ';
|
|
|
+ visibility: hidden;
|
|
|
+ zoom: 1;
|
|
|
+ }
|
|
|
+ div {
|
|
|
+ text-align: center;
|
|
|
+ width: 50%;
|
|
|
+ float: left
|
|
|
+ }
|
|
|
+ &:nth-child(odd) {
|
|
|
+ background: #f7f7f7;
|
|
|
+ color: #666;
|
|
|
+ font-size: 0.28rem;
|
|
|
+ }
|
|
|
+ &:nth-child(even) {
|
|
|
+ background: #fcfcfc;
|
|
|
+ color: #666;
|
|
|
+ font-size: 0.28rem;
|
|
|
+ }
|
|
|
+ &:nth-last-of-type(1){
|
|
|
+ color: #f31919;
|
|
|
+ }
|
|
|
+ &.title {
|
|
|
+ font-size: 0.3rem;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .labelinfo {
|
|
|
+ padding: 0 .24rem;
|
|
|
+ background: #e6e6e6;
|
|
|
+ height: 0.6rem;
|
|
|
+ line-height: 0.6rem;
|
|
|
+ width: 100%;
|
|
|
+ color: #666;
|
|
|
+ font-size: 0.26rem;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ .labelicon {
|
|
|
+ background-image: url('/images/mobile/@2x/label_icon.png');
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ width: 0.61rem;
|
|
|
+ height: 0.38rem;
|
|
|
+ line-height: 0.38rem;
|
|
|
+ background-size: 100%;
|
|
|
+ color: #fff;
|
|
|
+ margin-right: 0.1rem;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 0.22rem;
|
|
|
+ text-align: center;
|
|
|
+ /*vertical-align: middle;*/
|
|
|
+ }
|
|
|
+ .labeltext{
|
|
|
+ display: inline-block;
|
|
|
+ /*vertical-align: middle;*/
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .deleteKuang {
|
|
|
+ position: fixed;
|
|
|
+ background: rgba(0,0,0,0.5);
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+ right: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ z-index: 9999;
|
|
|
+ .kuangContent {
|
|
|
+ border-radius: 5px;
|
|
|
+ background: #fff;
|
|
|
+ width: 5rem;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate3d(-50%, -50%, 0);
|
|
|
+ border-radius: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+ .titleinfo {
|
|
|
+ font-size: .3rem;
|
|
|
+ color: #666;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 0.5rem;
|
|
|
+ margin-bottom: 0.1rem;
|
|
|
+ }
|
|
|
+ .title {
|
|
|
+ background: #5078cb;
|
|
|
+ height: .7rem;
|
|
|
+ line-height: .7rem;
|
|
|
+ font-size: .3rem;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .info {
|
|
|
+ color: #f00;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .K_btn {
|
|
|
+ margin-top: 0.4rem;
|
|
|
+ line-height: 0.7rem;
|
|
|
+ height: 0.7rem;
|
|
|
+ &::after{
|
|
|
+ clear: both;
|
|
|
+ display: block;
|
|
|
+ content: ' ';
|
|
|
+ visibility: hidden;
|
|
|
+ zoom: 1;
|
|
|
+ }
|
|
|
+ div {
|
|
|
+ float: left;
|
|
|
+ width: 50%;
|
|
|
+ font-size: 0.3rem;
|
|
|
+ text-align: center;
|
|
|
+ &.cancelBtn {
|
|
|
+ background: #b4b5b9;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ &.answerBtn {
|
|
|
+ background: #5078cb;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ i {
|
|
|
+ font-size: .6rem;
|
|
|
+ position: absolute;
|
|
|
+ right: -0.3rem;
|
|
|
+ top: -0.35rem;
|
|
|
+ color: #fff;
|
|
|
+ &::after{
|
|
|
+ position: absolute;
|
|
|
+ top: -0.1rem;
|
|
|
+ left: -0.1rem;
|
|
|
+ right: -0.1rem;
|
|
|
+ bottom: -0.1rem;
|
|
|
+ content: ' '
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .title {
|
|
|
+ background: #3f84f6;
|
|
|
+ height: 0.7rem;
|
|
|
+ line-height: 0.7rem;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 0.3rem;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .Kuang {
|
|
|
+ max-height: 10rem;
|
|
|
+ width: 6.7rem;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate3d(-50%, -50%, 0);
|
|
|
+ background: #ececec;
|
|
|
+ border-radius: 5px;
|
|
|
+ }
|
|
|
+ .content {
|
|
|
+ overflow-y: scroll;
|
|
|
+ max-height: 9.3rem;
|
|
|
+ .infob {
|
|
|
+ background: #e3edfd;
|
|
|
+ padding: 0.2rem;
|
|
|
+ .info {
|
|
|
+ color: #333;
|
|
|
+ font-size: 0.3rem;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ margin-bottom: 0.18rem;
|
|
|
+ .name {
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ div {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .content_sq {
|
|
|
+ width: 6.4rem;
|
|
|
+ margin: 0.1rem auto;
|
|
|
+ background: #fff;
|
|
|
+ padding: 0.2rem 0rem;
|
|
|
+ .list {
|
|
|
+ margin-bottom: 0.18rem;
|
|
|
+ }
|
|
|
+ .fl {
|
|
|
+ width: 3.2rem;
|
|
|
+ }
|
|
|
+ .table {
|
|
|
+ width: 4.2rem;
|
|
|
+ margin-top: -0.1rem;
|
|
|
+ }
|
|
|
+ .labelinfo {
|
|
|
+ background-image: url('/images/mobile/@2x/labelTop.png');
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ width: 6.29rem;
|
|
|
+ height: 0.64rem;
|
|
|
+ line-height: 0.64rem;
|
|
|
+ background-size: 100%;
|
|
|
+ margin-top: 0rem;
|
|
|
+ margin-right: 0rem;
|
|
|
+ background-color: rgba(0, 0, 0, 0);
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
yangc
