anytrek-front-public-component 1.4.17 → 1.4.19

package/README.md

@@ -307,7 +307,7 @@ const saveFunctionVehicle = async (
 | drawerShow | 控制drawer的显示和隐藏 | `Boolean` | false |
 | loginInfo | 用户信息，包含用户的type和customerId | `Object` | {} |
 | customerHabit | 用户的偏好设置，包含localTimezone、timeZone | `Object` | {} |
-| vehicleData | 新增/编辑的车辆 | `Object` | {
+| vehicleData | 新增/编辑的车辆 | `Object` | `{
     id: row.id,
     name: row.name,
     deviceId: row.deviceId,
@@ -321,11 +321,11 @@ const saveFunctionVehicle = async (
     licensePlateNumber: row.licensePlateNumber,
     vin: row.vin,
     description: row.description,
-  } |
+  }` |
 | allAssetTypes | 资产类型列表 | `Array` | [] |
 | allVehicles | 车辆列表 | `Array` | [] |
 | allDevices | 设备列表 | `Array` | [] |
-| modelTypes | 设备类型列表 | `Array` | [] |
+| modelTypes | 设备类型列表 | `Object` | {} |
 | allVehicleToDevice | 车辆设备绑定关系列表 | `Array` | [] |
 | allTags | tag列表 | `Array` | [] |
 | assetTypeFn |资产类型新增/删除方法 | `Function` |  |
@@ -403,7 +403,7 @@ const handleAddBurialPoint = (type: string) => {
 | drawerShow | 控制drawer的显示和隐藏 | `Boolean` | false |
 | loginInfo | 用户信息，包含用户的type和customerId | `Object` | {} |
 | customerHabit | 用户的偏好设置，包含localTimezone、timeZone | `Object` | {} |
-| itemData | 新增/编辑的tag | `Object` | {
+| itemData | 新增/编辑的tag | `Object` | `{
     id: eleForm.id,
     name: eleForm.name,
     description: eleForm.description,
@@ -413,10 +413,10 @@ const handleAddBurialPoint = (type: string) => {
       tag: tag,
       landmark: landmark,
     },
-  } |
+  }` |
 | allVehicles | 车辆列表 | `Array` | [] |
 | allDevices | 设备列表 | `Array` | [] |
-| modelTypes | 设备类型列表 | `Array` | [] |
+| modelTypes | 设备类型列表 | `Object` | {} |
 | allVehicleToDevice | 车辆设备绑定关系列表 | `Array` | [] |
 | allTags | tag列表 | `Array` | [] |
 | allLandmarks | landmark列表 | `Array` | [] |
@@ -494,3 +494,216 @@ const handleAddGroup = (params: any) => {
 | searhTrimblemapAddress |查询地址api | `Function` |  |
 | saveFunctionLandmark | landmark保存 | `Function` |  |
 | @addGroup | 新增group | `Function` | |
+
+## 🧩 Component: `<AddOrEditShare>`
+add or edit Share
+
+```vue
+<AddOrEditShare
+  v-model="addVisible"
+  :vehicleLoading="vehicleLoading"
+  :readOnly=""
+  :data="testData"
+  :itemData="itemData"
+  :unitAllState="unitAllState"
+  :getShareHistoryUrl="getShareHistoryUrl"
+  :uploadShareFile="uploadShareFile"
+  :saveFunctionShare="saveFunctionShare"
+  :loginInfo="loginInfo"
+  :assetTypeFn="assetTypeFn"
+  :bindDeviceHis="bindDeviceHis"
+  :deviceBindTimeLimit="deviceBindTimeLimit"
+  :saveFunctionVehicle="saveFunctionVehicle"
+  :saveFunctionTag="saveFunctionTag"
+  :unitAllState="unitAllState"
+  :GOOGLE_MAP_API_KEY="GOOGLE_MAP_API_KEY"
+  :MAP_STYLES="MAP_STYLES"
+  :searhTrimblemapAddress="searhTrimblemapAddress"
+  :saveFunctionLandmark="saveFunctionLandmark"
+  ></AddOrEditShare>
+```
+
+### 🔧 Example Setup
+```ts
+const addVisible = ref(false);
+const vehicleLoading = ref(false);
+const testData = ref<any>({});
+onMounted(() => {
+  testData.value = {
+    tagList: [],
+    deviceStatusList: [],
+    vehicleDeviceList: [],
+    landmarkDeviceList: [],
+    landmarkList: [],
+    vehicleType: [],
+    deviceList: [],
+    vehicleList: [],
+    landmarkGroupList: [],
+  }
+  vehicleLoading.value = false;
+});
+const readOnly = ref(false);
+const itemData = ref<any>({});
+const getShareHistoryUrl = Api.getHistoryUrl;
+const uploadShareFile = Api.uploadFile;
+
+const saveFunctionShare = async (
+  params: any,
+  successFn: Function,
+  failFn: Function,
+) => {
+  let result;
+
+  if (params.id) {
+    result = await Api.editShare([params]);
+  } else {
+    result = await Api.addShare([params]);
+  }
+
+  if (!result || result.errorCode) return failFn();
+  successFn();
+  initData();
+};
+const { loginInfo } = store;
+
+const assetTypeFn = async (data: any, flag: 'add' | 'delete') => {
+  if (flag === 'delete') {
+    const res = await Api.editCustomizeVehicleType([
+      {
+        id: data.id,
+        isDelete: 1,
+      },
+    ]);
+    if (!res || (res.errorCode && res.errorCode !== 200)) return;
+  } else if (flag === 'add') {
+    const result = await Api.addCustomizeVehicleType([data]);
+    if (!result || result.errorCode) return;
+  }
+  await getCustomizeVehicleType();
+};
+
+const bindDeviceHis = async (params: any) => {
+  const res = await Api.loadBoundDevices(params);
+  if (!res || (res.errorCode && res.errorCode !== 200)) return;
+  return res;
+};
+
+const deviceBindTimeLimit = async (deviceId: any) => {
+  const res = await Api.getDeviceTimeLimitApi({
+    deviceId: deviceId,
+  });
+
+  if (!res || res.errorCode) return;
+
+  if (res.length) {
+    return [
+      res[0].limitStartTime,
+      dayjs(new Date()).utc().format('YYYY-MM-DDTHH:mm:ss[Z]'),
+    ];
+  } else {
+    return [null, dayjs(new Date()).utc().format('YYYY-MM-DDTHH:mm:ss[Z]')];
+  }
+};
+
+const saveFunctionVehicle = async (
+  params: any,
+  flag = false,
+  successFn: Function,
+  failFn: Function,
+) => {
+  let result;
+  if (params.id) {
+    result = await Api.editVehicleNEW([params]);
+  } else {
+    result = await Api.addVehicleNEW([params]);
+  }
+
+  // 设备状态为1的需要切换为2
+  if (flag) {
+    const res = await Api.editDeviceNew([
+      {
+        id: params.deviceId,
+        content: {
+          deviceStatus: 2,
+          modifyTime: dayjs(new Date()).utc().format(),
+          activateTime: dayjs(new Date()).utc().format(),
+        },
+      },
+    ]);
+
+    if (!res || res.errorCode) return failFn();
+  }
+
+  if (!result || result.errorCode) return failFn();
+  successFn();
+  refresh();
+};
+
+const saveFunctionTag = async (
+  params: any,
+  successFn: Function,
+  failFn: Function,
+) => {
+  let result;
+  if (params.id) {
+    result = await Api.updateTagsList([params]);
+  } else {
+    result = await Api.saveTagsList([params]);
+  }
+
+  if (!result || result.errorCode) return failFn();
+  successFn();
+
+  handleClose();
+};
+
+const unitAllState = ref<any[]>([]);
+const GOOGLE_MAP_API_KEY: string = 'xxxx;
+const MAP_STYLES: any = {};
+
+const searhTrimblemapAddress = async (params: any) => {
+  const res = await Api.searhTrimblemapAddress(params);
+  return res;
+};
+
+const saveFunctionLandmark = async (
+  params: any,
+  successFn: Function,
+  failFn: Function,
+) => {
+  let result;
+
+  if (params.id) {
+    result = await Api.editLandmark([params]);
+  } else {
+    result = await Api.addLandmark([params]);
+  }
+
+  if (!result || result.errorCode) return failFn();
+  successFn();
+  initData();
+};
+
+```
+
+## 📋 Props Reference
+| 参数名称    | 描述                  | 数据类型          | 默认值              |
+| ---------- | --------------------- | ---------------- | ------------------- |
+| modelValue | 控制drawer的显示和隐藏 | `Boolean` | false |
+| readOnly | 是否只看 | `Boolean` | false |
+| `data` | `接口返回的原始数据(包含数组：tagList,deviceStatusList,vehicleDeviceList,landmarkDeviceList,landmarkList,vehicleType,deviceList,vehicleList,landmarkGroupList)` | `Object` | `{}` |
+| itemData | 新增/编辑的share | `Object` | {} |
+| getShareHistoryUrl | 获取分享的历史logo | `Function` |  |
+| uploadShareFile | 上传logo | `Function` |  |
+| saveFunctionShare | share保存 | `Function` |  |
+| loginInfo | 登录信息 | `Object` | {} |
+| assetTypeFn |资产类型新增/删除方法 | `Function` |  |
+| bindDeviceHis |车辆绑定历史记录 | `Function` |  |
+| deviceBindTimeLimit | 设备绑定时间限制 | `Function` |  |
+| saveFunctionVehicle | 车辆保存 | `Function` |  |
+| saveFunctionTag | tag保存 | `Function` |  |
+| unitAllState | 城市列表 | `Array` | [] |
+| GOOGLE_MAP_API_KEY | 地图apikey | `String` | |
+| MAP_STYLES | 地图样式 | `Array` | [] |
+| searhTrimblemapAddress |查询地址api | `Function` |  |
+| saveFunctionLandmark | landmark保存 | `Function` |  |