gaosp
2024-01-16 522048130f147c2e8fbfb2798bfa83f3da5b4eed
src/container/maintenance/index.vue
@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-01-06 17:40:19
 * @LastEditors: Sneed
 * @LastEditTime: 2024-01-13 22:13:21
 * @LastEditTime: 2024-01-16 22:23:01
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/maintenance/index.vue
-->
<template>
@@ -16,18 +16,18 @@
                <div class="item">
                    <span>设备名称</span>
                    <el-select class="item-value" v-model="queryInfo.machineName" placeholder="请选择">
                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                        <el-option v-for="item in machineList" :key="item.id" :label="item.machineName" :value="item.id">
                        </el-option>
                    </el-select>
                </div>
                <div class="item">
                <!-- <div class="item">
                    <span>设备型号</span>
                    <el-input class="item-value" v-model="queryInfo.type"></el-input>
                </div>
                <div class="item">
                    <span>设备规格</span>
                    <el-input class="item-value" v-model="queryInfo.specification"></el-input>
                </div>
                </div> -->
                <div class="item">
                    <span>使用部门</span>
                    <el-select class="item-value" v-model="queryInfo.department">
@@ -35,10 +35,10 @@
                        </el-option>
                    </el-select>
                </div>
                <div class="item">
                <!-- <div class="item">
                    <span>安装位置</span>
                    <el-input class="item-value" v-model="queryInfo.location"></el-input>
                </div>
                </div> -->
                <div class="item">
                    <span>计划开始日期</span>
                    <el-date-picker class="item-value" v-model="queryInfo.planStartDate" align="right" type="date" placeholder="选择日期">
@@ -65,8 +65,8 @@
                align="center"
                width="55">
            </el-table-column> -->
                <el-table-column align="center" label="统一编号" prop="uuid">
                </el-table-column>
                <!-- <el-table-column align="center" label="统一编号" prop="uuid">
                </el-table-column> -->
                <el-table-column align="center" label="设备名称" width="150" :show-overflow-tooltip="true" prop="machineName">
                </el-table-column>
                <el-table-column align="center" label="设备型号" prop="type">
@@ -108,17 +108,18 @@
                <el-table-column align="center" label="操作" prop="editor">
                    <template slot-scope="scope">
                        <el-button size="mini" type="text" @click="addDevice(2, scope.row, $event)">编辑</el-button>
                        <el-button size="mini" type="text" @click="deleteHandle(2, scope.row)">删除</el-button>
                        <el-button size="mini" type="text" @click="deleteHandle(scope.row)">删除</el-button>
                    </template>
                </el-table-column>
            </template>
        </List>
        <DailyMAddD ref="dailyMAddD" @reflash="submitForm" :departmentlist="departmentlist"></DailyMAddD>
        <DailyMAddD ref="dailyMAddD" @reflash="submitForm" :styleValue="queryInfo.style" :styleName="navName" :departmentlist="departmentlist" :machineList="machineList" :userList="userList"></DailyMAddD>
    </div>
</template>
<script>
import List from '../list/index.vue'
import { getUseDpts,getRequest } from '@/api/Api'
import { userList } from '@/api/MdcApi'
import DailyMAddD from './dailyMAdd.vue'
export default {
    components: {
@@ -127,17 +128,25 @@
    },
    computed: {
        navName () {
            let names = ['日常保养','一级','二级','三级']
            return names[this.$route.params.style-1]
            let names = ['日常保养','一级保养','二级保养','三级保养']
         return names[this.$route.params.style-1]
        },
    },
    watch: {
        $route () {
            this.queryInfo.style = this.$route.params.style
            this.query()
        }
    },
    data() {
        return {
            departmentlist: [],
            options: [],
            userList: [],
            machineList: [],
            queryInfo: {
                uuid: '',
                machineName: '',
            style: 1,
                type: '',
                specification: '',
                department: '',
@@ -163,7 +172,17 @@
                    }
                })
            })
            getRequest('machineList', {
            }).then(res => {
                this.machineList = res.data.list
                console.log(res)
            })
            getRequest('userList', {
            }).then(res => {
                this.userList = res.data.list
            })
        },
        query() {
            this.$refs.list.pageQuery(this.queryInfo)
        },
@@ -173,7 +192,7 @@
            })
        },
        addDevice(n, row, event) {
            if (n === 1) {
            if (n === 1) {//添加
                this.$nextTick(() => {
                    this.$refs.dailyMAddD.init(n)
                })
@@ -183,8 +202,25 @@
                })
            }
        },
        deleteHandle() {
        deleteHandle(row) {
            this.$confirm('确定要永久删除此项?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning'
            }).then(() => {
                getRequest('maintainDel', { ids: [row.id] }).then(res => {
                    this.$message({
                        type: 'success',
                        message: '删除成功!'
                    })
                    this.query();
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消删除'
                    })
                })
            })
        },
        submitForm() {