优化表格当前行

src/components/HelloWorld copy.vue

+<template>
+  <div style="width:500px">
+    <hsFile
+      v-model="value"
+      :allSourceData='allSourceData'
+      :uploadFileFun='uploadFileFun_'
+    >
+
+    </hsFile>
+    <div>{{value}}</div>
+  </div>
+
+</template>
+<script>
+import apiUc from "./apiUc";
+export default {
+  mixins: [apiUc],
+  data() {
+    return {
+      value: "",
+      formData: {
+        test_p: ""
+      },
+      allSourceData: {
+        config: {
+          appCode: "PBOrg",
+          multiple: true,
+          label: "附件",
+          accept: ".xls,.doc,.txt,.pdf,.jpg",
+          uploaded: v => {
+            console.log(v, "sadas");
+            console.log(this.value);
+          }
+        },
+        sourceData: []
+      }
+    };
+  },
+  mounted() {},
+  methods: {
+    uploadFileFun_(formData) {
+      return this.uploadFileFun("PBOrg", formData);
+    },
+    printResult() {
+      console.log(this.formData);
+    }
+  }
+};
+</script>
+<style scoped>
+.codeTxt {
+  text-align: left;
+}
+</style>
\ No newline at end of file

src/components/HelloWorld.vue

 <template>
-  <div style="width:500px">
-    <hsSelectPlus
-      v-model="formData.test_p"
+  <div>
+    <hsTable
+      maxHeight='500px'
       :allSourceData='allSourceData'
-      :requestMethod='requestMethod'
-      :writeBackObject='formData'
-    ></hsSelectPlus>
+    ></hsTable>
   </div>
-
 </template>
 <script>
 import apiUc from "./apiUc";
@@ -15,54 +12,118 @@ export default {
   mixins: [apiUc],
   data() {
     return {
-      formData: {
-        test_p: ""
+      allSourceData: {
+        config: {
+          highlightCurrentRow:false,
+          hover:{hoverBackground:'',leaveBackground:''},
+          showIndex: false, // 是否显示 序号
+          hsConfig: {
+            default_type: 1 // mes风格
+          },
+          showHandle: true, // 是否显示操作栏
+          selection: true, // 是否显示复选框
+          handleWidth: 180, // 操作栏宽度
+          isAdaptive: true, // 宽度自适应
+          toolItems: [
+            // 工具栏
+            {
+              label: "测试2",
+              icon: "",
+              type: "text",
+              isHide: false, // 是否隐藏
+              disabled: false, // 是否禁用
+              click: () => {
+                alert("测试2");
+              }
+            }
+          ],
+          handleColumns: [
+            // 操作栏
+            {
+              label: "测试1",
+              icon: "",
+              isHide: false, // 是否隐藏
+              type: "text",
+              disabled: false, // 是否禁用
+              click: () => {
+                alert("测试");
+              }
             },
+            {
+              label: "测试2",
+              icon: "",
+              isHide: false, // 是否隐藏
+              type: "text",
+              disabled: false, // 是否禁用
+              click: () => {
+                this.allSourceData.sourceData.push({});
+              }
+            }
+          ],
+          columnsConfig: [
+            // 列信息
+            {
+              prop: "order_size", //对应后端的字段
+              label: "型号", // 列名
+              showOverflowTooltip: true, // 超出时 显示省略
+              showType: "hsSelectPlus", // 列类型
               allSourceData: {
+                // 参照配置
                 config: {
                   url: "",
-          isInnerRequest: true, // 静态查询时 是否在内部请求数据
-          proxyTag: "commonUtilAPI", //代理前缀
+                  isInnerRequest: true, // 是否在内部请求
+                  proxyTag: "commonUtilAPI", // 代理前缀
                   ref: {
-            const_id: "0", // 常量id
-            table_name: "mmMaterialCategory", // 表名
-            columns: "id,material_category", // 查询列
-            remote_condition: "material_category", // 远程搜索字段
+                    const_id: "0", // 常量值
+                    table_name: "im_store_group", // 表名
+                    columns: "id,name", //列名
+                    remote_condition: "", // 是否远程搜索
                     displayfield: "", // 显示默认值
-            writebackfield: [] // 回写对象
+                    writebackfield: [] //回写字段
                   },
-          multiple: false,
-          is_computed: false,
+                  dyncQueryParms: {}, // 查询参数
+                  multiple: false, // 是否多选
                   disabled: false,
                   size: "mini",
                   clearable: true,
                   title: "",
-          placeholder: "",
-          value: "id",
-          label: "material_category",
-          linkBtnUi: {
-            url:
-              "http://47.110.145.204:59168/queryBi/web//#/DyncUI/Single/PBArchive/pb_unit",
-            writeProp: {
-              test_p: "unit_name" // 后面这个值是弹出页面返回过来的字段,回写给writeBackObject中的某个属性
+                  placeholder: "请选择",
+                  value: "id", // 对应的后端字段
+                  label: "name", // 对应的后端字段
+                  is_computed: false // 是否是计算属性
+                },
+                sourceData: []
               },
-            parms: {}
+              requestMethod: this.requestMethod // 参照请求方法
+            },
+            {
+              prop: "style_code",
+              label: "款号",
+              showOverflowTooltip: true,
+              showType: "input" // 普通输入框
+            },
+            {
+              prop: "customer_name",
+              label: "客户",
+              showOverflowTooltip: true,
+              showType: "text" // 文本
             }
+          ]
         },
-        sourceData: [] // [{value:'',lable:''}] 的形式
+        sourceData: []//表格数据
       }
     };
   },
-  mounted() {},
+  mounted() {
+    this.init();
+  },
   methods: {
-    printResult() {
-      console.log(this.formData);
+    init() {
+      this.allSourceData.sourceData = [
+        { customer_name: 1, style_code: 2, order_size: "0",_styleRowSetting_:{"color":"blue","background":"red"} },
+          { customer_name: 1, style_code: 2, order_size: "0",_styleRowSetting_:{"color":"blue","background":"blue"} }
+      ];
     }
   }
 };
 </script>
\ No newline at end of file
-<style scoped>
-.codeTxt {
-  text-align: left;
-}
-</style>
\ No newline at end of file

src/components/apiUc.js

@@ -104,6 +104,9 @@ export default {
           return url
         }
       }
+    },
+    uploadFileFun(appCode,formData) {
+      return axios.post(`fileresourceAPI/file/${appCode}/`, formData)
     }
   },
 }

src/packages/hs-select-plus/index.vue

@@ -278,7 +278,6 @@ export default {
       this.dialogIframeVisible = false;
     },
     linkBtnUiBack(data) {
-      debugger;
       const linkBtnUi = this.configData.linkBtnUi;
       if (!linkBtnUi) return;
       const writeProp = linkBtnUi.writeProp || {};
@@ -510,7 +509,6 @@ export default {
     },
     select_focus(event) {
       const { remote_condition } = this.configData.ref;
-      debugger;
       if (remote_condition && !this.is_mock) {
         this.remoteMethod_();
       }

src/packages/hs-table/index.vue

@@ -45,7 +45,7 @@
       :data="this.tableData"
       :style="tableStyle"
       :fit='true'
-      :highlight-current-row=true
+      :highlight-current-row='configData.highlightCurrentRow'
       :show-summary='showSummary'
       :header-row-style="setHeaderRowStyle"
       :header-cell-style="setHeaderCellStyle"
@@ -483,7 +483,8 @@ export default {
       tableDataFirst: null, // table[0]第一行数据
       hsDyncProp: false, // 是否含有动态列
       targetRowInner: {}, // 当前行
-      dtlDialogFormDisAbled: false
+      dtlDialogFormDisAbled: false,
+      highlightCurrentRow:true
     };
   },
   watch: {
@@ -1560,6 +1561,7 @@ export default {
     },
     // 鼠标移入事件
     tableCellmouse(row, column, cell, event) {
+      return
       if (this.configData.hover) {
         const { hoverBackground } = this.configData.hover;
         if (hoverBackground) {

src/packages/hs-table/mes_style.js

@@ -3,6 +3,7 @@ export default {
     background: 'red'
   },
   'showHandle': false,
+  highlightCurrentRow:true,
   handleWidth: 80,
   selection: false,
   showIndex: true,

vue.config.js

@@ -68,6 +68,13 @@ module.exports = {
             '^/api': ''
         }
       },
+      '/fileresourceAPI': {
+        target: fileresourceAPI,
+        changeOrigin: true,
+        pathRewrite: {          
+            '^/fileresourceAPI': ''
+        }
+      },
       '/commonUtilAPI': {
         target: commonUtilAPI,
         changeOrigin: true,