From 5dd3fa985911548f367f77b44dbcb9a0c29071e9 Mon Sep 17 00:00:00 2001
From: e <2538815847@qq.com>
Date: Tue, 30 Jan 2024 16:17:55 +0800
Subject: [PATCH] update

---
 public/index.html                             |  3 +-
 src/loveflow/components/data/dict.vue         | 38 +++++++++++++++++++
 src/loveflow/components/data/table.vue        |  2 +
 src/loveflow/components/data/upload.vue       | 34 +++++++++++++++++
 .../plugins/tableHeaderStylePlugin.js         | 14 +++++++
 src/main.js                                   |  2 +
 .../enterpriseManage/recordManage/index.vue   | 14 ++++++-
 7 files changed, 105 insertions(+), 2 deletions(-)
 create mode 100644 src/loveflow/components/data/dict.vue
 create mode 100644 src/loveflow/components/data/upload.vue
 create mode 100644 src/loveflow/plugins/tableHeaderStylePlugin.js

diff --git a/public/index.html b/public/index.html
index c7d6ddb..22182a6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,7 +9,8 @@
 		<script  src="<%= BASE_URL %>MarkerClusterer_min.js"></script>
     <script  src="<%= BASE_URL %>map_load.js"></script>
     <script src="<%= BASE_URL %>liveplayer-lib.min.js"></script>
-    <title>镇海平安企业（园区）</title>
+    <!-- <title>镇海平安企业（园区）</title> -->
+    <title>vue</title>
   </head>
   <style>
     body{
diff --git a/src/loveflow/components/data/dict.vue b/src/loveflow/components/data/dict.vue
new file mode 100644
index 0000000..95ae4a8
--- /dev/null
+++ b/src/loveflow/components/data/dict.vue
@@ -0,0 +1,38 @@
+<template>
+  <div class="gDict">
+    <!--<g-dict :options="idTypeList" :value="scope.row.labelId"></g-dict>-->
+    <template v-for="(item, index) in options">
+      <template v-if="values.includes(item.value)">
+        <span :key="item.value" :index="index">{{ item.label }}</span>
+      </template>
+    </template>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    value: {
+      type: [Number, String, Array],
+    },
+    options: {
+      type: Array,
+      default() {
+        return [];
+      },
+    },
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    values() {
+      if (this.value !== null && typeof this.value !== "undefined") {
+        return Array.isArray(this.value) ? this.value : [String(this.value)];
+      } else {
+        return [];
+      }
+    },
+  },
+};
+</script>
diff --git a/src/loveflow/components/data/table.vue b/src/loveflow/components/data/table.vue
index 6cfaa49..ffa06ee 100644
--- a/src/loveflow/components/data/table.vue
+++ b/src/loveflow/components/data/table.vue
@@ -3,6 +3,7 @@
     <el-table
       ref="gMainTable"
       size="small"
+      :header-cell-style="$tableHeaderColor"
       :data="tableData"
       :rowKey="rowKey ? rowKey : ''"
       @selection-change="selectionChange"
@@ -41,6 +42,7 @@
 
     <div class="gPagination" v-if="pagination">
       <el-pagination
+        background
         v-bind="{ ...pagination }"
         @size-change="pageSizeChange"
         @current-change="currentPageChange"
diff --git a/src/loveflow/components/data/upload.vue b/src/loveflow/components/data/upload.vue
new file mode 100644
index 0000000..e2039cf
--- /dev/null
+++ b/src/loveflow/components/data/upload.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="gUpload">
+    <el-upload
+      action="https://jsonplaceholder.typicode.com/posts/"
+      list-type="picture-card"
+      :on-preview="handlePictureCardPreview"
+      :on-remove="handleRemove"
+    >
+      <i class="el-icon-plus"></i>
+    </el-upload>
+    <el-dialog :visible.sync="dialogVisible">
+      <img width="100%" :src="dialogImageUrl" alt="" />
+    </el-dialog>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      dialogImageUrl: "",
+      dialogVisible: false,
+    };
+  },
+  methods: {
+    handleRemove(file, fileList) {
+      console.log(file, fileList);
+    },
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+  },
+};
+</script>
diff --git a/src/loveflow/plugins/tableHeaderStylePlugin.js b/src/loveflow/plugins/tableHeaderStylePlugin.js
new file mode 100644
index 0000000..18512c4
--- /dev/null
+++ b/src/loveflow/plugins/tableHeaderStylePlugin.js
@@ -0,0 +1,14 @@
+const install = (Vue) => {
+  //改变table header的背景色
+  Vue.prototype.$tableHeaderColor = ({
+    row,
+    column,
+    rowIndex,
+    columnIndex,
+  }) => {
+    if (rowIndex === 0) {
+      return "padding:10px 0;background-color: #F5F7FA; color: #303133; font-size: 14px; font-weight: 600;border-bottom:solid 1px #EAEEF6;";
+    }
+  };
+};
+export default install;
diff --git a/src/main.js b/src/main.js
index 60125a4..521e546 100644
--- a/src/main.js
+++ b/src/main.js
@@ -17,6 +17,7 @@ import * as cusRule from '@/loveflow/rules'
 import { registerPlugins } from '@/loveflow/plugins/index'
 import FormDialog from '@/loveflow/components/modal/formDialog.vue'
 import gMainTable from '@/loveflow/components/data/table.vue'
+import gDict from '@/loveflow/components/data/dict.vue'
 
 import * as echarts from "echarts";
 Vue.prototype.$echarts = echarts;
@@ -32,6 +33,7 @@ Vue.component('lkyTable', lkyTable)
 Vue.component('lkyPagination',lkyPagination)
 Vue.component('FormDialog', FormDialog)
 Vue.component('gMainTable', gMainTable)
+Vue.component('gDict', gDict)
 const vm = new Vue({
   el: '#app',
   router,
diff --git a/src/views/enterpriseManage/recordManage/index.vue b/src/views/enterpriseManage/recordManage/index.vue
index a481c1f..b45f678 100644
--- a/src/views/enterpriseManage/recordManage/index.vue
+++ b/src/views/enterpriseManage/recordManage/index.vue
@@ -1,6 +1,8 @@
 <template>
   <div>
-    <div class="search">11</div>
+    <div class="search">
+      <gDict :options="dictList" :value="'1'"></gDict>
+    </div>
 
     <el-button @click="add">打开</el-button>
 
@@ -116,6 +118,16 @@ export default {
           },
         },
       ],
+      dictList: [
+        {
+          value: "1",
+          label: "这是状态码1",
+        },
+        {
+          value: "2",
+          label: "这是状态码2",
+        },
+      ],
     };
   },
   methods: {