From b4f2e40b68b2dda1bc2116d2cf2e35d041cb29d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=8A=B2=E6=9D=BE?= <523037378@qq.com>
Date: Wed, 11 Mar 2020 14:40:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8D=A2=E7=94=B5=E8=84=91=E4=B8=B4=E6=97=B6?=
 =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/rightBox/modelBox.vue   | 81 +++++++++++++------
 .../src/components/page/config/model.vue      |  7 +-
 2 files changed, 64 insertions(+), 24 deletions(-)

diff --git a/nezha-fronted/src/components/common/rightBox/modelBox.vue b/nezha-fronted/src/components/common/rightBox/modelBox.vue
index 873105c51..2c4a901f5 100644
--- a/nezha-fronted/src/components/common/rightBox/modelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/modelBox.vue
@@ -3,11 +3,11 @@
     <div class="right-box right-box-model" v-if="rightBox.show" v-clickoutside="clickos">
       <!-- begin--顶部按钮-->
       <div class="right-box-top-btns">
-        <button id="dc-del" type="button" v-if="currentModel.id != '' && rightBox.isEdit" @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
+        <button id="model-del" type="button" v-if="currentModel.id != '' && rightBox.isEdit" @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
           <span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
           <span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
         </button>
-        <button v-if="!rightBox.isEdit" id="dc-save" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
+        <button v-if="!rightBox.isEdit" id="model-save" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
           <span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
           <span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
         </button>
@@ -25,32 +25,29 @@
             <el-input v-if="rightBox.isEdit" placeholder="" maxlength="64" show-word-limit v-model="currentModel.name" size="small"></el-input>
             <div v-if="!rightBox.isEdit" class="right-box-form-content-txt">{{currentModel.name}}</div>
           </el-form-item>
+          <el-form-item :label="$t('config.model.vendor')" prop="vendor">
+            <el-autocomplete
+              :fetch-suggestions="vendorSuggestion"
+              v-model="currentModel.vendor.name"
+              placeholder=""
+              size="small"
+              popper-class="no-style-class"
+              >
+            </el-autocomplete>
+          </el-form-item>
+          <el-form-item :label="$t('config.model.remark')" prop="remark">
+            <el-input maxlength="512" rows="4" show-word-limit v-if="rightBox.isEdit" type="textarea" placeholder="" v-model="currentModel.remark" size="small"></el-input>
+            <div v-if="!rightBox.isEdit" class="right-box-form-content-txt">{{currentModel.remark}}</div>
+          </el-form-item>
         </el-form>
-        <el-form-item prop="height">
-          <el-autocomplete
-            v-model="currentModel.height"
-            :fetch-suggestions="querySearch"
-            placeholder=""
-            size="mini"
-            popper-class="no-style-class"
-            @select="handleSelect">
-            <template slot-scope="{ item }">
-              <div class="name">{{ item }}</div>
-            </template>
-          </el-autocomplete>
-        </el-form-item>
-        <el-form-item :label="$t('config.model.remark')" prop="remark">
-          <el-input maxlength="512" rows="4" show-word-limit v-if="rightBox.isEdit" type="textarea" placeholder="" v-model="currentModel.remark" size="small"></el-input>
-          <div v-if="!rightBox.isEdit" class="right-box-form-content-txt">{{currentModel.remark}}</div>
-        </el-form-item>
       </el-scrollbar>
 
       <!--底部按钮-->
       <div class="right-box-bottom-btns">
-        <button @click="esc" id="dc-box-esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-100">
+        <button @click="esc" id="model-box-esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-100">
           <span>{{$t('overall.cancel')}}</span>
         </button>
-        <button v-if="rightBox.isEdit" @click="saveOrToEdit" id="dc-box-save" class="nz-btn nz-btn-size-normal nz-btn-style-normal nz-btn-min-width-100">
+        <button v-if="rightBox.isEdit" @click="saveOrToEdit" id="model-box-save" class="nz-btn nz-btn-size-normal nz-btn-style-normal nz-btn-min-width-100">
           <span>{{$t('overall.save')}}</span>
         </button>
       </div>
@@ -75,7 +72,9 @@
           vendor: {id: '', value: '', code: '', type: ''},
           type: {id: '', value: '', code: '', type: ''},
           assetStat: {total: '', inStock: '', outStock: ''},
-          remark: ''
+          remark: '',
+          vendorCode: '',
+          typeCode: ''
         },
         rightBox: {
           show: false,
@@ -88,6 +87,8 @@
             {required: true, message: this.$t('validate.required'), trigger: 'blur'}
           ],
         },
+        vendorData: [],
+        typeData: []
       }
     },
     methods: {
@@ -160,8 +161,39 @@
           });
         });
       },
+      getVendorData() {
+        this.$get('sys/dict/all?type=vendor').then(response => {
+          if (response.code === 200) {
+            this.vendorData = response.data
+          }
+        })
+      },
+      getTypeData() {
+        this.$get('sys/dict/all?type=assetType').then(response => {
+          if (response.code === 200) {
+            this.typeData = response.data
+          }
+        })
+      },
+      //vendor的输入建议
+      vendorSuggestion(queryString, callback) {
+        callback(this.suggestionFilter('vendor', queryString));
+      },
+      //type的输入建议
+      typeSuggestion(queryString, callback) {
+        callback(this.suggestionFilter('type', queryString));
+      },
+      suggestionFilter(type, queryString) {
+        if (type == 'vendor') {
+
+        } else if (type == 'type') {
+
+        }
+      }
     },
     mounted() {
+      this.getVendorData();
+      this.getTypeData();
     },
     computed: {
     },
@@ -182,5 +214,8 @@
   }
 </script>
 
-<style scoped>
+<style>
+  .right-box-model .el-autocomplete {
+    width: 100%;
+  }
 </style>
diff --git a/nezha-fronted/src/components/page/config/model.vue b/nezha-fronted/src/components/page/config/model.vue
index ce259e117..2362f6e46 100644
--- a/nezha-fronted/src/components/page/config/model.vue
+++ b/nezha-fronted/src/components/page/config/model.vue
@@ -97,6 +97,9 @@
           vendor: {id: '', value: '', code: '', type: ''},
           type: {id: '', value: '', code: '', type: ''},
           assetStat: {total: '', inStock: '', outStock: ''},
+          remark: '',
+          vendorCode: '',
+          typeCode: ''
         },
         pageObj: {
           pageNo: 1,
@@ -264,7 +267,9 @@
           vendor: {id: '', value: '', code: '', type: ''},
           type: {id: '', value: '', code: '', type: ''},
           assetStat: {total: '', inStock: '', outStock: ''},
-          remark: ''
+          remark: '',
+          vendorCode: '',
+          typeCode: ''
         };
       }
     },