周报页面优化

src/views/modules/workRecord/weekrecordinfo.vue

@@ -185,3 +185,11 @@ export default {
   }
 }
 </script>
+<style>
+.el-tooltip__popper {
+  max-width: 80%;
+  color: #353434 !important;
+  background:#ffffff !important;
+  word-break:break-all;
+}
+</style>

src/views/modules/workRecord/weekrecordinfoDetail.vue

@@ -13,7 +13,7 @@
           </div>
           <el-row :gutter="10">
           <div v-for="(configitem, configindex) in item.configList" :key="configindex">
-            <el-col :span="6">
+            <el-col :span="colspan">
             <el-form-item v-if="item.showFlag == '1'" :label="configitem.totalName" prop="total" :label-width="configitem.totalName.length*17+'px'">
                 <el-input-number v-model="configitem.total" :min="0" :max="100000000" label="数量" style="width: 10rem;" :precision="0"></el-input-number>
             </el-form-item>
@@ -24,7 +24,7 @@
       <el-form-item label="14、本周小结" prop="content" label-width="110px">
         <el-input
           type="textarea"
-          :rows="3"
+          :rows="6"
           placeholder="请输入本周小结，2000字以内"
           v-model="dataForm.content"
           maxlength="2000"
@@ -111,7 +111,8 @@ export default {
       dialogImageUrl: '',
       dialogVisible: false,
       pageloading: true,
-      isAutoRemoveFile: true
+      isAutoRemoveFile: true,
+      colspan: 6
     }
   },
   computed: {
@@ -141,6 +142,29 @@ export default {
       this.hideUpload = true
     }
     this.getFormDataInfo()
+    // 统计项一行展示个数动态改变
+    if (document.body.clientWidth) {
+      if (document.body.clientWidth < 1530 && document.body.clientWidth > 1220) {
+        this.colspan = 8
+      } else if (document.body.clientWidth < 1220 && document.body.clientWidth > 750) {
+        this.colspan = 12
+      } else if (document.body.clientWidth < 750) {
+        this.colspan = 24
+      } else {
+        this.colspan = 6
+      }
+      window.onresize = () => {
+        if (document.body.clientWidth < 1530 && document.body.clientWidth > 1220) {
+          this.colspan = 8
+        } else if (document.body.clientWidth < 1220 && document.body.clientWidth > 750) {
+          this.colspan = 12
+        } else if (document.body.clientWidth < 750) {
+          this.colspan = 24
+        } else {
+          this.colspan = 6
+        }
+      }
+    }
   },
   methods: {
     init () {