From ede67dc74f5ec5e491b102b1835d9cb5315dc6d5 Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: Mon, 01 Aug 2022 10:48:15 +0800
Subject: [PATCH] 双重预防
---
src/views/IntelligentXjSys/basicDataManagement/facilityArea/index.vue | 718 +++++++++++++++++++++++++++++------------------------------
1 files changed, 355 insertions(+), 363 deletions(-)
diff --git a/src/views/IntelligentXjSys/basicDataManagement/facilityArea/index.vue b/src/views/IntelligentXjSys/basicDataManagement/facilityArea/index.vue
index 132693f..e8629be 100644
--- a/src/views/IntelligentXjSys/basicDataManagement/facilityArea/index.vue
+++ b/src/views/IntelligentXjSys/basicDataManagement/facilityArea/index.vue
@@ -1,375 +1,367 @@
<template>
- <div class="home-container">
- <el-scrollbar height="100%">
- <el-row class="homeCard">
- <el-col :span="12">
- <div class="grid-content topInfo">
- <el-input v-model="searchName" placeholder="设施区域名称"></el-input>
- <el-select v-model="searchPlace" placeholder="设施区域类型">
- <el-option label="设备" value="设备" />
- <el-option label="区域" value="区域" />
- </el-select>
- <el-button type="primary">查询</el-button>
- <el-button plain>重置</el-button>
- </div>
- </el-col>
- </el-row>
- <div class="homeCard">
- <div class="main-card">
- <el-row class="cardTop">
- <el-col :span="12" class="mainCardBtn">
- <el-button type="primary" :icon="Plus" size="default" @click="dialogAddRecord=true">新建</el-button>
-<!-- <el-button type="warning" :icon="Edit" size="default" plain>修改</el-button>-->
- <el-button type="danger" :icon="Delete" size="default" plain>删除</el-button>
- </el-col>
- <el-button type="primary" :icon="Refresh" size="default"/>
- </el-row>
- <el-table
- ref="multipleTableRef"
- :data="tableData"
- style="width: 100%"
- :header-cell-style="{background: '#fafafa'}"
- @selection-change="handleSelectionChange"
- >
- <el-table-column type="selection" width="55" />
- <el-table-column type="index" width="80" label="序号"/>
- <el-table-column property="name" label="设施区域名称"/>
- <el-table-column property="type" label="设施区域类型"/>
- <el-table-column property="rfid" label="关联RFID"/>
- <el-table-column property="creater" label="创建人"/>
- <el-table-column property="createTime" label="创建时间" sortable/>
- <el-table-column property="updater" label="更新人"/>
- <el-table-column property="updateTime" label="更新时间" sortable/>
- <el-table-column fixed="right" label="操作" align="center" width="250">
- <template #default="scope">
- <el-button link type="primary" size="small" :icon="View" @click="viewRecord(scope.row)">查看</el-button>
- <el-button link type="primary" size="small" :icon="Edit" @click="editRecord(scope.$index ,scope.row)">修改</el-button>
- <el-button link type="danger" size="small" :icon="Delete" @click="deleteRecord(scope.$index)">删除</el-button>
- </template>
- </el-table-column>
- </el-table>
- </div>
- <div class="pageBtn">
- <el-pagination
- v-model:currentPage="currentPage"
- v-model:page-size="pageSize"
- :page-sizes="[10, 15]"
- small=false
- background
- layout="total, sizes, prev, pager, next, jumper"
- :total="100"
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- />
- </div>
- </div>
- </el-scrollbar>
- <el-dialog v-model="dialogDetails" title="设施区域">
- <el-form :model="details" label-width="120px">
- <el-form-item label="设施区域名称">
- <el-input v-model="details.name" readonly/>
- </el-form-item>
- <el-form-item label="设施区域类型">
- <el-input v-model="details.type" readonly/>
- </el-form-item>
- <el-form-item label="关联RFID">
- <el-input v-model="details.rfid" type="textarea" readonly/>
- </el-form-item>
- <el-form-item label="创建人">
- <el-input v-model="details.creater" readonly/>
- </el-form-item>
- <el-form-item label="创建时间">
- <el-input v-model="details.createTime" readonly/>
- </el-form-item>
- <el-form-item label="更新人">
- <el-input v-model="details.updater" readonly/>
- </el-form-item>
- <el-form-item label="更新时间">
- <el-input v-model="details.updateTime" readonly/>
- </el-form-item>
- <el-form-item>
- <el-button type="primary" @click="dialogDetails = false" size="default">确认</el-button>
- </el-form-item>
- </el-form>
- </el-dialog>
- <el-dialog v-model="dialogAddRecord" title="设施区域编辑" @close="closeAdd">
- <el-form :model="addRecord" label-width="120px" ref="addRef" :rules="addRules">
- <el-form-item label="设施区域名称" prop="name">
- <el-input
- v-model="addRecord.name"
- >
- </el-input>
- </el-form-item>
- <el-form-item label="设施区域类型" prop="type">
- <el-select v-model="addRecord.type">
- <el-option label="设备" value="设备" />
- <el-option label="区域" value="区域" />
- </el-select>
- </el-form-item>
- <el-form-item label="关联RFID" prop="rfid">
- <el-select v-model="addRecord.rfid" multiple>
- <el-option label="风机系统1标签" value="风机系统1标签" />
- <el-option label="风机系统2标签" value="风机系统2标签"/>
- <el-option label="风机系统3标签" value="风机系统3标签"/>
- <el-option label="A场所1标签" value="A场所1标签"/>
- </el-select>
- </el-form-item>
- <el-form-item>
- <el-button type="warning" @click="dialogAddRecord = false" size="default" plain>取消</el-button>
- <el-button type="primary" @click="confirmAddRecord(addRef)" size="default">确认</el-button>
- </el-form-item>
- </el-form>
- </el-dialog>
- <el-dialog v-model="deleteDialog" title="提示" width="30%" center @close="indexClear">
- <span>您确定要删除该条记录吗？</span>
- <template #footer>
- <span class="dialog-footer">
- <el-button @click="deleteDialog = false" size="default">取消</el-button>
- <el-button type="primary" @click="conFirmDelete" size="default">确认</el-button>
- </span>
- </template>
- </el-dialog>
- </div>
+ <div class="home-container">
+ <el-scrollbar height="100%">
+ <el-row class="homeCard">
+ <el-col :span="12">
+ <div class="grid-content topInfo">
+ <el-input v-model="searchName" placeholder="设施区域名称"></el-input>
+ <el-select v-model="searchPlace" placeholder="设施区域类型">
+ <el-option label="设备" value="设备" />
+ <el-option label="区域" value="区域" />
+ </el-select>
+ <el-button type="primary">查询</el-button>
+ <el-button plain>重置</el-button>
+ </div>
+ </el-col>
+ </el-row>
+ <div class="homeCard">
+ <div class="main-card">
+ <el-row class="cardTop">
+ <el-col :span="12" class="mainCardBtn">
+ <el-button type="primary" :icon="Plus" size="default" @click="dialogAddRecord = true">新建</el-button>
+ <!-- <el-button type="warning" :icon="Edit" size="default" plain>修改</el-button>-->
+ <el-button type="danger" :icon="Delete" size="default" plain>删除</el-button>
+ </el-col>
+ <el-button type="primary" :icon="Refresh" size="default" />
+ </el-row>
+ <el-table
+ ref="multipleTableRef"
+ :data="tableData"
+ style="width: 100%"
+ :header-cell-style="{ background: '#fafafa' }"
+ @selection-change="handleSelectionChange"
+ >
+ <el-table-column type="selection" width="55" />
+ <el-table-column type="index" width="80" label="序号" />
+ <el-table-column property="name" label="设施区域名称" />
+ <el-table-column property="type" label="设施区域类型" />
+ <el-table-column property="rfid" label="关联RFID" />
+ <el-table-column property="creater" label="创建人" />
+ <el-table-column property="createTime" label="创建时间" sortable />
+ <el-table-column property="updater" label="更新人" />
+ <el-table-column property="updateTime" label="更新时间" sortable />
+ <el-table-column fixed="right" label="操作" align="center" width="250">
+ <template #default="scope">
+ <el-button link type="primary" size="small" :icon="View" @click="viewRecord(scope.row)">查看</el-button>
+ <el-button link type="primary" size="small" :icon="Edit" @click="editRecord(scope.$index, scope.row)">修改</el-button>
+ <el-button link type="danger" size="small" :icon="Delete" @click="deleteRecord(scope.$index)">删除</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+ <div class="pageBtn">
+ <el-pagination
+ v-model:currentPage="currentPage"
+ v-model:page-size="pageSize"
+ :page-sizes="[10, 15]"
+ small="false"
+ background
+ layout="total, sizes, prev, pager, next, jumper"
+ :total="100"
+ @size-change="handleSizeChange"
+ @current-change="handleCurrentChange"
+ />
+ </div>
+ </div>
+ </el-scrollbar>
+ <el-dialog v-model="dialogDetails" title="设施区域">
+ <el-form :model="details" label-width="120px">
+ <el-form-item label="设施区域名称">
+ <el-input v-model="details.name" readonly />
+ </el-form-item>
+ <el-form-item label="设施区域类型">
+ <el-input v-model="details.type" readonly />
+ </el-form-item>
+ <el-form-item label="关联RFID">
+ <el-input v-model="details.rfid" type="textarea" readonly />
+ </el-form-item>
+ <el-form-item label="创建人">
+ <el-input v-model="details.creater" readonly />
+ </el-form-item>
+ <el-form-item label="创建时间">
+ <el-input v-model="details.createTime" readonly />
+ </el-form-item>
+ <el-form-item label="更新人">
+ <el-input v-model="details.updater" readonly />
+ </el-form-item>
+ <el-form-item label="更新时间">
+ <el-input v-model="details.updateTime" readonly />
+ </el-form-item>
+ <el-form-item>
+ <el-button type="primary" @click="dialogDetails = false" size="default" v-throttle>确认</el-button>
+ </el-form-item>
+ </el-form>
+ </el-dialog>
+ <el-dialog v-model="dialogAddRecord" title="设施区域编辑" @close="closeAdd">
+ <el-form :model="addRecord" label-width="120px" ref="addRef" :rules="addRules">
+ <el-form-item label="设施区域名称" prop="name">
+ <el-input v-model="addRecord.name"> </el-input>
+ </el-form-item>
+ <el-form-item label="设施区域类型" prop="type">
+ <el-select v-model="addRecord.type">
+ <el-option label="设备" value="设备" />
+ <el-option label="区域" value="区域" />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="关联RFID" prop="rfid">
+ <el-select v-model="addRecord.rfid" multiple>
+ <el-option label="风机系统1标签" value="风机系统1标签" />
+ <el-option label="风机系统2标签" value="风机系统2标签" />
+ <el-option label="风机系统3标签" value="风机系统3标签" />
+ <el-option label="A场所1标签" value="A场所1标签" />
+ </el-select>
+ </el-form-item>
+ <el-form-item>
+ <el-button type="warning" @click="dialogAddRecord = false" size="default" plain>取消</el-button>
+ <el-button type="primary" @click="confirmAddRecord(addRef)" size="default" v-throttle>确认</el-button>
+ </el-form-item>
+ </el-form>
+ </el-dialog>
+ <el-dialog v-model="deleteDialog" title="提示" width="30%" center @close="indexClear">
+ <span>您确定要删除该条记录吗？</span>
+ <template #footer>
+ <span class="dialog-footer">
+ <el-button @click="deleteDialog = false" size="default">取消</el-button>
+ <el-button type="primary" @click="conFirmDelete" size="default" v-throttle>确认</el-button>
+ </span>
+ </template>
+ </el-dialog>
+ </div>
</template>
<script lang="ts" setup>
- import { toRefs, reactive, ref } from 'vue';
- import { storeToRefs } from 'pinia';
- import { initBackEndControlRoutes } from '/@/router/backEnd';
- import {useUserInfo} from "/@/stores/userInfo";
- import { Session } from '/@/utils/storage';
- import { Edit, View, Plus, Delete, Refresh, Search, Download } from '@element-plus/icons-vue'
- import { ElTable } from 'element-plus'
- import { FormInstance, FormRules } from 'element-plus'
- let global: any = {
- homeChartOne: null,
- homeChartTwo: null,
- homeCharThree: null,
- dispose: [null, '', undefined],
- };
+import { toRefs, reactive, ref } from 'vue';
+import { storeToRefs } from 'pinia';
+import { initBackEndControlRoutes } from '/@/router/backEnd';
+import { useUserInfo } from '/@/stores/userInfo';
+import { Session } from '/@/utils/storage';
+import { Edit, View, Plus, Delete, Refresh, Search, Download } from '@element-plus/icons-vue';
+import { ElTable } from 'element-plus';
+import { FormInstance, FormRules } from 'element-plus';
+let global: any = {
+ homeChartOne: null,
+ homeChartTwo: null,
+ homeCharThree: null,
+ dispose: [null, '', undefined]
+};
- interface stateType {
- homeOne: Array <type>
- }
- interface type {
-
- }
- // export default defineComponent({
- // name: 'workCheckinRecord',
- // setup() {
- const userInfo = useUserInfo()
- const { userInfos } = storeToRefs(userInfo);
- const searchName = ref('')
- const searchPlace = ref('')
- const currentPage = ref(1)
- const pageSize = ref(10)
- const chosenIndex = ref(-1)
- const casProps = {
- expandTrigger: 'hover',
- multiple: true,
- emitPath: false,
- checkStrictly: false
- }
- const handleSizeChange = (val: number) => {
- console.log(`${val} items per page`)
- }
- const handleCurrentChange = (val: number) => {
- console.log(`current page: ${val}`)
- }
- // 时间格式化
- const timeForm = {
- hour12: false,
- year: 'numeric',
- month: '2-digit',
- day: '2-digit',
- hour: '2-digit',
- minute: '2-digit',
- second: '2-digit'
- }
- const tableData = reactive(
- [
- {
- name: '风机系统',
- type: '设备',
- rfid: ['风机系统1标签','风机系统2标签'],
- creater: '张三',
- createTime: '2022-07-14 12:23:03',
- updater: '李四',
- updateTime: '2022-07-16 14:23:03'
- },
- {
- name: 'A场所',
- type: '区域',
- rfid: ['A场所1标签'],
- creater: '李四',
- createTime: '2022-07-16 12:23:03',
- updater: '张三',
- updateTime: '2022-07-18 14:23:03'
- }
- ]
- )
- const addRef = ref<FormInstance>()
- const addRules = reactive<FormRules>({
- name:[{required: true, message: '该内容不能为空',trigger:'blur'}],
- type:[{required: true, message: '该内容不能为空',trigger:'blur'}],
- rfid:[{required: true, message: '该内容不能为空',trigger:'blur'}]
- })
- const dialogDetails = ref(false)
- const dialogAddRecord = ref(false)
- const deleteDialog = ref(false)
- const addRecord = ref({})
- const details = ref({})
- const viewRecord = (row) =>{
- details.value = JSON.parse(JSON.stringify(row))
- dialogDetails.value = true
- }
- const deleteRecord = (index) =>{
- chosenIndex.value = index
- deleteDialog.value = true
- }
- const conFirmDelete = ()=> {
- tableData.splice(chosenIndex.value,1)
- deleteDialog.value = false
- }
- const confirmAddRecord = async (formEl: FormInstance | undefined) =>{
- if (!formEl) return
- await formEl.validate((valid, fields) => {
- if (valid) {
- if(chosenIndex.value == -1){
- addRecord.value.createTime = new Date().toLocaleString('zh', timeForm).replace(/\//g,'-')
- addRecord.value.updateTime = new Date().toLocaleString('zh', timeForm).replace(/\//g,'-')
- tableData.push(addRecord.value)
- }else{
- addRecord.value.updateTime = new Date().toLocaleString('zh', timeForm).replace(/\//g,'-')
- tableData[chosenIndex.value] = addRecord.value
- }
- dialogAddRecord.value =false
- } else {
- console.log('error submit!', fields)
- }
- })
-
- }
- const closeAdd =()=>{
- addRecord.value={}
- chosenIndex.value = -1
- }
- const indexClear = ()=>{
- chosenIndex.value = -1
- }
- const editRecord =(index, row)=>{
- dialogAddRecord.value = true
- chosenIndex.value = index
- addRecord.value = JSON.parse(JSON.stringify(row))
- }
- // 折线图
- const renderMenu = async (value: string) => {
- Session.set('projectId',value)
- userInfos.value.projectId = value
- await initBackEndControlRoutes();
- };
- // return {
- // renderMenu,
- // multipleTableRef,
- // tableData,
- // currentPage,
- // pageSize,
- // dialogDetails,
- // details,
- // deleteDialog,
- // dialogAddRecord,
- // viewRecord,
- // deleteRecord,
- // handleSizeChange,
- // handleCurrentChange,
- // Plus,
- // Edit,
- // Delete,
- // Search,
- // Download,
- // handleSelectionChange,
- // Refresh,
- // ...toRefs(state),
- // };
- // },
- // });
+interface stateType {
+ homeOne: Array<type>;
+}
+interface type {}
+// export default defineComponent({
+// name: 'workCheckinRecord',
+// setup() {
+const userInfo = useUserInfo();
+const { userInfos } = storeToRefs(userInfo);
+const searchName = ref('');
+const searchPlace = ref('');
+const currentPage = ref(1);
+const pageSize = ref(10);
+const chosenIndex = ref(-1);
+const casProps = {
+ expandTrigger: 'hover',
+ multiple: true,
+ emitPath: false,
+ checkStrictly: false
+};
+const handleSizeChange = (val: number) => {
+ console.log(`${val} items per page`);
+};
+const handleCurrentChange = (val: number) => {
+ console.log(`current page: ${val}`);
+};
+// 时间格式化
+const timeForm = {
+ hour12: false,
+ year: 'numeric',
+ month: '2-digit',
+ day: '2-digit',
+ hour: '2-digit',
+ minute: '2-digit',
+ second: '2-digit'
+};
+const tableData = reactive([
+ {
+ name: '风机系统',
+ type: '设备',
+ rfid: ['风机系统1标签', '风机系统2标签'],
+ creater: '张三',
+ createTime: '2022-07-14 12:23:03',
+ updater: '李四',
+ updateTime: '2022-07-16 14:23:03'
+ },
+ {
+ name: 'A场所',
+ type: '区域',
+ rfid: ['A场所1标签'],
+ creater: '李四',
+ createTime: '2022-07-16 12:23:03',
+ updater: '张三',
+ updateTime: '2022-07-18 14:23:03'
+ }
+]);
+const addRef = ref<FormInstance>();
+const addRules = reactive<FormRules>({
+ name: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
+ type: [{ required: true, message: '该内容不能为空', trigger: 'blur' }],
+ rfid: [{ required: true, message: '该内容不能为空', trigger: 'blur' }]
+});
+const dialogDetails = ref(false);
+const dialogAddRecord = ref(false);
+const deleteDialog = ref(false);
+const addRecord = ref({});
+const details = ref({});
+const viewRecord = (row) => {
+ details.value = JSON.parse(JSON.stringify(row));
+ dialogDetails.value = true;
+};
+const deleteRecord = (index) => {
+ chosenIndex.value = index;
+ deleteDialog.value = true;
+};
+const conFirmDelete = () => {
+ tableData.splice(chosenIndex.value, 1);
+ deleteDialog.value = false;
+};
+const confirmAddRecord = async (formEl: FormInstance | undefined) => {
+ if (!formEl) return;
+ await formEl.validate((valid, fields) => {
+ if (valid) {
+ if (chosenIndex.value == -1) {
+ addRecord.value.createTime = new Date().toLocaleString('zh', timeForm).replace(/\//g, '-');
+ addRecord.value.updateTime = new Date().toLocaleString('zh', timeForm).replace(/\//g, '-');
+ tableData.unshift(addRecord.value);
+ } else {
+ addRecord.value.updateTime = new Date().toLocaleString('zh', timeForm).replace(/\//g, '-');
+ tableData[chosenIndex.value] = addRecord.value;
+ }
+ dialogAddRecord.value = false;
+ } else {
+ console.log('error submit!', fields);
+ }
+ });
+};
+const closeAdd = () => {
+ addRecord.value = {};
+ chosenIndex.value = -1;
+};
+const indexClear = () => {
+ chosenIndex.value = -1;
+};
+const editRecord = (index, row) => {
+ dialogAddRecord.value = true;
+ chosenIndex.value = index;
+ addRecord.value = JSON.parse(JSON.stringify(row));
+};
+// 折线图
+const renderMenu = async (value: string) => {
+ Session.set('projectId', value);
+ userInfos.value.projectId = value;
+ await initBackEndControlRoutes();
+};
+// return {
+// renderMenu,
+// multipleTableRef,
+// tableData,
+// currentPage,
+// pageSize,
+// dialogDetails,
+// details,
+// deleteDialog,
+// dialogAddRecord,
+// viewRecord,
+// deleteRecord,
+// handleSizeChange,
+// handleCurrentChange,
+// Plus,
+// Edit,
+// Delete,
+// Search,
+// Download,
+// handleSelectionChange,
+// Refresh,
+// ...toRefs(state),
+// };
+// },
+// });
</script>
<style scoped lang="scss">
- $homeNavLengh: 8;
- .home-container {
- height: 100%;
- overflow: hidden;
- padding: 20px;
- .homeCard{
- width: 100%;
- padding: 20px;
- background: #fff;
- border-radius: 4px;
- }
- .el-row{
- display: flex;
- align-items: center;
- margin-bottom: 20px;
- &:last-child {
- margin-bottom: 0;
- }
- .grid-content{
- align-items: center;
- min-height: 36px;
- }
+$homeNavLengh: 8;
+.home-container {
+ height: 100%;
+ overflow: hidden;
+ padding: 20px;
+ .homeCard {
+ width: 100%;
+ padding: 20px;
+ background: #fff;
+ border-radius: 4px;
+ }
+ .el-row {
+ display: flex;
+ align-items: center;
+ margin-bottom: 20px;
+ &:last-child {
+ margin-bottom: 0;
+ }
+ .grid-content {
+ align-items: center;
+ min-height: 36px;
+ }
- .topInfo {
- display: flex;
- align-items: center;
- font-size: 16px;
- font-weight: bold;
+ .topInfo {
+ display: flex;
+ align-items: center;
+ font-size: 16px;
+ font-weight: bold;
- &>div{
- white-space: nowrap;
- margin-right: 20px;
- }
- }
- }
- .mainPages{
- height: 100%;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- }
- .main-card{
- width: 100%;
- .cardTop{
- display: flex;
- align-items: center;
- justify-content: space-between;
- margin-bottom: 20px;
- .mainCardBtn{
- margin: 0;
- }
- }
- }
- .pageBtn{
- display: flex;
- align-items: center;
- justify-content: right;
- margin-top: 20px;
+ & > div {
+ white-space: nowrap;
+ margin-right: 20px;
+ }
+ }
+ }
+ .mainPages {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ }
+ .main-card {
+ width: 100%;
+ .cardTop {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 20px;
+ .mainCardBtn {
+ margin: 0;
+ }
+ }
+ }
+ .pageBtn {
+ display: flex;
+ align-items: center;
+ justify-content: right;
+ margin-top: 20px;
- .demo-pagination-block + .demo-pagination-block {
- margin-top: 10px;
- }
- .demo-pagination-block .demonstration {
- margin-bottom: 16px;
- }
- }
- }
- .el-input{
- width: 100% !important;
- }
- .el-date-editor::v-deep{
- width: 100%;
- }
- .el-select{
- width: 100%;
- }
+ .demo-pagination-block + .demo-pagination-block {
+ margin-top: 10px;
+ }
+ .demo-pagination-block .demonstration {
+ margin-bottom: 16px;
+ }
+ }
+}
+.el-input {
+ width: 100% !important;
+}
+.el-date-editor::v-deep {
+ width: 100%;
+}
+.el-select {
+ width: 100%;
+}
</style>
--
Gitblit v1.9.2