1

lzhe

2024-06-21 9c094a1fe3e1ae3dadef6433f8401818fe2b8304

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!--
 * @Author: lzhe lzhe@example.com
 * @Date: 2024-03-26 10:28:33
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-05-29 16:17:11
 * @FilePath: /smart-web/src/views/master/person/main/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="aposcope-main">
        <div class="main-box">
            <div class="box-title-dom">
                <span class="box-title-line"></span>
                <span class="box-title">计划工单</span>
            </div>
            <div class="card">
                <div class="card-title">计划</div>
                <div class="card-desc">
                    <span @click="goSetField(1)">字段配置</span>
                    <span @click="goPlanSettings(1)">计划设置</span>
                </div>
            </div>
        </div>
        <div class="main-box">
            <div class="box-title-dom">
                <span class="box-title-line"></span>
                <span class="box-title">产品</span>
            </div>
            <div class="card">
                <div class="card-title">产品</div>
                <div class="card-desc">
                    <span @click="goSetField(2)">字段配置</span>
                    <span @click="goPlanSettings(2)">显示设置</span>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name: "custom",
        data(){
            return {
                
            }
        },
        created(){
            
        },
        mounted(){
            //this.getMenuList();
        },
        components: {
 
        },
        methods: {
            goSetField(type) {
                this.$router.push({path: '/configuration/custom/setField',query: {type: type}});
            },
            goPlanSettings(type) {
                this.$router.push({path: '/configuration/custom/planSettings',query: {type: type}});    
            }
        }
    }
</script>
 
<style scoped>
.aposcope-main {
    min-height: 100%;
    margin: 8px;
    padding:20px;
    background: #fff;
}
.main-box {
    margin-bottom: 20px;
}
.box-title-dom {
    position: relative;
}
.box-title-line {
    display: inline-block;
    width: 2px;
    height: 14px;
    background-color: #3b8e8e;
    position: absolute;
    top: 12px;
}
.box-title {
    padding: 8px 8px 0 8px;
    font-weight: 700;
    font-size: 16px;
    color: #333;
    display: flex;
    position: relative;
}
.card {
    margin: 24px 0 24px 34px;
    border-radius: 2px;
    width: 260px;
    border: 1px solid #e8eaee;
    padding: 20px 14px;
}
.card-title {
    margin-bottom: 26px;
    font-weight: 700;
    font-size: 14px;
}
.card-desc {
    display: flex;
    justify-content: space-between;
    color: #3b8e8e;
    font-weight: 400;
    cursor: pointer;
    font-size: 14px;
}
</style>