From 8611a1ba1696e76cced04ff5d658ba138a05dafd Mon Sep 17 00:00:00 2001
From: zenglf <18502938215@163.com>
Date: 星期六, 19 八月 2023 14:37:32 +0800
Subject: [PATCH] 设备管理前端代码提交 截止 20230819 13：55 分
---
src/views/eam/modules/equipmentUnseal/EquipmentUnsealDetailList.vue | 430 +++++++++++++++++++++++++++--------------------------
1 files changed, 221 insertions(+), 209 deletions(-)
diff --git a/src/views/eam/modules/equipmentUnseal/EquipmentUnsealDetailList.vue b/src/views/eam/modules/equipmentUnseal/EquipmentUnsealDetailList.vue
index 8b29ce2..aca3e99 100644
--- a/src/views/eam/modules/equipmentUnseal/EquipmentUnsealDetailList.vue
+++ b/src/views/eam/modules/equipmentUnseal/EquipmentUnsealDetailList.vue
@@ -1,78 +1,87 @@
<template>
- <a-card :bordered="false" :class="'cust-erp-sub-tab'">
+ <a-card
+ :bordered="false"
+ :class="'cust-erp-sub-tab'"
+ >
<!-- 鏌ヨ鍖哄煙 -->
<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-row>
</a-form>
</div>
- <!-- 鏌ヨ鍖哄煙-END -->
- <!-- 鎿嶄綔鎸夐挳鍖哄煙 -->
- <!-- <div class="table-operator" v-if="mainId">
- <a-button @click="handleAdd" 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>
- <a-dropdown v-if="selectedRowKeys.length > 0">
- <a-menu slot="overlay">
- <a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>鍒犻櫎</a-menu-item>
- </a-menu>
- <a-button style="margin-left: 8px"> 鎵归噺鎿嶄綔 <a-icon type="down" /></a-button>
- </a-dropdown>
- </div> -->
-
- <!-- 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> -->
-
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
- :scroll="{x:true}"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
- @change="handleTableChange">
+ @change="handleTableChange"
+ :scroll="{ x: 'calc(1400px + 50%)', y: 900 }"
+ >
+ <!-- :scroll="{x:true}" -->
- <template slot="htmlSlot" slot-scope="text">
+ <template
+ slot="htmlSlot"
+ slot-scope="text"
+ >
<div v-html="text"></div>
</template>
- <template slot="equipmentPhoto" 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="equipmentPhoto"
+ 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">
+ <span
+ slot="action"
+ slot-scope="text, record"
+ >
<a @click="handleEdit(record)">缂栬緫</a>
<a-divider type="vertical" />
- <a-popconfirm title="纭畾鍒犻櫎鍚�?" @confirm="() => handleDelete(record.id)">
+ <a-popconfirm
+ title="纭畾鍒犻櫎鍚�?"
+ @confirm="() => handleDelete(record.id)"
+ >
<a>鍒犻櫎</a>
</a-popconfirm>
</span>
@@ -80,182 +89,185 @@
</a-table>
</div>
- <equipmentUnsealDetail-modal ref="modalForm" @ok="modalFormOk" :mainId="mainId"></equipmentUnsealDetail-modal>
+ <equipmentUnsealDetail-modal
+ ref="modalForm"
+ @ok="modalFormOk"
+ :mainId="mainId"
+ ></equipmentUnsealDetail-modal>
</a-card>
</template>
<script>
- import { JeecgListMixin } from '@/mixins/JeecgListMixin'
- import EquipmentUnsealDetailModal from './EquipmentUnsealDetailModal'
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import EquipmentUnsealDetailModal from './EquipmentUnsealDetailModal'
- export default {
- name: "EquipmentUnsealDetailList",
- mixins:[JeecgListMixin],
- components: { EquipmentUnsealDetailModal },
- props:{
- mainId:{
- type:String,
- default:'',
- required:false
- }
- },
- watch:{
- mainId:{
- immediate: true,
- handler(val) {
- if(!this.mainId){
- this.clearList()
- }else{
- this.queryParam['equipmentChangeId'] = val
- this.loadData(1);
- }
- }
- }
- },
- data () {
- return {
- description: '璁惧鍚皝绠＄悊椤甸潰',
- disableMixinCreated:true,
- // 琛ㄥご
- columns: [
- {
- title: '#',
- dataIndex: '',
- key:'rowIndex',
- width:60,
- align:"center",
- customRender:function (t,r,index) {
- return parseInt(index)+1;
- }
- },
- // {
- // title:'璁惧鍙樺姩鍗昳d',
- // align:"center",
- // dataIndex: 'equipmentChangeId'
- // },
- // {
- // title:'璁惧ID',
- // align:"center",
- // dataIndex: 'equipmentId'
- // },
- {
- title:'璁惧缂栫爜',
- align:"center",
- dataIndex: 'equipmentNum'
- },
- {
- title:'璧勪骇缂栫爜',
- align:"center",
- dataIndex: 'assetNumber'
- },
- {
- title:'鐗圭璁惧',
- align:"center",
- dataIndex: 'specificEquipment_dictText',
- },
- {
- title:'璁惧鍚嶇О',
- align:"center",
- dataIndex: 'equipmentName'
- },
- {
- title:'璁惧鍨嬪彿',
- align:"center",
- dataIndex: 'model'
- },
- {
- title:'璁惧瑙勬牸',
- align:"center",
- dataIndex: 'specification'
- },
- {
- title:'璁惧鐘舵��',
- align:"center",
- dataIndex: 'equipmentStatus_dictText',
- },
- {
- title:'鎶�鏈姸鎬�',
- align:"center",
- dataIndex: 'technologyStatus_dictText',
- },
- {
- title:'璁惧鍥剧墖',
- align:"center",
- dataIndex: 'equipmentPhoto',
- scopedSlots: {customRender: "equipmentPhoto"}
- },
- {
- title:'璁惧浣嶇疆',
- align:"center",
- dataIndex: 'location'
- },
- {
- title:'閲嶈搴�',
- align:"center",
- dataIndex: 'equipmentImportanceId_dictText',
- },
- {
- title:'灏佸瓨鍘熷洜',
- align:"center",
- dataIndex: 'sealReason'
- },
- {
- title:'灏佸瓨鏃ユ湡',
- align:"center",
- dataIndex: 'sealDate'
- },
- {
- title:'鍚皝鏃ユ湡',
- align:"center",
- dataIndex: 'unsealDate'
- },
- {
- title:'鍚皝鍘熷洜',
- align:"center",
- dataIndex: 'unsealReason'
- },
- // {
- // title: '鎿嶄綔',
- // dataIndex: 'action',
- // align:"center",
- // fixed:"right",
- // width:147,
- // scopedSlots: { customRender: 'action' },
- // }
- ],
- url: {
- list: "/eam/equipmentUnseal/listEquipmentUnsealDetailByMainId",
- delete: "/eam/equipmentUnseal/deleteEquipmentUnsealDetail",
- deleteBatch: "/eam/equipmentUnseal/deleteBatchEquipmentUnsealDetail",
- exportXlsUrl: "/eam/equipmentUnseal/exportEquipmentUnsealDetail",
- importUrl: "/eam/equipmentUnseal/importEquipmentUnsealDetail",
- },
- dictOptions:{
- auditStatus:[],
- }
- }
- },
- created() {
- },
- computed: {
- importExcelUrl(){
- return `${window._CONFIG['domianURL']}/${this.url.importUrl}/${this.mainId}`;
- }
- },
- methods: {
- clearList(){
- this.dataSource=[]
- this.selectedRowKeys=[]
- this.ipagination.current = 1
- }
-
+export default {
+ name: "EquipmentUnsealDetailList",
+ mixins: [JeecgListMixin],
+ components: { EquipmentUnsealDetailModal },
+ props: {
+ mainId: {
+ type: String,
+ default: '',
+ required: false
}
+ },
+ watch: {
+ mainId: {
+ immediate: true,
+ handler(val) {
+ if (!this.mainId) {
+ this.clearList()
+ } else {
+ this.queryParam['equipmentChangeId'] = val
+ this.loadData(1);
+ }
+ }
+ }
+ },
+ data() {
+ return {
+ description: '璁惧鍚皝绠＄悊椤甸潰',
+ disableMixinCreated: true,
+ // 琛ㄥご
+ columns: [
+ {
+ title: '#',
+ dataIndex: '',
+ key: 'rowIndex',
+ width: 60,
+ align: "center",
+ customRender: function (t, r, index) {
+ return parseInt(index) + 1;
+ }
+ },
+ // {
+ // title:'璁惧鍙樺姩鍗昳d',
+ // align:"center",
+ // dataIndex: 'equipmentChangeId'
+ // },
+ // {
+ // title:'璁惧ID',
+ // align:"center",
+ // dataIndex: 'equipmentId'
+ // },
+ {
+ title: '璁惧缂栫爜',
+ align: "center",
+ dataIndex: 'equipmentNum'
+ },
+ {
+ title: '璧勪骇缂栫爜',
+ align: "center",
+ dataIndex: 'assetNumber'
+ },
+ {
+ title: '鐗圭璁惧',
+ align: "center",
+ dataIndex: 'specificEquipment_dictText',
+ },
+ {
+ title: '璁惧鍚嶇О',
+ align: "center",
+ dataIndex: 'equipmentName'
+ },
+ {
+ title: '璁惧鍨嬪彿',
+ align: "center",
+ dataIndex: 'model'
+ },
+ {
+ title: '璁惧瑙勬牸',
+ align: "center",
+ dataIndex: 'specification'
+ },
+ {
+ title: '璁惧鐘舵��',
+ align: "center",
+ dataIndex: 'equipmentStatus_dictText',
+ },
+ {
+ title: '鎶�鏈姸鎬�',
+ align: "center",
+ dataIndex: 'technologyStatus_dictText',
+ },
+ {
+ title: '璁惧鍥剧墖',
+ align: "center",
+ dataIndex: 'equipmentPhoto',
+ scopedSlots: { customRender: "equipmentPhoto" }
+ },
+ {
+ title: '璁惧浣嶇疆',
+ align: "center",
+ dataIndex: 'location'
+ },
+ {
+ title: '閲嶈搴�',
+ align: "center",
+ dataIndex: 'equipmentImportanceId_dictText',
+ },
+ {
+ title: '灏佸瓨鍘熷洜',
+ align: "center",
+ dataIndex: 'sealReason'
+ },
+ {
+ title: '灏佸瓨鏃ユ湡',
+ align: "center",
+ dataIndex: 'sealDate'
+ },
+ {
+ title: '鍚皝鏃ユ湡',
+ align: "center",
+ dataIndex: 'unsealDate'
+ },
+ {
+ title: '鍚皝鍘熷洜',
+ align: "center",
+ dataIndex: 'unsealReason'
+ },
+ // {
+ // title: '鎿嶄綔',
+ // dataIndex: 'action',
+ // align:"center",
+ // fixed:"right",
+ // width:147,
+ // scopedSlots: { customRender: 'action' },
+ // }
+ ],
+ url: {
+ list: "/eam/equipmentUnseal/listEquipmentUnsealDetailByMainId",
+ delete: "/eam/equipmentUnseal/deleteEquipmentUnsealDetail",
+ deleteBatch: "/eam/equipmentUnseal/deleteBatchEquipmentUnsealDetail",
+ exportXlsUrl: "/eam/equipmentUnseal/exportEquipmentUnsealDetail",
+ importUrl: "/eam/equipmentUnseal/importEquipmentUnsealDetail",
+ },
+ dictOptions: {
+ auditStatus: [],
+ }
+ }
+ },
+ created() {
+ },
+ computed: {
+ importExcelUrl() {
+ return `${window._CONFIG['domianURL']}/${this.url.importUrl}/${this.mainId}`;
+ }
+ },
+ methods: {
+ clearList() {
+ this.dataSource = []
+ this.selectedRowKeys = []
+ this.ipagination.current = 1
+ }
+
}
+}
</script>
<style scoped>
- ::v-deep .ant-card-body {
- padding: 2px;
- }
-
+::v-deep .ant-card-body {
+ padding: 2px;
+}
</style>
--
Gitblit v1.9.3