零售和供货商的花材管理允许批量修改

ghs/src/views/item/list.vue

@@ -50,32 +50,41 @@
 				>
 			</template>
 
-      <template #table-column-addPrice="{scope}">
+		<template #table-header-cost>
+			<div class="set-sort">
+				<span>每扎成本价</span>
+				<el-button v-if="!costPrice" icon="el-icon-edit-outline" size="small" type="text" @click="showCost" class="show"></el-button>
+				<el-button class="hide" v-else size="mini" @click="hideSort" type="primary">完成</el-button>
+			</div>
+		</template>
+		<template #table-column-cost="{scope}">
+			<span v-if="!costPrice">{{ scope.row.cost }}</span>
+			<el-input style="width:50%;" ref="sort-input" focus size="mini" v-else v-model="scope.row.cost" @blur="changeSort(scope.row, 'cost')" ></el-input>
+		</template>
+		<template #table-header-addPrice>
+			<div class="set-sort">
+				<span>每扎加价</span>
+				<el-button v-if="!canAddPrice" icon="el-icon-edit-outline" size="small" type="text" @click="showAddPrice" class="show"></el-button>
+				<el-button class="hide" v-else size="mini" @click="hideSort" type="primary">完成</el-button>
+			</div>
+		</template>
+      	<template #table-column-addPrice="{scope}">
         <span v-if="!canAddPrice">{{ scope.row.addPrice }}</span>
         <el-input style="width:50%;" ref="add-price-input" focus size="mini" v-else v-model="scope.row.addPrice" @blur="changeSort(scope.row, 'addPrice')" ></el-input>
       </template>
+	  	<template #table-header-weight>
+		<div class="set-sort">
+			<span>重量(公斤)</span>
+			<el-button v-if="!costWeight" icon="el-icon-edit-outline" size="small" type="text" @click="showWeight" class="show"></el-button>
+			<el-button class="hide" v-else size="mini" @click="hideSort" type="primary">完成</el-button>
+		</div>
+	  </template>
+		<template #table-column-weight="{scope}">
+			<span v-if="!costWeight">{{ scope.row.weight }}</span>
+			<el-input style="width:50%;" ref="add-price-input" focus size="mini" v-else v-model="scope.row.weight" @blur="changeSort(scope.row, 'weight')"></el-input>
+		</template>
 
-      <template #table-header-addPrice>
-        <div class="set-sort">
-          <span>每扎加价</span>
-          <el-button v-if="!canAddPrice" icon="el-icon-edit-outline" size="small" type="text" @click="showAddPrice" class="show"></el-button>
-          <el-button class="hide" v-else size="mini" @click="hideSort" type="primary">完成</el-button>
-        </div>
-      </template>
 
-      <template #table-header-cost>
-        <div class="set-sort">
-          <span>每扎成本价</span>
-          <el-button v-if="!costPrice" icon="el-icon-edit-outline" size="small" type="text" @click="showCost" class="show"></el-button>
-          <el-button class="hide" v-else size="mini" @click="hideSort" type="primary">完成</el-button>
-        </div>
-      </template>
-
-
-      <template #table-column-cost="{scope}">
-        <span v-if="!costPrice">{{ scope.row.cost }}</span>
-        <el-input style="width:50%;" ref="sort-input" focus size="mini" v-else v-model="scope.row.cost" @blur="changeSort(scope.row, 'cost')" ></el-input>
-      </template>
       <template #slot-add-goods-btn>
         <el-button type="primary" size="mini" @click="addFn()">添加</el-button>
       </template>
@@ -202,6 +211,7 @@ export default {
       },
       canAddPrice:false,
       costPrice: false,
+	  costWeight: false,
       classId: 0,
       className:'',
       showItemModal: false,
@@ -377,7 +387,7 @@ export default {
               prop: 'cost',
               label: '每扎成本价',
               align: 'center',
-              'min-width': 120
+              'min-width': 130
             },
             {
               prop: 'addPrice',
@@ -389,7 +399,7 @@ export default {
               prop: 'weight',
               label: '重量(公斤)',
               align: 'center',
-              'min-width': 90
+              'min-width': 130
             },
             {
               prop: 'unit',
@@ -456,6 +466,10 @@ export default {
     showAddPrice(){
       this.initData = []
        this.canAddPrice = true
+    },
+  	showWeight(){
+      this.initData = []
+       this.costWeight = true
     },
     showSort (e) {
       this.initData = []
@@ -467,6 +481,7 @@ export default {
         this.sort.status = false;
         this.canAddPrice = false
         this.costPrice = false
+        this.costWeight = false
         return;
       }
       this.dataList.form.data = JSON.stringify(this.initData)
@@ -477,6 +492,7 @@ export default {
       this.sort.status = false;
       this.canAddPrice = false
       this.costPrice = false
+      this.costWeight = false
     },
     replaceBtnFn(id) {
       this.addDialog = true
@@ -516,6 +532,8 @@ export default {
         obj.addPrice = d.addPrice
       } else if(type == 'cost') {
         obj.cost  = d.cost 
+      }else if(type == 'weight') {
+        obj.weight  = d.weight
       }
       this.initData.push(obj)
     }

hd/src/views/item/list.vue

@@ -1,8 +1,8 @@
 <template>
 	<div class="app-list-content">
 		<x-crud
-				class="liu-crud-wrap"
-				@load="onLoad"
+			class="liu-crud-wrap"
+			@load="onLoad"
 		>
 			<template #slot-tabs>
 				<el-tabs class="liu-tabs" type="border-card" v-model="tabIndex" @tab-click="tabClick">
@@ -13,10 +13,10 @@
 
 			<template #table-column-cover="{ scope }">
 				<cl-avatar
-						shape="square"
-						:size="32"
-						:src="scope.row.cover"
-						:style="{ margin: 'auto' }"
+					shape="square"
+					:size="32"
+					:src="scope.row.cover"
+					:style="{ margin: 'auto' }"
 				></cl-avatar>
 			</template>
 
@@ -44,17 +44,23 @@
 
 			<template #slot-modify="{ scope }">
 				<el-button
-						type="text"
-						@click.native.stop="replaceBtnFn(scope.row.id)"
+					type="text"
+					@click.native.stop="replaceBtnFn(scope.row.id)"
 				>修改</el-button
 				>
 			</template>
 
-			<template #table-column-addPrice="{scope}">
-				<span v-if="!canAddPrice">{{ scope.row.addPrice }}</span>
-				<el-input style="width:50%;" ref="add-price-input" focus size="mini" v-else v-model="scope.row.addPrice" @blur="changeSort(scope.row, 'addPrice')" ></el-input>
+			<template #table-header-cost>
+				<div class="set-sort">
+					<span>每扎成本价</span>
+					<el-button v-if="!costPrice" icon="el-icon-edit-outline" size="small" type="text" @click="showCost" class="show"></el-button>
+					<el-button class="hide" v-else size="mini" @click="hideSort" type="primary">完成</el-button>
+				</div>
+			</template>
+			<template #table-column-cost="{scope}">
+				<span v-if="!costPrice">{{ scope.row.cost }}</span>
+				<el-input style="width:50%;" ref="sort-input" focus size="mini" v-else v-model="scope.row.cost" @blur="changeSort(scope.row, 'cost')" ></el-input>
 			</template>
-
 			<template #table-header-addPrice>
 				<div class="set-sort">
 					<span>每扎加价</span>
@@ -62,20 +68,23 @@
 					<el-button class="hide" v-else size="mini" @click="hideSort" type="primary">完成</el-button>
 				</div>
 			</template>
-
-			<template #table-header-cost>
+			<template #table-column-addPrice="{scope}">
+				<span v-if="!canAddPrice">{{ scope.row.addPrice }}</span>
+				<el-input style="width:50%;" ref="add-price-input" focus size="mini" v-else v-model="scope.row.addPrice" @blur="changeSort(scope.row, 'addPrice')" ></el-input>
+			</template>
+			<template #table-header-weight>
 				<div class="set-sort">
-					<span>每扎成本价</span>
-					<el-button v-if="!costPrice" icon="el-icon-edit-outline" size="small" type="text" @click="showCost" class="show"></el-button>
+					<span>重量(公斤)</span>
+					<el-button v-if="!costWeight" icon="el-icon-edit-outline" size="small" type="text" @click="showWeight" class="show"></el-button>
 					<el-button class="hide" v-else size="mini" @click="hideSort" type="primary">完成</el-button>
 				</div>
 			</template>
+			<template #table-column-weight="{scope}">
+				<span v-if="!costWeight">{{ scope.row.weight }}</span>
+				<el-input style="width:50%;" ref="add-price-input" focus size="mini" v-else v-model="scope.row.weight" @blur="changeSort(scope.row, 'weight')"></el-input>
+			</template>
 
 
-			<template #table-column-cost="{scope}">
-				<span v-if="!costPrice">{{ scope.row.cost }}</span>
-				<el-input style="width:50%;" ref="sort-input" focus size="mini" v-else v-model="scope.row.cost" @blur="changeSort(scope.row, 'cost')" ></el-input>
-			</template>
 			<template #slot-add-goods-btn>
 				<el-button type="primary" size="mini" @click="addFn()">添加</el-button>
 			</template>
@@ -85,32 +94,32 @@
 		</item-list-layer>
 		<!-- 新增弹窗 -->
 		<el-dialog
-				title="修改花材"
-				:visible.sync="addDialog"
-				:close-on-click-modal="false"
-				width="600px"
+			title="修改花材"
+			:visible.sync="addDialog"
+			:close-on-click-modal="false"
+			width="600px"
 		>
 			<div class="ad-modal-content">
 				<el-form
-						:model="replaceForm"
-						:rules="replaceFormRules"
-						ref="replaceForm"
-						label-width="100px"
-						class="demo-form"
+					:model="replaceForm"
+					:rules="replaceFormRules"
+					ref="replaceForm"
+					label-width="100px"
+					class="demo-form"
 				>
 					<el-form-item label="名称" prop="name">
 						<el-input
-								v-model="replaceForm.name"
-								placeholder="请输入名称"
-								size="small"
+							v-model="replaceForm.name"
+							placeholder="请输入名称"
+							size="small"
 						></el-input>
 					</el-form-item>
 
 					<el-form-item label="别名" prop="alias">
 						<el-input
-								v-model="replaceForm.alias"
-								placeholder="请输入别名"
-								size="small"
+							v-model="replaceForm.alias"
+							placeholder="请输入别名"
+							size="small"
 						></el-input>
 					</el-form-item>
 
@@ -121,15 +130,15 @@
 
 					<el-form-item label="分类" prop="classId">
 						<el-select
-								v-model="replaceForm.className"
-								size="small"
-								placeholder="请选择分类"
-								@change="selClassFn"
+							v-model="replaceForm.className"
+							size="small"
+							placeholder="请选择分类"
+							@change="selClassFn"
 						>
 							<el-option
-									v-for="(item, index) in itemClassList"
-									:key="index"
-									:value="item.name"
+								v-for="(item, index) in itemClassList"
+								:key="index"
+								:value="item.name"
 							>{{ item.name }}</el-option
 							>
 						</el-select>
@@ -137,33 +146,33 @@
 
 					<el-form-item label="库存预警" prop="stockWarning">
 						<el-input
-								v-model="replaceForm.stockWarning"
-								placeholder="请输入数值"
-								size="small"
+							v-model="replaceForm.stockWarning"
+							placeholder="请输入数值"
+							size="small"
 						></el-input>
 					</el-form-item>
 
 					<el-form-item label="每扎重量" prop="weight">
 						<el-input
-								v-model="replaceForm.weight"
-								placeholder="请输入斤数"
-								size="small"
+							v-model="replaceForm.weight"
+							placeholder="请输入斤数"
+							size="small"
 						></el-input>
 					</el-form-item>
 
 					<el-form-item label="每扎成本价" prop="cost">
 						<el-input
-								v-model="replaceForm.cost"
-								placeholder="请输入成本价"
-								size="small"
+							v-model="replaceForm.cost"
+							placeholder="请输入成本价"
+							size="small"
 						></el-input>
 					</el-form-item>
 
 					<el-form-item label="每扎加价" prop="addPrice">
 						<el-input
-								v-model="replaceForm.addPrice"
-								placeholder="请输入加价"
-								size="small"
+							v-model="replaceForm.addPrice"
+							placeholder="请输入加价"
+							size="small"
 						></el-input>
 					</el-form-item>
 
@@ -202,6 +211,7 @@
 				},
 				canAddPrice:false,
 				costPrice: false,
+				costWeight: false,
 				classId: 0,
 				className:'',
 				showItemModal: false,
@@ -359,7 +369,7 @@
 								prop: 'name',
 								label: '名称',
 								align: 'center',
-								'min-width': 100
+								'min-width': 180
 							},
 							{
 								prop: 'className',
@@ -377,7 +387,7 @@
 								prop: 'cost',
 								label: '每扎成本价',
 								align: 'center',
-								'min-width': 120
+								'min-width': 130
 							},
 							{
 								prop: 'addPrice',
@@ -389,7 +399,7 @@
 								prop: 'weight',
 								label: '重量(公斤)',
 								align: 'center',
-								'min-width': 90
+								'min-width': 130
 							},
 							{
 								prop: 'unit',
@@ -457,6 +467,10 @@
 				this.initData = []
 				this.canAddPrice = true
 			},
+			showWeight(){
+				this.initData = []
+				this.costWeight = true
+			},
 			showSort (e) {
 				this.initData = []
 				this.sort.status = true;
@@ -467,6 +481,7 @@
 					this.sort.status = false;
 					this.canAddPrice = false
 					this.costPrice = false
+					this.costWeight = false
 					return;
 				}
 				this.dataList.form.data = JSON.stringify(this.initData)
@@ -477,6 +492,7 @@
 				this.sort.status = false;
 				this.canAddPrice = false
 				this.costPrice = false
+				this.costWeight = false
 			},
 			replaceBtnFn(id) {
 				this.addDialog = true
@@ -516,6 +532,8 @@
 					obj.addPrice = d.addPrice
 				} else if(type == 'cost') {
 					obj.cost  = d.cost
+				}else if(type == 'weight') {
+					obj.weight  = d.weight
 				}
 				this.initData.push(obj)
 			}