备注

src/views/iosBasicData/blocations/index.vue

@@ -21,6 +21,11 @@
                @resetColumn="resetColumnTwo('crud', 'option', 'optionBack', 297)"
                @saveColumn="saveColumnTwo('crud', 'option', 'optionBack', 297)"
                @on-load="onLoad">
+      <template slot="remarks" slot-scope="scope">
+        <avue-text-ellipsis :text="scope.row.remarks" :height="30">
+          <small slot="more">...</small>
+        </avue-text-ellipsis>
+      </template>
       <template slot="menuLeft">
         <el-button type="danger"
                    size="small"
@@ -250,6 +255,9 @@
             {
               label: "备注",
               prop: "remarks",
+              type: 'textarea',
+              width: "180",
+              slot: true
               // rules: [{
               //   required: true,
               //   message: "请输入备注",
@@ -426,5 +434,10 @@
   };
 </script>
 
-<style>
+<style lang="scss" scoped>
+
+/deep/ .el-col-md-8 {
+  width: 24.33333%;
+}
+
 </style>

src/views/iosBasicData/bserviceterms/index.vue

@@ -21,6 +21,11 @@
                @resetColumn="resetColumnTwo('crud', 'option', 'optionBack', 294)"
                @saveColumn="saveColumnTwo('crud', 'option', 'optionBack', 294)"
                @on-load="onLoad">
+      <template slot="remarks" slot-scope="scope">
+        <avue-text-ellipsis :text="scope.row.remarks" :height="30">
+          <small slot="more">...</small>
+        </avue-text-ellipsis>
+      </template>
       <template slot="menuLeft">
         <el-button type="danger"
                    size="small"
@@ -219,6 +224,9 @@
             {
               label: "备注",
               prop: "remarks",
+              type: 'textarea',
+              width: "180",
+              slot: true
               // rules: [{
               //   required: true,
               //   message: "请输入备注",
@@ -395,5 +403,10 @@
   };
 </script>
 
-<style>
-</style>
+<style lang="scss" scoped>
+
+/deep/ .el-col-md-8 {
+  width: 24.33333%;
+}
+
+</style>

src/views/iosBasicData/btrademodes/index.vue

@@ -21,6 +21,11 @@
                @resetColumn="resetColumnTwo('crud', 'option', 'optionBack', 295)"
                @saveColumn="saveColumnTwo('crud', 'option', 'optionBack', 295)"
                @on-load="onLoad">
+      <template slot="remarks" slot-scope="scope">
+        <avue-text-ellipsis :text="scope.row.remarks" :height="30">
+          <small slot="more">...</small>
+        </avue-text-ellipsis>
+      </template>
       <template slot="menuLeft">
         <el-button type="danger"
                    size="small"
@@ -232,6 +237,9 @@
             {
               label: "备注",
               prop: "remarks",
+              type: 'textarea',
+              width: "180",
+              slot: true
               // rules: [{
               //   required: true,
               //   message: "请输入备注",
@@ -408,5 +416,10 @@
   };
 </script>
 
-<style>
+<style lang="scss" scoped>
+
+/deep/ .el-col-md-8 {
+  width: 24.33333%;
+}
+
 </style>

src/views/iosBasicData/bunits/index.vue

@@ -21,6 +21,11 @@
                @resetColumn="resetColumnTwo('crud', 'option', 'optionBack', 296)"
                @saveColumn="saveColumnTwo('crud', 'option', 'optionBack', 296)"
                @on-load="onLoad">
+      <template slot="remarks" slot-scope="scope">
+        <avue-text-ellipsis :text="scope.row.remarks" :height="30">
+          <small slot="more">...</small>
+        </avue-text-ellipsis>
+      </template>
       <template slot="menuLeft">
         <el-button type="danger"
                    size="small"
@@ -238,6 +243,9 @@
             {
               label: "备注",
               prop: "remarks",
+              type: 'textarea',
+              width: "180",
+              slot: true
               // rules: [{
               //   required: true,
               //   message: "请输入备注",
@@ -414,5 +422,10 @@
   };
 </script>
 
-<style>
+<style lang="scss" scoped>
+
+/deep/ .el-col-md-8 {
+  width: 24.33333%;
+}
+
 </style>

src/views/iosBasicData/bvessels/index.vue

@@ -6,6 +6,8 @@
                :data="data"
                :page.sync="page"
                :permission="permissionList"
+               id="out-table"
+               :header-cell-class-name="headerClassName"
                :before-open="beforeOpen"
                v-model="form"
                ref="crud"
@@ -24,6 +26,11 @@
       <!-- <template slot-scope="scope" slot="status">
         <el-checkbox v-model="scope.row.status" :true-label="0" :false-label="1" @change="putStatus(scope.row)">启用</el-checkbox>
       </template> -->
+      <template slot="remarks" slot-scope="scope">
+        <avue-text-ellipsis :text="scope.row.remarks" :height="30">
+          <small slot="more">...</small>
+        </avue-text-ellipsis>
+      </template>
       <template slot="menuLeft">
         <el-button type="danger"
                    size="small"
@@ -340,6 +347,9 @@
             {
               label: "备注",
               prop: "remarks",
+              type: 'textarea',
+              width: "180",
+              slot: true
               // rules: [{
               //   required: true,
               //   message: "请输入备注",
@@ -538,10 +548,35 @@
                 this.$message.success("重置成功");
                 this.$refs[ref].$refs.dialogColumn.columnBox = false;
             }
-        }
+        },
+        // 更改表格颜色
+        headerClassName(tab){
+            //颜色间隔
+            let back = ""
+            if (tab.columnIndex >= 0 && tab.column.level === 1) {
+                if (tab.columnIndex % 2 === 0) {
+                    back = "back-one"
+                } else if (tab.columnIndex % 2 === 1) {
+                    back = "back-two"
+                }
+            }
+            return back;
+        },
     }
   };
 </script>
 
-<style>
+<style lang="scss" scoped>
+
+::v-deep#out-table .back-one {
+        background: #ecf5ff !important;
+    }
+    ::v-deep#out-table .back-two {
+        background: #ecf5ff !important;
+    }
+
+/deep/ .el-col-md-8 {
+  width: 24.33333%;
+}
+
 </style>