首页完善

src/views/home/floatMenu.vue

@@ -7,8 +7,28 @@
     </el-card>
     <div class="div-button-feedback" @click="feedBackClick"><svg-icon :icon-class="feedbackClassName" /></div>
     <el-card class="feedback" :style="display">
-      <div style="font-size: 12pt;color: #666666;margin: 5pt 0 20pt 15pt;">意见反馈</div>
-      <div style="display:inline-block;font-size: 10pt;color: #666666;margin: 5pt 0 0 15pt">反馈类型</div>
+      <div style="font-size: 12pt;color: #666666;display: inline-block">意见反馈</div>
+      <div style="float: right;display: inline-block;" @click="feedBackClick"><svg-icon icon-class="float_反馈_icon_close" /></div><br>
+      <div style="display:inline-block;font-size: 10pt;color: #666666;margin-top: 20pt">反馈类型</div>
+      <el-select v-model="feedBackForm.type" placeholder="请选择" size="small" style="margin-left:10pt;width: 78%;">
+        <el-option
+          v-for="(item,index) in typeOptions"
+          :key="index"
+          :label="item"
+          :value="item"
+        />
+      </el-select>
+      <div style="display:inline-block;font-size: 10pt;color: #666666;">反馈模块</div>
+      <el-select v-model="feedBackForm.moduleName" placeholder="请选择" size="small" style="margin: 10pt 0 10pt 10pt;width: 78%;">
+        <el-option
+          v-for="(item,index) in moduleNameOptions"
+          :key="index"
+          :label="item"
+          :value="item"
+        />
+      </el-select>
+      <textarea v-model="feedBackForm.content" style="padding: 10pt;width: 100%;height: 90pt;font-size: 10pt;color: #666666" placeholder="输入反馈信息" />
+      <el-button style="float: right;margin-top: 20pt" type="info" size="small" @click="feedbackSummit()">反馈提交</el-button>
     </el-card>
   </div>
 </template>
@@ -60,6 +80,10 @@
   height: 277.5pt;
   bottom: 0;
   right: 120%;
+  padding: 5pt 10pt 5pt 10pt;
+}
+.el-card:hover{
+  cursor: default;
 }
 </style>
 
@@ -76,10 +100,12 @@ export default {
       QRCodeClassName: 'Float_icon_二维码',
       display: 'display: none;',
       feedBackForm: {
-        style: '',
+        type: '',
         moduleName: '',
         content: ''
-      }
+      },
+      typeOptions: ['反馈问题', '反馈bug'],
+      moduleNameOptions: ['流程管控', '自动化', '数据中心', '环境平台', '服务mock', '虚拟硬件']
     }
   },
   methods: {
@@ -101,6 +127,9 @@ export default {
       } else if (this.QRCodeClassName === 'Float_icon_二维码_蓝色') {
         this.QRCodeClassName = 'Float_icon_二维码'
       }
+    },
+    feedbackSummit() {
+      this.feedBackClick()
     }
   }
 }

src/views/home/index.vue

@@ -22,7 +22,7 @@
       <img class="img-arrow" src="@/assets/home_images/banner_icon_arrow@3x.png">
       <el-image style="width: 100%;height 100%;z-index: -1;" :src="bannerImage" fit="scale-down" />
     </div>
-    <div style="height: 600pt;width 100%;text-align: center;">
+    <div class="div-main" style="height: 600pt;width 100%;text-align: center;">
       <div style="font-size: 21pt;margin-top: 54pt;color: #333333;">功能介绍</div>
       <el-card style="margin-left: 0;margin-top: 42pt" shadow="hover">
         <img class="image-module-logo" src="@/assets/home_images/功能介绍_icon_流程管控@3x.png">
@@ -182,6 +182,9 @@ div.div-module-introduction {
   color: #999999;
   margin-top: 10pt;
 }
+.el-card:hover{
+  cursor: pointer;
+}
 </style>
 
 <script>