?
?
<template><a-card :bordered="false"><div class="contentWrap"><!-- 查詢區域 --><div class="table-page-search-wrapper"><a-form layout="inline" @keyup.enter.native="searchQuery"><a-row :gutter="24"><a-col :md="6" :sm="12"><a-form-item label="登錄賬號"><a-input placeholder="請輸入登錄賬號" :max-length="40" v-model="queryParam.manufactureEnterprise"></a-input></a-form-item></a-col><a-col :md="6" :sm="12"><a-form-item label="用戶姓名"><a-input placeholder="請輸入用戶姓名" :max-length="40" v-model="queryParam.model"></a-input></a-form-item></a-col><a-col :md="6" :sm="8"><span style="float: left; overflow: hidden" class="table-page-search-submitButtons"><a-button type="primary" @click="searchQuery" icon="search">查詢</a-button><a-button @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button></span></a-col></a-row></a-form></div><!-- 操作按鈕區域 --><div class="table-operator" style="border-top: 5px"><a-button @click="handleAdd" type="primary" icon="plus">新增賬號</a-button></div><!-- table區域-begin --><div><a-tableref="table"borderedsize="middle"rowKey="id":columns="columns":dataSource="dataSource":pagination="ipagination":loading="loading"@change="handleTableChange"><template slot="account" slot-scope="text"><j-ellipsis :value="text" :length="30"></j-ellipsis></template><template slot="passwordTitle">登錄密碼<a-tooltip title="說明" slot="action"><a-icon type="info-circle-o" /></a-tooltip></template><template slot="passwordType" slot-scope="text"><span>{{ filterDictText(passwordTypeOption, text) }}</span></template><template slot="loginLimit" slot-scope="text"><span>{{ filterDictText(loginLimitOption, text) }}</span></template><template slot="status" slot-scope="text"><span>{{ filterDictText(statusOption, text) }}</span></template><span slot="action" slot-scope="text, record"><a v-if="record.passwordType == '原始密碼'" @click="handlePwd(record.passwordType)">原始密碼</a><a-popconfirm v-else @confirm="() => handlePwd(record.passwordType)"><template slot="title"><div>是否重置密碼？</div></template><a>重置密碼</a></a-popconfirm><a-divider type="vertical" /><a @click="handleEdit(record)">編輯</a><a-divider type="vertical" /><a-popconfirm @confirm="() => handleDelete(record.modelId)"><template slot="title"><div>刪除后該賬戶無法登陸平臺。</div><div>賬戶不可找回。</div></template><a>刪除</a></a-popconfirm><a-divider type="vertical" /><a-popconfirm @confirm="() => handleStatus(record.modelId)"><template slot="title"><div>是否改為{{record.status == '啟用' ? '禁用' : '啟用'}}狀態？</div></template><a>{{record.status == '啟用' ? '禁用' : '啟用'}}</a></a-popconfirm></span></a-table></div></div><AddModal ref="modalForm" @ok="modalFormOk" :loginLimitOption="loginLimitOption" :statusOption="statusOption"></AddModal></a-card></template><script>
// @ is an alias to /src
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import AddModal from './modules/AddModal'
import { initDictOptions, filterDictText } from '@/components/dict/JDictSelectUtil'export default {name: 'model',mixins: [JeecgListMixin],components: { AddModal },data() {return {queryParam: {},passwordTypeOption: [],loginLimitOption: [],statusOption: [],columns: [{title: '登錄賬戶',align: 'center',dataIndex: 'account',scopedSlots: { customRender: 'account' },width: 100,},{title: '用戶姓名',align: 'center',dataIndex: 'userName',scopedSlots: { customRender: 'userName' },width: 100,},{// title: '登錄密碼',// slots: { title: '登錄密碼' },align: 'center',width: 100,dataIndex: 'passwordType',scopedSlots: { customRender: 'passwordType', title: 'passwordTitle' },},{title: '登錄權限',align: 'center',width: 100,dataIndex: 'loginLimit',scopedSlots: { customRender: 'loginLimit' },},{title: '啟用狀態',align: 'center',width: 80,dataIndex: 'status',scopedSlots: { customRender: 'status' },},{title: '創建時間',align: 'center',width: 80,dataIndex: 'creatTime',scopedSlots: { customRender: 'creatTime' },},{title: '操作',dataIndex: 'action',scopedSlots: { customRender: 'action' },align: 'center',width: 100,},],url: {list: 'jeccgApi'+'/sys/energy/storageCabinetModel/list',delete: 'jeccgApi'+'/sys/energy/storageCabinetModel/delete',},}},created() {this.getDictOptions()},mounted() {},methods: {filterDictText,getDictOptions() {initDictOptions('material_type').then((res) => {// console.log('mmmm', res)if (res.success) {this.passwordTypeOption = res.result}})initDictOptions('material_type').then((res) => {// console.log('mmmm', res)if (res.success) {this.loginLimitOption = res.result}})initDictOptions('material_type').then((res) => {// console.log('mmmm', res)if (res.success) {this.statusOption = res.result}})},handleAdd() {this.$nextTick(() => {this.$refs.modalForm.add()})},handleEdit(row) {this.$nextTick(() => {this.$refs.modalForm.edit(row)})},modalFormOk() {// 新增/修改 成功時，重載列表this.loadData(1)},handlePwd(type) {if(type == '原始密碼') {// 復制密碼} else {// 重置密碼}},handleStatus(row) {}},
}
</script><style scoped>
</style>
)
