Web/admin-govern
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

设备基础管理

Browse Source
This commit is contained in:
仲么了
2024-01-23 14:14:26 +08:00
parent e949b31ab4
commit 8808d415c4
6 changed files with 290 additions and 340 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
src/views/govern/manage/basic/popupVersion.vue
View File

@@ -1,70 +1,80 @@
<template>
<el-dialog class='cn-operate-dialog' v-model='dialogVisible' :title='title'>
<el-dialog class="cn-operate-dialog" v-model="dialogVisible" :title="title">
<el-scrollbar>
<el-form :inline='true' :model='form' label-width='120px' ref='formRef' :rules='rules'>
<el-form-item label='装置类型:' prop='type'>
<el-select v-model='form.type' placeholder='请选择' style='width: 100%' @change='typeChange'>
<el-option v-for='item in TypeOptions' :key='item.id' :label='item.name'
:value='item.id'></el-option>
<el-form :inline="true" :model="form" label-width="120px" ref="formRef" :rules="rules">
<el-form-item label="装置类型:" prop="type">
<el-select v-model="form.type" placeholder="请选择" style="width: 100%" @change="typeChange">
<el-option
v-for="item in TypeOptions"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label='装置型号:' prop='devType'>
<el-select v-model='form.devType' placeholder='请选择' style='width: 100%' @change='devTypeChange'>
<el-option v-for='item in DevTypeOptions' :key='item.id' :label='item.name'
:value='item.id'></el-option>
<el-form-item label="装置型号:" prop="devType">
<el-select v-model="form.devType" placeholder="请选择" style="width: 100%" @change="devTypeChange">
<el-option
v-for="item in DevTypeOptions"
:key="item.id"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label='版本号:' prop='versionNo'>
<el-input v-model='form.versionNo' autocomplete='off' placeholder='请输入'></el-input>
<el-form-item label="版本号:" prop="versionNo">
<el-input v-model="form.versionNo" autocomplete="off" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label='版本类型:' prop='versionType'>
<el-input v-model='form.versionType' autocomplete='off'
placeholder='填写特殊类型(不填默认通用类型)'></el-input>
<el-form-item label="版本类型:" prop="versionType">
<el-input
v-model="form.versionType"
autocomplete="off"
placeholder="填写特殊类型(不填默认通用类型)"
></el-input>
</el-form-item>
<el-form-item label='版本协议:' prop='versionAgreement'>
<el-input v-model='form.versionAgreement' autocomplete='off' placeholder='请输入'></el-input>
<el-form-item label="版本协议:" prop="versionAgreement">
<el-input v-model="form.versionAgreement" autocomplete="off" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label='版本日期:' prop='versionDate'>
<el-form-item label="版本日期:" prop="versionDate">
<el-date-picker
v-model='form.versionDate'
type='date'
value-format='yyyy-MM-dd'
placeholder='选择日期时间'
style='width: 100%'
>
</el-date-picker>
v-model="form.versionDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期时间"
style="width: 100%"
></el-date-picker>
</el-form-item>
<el-form-item label='描述:' prop='description'>
<el-input v-model='form.description' autocomplete='off' placeholder='请输入'></el-input>
<el-form-item label="描述:" prop="description">
<el-input v-model="form.description" autocomplete="off" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label='CRC校验:' prop='crcInfo'>
<el-input v-model='form.crcInfo' autocomplete='off' placeholder='请输入'></el-input>
<el-form-item label="CRC校验:" prop="crcInfo">
<el-input v-model="form.crcInfo" autocomplete="off" placeholder="请输入"></el-input>
</el-form-item>
</el-form>
<el-form :inline='true' :model='form' label-width='120px' class='mt10'>
<el-form-item label='升级文件:' prop='file'>
<el-form :inline="true" :model="form" label-width="120px" class="mt10">
<el-form-item label="升级文件:" prop="file">
<el-upload
:limit='1'
:auto-upload='false'
:on-change='fileChange'
:on-exceed='fileExceed'
:file-list='fileList'
:limit="1"
:auto-upload="false"
:on-change="fileChange"
:on-exceed="fileExceed"
:file-list="fileList"
>
<el-button size='small' type='primary'>点击上传</el-button>
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</el-form-item>
</el-form>
</el-scrollbar>
<template #footer>
<span class='dialog-footer'>
<el-button @click='dialogVisible = false'>取消</el-button>
<el-button type='primary' @click='submit'>确认</el-button>
<span class="dialog-footer">
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submit">确认</el-button>
</span>
</template>
</el-dialog>
</template>
<script lang='ts' setup>
<script lang="ts" setup>
import { ref, inject } from 'vue'
import { reactive } from 'vue'
import TableStore from '@/utils/tableStore'
@@ -79,7 +89,7 @@ const DevTypeOptions = ref()
const fileList = ref()
const tableStore = inject('tableStore') as TableStore
const formRef = ref()
const form = reactive({
const form = reactive<any>({
devType: null,
devTypeName: null,
versionAgreement: null,
@@ -107,7 +117,7 @@ const typeChange = () => {
console.log(form.type)
form.devType = null
form.devTypeName = null
queryCsDictTree(form.type).then((res) => {
queryCsDictTree(form.type).then(res => {
DevTypeOptions.value = res.data
})
}
@@ -134,20 +144,22 @@ const open = (text: string, data?: anyObj) => {
for (let key in form) {
form[key] = data[key]
}
fileList.value = [{
name: data.filePath,
url: data.filePath
}]
fileList.value = [
{
name: data.filePath,
url: data.filePath
}
]
} else {
for (let key in form) {
form[key] = null
}
}
queryByCode('Direct_Connected_Device').then((res) => {
queryCsDictTree(res.data.id).then((res) => {
queryByCode('Direct_Connected_Device').then(res => {
queryCsDictTree(res.data.id).then(res => {
TypeOptions.value = res.data
})
queryByid(res.data.id).then((res) => {
queryByid(res.data.id).then(res => {
DevTypeAllOptions.value = res.data
})
})
@@ -171,7 +183,6 @@ const submit = () => {
dialogVisible.value = false
}
})
}
defineExpose({ open })