ak/zn-admin-vue3-wcs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

字符长度限制

Browse Source
This commit is contained in:
yyy 2025-03-25 11:43:05 +08:00
parent 375420371e
commit 47ec7b8bfb
5 changed files with 106 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/views/board/device/createEditDialog.vue
View File

@ -1,8 +1,13 @@
<template>
<Dialog v-model="dialogVisible" :title="title" width="545" style="padding: 0;">
<Dialog v-model="dialogVisible" :title="title" width="545" style="padding: 0">
<el-form :model="formData" label-width="auto" ref="formRef" :rules="formRules">
<el-form-item label="设备类型" prop="deviceType">
<el-select v-model="formData.deviceType" clearable placeholder="请选择设备类型" @change="deviceTypeChange">
<el-select
v-model="formData.deviceType"
clearable
placeholder="请选择设备类型"
@change="deviceTypeChange"
>
<el-option
v-for="dict in getDictOptions(DICT_TYPE.DEVICE_TYPE)"
:key="dict.value"
@ -12,11 +17,21 @@
</el-select>
</el-form-item>
<el-form-item label="设备编号" prop="deviceNo">
<el-input v-model="formData.deviceNo" :disabled="false" placeholder="请输入设备编号(25字以内)" maxlength="25"/>
<el-input
v-model="formData.deviceNo"
:disabled="false"
placeholder="请输入设备编号(25字以内)"
maxlength="25"
/>
</el-form-item>
<el-form-item label="Mac地址" prop="macAddress">
<el-input v-model="formData.macAddress" :disabled="false" placeholder="请输入Mac地址" />
<el-input
v-model="formData.macAddress"
:disabled="false"
placeholder="请输入Mac地址"
maxlength="25"
show-word-limit
/>
</el-form-item>
<el-form-item label="设备IP">
<el-input v-model="formData.deviceIp" :disabled="false" placeholder="请输入设备ip" />
@ -26,26 +41,14 @@
</el-form-item>
<el-form-item label="充电桩类型" prop="deviceAttribute" v-if="formData.deviceType == 1">
<el-select v-model="formData.deviceAttribute" clearable placeholder="请选择设备类型">
<el-option
:label="'自动充电'"
:value="1"
/>
<el-option
:label="'手动充电'"
:value="0"
/>
<el-option :label="'自动充电'" :value="1" />
<el-option :label="'手动充电'" :value="0" />
</el-select>
</el-form-item>
<el-form-item label="是否启用" prop="deviceEnable">
<el-select v-model="formData.deviceEnable" clearable placeholder="请选择是否启用">
<el-option
:label="'禁用'"
:value="0"
/>
<el-option
:label="'启用'"
:value="1"
/>
<el-option :label="'禁用'" :value="0" />
<el-option :label="'启用'" :value="1" />
</el-select>
</el-form-item>
<el-form-item label="设备图标">
@ -64,7 +67,7 @@
</el-form>
<template #footer>
<div style="padding: 0 10px 10px 0;">
<div style="padding: 0 10px 10px 0">
<el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>
</div>
@ -90,12 +93,9 @@ const formData = ref({
deviceAttribute: undefined,
deviceEnable: undefined, //设备启用禁用 设备启用禁用（0：禁用、1：启用）
devicePort: undefined, //端口
deviceIp:undefined, //设备IP
deviceIp: undefined //设备IP
})
const formRules = reactive({
deviceType: [{ required: true, message: '设备类型不能为空', trigger: 'blur' }],
deviceNo: [{ required: true, message: '设备编号不能为空', trigger: 'blur' }],
@ -120,7 +120,7 @@ const open = async (type, id) => {
if (!formData.value.mapImageUrl) {
DeviceApi.getMapDeviceImageUrl({
deviceType: formData.value.deviceType
}).then(res=>{
}).then((res) => {
// console.log(res)
formData.value.mapImageUrl = res ? res : undefined
})
@ -164,7 +164,7 @@ const submitForm = async () => {
const deviceTypeChange = (e) => {
DeviceApi.getMapDeviceImageUrl({
deviceType: e
}).then(res=>{
}).then((res) => {
// console.log(res)
formData.value.mapImageUrl = res ? res : undefined
})

2
src/views/mapPage/locationList/editFormDialog.vue
View File

@ -23,7 +23,7 @@
</el-select>
</el-form-item>
<el-form-item label="物料信息" prop="skuInfo">
<el-input v-model="form.skuInfo" />
<el-input v-model="form.skuInfo" maxlength="30" show-word-limit />
</el-form-item>
</el-form>
<template #footer>

1
src/views/mapPage/locationList/index.vue
View File

@ -56,6 +56,7 @@
</el-form-item>
<el-form-item label="物料信息" prop="skuInfo">
<el-input
maxlength="30"
v-model="queryParams.skuInfo"
placeholder="请输入"
clearable

2
src/views/mapPage/realTimeMap/components/createTaskDialog.vue
View File

@ -117,7 +117,7 @@
<el-input
v-model="formData.skuInfo"
placeholder="请输入物料信息"
maxlength="100"
maxlength="30"
show-word-limit
/>
</el-form-item>

43
src/views/mapPage/realTimeMap/components/storeDialog.vue
View File

@ -2,9 +2,23 @@
<Dialog v-model="dialogVisible" title="库位信息" width="545" class="task-dialog">
<div class="store-dialog">
<div class="store-dialog-left">
<div class="store-dialog-left-item ellipsis" @click="changeStore(item, index)" v-for="(item, index) in storeData" :key="index" :style="{background:item.locationUseStatus == 1 ? '#F1CD0B' : '#4DC606',border:selectIndex==index?'2px solid #00329F':'2px solid rgba(0,0,0,0)'}">
<div
class="store-dialog-left-item ellipsis"
@click="changeStore(item, index)"
v-for="(item, index) in storeData"
:key="index"
:style="{
background: item.locationUseStatus == 1 ? '#F1CD0B' : '#4DC606',
border: selectIndex == index ? '2px solid #00329F' : '2px solid rgba(0,0,0,0)'
}"
>
{{ item.locationNo || '--' }}
<img src="@/assets/imgs/jinyong-2.png" alt="" class="store-dialog-left-item-img-jinyong" v-if="item.locationEnable === 0"/>
<img
src="@/assets/imgs/jinyong-2.png"
alt=""
class="store-dialog-left-item-img-jinyong"
v-if="item.locationEnable === 0"
/>
<img src="@/assets/imgs/suoding.png" alt="" class="store-dialog-left-item-img-suoding" />
</div>
</div>
@ -17,22 +31,16 @@
<el-input v-model="formData.areaName" :disabled="true" />
</el-form-item>
<el-form-item label="物料信息">
<el-input v-model="formData.skuInfo" />
<el-input v-model="formData.skuInfo" maxlength="30" show-word-limit />
</el-form-item>
<el-form-item label="状态">
<el-select
v-model="formData.locationUseStatus"
placeholder="请选择状态"
>
<el-select v-model="formData.locationUseStatus" placeholder="请选择状态">
<el-option label="空闲" :value="0" />
<el-option label="占用" :value="1" />
</el-select>
</el-form-item>
<el-form-item label="禁用库位">
<el-select
v-model="formData.locationEnable"
placeholder="剧情选择是否禁用库位"
>
<el-select v-model="formData.locationEnable" placeholder="剧情选择是否禁用库位">
<el-option label="禁用" :value="0" />
<el-option label="启用" :value="1" />
</el-select>
@ -59,17 +67,14 @@ const formData = ref({
areaName: undefined, //区域名称
locationUseStatus: undefined, //库位状态 （0：空闲、1：占用）
locationEnable: undefined, //是否禁用（0：禁用、1：启用）
skuInfo: undefined, //物料信息
})
const formRules = reactive({
skuInfo: undefined //物料信息
})
const formRules = reactive({})
const selectIndex = ref(0)
const formRef = ref() // 表单 Ref
const storeData = ref([])
/** 打开弹窗 */
const open = async (data) => {
resetForm()
if (data && data.length) {
storeData.value = data.reverse()
@ -79,8 +84,6 @@ const open = async (data) => {
formData.value = JSON.parse(JSON.stringify(data[0]))
}
dialogVisible.value = true
}
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
@ -98,7 +101,6 @@ const submitForm = async () => {
message.success('操作成功')
emit('success')
dialogVisible.value = false
} finally {
formLoading.value = false
}
@ -112,7 +114,6 @@ const changeStore = (item, index) => {
//前往任务管理页面
const { push } = useRouter()
/** 重置表单 */
const resetForm = () => {
formData.value = {
@ -120,7 +121,7 @@ const resetForm = () => {
areaName: undefined, //区域名称
locationUseStatus: undefined, //库位状态 （0：空闲、1：占用）
locationEnable: undefined, //是否禁用（0：禁用、1：启用）
skuInfo: undefined, //物料信息
skuInfo: undefined //物料信息
}
formRef.value?.resetFields()
}