对比新文件 |
| | |
| | | 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 |
| | | }) |
| | | } |
| | |
| | | } |
| | | |
| | | .pagination-container { |
| | | margin-top: 30px; |
| | | margin-top: 15px; |
| | | } |
| | | |
| | | .text-center { |
| | |
| | | |
| | | .blueBg{ |
| | | background: #385ca7; |
| | | } |
| | | } |
| | |
| | | pageSizes: { |
| | | type: Array, |
| | | default() { |
| | | return [10, 20, 30, 50] |
| | | return [5,10, 20, 30, 50] |
| | | } |
| | | }, |
| | | // 移动端页码按钮的数量端默认值5 |
| | |
| | | .pagination-container.hidden { |
| | | display: none; |
| | | } |
| | | </style> |
| | | </style> |
| | |
| | | > |
| | | <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" |
| | | /> |
| | |
| | | </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; |
| | |
| | | <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" |
| | | /> |
| | |
| | | <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> |
| | |
| | | <!-- </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> |
| | |
| | | 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); |
| | |
| | | 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; |
| | |
| | | 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; |
对比新文件 |
| | |
| | | <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> |
对比新文件 |
| | |
| | | <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> |
| | |
| | | <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" |
| | |
| | | </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%" |
| | | > |
| | |
| | | </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> |
| | |
| | | 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(); |
| | |
| | | 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; |
| | | } |
| | |
| | | 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(); |
| | |
| | | const reset = () => { |
| | | state.form = { |
| | | id: '', |
| | | name: '', |
| | | typeId:null, |
| | | phone: '', |
| | | acreage: '', |
| | | dangerLevel:null, |
| | | companyCode: '', |
| | | storeNum: '', |
| | | storeName: '', |
| | | personLimit: null, |
| | | dosage: null |
| | | } |
| | | state.storeroomList = [] |
| | | } |
| | |
| | | icon="Plus" |
| | | @click="addProject('add',{})" |
| | | > |
| | | 新增 |
| | | 新增仓库 |
| | | </el-button> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="姓名:" >--> |
| | |
| | | <!-- 表格数据 --> |
| | | <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> |
| | |
| | | @pagination="getList" |
| | | /> |
| | | <warehouseDialog ref="dialogRef" @getList="getList"></warehouseDialog> |
| | | <room-dialog ref="roomRef" @getList="getList"></room-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | 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: { |
| | |
| | | } |
| | | 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 |
| | |
| | | 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() |
| | |
| | | }) |
| | | } |
| | | |
| | | |
| | | |
| | | const handleRoom = (val) => { |
| | | roomRef.value.openDialog(val) |
| | | } |
| | | const getRowKeys = (row) => { |
| | | return row.name |
| | | } |