完善车型管理--规格型号改为下拉

anrui-scm/anrui-scm-ui/src/views/cheliang/chexing/chexingAdd.vue

@@ -126,7 +126,9 @@
           </el-col>
           <el-col :span="8">
             <el-form-item>
-              <el-input v-model="temp.specifications" maxlength="125" placeholder="请输入" class="addinputw" clearable/>
+              <el-select v-model="temp.specificationsKey" class="addinputw" filterable placeholder="请选择" @change="getGuiGe">
+                <el-option v-for="item in specifications" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="4" class="tleftb">
@@ -209,6 +211,7 @@ export default {
         marketSegments: '', // 细分市场key
         marketSegmentsValue: '', // 细分市场value
         specifications: '', // 规格型号
+        specificationsKey: '',
         insideCode: '', // 内部编码
         department: '', // 系别key
         departmentValue: '', // 系别value
@@ -225,6 +228,7 @@ export default {
       facturer: [],
       marketSegments: 'marketSegments',
       segments: [],
+      specifications: [],
       vehicleType: 'vehicleType',
       cleType: [],
       emissionStandard: 'emissionStandard',
@@ -433,6 +437,7 @@ export default {
         marketSegments: '', // 细分市场key
         marketSegmentsValue: '', // 细分市场value
         specifications: '', // 规格型号
+        specificationsKey: '',
         insideCode: '', // 内部编码
         department: '', // 系别key
         departmentValue: '', // 系别value
@@ -473,117 +478,92 @@ export default {
     },
     setDetaList() {
       // 下拉框-系别
-      typeValues({
-        type: 'series'
-      }).then((res) => {
+      typeValues({ type: 'series' }).then((res) => {
         if (res.success) {
           this.department_list = res.data
           console.log('下拉框请求系别', res.data)
         }
       })
       // 下拉款-系列
-      typeValues({
-        type: 'productLine'
-      }).then((res) => {
+      typeValues({ type: 'productLine' }).then((res) => {
         if (res.success) {
           this.productLine_list = res.data
           console.log('下拉框请求系列', res.data)
         }
       })
-      typeValues({
-        type: 'vehicleFunction'
-      }).then((res) => {
+      typeValues({ type: 'vehicleFunction' }).then((res) => {
         if (res.success) {
           this.vehicleFunction_list = res.data
           console.log('下拉框请求功能', res.data)
         }
       })
-      typeValues({
-        type: this.marketSegments
-      }).then(res => {
+      typeValues({ type: 'specificationModel' }).then((resp) => {
+        if (resp.success) {
+          this.specifications = resp.data
+        }
+      })
+      typeValues({ type: this.marketSegments }).then(res => {
         if (res.success) {
           this.segments = res.data
         }
       })
-      typeValues({
-        type: this.vehicleType
-      }).then(res => {
+      typeValues({ type: this.vehicleType }).then(res => {
         if (res.success) {
           this.cleType = res.data
         }
       })
-      typeValues({
-        type: this.emissionStandard
-      }).then(res => {
+      typeValues({ type: this.emissionStandard }).then(res => {
         if (res.success) {
           this.Standard = res.data
         }
       })
-      typeValues({
-        type: this.productLine
-      }).then(res => {
+      typeValues({ type: this.productLine }).then(res => {
         if (res.success) {
           this.ctLine = res.data
         }
       })
       //
-      typeValues({
-        type: this.suspension
-      }).then(res => {
+      typeValues({ type: this.suspension }).then(res => {
         if (res.success) {
           this.pension = res.data
         }
       })
-      typeValues({
-        type: this.series
-      }).then(res => {
+      typeValues({ type: this.series }).then(res => {
         if (res.success) {
           this.opseries = res.data
         }
       })
       //
-      typeValues({
-        type: this.driver
-      }).then(res => {
+      typeValues({ type: this.driver }).then(res => {
         if (res.success) {
           this.eForm = res.data
         }
       })
       //
-      typeValues({
-        type: this.horsepower
-      }).then(res => {
+      typeValues({ type: this.horsepower }).then(res => {
         if (res.success) {
           this.epower = res.data
         }
       })
       //
-      typeValues({
-        type: this.gearbox
-      }).then(res => {
+      typeValues({ type: this.gearbox }).then(res => {
         if (res.success) {
           this.arbox = res.data
         }
       })
       //
-      typeValues({
-        type: this.fuelType
-      }).then(res => {
+      typeValues({ type: this.fuelType }).then(res => {
         if (res.success) {
           this.lType = res.data
         }
       })
       //
-      typeValues({
-        type: this.vehicleVersion
-      }).then(res => {
+      typeValues({ type: this.vehicleVersion }).then(res => {
         if (res.success) {
           this.Version = res.data
         }
       })
-      typeValues({
-        type: this.engineType
-      }).then(res => {
+      typeValues({ type: this.engineType }).then(res => {
         if (res.success) {
           this.neType = res.data
         }
@@ -652,7 +632,18 @@ export default {
       })
       this.temp.marketSegmentsValue = bb.name
     },
-
+    getGuiGe(value) {
+      let bb = null
+      this.specifications.forEach(e => {
+        if (e.dictKey === value) {
+          bb = {
+            name: e.dictValue,
+            vaule: e.dictKey
+          }
+        }
+      })
+      this.temp.specifications = bb.name
+    },
     getQudong(value) {
       let bb = null
       this.eForm.forEach(e => {