准备上传
This commit is contained in:
@@ -13,7 +13,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table :data="list" style="width:100%" stripe>
|
||||
<el-table :data="list" style="width:100%">
|
||||
<el-table-column prop="id" label="ID" width="80" />
|
||||
<el-table-column prop="name" label="模板名" />
|
||||
<el-table-column prop="categoryId" label="分类ID" width="100" />
|
||||
@@ -39,18 +39,22 @@
|
||||
<el-dialog v-model="dlg.visible" :title="dlg.id? '查看模板' : '新建模板'" width="1100">
|
||||
<el-form :model="form" label-width="100px">
|
||||
<el-form-item label="分类">
|
||||
<el-select v-model="form.categoryId" placeholder="选择分类" :disabled="!!dlg.id">
|
||||
<el-select v-if="!dlg.id" v-model="form.categoryId" placeholder="选择分类">
|
||||
<el-option v-for="c in categories" :key="c.id" :label="c.name" :value="c.id" />
|
||||
</el-select>
|
||||
<span v-else class="view-text">{{ categories.find(c=>c.id===form.categoryId)?.name || '-' }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="模板名">
|
||||
<el-input v-model="form.name" maxlength="120" :disabled="!!dlg.id" />
|
||||
<el-input v-if="!dlg.id" v-model="form.name" maxlength="120" />
|
||||
<span v-else class="view-text">{{ form.name || '-' }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="型号规则">
|
||||
<el-input v-model="form.modelRule" placeholder="可填备注或正则" :disabled="!!dlg.id" />
|
||||
<el-input v-if="!dlg.id" v-model="form.modelRule" placeholder="可填备注或正则" />
|
||||
<span v-else class="view-text">{{ form.modelRule || '-' }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态">
|
||||
<el-switch v-model="form.status" :active-value="1" :inactive-value="0" :disabled="!!dlg.id" />
|
||||
<el-switch v-if="!dlg.id" v-model="form.status" :active-value="1" :inactive-value="0" />
|
||||
<el-tag v-else :type="form.status===1?'success':'info'">{{ form.status===1?'启用':'停用' }}</el-tag>
|
||||
</el-form-item>
|
||||
<el-divider>参数字段</el-divider>
|
||||
<div v-if="!dlg.id">
|
||||
@@ -61,38 +65,53 @@
|
||||
<template #default="{ $index }">{{ $index+1 }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="名称">
|
||||
<template #default="{row}"><el-input v-model="row.fieldLabel" :disabled="!!dlg.id" @input="onLabelInput(row)" /></template>
|
||||
<template #default="{row}">
|
||||
<el-input v-if="!dlg.id" v-model="row.fieldLabel" @input="onLabelInput(row)" />
|
||||
<span v-else class="view-text">{{ row.fieldLabel || '-' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="类型" width="120">
|
||||
<template #default="{row}">
|
||||
<el-select v-model="row.type" style="width:110px" :disabled="!!dlg.id">
|
||||
<el-select v-if="!dlg.id" v-model="row.type" style="width:110px">
|
||||
<el-option label="数字" value="number" />
|
||||
<el-option label="非数字" value="string" />
|
||||
</el-select>
|
||||
<span v-else class="view-text">{{ row.type==='number'?'数字':'非数字' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="必填" width="80">
|
||||
<template #default="{row}"><el-switch v-model="row.required" :disabled="!!dlg.id" /></template>
|
||||
<template #default="{row}">
|
||||
<el-switch v-if="!dlg.id" v-model="row.required" />
|
||||
<el-tag v-else :type="row.required?'success':'info'" size="small">{{ row.required?'是':'否' }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="单位" width="120">
|
||||
<template #default="{row}"><el-input v-model="row.unit" :disabled="!!dlg.id" /></template>
|
||||
<template #default="{row}">
|
||||
<el-input v-if="!dlg.id" v-model="row.unit" />
|
||||
<span v-else class="view-text">{{ row.unit || '-' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<!-- 检索默认参与:前端不再显示开关 -->
|
||||
<el-table-column label="可模糊" width="90">
|
||||
<template #default="{row}">
|
||||
<el-switch v-model="row.fuzzySearchable" :disabled="!!dlg.id || row.type!=='number'" />
|
||||
<el-switch v-if="!dlg.id" v-model="row.fuzzySearchable" :disabled="row.type!=='number'" />
|
||||
<el-tag v-else :type="row.fuzzySearchable?'success':'info'" size="small">{{ row.fuzzySearchable?'是':'否' }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="卡片展示" width="100">
|
||||
<template #default="{row}">
|
||||
<el-switch v-model="row.cardDisplay" :disabled="!!dlg.id" />
|
||||
<el-switch v-if="!dlg.id" v-model="row.cardDisplay" />
|
||||
<el-tag v-else :type="row.cardDisplay?'success':'info'" size="small">{{ row.cardDisplay?'是':'否' }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="容差" width="160">
|
||||
<template #default="{row}">
|
||||
<el-input v-model="row.fuzzyTolerance" :disabled="!!dlg.id || row.type!=='number' || !row.fuzzySearchable" placeholder="默认1.0" />
|
||||
<div v-if="row.unit" style="font-size:12px;color:#999">单位:{{ row.unit }}</div>
|
||||
<template v-if="!dlg.id">
|
||||
<el-input v-model="row.fuzzyTolerance" :disabled="row.type!=='number' || !row.fuzzySearchable" placeholder="默认1.0" />
|
||||
<div v-if="row.unit" style="font-size:12px;color:#999">单位:{{ row.unit }}</div>
|
||||
</template>
|
||||
<span v-else class="view-text">{{ row.fuzzyTolerance || '默认1.0' }}<span v-if="row.unit"> {{ row.unit }}</span></span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
@@ -255,6 +274,14 @@ function uniqueKey(base: string, currentRow:any){
|
||||
<style scoped>
|
||||
.page { padding: 16px; }
|
||||
.header { display:flex; align-items:center; justify-content: space-between; margin-bottom: 12px; }
|
||||
|
||||
/* 查看模式下的文本样式 */
|
||||
.view-text {
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
line-height: 32px;
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user