下载商品码

ghs/src/views/item/list.vue

@@ -21,12 +21,11 @@
 	</template>
 
       <template #table-column-name="{scope}">
-        <span class="item-name" v-if="scope.row.delStatus == 1" style="color:red;">{{ scope.row.name }}</span>
-		<span class="item-name" v-else>{{ scope.row.name }}</span>
+		<span class="item-name">{{ scope.row.name }}</span>
       </template>
 
       <template #table-column-status="{scope}">
-		<span v-if="scope.row.status == 1">上架</span>
+		<span v-if="scope.row.status == 1">是</span>
 		<span v-else>-</span>
       </template>
 
@@ -63,21 +62,28 @@
 
       <template #slot-modify="{ scope }">
 
-		<el-button type="text" @click.native.stop="getStockList(scope.row)" >库存明细</el-button>
+		<el-button type="primary" size="small" @click.native.stop="getStockList(scope.row)" >库存明细</el-button>
 
-		<el-button type="text" @click.native.stop="replaceBtnFn(scope.row.id)" >修改</el-button>
+		<el-button type="primary" size="small" @click.native.stop="replaceBtnFn(scope.row.id)" >修改</el-button>
 
 		<el-popover style="margin-left:10px;margin-right:10px;" placement="top" width="160" :ref="'popover-' + scope.row.id">
 			<p>确认复制生成花材？</p>
 			<div style="text-align: right; margin: 0">
-			<el-button size="mini" type="text" @click.stop="cancelCopyProduct(scope.row.id)">取消</el-button>
-			<el-button type="primary" size="mini" @click.stop="copyProduct(scope.row.id)">确定</el-button>
+			<el-button size="small" type="primary" @click.stop="cancelCopyProduct(scope.row.id)">取消</el-button>
+			<el-button type="primary" size="small" @click.stop="copyProduct(scope.row.id)">确定</el-button>
 			</div>
-			<el-button slot="reference" size="mini" type="text" plain @click.stop="">复制新建</el-button>
+			<el-button slot="reference" size="small" type="primary" @click.stop="">复制新建</el-button>
 		</el-popover>
 
-		<el-button type="text" v-if="scope.row.delStatus==0" @click.native.stop="setDelStatusFun(scope.row.id,1)" >停用</el-button>
-		<el-button type="text" v-if="scope.row.delStatus==1" @click.native.stop="setDelStatusFun(scope.row.id,0)" >恢复</el-button>
+		<el-button type="primary" size="small" v-if="scope.row.delStatus==0" @click.native.stop="setDelStatusFun(scope.row.id,1)" >删除</el-button>
+		<el-button type="primary" size="small" v-if="scope.row.delStatus==1" @click.native.stop="setDelStatusFun(scope.row.id,0)" >恢复</el-button>
+
+        <el-dropdown @command="doMore($event,scope.row)" style="margin-left:10px;">
+          <el-button type="primary" size="small">更多<i class="el-icon-arrow-down el-icon--right"></i></el-button>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item command="downCode">下载商品码</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
 
 	</template>
 
@@ -398,6 +404,11 @@ export default {
 
   },
   methods: {
+    doMore(cmd,data){
+      if(cmd == 'downCode'){
+
+      }
+    },
 	searchFocus(){
 		let that = this
 		setTimeout(() => {
@@ -674,7 +685,7 @@ export default {
             },
 			{
               prop: 'status',
-              label: '状态',
+              label: '上架',
               align: 'center',
               minWidth: 60
             }
@@ -682,7 +693,7 @@ export default {
           op: {
             visible: true,
             props: {
-              width: 300,
+              width: 420,
               align: 'center',
               fixed: 'right',
               label: '操作'