暂存

src/apis/components/search-company-type.js

@@ -0,0 +1,7 @@
+import http from "@/apis/axios";
+const api = "admin/";
+export default {
+  // 列表
+  list: (data, params) => http(api + "businesstitle", data, "post", params),
+};
+   

src/components/globalComponents/search-company-type/index.js

@@ -0,0 +1,2 @@
+import Main from './main.vue'
+export default Main

src/components/globalComponents/search-company-type/main.vue

@@ -0,0 +1,111 @@
+<template>
+  <!-- multiple
+    filterable
+    remote
+    :multiple-limit="1" :remote-method="remoteMethod" -->
+  <el-select
+    v-model="value"
+    filterable
+    reserve-keyword
+    :size="size || 'medium'"
+    style="width: 100%"
+    :placeholder="placeholder || ''"
+    :disabled="disabled"
+    :loading="selectLoading"
+    @change="selectChange"
+  >
+    <el-option
+      v-for="(item, index) in options"
+      :key="item.id + index + 'spec'"
+      :label="item.spec_name"
+      :value="item.id"
+      :disabled="item.status === '1'"
+    >
+    </el-option>
+  </el-select>
+</template>
+
+<script>
+import asyncRequest from "@/apis/components/search-company-type";
+import resToken from "@/mixins/resToken";
+export default {
+  name: "SearchCompanyType",
+  mixins: [resToken],
+  props: [
+    "size",
+    "value",
+    "placeholder",
+    "isDetail",
+    "disabled",
+    "type",
+    "names",
+  ],
+  /**
+   * 属性集合
+   * @param {String}        size             : 组件大小            非必填
+   * @param {Array}         value            : 选中值              必填
+   * @param {String}        placeholder      : 提示信息            非必填
+   * @param {Boolean}       isDetail         : 是否是详情逻辑       必填
+   * @param {Boolean}       disabled         : 是否禁用            必填
+   * @param {String}        names            : 选中值label         展示详情必填
+   */
+  /**
+   * 事件集合
+   * @searchChange             : 选中值变化调用   抛出选中数据
+   */
+  data() {
+    return {
+      options: [],
+      selectLoading: false,
+      searchName: "",
+      formValue: {
+        start: "",
+        end: "",
+        creater: "",
+        status: "",
+        spec_name: "",
+      },
+    };
+  },
+  watch: {
+    //  names: function (val, old) {
+    //   // console.log(val, old);
+    //   this.searchName = val;
+    //   if (this.isDetail && this.searchName) {
+    //     this.remoteMethod(this.searchName);
+    //   }
+    // },
+  },
+  mounted() {
+    this.options = [];
+    this.selectLoading = false;
+    this.remoteMethod();
+  },
+  methods: {
+    async selectChange(e) {
+      let item = {};
+      if (e) {
+        item = this.options.find((i) => i.id === e);
+      }
+      this.$emit("searchChange", item);
+    },
+    //query
+    async remoteMethod() {
+      this.selectLoading = true;
+      this.options = [];
+      const { code, data, message } = await asyncRequest.list(this.formValue);
+      if (code === 0) {
+        this.options = data;
+      } else if (code >= 100 && code <= 104) {
+        await this.logout();
+      } else {
+        this.$message.warning(message);
+      }
+      this.selectLoading = false;
+    },
+  },
+};
+</script>
+
+<style>
+</style>

src/views/serviceParam/workCompany/addEdit.vue

@@ -106,19 +106,14 @@
                   </el-col>
                   <el-col :span="11">
                     <el-form-item label="公司类型" prop="company_type">
-                      <el-select
-                        style="width: 100%"
-                        v-model="ruleForm.company_type"
-                        placeholder="请选择类型"
-                      >
-                        <el-option
-                          v-for="(item, index) in typeOptions"
-                          :key="item.id + index"
-                          :label="item.company_type"
-                          :value="item.id"
-                          :disabled="item.status === '1'"
-                        />
-                      </el-select> </el-form-item
+                      <search-spec
+                        :value="ruleForm.company_type"
+                        :disabled="false"
+                        :size="'mini'"
+                        :isDetail="false"
+                        :placeholder="'公司类型'"
+                        @searchChange="company_type_search_change"
+                      /> </el-form-item
                   ></el-col>
                   <el-col :span="11">
                     <el-form-item label="成立日期" prop="inv_time">
@@ -454,27 +449,19 @@ export default {
         await this.resetForm();
         await this.initData();
       }
-      await this.getAllType();
       this.loading = false;
     },
-
-    async getAllType() {
-      this.typeOptions = [];
-      const { code, data, message } = await asyncRequest.businesstitle({
-        company_type: "",
-        status: "",
-      });
-      if (code === 0) {
-        const { list } = data;
-        this.typeOptions = list;
-      } else if (code >= 100 && code <= 104) {
-        this.typeOptions = [];
-        await this.logout();
+    company_type_search_change(e) {
+      const { id, code, label } = e;
+      if (id) {
+        this.ruleForm.company_type = code;
       } else {
-        this.typeOptions = [];
-        this.$message.warning(message);
+        this.ruleForm.company_type = "";
       }
+      this.$refs.ruleForm.validateField("company_type");
+      this.getlist();
     },
+
     async initData() {
       const res = await asyncRequest.detail({ id: this.id });
       if (res && res.code === 0 && res.data) {
@@ -602,11 +589,11 @@ export default {
     },
     //图片上传失败
     UploadErrorEvent(res) {
-       if (res !== "break") {
-      this.$message.error("图片上传失败!");
-      this.ruleForm.license_img = "";
-      this.$refs.ruleForm.validateField("license_img");
-       }
+      if (res !== "break") {
+        this.$message.error("图片上传失败!");
+        this.ruleForm.license_img = "";
+        this.$refs.ruleForm.validateField("license_img");
+      }
     },
     //图片上传成功
     async UploadSuccessEvent(data) {