From 6a33da2ac6cca708b14c254c6e1de416919cfda5 Mon Sep 17 00:00:00 2001
From: gaosp <gaosp>
Date: 星期二, 16 一月 2024 23:23:14 +0800
Subject: [PATCH] update
---
src/container/machineList/Manage-add-update.vue | 338 +++++++++++++++++++++++++++++++++++---------------------
1 files changed, 212 insertions(+), 126 deletions(-)
diff --git a/src/container/machineList/Manage-add-update.vue b/src/container/machineList/Manage-add-update.vue
index 4c1cb21..f73d09b 100644
--- a/src/container/machineList/Manage-add-update.vue
+++ b/src/container/machineList/Manage-add-update.vue
@@ -1,135 +1,221 @@
<template>
- <div>
- <el-dialog
- :title="!dataForm.id ? '鏂板缓' : '缂栬緫'"
- :close-on-click-modal="false"
- width="80%"
- :visible.sync="addVisible">
- <!-- 娣诲姞鍐呭-->
- <el-form :model="dataForm" label-width="100px" ref="dataForm">
- <el-row :gutter="20">
- <el-col :xs="24":sm="6":md="6":lg="6":xl="6">
- <el-form-item label="鍚嶇О" prop="name">
- <el-input v-model="dataForm.name" placeholder="鍚嶇О" clearable></el-input>
- </el-form-item>
- </el-col>
-
- </el-row>
-
- </el-form>
- <!-- 鎸夐挳 -->
- <span slot="footer" class="dialog-footer">
- <el-button size="mini" @click="cancel">鍙栨秷</el-button>
- <el-button size="mini" class="active" type="primary" @click="dataFormSubmit()">淇濆瓨</el-button>
- </span>
- </el-dialog>
- </div>
+ <div>
+ <el-dialog :title="!dataForm.id ? '鏂板缓' : '缂栬緫'" :close-on-click-modal="false" width="80%" :visible.sync="addVisible">
+ <!-- 娣诲姞鍐呭-->
+ <el-form :model="dataForm" label-width="100px" ref="dataForm">
+ <el-row :gutter="20">
+ <el-col :xs="24" :sm="6" :md="6" :lg="6" :xl="6">
+ <el-form-item label="鏈哄簥鍚嶇О" prop="machineName">
+ <el-input v-model="dataForm.machineName" placeholder="鏈哄簥鍚嶇О" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="鏈哄簥" prop="id">
+ <el-select class="value" v-model="dataForm.id" placeholder="璇烽�夋嫨">
+ <el-option v-for="item in accountList" :key="item.machineId" :label="item.uuid"
+ :value="item.machineId">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="IP" prop="ip">
+ <el-input v-model="dataForm.ip" placeholder="IP" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="绔彛" prop="port">
+ <el-input v-model="dataForm.port" placeholder="绔彛" clearable></el-input>
+ </el-form-item>
+ <el-form-item label="杞﹂棿" prop="workshopId">
+ <el-select class="value" v-model="dataForm.workshopId" @change="changewsl" placeholder="璇烽�夋嫨">
+ <el-option v-for="item in workshopList" :key="item.id" :label="item.name" :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="宸ユ" prop="sectionId">
+ <el-select class="value" v-model="dataForm.sectionId" placeholder="璇烽�夋嫨">
+ <el-option v-for="item in sectionIds" :key="item.id" :label="item.name" :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鍗忚" prop="protocolId">
+ <el-select class="value" v-model="dataForm.protocolId" placeholder="璇烽�夋嫨">
+ <el-option v-for="item in protocolList" :key="item.id" :label="item.name" :value="item.id">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鏄惁閲囬泦" prop="isCollect">
+ <el-radio-group class="value" v-model="dataForm.isCollect">
+ <el-radio :label="0">鍚�</el-radio>
+ <el-radio :label="1">鏄�</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="鐝埗" prop="shiftType">
+ <el-select class="value" v-model="dataForm.shiftType" placeholder="璇烽�夋嫨">
+ <el-option v-for="item in shiftTypes" :key="item.value" :label="item.label"
+ :value="item.value">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+
+ </el-row>
+
+ </el-form>
+ <!-- 鎸夐挳 -->
+ <span slot="footer" class="dialog-footer">
+ <el-button size="mini" @click="cancel">鍙栨秷</el-button>
+ <el-button size="mini" class="active" type="primary" @click="dataFormSubmit()">淇濆瓨</el-button>
+ </span>
+ </el-dialog>
+ </div>
</template>
<script>
- import { deviceTypeUpdate,deviceTypeCreate } from '@/api/Api'
- export default {
- props: ['addVisible','row'],
- data() {
- return {
- visible: false,
- dataForm: {
- id: 0, // title鏄剧ず鏂板杩樻槸淇敼
- name: ''
- }
-
- }
- },
- watch: {
- addVisible: {
- handler (val) {
- if (val) {
- this.init()
- }
- },
- immediate: true
- }
- },
- created () {
- console.log('add create');
- this.init(this.row)
- },
- methods: {
- init(row) {
- if (this.$refs['dataForm']) {
- this.$refs['dataForm'].resetFields()
- }
- if (row !== undefined) {
- this.dataForm.id = row.id
- this.dataForm.name = row.name
-
- } else {
- this.dataForm.id = ''
+import { getWsl, getPcl, getRequest } from '@/api/Api'
+export default {
+ props: ['addVisible', 'row'],
+ data() {
+ return {
+ shiftTypes: [
+ {
+ label: '1鐝�',
+ value: '1'
+ },
+ {
+ label: '2鐝�',
+ value: '2'
+ },
+ {
+ label: '3鐝�',
+ value: '3'
+ },
+ ],
+ protocolList: [],
+ sectionIds: [],
+ workshopList: [],
+ accountList: [],
+ dataForm: {
+ machineName: '',
+ id: '',
+ ip: '',
+ port: '',
+ workshopId: '',
+ sectionId: '',
+ protocolId: '',
+ isCollect: '',
+ shiftType: '',
+ },
+
}
- },
- /* 鏌ヨ浣跨敤閮ㄩ棬*/
- cancel () {
- this.$emit('close')
- },
- /* 鎻愪氦*/
- dataFormSubmit() {
- if (this.dataForm.id === '') { // 鏂板
- deviceTypeCreate(this.dataForm).then(res => {
- this.$message({
- message: '鏂板鎴愬姛',
- type: 'success',
- duration: 1500,
- onClose: () => {
- this.$emit('confirm')
- this.visible = false
- }
- })
- })
- } else {
- deviceTypeUpdate(this.dataForm).then(res => {
- this.$message({
- message: '淇敼鎴愬姛',
- type: 'success',
- duration: 1500,
- onClose: () => {
- this.$emit('confirm')
- this.visible = false
- }
- })
- })
- }
- }
- }
- }
+ },
+ watch: {
+ machineid: {
+ handler(val) {
+ if (val) {
+ setTimeout(() => {
+ getRequest('machineQuery', { size: 10, machineId: val }).then(res => {
+ this.changewsl(res.data.records[0].workshopId)
+ this.$nextTick(() => {
+ try {
+ Object.keys(this.addInfo).forEach(item => {
+ this.addInfo[item] = res.data.records[0][item]
+ })
+ // this.addInfo.id = res.data.records[0].id
+ } catch (error) {
+ console.error(error)
+ }
+ })
+ })
+ }, 1000)
+
+ }
+ },
+ immediate: true
+ }
+ },
+ created() {
+ getPcl().then(res => {
+ this.protocolList = res.data
+ })
+ getWsl().then(res => {
+ this.workshopList = res.data
+ })
+ getRequest('accountQuery', {}).then(res => {
+ console.log(res)
+ try {
+ this.accountList = res.data
+ } catch (error) {
+ this.accountList = []
+ }
+
+ })
+ },
+ methods: {
+ changewsl(val) {
+ console.log(val, 'changewsl')
+ try {
+ this.sectionIds = this.workshopList.find(item => item.id === val).sections
+ } catch (error) {
+ this.sectionIds = []
+ }
+ },
+ /* 鏌ヨ浣跨敤閮ㄩ棬*/
+ cancel() {
+ this.$emit('close')
+ },
+ /* 鎻愪氦*/
+ dataFormSubmit() {
+ if (this.dataForm.id === '') { // 鏂板
+ getRequest('machineSave',this.dataForm).then(res => {
+
+ })
+ } else {
+ // deviceTypeUpdate(this.dataForm).then(res => {
+ // this.$message({
+ // message: '淇敼鎴愬姛',
+ // type: 'success',
+ // duration: 1500,
+ // onClose: () => {
+ // this.$emit('confirm')
+ // this.visible = false
+ // }
+ // })
+ // })
+ }
+ }
+ }
+}
</script>
<style lang="scss">
- .el-form-item__content {
- .el-select,.el-input {
- width: 100%;
- }
- }
- .avatar-uploader .el-upload {
- border: 1px dashed #d9d9d9;
- border-radius: 6px;
- cursor: pointer;
- position: relative;
- overflow: hidden;
- }
- .avatar-uploader .el-upload:hover {
- border-color: #409EFF;
- }
- .avatar-uploader-icon {
- font-size: 28px;
- color: #8c939d;
- width: 178px;
- height: 178px;
- line-height: 178px;
- text-align: center;
- }
- .avatar {
- width: 178px;
- height: 178px;
- display: block;
- }
+.el-form-item__content {
+
+ .el-select,
+ .el-input {
+ width: 100%;
+ }
+}
+
+.avatar-uploader .el-upload {
+ border: 1px dashed #d9d9d9;
+ border-radius: 6px;
+ cursor: pointer;
+ position: relative;
+ overflow: hidden;
+}
+
+.avatar-uploader .el-upload:hover {
+ border-color: #409EFF;
+}
+
+.avatar-uploader-icon {
+ font-size: 28px;
+ color: #8c939d;
+ width: 178px;
+ height: 178px;
+ line-height: 178px;
+ text-align: center;
+}
+
+.avatar {
+ width: 178px;
+ height: 178px;
+ display: block;
+}
</style>
--
Gitblit v1.9.3