修改弹出层label宽度

master
夜笙歌 2 years ago
parent 3c270c8bff
commit 900a406546

@ -155,7 +155,7 @@
</el-row> </el-row>
<el-dialog v-model="open" :title="title" append-to-body width="800px"> <el-dialog v-model="open" :title="title" append-to-body width="800px">
<el-descriptions class="margin-top" :column="2" :size="size" border> <el-descriptions class="margin-top" :column="2" border width="150px">
<el-descriptions-item> <el-descriptions-item>
<template #label> <template #label>
胎号 胎号
@ -529,4 +529,7 @@ onBeforeUnmount(() => {
background-size: 100% 100%; background-size: 100% 100%;
background-image: url("../../../assets/images/trucks.png"); background-image: url("../../../assets/images/trucks.png");
} }
.el-descriptions__label{
width: 170px;
}
</style> </style>

@ -99,18 +99,6 @@
<el-table-column label="胎胚编码" align="center" prop="feCode" width="150"/> <el-table-column label="胎胚编码" align="center" prop="feCode" width="150"/>
<el-table-column label="胎胚描述" align="center" prop="feDesc" width="150"/> <el-table-column label="胎胚描述" align="center" prop="feDesc" width="150"/>
<el-table-column label="生产工厂" align="center" prop="produceFactory" width="150"/> <el-table-column label="生产工厂" align="center" prop="produceFactory" width="150"/>
<!-- <el-table-column :label="t('option.option')" align="center" class-name="small-padding fixed-width" fixed="right"-->
<!-- width="160">-->
<!-- <template #default="scope">-->
<!-- <el-button-->
<!-- type="text"-->
<!-- icon="Edit"-->
<!-- @click="handleUpdate(scope.row)"-->
<!-- v-hasPermi="['basetyre:basetyre:edit']"-->
<!-- >{{ t('option.edit') }}-->
<!-- </el-button>-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table> </el-table>
<!-- 分页--> <!-- 分页-->
@ -122,52 +110,11 @@
@pagination="getList" @pagination="getList"
/> />
<!-- 添加或修改岗位对话框 -->
<el-dialog :title="title" v-model="open" width="500px" append-to-body>
<el-form ref="postRef" :model="form" :rules="rules" :label-width=" locale ? '100px':'140px'">
<el-form-item prop="id" v-if="false">
<el-input v-model="form.id"/>
</el-form-item>
<el-form-item :label="t('tireManagement.tireNo')" prop="tureCode">
<el-input v-model="form.tureCode" :placeholder="t('common.pleaseEnter') + t('tireManagement.tireNo')" />
</el-form-item>
<el-form-item label="品牌" prop="tureCode">
<el-input v-model="form.tureCode" />
</el-form-item>
<el-form-item label="花纹" prop="tureCode">
<el-input v-model="form.tureCode" />
</el-form-item>
<el-form-item label="规格型号" prop="tureCode">
<el-input v-model="form.tureCode" />
</el-form-item>
<el-form-item :label="t('tireManagement.tireSensorID')" prop="sensorId">
<el-input v-model="form.sensorId" :placeholder="t('common.pleaseEnter') + t('tireManagement.tireSensorID')"/>
</el-form-item>
<el-form-item :label="t('tireManagement.treadDepth')" prop="currentTextureDepth">
<el-input-number
v-model="form.currentTextureDepth"
autocomplete="off"
:min="0"
:max="99"
:step="0.1"
:precision="2"
/>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm">{{ t('option.ok') }}</el-button>
<el-button @click="cancel">{{ t('option.cancel') }}</el-button>
</div>
</template>
</el-dialog>
</div> </div>
</template> </template>
<script setup name="basetyre"> <script setup name="basetyre">
import {addBasetyre, delBasetyre, getBasetyre, listBasetyre, updateBasetyre} from "@/api/tireManagement/salesData"; import {listBasetyre} from "@/api/tireManagement/salesData";
import {useI18n} from 'vue-i18n'; import {useI18n} from 'vue-i18n';
import Cookies from "js-cookie"; import Cookies from "js-cookie";
@ -182,8 +129,6 @@ const {sys_normal_disable} = proxy.useDict("sys_normal_disable");
// //
const postList = ref([]); const postList = ref([]);
const dateRange = ref([]); const dateRange = ref([]);
//
const open = ref(false);
// //
const loading = ref(true); const loading = ref(true);
// //
@ -203,7 +148,7 @@ const title = ref("");
const queryParams = ref({ const queryParams = ref({
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
tyreFactory:null, tyreFactory: null,
carLicense: null, carLicense: null,
brand: null, brand: null,
sensorId: null, sensorId: null,
@ -215,19 +160,13 @@ const queryParams = ref({
modifyName: null modifyName: null
}) })
//
const rules = {
tureCode: [{required: true, message: "外胎号不能为空", trigger: "blur"}],
type: [{required: true, message: "轮胎型号不能为空", trigger: "blur"}],
serialNumber: [{required: true, message: "轮胎编号不能为空", trigger: "blur"}],
}
// //
const form = ref({}); const form = ref({});
/** 查询岗位列表 */ /** 查询岗位列表 */
function getList() { function getList() {
loading.value = true; loading.value = true;
console.log(proxy.addDateRange(queryParams.value, dateRange.value))
listBasetyre(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => { listBasetyre(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
postList.value = response.rows; postList.value = response.rows;
total.value = response.total; total.value = response.total;
@ -236,11 +175,6 @@ function getList() {
}); });
} }
/** 取消按钮 */
function cancel() {
open.value = false;
reset();
}
/** 表单重置 */ /** 表单重置 */
function reset() { function reset() {
@ -292,59 +226,6 @@ function handleSelectionChange(selection) {
multiple.value = !selection.length; multiple.value = !selection.length;
} }
/** 新增按钮操作 */
function handleAdd() {
reset();
open.value = true;
title.value = t('tireManagement.addTitle');
}
/** 修改按钮操作 */
function handleUpdate(row) {
reset();
const postId = row.id || ids.value;
getBasetyre(postId).then(response => {
form.value = response.data;
open.value = true;
title.value = t('tireManagement.editTitle');
});
}
/** 提交按钮 */
function submitForm() {
proxy.$refs["postRef"].validate(valid => {
if (valid) {
if (form.value.id != undefined) {
updateBasetyre(form.value).then(response => {
proxy.$modal.msgSuccess(t('option.modificationSuccessful'));
open.value = false;
getList();
});
} else {
addBasetyre(form.value).then(response => {
proxy.$modal.msgSuccess(t('option.addedSuccessfully'));
open.value = false;
getList();
});
}
}
});
}
/** 删除按钮操作 */
function handleDelete(row) {
const postIds = row.id || ids.value;
proxy.$modal.confirm(t('option.confirmDeletion', {
key: t('tireManagement.tireFactoryCode'),
value: postIds
})).then(function () {
return delBasetyre(postIds);
}).then(() => {
getList();
proxy.$modal.msgSuccess(t('option.successfullyDeleted'));
}).catch(() => {
});
}
/** 导出按钮操作 */ /** 导出按钮操作 */
function handleExport() { function handleExport() {
@ -352,6 +233,7 @@ function handleExport() {
...queryParams.value ...queryParams.value
}, `post_${new Date().getTime()}.xlsx`); }, `post_${new Date().getTime()}.xlsx`);
} }
getList(); getList();
</script> </script>

Loading…
Cancel
Save