From b4d09a09d2a8ffc939e97f8b400ff94a64d13eb7 Mon Sep 17 00:00:00 2001
From: zhuzhuanzhuan
Date: 星期一, 04 三月 2024 17:46:01 +0800
Subject: [PATCH] 优化用户管理页面表单填写界面选择设备功能，车间重新选择后重置选择设备
---
src/views/eam/OperationCertificateList.vue | 243 ++++++++++++++++++++++++++++++++++--------------
1 files changed, 171 insertions(+), 72 deletions(-)
diff --git a/src/views/eam/OperationCertificateList.vue b/src/views/eam/OperationCertificateList.vue
index 53b4262..9cb2195 100644
--- a/src/views/eam/OperationCertificateList.vue
+++ b/src/views/eam/OperationCertificateList.vue
@@ -1,37 +1,95 @@
<template>
- <a-card :bordered='false'>
+ <a-card
+ title="鎿嶄綔璇佷功绠＄悊"
+ :bordered='false'
+ >
<!-- 鏌ヨ鍖哄煙 -->
<div class='table-page-search-wrapper'>
- <a-form layout='inline' @keyup.enter.native='searchQuery'>
+ <a-form
+ layout='inline'
+ @keyup.enter.native='searchQuery'
+ >
<a-row :gutter='24'>
- <a-col :xl='6' :lg='7' :md='8' :sm='24'>
+ <a-col
+ :xl='6'
+ :lg='7'
+ :md='8'
+ :sm='24'
+ >
<a-form-item label='鎿嶄綔璇佺紪鍙�'>
- <a-input placeholder='璇疯緭鍏ユ搷浣滆瘉缂栧彿' v-model='queryParam.num'></a-input>
+ <a-input
+ placeholder='璇疯緭鍏ユ搷浣滆瘉缂栧彿'
+ v-model='queryParam.num'
+ ></a-input>
</a-form-item>
</a-col>
- <a-col :xl='6' :lg='7' :md='8' :sm='24'>
+ <a-col
+ :xl='6'
+ :lg='7'
+ :md='8'
+ :sm='24'
+ >
<a-form-item label='濮撳悕'>
- <j-select-user-by-dep placeholder='璇烽�夋嫨濮撳悕' v-model='queryParam.userId' />
+ <j-select-user-by-dep
+ placeholder='璇烽�夋嫨濮撳悕'
+ v-model='queryParam.userId'
+ />
</a-form-item>
</a-col>
<template v-if='toggleSearchStatus'>
- <a-col :xl='6' :lg='7' :md='8' :sm='24'>
+ <a-col
+ :xl='6'
+ :lg='7'
+ :md='8'
+ :sm='24'
+ >
<a-form-item label='鍙戣瘉鏃ユ湡'>
- <j-date placeholder='璇烽�夋嫨鍙戣瘉鏃ユ湡' v-model='queryParam.issueDate'></j-date>
+ <j-date
+ placeholder='璇烽�夋嫨鍙戣瘉鏃ユ湡'
+ v-model='queryParam.issueDate'
+ ></j-date>
</a-form-item>
</a-col>
- <a-col :xl='6' :lg='7' :md='8' :sm='24'>
+ <a-col
+ :xl='6'
+ :lg='7'
+ :md='8'
+ :sm='24'
+ >
<a-form-item label='璁惧缁熶竴缂栫爜'>
- <j-multi-select-tag placeholder='璇烽�夋嫨璁惧缁熶竴缂栫爜' dictCode='mom_eam_equipment,num,id'
- v-model='queryParam.equipmentIds' />
+ <j-multi-select-tag
+ placeholder='璇烽�夋嫨璁惧缁熶竴缂栫爜'
+ dictCode='mom_eam_equipment,num,id'
+ v-model='queryParam.equipmentIds'
+ />
</a-form-item>
</a-col>
</template>
- <a-col :xl='6' :lg='7' :md='8' :sm='24'>
- <span style='float: left;overflow: hidden;' class='table-page-search-submitButtons'>
- <a-button type='primary' @click='searchQuery' icon='search'>鏌ヨ</a-button>
- <a-button type='primary' @click='searchReset' icon='reload' style='margin-left: 8px'>閲嶇疆</a-button>
- <a @click='handleToggleSearch' style='margin-left: 8px'>
+ <a-col
+ :xl='6'
+ :lg='7'
+ :md='8'
+ :sm='24'
+ >
+ <span
+ style='float: left;overflow: hidden;'
+ class='table-page-search-submitButtons'
+ >
+ <a-button
+ type='primary'
+ @click='searchQuery'
+ icon='search'
+ >鏌ヨ</a-button>
+ <a-button
+ type='primary'
+ @click='searchReset'
+ icon='reload'
+ style='margin-left: 8px'
+ >閲嶇疆</a-button>
+ <a
+ @click='handleToggleSearch'
+ style='margin-left: 8px'
+ >
{{ toggleSearchStatus ? '鏀惰捣' : '灞曞紑' }}
<a-icon :type="toggleSearchStatus ? 'up' : 'down'" />
</a>
@@ -44,12 +102,29 @@
<!-- 鎿嶄綔鎸夐挳鍖哄煙 -->
<div class='table-operator'>
-<!-- <a-button @click='handleAdd' type='primary' icon='plus'>鏂板</a-button>-->
- <a-button @click='handleChangeCertificate' type='primary' icon='plus'>鍙樻洿鎿嶄綔璇�</a-button>
- <a-button type='primary' icon='download' @click="handleExportXls('鎿嶄綔璇佷功绠＄悊')">瀵煎嚭</a-button>
- <a-upload name='file' :showUploadList='false' :multiple='false' :headers='tokenHeader' :action='importExcelUrl'
- @change='handleImportExcel'>
- <a-button type='primary' icon='import'>瀵煎叆</a-button>
+ <!-- <a-button @click='handleAdd' type='primary' icon='plus'>鏂板</a-button>-->
+ <a-button
+ @click='handleChangeCertificate'
+ type='primary'
+ icon='plus'
+ >鍙樻洿鎿嶄綔璇�</a-button>
+ <a-button
+ type='primary'
+ icon='download'
+ @click="handleExportXls('鎿嶄綔璇佷功绠＄悊')"
+ >瀵煎嚭</a-button>
+ <a-upload
+ name='file'
+ :showUploadList='false'
+ :multiple='false'
+ :headers='tokenHeader'
+ :action='importExcelUrl'
+ @change='handleImportExcel'
+ >
+ <a-button
+ type='primary'
+ icon='import'
+ >瀵煎叆</a-button>
</a-upload>
<!-- 楂樼骇鏌ヨ鍖哄煙 -->
<!-- <j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>-->
@@ -63,10 +138,15 @@
<!-- table鍖哄煙-begin -->
<div>
- <div class='ant-alert ant-alert-info' style='margin-bottom: 16px;'>
- <i class='anticon anticon-info-circle ant-alert-icon'></i> 宸查�夋嫨 <a
- style='font-weight: 600'>{{ selectedRowKeys.length }}</a>椤�
- <a style='margin-left: 24px' @click='onClearSelected'>娓呯┖</a>
+ <div
+ class='ant-alert ant-alert-info'
+ style='margin-bottom: 16px;'
+ >
+ <i class='anticon anticon-info-circle ant-alert-icon'></i> 宸查�夋嫨 <a style='font-weight: 600'>{{ selectedRowKeys.length }}</a>椤�
+ <a
+ style='margin-left: 24px'
+ @click='onClearSelected'
+ >娓呯┖</a>
</div>
<a-table
@@ -82,59 +162,67 @@
:loading='loading'
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange ,type:'radio'}"
:customRow='clickThenSelect'
- @change='handleTableChange'>
+ @change='handleTableChange'
+ :rowClassName="tableRowClass"
+ >
-
-
- <template slot='htmlSlot' slot-scope='text'>
+ <template
+ slot='htmlSlot'
+ slot-scope='text'
+ >
<div v-html='text'></div>
</template>
- <template slot='imgSlot' slot-scope='text,record'>
- <span v-if='!text' style='font-size: 12px;font-style: italic;'>鏃犲浘鐗�</span>
- <img v-else :src='getImgView(text)' :preview='record.id' height='25px' alt=''
- style='max-width:80px;font-size: 12px;font-style: italic;' />
+ <template
+ slot='imgSlot'
+ slot-scope='text,record'
+ >
+ <span
+ v-if='!text'
+ style='font-size: 12px;font-style: italic;'
+ >鏃犲浘鐗�</span>
+ <img
+ v-else
+ :src='getImgView(text)'
+ :preview='record.id'
+ height='25px'
+ alt=''
+ style='max-width:80px;font-size: 12px;font-style: italic;'
+ />
</template>
- <template slot='fileSlot' slot-scope='text'>
- <span v-if='!text' style='font-size: 12px;font-style: italic;'>鏃犳枃浠�</span>
+ <template
+ slot='fileSlot'
+ slot-scope='text'
+ >
+ <span
+ v-if='!text'
+ style='font-size: 12px;font-style: italic;'
+ >鏃犳枃浠�</span>
<a-button
v-else
:ghost='true'
type='primary'
icon='download'
size='small'
- @click='downloadFile(text)'>
+ @click='downloadFile(text)'
+ >
涓嬭浇
</a-button>
</template>
- <span slot='action' slot-scope='text, record'>
-<!-- <a @click='handleEdit(record)'>缂栬緫</a>-->
- <!-- <a-divider type='vertical' />-->
-<!-- <a @click='handleDetail(record)'>璇︽儏</a>-->
- <!-- <a-divider type="vertical" />-->
- <!-- <a-dropdown>-->
- <!-- <a class="ant-dropdown-link">鏇村 <a-icon type="down" /></a>-->
- <!-- <a-menu slot="overlay">-->
- <!-- <a-menu-item>-->
- <!-- <a @click="handleDetail(record)">璇︽儏</a>-->
- <!-- </a-menu-item>-->
- <!-- <a-menu-item>-->
- <!-- <a-popconfirm title="纭畾鍒犻櫎鍚�?" @confirm="() => handleDelete(record.id)">-->
- <!-- <a>鍒犻櫎</a>-->
- <!-- </a-popconfirm>-->
- <!-- </a-menu-item>-->
- <!-- </a-menu>-->
- <!-- </a-dropdown>-->
- </span>
-
</a-table>
</div>
<a-tabs defaultActiveKey="1">
- <a-tab-pane tab="鎿嶄綔璇佺鐞嗘槑缁�" key="1" >
+ <a-tab-pane
+ tab="鎿嶄綔璇佺鐞嗘槑缁�"
+ key="1"
+ >
<OperationCertificateDetailList :mainId="operationCertificateDetailMainId" />
</a-tab-pane>
</a-tabs>
- <operation-certificate-modal ref='modalForm' @ok='modalFormOk' />
+ <operation-certificate-modal
+ ref='modalForm'
+ @ok='modalFormOk'
+ />
</a-card>
</template>
@@ -164,7 +252,7 @@
key: 'rowIndex',
width: 60,
align: 'center',
- customRender: function(t, r, index) {
+ customRender: function (t, r, index) {
return parseInt(index) + 1
}
},
@@ -182,7 +270,7 @@
title: '鍙戣瘉鏃ユ湡',
align: 'center',
dataIndex: 'issueDate',
- customRender: function(text) {
+ customRender: function (text) {
return !text ? '' : (text.length > 10 ? text.substr(0, 10) : text)
}
},
@@ -190,7 +278,7 @@
title: '寮�濮嬫椂闂�',
align: 'center',
dataIndex: 'startTime',
- customRender: function(text) {
+ customRender: function (text) {
return !text ? '' : (text.length > 10 ? text.substr(0, 10) : text)
}
},
@@ -198,7 +286,7 @@
title: '缁撴潫鏃堕棿',
align: 'center',
dataIndex: 'endTime',
- customRender: function(text) {
+ customRender: function (text) {
return !text ? '' : (text.length > 10 ? text.substr(0, 10) : text)
}
},
@@ -242,7 +330,7 @@
dictOptions: {},
superFieldList: [],
/* 鍒嗛〉鍙傛暟 */
- ipagination:{
+ ipagination: {
current: 1,
pageSize: 5,
pageSizeOptions: ['5', '10', '50'],
@@ -253,7 +341,7 @@
showSizeChanger: true,
total: 0
},
- selectedMainId:'',
+ selectedMainId: '',
operationCertificateDetailMainId: '',
}
@@ -262,7 +350,7 @@
this.getSuperFieldList()
},
computed: {
- importExcelUrl: function() {
+ importExcelUrl: function () {
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`
}
},
@@ -278,7 +366,7 @@
}
}
},
- handleChangeCertificate: function() {
+ handleChangeCertificate: function () {
if (this.selectionRows.length <= 0) {
this.$message.warning('璇烽�夋嫨涓�鏉¤褰�')
return
@@ -293,16 +381,16 @@
onClearSelected() {
this.selectedRowKeys = [];
this.selectionRows = [];
- this.selectedMainId=''
+ this.selectedMainId = ''
},
onSelectChange(selectedRowKeys, selectionRows) {
- this.selectedMainId=selectedRowKeys[0]
+ this.selectedMainId = selectedRowKeys[0]
this.selectedRowKeys = selectedRowKeys;
this.selectionRows = selectionRows;
this.operationCertificateDetailMainId = selectionRows[0]['id']
},
loadData(arg) {
- if(!this.url.list){
+ if (!this.url.list) {
this.$message.error("璇疯缃畊rl.list灞炴��!")
return
}
@@ -318,11 +406,18 @@
this.dataSource = res.result.records;
this.ipagination.total = res.result.total;
}
- if(res.code===510){
+ if (res.code === 510) {
this.$message.warning(res.message)
}
this.loading = false;
})
+ },
+ //棰勮棰滆壊
+ tableRowClass(record, index) {
+ debugger
+ if ('0' === record.status) {
+ return 'error'
+ }
},
getSuperFieldList() {
let fieldList = []
@@ -347,6 +442,10 @@
}
}
</script>
-<style scoped>
+<style>
@import '~@assets/less/common.less';
+.error {
+ color: red;
+ font-weight: bold;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.3