2023-02-17

完善样式

mallplusui-web-admin/src/views/pms/product/index.vue

@@ -1,6 +1,6 @@
 <template> 
 	<div class="app-container">
-		<button-bar ref="btnbar" view-title="库存信息查询" :btndisabled="btndisabled" @btnhandle="btnHandle" />
+		<button-bar ref="btnbar" view-title="商品列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
 
 		<!-- <el-card class="filter-container" shadow="never">
 			<div>
@@ -54,7 +54,7 @@
 			</div>
 		</el-card> -->
 
-		<div class="main-content">
+		<div class="main-content" style="margin-left: 20px;margin-right: 20px;">
 			<div class="searchcon">
 				<el-button size="small" class="searchbtn" @click="clicksearchShow">
 					{{ searchxianshitit }}
@@ -102,16 +102,31 @@
 				<el-tab-pane name="4">
 					<span slot="label"><i class="el-icon-truck"></i> 回收站</span>
 				</el-tab-pane>
-				<el-tab-pane name="5">
+				<!-- <el-tab-pane name="5">
 					<span slot="label"><i class="el-icon-truck"></i>
 						<el-button class="btn-add" @click="handleAddProduct()" size="mini">
 							添加商品
 						</el-button>
 					</span>
-				</el-tab-pane>
+				</el-tab-pane> -->
 			</el-tabs>
 
-
+			<div class="batch-operate-container">
+				<el-select size="small" v-model="operateType" placeholder="批量操作">
+					<el-option v-for="item in operates" :key="item.value" :label="item.label" :value="item.value">
+					</el-option>
+				</el-select>
+				<el-button style="margin-left: 20px" class="search-button" @click="handleBatchOperate()" type="primary"
+					size="small">
+					确定
+				</el-button>
+			</div>
+			<div class="pagination-container">
+				<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
+					layout="total, sizes,prev, pager, next,jumper" :page-size="listQuery.pageSize"
+					:page-sizes="[5,10,15]" :current-page.sync="listQuery.pageNum" :total="total">
+				</el-pagination>
+			</div>
 			<div class="table-container">
 				<el-table ref="productTable" :data="list" style="width: 100%" @selection-change="handleSelectionChange"
 					v-loading="listLoading" border>
@@ -203,22 +218,7 @@
 					</el-table-column>
 				</el-table>
 			</div>
-			<div class="batch-operate-container">
-				<el-select size="small" v-model="operateType" placeholder="批量操作">
-					<el-option v-for="item in operates" :key="item.value" :label="item.label" :value="item.value">
-					</el-option>
-				</el-select>
-				<el-button style="margin-left: 20px" class="search-button" @click="handleBatchOperate()" type="primary"
-					size="small">
-					确定
-				</el-button>
-			</div>
-			<div class="pagination-container">
-				<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
-					layout="total, sizes,prev, pager, next,jumper" :page-size="listQuery.pageSize"
-					:page-sizes="[5,10,15]" :current-page.sync="listQuery.pageNum" :total="total">
-				</el-pagination>
-			</div>
+
 			<el-dialog title="审核信息" :visible.sync="vertyProduct.dialogVisible" width="40%">
 				<el-form :model="vertyProduct" ref="brandFrom" label-width="150px">
 					<el-form-item label="审核状态：" prop="verifyStatus">
@@ -344,7 +344,7 @@
 		name: "productList",
 		data() {
 			return {
-					status: 0,
+				status: 0,
 				btndisabled: false,
 				isSearchShow: false,
 				searchxianshitit: '显示查询条件',
@@ -436,6 +436,12 @@
 					label: '回收站'
 				}],
 				btnList: [{
+					type: 'primary',
+					size: 'small',
+					icon: 'add',
+					btnKey: 'toAdd',
+					btnLabel: '新增'
+				}, {
 					type: 'info',
 					size: 'small',
 					icon: 'cross',
@@ -443,20 +449,20 @@
 					btnLabel: '关闭'
 				}],
 				queryParams: {
-				  current: 1,
-				  size: 10,
-				  total: 0,
-				  params: {
-				    orderId: '',
-				    supplierName: '',
-				    auditStatus: '',
-				    goodsStatus: '',
-				    orderStartDate: '',
-				    orderEndDate: '',
-				    arrivalStartDate: '',
-				    arrivalEndDate: '',
-				    queryType: ''
-				  }
+					current: 1,
+					size: 10,
+					total: 0,
+					params: {
+						orderId: '',
+						supplierName: '',
+						auditStatus: '',
+						goodsStatus: '',
+						orderStartDate: '',
+						orderEndDate: '',
+						arrivalStartDate: '',
+						arrivalEndDate: '',
+						queryType: ''
+					}
 				},
 			}
 		},
@@ -516,27 +522,27 @@
 				}
 			},
 			dosearch() {
-			  this.queryParams.current = 1
-			  // this.loadList()
+				this.queryParams.current = 1
+				// this.loadList()
 			},
 			resetQuery() {
-			  this.queryParams = {
-			    current: 1,
-			    size: 10,
-			    total: 0,
-			    params: {
-			      orderId: '',
-			      supplierName: '',
-			      auditStatus: '',
-			      goodsStatus: '',
-			      orderStartDate: '',
-			      orderEndDate: '',
-			      arrivalStartDate: '',
-			      arrivalEndDate: '',
-			      queryType: ''
-			    }
-			  }
-			  // this.loadList()
+				this.queryParams = {
+					current: 1,
+					size: 10,
+					total: 0,
+					params: {
+						orderId: '',
+						supplierName: '',
+						auditStatus: '',
+						goodsStatus: '',
+						orderStartDate: '',
+						orderEndDate: '',
+						arrivalStartDate: '',
+						arrivalEndDate: '',
+						queryType: ''
+					}
+				}
+				// this.loadList()
 			},
 			doClose() {
 				this.$store.dispatch('tagsView/delView', this.$route)