update

gaoshp

2024-04-16 5ce658c5cf97b40cc0d84d8bfb37f96053ea8ef1

update

 src/views/mdc/alarm-statistics.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-04-09 22:11:21
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-13 22:14:33
 * @LastEditTime: 2024-04-15 23:51:52
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/alarm-statistics.vue
 * è¿‡ç¨‹å‚æ•°
-->

 src/views/mdc/configComp/Board.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,125 @@
<!--
 * @Date: 2024-04-15 23:58:36
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-16 00:26:46
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/configComp/Board.vue
-->
<template>
    <el-main>
        <el-row>
            <el-col :span="2" class="label">
                é¡µé¢æŽ’列方式
            </el-col>
            <el-col :span="4">
                <el-radio-group v-model="radio">
                    <el-radio :label="1">充满屏幕</el-radio>
                    <el-radio :label="2">设置行列</el-radio>
                </el-radio-group>
            </el-col>
            <el-col :span="2" class="label" :offset="2">
                è®¾ç½®è¡Œæ•°
            </el-col>
            <el-col :span="4">
                <el-input-number v-model="radio" :min="1" :max="4" @change="handleChange" />
            </el-col>
            <el-col :span="2" class="label" :offset="2">
                è®¾ç½®åˆ—æ•°
            </el-col>
            <el-col :span="4">
                <el-input-number v-model="radio" :min="1" :max="4" @change="handleChange" />
            </el-col>
            <el-col class="title">
                ä¸‹é¢é™ˆåˆ—拥有标签的所有工位组，请选择需要在实时看板页面查询的组，并设定一个默认组
                å¦‚果未配置查询组，实时工况页面默认查询所有工位
            </el-col>
            <el-col :span="2" class="label-title">
                æŸ”性产线
            </el-col>
            <el-col>
                <el-card class="my-card" @click="radio = true">
                    <template #header>
                        <div class="card-header">
                            <div class="card-line"><el-checkbox v-model="radio" /><span>千文科技</span>
                                <el-button style="margin-left: auto">设为默认</el-button>
                                <el-button style="margin-left: auto">默认</el-button>
                            </div>
                        </div>
                    </template>
                    <p>所有的 > åƒæ–‡ç§‘技</p>
                </el-card>
            </el-col>

            <el-col class="label-title">
                è½¦é—´
            </el-col>
            <el-col :span="6">
                <el-card class="my-card" @click="radio = true">
                    <template #header>
                        <div class="card-header">
                            <div class="card-line"><el-checkbox v-model="radio" /><span>千文科技</span><el-button
                                    style="margin-left: auto">设为默认</el-button>
                                <el-button style="margin-left: auto">默认</el-button>
                            </div>
                        </div>
                    </template>
                    <p>所有的 > åƒæ–‡ç§‘技</p>
                </el-card>

            </el-col>
            <el-col :span="6" :offset="2">
                <el-card class="my-card" @click="radio = true">
                    <template #header>
                        <div class="card-header">
                            <div class="card-line"><el-checkbox v-model="radio" /><span>千文科技</span><el-button
                                    style="margin-left: auto">设为默认</el-button>
                                <el-button style="margin-left: auto">默认</el-button>
                            </div>
                        </div>
                    </template>
                    <p>所有的 > åƒæ–‡ç§‘技</p>
                </el-card>
            </el-col>
        </el-row>
    </el-main>
</template>

<script>
export default {
    data() {
        return {
            radio: ''
        }
    },
}
</script>

<style lang="scss" scoped>
.label {
    display: flex;
    align-items: center;

}

.label-title {
    margin-bottom: 14px;
}

.my-card {
    max-width: 480px;
    cursor: pointer;
}

.title {
    padding: 10px 0;
    font-size: 14px;
}

.card-line {
    display: flex;
    align-items: center;

    span {
        margin: 0 10px;
    }
}
</style>

 src/views/mdc/configComp/configuration.23a90729.png

 src/views/mdc/configuration.vue

@@ -1,7 +1,7 @@
<!--
 * @Date: 2024-04-09 22:11:21
 * @LastEditors: Sneed
 * @LastEditTime: 2024-04-14 10:31:10
 * @LastEditTime: 2024-04-16 00:00:46
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/mdc/configuration.vue
 * åº”用设置
-->
@@ -10,68 +10,7 @@
        <el-card shadow="never">
            <el-tabs :tab-position="'left'" class="demo-tabs">
                <el-tab-pane label="实时看板查询组设置">
                    <el-row>
                        <el-col :span="4">
                            é¡µé¢æŽ’列方式
                        </el-col>
                        <el-col :span="20">
                            <el-radio-group v-model="radio">
                                <el-radio :value="1">充满屏幕</el-radio>
                                <el-radio :value="2">设置行列</el-radio>
                            </el-radio-group>
                        </el-col>
                        <el-col :span="4">
                            è®¾ç½®è¡Œæ•°
                        </el-col>
                        <el-col :span="20">
                            <el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
                        </el-col>
                        <el-col :span="4">
                            è®¾ç½®åˆ—æ•°
                        </el-col>
                        <el-col :span="20">
                            <el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
                        </el-col>
                        <el-col>
                            ä¸‹é¢é™ˆåˆ—拥有标签的所有工位组，请选择需要在实时看板页面查询的组，并设定一个默认组
                            å¦‚果未配置查询组，实时工况页面默认查询所有工位
                        </el-col>
                        <el-col>
                            æŸ”性产线
                        </el-col>
                        <el-col>
                            <el-card style="max-width: 480px">
                                <template #header>
                                <div class="card-header">
                                    <span>千文科技</span>
                                </div>
                                </template>
                                <p>所有的> åƒæ–‡ç§‘技</p>
                            </el-card>
                        </el-col>

                        <el-col>
                            è½¦é—´
                        </el-col>
                        <el-col>
                            <el-card style="max-width: 480px">
                                <template #header>
                                <div class="card-header">
                                    <span>千文科技</span>
                                </div>
                                </template>
                                <p>所有的> åƒæ–‡ç§‘技</p>
                            </el-card>
                            <el-card style="max-width: 480px">
                                <template #header>
                                <div class="card-header">
                                    <span>千文科技</span>
                                </div>
                                </template>
                                <p>所有的> åƒæ–‡ç§‘技</p>
                            </el-card>
                        </el-col>
                    </el-row>
                    <Board />
                </el-tab-pane>
                <el-tab-pane label="状态和绩效时间设置">

@@ -88,13 +27,22 @@
</template>

<script>
import Board from './configComp/Board.vue'
export default {
    components: {
        Board,
    },
    data() {
        return {
            
            radio: ''
        }
    },
}
</script>

<style lang="scss" scoped></style>
<style lang="scss" scoped>
.label {
    display: flex;
    align-items: center;
}
</style>