1
0
forked from dyf/dyf-vue-ui
This commit is contained in:
fengerli
2025-09-11 14:44:53 +08:00
10 changed files with 1373 additions and 18 deletions

View File

@ -0,0 +1,77 @@
import request from '@/utils/request';
//获取列表数据
function getDevice(queryParams){
return request({
url: '/api/device/debug/list',
method: 'get',
params: queryParams
})
}
//上传文件
function uploadFile(formData){
return request({
url: '/api/device/debug/addFile',
method: 'post',
data: formData
})
}
//修改操作视频
function addVideo(formData){
return request({
url: '/api/device/debug/addVideo',
method: 'post',
data: formData
})
}
//修改单个数据的多个文件
function updateItem(formData){
return request({
url: '/api/device/debug/editDebug',
method: 'post',
data: formData
})
//开发时假装成功
// return new Promise((resolve,reject)=>{
// resolve({
// code:200,
// msg:"操作成功"
// });
// });
}
//批量上传开机画面
function uploadBoot(formData){
return request({
url: '/api/device/debug/addLogo',
method: 'post',
data: formData
})
//开发时假装成功
// return new Promise((resolve, reject) => {
// //开机画面
// resolve({ code: 200, msg: '操作成功' });
// });
}
function getDeviceInfoById(id){
return request({
url: '/api/device/debug/detail/'+id,
method: 'get'
})
}
export default{
getDevice:getDevice,
uploadFile:uploadFile,
addVideo:addVideo,
updateItem:updateItem,
uploadBoot:uploadBoot,
getDeviceInfoById:getDeviceInfoById
}

View File

@ -1,3 +1,4 @@
//日期格式化
function DateFormat(date, format) { function DateFormat(date, format) {
if (!date) { if (!date) {
return ''; return '';
@ -39,7 +40,7 @@ function DateFormat(date, format) {
return formatMap[match]; return formatMap[match];
}); });
} }
//日期加减
function DateAdd(datePart, number, date) { function DateAdd(datePart, number, date) {
// 创建日期的副本,避免修改原日期对象 // 创建日期的副本,避免修改原日期对象
const newDate = new Date(date.getTime()); const newDate = new Date(date.getTime());
@ -71,7 +72,47 @@ function DateAdd(datePart, number, date) {
return newDate; return newDate;
} }
//将字节转换成0.53kb 10.13MB 1GB这样的友好单位
function formatBytes(bytes, decimals = 2) {
// 处理0字节的情况
if (bytes === 0) return '0 B';
// 定义单位和换算比例
const k = 1024;
const dm = decimals < 0 ? 0 : decimals;
const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
// 计算最合适的单位
const i = Math.floor(Math.log(bytes) / Math.log(k));
// 格式化并返回结果
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
}
//数组某个字段取唯一值
function getUniqueValues(dataSource, field) {
if(!field){
return [];
}
// 使用Set来存储唯一值因为Set会自动去重
const uniqueValues = new Set();
// 遍历数据源
for (const item of dataSource) {
// 检查对象是否包含指定字段
if (item.hasOwnProperty(field)) {
uniqueValues.add(item[field]);
}
}
// 将Set转换为数组并返回
return Array.from(uniqueValues);
}
export default{ export default{
DateFormat:DateFormat, DateFormat:DateFormat,
DateAdd:DateAdd DateAdd:DateAdd,
formatBytes:formatBytes,
getUniqueValues:getUniqueValues
} }

View File

@ -0,0 +1,211 @@
/**
* 坐标系转换工具
* WGS84地球坐标系与 GCJ02火星坐标系相互转换
*/
// 地标转国测常量
const X_PI = (3.14159265358979324 * 3000.0) / 180.0;
const PI = 3.1415926535897932384626;
const A = 6378245.0; // 卫星椭球坐标投影到平面地图坐标系的投影因子
const EE = 0.00669342162296594323; // 椭球的偏心率
/**
* 坐标点类型定义
*/
export interface CoordinatePoint {
lng: number; // 经度
lat: number; // 纬度
}
/**
* 判断是否在国内,在中国国内的经纬度才需要做偏移
* @param lng 经度
* @param lat 纬度
* @returns 是否在国外
*/
function outOfChina(lng: number, lat: number): boolean {
return (
lng < 72.004 ||
lng > 137.8347 ||
lat < 0.8293 ||
lat > 55.8271
);
}
/**
* 转化经度
* @param lng 经度
* @param lat 纬度
* @returns 转换后的经度偏移量
*/
function transformLng(lng: number, lat: number): number {
let ret =
300.0 +
lng +
2.0 * lat +
0.1 * lng * lng +
0.1 * lng * lat +
0.1 * Math.sqrt(Math.abs(lng));
ret +=
((20.0 * Math.sin(6.0 * lng * PI) +
20.0 * Math.sin(2.0 * lng * PI)) *
2.0) /
3.0;
ret +=
((20.0 * Math.sin(lng * PI) +
40.0 * Math.sin((lng / 3.0) * PI)) *
2.0) /
3.0;
ret +=
((150.0 * Math.sin((lng / 12.0) * PI) +
300.0 * Math.sin((lng / 30.0) * PI)) *
2.0) /
3.0;
return ret;
}
/**
* 转化纬度
* @param lng 经度
* @param lat 纬度
* @returns 转换后的纬度偏移量
*/
function transformLat(lng: number, lat: number): number {
let ret =
-100.0 +
2.0 * lng +
3.0 * lat +
0.2 * lat * lat +
0.1 * lng * lat +
0.2 * Math.sqrt(Math.abs(lng));
ret +=
((20.0 * Math.sin(6.0 * lng * PI) +
20.0 * Math.sin(2.0 * lng * PI)) *
2.0) /
3.0;
ret +=
((20.0 * Math.sin(lat * PI) +
40.0 * Math.sin((lat / 3.0) * PI)) *
2.0) /
3.0;
ret +=
((160.0 * Math.sin((lat / 12.0) * PI) +
320 * Math.sin((lat * PI) / 30.0)) *
2.0) /
3.0;
return ret;
}
/**
* WGS84坐标系转GCJ02坐标系地球坐标系转火星坐标系
* @param lng 经度
* @param lat 纬度
* @returns 转换后的坐标 [经度, 纬度]
*/
export function wgs84ToGcj02(lng: number, lat: number): [number, number] {
if (outOfChina(lng, lat)) {
return [lng, lat];
}
const dlat = transformLat(lng - 105.0, lat - 35.0);
const dlng = transformLng(lng - 105.0, lat - 35.0);
const radlat = (lat / 180.0) * PI;
let magic = Math.sin(radlat);
magic = 1 - EE * magic * magic;
const sqrtmagic = Math.sqrt(magic);
const transformedLat =
(dlat * 180.0) /
(((A * (1 - EE)) / (magic * sqrtmagic)) * PI);
const transformedLng =
(dlng * 180.0) / ((A / sqrtmagic) * Math.cos(radlat) * PI);
const mglat = lat + transformedLat;
const mglng = lng + transformedLng;
return [mglng, mglat];
}
/**
* GCJ02坐标系转WGS84坐标系火星坐标系转地球坐标系
* @param lng 经度
* @param lat 纬度
* @returns 转换后的坐标 [经度, 纬度]
*/
export function gcj02ToWgs84(lng: number, lat: number): [number, number] {
if (outOfChina(lng, lat)) {
return [lng, lat];
}
const dlat = transformLat(lng - 105.0, lat - 35.0);
const dlng = transformLng(lng - 105.0, lat - 35.0);
const radlat = (lat / 180.0) * PI;
let magic = Math.sin(radlat);
magic = 1 - EE * magic * magic;
const sqrtmagic = Math.sqrt(magic);
const transformedLat = (dlat * 180.0) / ((A * (1 - EE)) / (magic * sqrtmagic) * PI);
const transformedLng = (dlng * 180.0) / (A / sqrtmagic * Math.cos(radlat) * PI);
const mglat = lat + transformedLat;
const mglng = lng + transformedLng;
return [lng * 2 - mglng, lat * 2 - mglat];
}
/**
* 对象形式的坐标转换 - WGS84转GCJ02
* @param point 坐标点对象 {lng: 经度, lat: 纬度}
* @returns 转换后的坐标点对象
*/
export function wgs84ToGcj02Point(point: CoordinatePoint): CoordinatePoint {
const [lng, lat] = wgs84ToGcj02(point.lng, point.lat);
return { lng, lat };
}
/**
* 对象形式的坐标转换 - GCJ02转WGS84
* @param point 坐标点对象 {lng: 经度, lat: 纬度}
* @returns 转换后的坐标点对象
*/
export function gcj02ToWgs84Point(point: CoordinatePoint): CoordinatePoint {
const [lng, lat] = gcj02ToWgs84(point.lng, point.lat);
return { lng, lat };
}
/**
* 批量转换坐标点 - WGS84转GCJ02
* @param points 坐标点数组
* @returns 转换后的坐标点数组
*/
export function batchWgs84ToGcj02(points: CoordinatePoint[]): CoordinatePoint[] {
return points.map(point => wgs84ToGcj02Point(point));
}
/**
* 批量转换坐标点 - GCJ02转WGS84
* @param points 坐标点数组
* @returns 转换后的坐标点数组
*/
export function batchGcj02ToWgs84(points: CoordinatePoint[]): CoordinatePoint[] {
return points.map(point => gcj02ToWgs84Point(point));
}
// 默认导出
export default {
wgs84ToGcj02,
gcj02ToWgs84,
wgs84ToGcj02Point,
gcj02ToWgs84Point,
batchWgs84ToGcj02,
batchGcj02ToWgs84,
outOfChina
};

View File

@ -316,3 +316,15 @@ export const removeClass = (ele: HTMLElement, cls: string) => {
export const isExternal = (path: string) => { export const isExternal = (path: string) => {
return /^(https?:|http?:|mailto:|tel:)/.test(path); return /^(https?:|http?:|mailto:|tel:)/.test(path);
}; };
// 导出坐标系转换工具
export { default as coordinateTransform } from './coordinate-transform';
export type { CoordinatePoint } from './coordinate-transform';
export {
wgs84ToGcj02,
gcj02ToWgs84,
wgs84ToGcj02Point,
gcj02ToWgs84Point,
batchWgs84ToGcj02,
batchGcj02ToWgs84
} from './coordinate-transform';

File diff suppressed because it is too large Load Diff

View File

@ -125,7 +125,7 @@ watch(
if (newVal === 3) { if (newVal === 3) {
// 确保参数有效 // 确保参数有效
debugger;
console.log('newVal=', newVal); console.log('newVal=', newVal);
getRecordList(); // 调用回调 getRecordList(); // 调用回调
} }

View File

@ -126,7 +126,7 @@ watch(
if (newVal === 3) { if (newVal === 3) {
// 确保参数有效 // 确保参数有效
debugger;
console.log('newVal=', newVal); console.log('newVal=', newVal);
getRecordList(); // 调用回调 getRecordList(); // 调用回调
} }

View File

@ -125,7 +125,7 @@ function initData(item, Refresh) {
params: params params: params
}) })
.then((res) => { .then((res) => {
debugger;
if (res.code == 200) { if (res.code == 200) {
if (res.rows) { if (res.rows) {
if (res.rows.length) { if (res.rows.length) {

View File

@ -10,11 +10,15 @@
<el-form :inline="true" :model="filter" class="demo-form-inline"> <el-form :inline="true" :model="filter" class="demo-form-inline">
<el-form-item label=""> <el-form-item label="">
<el-input v-model="filter.phonenumber" placeholder="查找分享用户" @input="Search">
<template #append>
<el-button :icon="'Search'" /> <el-input
</template> v-model="filter.phonenumber"
</el-input> placeholder="查找分享用户"
:suffix-icon="'Search'"
@input="Search"
/>
</el-form-item> </el-form-item>
<el-form-item label="分享时间"> <el-form-item label="分享时间">
<el-date-picker <el-date-picker
@ -72,13 +76,13 @@
<el-checkbox :label="item.label" v-for="item in power" :value="item.value" /> <el-checkbox :label="item.label" v-for="item in power" :value="item.value" />
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<el-form-item label="验证码" label-position="right"> <!-- <el-form-item label="验证码" label-position="right">
<el-input v-model="cEdit.smsCode" placeholder="验证码"> <el-input v-model="cEdit.smsCode" placeholder="验证码">
<template #append <template #append
><div class="btnSendSms" @click.stop="sendSms">{{ time > 0 ? time + '秒后重发' : '发送验证码' }}</div></template ><div class="btnSendSms" @click.stop="sendSms">{{ time > 0 ? time + '秒后重发' : '发送验证码' }}</div></template
> >
</el-input> </el-input>
</el-form-item> </el-form-item> -->
</el-form> </el-form>
</div> </div>
<div class="center" style="margin-top: 10px"> <div class="center" style="margin-top: 10px">
@ -288,7 +292,7 @@ function DelShare(item, isBatch) {
alert('请选择需要删除的数据'); alert('请选择需要删除的数据');
return; return;
} }
debugger;
let OkDel = () => { let OkDel = () => {
hideConfirm(); hideConfirm();
Status.fullLoading = true; Status.fullLoading = true;
@ -353,12 +357,12 @@ function sendSms() {
} }
//权限设置 //权限设置
function powerSet(item) { function powerSet(item) {
debugger;
Status.ShowPowerSet = true; Status.ShowPowerSet = true;
cEdit.permission = item.permission.split(','); cEdit.permission = item.permission.split(',');
cEdit.phonenumber = item.phonenumber; cEdit.phonenumber = item.phonenumber;
cEdit.remark = item.remark; cEdit.remark = item.remark;
cEdit.smsCode = '123456'; cEdit.smsCode = '';
} }
function getUsrs() { function getUsrs() {
@ -403,7 +407,7 @@ function initData(item, Refresh) {
Status.loading = false; Status.loading = false;
return; return;
} }
debugger;
List.value = []; List.value = [];
deviceid = item.data.deviceId; deviceid = item.data.deviceId;

View File

@ -469,7 +469,7 @@ function getRecordList() {
}, 2000); }, 0);
} }
@ -502,7 +502,7 @@ function ToggleAdvance() {
//显示编辑 //显示编辑
function ShowEdit(item = undefined, isEdit = true) { function ShowEdit(item = undefined, isEdit = true) {
debugger;
Status.ShowEditPop = true; Status.ShowEditPop = true;
let def = { let def = {
recordId: null,//维修记录id recordId: null,//维修记录id