diff --git a/package.json b/package.json
index aef7b4f3ba65c1d723436e6b1559b4f7791f105a..0615bd850aadf341b2675de3669e7315a5f5d91c 100644
--- a/package.json
+++ b/package.json
@@ -13,9 +13,11 @@
     "dayjs": "^1.9.7",
     "echarts": "^5.4.3",
     "element-ui": "^2.14.0",
+    "file-saver": "^2.0.5",
     "gho-menu": "^1.0.1",
     "loadash": "^1.0.0",
     "mockjs": "^1.1.0",
+    "qrcode": "^1.5.3",
     "vue": "^2.6.11",
     "vue-functional-data-merge": "^3.1.0",
     "vue-router": "^3.2.0",
diff --git a/src/config/index.js b/src/config/index.js
index 8acf4b5e36b4065c116963b1f5119f17ba1a48bc..d54b20b3f57075aa9c38ab51df10a4302064f218 100644
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -1 +1,2 @@
 export const appName = "";
+export const downloadUrl = "http://172.16.0.113:8082";
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 862207284310c3ef4be38c0ed2977074e04bb065..d7c37b725967ae3f0a830dd7ce18e894dcb348a3 100644
--- a/src/main.js
+++ b/src/main.js
@@ -12,6 +12,8 @@ import plugins from "./plugins";
 import * as utils from "./utils"; //
 import echarts from "./utils/echarts"; // npm install echarts --save
 
+import * as config from  "@/config";
+
 // require("./mock");
 
 import dayjs from "dayjs";
@@ -31,7 +33,7 @@ dayjs.updateLocale("zh-cn", {
     "鏄熸湡鍏�",
   ],
 });
-
+Vue.prototype.$config = config;
 Vue.prototype.$utils = utils;
 Vue.prototype.$echarts = echarts;
 Vue.use(plugins);
diff --git a/src/store/tabledata/index.js b/src/store/tabledata/index.js
index 725e3596c917e0e6ef3cad7601049368d8301784..5a2fbb7f7f1ab4711f108abdcd40b8864acb086b 100644
--- a/src/store/tabledata/index.js
+++ b/src/store/tabledata/index.js
@@ -1,5 +1,6 @@
 import testCardPhoto from "@/assets/img/test-card-photo.png";
 import testBusiness from "@/assets/img/test-business.png";
+
 export default {
   namespaced: true,
   state: {
@@ -22,6 +23,143 @@ export default {
         time: "2023-01-13",
       },
     ],
+    enterpriseServiceData: [
+      {
+        id: 1,
+        theme: "鍏充簬浼佷笟鍙樻洿鐧昏锛堢◣鍔′俊鎭彉鏇达級鈥滀竴浠朵簨鈥濈殑鐢宠",
+        status: "姝ｅ父",
+        time: "2023-07-13 17:14:43",
+        fileName: "1鍏徃鐧昏锛堝妗堬級鐢宠涔�.doc",
+        file: "/assets/1鍏徃鐧昏锛堝妗堬級鐢宠涔�.doc",
+      },
+      {
+        id: 2,
+        theme: "鍏充簬鍏徃鍒涗笟鎷呬繚璐锋鐢宠",
+        status: "鍑嗕簣璁稿彲",
+        time: "2023-04-25 15:28:36",
+        fileName: "2鍒涗笟鎷呬繚璐锋鐢宠琛�.png",
+        file: "/assets/1璧勪骇璇勪及鍔炰簨娴佺▼.png",
+      },
+      {
+        id: 3,
+        theme: "鍏充簬璐熻矗闄愰浠ヤ笅鏉戦晣寤鸿宸ョ▼鐨勮川閲忓畨鍏ㄧ洃绠＄殑鐢宠",
+        status: "涓嶄簣璁稿彲",
+        time: "2023-03-15 14:22:16",
+        fileName: "3鏉戦晣寤鸿宸ョ▼鐨勮川閲忓畨鍏ㄧ洃绠℃祦绋�.png",
+        file: "/assets/3鏉戦晣寤鸿宸ョ▼鐨勮川閲忓畨鍏ㄧ洃绠℃祦绋�.png",
+      },
+    ],
+
+    serviceData: [
+      {
+        id: 1,
+        theme: "鍏充簬鏉庝簯鍐滆嵂缁忚惀璁稿彲(鏍稿彂) 鐨勭敵璇�",
+        status: "姝ｅ父",
+        time: "2023-07-13 17:14:43",
+        fileName: "1鍐滆嵂鐢熶骇鎯呭喌鎶ュ憡.doc",
+        file: "/assets/1鍐滆嵂鐢熶骇鎯呭喌鎶ュ憡.doc",
+      },
+      {
+        id: 2,
+        theme: "鍏充簬鏉庝簯鐢熻偛鏈嶅姟璇佺櫥璁扮殑鐢宠",
+        status: "鍑嗕簣璁稿彲",
+        time: "2023-04-25 15:28:36",
+        fileName: "2閲嶅簡甯傜敓鑲茬櫥璁版湇鍔¤〃.png",
+        file: "/assets/2閲嶅簡甯傜敓鑲茬櫥璁版湇鍔¤〃.png",
+      },
+      {
+        id: 3,
+        theme: "鍏充簬鏉庝簯涓嶅姩浜х櫥璁扮殑鐢宠",
+        status: "涓嶄簣璁稿彲",
+        time: "2023-03-15 14:22:16",
+        fileName: "3涓嶅姩浜х櫥璁扮敵璇蜂功.doc",
+        file: "/assets/3涓嶅姩浜х櫥璁扮敵璇蜂功.doc",
+      },
+      {
+        id: 4,
+        theme: "鍏充簬鏉庝簯鍖哄幙澧冨唴姘磋矾瀹㈣繍缁忚惀璁稿彲",
+        status: "鍑嗕簣璁稿彲",
+        time: "2023-02-18 14:28:15",
+        fileName: "4鍙樻洿缁忚惀鑼冨洿涔﹂潰鐢宠.doc",
+        file: "/assets/4鍙樻洿缁忚惀鑼冨洿涔﹂潰鐢宠.doc",
+      },
+    ],
+
+    SpaceIndexMain: [
+      {
+        id: 1,
+        materialName: "鐢宠鍦ㄦ牎姹傝亴鍒涗笟琛ヨ创鐩稿叧璧勬枡",
+        opdateTime: "2023-01-13 12:25:23",
+        fileName: "1鍒涗笟琛ヨ创鐩稿叧鏉愭枡.docx",
+        file: "/assets/1鍒涗笟琛ヨ创鐩稿叧鏉愭枡.docx",
+      },
+      {
+        id: 2,
+        materialName: "楂樼瓑瀛︽牎绛夋瘯涓氱敓鎺ユ敹鎵嬬画鍔炵悊鐩稿叧璧勬枡",
+        opdateTime: "2023-01-08 09:23:46",
+        fileName: "2姣曚笟鐢熷拰鍏朵粬娴佸姩浜哄彛鎺ユ敹鎵嬬画.jpg",
+        file: "/assets/2姣曚笟鐢熷拰鍏朵粬娴佸姩浜哄彛鎺ユ敹鎵嬬画.jpg",
+      },
+      {
+        id: 3,
+        materialName: "鍙楃悊鍏垂甯堣寖鐢熻法鐪佷换鏁欑敵璇风浉鍏宠祫鏂�",
+        opdateTime: "2023-01-07 09:15:42",
+        fileName: "3閲嶅簡甯傚叕璐瑰笀鑼冩瘯涓氱敓璺ㄧ渷灏变笟鐢宠琛�.doc",
+        file: "/assets/3閲嶅簡甯傚叕璐瑰笀鑼冩瘯涓氱敓璺ㄧ渷灏变笟鐢宠琛�.doc",
+      },
+      {
+        id: 4,
+        materialName: "妗ｆ鐨勬帴鏀跺拰杞€掔殑鐩稿叧璧勬枡",
+        opdateTime: "2023-01-06 14:28:13",
+        fileName: "4娴佸姩浜哄憳浜轰簨妗ｆ绠＄悊鐧昏琛ㄥ強鎵樼鐢宠鎴栬皟妗ｅ嚱.doc",
+        file: "/assets/4娴佸姩浜哄憳浜轰簨妗ｆ绠＄悊鐧昏琛ㄥ強鎵樼鐢宠鎴栬皟妗ｅ嚱.doc",
+      },
+      {
+        id: 5,
+        materialName: "鑱屼笟鎸囧鐩稿叧璧勬枡",
+        opdateTime: "2023-01-04 11:18:23",
+        fileName: "5鑱屼笟鎸囧.png",
+        file: "/assets/5鑱屼笟鎸囧.png",
+      },
+    ],
+
+    enterpriseMaterials: [
+      {
+        id: 1,
+        materialName: "瀵硅祫浜ц瘎浼拌涓氱殑鐩戠潱妫€鏌ョ浉鍏虫潗鏂�",
+        opdateTime: "2023-01-13 12:25:23",
+        fileName: "1璧勪骇璇勪及鍔炰簨娴佺▼.png",
+        file: "/assets/1璧勪骇璇勪及鍔炰簨娴佺▼.png",
+      },
+      {
+        id: 2,
+        materialName: "浼佷笟鍙樻洿鐧昏锛堢◣鍔′俊鎭彉鏇达級鈥滀竴浠朵簨鈥濈殑鐩稿叧鏉愭枡",
+        opdateTime: "2023-01-08 09:23:46",
+        fileName: "2鍏徃鐧昏锛堝妗堬級鐢宠涔�.doc",
+        file: "/assets/2鍏徃鐧昏锛堝妗堬級鐢宠涔�.doc",
+      },
+      {
+        id: 3,
+        materialName: "闈炵粡钀ユ€т簰鑱旂綉淇℃伅鏈嶅姟澶囨鏍稿噯鐩稿叧璧勬枡",
+        opdateTime: "2023-01-07 09:15:42",
+        fileName: "3闈炵粡钀ユ€т簰鑱旂綉淇℃伅鏈嶅姟澶囨鏍稿噯 .pdf",
+        file: "/assets/3闈炵粡钀ユ€т簰鑱旂綉淇℃伅鏈嶅姟澶囨鏍稿噯 .pdf",
+      },
+      {
+        id: 4,
+        materialName: "鍖哄潡閾句俊鎭湇鍔″妗堢殑鐩稿叧璧勬枡",
+        opdateTime: "2023-01-06 14:28:13",
+        fileName: "4鍖哄潡閾句俊鎭湇鍔″妗�.png",
+        file: "/assets/4鍖哄潡閾句俊鎭湇鍔″妗�.png",
+      },
+      {
+        id: 5,
+        materialName: "浜掕仈缃戞柊鎶€鏈柊搴旂敤瀹夊叏璇勪及鐨勭浉鍏宠祫鏂�",
+        opdateTime: "2023-01-04 11:18:23",
+        fileName: "5瀹夊叏鑷瘎浼版姤鍛�.pdf",
+        file: "/assets/5瀹夊叏鑷瘎浼版姤鍛�.pdf",
+      },
+    ],
   },
   actions: {
     //淇敼鍒楄〃鏁版嵁
diff --git a/src/views/enterpriseMaterials/main/index.vue b/src/views/enterpriseMaterials/main/index.vue
index 00ae7f60da0c7f281b1be49119f30aaa640f071d..c7e105198767874fa351e4ff17e7874bb4c8d5e1 100644
--- a/src/views/enterpriseMaterials/main/index.vue
+++ b/src/views/enterpriseMaterials/main/index.vue
@@ -14,6 +14,7 @@
 </template>
 
 <script>
+import { mapState } from "vuex";
 // import * as api from "@/api";
 export default {
   name: "enterpriseMaterialsMain",
@@ -55,28 +56,6 @@ export default {
           placeholder: "璇疯緭鍏�",
         },
       ],
-      testData: [
-        {
-          materialName: "瀵硅祫浜ц瘎浼拌涓氱殑鐩戠潱妫€鏌ョ浉鍏虫潗鏂�",
-          opdateTime: "2023-01-13 12:25:23",
-        },
-        {
-          materialName: "浼佷笟鍙樻洿鐧昏锛堢◣鍔′俊鎭彉鏇达級鈥滀竴浠朵簨鈥濈殑鐩稿叧鏉愭枡",
-          opdateTime: "2023-01-08 09:23:46",
-        },
-        {
-          materialName: "闈炵粡钀ユ€т簰鑱旂綉淇℃伅鏈嶅姟澶囨鏍稿噯鐩稿叧璧勬枡",
-          opdateTime: "2023-01-07 09:15:42",
-        },
-        {
-          materialName: "鍖哄潡閾句俊鎭湇鍔″妗堢殑鐩稿叧璧勬枡",
-          opdateTime: "2023-01-06 14:28:13",
-        },
-        {
-          materialName: "浜掕仈缃戞柊鎶€鏈柊搴旂敤瀹夊叏璇勪及鐨勭浉鍏宠祫鏂�",
-          opdateTime: "2023-01-04 11:18:23",
-        },
-      ],
       fetcher: async () => {
         // console.log(this);
         // console.log(params);
@@ -89,6 +68,13 @@ export default {
       },
     };
   },
+  computed: {
+    // import { mapState } from "vuex";
+    ...mapState({
+      testData: (state) => state.tabledata.enterpriseMaterials,
+    }),
+  },
+
   watch: {},
   methods: {
     renderBtns(e) {
@@ -106,8 +92,8 @@ export default {
         </div>
       );
     },
-    openDetail() {
-      this.$router.push("/enterpriseMaterials/materiaDetail");
+    openDetail(row) {
+      this.$router.push(`/enterpriseMaterials/materiaDetail?id=${row.id}`);
     },
   },
 };
diff --git a/src/views/enterpriseMaterials/materiaDetail/index.vue b/src/views/enterpriseMaterials/materiaDetail/index.vue
index 1363ddbbb4f7a3de1171daeeb9c761583c52576f..e08e5acd2e7a43beaf16f7751f22b503f0840d91 100644
--- a/src/views/enterpriseMaterials/materiaDetail/index.vue
+++ b/src/views/enterpriseMaterials/materiaDetail/index.vue
@@ -5,19 +5,20 @@
       <div class="content-title">鍩虹淇℃伅</div>
 
       <el-descriptions title="" :column="1" style="padding-left:30px">
-        <el-descriptions-item label="鏉愭枡鍚嶇О"
-          >鏉愭枡鍚嶇О锛氬璧勪骇璇勪及琛屼笟鐨勭洃鐫ｆ鏌ョ浉鍏虫潗鏂�</el-descriptions-item
-        >
-        <el-descriptions-item label="涓婁紶鏃堕棿"
-          >2023-01-13 12:25:23</el-descriptions-item
-        >
+        <el-descriptions-item label="鏉愭枡鍚嶇О">{{
+          detail.materialName
+        }}</el-descriptions-item>
+        <el-descriptions-item label="涓婁紶鏃堕棿">{{
+          detail.opdateTime
+        }}</el-descriptions-item>
       </el-descriptions>
       <div class="content-title">鏉愭枡鏂囦欢</div>
+
       <div class="file-box flex-between">
-        <span>瀵硅祫浜ц瘎浼拌涓氱殑鐩戠潱妫€鏌ユ剰瑙佽〃</span>
+        <span>{{ detail.fileName }}</span>
         <div class="flex download">
           <i class="el-icon-download"></i>
-          <span>涓嬭浇</span>
+          <span @click="downliadFile(detail.file)">涓嬭浇</span>
         </div>
       </div>
     </ScrollView>
@@ -25,6 +26,7 @@
 </template>
 
 <script>
+import { mapState } from "vuex";
 // import * as api from "@/api";
 export default {
   name: "enterpriseMaterialsMateriaDetail",
@@ -36,10 +38,27 @@ export default {
   },
   components: {},
   data() {
-    return {};
+    return {
+      detail: {},
+    };
+  },
+  computed: {
+    // import { mapState } from "vuex";
+    ...mapState({
+      testData: (state) => state.tabledata.enterpriseMaterials,
+    }),
+  },
+
+  mounted() {
+    let { id } = this.$route.query;
+    if (id) this.detail = this.testData.find((item) => item.id == id);
   },
   watch: {},
-  methods: {},
+  methods: {
+    downliadFile(url) {
+      window.open(window.location.origin + url);
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
diff --git a/src/views/enterpriseServiceData/detail/index.vue b/src/views/enterpriseServiceData/detail/index.vue
index 05c524862fd2e08ed9ecc4ae6b6ffd8ea599a806..e5110fe2bb091e32d698f605ae624128c3b43fb1 100644
--- a/src/views/enterpriseServiceData/detail/index.vue
+++ b/src/views/enterpriseServiceData/detail/index.vue
@@ -4,7 +4,7 @@
     <ScrollView style="overflow-x: hidden;">
       <div class="block-title">
         <div class="title">鐢宠淇℃伅</div>
-        <div class="status">鐘舵€�: 鍑嗕簣璁稿彲</div>
+        <div class="status">鐘舵€�: {{ detail.status }}</div>
       </div>
       <div class="content-title">鍩虹淇℃伅</div>
       <el-descriptions title="" :column="2">
@@ -16,9 +16,9 @@
           >7cc3bc07-d86d-4701-ace..</el-descriptions-item
         >
         <el-descriptions-item label="鍙楃悊浜哄憳">璐烘鍕�</el-descriptions-item>
-        <el-descriptions-item label="浜嬮」鍚嶇О"
-          >浼佷笟鍙樻洿鐧昏锛堢◣鍔′俊鎭彉鏇达級鈥滀竴浠朵簨鈥�</el-descriptions-item
-        >
+        <el-descriptions-item label="浜嬮」鍚嶇О">{{
+          detail.theme
+        }}</el-descriptions-item>
 
         <el-descriptions-item label="鐢宠浜虹被鍨�">浼佷笟</el-descriptions-item>
 
@@ -43,9 +43,9 @@
         <el-descriptions-item label="鎵€灞炴満鍏�">鍖虹◣鍔″眬</el-descriptions-item>
         <el-descriptions-item label="娉曞畾浠ｈ〃浜�">椴嶅摬鏉�</el-descriptions-item>
 
-        <el-descriptions-item label="鐢宠鏃堕棿"
-          >2020-11-25 12:14:58</el-descriptions-item
-        >
+        <el-descriptions-item label="鐢宠鏃堕棿">{{
+          detail.time
+        }}</el-descriptions-item>
         <el-descriptions-item label="鐢宠浜�/缁勭粐鏈烘瀯璇佷欢绫诲瀷"
           >钀ヤ笟鎵х収</el-descriptions-item
         >
@@ -75,10 +75,10 @@
       </el-descriptions>
       <div class="content-title">鐢宠鏉愭枡琛ㄦ牸</div>
       <div class="file-box flex-between">
-        <span>浼佷笟鍙樻洿鐧昏锛堢◣鍔′俊鎭彉鏇达級鐢宠琛�</span>
+        <span>{{ detail.fileName }}</span>
         <div class="flex download">
           <i class="el-icon-download"></i>
-          <span>涓嬭浇</span>
+          <span @click="downliadFile(detail.file)">涓嬭浇</span>
         </div>
       </div>
 
@@ -113,6 +113,7 @@
 </template>
 
 <script>
+import { mapState } from "vuex";
 // import * as api from "@/api";
 export default {
   name: "enterpriseServiceDataDetail",
@@ -124,10 +125,27 @@ export default {
   },
   components: {},
   data() {
-    return {};
+    return {
+      detail: {},
+    };
+  },
+
+  computed: {
+    // import { mapState } from "vuex";
+    ...mapState({
+      testData: (state) => state.tabledata.enterpriseServiceData,
+    }),
+  },
+  mounted() {
+    let { id } = this.$route.query;
+    if (id) this.detail = this.testData.find((item) => item.id == id);
   },
   watch: {},
-  methods: {},
+  methods: {
+    downliadFile(url) {
+      window.open(window.location.origin + url);
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
diff --git a/src/views/enterpriseServiceData/list/index.vue b/src/views/enterpriseServiceData/list/index.vue
index 6101c8a828552908bdb3bc3ec7e6271fd760857b..e1ae319eefcecc9d875292723f53d4bfdb93c7dc 100644
--- a/src/views/enterpriseServiceData/list/index.vue
+++ b/src/views/enterpriseServiceData/list/index.vue
@@ -17,22 +17,27 @@
       <div class="flex-col flex-center">
         <div class="qrcode-box flex-col">
           <div>鎵爜鎺堟潈鍔炰簨鏁版嵁</div>
-          <img src="@/assets/img/test-qrcode.png" alt="" />
-          <div class="btns flex-between">
-            <el-button type="text">涓嬭浇</el-button>
-            <el-button type="text">璐熻矗</el-button>
+          <canvas id="canvas" ref="canvas"></canvas>
+          <!-- <img src="@/assets/img/test-qrcode.png" alt=""  /> -->
+          <div class="btns flex-center">
+            <el-button type="text" @click="downloadImg">涓嬭浇</el-button>
           </div>
         </div>
 
         <div class="flex flex-center">
           <el-input v-model="url" size="small" style="width:281px"></el-input>
-          <el-button type="primary" size="small">澶嶅埗</el-button>
+          <el-button type="primary" size="small" ref="url" @click="copyUrl"
+            >澶嶅埗</el-button
+          >
         </div>
       </div>
     </PubDialog>
   </InnerView>
 </template>
 <script>
+import QRCode from "qrcode";
+import { saveAs } from "file-saver";
+import { mapState } from "vuex";
 import PubDialog from "@/components/App/PubDialog";
 export default {
   name: "enterpriseServiceDataList",
@@ -46,13 +51,13 @@ export default {
   components: { PubDialog },
   data() {
     return {
-      url: "http//锛歸ww.baidu.com",
+      url: "",
       dialogVisible: false,
       headers: [
         {
           field: "theme",
           fieldName: "涓氬姟涓婚",
-          width: 300,
+          width: 350,
         },
         {
           field: "status",
@@ -70,23 +75,6 @@ export default {
         },
       ],
       params: [],
-      testData: [
-        {
-          theme: "鍏充簬浼佷笟鍙樻洿鐧昏锛堢◣鍔′俊鎭彉鏇达級鈥滀竴浠朵簨鈥濈殑鐢宠",
-          status: "姝ｅ父",
-          time: "2023-07-13 17:14:43",
-        },
-        {
-          theme: "鍏充簬鍏徃鍒涗笟鎷呬繚璐锋鐢宠",
-          status: "鍑嗕簣璁稿彲",
-          time: "2023-04-25 15:28:36",
-        },
-        {
-          theme: "鍏充簬璐熻矗闄愰浠ヤ笅鏉戦晣寤鸿宸ョ▼鐨勮川閲忓畨鍏ㄧ洃绠＄殑鐢宠",
-          status: "涓嶄簣璁稿彲",
-          time: "2023-03-15 14:22:16",
-        },
-      ],
       fetcher: async () => {
         // console.log(this);
         // console.log(params);
@@ -99,6 +87,12 @@ export default {
       },
     };
   },
+  computed: {
+    // import { mapState } from "vuex";
+    ...mapState({
+      testData: (state) => state.tabledata.enterpriseServiceData,
+    }),
+  },
   watch: {},
   methods: {
     renderBtns(e) {
@@ -124,11 +118,54 @@ export default {
         </div>
       );
     },
-    openDtail() {
-      this.$router.push("/enterpriseServiceData/detail");
+    openDtail(row) {
+      this.$router.push(`/enterpriseServiceData/detail?id=${row.id}`);
     },
-    dataAuth() {
+    dataAuth(row) {
+      let local = window.location;
+      let url =
+        local.host +
+        local.pathname +
+        "#" +
+        `/enterpriseServiceData/detail?id=${row.id}`;
+      // console.log();
+      this.url = url;
       this.dialogVisible = true;
+      this.$nextTick(() => {
+        let canvas = this.$refs.canvas;
+        let opts = {
+          errorCorrectionLevel: "H", //瀹归敊绾у埆
+          type: "image/png", //鐢熸垚鐨勪簩缁寸爜绫诲瀷
+          quality: 0.3, //浜岀淮鐮佽川閲�
+          margin: 0, //浜岀淮鐮佺暀鐧借竟璺�
+          text: this.url, //浜岀淮鐮佸唴瀹�
+          color: {
+            dark: "#333333", //鍓嶆櫙鑹�
+            light: "#fff", //鑳屾櫙鑹�
+          },
+        };
+
+        QRCode.toCanvas(canvas, this.url, opts, (err) => {
+          if (err) {
+            console.log(err);
+          }
+        });
+      });
+    },
+    copyUrl() {
+      const dom = document.createElement("input");
+      dom.value = this.url;
+      document.body.appendChild(dom);
+      dom.select();
+      document.execCommand("copy");
+      document.body.removeChild(dom);
+      this.$message.success("澶嶅埗鎴愬姛");
+    },
+    downloadImg() {
+      let canvas = this.$refs.canvas;
+      canvas.toBlob((blob) => {
+        saveAs(blob, "image.png");
+      });
     },
   },
 };
@@ -150,9 +187,10 @@ export default {
   padding-top: 31px;
   align-items: center;
   margin-bottom: 28px;
-  img {
-    width: 138px;
-    height: 141px;
+  img,
+  canvas {
+    width: 138px !important;
+    height: 141px !important;
     margin-top: 10px;
     margin-bottom: 3px;
   }
diff --git a/src/views/feedback/index.vue b/src/views/feedback/index.vue
index f32ceb4b6d183f78cc3cd72caf027924fd7c29c5..546464ea1c708e206cc1e1f294a25f6c4e6f0100 100644
--- a/src/views/feedback/index.vue
+++ b/src/views/feedback/index.vue
@@ -5,7 +5,7 @@
       <div>
         涓轰簡缁欐偍鎻愪緵鏇村ソ鐨勬湇鍔★紝鎴戜滑甯屾湜鏀堕泦鎮ㄥ湪浣跨敤骞冲彴鏃剁殑鎰忚鎴栬€呭缓璁€�
       </div>
-      <div>瀵规偍鐨勯厤鍚堝拰鏀寔琛ㄧず琛峰績鎰熻阿锛佹柊澧炶瘉鐓�</div>
+      <div>瀵规偍鐨勯厤鍚堝拰鏀寔琛ㄧず琛峰績鎰熻阿锛�</div>
     </div>
     <el-form
       ref="form"
diff --git a/src/views/login.vue b/src/views/login.vue
index 5db39217f29f27d63f48eeb3039134e0cc2f2187..249c22443cc766ce5aa52ce1240da41d42e070b4 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -124,14 +124,14 @@ export default {
           if (["liyun", "user"].includes(this.ruleForm.user)) {
             this.$store.dispatch("user/setUserAuth", this.testAuthUser);
             this.$store.dispatch("user/setUserInfo", {
-              name: "鍒樹簯",
+              name: "鏉庝簯",
               type: 1,
             });
             localStorage.setItem("userAuth", JSON.stringify(this.testAuthUser));
             localStorage.setItem(
               "userInfo",
               JSON.stringify({
-                name: "鍒樹簯",
+                name: "鏉庝簯",
                 type: 1,
               })
             );
diff --git a/src/views/serviceData/detail/index.vue b/src/views/serviceData/detail/index.vue
index 68732b91e2bcf157b90c38314bea4fa4f8524295..10447491f207945b3d1ad078f6cd75ce362010c4 100644
--- a/src/views/serviceData/detail/index.vue
+++ b/src/views/serviceData/detail/index.vue
@@ -4,7 +4,7 @@
     <ScrollView style="overflow-x: hidden;">
       <div class="block-title">
         <div class="title">鐢宠淇℃伅</div>
-        <div class="status">鐘舵€�: 鍑嗕簣璁稿彲</div>
+        <div class="status">鐘舵€�: {{ detail.status }}</div>
       </div>
       <div class="content-title">鍩虹淇℃伅</div>
       <el-descriptions title="" :column="2">
@@ -16,9 +16,9 @@
           >7cc3bc07-d86d-4701-ace..</el-descriptions-item
         >
         <el-descriptions-item label="鍙楃悊浜哄憳">璐烘鍕�</el-descriptions-item>
-        <el-descriptions-item label="浜嬮」鍚嶇О"
-          >鍐滆嵂缁忚惀璁稿彲(鏍稿彂)</el-descriptions-item
-        >
+        <el-descriptions-item label="浜嬮」鍚嶇О">{{
+          detail.theme
+        }}</el-descriptions-item>
         <el-descriptions-item label="鐢宠浜虹被鍨�">鑷劧浜�</el-descriptions-item>
 
         <el-descriptions-item label="绫诲瀷">XK锛堣鏀胯鍙級</el-descriptions-item>
@@ -42,9 +42,9 @@
         >
         <el-descriptions-item label="娉曞畾浠ｈ〃浜�">鈥斺€�</el-descriptions-item>
 
-        <el-descriptions-item label="鐢宠鏃堕棿"
-          >2020-11-25 12:14:58</el-descriptions-item
-        >
+        <el-descriptions-item label="鐢宠鏃堕棿">{{
+          detail.time
+        }}</el-descriptions-item>
         <el-descriptions-item label="鐢宠浜�/缁勭粐鏈烘瀯璇佷欢绫诲瀷"
           >韬唤璇�</el-descriptions-item
         >
@@ -67,15 +67,15 @@
         >
 
         <el-descriptions-item label="涓氬姟涓婚"
-          >鍏充簬鏉庤崳杈夊啘鑽粡钀ヨ鍙�(鏍稿彂) 鐨勭敵璇�</el-descriptions-item
+          >鍏充簬鏉庝簯鍐滆嵂缁忚惀璁稿彲(鏍稿彂) 鐨勭敵璇�</el-descriptions-item
         >
       </el-descriptions>
       <div class="content-title">鐢宠鏉愭枡琛ㄦ牸</div>
       <div class="file-box flex-between">
-        <span>鐢宠鍦ㄦ牎姹傝亴鍒涗笟琛ヨ创鐩稿叧璧勬枡</span>
+        <span>{{ detail.fileName }}</span>
         <div class="flex download">
           <i class="el-icon-download"></i>
-          <span>涓嬭浇</span>
+          <span @click="downliadFile(detail.file)">涓嬭浇</span>
         </div>
       </div>
 
@@ -110,6 +110,7 @@
 </template>
 
 <script>
+import { mapState } from "vuex";
 // import * as api from "@/api";
 export default {
   name: "serviceDataDetail",
@@ -121,10 +122,28 @@ export default {
   },
   components: {},
   data() {
-    return {};
+    return {
+      detail: {},
+    };
+  },
+
+  computed: {
+    // import { mapState } from "vuex";
+    ...mapState({
+      testData: (state) => state.tabledata.serviceData,
+    }),
+  },
+  mounted() {
+    let { id } = this.$route.query;
+    if (id) this.detail = this.testData.find((item) => item.id == id);
   },
   watch: {},
-  methods: {},
+  methods: {
+    
+    downliadFile(url) {
+      window.open(window.location.origin + url);
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
diff --git a/src/views/serviceData/list/index.vue b/src/views/serviceData/list/index.vue
index 9f868a86d2f93ad7476f2516204ae3df17ace783..37cd79cc58f4005ee0e1c0930129cecc3ff6b6e3 100644
--- a/src/views/serviceData/list/index.vue
+++ b/src/views/serviceData/list/index.vue
@@ -17,22 +17,27 @@
       <div class="flex-col flex-center">
         <div class="qrcode-box flex-col">
           <div>鎵爜鎺堟潈鍔炰簨鏁版嵁</div>
-          <img src="@/assets/img/test-qrcode.png" alt="" />
-          <div class="btns flex-between">
-            <el-button type="text">涓嬭浇</el-button>
-            <el-button type="text">璐熻矗</el-button>
+          <canvas id="canvas" ref="canvas"></canvas>
+          <!-- <img src="@/assets/img/test-qrcode.png" alt=""  /> -->
+          <div class="btns flex-center">
+            <el-button type="text" @click="downloadImg">涓嬭浇</el-button>
           </div>
         </div>
 
         <div class="flex flex-center">
           <el-input v-model="url" size="small" style="width:281px"></el-input>
-          <el-button type="primary" size="small">澶嶅埗</el-button>
+          <el-button type="primary" size="small" ref="url" @click="copyUrl"
+            >澶嶅埗</el-button
+          >
         </div>
       </div>
     </PubDialog>
   </InnerView>
 </template>
 <script>
+import QRCode from "qrcode";
+import { saveAs } from "file-saver";
+import { mapState } from "vuex";
 import PubDialog from "@/components/App/PubDialog";
 export default {
   name: "serviceDataList",
@@ -46,13 +51,13 @@ export default {
   components: { PubDialog },
   data() {
     return {
-      url: "http//锛歸ww.baidu.com",
+      url: "",
       dialogVisible: false,
       headers: [
         {
           field: "theme",
           fieldName: "涓氬姟涓婚",
-          width: 300,
+          width: 350,
         },
         {
           field: "status",
@@ -70,33 +75,6 @@ export default {
         },
       ],
       params: [],
-      testData: [
-        {
-          theme: "鍏充簬鏉庝簯鍐滆嵂缁忚惀璁稿彲(鏍稿彂) 鐨勭敵璇�",
-          status: "姝ｅ父",
-          time: "2023-07-13 17:14:43",
-        },
-        {
-          theme: "鍏充簬鏉庝簯鐢熻偛鏈嶅姟璇佺櫥璁扮殑鐢宠",
-          status: "鍑嗕簣璁稿彲",
-          time: "2023-04-25 15:28:36",
-        },
-        {
-          theme: "鍏充簬鏉庝簯涓嶅姩浜х櫥璁扮殑鐢宠",
-          status: "涓嶄簣璁稿彲",
-          time: "2023-03-15 14:22:16",
-        },
-        {
-          theme: "鍏充簬鏉庝簯鍖哄幙澧冨唴姘磋矾瀹㈣繍缁忚惀璁稿彲",
-          status: "鍑嗕簣璁稿彲",
-          time: "2023-02-18 14:28:15",
-        },
-        {
-          theme: "鍏充簬鏉庝簯閲囪鍙瘉棰佸彂鐨勭敵璇�",
-          status: "鍑嗕簣璁稿彲",
-          time: "2023-02-14 12:22:33",
-        },
-      ],
       fetcher: async () => {
         // console.log(this);
         // console.log(params);
@@ -109,6 +87,12 @@ export default {
       },
     };
   },
+  computed: {
+    // import { mapState } from "vuex";
+    ...mapState({
+      testData: (state) => state.tabledata.serviceData,
+    }),
+  },
   watch: {},
   methods: {
     renderBtns(e) {
@@ -134,11 +118,51 @@ export default {
         </div>
       );
     },
-    openDtail() {
-      this.$router.push("/serviceData/detail");
+    openDtail(row) {
+      this.$router.push(`/serviceData/detail?id=${row.id}`);
     },
-    dataAuth() {
+    dataAuth(row) {
+      let local = window.location;
+      let url =
+        local.host + local.pathname + "#" + `/serviceData/detail?id=${row.id}`;
+      // console.log();
+      this.url = url;
       this.dialogVisible = true;
+      this.$nextTick(() => {
+        let canvas = this.$refs.canvas;
+        let opts = {
+          errorCorrectionLevel: "H", //瀹归敊绾у埆
+          type: "image/png", //鐢熸垚鐨勪簩缁寸爜绫诲瀷
+          quality: 0.3, //浜岀淮鐮佽川閲�
+          margin: 0, //浜岀淮鐮佺暀鐧借竟璺�
+          text: this.url, //浜岀淮鐮佸唴瀹�
+          color: {
+            dark: "#333333", //鍓嶆櫙鑹�
+            light: "#fff", //鑳屾櫙鑹�
+          },
+        };
+
+        QRCode.toCanvas(canvas, this.url, opts, (err) => {
+          if (err) {
+            console.log(err);
+          }
+        });
+      });
+    },
+    copyUrl() {
+      const dom = document.createElement("input");
+      dom.value = this.url;
+      document.body.appendChild(dom);
+      dom.select();
+      document.execCommand("copy");
+      document.body.removeChild(dom);
+      this.$message.success("澶嶅埗鎴愬姛");
+    },
+    downloadImg() {
+      let canvas = this.$refs.canvas;
+      canvas.toBlob((blob) => {
+        saveAs(blob, "image.png");
+      });
     },
   },
 };
@@ -160,9 +184,10 @@ export default {
   padding-top: 31px;
   align-items: center;
   margin-bottom: 28px;
-  img {
-    width: 138px;
-    height: 141px;
+  img,
+  canvas {
+    width: 138px !important;
+    height: 141px !important;
     margin-top: 10px;
     margin-bottom: 3px;
   }
diff --git a/src/views/spaceIndex/main/index.vue b/src/views/spaceIndex/main/index.vue
index 06a166a13d7b4b1bdb0944c3238c274ac1795aa2..eeb82f6217e2445b9fdd96e7821f8f625933310c 100644
--- a/src/views/spaceIndex/main/index.vue
+++ b/src/views/spaceIndex/main/index.vue
@@ -50,6 +50,7 @@
 </template>
 
 <script>
+import { mapState } from "vuex";
 // import * as api from "@/api";
 export default {
   name: "SpaceIndexMain",
@@ -92,28 +93,6 @@ export default {
           placeholder: "璇疯緭鍏�",
         },
       ],
-      testData: [
-        {
-          materialName: "鐢宠鍦ㄦ牎姹傝亴鍒涗笟琛ヨ创鐩稿叧璧勬枡",
-          opdateTime: "2023-01-13 12:25:23",
-        },
-        {
-          materialName: "楂樼瓑瀛︽牎绛夋瘯涓氱敓鎺ユ敹鎵嬬画鍔炵悊鐩稿叧璧勬枡",
-          opdateTime: "2023-01-08 09:23:46",
-        },
-        {
-          materialName: "鍙楃悊鍏垂甯堣寖鐢熻法鐪佷换鏁欑敵璇风浉鍏宠祫鏂�",
-          opdateTime: "2023-01-07 09:15:42",
-        },
-        {
-          materialName: "妗ｆ鐨勬帴鏀跺拰杞€掔殑鐩稿叧璧勬枡",
-          opdateTime: "2023-01-06 14:28:13",
-        },
-        {
-          materialName: "鑱屼笟鎸囧鐩稿叧璧勬枡",
-          opdateTime: "2023-01-04 11:18:23",
-        },
-      ],
       fetcher: async () => {
         // console.log(this);
         // console.log(params);
@@ -126,6 +105,13 @@ export default {
       },
     };
   },
+  computed: {
+    // import { mapState } from "vuex";
+    ...mapState({
+      testData: (state) => state.tabledata.SpaceIndexMain,
+    }),
+  },
+
   watch: {},
   methods: {
     renderBtns(e) {
@@ -143,8 +129,8 @@ export default {
         </div>
       );
     },
-    openDetail() {
-      this.$router.push("/spaceIndex/materiaDetail");
+    openDetail(row) {
+      this.$router.push(`/spaceIndex/materiaDetail?id=${row.id}`);
     },
     handleSelect(index) {
       // console.log(index);
diff --git a/src/views/spaceIndex/materiaDetail/index.vue b/src/views/spaceIndex/materiaDetail/index.vue
index ff467f8d2c43fc5b1786bf2153f3acbc383c7b0e..517c54aaf11abaaa4a4d369254af75699082c0d0 100644
--- a/src/views/spaceIndex/materiaDetail/index.vue
+++ b/src/views/spaceIndex/materiaDetail/index.vue
@@ -5,19 +5,20 @@
       <div class="content-title">鍩虹淇℃伅</div>
 
       <el-descriptions title="" :column="1" style="padding-left:30px">
-        <el-descriptions-item label="鏉愭枡鍚嶇О"
-          >鐢宠鍦ㄦ牎姹傝亴鍒涗笟琛ヨ创鐩稿叧璧勬枡</el-descriptions-item
-        >
-        <el-descriptions-item label="涓婁紶鏃堕棿"
-          >2023-01-13 12:25:23</el-descriptions-item
-        >
+        <el-descriptions-item label="鏉愭枡鍚嶇О">{{
+          detail.materialName
+        }}</el-descriptions-item>
+        <el-descriptions-item label="涓婁紶鏃堕棿">{{
+          detail.opdateTime
+        }}</el-descriptions-item>
       </el-descriptions>
       <div class="content-title">鏉愭枡鏂囦欢</div>
+
       <div class="file-box flex-between">
-        <span>鐢宠鍦ㄦ牎姹傝亴鍒涗笟琛ヨ创鐩稿叧璧勬枡</span>
+        <span>{{ detail.fileName }}</span>
         <div class="flex download">
           <i class="el-icon-download"></i>
-          <span>涓嬭浇</span>
+          <span @click="downliadFile(detail.file)">涓嬭浇</span>
         </div>
       </div>
     </ScrollView>
@@ -25,6 +26,7 @@
 </template>
 
 <script>
+import { mapState } from "vuex";
 // import * as api from "@/api";
 export default {
   name: "SpaceIndexMateriaDetail",
@@ -36,10 +38,27 @@ export default {
   },
   components: {},
   data() {
-    return {};
+    return {
+      detail: {},
+    };
+  },
+  computed: {
+    // import { mapState } from "vuex";
+    ...mapState({
+      testData: (state) => state.tabledata.SpaceIndexMain,
+    }),
+  },
+
+  mounted() {
+    let { id } = this.$route.query;
+    if (id) this.detail = this.testData.find((item) => item.id == id);
   },
   watch: {},
-  methods: {},
+  methods: {
+    downliadFile(url) {
+      window.open(window.location.origin + url);
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000000000000000000000000000000000000..36e851ca3166b26f7b9379b0f41b9374931a1362
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,28 @@
+module.exports = {
+  // 鍏ュ彛鏂囦欢
+  entry: "./src/main.js",
+  output: {
+    // path: path.resolve(__dirname, "dist"),
+    // filename: "bundle.js",
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: "vue-loader",
+      },
+      {
+        test: /\.css$/,
+        use: ["style-loader", "css-loader"],
+      },
+      {
+        test: /\.(jpg|png|svg|ttf)$/,
+        use: "url-loader",
+      },
+      {
+        test: /\.(docx|doc|pdf)$/,
+        use: "url-loader",
+      },
+    ],
+  },
+};