工程现场 问题界面

src/views/pad/engineering/issueDealDia.vue

@@ -11,8 +11,8 @@
       <div v-if="dialogVisible" style="z-index: 10000;display: flex;justify-content: center;align-items: center;background-color: transparent;position: absolute;width: 100%;height: 100%" @click="handleCloseView">
         <img width="600px" :src="dialogImageUrl" alt="">
       </div>
-  
-  
+
+
       <div class="me">
         <div style="width: 35%;color: #00ffff;">
           <!--        <div style="text-align: right;margin-bottom: 10px;height: 32px;line-height: 32px">时间：</div>-->
@@ -30,9 +30,9 @@
           <div>
             <el-input placeholder="请输入标题" style="margin-bottom: 20px;width: 220px"></el-input>
           </div>
-  
+
           <el-input type="textarea" :rows=6 placeholder="请输入内容" resize="none" style="margin-bottom: 20px;width: 350px"></el-input>
-  
+
           <div style="width: 130px;height: 130px;background: rgba(15, 86, 86, 0.54);margin-bottom: 10px;border-radius: 8px;color: #00ffff;position: relative;font-size: 45px;display: flex;align-items: center;border: 1px solid #00ffff4d;">
             <i v-if="!fileFlag" class="el-icon-plus" style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);"></i>
             <input v-if="!fileFlag" type="file" ref="fileInput" @change="handleFileChange" style="display: none;position: absolute;left: -1000px"/>
@@ -50,20 +50,20 @@
             </div>
             <img width="100%" :src="dialogImageUrl" v-if="fileFlag" style="height: 100%;object-fit: cover;">
           </div>
-  
+
           <div style="margin-bottom: 20px;color: #00ffff80;font-family: PingFangSC-Regular;font-weight: 400;font-size: 14px;">支持.docx、.xlsx格式</div>
-  
+
           <el-button style="width: 100px;margin-top: 10px;margin-right: 10px;border: 1px solid #00FFFF;border-radius: 2px;">提交</el-button>
           <el-button style="width: 100px;margin-top: 10px;background: rgba(15, 86, 86, 0.54);color: #00ffff;border: 1px solid #00FFFF;border-radius: 2px;">取消</el-button>
         </div>
       </div>
     </div>
   </template>
-  
+
   <script>
   import { getFoodsList } from "@/api/screen/service";
   import pinyin from "../data/pinyin.js";
-  
+
   export default {
     data() {
       return {
@@ -82,7 +82,7 @@
       triggerFileInput(){
         this.$refs.fileInput.click();
       },
-  
+
       handleFileChange(event) {
         const file = event.target.files[0];
         if (file) {
@@ -105,7 +105,7 @@
       handleCloseView() {
         this.dialogVisible = false;
       },
-  
+
       change(){
         this.checked = !this.check
       },
@@ -115,14 +115,14 @@
       choose(){
         this.$emit("choose");
       },
-  
+
       close() {
         this.$emit("close");
       },
     },
   };
   </script>
-  
+
   <style lang="scss" scoped>
   .close-icon {
     position: absolute;
@@ -132,7 +132,7 @@
     height: 15px;
     cursor: pointer;
   }
-  
+
   .close-icon::before,
   .close-icon::after {
     content: '';
@@ -145,15 +145,15 @@
     transform-origin: center;
     transform: translate(-50%, -50%);
   }
-  
+
   .close-icon::before {
     transform: translate(-50%, -50%) rotate(45deg); /* 旋转 45 度 */
   }
-  
+
   .close-icon::after {
     transform: translate(-50%, -50%) rotate(-45deg); /* 旋转 -45 度 */
   }
-  
+
   .myTitle{
     color: #00F6EC;
     font-size: 16px;
@@ -184,7 +184,7 @@
     opacity: 1;
     background: rgba(5, 28, 38, 0.58);
   }
-  
+
   .el-scrollbar {
     background: #15696b;
     border: 1px solid #00ffff;
@@ -210,10 +210,10 @@
     width: 640px;
     height: 708px;
     background-size: cover;
-  
+
     background-image: radial-gradient(circle at 50% 50%, #031417b3 0%, #0C1A1A 84%);
   }
-  
+
   ::v-deep .el-input__inner{
     color: #00ffff;
     background-color: rgba(15, 86, 86, 0.54);
@@ -259,6 +259,5 @@
     color: #199294;
   }
   </style>
-  
-  
-  
+
+

src/views/screen/engineering/issueDealDia.vue

@@ -15,7 +15,7 @@
 
     <div class="me">
       <div style="width: 35%;color: #00ffff;">
-        <!--        <div style="text-align: right;margin-bottom: 10px;height: 32px;line-height: 32px">时间：</div>-->
+                <div style="text-align: right;margin-bottom: 10px;height: 32px;line-height: 32px">时间：</div>
         <div style="text-align: right;margin-bottom: 25px;height: 32px;line-height: 32px">标题：</div>
         <div style="text-align: right;margin-bottom: 125px;">内容：</div>
         <div style="text-align: right">反馈资料清单：</div>

src/views/screen/engineering/issueListDia.vue

@@ -17,7 +17,7 @@
     </div>
 
     <!-- 表格数据 -->
-    <div class="flex-container">
+    <div class="flex-container" @click="dealIssue">
       <div class="header">
         <div class="flex-column" style="width: 15%">时间</div>
         <div class="flex-column" style="width: 15%">标题</div>
@@ -98,6 +98,10 @@ export default {
   document.head.appendChild(style);
 },
 methods: {
+  dealIssue(){
+    this.$emit('dealIssue')
+  },
+
     // 获取近一周问题列表
     getIssueListLastWeek() {
       if (this.value) {