数据对接

13937891274

2022-08-04 44dae1108f8bc7134fbbc39a09c581bf3c4e0bb2

 src/views/contingencyManagement/emergencyResources/emergencySupplies/component/openEdit.vue

@@ -1,21 +1,8 @@
<template>
  <div class="system-edit-user-container">
    <el-dialog
        :title="titles"
        v-model="isShowDialog"
        width="50%"
        draggable
        :fullscreen="full"
    >
      <el-dialog :title="titles" v-model="isShowDialog" width="50%" draggable :fullscreen="full">
      <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
      <el-form
          ref="ruleFormRef"
          :rules="rules"
          :model="ruleForm"
          size="default"
          label-width="120px"
          :disabled="disabled"
      >
         <el-form ref="ruleFormRef" :rules="rules" :model="ruleForm" size="default" label-width="120px" :disabled="disabled">
        <el-row :gutter="35">
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="物资名称" prop="name">
@@ -99,23 +86,12 @@
          </el-col>
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="检查周期月" prop="inspectPeiod">
              <el-input
                  v-model.number="ruleForm.inspectPeiod"
                  type=""
                  maxlength="4"
                  placeholder="请填写使用期限"
              ></el-input>
                     <el-input v-model.number="ruleForm.inspectPeiod" type="" maxlength="4" placeholder="请填写使用期限"></el-input>
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="投用日期" prop="useDate">
              <el-date-picker
                  v-model="ruleForm.useDate"
                  type="datetime"
                  class="w100"
                  placeholder="选择日期时间"
                  value-format="YYYY-MM-DD HH:mm:ss"
              />
                     <el-date-picker v-model="ruleForm.useDate" type="datetime" class="w100" placeholder="选择日期时间" value-format="YYYY-MM-DD HH:mm:ss" />
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
@@ -164,26 +140,22 @@
              </el-input>
            </el-form-item>
          </el-col>
<!--          <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">-->
<!--            <el-form-item label="保养记录">-->
<!--              <el-table-->
<!--                  :data="dataList"-->
<!--                  style="width: 100%"-->
<!--                  highlight-current-row>-->
<!--                <el-table-column label="保养结果" prop="maintainResult" width="170">-->
<!--                  <template slot-scope="scope">-->
<!--                    <el-select size="mini">-->
<!--                      <el-option value="is_hot_tag" label="热门标签"></el-option>-->
<!--                      <el-option value="is_latest_track_tag" label="最新赛道"></el-option>-->
<!--                      <el-option value="is_new_subhangye_tag" label="新体系子行业"></el-option>-->
<!--                    </el-select>-->
<!--                  </template>-->
<!--                </el-table-column>-->
<!--                <el-table-column label="创建人" prop="suppliesId" width="170"></el-table-column>-->
<!--                <el-table-column label="创建时间" prop="maintainTime" width="170"></el-table-column>-->
<!--              </el-table>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
               <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
                  <el-form-item label="保养记录">
                     <el-table :data="dataList" style="width: 100%" highlight-current-row>
                        <el-table-column label="保养结果" prop="maintainResult" width="170">
                           <template slot-scope="scope">
                              <el-select size="mini" v-model="dataList.maintainResult">
                                 <el-option value="正常" label="正常"></el-option>
                                 <el-option value="异常" label="异常"></el-option>
                              </el-select>
                           </template>
                        </el-table-column>
                        <el-table-column label="创建人" prop="userUid" width="170"></el-table-column>
                        <el-table-column label="创建时间" prop="maintainTime" width="170"></el-table-column>
                     </el-table>
                  </el-form-item>
               </el-col>
        </el-row>
      </el-form>
      <template #footer>
@@ -206,10 +178,10 @@
import { ElMessage } from 'element-plus';

import { Search, FullScreen } from '@element-plus/icons-vue';
import UserSelections from '/@/components/userSelections/index.vue';
import PersonInCharge from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/personInCharge.vue';
import RegionsCheckbox from '/@/views/contingencyManagement/emergencyResources/emergencySupplies/component/regionsCheckbox.vue';
import {emergencySuppliesApi} from "/@/api/emergencyResources";
import UserSelections from '../../../../../components/userSelections/index.vue';
import PersonInCharge from '../component/personInCharge.vue';
import RegionsCheckbox from '../component/regionsCheckbox.vue';
import { emergencySuppliesApi } from '../../../../../api/emergencyResources';

export default defineComponent({
  name: 'openAdd',
@@ -525,8 +497,7 @@
            console.log('error submit!', fields);
          }
        });
      }
      else if (title == '修改应急物资代码') {
         } else if (title == '修改应急物资代码') {
        if (!formEl) return;
        await formEl.validate((valid, fields) => {
          if (valid) {
@@ -577,9 +548,9 @@
          areaId: null,
          place: '',
          useExplain: '',
            };
        }
      }
    }
      };
    const resetForm = (formEl: FormInstance | undefined) => {
      isShowDialog.value = false;
      if (!formEl) return;
@@ -600,28 +571,29 @@
    const openUser = () => {
      userRef.value.openDialog();
    };
    const dataList = [
      {
        maintainResult: '',
        suppliesId: 'Tom',
        maintainTime: '2016-05-02',
      },
      {
        maintainResult: '',
        suppliesId: 'Tom',
        maintainTime: '2016-05-02',
      },
      {
        maintainResult: '',
        suppliesId: 'Tom',
        maintainTime: '2016-05-02',
      },
      {
        maintainResult: '',
        suppliesId: 'Tom',
        maintainTime: '2016-05-02',
      },
    ]
    const dataList = ref()
      // const dataList = [
      //    {
      //       maintainResult: '1',
      //       suppliesId: 'Tom',
      //       maintainTime: '2016-05-02',
      //    },
      //    {
      //       maintainResult: '1',
      //       suppliesId: 'Tom',
      //       maintainTime: '2016-05-02',
      //    },
      //    {
      //       maintainResult: '',
      //       suppliesId: 'Tom',
      //       maintainTime: '2016-05-02',
      //    },
      //    {
      //       maintainResult: '',
      //       suppliesId: 'Tom',
      //       maintainTime: '2016-05-02',
      //    },
      // ];
    //全屏
    const full = ref(false);
    const toggleFullscreen = () => {