From 4636b03d801662db1b8712d7a9ae9105462eca37 Mon Sep 17 00:00:00 2001
From: zhangback <zhangback@163.com>
Date: 星期二, 18 十一月 2025 09:53:26 +0800
Subject: [PATCH] 提交
---
ui/admin-ui3/src/views/tms/tmsConsignor/index.vue | 238 +++++++++++++++++++++++++++++++++++------------------------
1 files changed, 140 insertions(+), 98 deletions(-)
diff --git a/ui/admin-ui3/src/views/tms/tmsConsignor/index.vue b/ui/admin-ui3/src/views/tms/tmsConsignor/index.vue
index b462bb9..e5a3f73 100644
--- a/ui/admin-ui3/src/views/tms/tmsConsignor/index.vue
+++ b/ui/admin-ui3/src/views/tms/tmsConsignor/index.vue
@@ -60,12 +60,12 @@
updateTmsConsignor
} from "@/api/tms/tmsConsignor";
import useCurrentInstance from "@/utils/useCurrentInstance";
-import {computed, reactive, ref, toRefs,watch,onMounted} from "vue";
+import {computed, reactive, ref, toRefs,watch,nextTick} from "vue";
import {PagesInterface, PageQueryInterface} from "@/utils/globalInterface";
import {usePagePlus} from "@/hooks/usePagePlus";
import {hasPermission} from "@/utils/permissionUtils";
import {getTmsCustomerInfo, listTmsCustomerInfo} from "@/api/tms/tmsCustomerInfo";
-import {getArea, getCity, getProvince, getStreet} from "@/api/tms/tmsRegion";
+import {getArea, getCity, getProvince, getStreet,getAddressCode} from "@/api/tms/tmsRegion";
const {proxy} = useCurrentInstance();
const crudRef = ref();
@@ -168,7 +168,7 @@
contactName: {
label: '鑱旂郴浜哄鍚�',minWidth: 120,
},
- signCompany: {
+ signCompanyName: {
label: '绛剧害鍏徃', minWidth: 150,
},
},
@@ -196,7 +196,21 @@
})
}
- }
+ },
+ change: (val: any) => {
+ const table = crudRef.value?.getPropRef?.('customerId')?.$refs?.temp;
+ if (!table) return;
+ let active = table.active;
+ if (Array.isArray(active)) active = active[0];
+ if (active) {
+ Object.assign(form.value, {
+ customerId: active.id,
+ customerSysCode: active.customerCode,
+ customerName: active.customerShortName,
+ });
+ }
+ },
+
},
customerSysCode: {
label: '瀹㈡埛缂栫爜',minWidth: 150,
@@ -270,74 +284,7 @@
label: '鍦板潃淇℃伅',
prop: 'dzxx',
column:{
- region: {
- label: '琛屾斂鍖哄煙',minWidth: 150,type:'cascader',
- addDisplay: true,
- editDisplay: true,
- viewDisplay: true,span: 24,
- hide: true,
- search: false,
- lazy: true,
- props: {
- label: 'name',
- value: 'code'
- },
- rules: [
- {
- required: true,
- message: "琛屾斂鍖哄煙涓嶈兘涓虹┖", trigger: "blur"
- }
- ],
- change:({value=[]}:{value:any})=>{
- if (value && value.length>0){
- form.value.provinceId = value[0];
- form.value.cityId = value[1];
- form.value.districtId = value[2];
- form.value.streetId = value[3];
- const cascader = crudRef.value?.getPropRef?.('region')?.$refs?.temp;
- if (cascader.getCheckedNodes() && cascader.getCheckedNodes().length >0){
- console.log(cascader.getCheckedNodes())
- form.value.regionLabel= cascader.getCheckedNodes()[0].text!;
- }
- }
- },
- lazyLoad (node:any, resolve:any) {
- const stopLevel = 3;
- const level = node.level;
- const data = node.data || {};
- const code = data.code;
- let list:any = [];
- const callback = () => {
- resolve((list || []).map((ele:any) => ({
- ...ele,
- leaf: level >= stopLevel
- })));
- };
- if (level === 0) {
- getProvince().then(res => {
- list = res.data || [];
- callback();
- });
- } else if (level === 1) {
- getCity(code).then(res => {
- list = res.data ||[];
- callback();
- });
- } else if (level === 2) {
- getArea(code).then(res => {
- list = res.data || [];
- callback();
- });
- }else if (level === 3) {
- getStreet(code).then(res => {
- list = res.data || [];
- callback();
- });
- } else {
- callback();
- }
- }
- },
+
mapLocationDetail: {
label: '鍦板浘浣嶇疆',minWidth: 150,
addDisplay: true,
@@ -346,6 +293,27 @@
hide: true,
search: false,
type: 'map',
+ mapChange: async (params:any)=>{
+ if (params.info === "OK") {
+ console.log( params)
+ let { province, city, district, township } = params.regeocode.addressComponent || {};
+
+ const res = await getAddressCode({province, city, district, township});
+ const {provinceCode, cityCode, districtCode, townshipCode} = res.data || {};
+
+ form.value.regionLabel = province + " / " + city + " / " + district + " / " + township;
+
+ form.value.region = [provinceCode, cityCode, districtCode, townshipCode];
+ form.value.provinceId = provinceCode;
+ form.value.cityId = cityCode;
+ form.value.districtId = districtCode;
+ form.value.streetId = townshipCode;
+
+ form.value.dispatchTransportArea = params.regeocode.formattedAddress;
+
+ }
+ }
+
},
dispatchTransportArea: {
label: '璋冨害鍗曡繍杈撳湴',
@@ -361,6 +329,94 @@
}
],
},
+ electronicFenceRange: {
+ label: '鐢靛瓙鍥存爮鑼冨洿',
+ addDisplay: true,minWidth: 150,
+ editDisplay: true,
+ viewDisplay: true,append:'绫�',
+ hide: false,
+ search: true,
+ rules: [
+ {
+ required: true,
+ message: "鐢靛瓙鍥存爮鑼冨洿涓嶈兘涓虹┖", trigger: "blur"
+ }
+ ],
+ },
+ // region: {
+ // label: '琛屾斂鍖哄煙',minWidth: 150,type:'cascader',
+ // addDisplay: true,
+ // editDisplay: true,checkStrictly:true,
+ // viewDisplay: true,span: 24,checkOnClickNode:true,
+ // hide: true,
+ // search: false,
+ // lazy: true,
+ // props: {
+ // label: 'name',
+ // value: 'code'
+ // },
+ // rules: [
+ // {
+ // required: true,
+ // message: "琛屾斂鍖哄煙涓嶈兘涓虹┖", trigger: "blur"
+ // }
+ // ],
+ // change:({value=[]}:{value:any})=>{
+ // if (value && value.length>0){
+ // console.log( value)
+ // form.value.provinceId = value[0];
+ // form.value.cityId = value[1];
+ // form.value.districtId = value[2];
+ // form.value.streetId = value[3];
+ // const cascader = crudRef.value?.getPropRef?.('region')?.$refs?.temp;
+ // console.log('cascader.getCheckedNodes()',cascader)
+ // nextTick(()=>{
+ // crudRef.value.getPropRef('region').$refs.temp.$forceUpdate()
+ // })
+ // if (cascader.getCheckedNodes() && cascader.getCheckedNodes().length >0){
+ // form.value.regionLabel= cascader.getCheckedNodes()[0].text!;
+ // }
+ // }
+ // },
+ // lazyLoad (node:any, resolve:any) {
+ // const stopLevel = 3;
+ // const level = node.level;
+ // const data = node.data || {};
+ // const code = data.code;
+ // let list:any = [];
+ // const callback = () => {
+ //
+ // resolve((list || []).map((ele:any) => ({
+ // ...ele,
+ // leaf: level >= stopLevel
+ // })));
+ // };
+ // console.log( level)
+ // if (level === 0) {
+ // getProvince().then(res => {
+ // list = res.data || [];
+ // callback();
+ // });
+ // } else if (level === 1) {
+ // getCity(code).then(res => {
+ // list = res.data ||[];
+ // callback();
+ // });
+ // } else if (level === 2) {
+ // getArea(code).then(res => {
+ // list = res.data || [];
+ // callback();
+ // });
+ // }else if (level === 3) {
+ // getStreet(code).then(res => {
+ // list = res.data || [];
+ // callback();
+ // });
+ // } else {
+ // callback();
+ // }
+ // }
+ // },
}
},
{
@@ -551,12 +607,19 @@
row.addressDetail = row.mapLocationDetail[2]
}
},
- handleEndOpenFunc:()=>{
- form.value.region = [form.value.provinceId, form.value.cityId,
- form.value.districtId, form.value.streetId];
- if (form.value.mapLocation && form.value.addressDetail){
- form.value.mapLocationDetail = [...form.value.mapLocation.split(','), form.value.addressDetail];
+ handleEndOpenFunc: ()=>{
+ if (form.value.mapLocation && form.value.addressDetail) {
+ form.value.mapLocationDetail = [...form.value.mapLocation.split(',').map(item=> Number(item)), form.value.addressDetail];
+ crudRef.value.getPropRef('mapLocationDetail').$refs.temp.text = form.value.mapLocationDetail;
+
}
+ nextTick(()=>{
+ crudRef.value.getPropRef('region').$refs.temp.$forceUpdate()
+ })
+ console.log( )
+ // crudRef.value.getPropRef('region').$refs.temp.setCheckedKeys(form.value.region);
+
+
},
handleBeforeOpenFunc:(type:string)=>{
if (type=='add'){
@@ -564,27 +627,6 @@
}
}
})
-onMounted(() => {
- watch(() => form.value.customerId, () => {
-
- if (!form.value.customerId){
- return;
- }
- const table = crudRef.value?.getPropRef?.('customerId')?.$refs?.temp;
- if (!table) return;
-
- let active = table.active;
- if (Array.isArray(active)) active = active[0];
-
- if (active) {
- Object.assign(form.value, {
- customerId: active.id,
- customerSysCode: active.customerCode,
- customerName: active.customerShortName,
- });
- }
- });
-});
</script>
--
Gitblit v1.8.0