双重预防

Your Name

2022-08-01 ede67dc74f5ec5e491b102b1835d9cb5315dc6d5

 src/views/IntelligentXjSys/basicDataManagement/facilityArea/index.vue

@@ -54,7 +54,7 @@
                  v-model:currentPage="currentPage"
                  v-model:page-size="pageSize"
                  :page-sizes="[10, 15]"
                  small=false
                        small="false"
                  background
                  layout="total, sizes, prev, pager, next, jumper"
                  :total="100"
@@ -95,10 +95,7 @@
      <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-input v-model="addRecord.name"> </el-input>
            </el-form-item>
            <el-form-item label="设施区域类型" prop="type">
               <el-select v-model="addRecord.type">
@@ -136,46 +133,44 @@
   import { toRefs, reactive, ref } from 'vue';
   import { storeToRefs } from 'pinia';
   import { initBackEndControlRoutes } from '/@/router/backEnd';
   import {useUserInfo} from "/@/stores/userInfo";
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'
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],
    dispose: [null, '', undefined]
   };

   interface stateType {
      homeOne: Array <type>
    homeOne: Array<type>;
   }
   interface type {

   }
interface type {}
   // export default defineComponent({
   //    name: 'workCheckinRecord',
   //    setup() {
         const userInfo = useUserInfo()
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 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`)
         }
    console.log(`${val} items per page`);
};
         const handleCurrentChange = (val: number) => {
            console.log(`current page: ${val}`)
         }
    console.log(`current page: ${val}`);
};
         // 时间格式化
         const timeForm = {
            hour12: false,
@@ -185,9 +180,8 @@
            hour: '2-digit',
            minute: '2-digit',
            second: '2-digit'
         }
         const tableData = reactive(
               [
};
const tableData = reactive([
               {
                  name: '风机系统',
                  type: '设备',
@@ -206,66 +200,64 @@
                  updater: '张三',
                  updateTime: '2022-07-18 14:23:03'
               }
            ]
         )
         const addRef = ref<FormInstance>()
]);
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 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
         }
    details.value = JSON.parse(JSON.stringify(row));
    dialogDetails.value = true;
};
         const deleteRecord = (index) =>{
            chosenIndex.value = index
            deleteDialog.value = true
         }
    chosenIndex.value = index;
    deleteDialog.value = true;
};
         const conFirmDelete = ()=> {
            tableData.splice(chosenIndex.value,1)
            deleteDialog.value = false
         }
    tableData.splice(chosenIndex.value, 1);
    deleteDialog.value = false;
};
         const confirmAddRecord = async (formEl: FormInstance | undefined) =>{
            if (!formEl) return
    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)
                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
                addRecord.value.updateTime = new Date().toLocaleString('zh', timeForm).replace(/\//g, '-');
                tableData[chosenIndex.value] = addRecord.value;
                  }
                  dialogAddRecord.value =false
            dialogAddRecord.value = false;
               } else {
                  console.log('error submit!', fields)
            console.log('error submit!', fields);
               }
            })

         }
    });
};
         const closeAdd =()=>{
            addRecord.value={}
            chosenIndex.value = -1
         }
    addRecord.value = {};
    chosenIndex.value = -1;
};
         const indexClear = ()=>{
            chosenIndex.value = -1
         }
    chosenIndex.value = -1;
};
         const editRecord =(index, row)=>{
            dialogAddRecord.value = true
            chosenIndex.value = index
            addRecord.value = JSON.parse(JSON.stringify(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
    Session.set('projectId', value);
    userInfos.value.projectId = value;
            await initBackEndControlRoutes();
         };
         // return {