添加设备装配信息

src/views/big/device/components/assembly.vue

@@ -0,0 +1,135 @@
+
+<template>
+    <base-dialog :title="prop.title" width="60%" :visible="prop.visible" :autoHeight="false" @open="handleOpen"
+        @handleConfirm="handleConfirm" @close="handleClose">
+        <div class="body">
+            <el-form ref="formRef" :model="prop.form" label-width="120px">
+                <el-form-item label="装配组" prop="name">
+                    <el-input v-model="prop.form.name" placeholder="装配组" />
+                </el-form-item>
+                <el-form-item label="电装组" prop="name">
+                    <el-input v-model="prop.form.name" placeholder="电装组" />
+                </el-form-item>
+                <el-form-item label="检验员" prop="name">
+                    <el-input v-model="prop.form.name" placeholder="检验员" />
+                </el-form-item>
+                <el-form-item label="异常原因" prop="name">
+                    <el-input v-model="prop.form.name" type="textarea" placeholder="异常原因" />
+                </el-form-item>
+                <el-form-item label="异常情况反馈" prop="name">
+                    <el-input v-model="prop.form.name" type="textarea" placeholder="异常情况反馈" />
+                </el-form-item>
+                <el-form-item label="机器状态" prop="name">
+                    <el-input v-model="prop.form.name" type="textarea" placeholder="机器状态" />
+                </el-form-item>
+                <el-form-item label="安装具体阶段">
+                    <el-radio-group v-model="prop.form.isExhibition" class="ml-4">
+                        <el-radio label="1" size="large">开始装配</el-radio>
+                        <el-radio label="2" size="large">装配完成</el-radio>
+                        <el-radio label="3" size="large">检验完成</el-radio>
+                        <el-radio label="4" size="large">内包完成</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+            </el-form>
+        </div>
+    </base-dialog>
+</template>
+
+<script setup>
+import { ref, watch, getCurrentInstance } from 'vue'
+import { updateDevice } from '@/api/big/device'
+
+
+const prop = defineProps({
+    visible: {
+        type: Boolean,
+        default: false,
+    },
+    title: {
+        type: String,
+        default: '提示',
+    },
+    form: {
+        type: Object,
+        default: {
+            name: '',
+            isExhibition:'1'
+        },
+    }
+})
+
+const formRef = ref(null)
+const rule = {
+    name: [
+        { required: true, message: '请输入设备名称', trigger: 'blur' },
+    ]
+}
+const { proxy: ctx } = getCurrentInstance()
+const getwayList = ref([])
+const typeList = ref([])
+const deptList = ref([])
+const handleClose = () => {
+    //baseFormRef.value.reset()
+    emit('closeDialog')
+    emit('refreshTable')
+}
+
+
+
+// 弹窗弹出
+const handleOpen = () => {
+    // getAddFormOptions()
+}
+
+
+
+// 刷新表格事件
+const emit = defineEmits(['refreshTable', 'closeDialog'])
+// 添加/修改
+async function addDeductionInfo() {
+    if (!formRef.value) return
+    let isValid = false
+    await formRef.value.validate((valid, fields) => {
+        if (valid) {
+            isValid = true
+            console.log('submit!')
+        } else {
+            console.log('error submit!', fields)
+            isValid = false
+        }
+    })
+    if (!isValid) return
+        let { code, msg } = await updateDevice(prop.form)
+        ctx.$message({
+            type: code === 200 ? 'success' : 'warning',
+            message: code === 200 ? '修改成功' : '修改失败',
+        })
+        if (code === 200) {
+            // 刷新表格
+            emit('refreshTable')
+            emit('closeDialog')
+        }
+
+
+}
+// 点击确定
+const handleConfirm = () => {
+    addDeductionInfo()
+}
+
+
+</script>
+   
+<style lang="scss" scoped>
+.body {
+    height: 100%;
+}
+
+.img-preview {
+    max-width: 100%;
+    max-height: 100%;
+    display: block;
+    margin: 0 auto;
+    padding-top: 10px;
+}
+</style>

src/views/big/device/index.vue

@@ -56,6 +56,10 @@
             </el-table-column>
             <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150">
                 <template #default="scope">
+                    <el-tooltip content="装配信息" placement="top" v-if="scope.row.roleId !== 1">
+                        <el-button link type="primary" v-hasPermi="['big:device:update']" icon="Document"
+                            @click="handleAssembly(scope.row)"></el-button>
+                    </el-tooltip>
                     <el-tooltip content="修改" placement="top" v-if="scope.row.roleId !== 1">
                         <el-button link type="primary" v-hasPermi="['big:device:update']" icon="Edit"
                             @click="handleUpdate(scope.row.id)"></el-button>
@@ -73,6 +77,7 @@
 
         <add_edit @closeDialog="open = false" :type="type" :title="title" :form="form" :visible="open"
             @refreshTable="getList" />
+        <assemblyVue @closeDialog="assemblyOpen = false" :title="assemblyTitle" :visible="assemblyOpen"></assemblyVue>
         <el-dialog v-model="imgDialogVisible">
             <img w-full :src="dialogImageUrl" alt="Preview Image" class="img-preview" />
         </el-dialog>
@@ -86,6 +91,7 @@ import { getDeviceList, delDevice } from '@/api/big/device'
 import { getDeptList } from '@/api/big/dept'
 import { getDeviceTypeList } from '@/api/big/deviceType'
 import add_edit from './components/add_edit.vue'
+import assemblyVue from './components/assembly'
 
 const { proxy } = getCurrentInstance();
 const data = reactive({
@@ -121,6 +127,8 @@ const total = ref(0);
 const title = ref("");
 const file_list = ref([])
 const type = ref("add");
+const assemblyTitle = ref("设备装配信息")
+const assemblyOpen = ref(false)
 
 /** 查询部门列表 */
 function getList() {
@@ -180,6 +188,13 @@ function handleUpdate(id) {
     open.value = true;
 }
 
+//设备装配信息
+function handleAssembly(row) {
+    assemblyTitle.value = "设备装配信息";
+    assemblyOpen.value = true;
+    form.value = row;
+}
+
 /** 删除按钮操作 */
 function handleDelete(row) {
     let rows = deptList.value.filter(item => ids.value.includes(item.id));