|
@@ -246,7 +246,7 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
-import { toRefs, reactive, onMounted, ref, defineComponent } from 'vue';
|
|
|
|
|
|
+import { toRefs, reactive, onMounted, ref, defineComponent, computed } from 'vue';
|
|
import { useRoute, useRouter } from 'vue-router';
|
|
import { useRoute, useRouter } from 'vue-router';
|
|
import { ElMessageBox, ElMessage, FormInstance } from 'element-plus';
|
|
import { ElMessageBox, ElMessage, FormInstance } from 'element-plus';
|
|
import EditDic from './component/edit.vue';
|
|
import EditDic from './component/edit.vue';
|
|
@@ -254,6 +254,7 @@ import ExcelDic from './component/excel.vue';
|
|
import api from '/@/api/device';
|
|
import api from '/@/api/device';
|
|
import systemApi from '/@/api/system';
|
|
import systemApi from '/@/api/system';
|
|
import { ArrowDown, ArrowUp } from '@element-plus/icons-vue'
|
|
import { ArrowDown, ArrowUp } from '@element-plus/icons-vue'
|
|
|
|
+import { useI18n } from "vue-i18n";
|
|
|
|
|
|
// 定义接口来定义对象的类型
|
|
// 定义接口来定义对象的类型
|
|
interface TableDataRow {
|
|
interface TableDataRow {
|
|
@@ -299,6 +300,8 @@ export default defineComponent({
|
|
const showMoreFilter = ref(false); // 控制是否显示更多筛选条件
|
|
const showMoreFilter = ref(false); // 控制是否显示更多筛选条件
|
|
const deptOptions = ref([]); // 部门树数据
|
|
const deptOptions = ref([]); // 部门树数据
|
|
const route = useRoute();
|
|
const route = useRoute();
|
|
|
|
+ const { t, locale } = useI18n();
|
|
|
|
+ const currentLocale = computed(() => locale.value);
|
|
const state = reactive<TableDataState>({
|
|
const state = reactive<TableDataState>({
|
|
keys: [],
|
|
keys: [],
|
|
productData: [],
|
|
productData: [],
|
|
@@ -358,14 +361,20 @@ export default defineComponent({
|
|
|
|
|
|
const batchCheckStatus = () => {
|
|
const batchCheckStatus = () => {
|
|
const loading = ElMessage({
|
|
const loading = ElMessage({
|
|
- message: '同步中,请稍后...',
|
|
|
|
|
|
+ // 同步中,请稍后...
|
|
|
|
+ message: t('message.device.message.syncStatus'),
|
|
type: 'info',
|
|
type: 'info',
|
|
duration: 0,
|
|
duration: 0,
|
|
});
|
|
});
|
|
api.device.syncStatus().then(() => {
|
|
api.device.syncStatus().then(() => {
|
|
- ElMessage.success('同步成功');
|
|
|
|
|
|
+ // 同步成功
|
|
typeList();
|
|
typeList();
|
|
- }).finally(() => loading.close());
|
|
|
|
|
|
+ }).finally(() => {
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ loading.close();
|
|
|
|
+ ElMessage.success(t('message.device.message.synchronizedSuccessfully'));
|
|
|
|
+ }, 1000);
|
|
|
|
+ });
|
|
};
|
|
};
|
|
|
|
|
|
//批量启用
|
|
//批量启用
|
|
@@ -378,20 +387,20 @@ export default defineComponent({
|
|
}
|
|
}
|
|
if (keys.length === 0) {
|
|
if (keys.length === 0) {
|
|
// 请选择要操作的数据。
|
|
// 请选择要操作的数据。
|
|
- ElMessage.error('请选择要操作的数据。');
|
|
|
|
|
|
+ ElMessage.error(t('message.device.message.selectData'));
|
|
return;
|
|
return;
|
|
}
|
|
}
|
|
// 确认要批量启用这些设备吗?
|
|
// 确认要批量启用这些设备吗?
|
|
- ElMessageBox.confirm("确认要批量启用这些设备吗?", '提示', {
|
|
|
|
- confirmButtonText: '确认',
|
|
|
|
- cancelButtonText: '取消',
|
|
|
|
|
|
+ ElMessageBox.confirm(t('message.device.message.confirmEnable'), t('message.tableI18nConfirm.deleteTitle'), {
|
|
|
|
+ confirmButtonText: t('message.tableI18nConfirm.confirmText'),
|
|
|
|
+ cancelButtonText: t('message.tableI18nConfirm.cancelText'),
|
|
type: 'warning',
|
|
type: 'warning',
|
|
})
|
|
})
|
|
.then(() => {
|
|
.then(() => {
|
|
batchLoading.value = true
|
|
batchLoading.value = true
|
|
api.device.setDeviceStatus({ ids: keys, status: 1 }).then(() => {
|
|
api.device.setDeviceStatus({ ids: keys, status: 1 }).then(() => {
|
|
// 启用成功
|
|
// 启用成功
|
|
- ElMessage.success('启用成功');
|
|
|
|
|
|
+ ElMessage.success(t('message.device.message.enableSuccessfully'));
|
|
typeList();
|
|
typeList();
|
|
}).finally(() => batchLoading.value = false)
|
|
}).finally(() => batchLoading.value = false)
|
|
})
|
|
})
|
|
@@ -408,20 +417,20 @@ export default defineComponent({
|
|
}
|
|
}
|
|
if (keys.length === 0) {
|
|
if (keys.length === 0) {
|
|
// 请选择要操作的数据。
|
|
// 请选择要操作的数据。
|
|
- ElMessage.error('请选择要操作的数据。');
|
|
|
|
|
|
+ ElMessage.error(t('message.device.message.selectData'));
|
|
return;
|
|
return;
|
|
}
|
|
}
|
|
// 确认要批量禁用这些设备吗?
|
|
// 确认要批量禁用这些设备吗?
|
|
- ElMessageBox.confirm("确认要批量禁用这些设备吗?", '提示', {
|
|
|
|
- confirmButtonText: '确认',
|
|
|
|
- cancelButtonText: '取消',
|
|
|
|
|
|
+ ElMessageBox.confirm(t('message.device.message.confirmDisable'), t('message.tableI18nConfirm.deleteTitle'), {
|
|
|
|
+ confirmButtonText: t('message.tableI18nConfirm.confirmText'),
|
|
|
|
+ cancelButtonText: t('message.tableI18nConfirm.cancelText'),
|
|
type: 'warning',
|
|
type: 'warning',
|
|
})
|
|
})
|
|
.then(() => {
|
|
.then(() => {
|
|
batchLoading.value = true
|
|
batchLoading.value = true
|
|
api.device.setDeviceStatus({ ids: keys, status: 0 }).then(() => {
|
|
api.device.setDeviceStatus({ ids: keys, status: 0 }).then(() => {
|
|
// 禁用成功
|
|
// 禁用成功
|
|
- ElMessage.success('禁用成功');
|
|
|
|
|
|
+ ElMessage.success(t('message.device.message.disableSuccessfully'));
|
|
typeList();
|
|
typeList();
|
|
}).finally(() => batchLoading.value = false)
|
|
}).finally(() => batchLoading.value = false)
|
|
})
|
|
})
|
|
@@ -430,29 +439,29 @@ export default defineComponent({
|
|
// 删除产品
|
|
// 删除产品
|
|
const onRowDel = (row?: TableDataRow) => {
|
|
const onRowDel = (row?: TableDataRow) => {
|
|
// 你确定要删除所选数据?
|
|
// 你确定要删除所选数据?
|
|
- let msg = '你确定要删除所选数据?';
|
|
|
|
|
|
+ let msg = t('message.device.message.deleteConfirm');
|
|
let keys: string[] = [];
|
|
let keys: string[] = [];
|
|
if (row) {
|
|
if (row) {
|
|
// 此操作将永久删除设备:"${row.name}",是否继续?
|
|
// 此操作将永久删除设备:"${row.name}",是否继续?
|
|
- msg = `此操作将永久删除设备:"${row.name}",是否继续?`;
|
|
|
|
|
|
+ msg = t('message.device.message.confirmDelete', { name: row.name });
|
|
keys = [row.key];
|
|
keys = [row.key];
|
|
} else {
|
|
} else {
|
|
keys = state.keys;
|
|
keys = state.keys;
|
|
}
|
|
}
|
|
if (keys.length === 0) {
|
|
if (keys.length === 0) {
|
|
// 请选择要删除的数据。
|
|
// 请选择要删除的数据。
|
|
- ElMessage.error('请选择要删除的数据。');
|
|
|
|
|
|
+ ElMessage.error(t('message.device.message.selectData'));
|
|
return;
|
|
return;
|
|
}
|
|
}
|
|
- ElMessageBox.confirm(msg, '提示', {
|
|
|
|
- confirmButtonText: '确认',
|
|
|
|
- cancelButtonText: '取消',
|
|
|
|
|
|
+ ElMessageBox.confirm(msg, t('message.tableI18nConfirm.deleteTitle'), {
|
|
|
|
+ confirmButtonText: t('message.tableI18nConfirm.confirmText'),
|
|
|
|
+ cancelButtonText: t('message.tableI18nConfirm.cancelText'),
|
|
type: 'warning',
|
|
type: 'warning',
|
|
})
|
|
})
|
|
.then(() => {
|
|
.then(() => {
|
|
api.instance.del(keys).then(() => {
|
|
api.instance.del(keys).then(() => {
|
|
// 删除成功
|
|
// 删除成功
|
|
- ElMessage.success('删除成功');
|
|
|
|
|
|
+ ElMessage.success(t('message.device.message.deleteSuccessfully'));
|
|
typeList();
|
|
typeList();
|
|
});
|
|
});
|
|
})
|
|
})
|
|
@@ -481,13 +490,13 @@ export default defineComponent({
|
|
api.instance.devdeploy(item.key).then((res: any) => {
|
|
api.instance.devdeploy(item.key).then((res: any) => {
|
|
typeList();
|
|
typeList();
|
|
// 操作成功
|
|
// 操作成功
|
|
- ElMessage.success(res.message || '操作成功');
|
|
|
|
|
|
+ ElMessage.success(res.message || t('message.device.message.operationSuccessfully'));
|
|
});
|
|
});
|
|
} else {
|
|
} else {
|
|
api.instance.devundeploy(item.key).then((res: any) => {
|
|
api.instance.devundeploy(item.key).then((res: any) => {
|
|
typeList();
|
|
typeList();
|
|
// 操作成功
|
|
// 操作成功
|
|
- ElMessage.success(res.message || '操作成功');
|
|
|
|
|
|
+ ElMessage.success(res.message || t('message.device.message.operationSuccessfully'));
|
|
});
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|