接口对接

zhouwx

2025-04-15 f2593d3cf80998a831d07cc94ac49e4f51b04429

接口对接

 src/api/company/warehouse.js

对比新文件
@@ -0,0 +1,85 @@
import request from '@/utils/request'
import {getToken} from "@/utils/auth";

export function getWarehouse(params) {
    return request({
        url: '/store/storePageList',
        method: 'post',
        data: params
    })
}

export function getRoom(params) {
    return request({
        url: '/store/storeroomPageList',
        method: 'post',
        data: params
    })
}
export function getRoomByCompany(params) {
    return request({
        url: '/store/storeroomPageListV2',
        method: 'post',
        data: params
    })
}

export function getDevice(params) {
    return request({
        url: '/store/storeroomDeviceList',
        method: 'post',
        data: params
    })
}



export function addWarehouse(data) {
    return request({
        url: '/store/addOrUpdateStore',
        method: 'post',
        data: data
    })
}

export function addRoom(data) {
    return request({
        url: '/store/addOrUpdateStoreroom',
        method: 'post',
        data: data
    })
}



export function delWarehouse(data) {
    return request({
        url: `/store/deleteStore`,
        method: 'post',
        params: data
    })
}

export function delRoom(data) {
    return request({
        url: `/store/deleteStoreroom`,
        method: 'post',
        params: data
    })
}

export function getHumidity(data) {
    return request({
        url: `/store/humidityPageList`,
        method: 'post',
        data: data
    })
}

export function getTemperature(data) {
    return request({
        url: `/store/temperaturePageList`,
        method: 'post',
        data: data
    })
}

 src/assets/styles/index.scss

@@ -132,7 +132,7 @@
}

.pagination-container {
  margin-top: 30px;
  margin-top: 15px;
}

.text-center {
@@ -196,4 +196,4 @@

.blueBg{
  background: #385ca7;
}
}

 src/components/Pagination/index.vue

@@ -33,7 +33,7 @@
  pageSizes: {
    type: Array,
    default() {
      return [10, 20, 30, 50]
      return [5,10, 20, 30, 50]
    }
  },
  // 移动端页码按钮的数量端默认值5
@@ -102,4 +102,4 @@
.pagination-container.hidden {
  display: none;
}
</style>
</style>

 src/views/firework/humiture/components/dataDialog.vue

@@ -10,17 +10,30 @@
    >
      <el-table v-loading="loading" :data="state.tableList" :border="true">
        <el-table-column label="序号" type="index" align="center" width="80" />
        <el-table-column label="探测器" prop="createTime" align="center"  />
        <el-table-column label="浓度值" prop="basicName" align="center" />
        <el-table-column label="状态" prop="tabooBasicName" align="center" />
        <el-table-column label="属性" prop="tabooBasicName" align="center" />
        <el-table-column label="时间" prop="updateBy" align="center" />
        <el-table-column label="探测器" prop="deviceName" align="center"  />
        <el-table-column label="浓度值" prop="realValue" align="center" >
          <template #default="scope">
            <div>{{scope.row.realValue}}<span v-if="state.type == '温度'">℃</span><span v-else>%RH</span></div>
          </template>
        </el-table-column>
        <el-table-column label="状态" prop="deviceWarning" align="center" >
          <template #default="scope">
            <span v-if="scope.row.deviceWarning == 0" style="color: #42b983">正常</span>
            <span v-else style="color: #ed5565">报警</span>
          </template>
        </el-table-column>
        <el-table-column label="属性"  align="center" >
          <template #default="scope">
            <span>{{state.type}}</span>
          </template>
        </el-table-column>
        <el-table-column label="时间" prop="createDate" align="center" width="120" />

      </el-table>
      <pagination
          v-show="total > 0"
          :total="total"
          v-model:page="queryParams.pageNum"
          v-model:page="queryParams.pageIndex"
          v-model:limit="queryParams.pageSize"
          @pagination="getList"
      />
@@ -29,33 +42,53 @@
</template>
<script setup>
import {reactive, ref, toRefs} from "vue";
import {getHumidity, getTemperature} from "@/api/company/warehouse";

const dialogVisible = ref(false);
const emit = defineEmits(["getList"]);
const loading = ref(false)
const state = reactive({
  type: '',
  tableList: [],
  total: 0,
  queryParams: {
    pageNum: 1,
    pageSize: 5,
    pageIndex: 1,
    pageSize: 10,
    filter: {
      deviceId: null
    }
  },

})
const { queryParams, total } = toRefs(state);
const openDialog = async (type,value) => {
  state.type = type
  state.queryParams.filter.deviceId = value.deviceId
  await getList()
  dialogVisible.value = true;
}
const getList = async () => {
  // loading.value = true
  // const res = await getAvoidInfoPage(state.queryParams)
  // if(res.code == 200){
  //   state.tableList = res.data.list
  //   state.total = res.data.total
  // }else{
  //   ElMessage.warning(res.message)
  // }
  // loading.value = false
  loading.value = true
  if(state.type == '湿度'){
    const res = await getHumidity(state.queryParams)
    if(res.code == 200){
      state.tableList = res.result.records
      state.total = res.result.total
    }else{
      ElMessage.warning(res.message)
    }
    loading.value = false
  }else {
    const res = await getTemperature(state.queryParams)
    if(res.code == 200){
      state.tableList = res.result.records
      state.total = res.result.total
    }else{
      ElMessage.warning(res.message)
    }
    loading.value = false
  }

}
const handleClose = () => {
  dialogVisible.value = false;

 src/views/firework/humiture/index.vue

@@ -5,17 +5,13 @@
    <div style="margin-top: 10px">
      <el-table v-loading="loading" :data="state.tableList" :border="true">
        <el-table-column label="序号" type="index" align="center" width="80" />
        <el-table-column label="仓库" prop="createTime" align="center"  />
        <el-table-column label="库房" prop="basicName" align="center" />
        <el-table-column label="温度值" prop="tabooBasicName" align="center" />
        <el-table-column label="同步时间" prop="updateBy" align="center" />
        <el-table-column label="湿度值" prop="tabooBasicName" align="center" />
        <el-table-column label="同步时间" prop="updateBy" align="center" />
        <el-table-column label="仓库" prop="storeName" align="center"  />
        <el-table-column label="库房" prop="storeroomName" align="center" />
      </el-table>
      <pagination
          v-show="total > 0"
          :total="total"
          v-model:page="queryParams.pageNum"
          v-model:page="queryParams.pageIndex"
          v-model:limit="queryParams.pageSize"
          @pagination="getListAll"
      />
@@ -24,20 +20,20 @@
    <el-scrollbar max-height="420px" style="padding-right: 10px;overflow-x: hidden;" v-if="state.dataList && state.dataList.length >0">
<!--      <el-row :gutter="20" style="margin-top: 5px;margin-left: 5px">-->
<!--        <el-col v-for="(item,index) in state.dataList" :key="index" :span="8">-->
      <div style="display: flex;align-items: center;flex-wrap: wrap">
        <div v-for="(item,index) in state.dataList" :key="index" style="width: 350px;margin: 20px 30px">
      <div class="grid-container">
        <div v-for="(item,index) in state.dataList" :key="index" style="width: 365px;margin: 20px 30px">
          <el-card class="card-item " shadow="always">
            <div style="display: flex;flex-direction: column">
              <div style="font-size: 18px;font-weight: 700;margin-bottom: 15px">{{item.room}}—{{item.stock}}—{{item.device}}</div>
              <div style="display: flex;align-items: center">
              <div style="font-size: 18px;font-weight: 700;margin-bottom: 25px">{{item.storeName}}—{{item.storeroomName}}—{{item.deviceName}}</div>
              <div style="display: flex;align-items: center;margin-bottom: 15px">
                <img src="@/assets/images/device.png" />
                <div style="display: flex;flex-direction: column">
                  <div style="display: flex;justify-content: space-between;margin-bottom: 10px">
                    <span>温度：{{item.warm}}</span>
                  <div style="display: flex;justify-content: space-between;margin-bottom: 10px;align-items: center">
                    <span>温度：{{item.temperatureValue}}℃</span>
                    <el-button type="primary" plain style="margin-left: 15px" @click="openData('温度',item)">历史数据</el-button>
                  </div>
                  <div style="display: flex;justify-content: space-between">
                    <span>湿度：{{item.humidity}}</span>
                  <div style="display: flex;justify-content: space-between;align-items: center">
                    <span>湿度：{{item.humidityValue}}%RH</span>
                    <el-button type="primary" plain style="margin-left: 15px" @click="openData('湿度',item)">历史数据</el-button>
                  </div>
                </div>
@@ -50,7 +46,7 @@
<!--        </el-col>-->
<!--      </el-row>-->
    </el-scrollbar>
    <el-empty v-else></el-empty>
    <el-empty v-else description="暂无设备数据" ></el-empty>
    <d-dialog ref="dialogRef" @getList="getListAll"></d-dialog>
  </div>
</template>
@@ -59,86 +55,56 @@
import {onMounted, reactive, ref, toRefs} from "vue";
import {ElMessage} from "element-plus";
import dDialog from './components/dataDialog.vue'
import {getDevice, getRoomByCompany} from "@/api/company/warehouse";
import Cookies from "js-cookie";

const dialogRef = ref(null)
const state = reactive({
  queryParams: {
    pageNum: 1,
    pageIndex: 1,
    pageSize: 5,
    warningType: ''
    filter: {
      companyName: ''
    }
  },
  cardQueryParams: {
    warningType: ''
    pageIndex: 1,
    pageSize: 5,
    filter: {
      companyCode : ''
    }
  },
  total: 0,
  dataList: [
    {
      id: 1,
      room: '仓库名称',
      stock: '库存名称',
      device: '设备1',
      humidity: '18%RH',
      warm: '18°'
    },
    {
      id: 1,
      room: '仓库名称',
      stock: '库存名称',
      device: '设备1',
      humidity: '18%RH',
      warm: '18°'
    },
    {
      id: 1,
      room: '仓库名称',
      stock: '库存名称',
      device: '设备1',
      humidity: '18%RH',
      warm: '18°'
    },
    {
      id: 1,
      room: '仓库名称',
      stock: '库存名称',
      device: '设备1',
      humidity: '18%RH',
      warm: '18°'
    },
    {
      id: 1,
      room: '仓库名称',
      stock: '库存名称',
      device: '设备1',
      humidity: '18%RH',
      warm: '18°'
    },
  ],
  dataList: [],
  tableList: []
});
const { queryParams,cardQueryParams, total, dataList } = toRefs(state);
const loading = ref(false);
onMounted(()=>{
  const info = JSON.parse(Cookies.get('userInfo'))
  state.queryParams.filter.companyName = info.company
  state.cardQueryParams.filter.companyCode = info.companynumber
  getListPage()
  getList()
})
const getListPage = async () => {
  // loading.value = true
  // const res = await getAvoidInfoPage(state.queryParams)
  // if(res.code == 200){
  //   state.tableList = res.data.list
  //   state.total = res.data.total
  // }else{
  //   ElMessage.warning(res.message)
  // }
  // loading.value = false
  loading.value = true
  const res = await getRoomByCompany(state.queryParams)
  if(res.code == 200){
    state.tableList = res.result.records
    state.total = res.result.total
  }else{
    ElMessage.warning(res.message)
  }
  loading.value = false
}
const getList = async () => {
  // const res = await getAvoidList(state.cardQueryParams)
  // if(res.code == 200){
  //   state.dataList = res.data
  // }else{
  //   ElMessage.warning(res.message)
  // }
  const res = await getDevice(state.cardQueryParams)
  if(res.code == 200){
    state.dataList = res.result
  }else{
    ElMessage.warning(res.message)
  }
}
const openData = (type,val) => {
  dialogRef.value.openDialog(type,val);
@@ -159,6 +125,14 @@
    margin-bottom: 10px;
    //min-width: 300px;
  }
  .grid-container{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(385px, 1fr));
    gap: 0px;
    justify-content: start;
    padding: 15px;
    background: #f7f7f7;
  }
  .title-font{
    display:flex;
    align-items: center;
@@ -166,47 +140,6 @@
    font-size: 14px;
    margin-right: 10px;
    border-radius: 5px
  }
  .card-item-red{
    cursor: pointer;
    color: #f56c6c;
    background-color: rgb(254, 240.3, 240.3);
    border: 1px solid rgb(253, 225.6, 225.6);
  }
  .card-item-red-title{
    cursor: pointer;
    color: #f56c6c;
    background-color: rgb(254, 240.3, 240.3);
    border: 1px solid rgb(253, 225.6, 225.6);
  }
  .card-item-red-titleChoose{
    color: #f6d1d1;
    background-color: #f55d5d;
  }
  .card-item-yellow{
    color: #e6a23c;
    background-color: rgb(252.5, 245.7, 235.5);
    border: 1px solid rgb(250, 236.4, 216);
  }
  .card-item-yellow-title{
    cursor: pointer;
    color: #f1950b;
    background-color: rgb(252.5, 245.7, 235.5);
    border: 1px solid rgb(250, 236.4, 216);
  }
  .card-item-yellow-titleChoose{
    color: #f6e7d1;
    background-color: #f1a902;
  }
  .card-item-blue-title{
    cursor: pointer;
    color: #409eff;
    background-color: rgb(235.9, 245.3, 255);
    border: 1px solid rgb(216.8, 235.6, 255);
  }
  .card-item-blue-titleChoose{
    color: #d7e6f6;
    background-color: #2da0ef;
  }
  :deep(.is-horizontal) {
    height: 0;

 src/views/firework/warehouse/components/addRoomDialog.vue

对比新文件
@@ -0,0 +1,231 @@
<template>
  <div class="notice">
    <el-dialog
        v-model="dialogVisible"
        width="750px"
        :before-close="handleClose"
        :close-on-press-escape="false"
        :close-on-click-modal="false"
    >
      <template #header>
        <div style="text-align: center; width: 100%;font-size: 18px;font-weight: 600">
          <span>{{title}}库房</span>
        </div>
      </template>
      <el-form :model="state.form" size="default" ref="busRef" :rules="state.formRules" label-width="117px" >
        <el-form-item>
          <div style="font-size: 16px;font-weight: 600;margin-top: -25px;margin-left: -110px;margin-bottom: -15px">库房基本信息</div>
        </el-form-item>
        <el-row :gutter="24">
          <el-col :span="12">
            <el-form-item label="库房名称:" prop="storeroomName" >
              <el-input v-model="state.form.storeroomName" placeholder="请输入库房名称"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="仓库编号:" prop="storeNum" >
              <el-input v-model="state.form.storeNum" disabled ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="24">
          <el-col :span="12">
            <el-form-item label="核定药量:" prop="dosage" >
              <el-input v-model="state.form.dosage" type="number" min="0" placeholder="请输入核定药量">
                <template #append>kg</template>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="危险等级:" prop="dangerLevel" >
              <el-select
                  v-model="state.form.dangerLevel"
                  placeholder="请选择"
                  style="width: 100%"
              >
                <el-option
                    v-for="item in state.typeList"
                    :key="item.id"
                    :label="item.name"
                    :value="item.id"
                />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="24">
          <el-col :span="12">
            <el-form-item label="核定人员数量:" prop="personLimit" >
              <el-input v-model="state.form.personLimit" placeholder="请输入核定人员数量" @input="state.form.personLimit= state.form.personLimit.replace(/[^\d]/g,'')"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <template #footer>
        <span class="dialog-footer">
            <el-button @click="handleClose" size="default">取 消</el-button>
            <el-button type="primary"  @click="onSubmit" size="default" v-preReClick>确认</el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>
<script setup>
import {reactive, ref, toRefs} from 'vue'
import {ElMessage} from "element-plus";
import {listDept} from "@/api/system/dept";
import {listUser} from "@/api/system/user";
import {addTemplate, editTemplate} from "@/api/signAgreement/template";
import {addType, editType, getSignType} from "@/api/signAgreement/signType";
import {getInfo} from "@/api/login";
import {getToken} from "@/utils/auth";
import {verifyPhone} from "@/utils/validate";
import Cookies from "js-cookie";
import {addRoom, addWarehouse} from "@/api/company/warehouse";

const uploadFileUrl = ref(import.meta.env.VITE_APP_BASE_API + "/common/upload"); // 上传文件服务器地址
const { proxy } = getCurrentInstance();
const dialogVisible = ref(false);
const title = ref("");
const busRef = ref();
const length = ref()
const emit = defineEmits(["getList"]);
const startPhone = ref('');
const state = reactive({
  form: {
    id: '',
    dangerLevel:null,
    companyCode: '',
    storeNum: '',
    storeroomName: '',
    personLimit: null,
    dosage: null
  },
  typeList: [
    {
      id: 1,
      name: '1.1级库房'
    },
    {
      id: 2,
      name: '1.3级库房'
    },
    {
      id: 3,
      name: '无药库房'
    },
  ],
  storeroomList: [],
  formRules:{
    acreage: [{ required: true, trigger: "blur", message:'请输入面积' }],
    dangerLevel: [{ required: true, trigger: "blur",message:'请选择危险等级' }],
    dosage: [{ required: true, trigger: "blur", message:'请输入核定药量' }],
    personLimit: [{ required: true, trigger: "blur", message:'请输入核定人员数量' }],
    storeroomName: [{ required: true, trigger: "blur", message:'请输入库房名称' }],
    storeNum: [{ required: true, trigger: "blur", message:'请输入仓库编号' }],
  },
})


const openDialog = async (type,value) => {
  title.value = type === 'add' ? '新增' : '编辑'
  const info = JSON.parse(Cookies.get('userInfo'))
  state.form.companyCode = info.companynumber
  if(type === 'edit') {
    const data = JSON.parse(JSON.stringify(value))
    Object.keys(state.form).forEach(key => {
      if(data[key]){
        state.form[key] = data[key]
      }
    })

    state.form.dangerLevel = Number(state.form.dangerLevel)
  }
  state.form.storeNum = value.storeNum
  dialogVisible.value = true;
}

const onSubmit = async () => {
  console.log('form',state.form)
  const valid = await busRef.value.validate();

  if(valid){
    if(title.value === '新增'){
      const {id,fileList, ...data} = JSON.parse(JSON.stringify(state.form))
      const res = await addRoom(data)
      if(res.code == 200){
        ElMessage({
          type: 'success',
          message: '新增成功'
        });
      }else{
        ElMessage.warning(res.message)
      }
      emit("getList")
      busRef.value.clearValidate();
      reset();
      dialogVisible.value = false;
    }else if(title.value === '编辑'){
      const {...data} = JSON.parse(JSON.stringify(state.form))
      const res = await addRoom(data)
      if(res.code == 200){
        ElMessage({
          type: 'success',
          message: '编辑成功'
        });
      }else{
        ElMessage.warning(res.message)
      }
      emit("getList")
      busRef.value.clearValidate();
      reset();
      dialogVisible.value = false;
    }

  }
}


const handleClose = () => {
  busRef.value.clearValidate();
  reset();
  dialogVisible.value = false;
  emit("getList")
}
const reset = () => {
  state.form = {
    id: '',
    dangerLevel:null,
    companyCode: '',
    storeNum: '',
    storeroomName: '',
    personLimit: null,
    dosage: null
  }
}
defineExpose({
  openDialog
});

</script>

<style scoped lang="scss">
.notice{
  :deep(.el-form .el-form-item__label) {
    font-size: 15px;
  }
  :deep(.el-form-item__content) {
    width: 100%;
  }
  .file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .custom-iframe {
    border: 1px solid #9b9999;
    /* 隐藏原生滚动条 */
    overflow: hidden;
  }
}
</style>

 src/views/firework/warehouse/components/roomDialog.vue

对比新文件
@@ -0,0 +1,168 @@
<template>
  <div class="notice">
    <el-dialog
        v-model="dialogVisible"
        width="750px"
        :before-close="handleClose"
        :close-on-press-escape="false"
        :close-on-click-modal="false"
    >

        <div style=" width: 100%;font-size: 18px;font-weight: 600;margin-bottom: 20px">
          <span>库房列表</span>
          <el-button type="primary" style="margin-left: 15px" @click="addProject('add',{})">新增库房</el-button>
        </div>

      <!-- 表格数据 -->
      <el-table v-loading="loading" :data="state.dataList" :border="true">
        <el-table-column label="序号" type="index" align="center" width="80" />
        <el-table-column label="库房名称" prop="storeroomName" align="center"  />
        <el-table-column label="仓库编号" prop="storeNum" align="center" />
        <el-table-column label="危险等级" prop="dangerLevel" align="center" >
          <template #default="scope">
            <span>{{scope.row.dangerLevel == 1 ? '1.1级库房' :scope.row.dangerLevel == 2? '1.3级库房' : '无药库房'}}</span>
          </template>
        </el-table-column>
        <el-table-column label="核定药量" prop="dosage" align="center" />
        <el-table-column label="核定人员数量" prop="personLimit" align="center" width="120"/>
        <el-table-column label="创建人" prop="createBy" align="center" />
        <el-table-column label="创建时间" prop="createDate" align="center" width="120"/>
        <el-table-column label="修改人" prop="updateBy" align="center" />
        <el-table-column label="修改时间" prop="updateDate" align="center"  width="120"/>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180">
          <template #default="scope">
            <el-button link type="primary" @click="addProject('edit',scope.row)">编辑</el-button>
            <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
      <pagination
          v-show="state.total > 0"
          :total="state.total"
          v-model:page="state.queryParams.pageIndex"
          v-model:limit="state.queryParams.pageSize"
          @pagination="getList"
      />
<!--      <template #footer>-->
<!--        <span class="dialog-footer">-->
<!--            <el-button @click="handleClose" size="default">取 消</el-button>-->
<!--        </span>-->
<!--      </template>-->
    </el-dialog>
    <addRoomDia ref="dialogRef" @getList="getList"></addRoomDia>
  </div>
</template>
<script setup>
import {reactive, ref, toRefs} from 'vue'
import {ElMessage, ElMessageBox} from "element-plus";
import addRoomDia from './addRoomDialog.vue'
import Cookies from "js-cookie";
import {addWarehouse, delRoom, delWarehouse, getRoom, getWarehouse} from "@/api/company/warehouse";

const { proxy } = getCurrentInstance();
const dialogVisible = ref(false);
const title = ref("");
const busRef = ref();
const loading = ref(false);
const length = ref()
const dialogRef = ref();
const emit = defineEmits(["getList"]);
const state = reactive({
  dataList: [],
  total: 0,
  queryParams: {
    pageIndex: 1,
    pageSize: 10,
    filter: {
      storeNum: '',
      companyCode: ''
    }
  },
})

const openDialog = async (value) => {
  const info = JSON.parse(Cookies.get('userInfo'))
  state.queryParams.filter.companyCode = info.companynumber
  state.queryParams.filter.storeNum = value.storeNum
  await getList()
  dialogVisible.value = true;
}
const getList = async () => {
  loading.value = true
  const res = await getRoom(state.queryParams)
  if(res.code == 200){
    state.dataList = res.result.records
    state.total = res.result.total
  }else{
    ElMessage.warning(res.message)
  }
  loading.value = false
}
const handleClose = () => {
  reset();
  dialogVisible.value = false;
  emit("getList")
}
const reset = () => {
  state.queryParams = {
    pageIndex: 1,
    pageSize: 10,
    filter: {
      storeNum: '',
      companyCode: ''
    }
  }
  state.dataList = []
}
const addProject = (type,value) => {
  value.storeNum = state.queryParams.filter.storeNum
  dialogRef.value.openDialog(type,value)
}
const handleDelete = (val) => {
  ElMessageBox.confirm(
      '确定删除此条数据？',
      '提示',
      {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
      .then( async() => {
        const param = {
          id: val.id
        }
        const res = await delRoom(param)
        if(res.code == 200){
          ElMessage.success('数据删除成功')
          await getList()
        }else{
          ElMessage.warning(res.message)
        }
      })
}
defineExpose({
  openDialog
});

</script>

<style scoped lang="scss">
.notice{
  :deep(.el-form .el-form-item__label) {
    font-size: 15px;
  }
  :deep(.el-form-item__content) {
    width: 100%;
  }
  .file {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .custom-iframe {
    border: 1px solid #9b9999;
    /* 隐藏原生滚动条 */
    overflow: hidden;
  }
}
</style>

 src/views/firework/warehouse/components/warehouseDialog.vue

@@ -2,7 +2,7 @@
  <div class="notice">
    <el-dialog
        v-model="dialogVisible"
        width="900px"
        width="750px"
        :before-close="handleClose"
        :close-on-press-escape="false"
        :close-on-click-modal="false"
@@ -18,33 +18,37 @@
        </el-form-item>
        <el-row :gutter="24">
          <el-col :span="12">
            <el-form-item label="仓库名称:" prop="name" >
              <el-input v-model="state.form.name" placeholder="请输入仓库名称"></el-input>
            <el-form-item label="仓库名称:" prop="storeName" >
              <el-input v-model="state.form.storeName" placeholder="请输入仓库名称"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="仓库面积:" prop="name" >
              <el-input v-model="state.form.name" placeholder="请输入仓库面积"></el-input>
            <el-form-item label="仓库面积:" prop="acreage" >
              <el-input v-model="state.form.acreage" type="number" min="0" placeholder="请输入仓库面积">
                <template #append>㎡</template>
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="24">
          <el-col :span="12">
            <el-form-item label="仓库编号:" prop="name" >
              <el-input v-model="state.form.name" placeholder="请输入仓库编号"></el-input>
            <el-form-item label="仓库编号:" prop="storeNum" >
              <el-input v-model="state.form.storeNum" placeholder="请输入仓库编号"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="核定药量:" prop="name" >
              <el-input v-model="state.form.name" placeholder="请输入核定药量"></el-input>
            <el-form-item label="核定药量:" prop="dosage" >
              <el-input v-model="state.form.dosage" type="number" min="0" placeholder="请输入核定药量">
                <template #append>kg</template>
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="24">
          <el-col :span="12">
            <el-form-item label="危险等级:" prop="name" >
            <el-form-item label="危险等级:" prop="dangerLevel" >
              <el-select
                  v-model="state.form.typeId"
                  v-model="state.form.dangerLevel"
                  placeholder="请选择"
                  style="width: 100%"
              >
@@ -58,91 +62,12 @@
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="核定人员数量:" prop="name" >
              <el-input v-model="state.form.name" placeholder="请输入核定人员数量"></el-input>
            <el-form-item label="核定人员数量:" prop="personLimit" >
              <el-input v-model="state.form.personLimit" placeholder="请输入核定人员数量" @input="state.form.personLimit= state.form.personLimit.replace(/[^\d]/g,'')"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div style="display: flex;align-items: center">
        <div style="font-size: 16px;font-weight: 600;margin: 10px">库房列表</div>
        <el-button style="margin-left: 10px" type="primary" @click="addRoom">新增库房</el-button>
      </div>
      <el-table :data="state.storeroomList" style="width: 100%;margin-top: 15px" border>
        <el-table-column label="序号" type="index" align="center" width="80" />
        <el-table-column prop="name" label="库房名称" align="center">
          <template #default="{ row }">
            <el-form :model="row" :rules="rules">
              <el-form-item prop="name">
                <el-input
                    v-model="row.name"
                />
              </el-form-item>
            </el-form>
          </template>
        </el-table-column>
        <el-table-column prop="code" label="库房编号" align="center">
          <template #default="{ row }">
            <el-form :model="row" :rules="rules">
              <el-form-item prop="code">
                <el-input
                    v-model="row.code"
                />
              </el-form-item>
            </el-form>
          </template>
        </el-table-column>
        <el-table-column prop="area" label="面积" align="center">
          <template #default="{ row }">
            <el-form :model="row" :rules="rules">
              <el-form-item prop="area">
                <el-input
                    v-model="row.area"
                />
              </el-form-item>
            </el-form>
          </template>
        </el-table-column>
        <el-table-column prop="level" label="危险等级" align="center">
          <template #default="{ row }">
            <el-form :model="row" :rules="rules">
              <el-form-item prop="level">
                <el-input
                    v-model="row.level"
                />
              </el-form-item>
            </el-form>
          </template>
        </el-table-column>
        <el-table-column prop="level" label="核定药量" align="center">
          <template #default="{ row }">
            <el-form :model="row" :rules="rules">
              <el-form-item prop="level">
                <el-input
                    v-model="row.level"
                />
              </el-form-item>
            </el-form>
          </template>
        </el-table-column>
        <el-table-column prop="num" label="核定人员" align="center">
          <template #default="{ row }">
            <el-form :model="row" :rules="rules" >
              <el-form-item prop="num" >
                <el-input
                    v-model="row.num"

                />
              </el-form-item>
            </el-form>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >
          <template #default="scope">
            <el-button link type="danger" @click="delRoom(scope.row)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
      <template #footer>
        <span class="dialog-footer">
            <el-button @click="handleClose" size="default">取 消</el-button>
@@ -162,6 +87,8 @@
import {getInfo} from "@/api/login";
import {getToken} from "@/utils/auth";
import {verifyPhone} from "@/utils/validate";
import Cookies from "js-cookie";
import {addWarehouse} from "@/api/company/warehouse";

const uploadFileUrl = ref(import.meta.env.VITE_APP_BASE_API + "/common/upload"); // 上传文件服务器地址
const { proxy } = getCurrentInstance();
@@ -171,66 +98,55 @@
const length = ref()
const emit = defineEmits(["getList"]);
const startPhone = ref('');
const validateUserPhone = (rule, value, callback)=>{
  if(value === ''){
    callback(new Error('请输入手机号'))
  }else if(state.title == '编辑' && value == startPhone.value){
    callback()
  } else{
    if(!verifyPhone(value)){
      callback(new Error('手机号格式有误'))
    }
  }
}
const state = reactive({
  form: {
    id: '',
    name: '',
    typeId:null,
    phone: '',
    acreage: '',
    dangerLevel:null,
    companyCode: '',
    storeNum: '',
    storeName: '',
    personLimit: null,
    dosage: null
  },
  typeList: [
    {
      id: 1,
      name: '法定代表人'
      name: '1.1级库房'
    },
    {
      id: 2,
      name: '主要负责人'
      name: '1.3级库房'
    },
    {
      id: 3,
      name: '安全负责人'
    },
    {
      id: 4,
      name: '保管员'
    },
    {
      id: 5,
      name: '守护员'
      name: '无药库房'
    },
  ],
  storeroomList: [],
  formRules:{
    name: [{ required: true, trigger: "blur", message:'请输入姓名' }],
    phone: [{ required: true, trigger: "blur", validator: validateUserPhone }],
    typeId: [{ required: true, trigger: "blur", message:'请选择人员类型' }],
    acreage: [{ required: true, trigger: "blur", message:'请输入面积' }],
    dangerLevel: [{ required: true, trigger: "blur",message:'请选择危险等级' }],
    dosage: [{ required: true, trigger: "blur", message:'请输入核定药量' }],
    personLimit: [{ required: true, trigger: "blur", message:'请输入核定人员数量' }],
    storeName: [{ required: true, trigger: "blur", message:'请输入仓库名称' }],
    storeNum: [{ required: true, trigger: "blur", message:'请输入仓库编号' }],
  },
})
const rules = {
  name: [
    { required: true, message: "姓名不能为空", trigger: "blur" },
  ],
};



const openDialog = async (type,value) => {
  title.value = type === 'add' ? '新增' : '编辑'
  const info = JSON.parse(Cookies.get('userInfo'))
  state.form.companyCode = info.companynumber
  if(type === 'edit') {
    state.form = JSON.parse(JSON.stringify(value))
    startPhone.value = value.phone
    const data = JSON.parse(JSON.stringify(value))
    Object.keys(state.form).forEach(key => {
      if(data[key]){
        state.form[key] = data[key]
      }
    })
    state.form.dangerLevel = Number(state.form.dangerLevel)
  }
  dialogVisible.value = true;
}
@@ -242,30 +158,30 @@
  if(valid){
    if(title.value === '新增'){
      const {id,fileList, ...data} = JSON.parse(JSON.stringify(state.form))
      // const res = await addTemplate(data)
      // if(res.code === 200){
      //   ElMessage({
      //     type: 'success',
      //     message: '新增成功'
      //   });
      // }else{
      //   ElMessage.warning(res.message)
      // }
      const res = await addWarehouse(data)
      if(res.code == 200){
        ElMessage({
          type: 'success',
          message: '新增成功'
        });
      }else{
        ElMessage.warning(res.message)
      }
      emit("getList")
      busRef.value.clearValidate();
      reset();
      dialogVisible.value = false;
    }else if(title.value === '编辑'){
      const {...data} = JSON.parse(JSON.stringify(state.form))
      const res = await editTemplate(data)
      // if(res.code === 200){
      //   ElMessage({
      //     type: 'success',
      //     message: '编辑成功'
      //   });
      // }else{
      //   ElMessage.warning(res.message)
      // }
      const res = await addWarehouse(data)
      if(res.code == 200){
        ElMessage({
          type: 'success',
          message: '编辑成功'
        });
      }else{
        ElMessage.warning(res.message)
      }
      emit("getList")
      busRef.value.clearValidate();
      reset();
@@ -304,9 +220,13 @@
const reset = () => {
  state.form = {
    id: '',
    name: '',
    typeId:null,
    phone: '',
    acreage: '',
    dangerLevel:null,
    companyCode: '',
    storeNum: '',
    storeName: '',
    personLimit: null,
    dosage: null
  }
  state.storeroomList = []
}

 src/views/firework/warehouse/index.vue

@@ -9,7 +9,7 @@
              icon="Plus"
              @click="addProject('add',{})"
          >
            新增
            新增仓库
          </el-button>
        </el-form-item>
        <!--        <el-form-item label="姓名：" >-->
@@ -31,19 +31,24 @@
    <!-- 表格数据 -->
    <el-table v-loading="loading" :data="dataList" :border="true">
      <el-table-column label="序号" type="index" align="center" width="80" />
      <el-table-column label="仓库名称" prop="name" align="center"  />
      <el-table-column label="仓库编号" prop="type" align="center" />
      <el-table-column label="面积" prop="phone" align="center" />
      <el-table-column label="危险等级" prop="createBy" align="center" />
      <el-table-column label="核定药量" prop="createBy" align="center" />
      <el-table-column label="核定人员" prop="updateBy" align="center" />
      <el-table-column label="创建人" prop="createTime" align="center" />
      <el-table-column label="创建时间" prop="updateTime" align="center" />
      <el-table-column label="仓库名称" prop="storeName" align="center"  />
      <el-table-column label="仓库编号" prop="storeNum" align="center" />
      <el-table-column label="面积" prop="acreage" align="center" />
      <el-table-column label="危险等级" prop="dangerLevel" align="center" >
        <template #default="scope">
          <span>{{scope.row.dangerLevel == 1 ? '1.1级库房' :scope.row.dangerLevel == 2? '1.3级库房' : '无药库房'}}</span>
        </template>
      </el-table-column>
      <el-table-column label="核定药量" prop="dosage" align="center" />
      <el-table-column label="核定人员数量" prop="personLimit" align="center" width="120"/>
      <el-table-column label="创建人" prop="createBy" align="center" />
      <el-table-column label="创建时间" prop="createDate" align="center" width="120"/>
      <el-table-column label="修改人" prop="updateBy" align="center" />
      <el-table-column label="修改时间" prop="updateTime" align="center" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" >
      <el-table-column label="修改时间" prop="updateDate" align="center"  width="120"/>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180">
        <template #default="scope">
          <el-button link type="primary" @click="addProject('edit',scope.row)">编辑</el-button>
          <el-button link type="primary" @click="handleRoom(scope.row)">管理库房</el-button>
          <el-button link type="danger" @click="handleDelete(scope.row)">删除</el-button>
        </template>
      </el-table-column>
@@ -56,6 +61,7 @@
        @pagination="getList"
    />
    <warehouseDialog ref="dialogRef" @getList="getList"></warehouseDialog>
    <room-dialog ref="roomRef" @getList="getList"></room-dialog>
  </div>
</template>

@@ -63,12 +69,14 @@
import {getCurrentInstance, onMounted, onUnmounted, reactive, ref, toRefs} from "vue";
import {ElMessage, ElMessageBox} from "element-plus";
import warehouseDialog from './components/warehouseDialog.vue'
import {delTemplate, getTemplate} from "@/api/signAgreement/template";
import {getWarning} from "@/api/company/warning";
import roomDialog from './components/roomDialog.vue'
import Cookies from "js-cookie";
import {delWarehouse, getWarehouse} from "@/api/company/warehouse";
import {subPixelOptimize} from "zrender/lib/graphic/helper/subPixelOptimize";
const { proxy } = getCurrentInstance();
const loading = ref(false);
const dialogRef = ref();
const roomRef = ref()
const createSignRef = ref();
const data = reactive({
  queryParams: {
@@ -100,7 +108,7 @@
}
const getList = async () => {
  loading.value = true
  const res = await getWarning(data.queryParams)
  const res = await getWarehouse(data.queryParams)
  if(res.code == 200){
    data.dataList = res.result.records
    data.total = res.result.total
@@ -132,7 +140,10 @@
        type: 'warning',
      })
      .then( async() => {
        const res = await delTemplate(val.id)
        const param = {
          id: val.id
        }
        const res = await delWarehouse(param)
        if(res.code == 200){
          ElMessage.success('数据删除成功')
          await getList()
@@ -142,8 +153,9 @@
      })
}



const handleRoom = (val) => {
  roomRef.value.openDialog(val)
}
const getRowKeys = (row) => {
  return row.name
}