修改

src/views/setting/company/components/dialog.vue

@@ -16,30 +16,41 @@
       :model="model"
       :rules="rules"
     >
-      <el-form-item label="企业名称" prop="enterpriseName">
+      <el-form-item label="厂商名称" prop="enterpriseName">
         <el-input
           v-model="model.enterpriseName"
           class="w-100"
-          placeholder="请输入企业名称"
+          placeholder="请输入厂商名称"
         />
       </el-form-item>
-      <el-form-item label="企业地址" prop="address">
+      <el-form-item label="厂商类型" prop="enterpriseType" >
+      <el-select  v-model="model.enterpriseType"  placeholder="请选择">
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+            >
+          </el-option>
+         </el-select>
+      </el-form-item>
+      <el-form-item label="厂商地址" prop="address">
         <el-input
           v-model="model.address"
           type="textarea"
           :rows="4"
           maxlength="200"
           show-word-limit
-          placeholder="请输入企业地址"
+          placeholder="请输入厂商地址"
         />
       </el-form-item>
-      <el-form-item label="企业邮编" prop="postcode">
-        <el-input v-model="model.postcode" placeholder="请输入企业邮编" />
+      <el-form-item label="厂商邮编" prop="postcode">
+        <el-input v-model="model.postcode" placeholder="请输入厂商邮编" />
       </el-form-item>
-      <el-form-item label="企业联系人" prop="enterpriseContact">
+      <el-form-item label="厂商联系人" prop="enterpriseContact">
         <el-input
           v-model="model.enterpriseContact"
-          placeholder="请输入企业联系人"
+          placeholder="请输入厂商联系人"
         />
       </el-form-item>
       <el-form-item label="联系电话" prop="contactNumber">
@@ -53,6 +64,8 @@
   </el-dialog>
 </template>
 <script>
+
+
 export default {
   props: {
     dialogManger: {
@@ -67,6 +80,10 @@ export default {
   },
   data() {
     return {
+      options:[
+        {label:'整车企业',value:0},
+        {label:'零件企业',value:1}
+      ],
       model: this.$modelDataSource({
         url: '/system/enterprise',
         dataKey: 'model',
@@ -75,6 +92,7 @@ export default {
           contactNumber: '',
           enterpriseContact: '',
           enterpriseName: '',
+          enterpriseType:'',
           id: 0,
           // params: '',
           postcode: ''
@@ -83,19 +101,22 @@ export default {
       }),
       rules: {
         enterpriseName: [
-          { required: true, message: '请输入企业名称', trigger: 'blur' }
+          { required: true, message: '请输入厂商名称', trigger: 'blur' }
         ],
         address: [
-          { required: true, message: '请输入企业地址', trigger: 'blur' }
+          { required: true, message: '请输入厂商地址', trigger: 'blur' }
         ],
         postcode: [
-          { required: true, message: '请输入企业邮编', trigger: 'blur' }
+          { required: true, message: '请输入厂商邮编', trigger: 'blur' }
         ],
         enterpriseContact: [
-          { required: true, message: '请输入企业联系人', trigger: 'blur' }
+          { required: true, message: '请输入厂商联系人', trigger: 'blur' }
         ],
         contactNumber: [
           { required: true, message: '请输入联系电话', trigger: 'blur' }
+        ],
+        enterpriseType: [
+          { required: true, message: '请选择厂商类型', trigger: 'blur' }
         ]
       }
     }
@@ -109,12 +130,22 @@ export default {
       }
     }
   },
+  filter:{ 
+    dataFilter(val){
+      return val === 1 ? '零件企业' : val === 0 ? '整车企业' : '未知'
+    }
+  },
   watch: {
     'dialogManger.dialogEditId'(newValue) {
       this.model.fetch(
         newValue,
         {},
         () => {
+          if(this.model.enterpriseType == 0){
+            this.model.enterpriseType = '整车企业'
+          }else{
+            this.model.enterpriseType = '零件企业'
+          }
           this.dialogManger.dialogVisible = true
         },
         () => {
@@ -130,6 +161,12 @@ export default {
       this.dialogManger.dialogVisible = false
     },
     saveModel() {
+      if(this.model.enterpriseType == '整车企业'){
+        this.model.enterpriseType = 0
+      }else if(this.model.enterpriseType == '零件企业'){
+        this.model.enterpriseType = 1
+      }
+      console.log(this.model.enterpriseType)
       this.$refs['form'].validate(valid => {
         if (valid) {
           console.log('表单验证通过')
@@ -147,7 +184,7 @@ export default {
           console.log('表单验证失败')
         }
       })
-    }
+    },
   }
 }
 </script>

src/views/setting/company/index.vue

@@ -2,7 +2,22 @@
   <page-standard>
     <el-form ref="queryForm" :model="queryParams" size="small" :inline="true">
       <template v-if="showSearch">
-        <el-form-item label="企业名称" prop="enterpriseName">
+        <el-form-item label="厂商类型" prop="address">
+          <el-select 
+           v-model="queryParams.enterpriseType" 
+            placeholder="请选择"
+            @keyup.enter.native="handleQuery"
+            >
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+            >
+          </el-option>
+         </el-select>
+        </el-form-item>
+        <el-form-item label="厂商名称" prop="enterpriseName">
           <el-input
             v-model="queryParams.enterpriseName"
             placeholder="请输入"
@@ -10,7 +25,8 @@
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="企业地址" prop="address">
+    
+        <el-form-item label="厂商地址" prop="address">
           <el-input
             v-model="queryParams.address"
             placeholder="请输入"
@@ -18,7 +34,7 @@
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="企业联系人" prop="enterpriseContact">
+        <el-form-item label="厂商联系人" prop="enterpriseContact">
           <el-input
             v-model="queryParams.enterpriseContact"
             placeholder="请输入"
@@ -54,7 +70,6 @@
         ></right-toolbar>
       </el-form-item> -->
     </el-form>
-
     <el-row v-if="view == 1" :gutter="10" class="mb10">
       <el-col :span="1.5">
         <el-button
@@ -80,15 +95,25 @@
       <el-table-column type="index" width="55" label="序号" align="center">
       </el-table-column>
       <el-table-column
-        label="企业名称"
+        label="厂商类型"
+        show-overflow-tooltip
+        prop="enterpriseType"
+        min-width="200"
+        align="left"
+        :formatter="typeFormatter"
+      >
+      </el-table-column>
+      <el-table-column
+        label="厂商名称"
         show-overflow-tooltip
         prop="enterpriseName"
         min-width="200"
         align="left"
       >
       </el-table-column>
+     
       <el-table-column
-        label="企业地址"
+        label="厂商地址"
         show-overflow-tooltip
         min-width="200"
         prop="address"
@@ -96,7 +121,7 @@
       >
       </el-table-column>
       <el-table-column
-        label="企业邮编"
+        label="厂商邮编"
         show-overflow-tooltip
         prop="postcode"
         min-width="200"
@@ -104,7 +129,7 @@
       >
       </el-table-column>
       <el-table-column
-        label="企业联系人"
+        label="厂商联系人"
         show-overflow-tooltip
         prop="enterpriseContact"
         min-width="200"
@@ -193,6 +218,10 @@ export default {
       showSearch: true,
       view: '',
       tableData: [],
+      options:[
+        {label:'整车企业',value:0},
+        {label:'零件企业',value:1}
+      ],
       dialogManger: {
         dialogVisible: false,
         dialogEditId: null
@@ -262,6 +291,9 @@ export default {
     handleUpdate(id) {
       this.dialogManger.dialogVisible = true
       this.dialogManger.dialogEditId = id
+    },
+    typeFormatter(val){
+      return val.enterpriseType === "0" ? '整车企业' : '零件企业'
     }
   }
 }