no message

src/api/main.js

@@ -23,4 +23,13 @@ export function goods(query) {
     method: 'get',
     params: query
   })
+}
+
+// 物流公司
+export function express(query) {
+  return request({
+    url: `/oms/repairrecordOrder/kd/search`,
+    method: 'get',
+    params: query
+  })
 }

src/hooks/index.js

@@ -1,4 +1,4 @@
-import { address, store, goods } from "@/api/main";
+import { address, store, goods, express } from "@/api/main";
 
 // 省市区
 export function useAddress() {
@@ -44,6 +44,17 @@ export function useGoods() {
   return { goodsForm, goodsOptions, getGoods };
 }
 
+// 物流公司
+export function useExpress() {
+  const expressOptions = ref({});
+  const getExpress = (e) => {
+    express({ name: e }).then((res) => {
+      expressOptions.value = res
+    });
+  };
+  return { expressOptions, getExpress };
+}
+
 // 非接口共用
 export function useCommon() {
   // 推送状态
@@ -69,5 +80,10 @@ export function useCommon() {
     { value: 1, label: "保内维修" },
     { value: 2, label: "保外维修" },
   ]);
-  return { pushStatusOptions, applyTypeOptions, repairStatusOptions, repairTypeOptions };
+  return {
+    pushStatusOptions,
+    applyTypeOptions,
+    repairStatusOptions,
+    repairTypeOptions,
+  };
 }

src/views/mobile/repair.vue

@@ -30,7 +30,9 @@
         <el-input v-model="data.form.address" type="textarea" :autosize="{ minRows: 5 }" placeholder="请输入详细地址" />
       </el-form-item>
       <el-form-item label="物流公司" prop="logisticsName">
-        <el-input v-model="data.form.logisticsName" placeholder="请输入物流公司" />
+        <el-select v-model="data.form.logisticsName">
+          <el-option v-for="(item, index) in expressOptions" :key="index" :value="index" :label="item"  />  
+        </el-select>
       </el-form-item>
       <el-form-item label="快递单号" prop="logisticsCode">
         <el-input v-model="data.form.logisticsCode" placeholder="请输入快递单号（示例：SF）" />
@@ -73,10 +75,11 @@
 <script setup>
 import Steps from '@/components/Steps'
 import { submit } from '@/api/mobile/repair'
-import { useAddress, useStore, useGoods, useCommon } from '@/hooks/index'
+import { useAddress, useStore, useGoods, useExpress, useCommon } from '@/hooks/index'
 const { addressOptions, getAddress } = useAddress()
 const { storeOptions, getStore } = useStore()
 const { goodsForm, goodsOptions, getGoods } = useGoods()
+const { expressOptions, getExpress } = useExpress()
 const { repairTypeOptions } = useCommon()
 const { proxy } = getCurrentInstance()
 
@@ -167,6 +170,7 @@ const getSubmit = () => {
 
 getAddress()
 getStore()
+getExpress()
 </script>
 
 <style lang="scss" scoped>