提交 dce4e164 authored 作者: 吴德鹏's avatar 吴德鹏

优化英文版商品管理

上级 7a64aac4
...@@ -446,16 +446,16 @@ ...@@ -446,16 +446,16 @@
<Row :gutter="16"> <Row :gutter="16">
<div class="first"> <div class="first">
<div class="querydatas"> <div class="querydatas">
<div class="search-group-up" style="margin-left: 30px"> <div class="search-group-up" >
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span> <span>
product number Item No
<i-input v-model="q.code" @on-enter="query" placeholder="product number" style="width:160px"> <i-input v-model="q.code" @on-enter="query" placeholder="product number" style="width:160px">
</i-input> </i-input>
</span> </span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span style="margin-left: 50px"> <span style="margin-left: 35px">
product name: Product Name:
<i-input v-model="q.name" @on-enter="query" placeholder="product name" style="width:160px"> <i-input v-model="q.name" @on-enter="query" placeholder="product name" style="width:160px">
</i-input> </i-input>
</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
...@@ -465,20 +465,20 @@ ...@@ -465,20 +465,20 @@
<!-- <i-input v-model="q.supplier" @on-enter="query" placeholder="供应商" style="width:160px">--> <!-- <i-input v-model="q.supplier" @on-enter="query" placeholder="供应商" style="width:160px">-->
<!-- </i-input>--> <!-- </i-input>-->
<!-- </span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--> <!-- </span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!-- <span> <!-- <span>
creator: creator:
<i-select v-model="q.creator" @on-enter="query" <i-select v-model="q.creator" @on-enter="query"
placeholder="creator" style="width:160px"> placeholder="creator" style="width:160px">
<i-option v-for="(el,i) in creatorList" :key='i' <i-option v-for="(el,i) in creatorList" :key='i'
:value="el.userId">{{el.userName}} :value="el.userId">{{el.userName}}
</i-option> </i-option>
</i-select> </i-select>
</span>--> </span>-->
&nbsp;&nbsp;&nbsp; <span style="margin-left: 115px"> &nbsp;&nbsp;&nbsp; <span style="margin-left: 25px">
product status: Status:
<i-select v-model="q.status" @on-enter="query" placeholder="product status" style="width:160px"> <i-select v-model="q.status" @on-enter="query" placeholder="product status" style="width:160px">
<i-option value="1">online sale</i-option> <i-option value="1">on shelf</i-option>
<i-option value="2">has been removed</i-option> <i-option value="2">off shelf</i-option>
</i-select> </i-select>
</span> </span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
...@@ -487,7 +487,7 @@ ...@@ -487,7 +487,7 @@
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<div class="search-group-down" style="margin-left: 30px"> <div class="search-group-down" style="margin-left: 30px">
<span> <span>
commodity classification Top Category
<i-select v-model="q.itemCategory" @on-enter="query" <i-select v-model="q.itemCategory" @on-enter="query"
placeholder="commodity classification" style="width:160px" @on-change="changeGoodstype"> placeholder="commodity classification" style="width:160px" @on-change="changeGoodstype">
<i-option v-for="(el,i) in Goodstype" :key='i' <i-option v-for="(el,i) in Goodstype" :key='i'
...@@ -495,9 +495,9 @@ ...@@ -495,9 +495,9 @@
</i-option> </i-option>
</i-select> </i-select>
</span> </span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span> <span>
commodity secondary classification Secondary Category
<i-select placeholder="commodity secondary classification" style="width:160px" <i-select placeholder="commodity secondary classification" style="width:160px"
v-model="q.itemCategorytwo" v-model="q.itemCategorytwo"
@on-enter="query" @on-enter="query"
...@@ -508,9 +508,9 @@ ...@@ -508,9 +508,9 @@
</i-select> </i-select>
</span> </span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span> <span>
commodity three-level classification Tertiary Category
<i-select placeholder="please choose" @on-enter="query" v-model="q.itemDescritionId" <i-select placeholder="please choose" @on-enter="query" v-model="q.itemDescritionId"
style="width:160px"> style="width:160px">
<i-option v-for="(el,i) in Goodstype3" :key='i' <i-option v-for="(el,i) in Goodstype3" :key='i'
...@@ -518,11 +518,12 @@ ...@@ -518,11 +518,12 @@
</i-option> </i-option>
</i-select> </i-select>
</span> </span>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<div class="query"> <div class="query">
<i-button @click="query" type="primary"><i class="fa fa-search"></i>query</i-button> <i-button @click="query" type="primary"><i class="fa fa-search"></i>query</i-button>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
<i-button @click="reloadSearch" type="primary"><i class="fa fa-refresh"></i>reset</i-button> <i-button @click="reloadSearch" type="primary"><i class="fa fa-refresh"></i>reset
</i-button>
</div> </div>
</div> </div>
...@@ -540,37 +541,40 @@ ...@@ -540,37 +541,40 @@
<i-button type="info" @click="add"><i class="fa fa-plus"></i>&nbsp;add</i-button> <i-button type="info" @click="add"><i class="fa fa-plus"></i>&nbsp;add</i-button>
#end #end
#if($shiro.hasPermission("tbcfstationitem:update")) #if($shiro.hasPermission("tbcfstationitem:update"))
<i-button type="warning" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;update</i-button> <i-button type="warning" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;modify
</i-button>
#end #end
#if($shiro.hasPermission("tbcfstationitem:changeItemStatus")) #if($shiro.hasPermission("tbcfstationitem:changeItemStatus"))
<i-button type="success" @click="changeItemStatus(1)"><i class="fa fa-arrow-up"></i>&nbsp;on shelf <i-button type="success" @click="changeItemStatus(1)"><i class="fa fa-arrow-up"></i>&nbsp;on shelf
</i-button> </i-button>
#end #end
#if($shiro.hasPermission("tbcfstationitem:changeItemStatus")) #if($shiro.hasPermission("tbcfstationitem:changeItemStatus"))
<i-button type="warning" @click="changeItemStatus(2)"><i class="fa fa-arrow-down"></i>&nbsp;off shelf <i-button type="warning" @click="changeItemStatus(2)"><i class="fa fa-arrow-down"></i>&nbsp;off
shelf
</i-button> </i-button>
<!-- #end--> <!-- #end-->
<!-- #if($shiro.hasPermission("tbcfstationitem:import"))--> <!-- #if($shiro.hasPermission("tbcfstationitem:import"))-->
<!-- <i-button type="primary" @click="modal = true"><i class="fa fa-chevron-up"></i>导入--> <!-- <i-button type="primary" @click="modal = true"><i class="fa fa-chevron-up"></i>导入-->
<!-- <Modal--> <!-- <Modal-->
<!-- v-model="modal"--> <!-- v-model="modal"-->
<!-- title="商品导入"--> <!-- title="商品导入"-->
<!-- @on-ok="ok"--> <!-- @on-ok="ok"-->
<!-- @on-cancel="cancel">--> <!-- @on-cancel="cancel">-->
<!-- <template>--> <!-- <template>-->
<!-- <Upload action="../tbcfstationitem/importExcel/">--> <!-- <Upload action="../tbcfstationitem/importExcel/">-->
<!-- <i-Button icon="ios-cloud-upload-outline">请选择</i-Button>--> <!-- <i-Button icon="ios-cloud-upload-outline">请选择</i-Button>-->
<!-- </Upload>--> <!-- </Upload>-->
<!-- </template>--> <!-- </template>-->
<!-- </Modal>--> <!-- </Modal>-->
<!-- </i-button>--> <!-- </i-button>-->
<!-- #end--> <!-- #end-->
<!-- #if($shiro.hasPermission("tbcfstationitem:export"))--> <!-- #if($shiro.hasPermission("tbcfstationitem:export"))-->
<!-- <i-button type="info" @click="exportExcel"><i class="fa fa-chevron-down"></i>&nbsp;导出--> <!-- <i-button type="info" @click="exportExcel"><i class="fa fa-chevron-down"></i>&nbsp;导出-->
<!-- </i-button>--> <!-- </i-button>-->
<!-- #end--> <!-- #end-->
#if($shiro.hasPermission("tbcfstationitem:delete")) #if($shiro.hasPermission("tbcfstationitem:delete"))
<i-button type="error" @click="changeItemStatus(0)"><i class="fa fa-trash-o"></i>&nbsp;delete</i-button> <i-button type="error" @click="changeItemStatus(0)"><i class="fa fa-trash-o"></i>&nbsp;delete
</i-button>
#end #end
</div> </div>
</div> </div>
...@@ -590,29 +594,29 @@ ...@@ -590,29 +594,29 @@
<i-button class="fixed-submit preview" v-show="tbCfStationItem.itemId" <i-button class="fixed-submit preview" v-show="tbCfStationItem.itemId"
@click="preview(tbCfStationItem.itemId,'pc')" type="primary">preview @click="preview(tbCfStationItem.itemId,'pc')" type="primary">preview
</i-button> </i-button>
<i-button class="fixed-submit" type="primary" @click="handleSubmit('formValidate')">commit</i-button> <i-button class="fixed-submit" type="primary" @click="handleSubmit('formValidate')">submit</i-button>
<i-button class="fixed-back" type="warning" @click="back()"/> <i-button class="fixed-back" type="warning" @click="back()"/>
back</i-button> back</i-button>
</div> </div>
<p slot="title">{{title}}</p> <p slot="title">{{title}}</p>
<i-form ref="formValidate" :model="tbCfStationItem" :rules="ruleValidate" :label-width="80"> <i-form ref="formValidate" :model="tbCfStationItem" :rules="ruleValidate" :label-width="80">
<Form-item label="product number" prop="itemCode" style="width: 800px"> <Form-item label="Item No" prop="itemCode" style="width: 800px">
<i-input v-model="tbCfStationItem.itemCode" placeholder="product number"/> <i-input v-model="tbCfStationItem.itemCode" placeholder="product number"/>
</Form-item> </Form-item>
<Form-item label="product name" prop="itemName" style="width: 800px"> <Form-item label="Product Name" prop="itemName" style="width: 800px">
<i-input v-model="tbCfStationItem.itemName" placeholder="product name"/> <i-input v-model="tbCfStationItem.itemName" placeholder="product name"/>
</Form-item> </Form-item>
<Form-item label="product title" prop="itemBrief" style="width: 800px"> <Form-item label="Product Title" prop="itemBrief" style="width: 800px">
<i-input v-model="tbCfStationItem.itemBrief" placeholder="product title"/> <i-input v-model="tbCfStationItem.itemBrief" placeholder="product title"/>
</Form-item> </Form-item>
<!-- <Form-item label="商品链接" prop="itemUrl"> <!-- <Form-item label="商品链接" prop="itemUrl">
<i-input v-model="tbCfStationItem.itemUrl" placeholder="商品链接"/> <i-input v-model="tbCfStationItem.itemUrl" placeholder="商品链接"/>
</Form-item>--> </Form-item>-->
<Form-item label="search for the keyword" prop="itemTags" style="width: 800px"> <Form-item label="Key Word" prop="itemTags" style="width: 800px">
<i-input v-model="tbCfStationItem.itemTags" placeholder="search for the keyword"/> <i-input v-model="tbCfStationItem.itemTags" placeholder="Key Word"/>
</Form-item> </Form-item>
<div class="item-tag-container pp-flex-start"> <div class="item-tag-container pp-flex-start">
<span>tags</span> <span>Tags</span>
<div class="tag-preview"> <div class="tag-preview">
<transition-group tag="div" name="slide"> <transition-group tag="div" name="slide">
<div class="pp-tag" v-for="(element,index) in isSelectedArr" :key="index"> <div class="pp-tag" v-for="(element,index) in isSelectedArr" :key="index">
...@@ -621,14 +625,14 @@ ...@@ -621,14 +625,14 @@
</div> </div>
</transition-group> </transition-group>
<div class="add-tag-btn" @click="showTagPopup()"> <div class="add-tag-btn" @click="showTagPopup()">
<i-button type="success" shape="circle" size="small">add tag</i-button> <i-button type="success" shape="circle" size="small">Add Tag</i-button>
</div> </div>
</div> </div>
</div> </div>
<div class="pp-popup-wrapper" v-if="tagshow"> <div class="pp-popup-wrapper" v-if="tagshow">
<div class="pp-popup-mask"></div> <div class="pp-popup-mask"></div>
<div class="pp-popup-container"> <div class="pp-popup-container">
<h3 class="pp-text-center">data selection</h3> <h3 class="pp-text-center">Data Selection</h3>
<div class="pp-tags-section" v-for="(element,index) in tagLists" :key="index"> <div class="pp-tags-section" v-for="(element,index) in tagLists" :key="index">
<i-button <i-button
size="large" size="large"
...@@ -656,19 +660,19 @@ ...@@ -656,19 +660,19 @@
<!-- <i-input v-model="tbCfStationItem.itemLabel" placeholder="商品标签"/>--> <!-- <i-input v-model="tbCfStationItem.itemLabel" placeholder="商品标签"/>-->
<!-- <div>123</div>--> <!-- <div>123</div>-->
<!-- </Form-item>--> <!-- </Form-item>-->
<!-- <Form-item label="原价" prop="itemPrice" style="width: 800px">--> <!-- <Form-item label="原价" prop="itemPrice" style="width: 800px">-->
<!-- <i-input v-model="tbCfStationItem.itemPrice" placeholder="原价(可不填)"/>--> <!-- <i-input v-model="tbCfStationItem.itemPrice" placeholder="原价(可不填)"/>-->
<!-- </Form-item>--> <!-- </Form-item>-->
<!-- <Form-item label="现价" prop="discountPrice" style="width: 800px">--> <!-- <Form-item label="现价" prop="discountPrice" style="width: 800px">-->
<!-- <i-input v-model="tbCfStationItem.discountPrice" placeholder="现价"/>--> <!-- <i-input v-model="tbCfStationItem.discountPrice" placeholder="现价"/>-->
<!-- </Form-item>--> <!-- </Form-item>-->
<!-- &lt;!&ndash; <Form-item label="商品库存" prop="item_count" style="width: 800px">--> <!-- &lt;!&ndash; <Form-item label="商品库存" prop="item_count" style="width: 800px">-->
<!-- <i-input v-model="tbCfStationItem.itemCount" placeholder="商品库存"/>--> <!-- <i-input v-model="tbCfStationItem.itemCount" placeholder="商品库存"/>-->
<!-- </Form-item>&ndash;&gt;--> <!-- </Form-item>&ndash;&gt;-->
<!-- <Form-item label="成本价" prop="costPrice" style="width: 800px">--> <!-- <Form-item label="成本价" prop="costPrice" style="width: 800px">-->
<!-- <i-input v-model="tbCfStationItem.costPrice" placeholder="成本价"/>--> <!-- <i-input v-model="tbCfStationItem.costPrice" placeholder="成本价"/>-->
<!-- </Form-item>--> <!-- </Form-item>-->
<Form-item label="product picture" prop="itemImg"> <Form-item label="Picture" prop="itemImg">
<!-- <i-input v-model="xPicture.pictureUrl" placeholder="图片地址"/> --> <!-- <i-input v-model="xPicture.pictureUrl" placeholder="图片地址"/> -->
<upload <upload
multiple multiple
...@@ -686,27 +690,28 @@ ...@@ -686,27 +690,28 @@
</div> </div>
</div> </div>
</Form-item> </Form-item>
<!-- <Form-item label="commodity link" prop="itemUrl" style="width: 800px">--> <!-- <Form-item label="commodity link" prop="itemUrl" style="width: 800px">-->
<!-- <i-input v-model="tbCfStationItem.itemUrl" placeholder="commodity link"/>--> <!-- <i-input v-model="tbCfStationItem.itemUrl" placeholder="commodity link"/>-->
<!-- </Form-item>--> <!-- </Form-item>-->
<!-- <Form-item label="供应商" prop="supplier" style="width: 800px">--> <!-- <Form-item label="供应商" prop="supplier" style="width: 800px">-->
<!-- <i-input v-model="tbCfStationItem.supplier" placeholder="供应商"/>--> <!-- <i-input v-model="tbCfStationItem.supplier" placeholder="供应商"/>-->
<!-- </Form-item>--> <!-- </Form-item>-->
<!-- <Form-item label="freight template" prop="country" style="width: 800px">--> <!-- <Form-item label="freight template" prop="country" style="width: 800px">-->
<!-- <i-select label="please choose" v-model="tbCfStationItem.template">--> <!-- <i-select label="please choose" v-model="tbCfStationItem.template">-->
<!-- <i-option v-for="c in templateList" :key='c.templateId'--> <!-- <i-option v-for="c in templateList" :key='c.templateId'-->
<!-- :value="c.templateId">{{c.templateTitle}}--> <!-- :value="c.templateId">{{c.templateTitle}}-->
<!-- </i-option>--> <!-- </i-option>-->
<!-- </i-select>--> <!-- </i-select>-->
<!-- </Form-item>--> <!-- </Form-item>-->
<Form-item label="commodity classification" prop="itemCategory" style="width: 800px"> <Form-item label="Top Category" prop="itemCategory" style="width: 800px">
<i-select placeholder="please choose" v-model="tbCfStationItem.itemCategory" @on-change="changeGoodstype"> <i-select placeholder="please choose" v-model="tbCfStationItem.itemCategory"
@on-change="changeGoodstype">
<i-option v-for="(el,i) in Goodstype" :key='i' <i-option v-for="(el,i) in Goodstype" :key='i'
:value="el.goodstypeId">{{el.goodstypeTitle}} :value="el.goodstypeId">{{el.goodstypeTitle}}
</i-option> </i-option>
</i-select> </i-select>
</Form-item> </Form-item>
<Form-item label="commodity secondary classification" prop="itemCategorytwo" style="width: 800px"> <Form-item label="Secondary Category" prop="itemCategorytwo" style="width: 800px">
<i-select placeholder="please choose" v-model="tbCfStationItem.itemCategorytwo" <i-select placeholder="please choose" v-model="tbCfStationItem.itemCategorytwo"
@on-change="changeGoodstype2"> @on-change="changeGoodstype2">
<i-option v-for="(el,i) in Goodstype2" :key='i' <i-option v-for="(el,i) in Goodstype2" :key='i'
...@@ -714,7 +719,7 @@ ...@@ -714,7 +719,7 @@
</i-option> </i-option>
</i-select> </i-select>
</Form-item> </Form-item>
<Form-item label="commodity three-level classification" prop="itemDescritionId" style="width: 800px"> <Form-item label="Tertiary Category" prop="itemDescritionId" style="width: 800px">
<i-select placeholder="please choose" v-model="tbCfStationItem.itemDescritionId"> <i-select placeholder="please choose" v-model="tbCfStationItem.itemDescritionId">
<i-option v-for="(el,i) in Goodstype3" :key='i' <i-option v-for="(el,i) in Goodstype3" :key='i'
:value="el.descripitionId">{{el.descripitionName}} :value="el.descripitionId">{{el.descripitionName}}
...@@ -722,288 +727,290 @@ ...@@ -722,288 +727,290 @@
</i-select> </i-select>
</Form-item> </Form-item>
<!-- <Card class="container">--> <!-- <Card class="container">-->
<!-- &lt;!&ndash; 标头 &ndash;&gt;--> <!-- &lt;!&ndash; 标头 &ndash;&gt;-->
<!-- <p class="title">--> <!-- <p class="title">-->
<!-- <span><i style="color: red;">*</i>multiple attributes</span>--> <!-- <span><i style="color: red;">*</i>multiple attributes</span>-->
<!-- <i-switch size="large" v-model="putaway">--> <!-- <i-switch size="large" v-model="putaway">-->
<!-- <Icon type="md-checkmark"></Icon>--> <!-- <Icon type="md-checkmark"></Icon>-->
<!-- <Icon type="md-close"></Icon>--> <!-- <Icon type="md-close"></Icon>-->
<!-- </i-switch>--> <!-- </i-switch>-->
<!-- <span>available now</span>--> <!-- <span>available now</span>-->
<!-- </p>--> <!-- </p>-->
<!-- &lt;!&ndash; 选项 &ndash;&gt;--> <!-- &lt;!&ndash; 选项 &ndash;&gt;-->
<!-- <section class="form-wrapper">--> <!-- <section class="form-wrapper">-->
<!-- <h4>options</h4>--> <!-- <h4>options</h4>-->
<!-- <section class="default-price" v-show="!disabledChangeAttribute">--> <!-- <section class="default-price" v-show="!disabledChangeAttribute">-->
<!-- <h4>set default price and inventory--> <!-- <h4>set default price and inventory-->
<!-- <i-switch v-model="setDefaultValue" :disabled="disabled">--> <!-- <i-switch v-model="setDefaultValue" :disabled="disabled">-->
<!-- <Icon type="md-checkmark"></Icon>--> <!-- <Icon type="md-checkmark"></Icon>-->
<!-- <Icon type="md-close"></Icon>--> <!-- <Icon type="md-close"></Icon>-->
<!-- </i-switch>--> <!-- </i-switch>-->
<!-- </h4>--> <!-- </h4>-->
<!-- <div v-show="setDefaultValue" class="default-price-in">--> <!-- <div v-show="setDefaultValue" class="default-price-in">-->
<!-- <div>--> <!-- <div>-->
<!-- <i-Input v-model="default_price" style="width:160px;margin-top:5px;" size="small"--> <!-- <i-Input v-model="default_price" style="width:160px;margin-top:5px;" size="small"-->
<!-- placeholder="默认价格"/>--> <!-- placeholder="默认价格"/>-->
<!-- </div>--> <!-- </div>-->
<!-- <div>--> <!-- <div>-->
<!-- <i-Input v-model="default_count" style="width:160px;margin-top:5px;" size="small"--> <!-- <i-Input v-model="default_count" style="width:160px;margin-top:5px;" size="small"-->
<!-- placeholder="默认数量"/>--> <!-- placeholder="默认数量"/>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </section>--> <!-- </section>-->
<!-- <transition-group tag="ul" name="slide">--> <!-- <transition-group tag="ul" name="slide">-->
<!-- <li v-for="(el,i) in attrItem" :key="i">--> <!-- <li v-for="(el,i) in attrItem" :key="i">-->
<!-- <h6>选项{{i+1}}</h6>--> <!-- <h6>选项{{i+1}}</h6>-->
<!-- <label>属性</label>--> <!-- <label>属性</label>-->
<!-- <i-Select--> <!-- <i-Select-->
<!-- filterable--> <!-- filterable-->
<!-- v-model="el.categoryName"--> <!-- v-model="el.categoryName"-->
<!-- style="width:100px;margin:0 25px;"--> <!-- style="width:100px;margin:0 25px;"-->
<!-- allow-create--> <!-- allow-create-->
<!-- @on-create="handleCreateSelect"--> <!-- @on-create="handleCreateSelect"-->
<!-- :disabled='disabledChangeAttribute'--> <!-- :disabled='disabledChangeAttribute'-->
<!-- >--> <!-- >-->
<!-- <i-Option v-for="(option,index) in el.option" :value="option" :key="index">{{option}}--> <!-- <i-Option v-for="(option,index) in el.option" :value="option" :key="index">{{option}}-->
<!-- </i-Option>--> <!-- </i-Option>-->
<!-- </i-Select>--> <!-- </i-Select>-->
<!-- &lt;!&ndash; <select class="f-select" v-model="el.selected">--> <!-- &lt;!&ndash; <select class="f-select" v-model="el.selected">-->
<!-- <option v-for="(option,index) in el.option">{{option}}</option>--> <!-- <option v-for="(option,index) in el.option">{{option}}</option>-->
<!-- </select>&ndash;&gt;--> <!-- </select>&ndash;&gt;-->
<!-- <textarea--> <!-- <textarea-->
<!-- :disabled='disabledChangeAttribute'--> <!-- :disabled='disabledChangeAttribute'-->
<!-- @input="handleChangeContent" v-model="el.categoryDesc" cols="48" rows="2"--> <!-- @input="handleChangeContent" v-model="el.categoryDesc" cols="48" rows="2"-->
<!-- placeholder="请用逗号隔开各个选项"--> <!-- placeholder="请用逗号隔开各个选项"-->
<!-- ></textarea>--> <!-- ></textarea>-->
<!-- &lt;!&ndash; <i-button type="error" @click="delAttr(i)">删除</i-button> &ndash;&gt;--> <!-- &lt;!&ndash; <i-button type="error" @click="delAttr(i)">删除</i-button> &ndash;&gt;-->
<!-- <i-button :disabled="disabledChangeAttribute" type="error" @click="confirmDel(i)">删除--> <!-- <i-button :disabled="disabledChangeAttribute" type="error" @click="confirmDel(i)">删除-->
<!-- </i-button>--> <!-- </i-button>-->
<!-- </li>--> <!-- </li>-->
<!-- </transition-group>--> <!-- </transition-group>-->
<!-- <i-button--> <!-- <i-button-->
<!-- v-show="!disabledChangeAttribute"--> <!-- v-show="!disabledChangeAttribute"-->
<!-- :disabled="disabledChangeAttribute"--> <!-- :disabled="disabledChangeAttribute"-->
<!-- style="margin-left:10px;margin-bottom:10px;margin-top:10px;"--> <!-- style="margin-left:10px;margin-bottom:10px;margin-top:10px;"-->
<!-- type="success"--> <!-- type="success"-->
<!-- @click="addAttr"--> <!-- @click="addAttr"-->
<!-- >新增属性--> <!-- >新增属性-->
<!-- </i-button>--> <!-- </i-button>-->
<!-- <i-button--> <!-- <i-button-->
<!-- v-show="disabledChangeAttribute"--> <!-- v-show="disabledChangeAttribute"-->
<!-- style="margin-left:10px;margin-bottom:10px;margin-top:10px;"--> <!-- style="margin-left:10px;margin-bottom:10px;margin-top:10px;"-->
<!-- @click.stop="isShowAttributeContainer(true)"--> <!-- @click.stop="isShowAttributeContainer(true)"-->
<!-- >属性图片--> <!-- >属性图片-->
<!-- </i-button>--> <!-- </i-button>-->
<!-- <i-button--> <!-- <i-button-->
<!-- type="primary"--> <!-- type="primary"-->
<!-- v-show="disabledChangeAttribute"--> <!-- v-show="disabledChangeAttribute"-->
<!-- style="margin-left:10px;margin-bottom:10px;margin-top:10px;"--> <!-- style="margin-left:10px;margin-bottom:10px;margin-top:10px;"-->
<!-- @click.stop="showBatchModel"--> <!-- @click.stop="showBatchModel"-->
<!-- >批量操作--> <!-- >批量操作-->
<!-- </i-button>--> <!-- </i-button>-->
<!-- &lt;!&ndash; 上传图片&ndash;&gt;--> <!-- &lt;!&ndash; 上传图片&ndash;&gt;-->
<!-- <div class="attribute-img-container" v-show="showAttributeImg">--> <!-- <div class="attribute-img-container" v-show="showAttributeImg">-->
<!-- <div class="attribute-img-mask"></div>--> <!-- <div class="attribute-img-mask"></div>-->
<!-- <div class="attribute-img-wrapper">--> <!-- <div class="attribute-img-wrapper">-->
<!-- <i class="attribute-img-wrapper-close" @click.stop="isShowAttributeContainer(false)">x</i>--> <!-- <i class="attribute-img-wrapper-close" @click.stop="isShowAttributeContainer(false)">x</i>-->
<!-- <div class="attribute-img-lists">--> <!-- <div class="attribute-img-lists">-->
<!-- <div class="attribute-img" v-for="(element,index) in AttributeImgArr">--> <!-- <div class="attribute-img" v-for="(element,index) in AttributeImgArr">-->
<!-- <div class="attribute-img-remove-icon">--> <!-- <div class="attribute-img-remove-icon">-->
<!-- &lt;!&ndash; <Icon size="20" type="ios-eye-outline" ></Icon>&ndash;&gt;--> <!-- &lt;!&ndash; <Icon size="20" type="ios-eye-outline" ></Icon>&ndash;&gt;-->
<!-- <i></i>--> <!-- <i></i>-->
<!-- <Icon size="20" type="ios-trash-outline"--> <!-- <Icon size="20" type="ios-trash-outline"-->
<!-- @click="removeAttributeImg(element.img_path,index)"></Icon>--> <!-- @click="removeAttributeImg(element.img_path,index)"></Icon>-->
<!-- </div>--> <!-- </div>-->
<!-- <img :src="element.img_path" @click="selectImg(element.img_path)">--> <!-- <img :src="element.img_path" @click="selectImg(element.img_path)">-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="attribute-img" @click="cancelSelectImg">--> <!-- <div class="attribute-img" @click="cancelSelectImg">-->
<!-- <img title="取消选择"--> <!-- <img title="取消选择"-->
<!-- src="http://ku.90sjimg.com/element_origin_min_pic/01/47/26/835743e2ba5da85.jpg"--> <!-- src="http://ku.90sjimg.com/element_origin_min_pic/01/47/26/835743e2ba5da85.jpg"-->
<!-- width="100%" height="100%"/>--> <!-- width="100%" height="100%"/>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="attribute-img-upload">--> <!-- <div class="attribute-img-upload">-->
<!-- <Upload--> <!-- <Upload-->
<!-- multiple--> <!-- multiple-->
<!-- type="drag"--> <!-- type="drag"-->
<!-- :before-upload="handleBeforeUpload"--> <!-- :before-upload="handleBeforeUpload"-->
<!-- accept="image/jpeg, image/png"--> <!-- accept="image/jpeg, image/png"-->
<!-- action="../api/osstest/uploadtest"--> <!-- action="../api/osstest/uploadtest"-->
<!-- :on-success="handleAttributeImgSuccess"--> <!-- :on-success="handleAttributeImgSuccess"-->
<!-- >--> <!-- >-->
<!-- <div style="padding: 20px 0">--> <!-- <div style="padding: 20px 0">-->
<!-- <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>--> <!-- <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>-->
<!-- <p>点击或将文件拖拽到这里上传</p>--> <!-- <p>点击或将文件拖拽到这里上传</p>-->
<!-- </div>--> <!-- </div>-->
<!-- </Upload>--> <!-- </Upload>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- &lt;!&ndash; 批量操作&ndash;&gt;--> <!-- &lt;!&ndash; 批量操作&ndash;&gt;-->
<!-- <div class="attribute-img-container" v-show="showBatch">--> <!-- <div class="attribute-img-container" v-show="showBatch">-->
<!-- <div class="attribute-img-mask"></div>--> <!-- <div class="attribute-img-mask"></div>-->
<!-- <div class="attribute-img-wrapper">--> <!-- <div class="attribute-img-wrapper">-->
<!-- <h2 class="text-center">批量操作</h2>--> <!-- <h2 class="text-center">批量操作</h2>-->
<!-- <i class="attribute-img-wrapper-close" @click.stop="showBatch=false">x</i>--> <!-- <i class="attribute-img-wrapper-close" @click.stop="showBatch=false">x</i>-->
<!-- <Tabs active-key="key1">--> <!-- <Tabs active-key="key1">-->
<!-- <Tab-pane label="图片操作" key="key1">--> <!-- <Tab-pane label="图片操作" key="key1">-->
<!-- <div>--> <!-- <div>-->
<!-- <i-button--> <!-- <i-button-->
<!-- shape="circle"--> <!-- shape="circle"-->
<!-- v-for="(item,index) in selectBtnArr"--> <!-- v-for="(item,index) in selectBtnArr"-->
<!-- :type="item.isSelected?'primary':null"--> <!-- :type="item.isSelected?'primary':null"-->
<!-- @click="changeSelectBtnArr(item,index)"--> <!-- @click="changeSelectBtnArr(item,index)"-->
<!-- style="margin-right:10px;"--> <!-- style="margin-right:10px;"-->
<!-- >{{item.title}}--> <!-- >{{item.title}}-->
<!-- </i-button>--> <!-- </i-button>-->
<!-- </div>--> <!-- </div>-->
<!-- <div>--> <!-- <div>-->
<!-- <h3 style="margin:20px 0;">属性规格</h3>--> <!-- <h3 style="margin:20px 0;">属性规格</h3>-->
<!-- <div--> <!-- <div-->
<!-- class="attribute-sku-tag"--> <!-- class="attribute-sku-tag"-->
<!-- v-for="(item,index) in allAttributes"--> <!-- v-for="(item,index) in allAttributes"-->
<!-- @click="selectAttr(item,index)"--> <!-- @click="selectAttr(item,index)"-->
<!-- :class="item.isSelected?'attribute-sku-tag-active':null"--> <!-- :class="item.isSelected?'attribute-sku-tag-active':null"-->
<!-- >{{item.text}}--> <!-- >{{item.text}}-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div>--> <!-- <div>-->
<!-- <h3 style="margin:20px 0;">属性图片</h3>--> <!-- <h3 style="margin:20px 0;">属性图片</h3>-->
<!-- <div class="pp-flex-start">--> <!-- <div class="pp-flex-start">-->
<!-- <img--> <!-- <img-->
<!-- class="attr-img"--> <!-- class="attr-img"-->
<!-- v-for="(item,index) in AttributeImgArr"--> <!-- v-for="(item,index) in AttributeImgArr"-->
<!-- :src="item.img_path"--> <!-- :src="item.img_path"-->
<!-- :style="item.isSelected?'border:2px solid #1ab394;border-radius:4px;':null"--> <!-- :style="item.isSelected?'border:2px solid #1ab394;border-radius:4px;':null"-->
<!-- @click="BatchSelectImg(item,index)"--> <!-- @click="BatchSelectImg(item,index)"-->
<!-- />--> <!-- />-->
<!-- <Upload--> <!-- <Upload-->
<!-- multiple--> <!-- multiple-->
<!-- type="drag"--> <!-- type="drag"-->
<!-- :before-upload="handleBeforeUpload"--> <!-- :before-upload="handleBeforeUpload"-->
<!-- accept="image/jpeg, image/png"--> <!-- accept="image/jpeg, image/png"-->
<!-- action="../api/osstest/uploadtest"--> <!-- action="../api/osstest/uploadtest"-->
<!-- :on-success="handleAttributeImgSuccess"--> <!-- :on-success="handleAttributeImgSuccess"-->
<!-- :show-upload-list="false"--> <!-- :show-upload-list="false"-->
<!-- :format="['jpg','jpeg','png']"--> <!-- :format="['jpg','jpeg','png']"-->
<!-- :max-size="2048"--> <!-- :max-size="2048"-->
<!-- style="display: inline-block;width:58px;">--> <!-- style="display: inline-block;width:58px;">-->
<!-- <div style="width: 58px;height:58px;line-height: 58px;">--> <!-- <div style="width: 58px;height:58px;line-height: 58px;">-->
<!-- <Icon type="camera" size="20"></Icon>--> <!-- <Icon type="camera" size="20"></Icon>-->
<!-- </div>--> <!-- </div>-->
<!-- </Upload>--> <!-- </Upload>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div>--> <!-- <div>-->
<!-- <h3 style="margin:20px 0;">属性价格</h3>--> <!-- <h3 style="margin:20px 0;">属性价格</h3>-->
<!-- <i-input type="number" ref="amount" @on-change="changeBatch($event,'amount')"--> <!-- <i-input type="number" ref="amount" @on-change="changeBatch($event,'amount')"-->
<!-- placeholder="属性价格"/>--> <!-- placeholder="属性价格"/>-->
<!-- </div>--> <!-- </div>-->
<!-- <div>--> <!-- <div>-->
<!-- <h3 style="margin:20px 0;">属性库存</h3>--> <!-- <h3 style="margin:20px 0;">属性库存</h3>-->
<!-- <i-input type="number" ref="count" @on-change="changeBatch($event,'count')"--> <!-- <i-input type="number" ref="count" @on-change="changeBatch($event,'count')"-->
<!-- placeholder="属性库存"/>--> <!-- placeholder="属性库存"/>-->
<!-- </div>--> <!-- </div>-->
<!-- <div style="height: 140px"></div>--> <!-- <div style="height: 140px"></div>-->
<!-- <div class="confirm-btn">--> <!-- <div class="confirm-btn">-->
<!-- <i-button type="primary" @click="saveBatchData()">保存</i-button>--> <!-- <i-button type="primary" @click="saveBatchData()">保存</i-button>-->
<!-- </div>--> <!-- </div>-->
<!-- </Tab-pane>--> <!-- </Tab-pane>-->
<!-- <Tab-pane label="价格操作" key="key2">--> <!-- <Tab-pane label="价格操作" key="key2">-->
<!-- <div>--> <!-- <div>-->
<!-- <div v-for="(el,i) in handleProductAttr_Batch" :key="i">--> <!-- <div v-for="(el,i) in handleProductAttr_Batch" :key="i">-->
<!-- <h3 style="margin:20px 0;">{{el.categoryName}}</h3>--> <!-- <h3 style="margin:20px 0;">{{el.categoryName}}</h3>-->
<!-- <div--> <!-- <div-->
<!-- class="attribute-sku-tag"--> <!-- class="attribute-sku-tag"-->
<!-- v-for="(option,index) in el.categoryDescArr" :key="index"--> <!-- v-for="(option,index) in el.categoryDescArr" :key="index"-->
<!-- @click="handleClickProductAttr_Batch(option,index,i)"--> <!-- @click="handleClickProductAttr_Batch(option,index,i)"-->
<!-- :class="option.isSelected?'attribute-sku-tag-active':null"--> <!-- :class="option.isSelected?'attribute-sku-tag-active':null"-->
<!-- >{{option.name}}--> <!-- >{{option.name}}-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div>--> <!-- <div>-->
<!-- <h3 style="margin:20px 0;">属性价格</h3>--> <!-- <h3 style="margin:20px 0;">属性价格</h3>-->
<!-- <i-input ref="amount" type="number"--> <!-- <i-input ref="amount" type="number"-->
<!-- @on-change="changeBatch($event,'amount')"--> <!-- @on-change="changeBatch($event,'amount')"-->
<!-- placeholder="属性价格"/>--> <!-- placeholder="属性价格"/>-->
<!-- </div>--> <!-- </div>-->
<!-- <div>--> <!-- <div>-->
<!-- <h3 style="margin:20px 0;">属性库存</h3>--> <!-- <h3 style="margin:20px 0;">属性库存</h3>-->
<!-- <i-input ref="count" type="number" @on-change="changeBatch($event,'count')"--> <!-- <i-input ref="count" type="number" @on-change="changeBatch($event,'count')"-->
<!-- placeholder="属性库存"/>--> <!-- placeholder="属性库存"/>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="pp-flex-center confirm-btn-price">--> <!-- <div class="pp-flex-center confirm-btn-price">-->
<!-- <i-button type="primary" @click="saveBatchDataPrice('use')">应用</i-button>--> <!-- <i-button type="primary" @click="saveBatchDataPrice('use')">应用</i-button>-->
<!-- <i-button type="primary" @click="saveBatchDataPrice('save')">保存</i-button>--> <!-- <i-button type="primary" @click="saveBatchDataPrice('save')">保存</i-button>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- </Tab-pane>--> <!-- </Tab-pane>-->
<!-- </Tabs>--> <!-- </Tabs>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<!-- <br/>--> <!-- <br/>-->
<!-- <i-button style="margin-left:10px;margin-bottom:10px;margin-top:10px;"--> <!-- <i-button style="margin-left:10px;margin-bottom:10px;margin-top:10px;"-->
<!-- @click="disabledChangeAttribute=true" v-show="!disabledChangeAttribute">--> <!-- @click="disabledChangeAttribute=true" v-show="!disabledChangeAttribute">-->
<!-- 确定商品规格--> <!-- 确定商品规格-->
<!-- </i-button>--> <!-- </i-button>-->
<!-- &lt;!&ndash; 预览 &ndash;&gt;--> <!-- &lt;!&ndash; 预览 &ndash;&gt;-->
<!-- <section class="form-prev">--> <!-- <section class="form-prev">-->
<!-- <h4>预览</h4>--> <!-- <h4>预览</h4>-->
<!-- <transition-group tag="ul" name="slide">--> <!-- <transition-group tag="ul" name="slide">-->
<!-- <li class="prev-li" v-for="(el,i) in prevItem" :key="i">--> <!-- <li class="prev-li" v-for="(el,i) in prevItem" :key="i">-->
<!-- <div class="prev-attr">--> <!-- <div class="prev-attr">-->
<!-- <img @click="HandleSelectAttributeImg(el,i)" width="42" height="42" :src="el.skuImg"--> <!-- <img @click="HandleSelectAttributeImg(el,i)" width="42" height="42" :src="el.skuImg"-->
<!-- v-if="el.skuImg"/>--> <!-- v-if="el.skuImg"/>-->
<!-- <div @click="HandleSelectAttributeImg(el,i)" class="default-img" v-else></div>--> <!-- <div @click="HandleSelectAttributeImg(el,i)" class="default-img" v-else></div>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="prev-attr">--> <!-- <div class="prev-attr">-->
<!-- <span>{{el.skuName}}</span>--> <!-- <span>{{el.skuName}}</span>-->
<!-- &lt;!&ndash; <div class="attribute-sku-tag" style="height:24px;width:auto;white-space:nowrap; box-shadow: none">{{el.skuDesc}}</div>&ndash;&gt;--> <!-- &lt;!&ndash; <div class="attribute-sku-tag" style="height:24px;width:auto;white-space:nowrap; box-shadow: none">{{el.skuDesc}}</div>&ndash;&gt;-->
<!-- <Tag color="geekblue" style="white-space:nowrap;">{{el.skuDesc}}</Tag>--> <!-- <Tag color="geekblue" style="white-space:nowrap;">{{el.skuDesc}}</Tag>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="prev-price">--> <!-- <div class="prev-price">-->
<!-- <span>价格</span>--> <!-- <span>价格</span>-->
<!-- <i-input :disabled="!disabledChangeAttribute" v-model='el.skuPrice' size="small"--> <!-- <i-input :disabled="!disabledChangeAttribute" v-model='el.skuPrice' size="small"-->
<!-- placeholder="USD"/>--> <!-- placeholder="USD"/>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="prev-count">--> <!-- <div class="prev-count">-->
<!-- <span>数量</span>--> <!-- <span>数量</span>-->
<!-- <i-input :disabled="!disabledChangeAttribute" v-model='el.skuCount' size="small"--> <!-- <i-input :disabled="!disabledChangeAttribute" v-model='el.skuCount' size="small"-->
<!-- type="number" placeholder="0"/>--> <!-- type="number" placeholder="0"/>-->
<!-- </div>--> <!-- </div>-->
<!-- <div class="prev-code">--> <!-- <div class="prev-code">-->
<!-- <span>商品编码</span>--> <!-- <span>商品编码</span>-->
<!-- <i-input :disabled="!disabledChangeAttribute" v-model='el.skuCode' size="small"--> <!-- <i-input :disabled="!disabledChangeAttribute" v-model='el.skuCode' size="small"-->
<!-- placeholder="0"/>--> <!-- placeholder="0"/>-->
<!-- </div>--> <!-- </div>-->
<!-- <i-button :disabled="!disabledChangeAttribute" class="prev-del" type="warning"--> <!-- <i-button :disabled="!disabledChangeAttribute" class="prev-del" type="warning"-->
<!-- @click="del(i)">删除--> <!-- @click="del(i)">删除-->
<!-- </i-button>--> <!-- </i-button>-->
<!-- </li>--> <!-- </li>-->
<!-- </transition-group>--> <!-- </transition-group>-->
<!-- </section>--> <!-- </section>-->
<!-- &lt;!&ndash; <i-button style="margin-left:10px;" type="primary" @click='save'>保存</i-button>&ndash;&gt;--> <!-- &lt;!&ndash; <i-button style="margin-left:10px;" type="primary" @click='save'>保存</i-button>&ndash;&gt;-->
<!-- </section>--> <!-- </section>-->
<!-- </Card>--> <!-- </Card>-->
<Card class="container" style="margin-top:20px;"> <Card class="container" style="margin-top:20px;">
<section class="form-wrapper"> <section class="form-wrapper">
<h4>商品参数</h4> <h4>Product Parameters</h4>
<transition-group tag="ul" name="slide"> <transition-group tag="ul" name="slide">
<li class="prev-li" v-for="(item,index) in paramster" :key="index" style="margin-bottom: 0;"> <li class="prev-li" v-for="(item,index) in paramster" :key="index" style="margin-bottom: 0;">
<div> <div>
<i-input v-model="item.paramName" size="small" type="text" placeholder="参数名称"/> <i-input v-model="item.paramName" size="small" type="text"
placeholder="Parameter Name"/>
</div> </div>
<div> <div>
<i-input v-model="item.paramValue" size="small" type="text" placeholder="参数值"/> <i-input v-model="item.paramValue" size="small" type="text"
placeholder="Parameter Values"/>
</div> </div>
<i-button class="prev-del paramster-del" type="warning" @click="delParamster(index)">删除 <i-button class="prev-del paramster-del" type="warning" @click="delParamster(index)">Delete
</i-button> </i-button>
</li> </li>
</transition-group> </transition-group>
...@@ -1012,7 +1019,7 @@ ...@@ -1012,7 +1019,7 @@
style="margin-left:15px;margin-bottom:10px;margin-top:10px;" style="margin-left:15px;margin-bottom:10px;margin-top:10px;"
type="success" type="success"
@click="addProductParams()" @click="addProductParams()"
>新增参数 >Add new parameters
</i-button> </i-button>
</section> </section>
</Card> </Card>
...@@ -1040,23 +1047,23 @@ ...@@ -1040,23 +1047,23 @@
<br/> <br/>
<br/> <br/>
<Form-item label="product description" prop="itemDesc"> <Form-item label="Product Description" prop="itemDesc">
<!-- <script id="Detail" name="tbCfVersion.versionDetail"type="text/plain">${pd.COLLSORT_DETAILS}</script>--> <!-- <script id="Detail" name="tbCfVersion.versionDetail"type="text/plain">${pd.COLLSORT_DETAILS}</script>-->
<textarea id="itemDesc" style="width: 800px;height: 600px;"></textarea> <textarea id="itemDesc" style="width: 800px;height: 600px;"></textarea>
</Form-item> </Form-item>
<Form-item> <Form-item>
<i-button type="primary" @click="handleSubmit('formValidate')">commit</i-button> <i-button type="primary" @click="handleSubmit('formValidate')">submit</i-button>
<i-button type="warning" @click="back()" style="margin-left: 8px"/> <i-button type="warning" @click="back()" style="margin-left: 8px"/>
back</i-button> back</i-button>
<i-button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">reset</i-button> <i-button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">reset</i-button>
</Form-item> </Form-item>
</i-form> </i-form>
<!-- 退出警告 --> <!-- 退出警告 -->
<!-- <Modal--> <!-- <Modal-->
<!-- v-model="showQuitHint"--> <!-- v-model="showQuitHint"-->
<!-- @on-ok="quit">--> <!-- @on-ok="quit">-->
<!-- <p>not saved yet, do you want to exit?</p>--> <!-- <p>not saved yet, do you want to exit?</p>-->
<!-- </Modal>--> <!-- </Modal>-->
</Card> </Card>
<script src="${rc.contextPath}/js/plugins/Sortable.min.js"></script> <script src="${rc.contextPath}/js/plugins/Sortable.min.js"></script>
<script src="${rc.contextPath}/statics/libs/iview.js"></script> <script src="${rc.contextPath}/statics/libs/iview.js"></script>
......
...@@ -816,9 +816,9 @@ itemStatusFormat = function (cellvalue) { ...@@ -816,9 +816,9 @@ itemStatusFormat = function (cellvalue) {
itemStatusFormatEn = function (cellvalue) { itemStatusFormatEn = function (cellvalue) {
var returnStr; var returnStr;
if (cellvalue == '1') { if (cellvalue == '1') {
returnStr = "<i-button class=\"ivu-btn ivu-btn-info\" style='border-radius:25px;' type=\"info\">online sale</i-button>"; returnStr = "<i-button class=\"ivu-btn ivu-btn-info\" style='border-radius:25px;' type=\"info\">on shelf</i-button>";
} else if (cellvalue == '2') { } else if (cellvalue == '2') {
returnStr = "<i-button class=\"ivu-btn ivu-btn-warning\" style='border-radius:25px;' type=\"warning\">has been removed</i-button>"; returnStr = "<i-button class=\"ivu-btn ivu-btn-warning\" style='border-radius:25px;' type=\"warning\">off shelf</i-button>";
} else if (cellvalue == '0') { } else if (cellvalue == '0') {
returnStr = "<i-button class=\"ivu-btn ivu-btn-error\" style='border-radius:25px;' type=\"error\">deleted</i-button>"; returnStr = "<i-button class=\"ivu-btn ivu-btn-error\" style='border-radius:25px;' type=\"error\">deleted</i-button>";
} }
......
...@@ -309,8 +309,11 @@ let vm = new Vue({ ...@@ -309,8 +309,11 @@ let vm = new Vue({
} }
} else if (vm.typeActive === 2) { } else if (vm.typeActive === 2) {
setTimeout(() => { setTimeout(() => {
vm.handleSearch(vm.tbCfHomePage.linkUrl); let itemId = vm.tbCfHomePage.linkUrl
}, 500) vm.handleSearch(itemId);
console.log('itemId', itemId)
$("#searchjqGrid").jqGrid('setSelection', itemId);
}, 200)
} else if (vm.typeActive === 3) { } else if (vm.typeActive === 3) {
vm.tagListsActive = vm.tbCfHomePage.linkUrl; vm.tagListsActive = vm.tbCfHomePage.linkUrl;
} }
......
...@@ -3,27 +3,27 @@ $(function () { ...@@ -3,27 +3,27 @@ $(function () {
url: '../tbcfstationitem/list', url: '../tbcfstationitem/list',
colModel: [ colModel: [
{label: 'itemId', name: 'itemId', index: 'item_id', key: true, hidden: true}, {label: 'itemId', name: 'itemId', index: 'item_id', key: true, hidden: true},
{label: 'product picture', name: 'itemImg', index: 'item_img', width: 80, formatter: imageFormat}, {label: 'Picture', name: 'itemImg', index: 'item_img', width: 80, formatter: imageFormat},
{label: 'product number', name: 'itemCode', index: 'item_code', width: 80}, {label: 'Item No', name: 'itemCode', index: 'item_code', width: 80},
{label: 'product name', name: 'itemName', index: 'item_name', width: 120}, {label: 'Product Name', name: 'itemName', index: 'item_name', width: 120},
/* {label: '商品标题', name: 'itemBrief', index: 'item_brief', width: 120},*/ /* {label: '商品标题', name: 'itemBrief', index: 'item_brief', width: 120},*/
/*{label: '商品链接', name: 'itemUrl', index: 'item_url', width: 80,formatter:linkFormat},*/ /*{label: '商品链接', name: 'itemUrl', index: 'item_url', width: 80,formatter:linkFormat},*/
// {label: '商品原价', name: 'itemPrice', index: 'item_price', width: 45}, // {label: '商品原价', name: 'itemPrice', index: 'item_price', width: 45},
// {label: '商品现价', name: 'discountPrice', index: 'discount_price', width: 45}, // {label: '商品现价', name: 'discountPrice', index: 'discount_price', width: 45},
{label: 'stock', name: 'itemCount', index: 'item_count', width: 45}, {label: 'Stock', name: 'itemCount', index: 'item_count', width: 45},
// {label: '点击量', name: 'itemNum', index: 'item_num', width: 45}, // {label: '点击量', name: 'itemNum', index: 'item_num', width: 45},
/*{label: '所属平台', name: 'platformCode', index: 'platform_code', width: 80}, /*{label: '所属平台', name: 'platformCode', index: 'platform_code', width: 80},
{label: '平台名', name: 'platformName', index: 'platform_name', width: 80},*/ {label: '平台名', name: 'platformName', index: 'platform_name', width: 80},*/
// {label: '供应商', name: 'supplier', index: 'supplier', width: 80}, // {label: '供应商', name: 'supplier', index: 'supplier', width: 80},
{label: '置顶', name: 'itemTop', index: 'item_top', width: 80, hidden: true}, {label: '置顶', name: 'itemTop', index: 'item_top', width: 80, hidden: true},
{label: 'commodity classification', name: 'goodtype', index: 'goodtype', width: 110}, {label: 'Top Category ', name: 'goodtype', index: 'goodtype', width: 110},
{label: 'commodity secondary classification', name: 'title', index: 'title', width: 155}, {label: 'Secondary Category ', name: 'title', index: 'title', width: 155},
{label: 'commodity three-level classification', name: 'dname', index: 'itemDescritionId', width: 155}, {label: 'Tertiary Category', name: 'dname', index: 'itemDescritionId', width: 155},
{label: 'status', name: 'enableFlag', index: 'enable_flag', width: 70, formatter: itemStatusFormatEn}, {label: 'Status', name: 'enableFlag', index: 'enable_flag', width: 70, formatter: itemStatusFormatEn},
{label: 'creation date', name: 'createTime', index: 'create_time', width: 80}, {label: 'Creation Time', name: 'createTime', index: 'create_time', width: 80},
// {label: 'creator', name: 'uname', index: 'uname', width: 80}, // {label: 'creator', name: 'uname', index: 'uname', width: 80},
{ {
label: 'operate', index: 'operate', width: 120, formatter: function (value, grid, rows) { label: 'Operation', index: 'operate', width: 120, formatter: function (value, grid, rows) {
if (rows.itemTop === 1) { if (rows.itemTop === 1) {
return '<span class="label label-primary pointer" onclick="vm.itemUpward(\'' + rows.itemId + '\')" ">up</span>&nbsp;&nbsp;' + return '<span class="label label-primary pointer" onclick="vm.itemUpward(\'' + rows.itemId + '\')" ">up</span>&nbsp;&nbsp;' +
'<span class="label label-success pointer" onclick="vm.itemDownward(\'' + rows.itemId + '\')" ">down</span>&nbsp;&nbsp' + '<span class="label label-success pointer" onclick="vm.itemDownward(\'' + rows.itemId + '\')" ">down</span>&nbsp;&nbsp' +
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论