소스 검색

Merge branch 'master' of http://git.ycjcjy.com/yz-question/pc-admin

李志伟 3 년 전
부모
커밋
f9db232b79
2개의 변경된 파일85개의 추가작업 그리고 29개의 파일을 삭제
  1. 55
    18
      src/components/Question/drawer.vue
  2. 30
    11
      src/layout/components/Navbar.vue

+ 55
- 18
src/components/Question/drawer.vue 파일 보기

14
         <el-form ref="form" :model="form" :rules="rules" style="margin:20px">
14
         <el-form ref="form" :model="form" :rules="rules" style="margin:20px">
15
           <el-form-item label="答案:" prop="content" :label-width="formLabelWidth">
15
           <el-form-item label="答案:" prop="content" :label-width="formLabelWidth">
16
             <el-input v-model="form.content" placeholder="请输入答案(必填)">
16
             <el-input v-model="form.content" placeholder="请输入答案(必填)">
17
-              <el-select slot="prepend" v-model="form.option" filterable allow-create default-first-option style="width:100px" placeholder="请选择">
17
+              <el-select
18
+                slot="prepend"
19
+                v-model="form.option"
20
+                filterable
21
+                allow-create
22
+                default-first-option
23
+                style="width:100px"
24
+                placeholder="请选择"
25
+              >
18
                 <el-option
26
                 <el-option
19
                   v-for="item in options"
27
                   v-for="item in options"
20
                   :key="item.value"
28
                   :key="item.value"
62
   data() {
70
   data() {
63
     return {
71
     return {
64
       rules: {
72
       rules: {
65
-        content: [{ required: true, message: '请输入答案内容', trigger: 'blur' }]
73
+        content: [
74
+          { required: true, message: '请输入答案内容', trigger: 'blur' }
75
+        ]
66
       },
76
       },
67
       form: {
77
       form: {
68
         option: undefined,
78
         option: undefined,
112
           this.form = res.data
122
           this.form = res.data
113
           if (res.data.characterList) {
123
           if (res.data.characterList) {
114
             const list = []
124
             const list = []
115
-            res.data.characterList.map(item => {
125
+            res.data.characterList.map((item) => {
116
               list.push(item.characterId)
126
               list.push(item.characterId)
117
             })
127
             })
118
             this.form.characterList = list
128
             this.form.characterList = list
126
       this.$refs[form].validate((valid) => {
136
       this.$refs[form].validate((valid) => {
127
         if (valid) {
137
         if (valid) {
128
           if (this.form.option) {
138
           if (this.form.option) {
129
-            const list = this.wordList.filter(item => this.form.characterList.includes(item.characterId))
139
+            const list = this.wordList.filter((item) =>
140
+              this.form.characterList.includes(item.characterId)
141
+            )
130
             const data = { ...this.form }
142
             const data = { ...this.form }
131
             if (list) {
143
             if (list) {
132
-              list.map(item => {
144
+              list.map((item) => {
133
                 item.gameId = this.gameId
145
                 item.gameId = this.gameId
134
               })
146
               })
135
               data.characterList = list
147
               data.characterList = list
136
             }
148
             }
137
             switch (data.option) {
149
             switch (data.option) {
138
-              case 'A':data.sortNo = 1; break
139
-              case 'B':data.sortNo = 2; break
140
-              case 'C':data.sortNo = 3; break
141
-              case 'D':data.sortNo = 4; break
142
-              case 'E':data.sortNo = 5; break
143
-              case 'F':data.sortNo = 6; break
144
-              case 'G':data.sortNo = 7; break
145
-              case 'H':data.sortNo = 8; break
146
-              case 'I':data.sortNo = 9; break
147
-              case 'J':data.sortNo = 10; break
148
-              case 'true':data.sortNo = 1; break
149
-              case 'false':data.sortNo = 2; break
150
-              default:break
150
+              case 'A':
151
+                data.sortNo = 1
152
+                break
153
+              case 'B':
154
+                data.sortNo = 2
155
+                break
156
+              case 'C':
157
+                data.sortNo = 3
158
+                break
159
+              case 'D':
160
+                data.sortNo = 4
161
+                break
162
+              case 'E':
163
+                data.sortNo = 5
164
+                break
165
+              case 'F':
166
+                data.sortNo = 6
167
+                break
168
+              case 'G':
169
+                data.sortNo = 7
170
+                break
171
+              case 'H':
172
+                data.sortNo = 8
173
+                break
174
+              case 'I':
175
+                data.sortNo = 9
176
+                break
177
+              case 'J':
178
+                data.sortNo = 10
179
+                break
180
+              case 'true':
181
+                data.sortNo = 1
182
+                break
183
+              case 'false':
184
+                data.sortNo = 2
185
+                break
186
+              default:
187
+                break
151
             }
188
             }
152
             if (this.answerId) {
189
             if (this.answerId) {
153
               UpdateAnswer(data, this.answerId).then((res) => {
190
               UpdateAnswer(data, this.answerId).then((res) => {

+ 30
- 11
src/layout/components/Navbar.vue 파일 보기

1
 <template>
1
 <template>
2
   <div class="navbar">
2
   <div class="navbar">
3
-    <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
3
+    <hamburger
4
+      :is-active="sidebar.opened"
5
+      class="hamburger-container"
6
+      @toggleClick="toggleSideBar"
7
+    />
4
 
8
 
5
     <breadcrumb class="breadcrumb-container" />
9
     <breadcrumb class="breadcrumb-container" />
6
 
10
 
7
     <div class="right-menu">
11
     <div class="right-menu">
8
       <el-dropdown class="avatar-container" trigger="click">
12
       <el-dropdown class="avatar-container" trigger="click">
9
         <div class="avatar-wrapper">
13
         <div class="avatar-wrapper">
14
+<<<<<<< HEAD
10
           <img src="../../icons/logo.jpg" class="user-avatar">
15
           <img src="../../icons/logo.jpg" class="user-avatar">
11
           <i class="el-icon-caret-bottom" />
16
           <i class="el-icon-caret-bottom" />
12
         </div>
17
         </div>
13
         <el-dropdown-menu slot="dropdown">
18
         <el-dropdown-menu slot="dropdown">
14
           <el-dropdown-item @click.native="logout">
19
           <el-dropdown-item @click.native="logout">
15
             <span>安全退出</span>
20
             <span>安全退出</span>
21
+=======
22
+          <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar" />
23
+          <i class="el-icon-caret-bottom" />
24
+        </div>
25
+        <el-dropdown-menu slot="dropdown" class="user-dropdown">
26
+          <router-link to="/">
27
+            <el-dropdown-item>Home</el-dropdown-item>
28
+          </router-link>
29
+          <a target="_blank" href="https://github.com/PanJiaChen/vue-admin-template/">
30
+            <el-dropdown-item>Github</el-dropdown-item>
31
+          </a>
32
+          <a target="_blank" href="https://panjiachen.github.io/vue-element-admin-site/#/">
33
+            <el-dropdown-item>Docs</el-dropdown-item>
34
+          </a>
35
+          <el-dropdown-item divided @click.native="logout">
36
+            <span style="display:block;">Log Out</span>
37
+>>>>>>> 6631f595310cb3fe0ac452d947697c17413808d2
16
           </el-dropdown-item>
38
           </el-dropdown-item>
17
         </el-dropdown-menu>
39
         </el-dropdown-menu>
18
       </el-dropdown>
40
       </el-dropdown>
31
     Hamburger
53
     Hamburger
32
   },
54
   },
33
   computed: {
55
   computed: {
34
-    ...mapGetters([
35
-      'sidebar',
36
-      'avatar'
37
-    ])
56
+    ...mapGetters(['sidebar', 'avatar'])
38
   },
57
   },
39
   methods: {
58
   methods: {
40
     toggleSideBar() {
59
     toggleSideBar() {
54
   overflow: hidden;
73
   overflow: hidden;
55
   position: relative;
74
   position: relative;
56
   background: #fff;
75
   background: #fff;
57
-  box-shadow: 0 1px 4px rgba(0,21,41,.08);
76
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
58
 
77
 
59
   .hamburger-container {
78
   .hamburger-container {
60
     line-height: 46px;
79
     line-height: 46px;
61
     height: 100%;
80
     height: 100%;
62
     float: left;
81
     float: left;
63
     cursor: pointer;
82
     cursor: pointer;
64
-    transition: background .3s;
65
-    -webkit-tap-highlight-color:transparent;
83
+    transition: background 0.3s;
84
+    -webkit-tap-highlight-color: transparent;
66
 
85
 
67
     &:hover {
86
     &:hover {
68
-      background: rgba(0, 0, 0, .025)
87
+      background: rgba(0, 0, 0, 0.025);
69
     }
88
     }
70
   }
89
   }
71
 
90
 
92
 
111
 
93
       &.hover-effect {
112
       &.hover-effect {
94
         cursor: pointer;
113
         cursor: pointer;
95
-        transition: background .3s;
114
+        transition: background 0.3s;
96
 
115
 
97
         &:hover {
116
         &:hover {
98
-          background: rgba(0, 0, 0, .025)
117
+          background: rgba(0, 0, 0, 0.025);
99
         }
118
         }
100
       }
119
       }
101
     }
120
     }