linweidong
/
besure_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat：质量管理-添加“展开/收起”按钮

Browse Source
main
黄伟杰 4 days ago
parent 88797b7760
commit 68c960317d
4 changed files with 56 additions and 8 deletions
Show Stats Download Patch File Download Diff File

18
src/views/mes/zjTask/index.vue
Unescape Escape View File

@ -38,7 +38,7 @@ v-model="queryParams.ticket" placeholder="请输入工单" clearable @keyup.ente
<el-option v-for="item in orgTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item :label="t('QualityManagement.ZjTask.status')" prop="status">
<el-form-item :label="t('QualityManagement.ZjTask.status')" prop="status" v-show="showAllFilters">
<el-select
v-model="queryParams.status"
clearable
@ -50,7 +50,7 @@ v-for="opt in getStrDictOptions('job_status')" :key="String(opt.value)" :label="
:value="opt.value" />
</el-select>
</el-form-item>
<el-form-item :label="t('QualityManagement.ZjTask.result')" prop="result">
<el-form-item :label="t('QualityManagement.ZjTask.result')" prop="result" v-show="showAllFilters">
<el-input
v-model="queryParams.result"
:placeholder="t('QualityManagement.ZjTask.placeholderResult')"
@ -59,7 +59,7 @@ v-for="opt in getStrDictOptions('job_status')" :key="String(opt.value)" :label="
class="!w-240px"
/>
</el-form-item>
<el-form-item :label="t('QualityManagement.ZjTask.createTime')" prop="createTime">
<el-form-item :label="t('QualityManagement.ZjTask.createTime')" prop="createTime" v-show="showAllFilters">
<el-date-picker
v-model="queryParams.createTime"
value-format="YYYY-MM-DD HH:mm:ss"
@ -70,6 +70,12 @@ v-for="opt in getStrDictOptions('job_status')" :key="String(opt.value)" :label="
class="!w-260px"
/>
</el-form-item>
<el-form-item v-if="filterCount > 3">
<el-button type="text" class="text-primary" @click="toggleFilters">
<Icon :icon="showAllFilters ? 'ep:arrow-up' : 'ep:arrow-down'" class="mr-5px" />
{{ showAllFilters ? t('FactoryModeling.FactoryStructure.collapseText') : t('FactoryModeling.FactoryStructure.expandText') }}
</el-button>
</el-form-item>
<el-form-item>
<el-button @click="handleQuery">
<Icon icon="ep:search" class="mr-5px" /> {{ t('common.query') }}
@ -229,6 +235,12 @@ const orgTypeOptions = getStrDictOptions(DICT_TYPE.MES_ORG_TYPE)
const selectedIds = ref<number[]>([])
const cancelLoading = ref(false)
const showAllFilters = ref(false)
const filterCount = 6
const toggleFilters = () => {
showAllFilters.value = !showAllFilters.value
}
const getList = async () => {
loading.value = true

14
src/views/mes/zjitem/index.vue
Unescape Escape View File

@ -29,7 +29,7 @@
@keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item :label="t('QualityManagement.ZjItem.createTime')" prop="createTime">
<el-form-item :label="t('QualityManagement.ZjItem.createTime')" prop="createTime" v-show="showAllFilters">
<el-date-picker
v-model="queryParams.createTime"
value-format="YYYY-MM-DD HH:mm:ss"
@ -38,6 +38,12 @@
:end-placeholder="t('QualityManagement.ZjItem.placeholderCreateTimeEnd')"
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" class="!w-220px" />
</el-form-item>
<el-form-item v-if="filterCount > 3">
<el-button type="text" class="text-primary" @click="toggleFilters">
<Icon :icon="showAllFilters ? 'ep:arrow-up' : 'ep:arrow-down'" class="mr-5px" />
{{ showAllFilters ? t('FactoryModeling.FactoryStructure.collapseText') : t('FactoryModeling.FactoryStructure.expandText') }}
</el-button>
</el-form-item>
<el-form-item>
<el-button @click="handleQuery">
<Icon icon="ep:search" class="mr-5px" /> {{ t('common.query') }}
@ -143,6 +149,12 @@ const queryParams = reactive({
const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中
const selectedIds = ref<number[]>([])
const showAllFilters = ref(false)
const filterCount = 4
const toggleFilters = () => {
showAllFilters.value = !showAllFilters.value
}
/** 查询列表 */
const getList = async () => {

18
src/views/mes/zjschema/index.vue
Unescape Escape View File

@ -44,7 +44,7 @@ v-for="dict in getDictOptions('mes_zj_schema_sample_method')" :key="dict.value"
class="!w-240px"
/>
</el-form-item> -->
<el-form-item :label="t('QualityManagement.ZjSchema.remark')" prop="remark">
<el-form-item :label="t('QualityManagement.ZjSchema.remark')" prop="remark" v-show="showAllFilters">
<el-input
v-model="queryParams.remark"
:placeholder="t('QualityManagement.ZjSchema.placeholderRemark')"
@ -53,7 +53,7 @@ v-for="dict in getDictOptions('mes_zj_schema_sample_method')" :key="dict.value"
class="!w-240px"
/>
</el-form-item>
<el-form-item :label="t('QualityManagement.ZjSchema.item')" prop="item">
<el-form-item :label="t('QualityManagement.ZjSchema.item')" prop="item" v-show="showAllFilters">
<el-input
v-model="queryParams.item"
:placeholder="t('QualityManagement.ZjSchema.placeholderItem')"
@ -62,7 +62,7 @@ v-for="dict in getDictOptions('mes_zj_schema_sample_method')" :key="dict.value"
class="!w-240px"
/>
</el-form-item>
<el-form-item :label="t('QualityManagement.ZjSchema.createTime')" prop="createTime">
<el-form-item :label="t('QualityManagement.ZjSchema.createTime')" prop="createTime" v-show="showAllFilters">
<el-date-picker
v-model="queryParams.createTime"
value-format="YYYY-MM-DD HH:mm:ss"
@ -73,6 +73,12 @@ v-for="dict in getDictOptions('mes_zj_schema_sample_method')" :key="dict.value"
class="!w-220px"
/>
</el-form-item>
<el-form-item v-if="filterCount > 3">
<el-button type="text" class="text-primary" @click="toggleFilters">
<Icon :icon="showAllFilters ? 'ep:arrow-up' : 'ep:arrow-down'" class="mr-5px" />
{{ showAllFilters ? t('FactoryModeling.FactoryStructure.collapseText') : t('FactoryModeling.FactoryStructure.expandText') }}
</el-button>
</el-form-item>
<el-form-item>
<el-button @click="handleQuery">
<Icon icon="ep:search" class="mr-5px" /> {{ t('common.query') }}
@ -199,6 +205,12 @@ const queryParams = reactive({
const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中
const selectedIds = ref<number[]>([])
const showAllFilters = ref(false)
const filterCount = 6
const toggleFilters = () => {
showAllFilters.value = !showAllFilters.value
}
const formatValDisplay = (val: any) => {
if (val === undefined || val === null || val === '') return ''

14
src/views/mes/zjtype/index.vue
Unescape Escape View File

@ -35,7 +35,7 @@
class="!w-240px"
/>
</el-form-item>
<el-form-item :label="t('QualityManagement.ZjType.createTime')" prop="createTime">
<el-form-item :label="t('QualityManagement.ZjType.createTime')" prop="createTime" v-show="showAllFilters">
<el-date-picker
v-model="queryParams.createTime"
value-format="YYYY-MM-DD HH:mm:ss"
@ -46,6 +46,12 @@
class="!w-220px"
/>
</el-form-item>
<el-form-item v-if="filterCount > 3">
<el-button type="text" class="text-primary" @click="toggleFilters">
<Icon :icon="showAllFilters ? 'ep:arrow-up' : 'ep:arrow-down'" class="mr-5px" />
{{ showAllFilters ? t('FactoryModeling.FactoryStructure.collapseText') : t('FactoryModeling.FactoryStructure.expandText') }}
</el-button>
</el-form-item>
<el-form-item>
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> {{ t('common.query') }}</el-button>
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> {{ t('common.reset') }}</el-button>
@ -152,6 +158,12 @@ const queryParams = reactive({
const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中
const selectedIds = ref<number[]>([])
const showAllFilters = ref(false)
const filterCount = 4
const toggleFilters = () => {
showAllFilters.value = !showAllFilters.value
}
/** 查询列表 */
const getList = async () => {

Write Preview
Loading…
Cancel
Save