增加收货地范围设置

src/request/modules/apiTms.js

@@ -35,4 +35,9 @@ export const queryApprovedWarehouses = (params) => res('get', 'apiTms', '/dashbo
 export const querySupplierRanking = (params) => res('get', 'apiTms', '/dashboard/querySupplierRanking',params)
 
 // ### 获取订单运输异常率 
-export const queryExceptionRate = (params) => res('get', 'apiTms', '/dashboard/queryExceptionRate',params)
+export const queryExceptionRate = (params) => res('get', 'apiTms', '/dashboard/queryExceptionRate',params)
+
+// ### 查询基本信息配置
+export const queryBaseConfig = (params) => res('get', 'apiTms', '/baseConfig/1',params)
+// ### 修改基本配置信息
+export const updateBaseConfig = (params) => res('put', 'apiTms', '/baseConfig',params)

src/router/modules/pages.js

@@ -56,6 +56,20 @@ const route = [
         meta: { title: '已拒绝仓库列表', cache: false, },
       },
     ]
+  },
+  // 收发货地范围管理
+  {
+    path: '/configManager',
+    component: Layout,
+    redirect: 'trackManager/configManager',
+    meta: { title: '收发货地范围管理', icon: 'icon-shezhi' },
+    children: [
+      {
+        path: 'configManager',
+        component: createNameComponent(() => import('@/views/configManager/index.vue')),
+        meta: { title: '收发货地范围管理', cache: false,icon: 'icon-shezhi' },
+      }
+    ]
   }
 ]
 

src/views/configManager/index.vue

@@ -0,0 +1,88 @@
+<template>
+  <div class="config-manager">
+    <el-form :model="form" :rules="rules" ref="formEl" label-width="auto">
+      <el-form-item label="发货地范围（米）" prop="originCicle">
+        <el-input-number v-model="form.originCicle"></el-input-number>
+      </el-form-item>
+
+      <el-form-item label="收货地范围" prop="destinationCicle">
+        <el-input-number v-model="form.destinationCicle"></el-input-number>
+      </el-form-item>
+      <el-form-item>
+        <el-button style="width: 120px" @click="submit(formEl)" type="primary">提交</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { tms } from '@/request/api'
+
+import { useRoute } from 'vue-router'
+import { Message } from 'view-ui-plus'
+const route = useRoute()
+const formEl = ref(null)
+const form = ref({
+  name: '',
+  type: '',
+  destinationCicle: '',
+})
+
+const getConfig = async () => {
+  const res = await tms.queryBaseConfig()
+  if (res.code === 101) {
+    console.log(res.data, '基础配置')
+
+    form.value = res.data
+  }
+}
+const rules = {
+  originCicle: [
+    { required: true, message: '请输入发货地范围', trigger: 'blur' },
+    { type: 'number', message: '请输入数字', trigger: 'blur' },
+  ],
+  destinationCicle: [
+    { required: true, message: '请输入收货地范围', trigger: 'blur' },
+    { type: 'number', message: '请输入数字', trigger: 'blur' },
+  ],
+}
+
+const submit = async formEl => {
+  // 校验表单
+  if (!formEl) return
+  await formEl.validate(async (valid, fields) => {
+    if (valid) {
+      console.log('submit!')
+      await tms
+        .updateBaseConfig(form.value)
+        .then(res => {
+          if (res.code === 101) {
+            console.log('提交成功')
+            Message.success('提交成功')
+            getConfig()
+          } else {
+            Message.error('提交失败')
+            console.log('提交失败')
+          }
+        })
+        .catch(err => {
+          console.log('请求失败', err)
+        })
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
+
+onMounted(() => {
+  getConfig()
+})
+</script>
+
+<style lang="scss" scoped>
+.config-manager {
+  padding: 20px;
+  width: 50%;
+}
+</style>