优化 更新表格允许拖宽,非必要字段不显示

This commit is contained in:
YuanFeng 2024-10-10 19:22:56 +08:00
parent 5e13575dd3
commit 20c6ca8beb
13 changed files with 31 additions and 119 deletions

View File

@ -95,7 +95,7 @@
<script lang="ts" setup name="ProductInfoListDialog">
import {allSchemas} from './config.data'
import {ProductInfoApi, ProductInfoVO} from '@/api/oms/productinfo'
import {ProductInfoApi} from '@/api/oms/productinfo'
import DataForm from './DataForm.vue'
/** 稿件图片库 */

View File

@ -17,6 +17,7 @@ const crudSchemas = reactive<CrudSchema[]>([
{
label: '编码',
field: 'value',
width: 200,
isSearch: true,
},
{

View File

@ -47,6 +47,10 @@ export default defineComponent({
data: {
type: Array as PropType<Recordable[]>,
default: () => []
},
border:{
type: Boolean,
default: true
}
},
emits: ['update:pageSize', 'update:currentPage', 'register','selectionChange'],
@ -273,6 +277,7 @@ export default defineComponent({
return () => (
<div v-loading={unref(getProps).loading}>
<ElTable
// @ts-ignore
ref={elTableRef}
data={unref(getProps).data}

View File

@ -16,16 +16,7 @@
<el-form-item label="排序号" prop="sort">
<el-input v-model="formData.sort" placeholder="请输入排序号" />
</el-form-item>
<el-form-item label="语言标识" prop="locale">
<el-select v-model="formData.locale" placeholder="请选择语言标识">
<el-option
v-for="dict in getDictOptions(DICT_TYPE.LANGUAGE_LOCALE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="扩展项 json格式数据" prop="extendInfo">
<el-input v-model="formData.extendInfo" type="textarea" placeholder="请输入扩展项 json格式数据" />
</el-form-item>

View File

@ -27,17 +27,6 @@
/>
</el-form-item>
<el-form-item label="语言标识" prop="locale">
<el-select class="!w-240px" v-model="queryParams.locale" placeholder="请选择语言标识">
<el-option
v-for="dict in getStrDictOptions(DICT_TYPE.LANGUAGE_LOCALE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-date-picker
v-model="queryParams.createTime"
@ -79,8 +68,6 @@
<el-table-column label="id" align="center" prop="id" />
<el-table-column label="编码" align="center" prop="value" />
<el-table-column label="名称" align="center" prop="label" />
<el-table-column label="排序号" align="center" prop="sort" />
<el-table-column label="语言标识" align="center" prop="locale" />
<el-table-column
label="创建时间"
align="center"

View File

@ -39,21 +39,7 @@
<el-form-item label="品牌介绍 富文本内容" prop="intro">
<Editor v-model="formData.intro" height="150px" />
</el-form-item>
<el-form-item label="语言标识" prop="locale">
<el-select
v-model="formData.locale"
placeholder="请选择品牌领域"
clearable
class="!w-240px"
>
<el-option
v-for="dict in getStrDictOptions(DICT_TYPE.LANGUAGE_LOCALE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="formData.remark" placeholder="请输入备注" />
</el-form-item>

View File

@ -41,21 +41,6 @@
/>
</el-select>
</el-form-item>
<el-form-item label="语言标识" prop="locale">
<el-select
v-model="queryParams.locale"
placeholder="请选择品牌领域"
clearable
class="!w-240px"
>
<el-option
v-for="dict in getStrDictOptions(DICT_TYPE.LANGUAGE_LOCALE)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-date-picker
v-model="queryParams.createTime"
@ -93,25 +78,22 @@
<!-- 列表 -->
<ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table border v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="id" align="center" prop="id" />
<el-table-column label="系统编码" align="center" prop="code" />
<el-table-column label="系统编码" align="center" prop="code" width="200"/>
<el-table-column label="名称" align="center" prop="name" />
<el-table-column label="logo" align="center" prop="logo" />
<el-table-column label="logo" align="center" prop="logo" >
<template #default="scope">
<img v-if="scope.row.logo" :src="scope.row.logo" width="50" height="50" />
<span v-else>-</span>
</template>
</el-table-column>>
<el-table-column label="品牌领域" align="center" prop="brandField">
<template #default="scope">
<dict-tag :type="DICT_TYPE.BRAND_INDUSTRY_FIELD" :value="scope.row.brandField" />
</template>
</el-table-column>
<el-table-column label="官网" align="center" prop="website" />
<el-table-column label="语言标识" align="center" prop="locale" />
<el-table-column
label="创建时间"
align="center"
prop="createTime"
:formatter="dateFormatter"
width="180px"
/>
<el-table-column label="操作" align="center">
<template #default="scope">
<el-button

View File

@ -108,11 +108,7 @@
<el-table-column label="设计稿名称" align="center" prop="name" />
<el-table-column label="作者" align="center" prop="author" />
<el-table-column label="版本" align="center" prop="version" />
<el-table-column label="语言标识" align="center" prop="locale">
<template #default="scope">
<dict-tag :type="DICT_TYPE.LANGUAGE_LOCALE" :value="scope.row.locale" />
</template>
</el-table-column>
<el-table-column label="启用状态" align="center" prop="enabled">
<template #default="scope">
<el-tag :type="scope.row.enabled ? 'success' : 'danger'">
@ -121,13 +117,7 @@
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column
label="创建时间"
align="center"
prop="createTime"
:formatter="dateFormatter"
width="180px"
/>
<el-table-column label="操作" align="center">
<template #default="scope">

View File

@ -21,23 +21,7 @@
/>
</el-form-item>
</el-col>
<el-col :xs="24" :span="8">
<el-form-item label="语言标识" prop="locale">
<el-select
v-model="queryParams.locale"
placeholder="请选择语言标识"
clearable
class="!w-240px"
>
<el-option
v-for="dict in getStrDictOptions(DICT_TYPE.LANGUAGE_LOCALE)"
:key="`${dict.value}`"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :xs="24" :span="8">
<el-form-item label="启用状态" prop="enabled">
<el-select
@ -89,8 +73,8 @@
<!-- 列表 -->
<ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="保养项名称" align="center" prop="value" />
<el-table border v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="保养项名称" align="center" prop="value" width="200" />
<el-table-column label="品牌通用" align="center" prop="isAll" >
<template #default="scope">
<div>
@ -98,11 +82,6 @@
</div>
</template>
</el-table-column>
<el-table-column label="语言标识 " align="center" prop="locale">
<template #default="scope">
<dict-tag :type="DICT_TYPE.LANGUAGE_LOCALE" :value="scope.row.locale" />
</template>
</el-table-column>
<el-table-column label="启用状态" align="center" prop="enabled" >
<template #default="scope">
<div>

View File

@ -112,9 +112,9 @@
<!-- 列表 -->
<ContentWrap>
<DesignPreviewDialog ref="designPreviewDialogRef"/>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table border v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="id" align="center" prop="id"/>
<el-table-column label="产品编码" align="center" prop="code"/>
<el-table-column label="产品编码" align="center" prop="code" width="200"/>
<el-table-column label="产品名称" align="center" prop="name"/>
<el-table-column label="封面" align="center" prop="cover">
<template #default="scope">
@ -137,13 +137,6 @@
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark"/>
<el-table-column
label="创建时间"
align="center"
prop="createTime"
:formatter="dateFormatter"
width="180px"
/>
<el-table-column label="操作" width="200px" align="center">
<template #default="scope">
<el-button

View File

@ -147,4 +147,4 @@ const getData = () => {
}
defineExpose({ validate, getData })
</script>
</script>

View File

@ -67,13 +67,6 @@
<el-table-column label="id" align="center" prop="id" />
<el-table-column label="名称" align="center" prop="name" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column
label="创建时间"
align="center"
prop="createTime"
:formatter="dateFormatter"
width="180px"
/>
<el-table-column label="操作" align="center">
<template #default="scope">
<el-button
@ -195,4 +188,4 @@ const handleExport = async () => {
onMounted(() => {
getList()
})
</script>
</script>

View File

@ -47,6 +47,10 @@ export default defineComponent({
data: {
type: Array as PropType<Recordable[]>,
default: () => []
},
border:{
type: Boolean,
default: true
}
},
emits: ['update:pageSize', 'update:currentPage', 'register','selectionChange'],
@ -273,6 +277,7 @@ export default defineComponent({
return () => (
<div v-loading={unref(getProps).loading}>
<ElTable
// @ts-ignore
ref={elTableRef}
data={unref(getProps).data}