开始物料功能

src/main/resources/templates/zmquotation/index.html

@@ -151,7 +151,7 @@
         </div>
         <div class="button-box">
             <el-button type="text" @click="selectedRegion">选择地区</el-button>
-            <el-button type="text">添加物料</el-button>
+            <el-button type="text" @click="addMaterial">添加物料</el-button>
             <el-button type="text">刷新界面</el-button>
             <el-button type="text"></el-button>
         </div>
@@ -171,7 +171,7 @@
                         fixed
                         width="180"
                         prop="kunnr1"
-                        label="品名">
+                        label="物料名称">
                     </el-table-column>
                     <el-table-column
                         width="180"
@@ -320,6 +320,57 @@
             ></el-pagination>
         </div>
     </el-dialog>
+    <el-dialog class="materialDialogTable" :visible.sync="dialogMaterialVisible" width="932px">
+        <div slot="title" class="regionTable-title" style="margin: 0px">
+            <el-form>
+                <el-form-item >
+                    <el-input style="width: 200px; " v-model="regionName" placeholder="请输入地区名称">
+                    </el-input>
+                    <el-input style="width: 200px; " v-model="regionName" placeholder="请输入地区名称">
+                    </el-input>
+                    <el-input style="width: 200px; " v-model="regionName" placeholder="请输入地区名称">
+                    </el-input>
+                    <el-button type="primary" size="small" @click="searchRegion">查询地区</el-button>
+                </el-form-item>
+            </el-form>
+        </div>
+        <el-table
+            :data="getCurrentRegionData"
+            :header-cell-style="{ background: '#eef1f6', color: '#606266', 'text-align': 'center', 'padding': '0px'}"
+            :cell-style="{'text-align': 'center', 'padding': '0px'}"
+            highlight-current-row
+            border>
+            <el-table-column
+                    type="selection"
+                    width="55">
+            </el-table-column>
+            <el-table-column
+                    label="序号"
+                    type="index"
+                    width="50">
+            </el-table-column>
+            <el-table-column
+                    width="180"
+                    prop="province"
+                    label="省">
+            </el-table-column>
+            <el-table-column
+                    width="180"
+                    prop="city"
+                    label="市">
+            </el-table-column>
+            <el-table-column
+                    width="200"
+                    prop="district"
+                    label="区">
+            </el-table-column>
+            <el-table-column
+                    width="200"
+                    prop="kilometers"
+                    label="公里数">
+            </el-table-column>
+        </el-table>
+    </el-dialog>
 </div>
 
 
@@ -371,6 +422,7 @@
                 regionName: '',
                 regionCurrentPage: 1,
                 pageSize: 10,
+                dialogMaterialVisible: false,
             }
         },
         computed: {
@@ -420,8 +472,6 @@
                 this.price_10t_25t = row.price03
                 this.price_25t_100t = row.price04
                 this.price_100t = row.price05
-
-
             },
             searchRegion(){
                 if(this.regionName === ''){
@@ -436,13 +486,13 @@
                     console.log(params)
                     queryRegionListByName(params).then(res => {
                         this.regionTableData = res.data || []
+                        this.regionCurrentPage = 1;
                     }).catch(err => {
                         this.$message.error('请求出错了：' + err)
                     })
                 }
             },
 
-
             handleRegionSizeChange(val) {
                 this.pageSize = val;
                 this.currentPage = 1; // 切换每页显示条目数时回到第一页
@@ -452,7 +502,9 @@
                 this.currentPage = val;
             },
 
-
+            addMaterial(){
+                this.dialogMaterialVisible = true;
+            }
 
         },
     })

target/classes/templates/zmquotation/index.html

@@ -436,6 +436,7 @@
                     console.log(params)
                     queryRegionListByName(params).then(res => {
                         this.regionTableData = res.data || []
+                        this.regionCurrentPage = 1;
                     }).catch(err => {
                         this.$message.error('请求出错了：' + err)
                     })