From ac42a9af5a94e2625a519a21c54518ec9142f7b5 Mon Sep 17 00:00:00 2001
From: mo-bai <1873032855@qq.com>
Date: Wed, 30 Mar 2022 17:00:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A8=E5=B9=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                                       |  38 +-
 apis/deviceApi.js                             |  81 ++
 apis/factoryApi.js                            |  11 +
 components/qn-easyinput/qn-easyinput.vue      |   2 +-
 components/qn-select/qn-select.vue            | 104 ++-
 enums/index.js                                |  38 +-
 pages.json                                    |  31 +
 pages/complete-info/EnterpriseForm.vue        |  92 ++-
 pages/complete-info/index.vue                 |  30 +-
 pages/device-info/index.vue                   | 177 +++++
 pages/device-operation/index.vue              | 409 ++++++++++
 pages/device-production-detail/index.vue      | 471 ++++++++++++
 pages/digital-workshops/EmptyData.vue         |  70 ++
 pages/digital-workshops/index.vue             | 712 +++++++++++++++++-
 pages/page-view/index.vue                     |  77 ++
 pages/promotion/Banner.vue                    | 128 ++++
 pages/promotion/index.vue                     | 407 ++++++++++
 static/imgs/.DS_Store                         | Bin 6148 -> 6148 bytes
 static/imgs/digital-workshops/add-icon.png    | Bin 0 -> 2179 bytes
 static/imgs/digital-workshops/clock.png       | Bin 0 -> 10063 bytes
 .../digital-workshops/device-detail-bg.png    | Bin 0 -> 5109 bytes
 .../digital-workshops/down-arrow-icon.png     | Bin 0 -> 575 bytes
 static/imgs/digital-workshops/gear.png        | Bin 0 -> 9560 bytes
 static/imgs/digital-workshops/no-camera.png   | Bin 0 -> 11077 bytes
 static/imgs/digital-workshops/toggle-icon.png | Bin 0 -> 1271 bytes
 static/imgs/general/camera-bg.png             | Bin 0 -> 6669 bytes
 static/imgs/general/line-share-icon.png       | Bin 0 -> 4272 bytes
 static/imgs/general/select-icon.png           | Bin 0 -> 2146 bytes
 static/imgs/general/selected-icon.png         | Bin 0 -> 1900 bytes
 static/imgs/general/session-share-icon.png    | Bin 0 -> 9278 bytes
 static/imgs/promotion/video-close.png         | Bin 0 -> 1932 bytes
 utils/hook.js                                 |  16 +-
 32 files changed, 2816 insertions(+), 78 deletions(-)
 create mode 100644 apis/deviceApi.js
 create mode 100644 pages/device-info/index.vue
 create mode 100644 pages/device-operation/index.vue
 create mode 100644 pages/device-production-detail/index.vue
 create mode 100644 pages/digital-workshops/EmptyData.vue
 create mode 100644 pages/page-view/index.vue
 create mode 100644 pages/promotion/Banner.vue
 create mode 100644 static/imgs/digital-workshops/add-icon.png
 create mode 100644 static/imgs/digital-workshops/clock.png
 create mode 100644 static/imgs/digital-workshops/device-detail-bg.png
 create mode 100644 static/imgs/digital-workshops/down-arrow-icon.png
 create mode 100644 static/imgs/digital-workshops/gear.png
 create mode 100644 static/imgs/digital-workshops/no-camera.png
 create mode 100644 static/imgs/digital-workshops/toggle-icon.png
 create mode 100644 static/imgs/general/camera-bg.png
 create mode 100644 static/imgs/general/line-share-icon.png
 create mode 100644 static/imgs/general/select-icon.png
 create mode 100644 static/imgs/general/selected-icon.png
 create mode 100644 static/imgs/general/session-share-icon.png
 create mode 100644 static/imgs/promotion/video-close.png

diff --git a/App.vue b/App.vue
index 53daebe..3d74661 100644
--- a/App.vue
+++ b/App.vue
@@ -17,25 +17,25 @@ export default {
     //#ifdef APP-PLUS
     checkUpdate().then((version) => {
       let curVersion = plus.runtime.version
-      if (version != curVersion) {
-        let client = uni.getSystemInfoSync().platform
-        if (client === 'ios') {
-          uni.showModal({
-            title: '更新提示',
-            content: '有新的版本更新，请前往App Store更新'
-          })
-        } else {
-          uni.showModal({
-            title: '更新提示',
-            content: '有新版本，请前往更新',
-            success: (res) => {
-              if (res.confirm) {
-                // plus.runtime.openURL(`https://www.pgyer.com/ST8i`)
-              }
-            }
-          })
-        }
-      }
+      // if (version != curVersion) {
+      //   let client = uni.getSystemInfoSync().platform
+      //   if (client === 'ios') {
+      //     uni.showModal({
+      //       title: '更新提示',
+      //       content: '有新的版本更新，请前往App Store更新'
+      //     })
+      //   } else {
+      //     uni.showModal({
+      //       title: '更新提示',
+      //       content: '有新版本，请前往更新',
+      //       success: (res) => {
+      //         if (res.confirm) {
+      //           // plus.runtime.openURL(`https://www.pgyer.com/ST8i`)
+      //         }
+      //       }
+      //     })
+      //   }
+      // }
     })
     //#endif
   },
diff --git a/apis/deviceApi.js b/apis/deviceApi.js
new file mode 100644
index 0000000..20a3bca
--- /dev/null
+++ b/apis/deviceApi.js
@@ -0,0 +1,81 @@
+import http from '../utils/http/index.js'
+
+/**
+ * 获取设备类型
+ */
+export function getDeviceTypeList(data = {}) {
+  return http.get({
+    url: '/base-paper-trading/get/mechanical-equipment/type',
+    data
+  })
+}
+
+/**
+ * 获取生产工艺列表
+ */
+export function getTechnicsList(data = {}) {
+  return http.get({
+    url: '/base-paper-trading/get/technics/type',
+    data
+  })
+}
+
+/**
+ * 添加或修改设备
+ */
+export function changeDevice(data = {}) {
+  return http.post({
+    url: '/base-paper-trading/save/mechanical-equipment',
+    data
+  })
+}
+
+/**
+ * 获取设备列表
+ */
+export function getDeviceList(data = {}) {
+  return http.get({
+    url: '/base-paper-trading/get/mechanical-equipment/list',
+    data
+  })
+}
+
+/**
+ * 印包客监控台获取设备类型统计数据
+ */
+export function getEquipmentStatistics(data = {}) {
+  return http.get({
+    url: '/base-paper-trading/get/mechanical-equipment/type-statistics/list',
+    data
+  })
+}
+
+/**
+ * 设备生产详情分享
+ */
+export function makeDeviceShare(data = {}) {
+  return http.post({
+    url: '/base-paper-trading/create/mechanical-equipment/share',
+    data
+  })
+}
+
+/**
+ * 推广界面获取设备列表
+ */
+export function getEquipmentList(data = {}) {
+  return http.get({
+    url: '/base-paper-trading/get/mechanical-equipment/list',
+    data
+  })
+}
+
+/**
+ * 获取设备信息
+ */
+export function getEquipmentInfo(data = {}) {
+  return http.get({
+    url: `/base-paper-trading/get/mechanical-equipment/${data.id}`,
+    data
+  })
+}
diff --git a/apis/factoryApi.js b/apis/factoryApi.js
index d62e7e6..854962d 100644
--- a/apis/factoryApi.js
+++ b/apis/factoryApi.js
@@ -21,3 +21,14 @@ export function savePersonalInfo(data = {}) {
     data
   })
 }
+
+/**
+ * 查询工厂信息
+ *
+ */
+export function getFactoryInfo(data = {}) {
+  return http.get({
+    url: `/yyt-uec/get/factory/information/${data.id}`,
+    data
+  })
+}
diff --git a/components/qn-easyinput/qn-easyinput.vue b/components/qn-easyinput/qn-easyinput.vue
index f2aa47a..984486c 100644
--- a/components/qn-easyinput/qn-easyinput.vue
+++ b/components/qn-easyinput/qn-easyinput.vue
@@ -376,7 +376,7 @@ $uni-border-1: #dcdfe6 !default;
   width: 100%;
   display: flex;
   box-sizing: border-box;
-  // min-height: 36px;
+  min-height: 21px;
   height: 100%;
   /* #endif */
   flex-direction: row;
diff --git a/components/qn-select/qn-select.vue b/components/qn-select/qn-select.vue
index 04d4695..41b45bf 100644
--- a/components/qn-select/qn-select.vue
+++ b/components/qn-select/qn-select.vue
@@ -1,14 +1,14 @@
 <template>
-  <view>
+  <view style="width: 100%; height: 100%">
     <view class="select-mask" v-show="visible" @click="hideOption"></view>
-    <view class="select-section" @click="showOption">
-      <text :class="text ? '' : 'placeholder'">{{ text || placeholder }}</text>
+    <view class="select-section" :style="contentStyle" @click="showOption">
+      <text class="text" :class="label ? '' : 'placeholder'" :style="label ? '' : placeholderStyle">{{ label || placeholder }}</text>
       <view class="icon"></view>
       <view class="options-area" v-show="visible">
         <slot>
           <view class="option" v-for="item in options" :key="item.value" @click.stop="handleSelect(item)">
             <text>{{ item.label }}</text>
-            <view v-if="value == item.value" class="icon"></view>
+            <view v-show="isSelected(item.value)" class="icon"></view>
           </view>
         </slot>
       </view>
@@ -26,35 +26,102 @@ export default {
       type: String,
       default: '请选择'
     },
+    /**
+     * 下拉框选项
+     * @param {Object} item
+     * @property {String} label - 选项名称
+     * @property {String} value - 选项值
+     */
     options: {
       type: Array,
       default: () => []
+    },
+    placeholderStyle: {
+      type: String,
+      default: ''
+    },
+    /**
+     * 指向select-section的样式
+     */
+    contentStyle: {
+      type: String,
+      default: ''
+    },
+    /**
+     * 是否多选
+     */
+    multiple: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
     return {
       visible: false,
-      text: ''
+      label: ''
     }
   },
   methods: {
     handleSelect(item) {
-      this.text = item.label
-      this.$emit('input', item.value)
-      this.hideOption()
+      if (this.multiple) {
+        let value = []
+        if (!this.value) {
+          value = []
+        } else {
+          value = [...this.value]
+        }
+        const index = value.indexOf(item.value)
+        if (index > -1) {
+          value.splice(index, 1)
+        } else {
+          value.push(item.value)
+        }
+        this.$emit('input', value)
+      } else {
+        this.hideOption()
+        this.$emit('input', item.value)
+      }
     },
     showOption() {
       this.visible = true
     },
     hideOption() {
-      console.log('hideOption')
       this.visible = false
+    },
+    isSelected(value) {
+      if (this.multiple) {
+        return this.value.indexOf(value) > -1
+      } else {
+        return this.value === value
+      }
+    },
+    /**
+     * 处理外层val或options改变的情况
+     */
+    handleChange(val, options) {
+      if (this.multiple) {
+        let labelList = []
+        for (let value of val) {
+          const item = options.find((item) => item.value === value)
+          if (item) {
+            labelList.push(item.label)
+          } else {
+            labelList.push(' ')
+          }
+        }
+        this.label = labelList.join(' , ')
+      } else {
+        let target = options.find((o) => o.value === val)
+        this.label = target?.label || ''
+      }
     }
   },
   watch: {
     value(val) {
-      let target = this.options.find((o) => o.value === val)
-      this.text = target?.label || ''
+      this.handleChange(val, this.options)
+    },
+    options(val) {
+      this.handleChange(this.value, val)
     }
   }
 }
@@ -64,10 +131,12 @@ export default {
 .select-section {
   width: 100%;
   height: 100%;
-  min-height: 64rpx;
+  // min-height: 64rpx;
   position: relative;
+  // 将fixed元素锚定到该元素
   transform: translateX(0);
-  z-index: 300;
+  // z-index: 300;
+  z-index: 90;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -78,11 +147,18 @@ export default {
   padding: 12rpx 24rpx;
   background-color: rgb(245, 245, 245);
   border-radius: 8rpx;
+  .text {
+    flex: 1 1 auto;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
   .icon {
     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAgCAYAAABHA7voAAACtklEQVRYhdXYOW8TQRgG4CcxBHIQTA5uCCDRICSoKChB3MefBYmjpYCCDjokEnIQEDRIiPsqPltJjGe8a++G8EpWJPvLeB7P7OzsDGEIZ3AK27GEx/js/8oUzmMWH/EU80M4i3MdxR9wB582s4cDZB+uiwFan7sNXMBIxwc7cRQv8aP27g2WWYHrNEBj2N/qdpq4IbBbNTOij91wMNLAtJi/3TKKQ2Ikf1bevcEyJXA7MjXPG3iD45nCMVsP2cQt+dm1iCcNcY3N45g0chwHBPJXdf3sK7sFbjRTs4yH+NVovfEdC5iTRk5gv3+LnBS48UzNMh5ozbbGug++CWRuJHdhrxjxzUZOCNxEpmYDjo1AiiEnxeo1j999drZsxnFb/MCptKflhnWiE0gx5G6x+m4GckyM3GSmpo37657dDUgxZLP1WlAfclTgmpmaJI40kEC+EreQ1I10j/hlF3r1tI/sxM3Wd6SSxZEHsjaSOeSUuDZe9WirTHYI3HSmZkUPHL2BFENOi4VgsUB7vTIicDOZmhWxWvbcJxcBUgw5I6bVUsE2u2VEbJxnMzWFcRQHsnZNHpNG7hWb9+US7bazHdfEo08qpXCUA8JXvReefa12V0q0uw1XxXYwldI4ygMphtzf+rtasA9XxIY+ldf6wLUb7ydFkAfFruJNj++/jCOZmte4r88H736BFEMeEhv5t10+G8YlcXKQykA4BgMSyEWckD4ZOIwveLfuvWFcFAtWKgPjGBzI2kjmkEfFAdZ7cYp3oVWfSiU4qgFSDDknjvNO42SmrcpwxK9ZZZpiFzLW5/9XiqO6EWzni7gmj0uPZCqrKsZRPZA1ZG66dmYV99RwBlsHkHLI2nDUB6QYspZpuT51Agnkku4b9Pbe8nudHagbSCBfiOfFMfFU8gyPbJ2D5P83fwA+SqvvLFrSmAAAAABJRU5ErkJggg==')
       no-repeat center center/cover;
     width: 28rpx;
     height: 16rpx;
+    margin-left: 16rpx;
   }
 }
 .select-mask {
@@ -90,7 +166,7 @@ export default {
   height: 100vh;
   background-color: transparent;
   position: fixed;
-  z-index: 200;
+  z-index: 80;
   top: 0;
   left: 0;
   right: 0;
diff --git a/enums/index.js b/enums/index.js
index b147812..f37167a 100644
--- a/enums/index.js
+++ b/enums/index.js
@@ -5,12 +5,19 @@ export const XAPPID = '503258978847966407'
 
 export const H5_URL = `https://printpackage${urlEnv}.qniao.cn`
 
-export const H5_URL_STORE = `${H5_URL}/#/pages/store/index?share=true&`
-export const H5_URL_PAPER = `${H5_URL}/#/pages/paper-details/index?share=true&`
+export const H5_URL_DEVICE = `${H5_URL}/#/pages/certification/index?`
 
 // 统一支付接口
 export const PAY_URL = `https://api-client-psc${urlEnv}.qniao.cn/payment-settlement-center/pay`
 
+/**
+ * 萤石云直播地址
+ * @param {string} accessToken 访问令牌
+ * @param {string} deviceSerial 设备序列号
+ * @param {string} channelNo 通道号
+ */
+export const YINGSHI_LIVE_URL = `https://open.ys7.com/ezopen/h5/live?autoplay=1&audio=1&hd=1&`
+
 /**
  * 企业类型: 印刷包装厂 2 ； 供应商 5 ； 个人 8
  */
@@ -20,6 +27,13 @@ export const enterpriseType = {
   PERSONAL: 8
 }
 
+/**
+ * 设备状态: 空闲中 1 ； 工作中 2
+ */
+export const deviceStatus = {
+  FREE: 1,
+  WORKING: 2
+}
 /**
  * 账号类型
  */
@@ -64,8 +78,26 @@ export const fddEnterpriseStatus = {
 export const uploadUrl = {
   image: `https://api-client-yyt${urlEnv}.qniao.cn/yyt-uec/file-uploading/upload/image`,
   file: `https://api-client-yyt${urlEnv}.qniao.cn/yyt-uec/file-uploading/upload/file`,
-  video: `https://api-client-yyt${urlEnv}.qniao.cn/yyt-uec/file-uploading/upload/file?type=mp4`
+  // video: `https://api-client-yyt${urlEnv}.qniao.cn/yyt-uec/file-uploading/upload/file?type=mp4`
+  video: `https://api-client-yyt${urlEnv}.qniao.cn/yyt-uec/file-uploading/upload/video/file?type=mp4`
 }
+
+/**
+ * 文件类型 图片：1，视频：2
+ */
+export const fileType = {
+  IMG: 1,
+  VIDEO: 2
+}
+
+/**
+ * 是否加密 不加密：0 ， 加密：1
+ */
+export const isEncrypt = {
+  NO: 0,
+  YES: 1
+}
+
 /**
  * 结算周期：1：月结30（飞算1期），2：月结45，3：月结60（飞算2期），4：月结75，5：月结90（飞算3期）
  */
diff --git a/pages.json b/pages.json
index 8a2ad0c..58ba348 100644
--- a/pages.json
+++ b/pages.json
@@ -19,6 +19,22 @@
         "navigationStyle": "custom"
       }
     },
+    {
+      "path": "pages/device-operation/index",
+      "style": {
+        "navigationBarTitleText": "设备操作",
+        "enablePullDownRefresh": false,
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/device-production-detail/index",
+      "style": {
+        "navigationBarTitleText": "生产详情",
+        "enablePullDownRefresh": false,
+        "navigationStyle": "custom"
+      }
+    },
     {
       "path": "pages/promotion/index",
       "style": {
@@ -27,6 +43,14 @@
         "navigationStyle": "custom"
       }
     },
+    {
+      "path": "pages/device-info/index",
+      "style": {
+        "navigationBarTitleText": "设备信息",
+        "enablePullDownRefresh": false,
+        "navigationStyle": "custom"
+      }
+    },
     {
       "path": "pages/mall/index",
       "style": {
@@ -66,6 +90,13 @@
         "enablePullDownRefresh": false,
         "navigationStyle": "custom"
       }
+    },
+    {
+      "path": "pages/page-view/index",
+      "style": {
+        "navigationBarTitleText": "统一第三方页面",
+        "enablePullDownRefresh": false
+      }
     }
   ],
   "globalStyle": {
diff --git a/pages/complete-info/EnterpriseForm.vue b/pages/complete-info/EnterpriseForm.vue
index dcf8a5a..6193814 100644
--- a/pages/complete-info/EnterpriseForm.vue
+++ b/pages/complete-info/EnterpriseForm.vue
@@ -100,11 +100,11 @@
       <view class="flex-row group_10">
         <text class="text_19">工厂视频(可选)</text>
       </view>
-      <view class="video-area" v-if="videoUrl">
+      <view class="video-area" v-if="video.fileUrl">
         <image class="video__close-icon" @click="clearVideo" src="/static/imgs/general/close-icon.png"></image>
-        <video :src="videoUrl" class="video"></video>
+        <video :src="video.fileUrl" class="video"></video>
       </view>
-      <view v-show="!videoUrl" class="flex-col items-center section_4" @click="selectVideo">
+      <view v-show="!video.fileUrl" class="flex-col items-center section_4" @click="selectVideo">
         <image src="/static/imgs/general/camera-icon.png" class="image_6" />
         <text class="text_20">点击上传</text>
       </view>
@@ -130,6 +130,8 @@
 import { getArea, getLicenseOcr } from '@/apis/commonApi.js'
 import { uploadImage, uploadVideo } from '@/utils/hook.js'
 import { validateField } from '@/utils/index.js'
+import { fileType } from '@/enums/index.js'
+import { getFactoryInfo } from '@/apis/factoryApi.js'
 
 const validateFields = [
   {
@@ -173,12 +175,12 @@ const validateFields = [
   }
 ]
 
-const fileType = {
-  IMG: 1,
-  VIDEO: 2
-}
-
 export default {
+  props: {
+    id: {
+      type: [Number, String]
+    }
+  },
   data() {
     return {
       form: {
@@ -201,7 +203,47 @@ export default {
       },
       items: [],
       imgList: [],
-      videoUrl: null
+      video: {
+        fileUrl: null,
+        videoPicUrl: null
+      },
+      operation: 'add'
+    }
+  },
+  created() {
+    if (this.id) {
+      getFactoryInfo({ id: this.id }).then((res) => {
+        if (res) {
+          this.operation = 'edit'
+          for (let key in this.form) {
+            this.form[key] = res[key]
+          }
+          this.form.id = res.id
+          // 解析图片
+          this.form.imgItemList = []
+          this.imgList = res.imgItemList.filter((item) => item.type == fileType.IMG).map((item) => item.fileUrl)
+          let video = res.imgItemList.find((item) => item.type == fileType.VIDEO)
+          if (video) {
+            this.video.fileUrl = video.fileUrl
+            this.video.videoPicUrl = video.videoPicUrl
+          }
+        }
+      })
+    }
+  },
+  mounted() {
+    getArea().then((res) => {
+      if (res) {
+        this.items = res
+      }
+    })
+  },
+  watch: {
+    imgList(val) {
+      this.form.imgItemList = val.map((url) => ({
+        fileUrl: url,
+        type: fileType.IMG
+      }))
     }
   },
   methods: {
@@ -242,10 +284,11 @@ export default {
         }
       }
       // 将视频路径写入imgItemList
-      if (this.videoUrl) {
+      if (this.video.fileUrl) {
         this.form.imgItemList.push({
           type: fileType.VIDEO,
-          imgUrl: this.videoUrl
+          fileUrl: this.video.fileUrl,
+          videoPicUrl: this.video.videoPicUrl
         })
       }
       return this.form
@@ -273,9 +316,10 @@ export default {
     },
     selectVideo() {
       uploadVideo()
-        .then((url) => {
-          if (url) {
-            this.videoUrl = url
+        .then((video) => {
+          if (video) {
+            this.video.fileUrl = video.url
+            this.video.videoPicUrl = video.thumb
           }
         })
         .catch((e) => {
@@ -286,7 +330,10 @@ export default {
         })
     },
     clearVideo() {
-      this.videoUrl = ''
+      this.video = {
+        fileUrl: null,
+        videoPicUrl: null
+      }
     },
     clearImage(index) {
       this.imgList.splice(index, 1)
@@ -307,21 +354,6 @@ export default {
         current: url
       })
     }
-  },
-  mounted() {
-    getArea().then((res) => {
-      if (res) {
-        this.items = res
-      }
-    })
-  },
-  watch: {
-    imgList(val) {
-      this.form.imgItemList = val.map((url) => ({
-        imgUrl: url,
-        type: fileType.IMG
-      }))
-    }
   }
 }
 </script>
diff --git a/pages/complete-info/index.vue b/pages/complete-info/index.vue
index 7dfff58..5281e7d 100644
--- a/pages/complete-info/index.vue
+++ b/pages/complete-info/index.vue
@@ -4,7 +4,7 @@
       <image src="/static/imgs/general/back-icon.png" class="image" @click="back" />
       <text>完善信息</text>
     </view>
-    <enterprise-form ref="enterpriseForm" v-if="role == 'enterprise'"></enterprise-form>
+    <enterprise-form ref="enterpriseForm" v-if="role == 'enterprise'" :id="factoryId"></enterprise-form>
     <person-form ref="personForm" v-if="role == 'person'"></person-form>
     <qn-footer fixed>
       <view class="flex-col items-center text-wrapper_1" @click="save">
@@ -27,7 +27,13 @@ export default {
   },
   data() {
     return {
-      role: 'person'
+      /**
+       * @description 当前角色
+       * @value person | enterprise
+       */
+      role: 'person',
+      companyId: null,
+      factoryId: null
     }
   },
   methods: {
@@ -69,11 +75,18 @@ export default {
       if (this.role == 'person') {
         this.validatePerson()
       }
+    },
+    getCompanyInfo() {
+      if (this.role == 'enterprise') {
+        this.factoryId = this.companyId
+      }
+      // if(this.role == 'person') {
+
+      // }
     }
   },
   computed: {
     translateBg() {
-      console.log('role', this.role)
       if (this.role == 'enterprise') {
         return 'url(https://qncloud.oss-cn-shenzhen.aliyuncs.com/print-package-app/complete-factory.png)'
       }
@@ -89,11 +102,20 @@ export default {
         title: '角色未选择，即将跳转',
         icon: 'none'
       })
+
       setTimeout(() => {
-        go2('select-role', {}, true)
+        if (options.id) {
+          back()
+        } else {
+          go2('select-role', {}, true)
+        }
       }, 1000)
     } else {
       this.role = options.role
+      if (options.id) {
+        this.companyId = options.id
+        this.getCompanyInfo()
+      }
     }
   }
 }
diff --git a/pages/device-info/index.vue b/pages/device-info/index.vue
new file mode 100644
index 0000000..e6592bb
--- /dev/null
+++ b/pages/device-info/index.vue
@@ -0,0 +1,177 @@
+<template>
+  <view class="content">
+    <uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="授信记录"></uni-nav-bar>
+    <view class="flex-col group_4">
+      <view class="flex-col group_5">
+        <view class="flex-col items-center group_6">
+          <swiper class="swiper" @change="changeSwiper">
+            <swiper-item v-for="(item, index) in info.imgItemList" :key="index">
+              <image mode="aspectFit" :src="item.url" class="image" @click="preview(item.url)" />
+            </swiper-item>
+          </swiper>
+          <view class="flex-col items-center text-wrapper">
+            <text>{{ swiperCurrent + 1 }}/{{ info.imgItemList.length }}</text>
+          </view>
+        </view>
+        <view class="flex-col section_1">
+          <text class="text_5">{{ info.name || '设备' }}</text>
+          <text class="text_6">
+            {{ info.machineDescribe || '没有描述' }}
+          </text>
+        </view>
+      </view>
+      <view class="flex-row section_2">
+        <view class="flex-col items-center text-wrapper_1" @click="deleteDevice">
+          <text>删除</text>
+        </view>
+        <view class="flex-col items-center text-wrapper_2" @click="go2('device-operation', { operation: 'edit', id: info.id })">
+          <text>编辑</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { go2, back } from '@/utils/hook.js'
+import { getEquipmentInfo } from '@/apis/deviceApi.js'
+export default {
+  data() {
+    return {
+      info: { imgItemList: [] },
+      id: null,
+      swiperCurrent: 1
+    }
+  },
+  onLoad(options) {
+    if (options.id) {
+      this.id = options.id
+    }
+  },
+  created() {
+    if (this.id) {
+      getEquipmentInfo({ id: this.id }).then((res) => {
+        if (res) {
+          this.info = res
+        }
+      })
+    }
+  },
+  methods: {
+    go2,
+    back,
+    changeSwiper(e) {
+      this.swiperCurrent = e.detail.current
+    },
+    preview(url) {
+      let urls = info.imgItemList.map((img) => img.url)
+      uni.previewImage({
+        current: url,
+        urls: urls
+      })
+    },
+    // 删除当前设备
+    deleteDevice() {}
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 750rpx;
+  .group_4 {
+    flex: 1 1 auto;
+    overflow-y: auto;
+    .group_5 {
+      .group_6 {
+        width: 750rpx;
+        height: 440rpx;
+        .swiper {
+          width: 100%;
+          height: 100%;
+          .image {
+            width: 100%;
+            height: 100%;
+            background-color: rgb(0, 0, 0);
+          }
+        }
+        color: rgb(255, 255, 255);
+        font-size: 28rpx;
+        line-height: 40rpx;
+        white-space: nowrap;
+        position: relative;
+
+        .text-wrapper {
+          background-color: rgba(0, 0, 0, 0.4);
+          border-radius: 20rpx;
+          width: 64rpx;
+          position: absolute;
+          right: 32rpx;
+          bottom: 60rpx;
+        }
+      }
+      .section_1 {
+        margin-top: -40rpx;
+        padding: 32rpx 30rpx 100rpx 32rpx;
+        background-image: linear-gradient(
+          180deg,
+          rgb(255, 255, 255) 0%,
+          rgb(255, 255, 255) 0%,
+          rgb(253, 253, 254) 30.62%,
+          rgba(247, 248, 250, 0) 100%,
+          rgba(247, 248, 250, 0) 100%
+        );
+        border-radius: 40rpx 40rpx 0px 0px;
+        position: relative;
+        .text_5 {
+          color: rgb(0, 0, 0);
+          font-size: 36rpx;
+          font-weight: 500;
+          line-height: 50rpx;
+          white-space: nowrap;
+        }
+        .text_6 {
+          margin-top: 20rpx;
+          color: rgb(51, 51, 51);
+          font-size: 26rpx;
+          line-height: 37rpx;
+          text-align: left;
+        }
+      }
+    }
+    .section_2 {
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      padding: 16rpx 28rpx;
+      background-color: rgb(255, 255, 255);
+      .text-wrapper_1 {
+        padding: 21rpx 0;
+        color: rgb(245, 34, 45);
+        font-size: 30rpx;
+        font-weight: 500;
+        line-height: 42rpx;
+        white-space: nowrap;
+        border-radius: 10rpx;
+        width: 270rpx;
+        height: 88rpx;
+        border: solid 2rpx rgb(245, 34, 45);
+      }
+      .text-wrapper_2 {
+        margin-left: 24rpx;
+        padding: 23rpx 0;
+        flex: 1 1 auto;
+        color: rgb(255, 255, 255);
+        font-size: 30rpx;
+        font-weight: 500;
+        line-height: 42rpx;
+        white-space: nowrap;
+        background-color: rgb(0, 122, 255);
+        border-radius: 10rpx;
+        height: 88rpx;
+      }
+    }
+  }
+}
+</style>
diff --git a/pages/device-operation/index.vue b/pages/device-operation/index.vue
new file mode 100644
index 0000000..750accc
--- /dev/null
+++ b/pages/device-operation/index.vue
@@ -0,0 +1,409 @@
+<template>
+  <view class="content">
+    <uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed :title="operation == 'add' ? '新增设备' : '编辑设备'"></uni-nav-bar>
+    <view class="form">
+      <view class="flex-col group_9">
+        <view class="flex-row group_10">
+          <text class="text_18">*</text>
+          <text class="text_19">设备图片</text>
+          <text class="tip">(图片单张大小不超过2M，数量最多5张)</text>
+        </view>
+        <view class="flex-row">
+          <view v-for="(item, index) in form.imgItemList" :key="item.url" class="image-area">
+            <image class="image__close-icon" @click="clearImage(index)" src="/static/imgs/general/close-icon.png"></image>
+            <image :src="item.url" class="upload_image" @click="preview(item.url)"></image>
+          </view>
+          <view v-show="form.imgItemList.length < 5" class="flex-col items-center section_4" @click="selectImg">
+            <image src="/static/imgs/general/camera-icon.png" class="image_6" />
+            <text class="text_20">点击上传</text>
+          </view>
+        </view>
+      </view>
+      <view class="divider"></view>
+      <view class="justify-between group">
+        <view class="flex-row">
+          <text class="text_1">*</text>
+          <text class="text_2">设备名称</text>
+        </view>
+        <qn-easyinput
+          :maxlength="20"
+          v-model="form.name"
+          :inputBorder="false"
+          text="right"
+          placeholderStyle="fontSize: 28rpx"
+          placeholder="请输入设备名称"
+        ></qn-easyinput>
+      </view>
+      <view class="divider"></view>
+      <view class="justify-between group">
+        <view class="flex-row">
+          <text class="text_2">设备类型</text>
+        </view>
+        <view style="width: 400rpx; z-index: 2">
+          <qn-select
+            :placeholderStyle="placeholderStyle"
+            contentStyle="background: none; padding: 0;text-align: right;"
+            :options="deviceTypeList"
+            v-model="form.type"
+            placeholder="请选择设备类型"
+          ></qn-select>
+        </view>
+      </view>
+      <view class="divider"></view>
+      <view class="justify-between group">
+        <view class="flex-row">
+          <text class="text_2">生产工艺</text>
+        </view>
+        <view style="width: 400rpx; z-index: 1">
+          <qn-select
+            :placeholderStyle="placeholderStyle"
+            contentStyle="background: none; padding: 0;text-align: right;"
+            :options="technicsTypeList"
+            v-model="form.technicsTypeList"
+            placeholder="请选择设备支持的生产类型"
+            multiple
+          ></qn-select>
+        </view>
+      </view>
+      <view class="divider"></view>
+      <view class="group">
+        <view class="flex-row">
+          <text class="text_1">*</text>
+          <text class="text_2">设备描述</text>
+        </view>
+        <qn-easyinput
+          :maxlength="200"
+          v-model="form.machineDescribe"
+          type="textarea"
+          placeholderStyle="fontSize: 28rpx "
+          placeholder="请输入设备介绍"
+          style="background-color: rgb(247, 248, 250); margin-top: 16rpx"
+        ></qn-easyinput>
+      </view>
+      <view class="divider"></view>
+      <view class="justify-between group">
+        <view class="flex-row">
+          <text class="text_2">摄像头ID</text>
+        </view>
+        <qn-easyinput
+          :maxlength="20"
+          v-model="form.cameraId"
+          :inputBorder="false"
+          text="right"
+          placeholderStyle=" fontSize: 28rpx"
+          placeholder="请输入摄像头ID"
+        ></qn-easyinput>
+      </view>
+      <view class="divider"></view>
+      <view class="justify-between group">
+        <view class="flex-row">
+          <text class="text_2">摄像头渠道号</text>
+        </view>
+        <qn-easyinput
+          :maxlength="20"
+          v-model="form.channelNum"
+          :inputBorder="false"
+          text="right"
+          type="number"
+          placeholderStyle=" fontSize: 28rpx"
+          placeholder="请输入摄像头渠道号"
+        ></qn-easyinput>
+      </view>
+      <view class="divider"></view>
+      <view class="justify-between group">
+        <view class="flex-row">
+          <text class="text_2">云盒ID</text>
+        </view>
+        <qn-easyinput
+          :maxlength="20"
+          v-model="form.cloudBoxId"
+          :inputBorder="false"
+          text="right"
+          placeholderStyle=" fontSize: 28rpx"
+          placeholder="请输入云盒ID"
+        ></qn-easyinput>
+      </view>
+    </view>
+    <qn-footer fixed>
+      <view class="flex-col items-center text-wrapper_1" @click="save">
+        <text>保存</text>
+      </view>
+    </qn-footer>
+  </view>
+</template>
+
+<script>
+import { go2, back, uploadImage } from '@/utils/hook.js'
+import { validateField } from '@/utils/index.js'
+import { fileType } from '@/enums/index.js'
+import { getDeviceTypeList, getTechnicsList, changeDevice, getEquipmentInfo } from '@/apis/deviceApi.js'
+
+const validateFields = [
+  {
+    name: 'imgItemList',
+    rules: [{ required: true, message: '请上传设备图片' }]
+  },
+  {
+    name: 'name',
+    rules: [{ required: true, message: '请输入设备名称' }]
+  },
+  {
+    name: 'machineDescribe',
+    rules: [{ required: true, message: '请输入设备描述' }]
+  }
+]
+
+export default {
+  data() {
+    return {
+      operation: 'add', // add:新增, edit:编辑
+      deviceId: null,
+      form: {
+        id: null,
+        imgItemList: [],
+        machineDescribe: '',
+        cameraId: '',
+        channelNum: '',
+        cloudBoxId: '',
+        name: '',
+        type: '',
+        technicsTypeList: []
+      },
+      deviceTypeList: [],
+      technicsTypeList: [],
+      placeholderStyle: 'font-size: 28rpx;font-weight:400;'
+    }
+  },
+  watch: {
+    'form.type'(val) {
+      console.log('val:', val)
+    }
+  },
+  onLoad(options) {
+    if (options.operation) {
+      this.operation = options.operation
+      if (options.operation == 'edit') {
+        this.init(options.id)
+      }
+    } else {
+      uni.showToast({
+        title: '参数错误，即将返回',
+        icon: 'error',
+        duration: 2000,
+        mask: true,
+        success: () => {
+          setTimeout(() => {
+            back()
+          }, 2000)
+        }
+      })
+    }
+  },
+  created() {
+    getDeviceTypeList().then((res) => {
+      if (res) {
+        this.deviceTypeList = res.map((item) => ({ label: item.name, value: item.id }))
+      }
+    })
+    getTechnicsList().then((res) => {
+      if (res) {
+        this.technicsTypeList = res.map((item) => ({ label: item.name, value: item.id }))
+      }
+    })
+  },
+  methods: {
+    go2,
+    back,
+    clearImage(index) {
+      this.form.imgItemList.splice(index, 1)
+    },
+    // 编辑初始化
+    init(id) {
+      getEquipmentInfo({ id }).then((res) => {
+        if (res) {
+          Object.keys(this.form).forEach((key) => {
+            this.form[key] = res[key]
+          })
+          this.form.technicsTypeList = res.technicsTypeList.map((item) => item.id + '')
+        }
+      })
+    },
+    preview(url) {
+      uni.previewImage({
+        urls: [url],
+        current: url
+      })
+    },
+    selectImg() {
+      uploadImage()
+        .then((urls) => {
+          if (urls) {
+            this.form.imgItemList.push({
+              url: urls[0],
+              type: fileType.IMG
+            })
+          }
+        })
+        .catch((e) => {
+          uni.showToast({
+            title: '上传失败:' + (e.message || e),
+            icon: 'fail',
+            duration: 1500
+          })
+        })
+    },
+    save() {
+      for (let field of validateFields) {
+        const { name, rules } = field
+        const value = this.form[name]
+        const { isValid, msg } = validateField(value, rules)
+        if (!isValid) {
+          uni.showToast({
+            title: msg,
+            icon: 'none'
+          })
+          return false
+        }
+      }
+      if (this.form.cameraId) {
+        if (!this.form.channelNum) {
+          uni.showToast({
+            title: '请输入摄像头渠道号',
+            icon: 'none'
+          })
+          return false
+        }
+      }
+      let list = this.technicsTypeList.filter((item) => this.form.technicsTypeList.includes(item.value))
+      let technicsTypeList = list.map((item) => ({ id: item.value, name: item.label }))
+      changeDevice({ ...this.form, technicsTypeList }).then((res) => {
+        if (res) {
+          uni.showToast({
+            title: '保存成功',
+            icon: 'success',
+            duration: 1500
+          })
+          setTimeout(() => {
+            back()
+          }, 1500)
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.form {
+  width: 750rpx;
+  background-color: #fff;
+}
+.group {
+  padding: 24rpx 28rpx 24rpx 32rpx;
+  font-size: 28rpx;
+  line-height: 40rpx;
+  white-space: nowrap;
+  .text_3 {
+    color: rgb(0, 122, 255);
+  }
+  .text_1 {
+    color: rgb(245, 34, 45);
+  }
+  .text_2 {
+    margin-left: 4rpx;
+    color: rgb(0, 0, 0);
+  }
+}
+.divider {
+  margin: 0 28rpx;
+  background-color: rgb(216, 216, 216);
+  height: 2rpx;
+}
+.group_9 {
+  padding: 22rpx 32rpx 32rpx;
+  .group_10 {
+    padding-bottom: 16rpx;
+    .text_18 {
+      color: rgb(245, 34, 45);
+      font-size: 28rpx;
+      line-height: 40rpx;
+      white-space: nowrap;
+    }
+    .text_19 {
+      margin-left: 4rpx;
+      color: rgb(0, 0, 0);
+      font-size: 28rpx;
+      line-height: 40rpx;
+      white-space: nowrap;
+    }
+    .tip {
+      margin-left: 16rpx;
+      font-size: 24rpx;
+      line-height: 40rpx;
+      color: #858585;
+    }
+  }
+  .section_4 {
+    margin-left: 19rpx;
+    padding: 23rpx 0 13rpx;
+    color: rgb(76, 74, 88);
+    font-size: 26rpx;
+    line-height: 37rpx;
+    white-space: nowrap;
+    background-color: rgba(220, 222, 224, 0.5);
+    border-radius: 10rpx;
+    width: 120rpx;
+    .image_6 {
+      width: 42rpx;
+      height: 36rpx;
+    }
+    .text_20 {
+      margin-top: 12rpx;
+    }
+  }
+}
+.upload_image {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 10rpx;
+}
+.video-area {
+  position: relative;
+  width: 686rpx;
+  .video__close-icon {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 32rpx;
+    height: 32rpx;
+    z-index: 100;
+  }
+  .video {
+    width: 686rpx;
+    height: 450rpx;
+  }
+}
+.image-area {
+  position: relative;
+  margin-left: 19rpx;
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 10rpx;
+
+  .image__close-icon {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 32rpx;
+    height: 32rpx;
+    z-index: 1;
+  }
+}
+.text-wrapper_1 {
+  margin: 0 32rpx;
+  padding: 23rpx 0;
+  background-color: rgb(0, 122, 255);
+  border-radius: 10rpx;
+  color: rgb(255, 255, 255);
+}
+</style>
diff --git a/pages/device-production-detail/index.vue b/pages/device-production-detail/index.vue
new file mode 100644
index 0000000..c69aab8
--- /dev/null
+++ b/pages/device-production-detail/index.vue
@@ -0,0 +1,471 @@
+<template>
+  <view class="content">
+    <uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="生产详情">
+      <view slot="right"><text class="text_4" @click="popupShow">分享</text></view>
+    </uni-nav-bar>
+    <view class="flex-col group_5">
+      <view class="flex-col section_1">
+        <view class="justify-between group_6">
+          <text class="text_5">生产数据</text>
+          <view class="flex-row group_7">
+            <qn-datetime-picker :border="false" type="daterange" @change="dateRangeChange">
+              <text>{{ (dateRange ? `${dateRange[0]}～${dateRange[1]}` : '全部') | formatDate }}</text>
+            </qn-datetime-picker>
+            <image v-show="!dateRange" src="/static/imgs/digital-workshops/down-arrow-icon.png" class="image-icon" />
+            <image v-show="dateRange" @click="dateRangeChange(null)" src="/static/imgs/general/close-icon.png" class="image-icon" />
+          </view>
+        </view>
+        <view class="justify-between section_2">
+          <qn-select
+            contentStyle="background: none; padding: 14rpx 22rpx;text-align: left;"
+            :options="deviceList"
+            v-model="id"
+            placeholder="请选择设备"
+          ></qn-select>
+        </view>
+        <view class="flex-row group_8">
+          <view class="flex-col section_3">
+            <text class="text_8">{{ curDevice.produceTotalNum }}</text>
+            <text class="text_9">产能/件</text>
+          </view>
+          <view class="flex-col section_4">
+            <text class="text_10">{{ curDevice.totalWorkHour | formatNumber }}</text>
+            <text class="text_11">工作时长/h</text>
+          </view>
+        </view>
+      </view>
+      <view class="flex-col section_5">
+        <view class="flex-col items-center group_9" v-if="curDevice.cameraId">
+          <view class="camera_bg"></view>
+          <image @click="palyVideo()" src="/static/imgs/general/camera-bg.png" class="image_7" />
+        </view>
+        <view v-else>
+          <view class="flex-col items-center group_9">
+            <image mode="aspectFit" src="/static/imgs/digital-workshops/no-camera.png" />
+          </view>
+        </view>
+      </view>
+    </view>
+    <uni-popup ref="popup" type="bottom">
+      <view class="flex-col group_10">
+        <view class="flex-col section_7">
+          <view class="flex-col section_8">
+            <text class="text_12">立即分享给好友</text>
+            <view class="flex-col group_11">
+              <view class="top-group flex-row">
+                <image src="/static/imgs/general/session-share-icon.png" class="image_8" @click="share('WXSceneSession')" />
+                <image src="/static/imgs/general/line-share-icon.png" class="image_9" @click="share('WXSceneTimeline')" />
+              </view>
+              <view class="top-group flex-row view_1">
+                <text>微信好友</text>
+                <text class="text_14">朋友圈</text>
+              </view>
+              <view class="divider"></view>
+              <view class="flex-col section_9">
+                <view class="justify-between group_12">
+                  <view class="flex-row group_13" @click="selectMethod(true)">
+                    <image :src="hasPassword ? '/static/imgs/general/selected-icon.png' : '/static/imgs/general/select-icon.png'" class="image_10" />
+                    <text class="text_15">密码分享</text>
+                  </view>
+                  <view class="flex-row group_14" v-show="hasPassword">
+                    <qn-easyinput
+                      :maxlength="20"
+                      v-model="password"
+                      :inputBorder="false"
+                      text="right"
+                      placeholderStyle=" fontSize: 28rpx"
+                      placeholder="请设置访问密码"
+                    ></qn-easyinput>
+                  </view>
+                </view>
+                <text class="text_17" v-show="hasPassword">请提前告知用户访问密码，以便及时查看信息</text>
+                <view class="flex-row group_15" @click="selectMethod(false)">
+                  <image :src="hasPassword ? '/static/imgs/general/select-icon.png' : '/static/imgs/general/selected-icon.png'" class="image_10" />
+                  <text class="text_18">公开访问</text>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="flex-col items-center button" @click="popupHide">
+          <text>取消</text>
+        </view>
+      </view>
+    </uni-popup>
+  </view>
+</template>
+
+<script>
+import { go2, back } from '@/utils/hook.js'
+import { round } from '@/utils/index.js'
+import { getDeviceList, makeDeviceShare } from '@/apis/deviceApi.js'
+import { H5_URL_DEVICE, isEncrypt, YINGSHI_LIVE_URL } from '@/enums/index.js'
+export default {
+  data() {
+    return {
+      id: null,
+      dateRange: null,
+      deviceList: [],
+      password: '',
+      hasPassword: true
+    }
+  },
+  onLoad(options) {
+    if (options.id) {
+      this.id = options.id
+      this.getList()
+    }
+  },
+  methods: {
+    go2,
+    back,
+    popupShow() {
+      this.$refs.popup.open('bottom')
+    },
+    popupHide() {
+      this.$refs.popup.close()
+    },
+    getDeviceInfo() {},
+    dateRangeChange(value) {
+      if (value) {
+        this.dateRange = [...value]
+      } else {
+        this.dateRange = null
+      }
+    },
+    getList() {
+      getDeviceList({
+        startTime: this.dateRange ? this.dateRange[0] : null,
+        endTime: this.dateRange ? this.dateRange[1] : null,
+        pageNum: 1,
+        pageSize: 1000
+      }).then((res) => {
+        if (res) {
+          this.deviceList = res.records.map((item) => ({ ...item, label: item.name, value: item.id }))
+        }
+      })
+    },
+    selectMethod(isPassword) {
+      this.hasPassword = isPassword
+    },
+    share(scene) {
+      // 先处理密码的逻辑
+      if (this.hasPassword && !this.password) {
+        uni.showToast({
+          title: '请输入访问密码',
+          icon: 'none'
+        })
+        return
+      }
+      makeDeviceShare({
+        encryptOrNot: this.hasPassword ? isEncrypt.YES : isEncrypt.NO,
+        mechanicalEquipmentId: this.id,
+        password: this.password
+      }).then((res) => {
+        if (res) {
+          uni.share({
+            provider: 'weixin',
+            type: 0,
+            title: '设备展示',
+            summary: '机器进度实时查看',
+            scene: scene, // WXSceneTimeline,WXSceneSession
+            imageUrl: 'https://qncloud.oss-cn-shenzhen.aliyuncs.com/paper_shopkeeper/wx-share-store.png',
+            href: H5_URL_DEVICE + `shareId=${res}`,
+            success: () => {
+              console.log('分享成功')
+            },
+            fail: (err) => {
+              console.log('err', err)
+            }
+          })
+        }
+      })
+    },
+    palyVideo() {
+      if (this.curDevice) {
+        this.curDevice.accessToken = 'at.1bi93a6k73ochhe60yo0tl3h15b4atv1-8kz22w16z4-1vni1th-smig38b8n'
+        let url = YINGSHI_LIVE_URL + `accessToken=${this.curDevice.accessToken}&deviceSerial=${this.curDevice.cameraId}&channelNo=${this.curDevice.channelNum}`
+        go2('page-view', { url: encodeURIComponent(url) })
+      }
+    }
+  },
+  watch: {
+    dateRange() {
+      this.getList()
+    }
+  },
+  computed: {
+    curDevice() {
+      return this.deviceList.find((item) => item.id === this.id) || {}
+    }
+  },
+  filters: {
+    formatDate(time) {
+      return time.replace(/-/g, '.')
+    },
+    formatNumber(number) {
+      if (number) {
+        return round(number, 2)
+      }
+      return ''
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 750rpx;
+  .text_4 {
+    color: rgb(0, 122, 255);
+    font-size: 28rpx;
+  }
+}
+.group_5 {
+  padding: 20rpx 32rpx;
+  .section_1 {
+    padding: 0 28rpx;
+    background-image: url('/static/imgs/digital-workshops/device-detail-bg.png');
+    background-position: 0px 0px;
+    background-size: 686rpx 380rpx;
+    background-repeat: no-repeat;
+    .group_6 {
+      padding: 32rpx 0 18rpx;
+      .text_5 {
+        color: transparent;
+        font-size: 34rpx;
+        font-weight: 500;
+        line-height: 48rpx;
+        white-space: nowrap;
+        background-image: linear-gradient(180deg, rgb(15, 90, 212) 0%, rgb(15, 90, 212) 0%, rgb(135, 226, 241) 155.46%, rgb(135, 226, 241) 100%);
+        -webkit-background-clip: text;
+      }
+      .group_7 {
+        margin: 6rpx 0;
+        color: rgb(133, 133, 133);
+        font-size: 26rpx;
+        line-height: 37rpx;
+        white-space: nowrap;
+        .image-icon {
+          margin: 0 0 5rpx 16rpx;
+          width: 28rpx;
+          height: 28rpx;
+        }
+      }
+    }
+    .section_2 {
+      color: rgb(51, 51, 51);
+      font-size: 32rpx;
+      line-height: 45rpx;
+      white-space: nowrap;
+      border-radius: 10rpx;
+      border: solid 2rpx rgb(224, 224, 224);
+      .image_5 {
+        margin: 6rpx 0;
+      }
+    }
+    .group_8 {
+      padding: 28rpx 0 40rpx;
+      .section_3 {
+        padding: 22rpx 22rpx 36rpx;
+        flex: 1 1 308rpx;
+        background-image: url('/static/imgs/digital-workshops/gear.png');
+        background-position: 0px 0px;
+        background-size: 308rpx 136rpx;
+        background-repeat: no-repeat;
+        height: 136rpx;
+        .text_8 {
+          color: rgb(68, 113, 189);
+          font-size: 30rpx;
+          font-weight: 500;
+          line-height: 42rpx;
+          white-space: nowrap;
+        }
+        .text_9 {
+          margin-top: 6rpx;
+          color: rgb(68, 113, 189);
+          font-size: 22rpx;
+          line-height: 30rpx;
+          white-space: nowrap;
+        }
+      }
+      .section_4 {
+        margin-left: 14rpx;
+        padding: 22rpx 22rpx 36rpx;
+        flex: 1 1 308rpx;
+        background-image: url('/static/imgs/digital-workshops/clock.png');
+        background-position: 0px 0px;
+        background-size: 308rpx 136rpx;
+        background-repeat: no-repeat;
+        height: 136rpx;
+        .text_10 {
+          color: rgb(83, 146, 106);
+          font-size: 30rpx;
+          font-weight: 500;
+          line-height: 42rpx;
+          white-space: nowrap;
+        }
+        .text_11 {
+          margin-top: 6rpx;
+          color: rgb(83, 146, 106);
+          font-size: 22rpx;
+          line-height: 30rpx;
+          white-space: nowrap;
+        }
+      }
+    }
+    .image_4 {
+      margin-left: 17rpx;
+      align-self: center;
+      width: 20rpx;
+      height: 13rpx;
+    }
+  }
+  .section_5 {
+    margin-top: 20rpx;
+    padding: 28rpx 0;
+    background-color: rgb(255, 255, 255);
+    box-shadow: 0px 5rpx 22rpx 0px rgba(0, 0, 0, 0.04);
+    border-radius: 14rpx;
+    .group_9 {
+      margin: 0 28rpx;
+      border-radius: 6rpx;
+      position: relative;
+      .camera_bg {
+        border-radius: 6rpx;
+        width: 630rpx;
+        height: 340rpx;
+        background-color: rgb(51, 51, 51);
+      }
+      .image_7 {
+        width: 96rpx;
+        height: 96rpx;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+    }
+  }
+}
+.group_10 {
+  height: 637rpx;
+  .section_7 {
+    padding-bottom: 96rpx;
+    background-color: rgb(247, 248, 250);
+    border-radius: 40rpx 40rpx 0px 0px;
+    .section_8 {
+      padding-top: 40rpx;
+      overflow: hidden;
+      border-radius: 40rpx 40rpx 0px 0px;
+      background-color: rgb(255, 255, 255);
+      height: 520rpx;
+      .text_12 {
+        align-self: center;
+        color: rgb(51, 51, 51);
+        font-size: 28rpx;
+        font-weight: 500;
+        line-height: 40rpx;
+        white-space: nowrap;
+      }
+      .group_11 {
+        margin-top: 40rpx;
+        .top-group {
+          padding: 0 48rpx;
+          .image_8 {
+            border-radius: 50%;
+            width: 96rpx;
+            height: 96rpx;
+          }
+          .image_9 {
+            margin-left: 64rpx;
+            width: 96rpx;
+            height: 96rpx;
+          }
+          .text_14 {
+            margin-left: 76rpx;
+          }
+        }
+        .view_1 {
+          margin-top: 16rpx;
+          color: rgb(51, 51, 51);
+          font-size: 24rpx;
+          line-height: 33rpx;
+          white-space: nowrap;
+        }
+        .divider {
+          margin: 32rpx 32rpx 0;
+          background-color: rgb(235, 237, 240);
+          height: 1rpx;
+        }
+        .section_9 {
+          padding: 24rpx 32rpx 0;
+          background-color: rgb(255, 255, 255);
+          .image_10 {
+            margin: 4rpx 0;
+            width: 32rpx;
+            height: 32rpx;
+          }
+          .group_12 {
+            padding-left: 2rpx;
+            .group_13 {
+              color: rgb(51, 51, 51);
+              font-size: 28rpx;
+              line-height: 40rpx;
+              white-space: nowrap;
+              .text_15 {
+                margin-left: 18rpx;
+              }
+            }
+            .group_14 {
+              color: rgb(136, 136, 136);
+              font-size: 28rpx;
+              line-height: 40rpx;
+              white-space: nowrap;
+            }
+          }
+          .text_17 {
+            margin-top: 16rpx;
+            align-self: center;
+            color: rgb(136, 136, 136);
+            font-size: 24rpx;
+            line-height: 33rpx;
+            white-space: nowrap;
+          }
+          .group_15 {
+            margin-top: 22rpx;
+            padding: 26rpx 2rpx 20rpx;
+            color: rgb(51, 51, 51);
+            font-size: 28rpx;
+            line-height: 40rpx;
+            white-space: nowrap;
+            border-top: solid 2rpx rgb(235, 237, 240);
+            .image_12 {
+              margin: 4rpx 0;
+            }
+            .text_18 {
+              margin-left: 18rpx;
+            }
+          }
+          .image_4 {
+            margin-left: 17rpx;
+            align-self: center;
+            width: 20rpx;
+            height: 20rpx;
+          }
+        }
+      }
+    }
+  }
+  .button {
+    margin-top: -75rpx;
+    padding: 26rpx 0;
+    color: rgb(51, 51, 51);
+    font-size: 32rpx;
+    line-height: 45rpx;
+    white-space: nowrap;
+    background-color: rgb(255, 255, 255);
+    position: relative;
+  }
+}
+</style>
diff --git a/pages/digital-workshops/EmptyData.vue b/pages/digital-workshops/EmptyData.vue
new file mode 100644
index 0000000..5570fd9
--- /dev/null
+++ b/pages/digital-workshops/EmptyData.vue
@@ -0,0 +1,70 @@
+<template>
+  <view class="flex-col section_1">
+    <view class="flex-row-center-center page__title">监控台</view>
+    <view class="flex-col group_5">
+      <view class="flex-col group_6">
+        <text class="text_3">添加设备</text>
+        <text class="text_4">开始构架你的数字车间</text>
+      </view>
+      <view class="flex-col items-center text-wrapper" @click="go2('device-operation', { operation: 'add' })">
+        <text>添加设备</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { go2 } from '@/utils/hook.js'
+export default {
+  methods: {
+    go2
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.section_1 {
+  padding: 4rpx 0 302rpx;
+  background-image: url('https://qncloud.oss-cn-shenzhen.aliyuncs.com/print-package-app/digital-workshop-bg.png');
+  background-position: 0px 0px;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  .page__title {
+    font-size: 34rpx;
+    color: rgb(255, 255, 255);
+    margin-top: 56rpx;
+  }
+  .group_5 {
+    margin-top: 42rpx;
+    padding: 0 32rpx;
+    .group_6 {
+      padding-bottom: 34rpx;
+      .text_3 {
+        color: rgb(255, 255, 255);
+        font-size: 38rpx;
+        font-weight: 500;
+        line-height: 53rpx;
+        white-space: nowrap;
+      }
+      .text_4 {
+        margin-top: 5rpx;
+        color: rgb(255, 255, 255);
+        font-size: 34rpx;
+        line-height: 48rpx;
+        white-space: nowrap;
+      }
+    }
+    .text-wrapper {
+      padding: 18rpx 0;
+      color: rgb(0, 122, 255);
+      font-size: 32rpx;
+      font-weight: 500;
+      line-height: 45rpx;
+      white-space: nowrap;
+      background-color: rgb(255, 255, 255);
+      border-radius: 40rpx;
+      width: 200rpx;
+    }
+  }
+}
+</style>
diff --git a/pages/digital-workshops/index.vue b/pages/digital-workshops/index.vue
index 64ab23f..dc6d601 100644
--- a/pages/digital-workshops/index.vue
+++ b/pages/digital-workshops/index.vue
@@ -1,9 +1,715 @@
 <template>
-  <view>digital</view>
+  <view class="page">
+    <!-- 非工厂展示 -->
+    <view v-show="!isFactory">空白页</view>
+    <!-- 工厂企业展示 -->
+    <view v-show="isFactory">
+      <view class="flex-col group" v-if="deviceList.length > 0">
+        <view class="flex-col section_1">
+          <view class="flex-row-center-center page__title">监控台</view>
+          <view class="flex-col group_5">
+            <view class="flex-col group_6">
+              <text class="text_3">{{ companyName }}</text>
+              <text class="text_4">{{ userName }}</text>
+            </view>
+            <view class="flex-col section_2">
+              <view class="justify-between">
+                <view class="flex-row">
+                  <text class="text_5">设备数据</text>
+                  <view class="flex-row" @click="go2('device-operation', { operation: 'add' })">
+                    <text class="text_6">添加</text>
+                    <image src="/static/imgs/digital-workshops/add-icon.png" class="image_3" />
+                  </view>
+                </view>
+                <view class="flex-row group_9">
+                  <qn-datetime-picker :border="false" type="daterange" @change="dateRangeChange">
+                    <text>{{ dateRange ? `${dateRange[0]}～${dateRange[1]}` : '全部' }}</text>
+                  </qn-datetime-picker>
+                  <image v-show="!dateRange" src="/static/imgs/digital-workshops/down-arrow-icon.png" class="image_4" />
+                  <image v-show="dateRange" @click="dateRangeChange(null)" src="/static/imgs/general/close-icon.png" class="image_4" />
+                </view>
+              </view>
+              <view class="justify-between group_10">
+                <text>设备类型</text>
+                <view class="flex-row group_11">
+                  <text>设备数量(台)</text>
+                  <text class="text_10">设备产量(件)</text>
+                </view>
+              </view>
+              <view class="flex-row group_18" v-for="(item, index) in deviceTypeList" :key="index">
+                <view class="flex-row group_19">
+                  <view class="section_6" :style="{ backgroundColor: colorList[index] }"></view>
+                  <text class="text_20">{{ item.name }}</text>
+                </view>
+                <text class="text-wrapper_6">{{ item.equipmentNum }}</text>
+                <text class="text-wrapper_7">{{ item.produceTotalNum }}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="flex-col group_20">
+          <view class="flex-row group_21">
+            <text>设备列表(共{{ deviceNum }}台)</text>
+            <image @click="toggle" src="/static/imgs/digital-workshops/toggle-icon.png" class="image_5" />
+          </view>
+          <view class="flex-col section_7" v-show="curTab == 1">
+            <view class="flex-row section_8">
+              <text>设备名称</text>
+              <text class="text_25">状态</text>
+              <text class="text_26">产量/件</text>
+              <text class="text_27">工作时长/h</text>
+            </view>
+          </view>
+          <scroll-list ref="list" :option="option" @load="upCallback" @refresh="downCallback">
+            <view class="flex-col section_9" v-if="curTab == 1">
+              <view class="device-group flex-row" v-for="device in deviceList" :key="device.id" @click="go2('device-production-detail', { id: device.id })">
+                <text class="text_28">{{ device.name }}</text>
+                <view
+                  class="flex-col items-center view_1"
+                  :class="{ 'text-wrapper_8': device.workingStatus == deviceStatus.WORKING, 'text-wrapper_9': device.workingStatus == deviceStatus.FREE }"
+                >
+                  <text>{{ device.workingStatus == deviceStatus.WORKING ? '工作中' : '空闲中' }}</text>
+                </view>
+                <text class="text_30 text_31">{{ device.produceTotalNum }}</text>
+                <text class="text_32">{{ device.totalWorkHour | formatNumber }}</text>
+              </view>
+            </view>
+            <view class="grid" v-if="curTab == 0">
+              <view class="grid-item flex-col" v-for="device in deviceList" :key="device.id" @click="go2('device-production-detail', { id: device.id })">
+                <view class="flex-row">
+                  <text class="text_24">{{ device.name }}</text>
+                  <view class="column flex-col items-center" :class="`right-text-wrapper${device.workingStatus == deviceStatus.WORKING ? '__active' : ''}`">
+                    <text>{{ device.workingStatus == deviceStatus.WORKING ? '工作中' : '空闲中' }}</text>
+                  </view>
+                </view>
+                <image :src="device.cameraId ? '' : '/static/imgs/digital-workshops/no-camera.png'" class="image_6" />
+                <view class="bottom-group justify-between">
+                  <text>产量：</text>
+                  <text>{{ device.produceTotalNum || 0 }}个</text>
+                </view>
+                <view class="bottom-group justify-between">
+                  <text>时长：</text>
+                  <text>{{ device.totalWorkHour | formatNumber }}h</text>
+                </view>
+              </view>
+            </view>
+          </scroll-list>
+        </view>
+      </view>
+      <view v-else>
+        <empty-data></empty-data>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-export default {}
+import { enterpriseType, deviceStatus } from '@/enums/index.js'
+import { go2 } from '@/utils/hook.js'
+import { round } from '@/utils/index.js'
+import EmptyData from './EmptyData.vue'
+import { getDeviceList, getEquipmentStatistics } from '@/apis/deviceApi.js'
+const colorList = ['#FA541C', '#EB2F96', '#13C2C2', '#9254DE', '#1890FF', '#4E6EFE', '#FAA90E', '#FF3333', '#64B327']
+export default {
+  components: {
+    EmptyData
+  },
+  data() {
+    return {
+      dateRange: null,
+      deviceTypeList: [],
+      deviceList: [],
+      deviceNum: 0,
+      colorList: Object.freeze(colorList),
+      pagination: {
+        pageNum: 0,
+        pageSize: 10
+      },
+      option: {
+        size: 10,
+        auto: true,
+        emptyText: '暂无设备~',
+        background: '#F7F8FA',
+        fontSize: '40rpx'
+      },
+      deviceStatus: Object.freeze(deviceStatus),
+      curTab: 0
+    }
+  },
+  computed: {
+    isFactory() {
+      return this.$store.state.companyInfo.enterpriseType == enterpriseType.PRINT_PACKAGE_FACTORY
+    },
+    userName() {
+      return this.$store.state.userInfo.name || this.$store.state.userInfo.mobile
+    },
+    companyName() {
+      return this.$store.state.companyInfo.name
+    }
+  },
+  onShow() {
+    if (this.isFactory) {
+      this.getDeviceList()
+      this.getDeviceStatistics()
+    }
+  },
+  methods: {
+    go2,
+    round,
+    // 获取设备统计信息
+    getDeviceStatistics() {
+      getEquipmentStatistics({
+        pageNum: 1,
+        pageSize: 100,
+        startDate: this.dateRange ? this.dateRange[0] : null,
+        endDate: this.dateRange ? this.dateRange[1] : null
+      }).then((res) => {
+        if (res) {
+          this.deviceTypeList = res.records
+        }
+      })
+    },
+    selectDateRange() {},
+    dateRangeChange(value) {
+      if (value) {
+        this.dateRange = [...value]
+      } else {
+        this.dateRange = null
+      }
+    },
+    // 获取设备列表
+    getDeviceList() {
+      return new Promise((resolve, reject) => {
+        let condition = {
+          ...this.pagination,
+          startDate: this.dateRange ? this.dateRange[0] : '',
+          endDate: this.dateRange ? this.dateRange[1] : ''
+        }
+        getDeviceList(condition)
+          .then((res) => {
+            if (res) {
+              if (res.current <= 1) {
+                this.deviceList = res.records
+              } else {
+                this.deviceList = this.list.concat(res.records)
+              }
+              this.deviceNum = res.total
+              resolve({ list: this.deviceList, total: res.total })
+            } else {
+              reject()
+            }
+          })
+          .catch((err) => {
+            reject(err)
+          })
+      })
+    },
+    downCallback() {
+      this.pagination.pageNum = 1
+      this.getDeviceList()
+        .then(({ list, total }) => {
+          this.$refs.list.refreshSuccess({ list, total })
+        })
+        .catch(() => {
+          this.$refs.list.refreshFail()
+        })
+    },
+    upCallback() {
+      this.pagination.pageNum++
+      this.getDeviceList()
+        .then(({ list, total }) => {
+          this.$refs.list.loadSuccess({ list, total })
+        })
+        .catch(() => {
+          this.$refs.list.loadFail()
+        })
+    },
+    toggle() {
+      this.curTab = (this.curTab + 1) % 2
+    }
+  },
+  watch: {
+    dateRange() {
+      this.getDeviceList()
+      this.getDeviceStatistics()
+    }
+  },
+  filters: {
+    formatNumber(number) {
+      if (number) {
+        return round(number, 2)
+      }
+      return ''
+    }
+  }
+}
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+.page {
+  height: 100vh;
+  width: 750rpx;
+  background-color: #f7f8fa;
+  .page__title {
+    font-size: 34rpx;
+    color: rgb(255, 255, 255);
+    margin-top: 56rpx;
+  }
+}
+.group {
+  flex: 1 1 auto;
+  overflow-y: auto;
+  .section_1 {
+    padding-top: 4rpx;
+    background: url('https://qncloud.oss-cn-shenzhen.aliyuncs.com/print-package-app/digital-workshop-bg.png') no-repeat top/cover;
+    .group_5 {
+      margin-top: 70rpx;
+      .group_6 {
+        padding: 0 32rpx;
+        .text_3 {
+          color: rgb(255, 255, 255);
+          font-size: 38rpx;
+          font-weight: 500;
+          line-height: 53rpx;
+          white-space: nowrap;
+        }
+        .text_4 {
+          margin-top: 5rpx;
+          color: rgb(255, 255, 255);
+          font-size: 34rpx;
+          line-height: 48rpx;
+          white-space: nowrap;
+        }
+      }
+      .section_2 {
+        margin-top: 43rpx;
+        padding: 30rpx 32rpx 32rpx;
+        background-color: rgb(255, 255, 255);
+        border-radius: 20rpx;
+        .group_10 {
+          margin-top: 16rpx;
+          color: rgb(133, 133, 133);
+          font-size: 24rpx;
+          line-height: 33rpx;
+          white-space: nowrap;
+          .group_11 {
+            margin-right: 64rpx;
+            .text_10 {
+              margin-left: 72rpx;
+            }
+          }
+        }
+        .group_18 {
+          margin-top: 20rpx;
+          .group_19 {
+            width: 260rpx;
+            color: rgb(31, 31, 31);
+            font-size: 28rpx;
+            line-height: 40rpx;
+            .section_6 {
+              align-self: center;
+              background-color: rgb(100, 179, 39);
+              border-radius: 2rpx;
+              width: 16rpx;
+              height: 16rpx;
+            }
+            .text_20 {
+              white-space: nowrap;
+              text-overflow: ellipsis;
+              overflow: hidden;
+              margin-left: 10rpx;
+              width: 240rpx;
+            }
+          }
+          .text-wrapper_6 {
+            margin-left: 20rpx;
+            width: 190rpx;
+            color: rgb(51, 51, 51);
+            font-size: 28rpx;
+            font-weight: 500;
+            line-height: 40rpx;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+          .text-wrapper_7 {
+            margin-left: 20rpx;
+            width: 200rpx;
+            color: rgb(51, 51, 51);
+            font-size: 28rpx;
+            font-weight: 500;
+            line-height: 40rpx;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+        }
+        .group_9 {
+          margin: 8rpx 0;
+          color: rgb(133, 133, 133);
+          font-size: 24rpx;
+          line-height: 33rpx;
+          white-space: nowrap;
+          .image_4 {
+            margin: 0 0 5rpx 16rpx;
+            width: 28rpx;
+            height: 28rpx;
+          }
+        }
+        .text_5 {
+          color: rgb(31, 31, 31);
+          font-size: 34rpx;
+          font-weight: 500;
+          line-height: 48rpx;
+          white-space: nowrap;
+        }
+        .text_6 {
+          margin: 4rpx 0 4rpx 24rpx;
+          color: rgb(0, 122, 255);
+          font-size: 28rpx;
+          line-height: 40rpx;
+          white-space: nowrap;
+        }
+        .image_3 {
+          margin: 8rpx 0 8rpx 14rpx;
+          width: 32rpx;
+          height: 32rpx;
+        }
+      }
+    }
+    .group_2 {
+      padding: 0 5rpx;
+      position: relative;
+      .image-wrapper {
+        position: absolute;
+        left: 5rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 107rpx;
+        .image {
+          width: 92rpx;
+          height: 16rpx;
+        }
+      }
+      .group_3 {
+        line-height: 26rpx;
+        white-space: nowrap;
+        .text {
+          color: rgb(255, 255, 255);
+          font-size: 20rpx;
+          line-height: 26rpx;
+        }
+        .text_1 {
+          color: rgb(255, 255, 255);
+          font-size: 20rpx;
+          line-height: 26rpx;
+        }
+      }
+      .group_4 {
+        color: rgb(255, 255, 255);
+        font-size: 22rpx;
+        line-height: 26rpx;
+        white-space: nowrap;
+        position: absolute;
+        right: 13rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        .image_1 {
+          margin: 4rpx 0 3rpx 10rpx;
+          width: 43rpx;
+          height: 19rpx;
+        }
+      }
+    }
+    .image_2 {
+      margin-top: 25rpx;
+      width: 100vw;
+      height: 8vw;
+    }
+  }
+  .group_20 {
+    padding: 34rpx 0 30rpx;
+    .group_21 {
+      padding: 0 32rpx;
+      color: rgb(31, 31, 31);
+      font-size: 34rpx;
+      font-weight: 500;
+      line-height: 48rpx;
+      white-space: nowrap;
+      .image_5 {
+        margin-left: 16rpx;
+        align-self: center;
+        width: 28rpx;
+        height: 28rpx;
+      }
+    }
+    .grid {
+      padding: 0 32rpx;
+      margin-top: 20rpx;
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      grid-row-gap: 22rpx;
+      grid-column-gap: 16rpx;
+      .grid-item {
+        padding: 24rpx 20rpx 20rpx;
+        border-radius: 22rpx;
+        box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.1);
+        background-color: rgb(255, 255, 255);
+        // background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/611dd17441a9be0011f45822/620ccb0962a7d90011fe5c8f/16479425621806615216.png');
+        // background-position: 0px 0px;
+        // background-size: 100% 100%;
+        // background-repeat: no-repeat;
+        .image_6 {
+          margin-top: 20rpx;
+          width: 296rpx;
+          height: 182rpx;
+        }
+        .bottom-group {
+          margin-top: 20rpx;
+          color: rgb(31, 31, 31);
+          font-size: 22rpx;
+          line-height: 30rpx;
+          white-space: nowrap;
+        }
+        .text_24 {
+          color: rgb(31, 31, 31);
+          font-size: 28rpx;
+          font-weight: 500;
+          line-height: 40rpx;
+          white-space: nowrap;
+        }
+        .column {
+          margin-left: 14rpx;
+          margin-right: 20rpx;
+        }
+      }
+    }
+    .right-text-wrapper__active {
+      color: rgb(12, 187, 107);
+      font-size: 24rpx;
+      line-height: 33rpx;
+      white-space: nowrap;
+      padding: 2rpx 0;
+      background-color: rgba(223, 255, 226, 0.6);
+      border-radius: 4rpx;
+      width: 92rpx;
+      height: 40rpx;
+      border: solid 2rpx rgba(12, 187, 107, 0.6);
+    }
+    .right-text-wrapper {
+      padding: 2rpx 0;
+      color: rgb(197, 49, 37);
+      font-size: 24rpx;
+      line-height: 33rpx;
+      white-space: nowrap;
+      background-color: rgba(255, 225, 223, 0.6);
+      border-radius: 4rpx;
+      width: 92rpx;
+      height: 40rpx;
+      border: solid 2rpx rgba(197, 49, 37, 0.6);
+    }
+  }
+}
+.section_7 {
+  background-color: rgb(255, 255, 255);
+  border-radius: 20rpx 20rpx 0 0;
+  .section_8 {
+    padding: 24rpx 32rpx 22rpx;
+    color: rgb(133, 133, 133);
+    font-size: 24rpx;
+    line-height: 33rpx;
+    white-space: nowrap;
+    background-color: rgb(255, 255, 255);
+    border-radius: 20rpx 20rpx 0px 0px;
+    border-bottom: solid 2rpx rgba(151, 151, 151, 0.4);
+    .text_25 {
+      margin-left: 145rpx;
+    }
+    .text_26 {
+      margin-left: 95rpx;
+    }
+    .text_27 {
+      margin-left: 90rpx;
+    }
+  }
+}
+.section_9 {
+  padding: 0 32rpx;
+  background-color: rgb(255, 255, 255);
+  .device-group {
+    padding: 23rpx 0;
+    border-bottom: solid 2rpx rgba(151, 151, 151, 0.4);
+    .text_28 {
+      width: 220rpx;
+      color: rgb(31, 31, 31);
+      font-size: 28rpx;
+      line-height: 40rpx;
+      white-space: nowrap;
+    }
+    .view_1 {
+      margin-left: 20rpx;
+    }
+    .text_30 {
+      width: 150rpx;
+      color: rgb(31, 31, 31);
+      font-size: 28rpx;
+      line-height: 40rpx;
+      white-space: nowrap;
+    }
+    .text_31 {
+      margin-left: 50rpx;
+    }
+    .text_32 {
+      margin-left: 20rpx;
+      color: rgb(31, 31, 31);
+      font-size: 28rpx;
+      line-height: 40rpx;
+      white-space: nowrap;
+    }
+    .text_34 {
+      color: rgb(31, 31, 31);
+      font-size: 28rpx;
+      line-height: 40rpx;
+      white-space: nowrap;
+    }
+    .view_3 {
+      margin-left: 71rpx;
+    }
+    .text_36 {
+      margin-left: 50rpx;
+    }
+    .text_41 {
+      margin-right: 85rpx;
+      color: rgb(31, 31, 31);
+      font-size: 28rpx;
+      line-height: 40rpx;
+      white-space: nowrap;
+    }
+    .text_42 {
+      color: rgb(31, 31, 31);
+      font-size: 28rpx;
+      line-height: 40rpx;
+      white-space: nowrap;
+    }
+    .group_23 {
+      margin-left: 73rpx;
+    }
+    .text_46 {
+      margin-left: 131rpx;
+    }
+    .text_47 {
+      color: rgb(31, 31, 31);
+      font-size: 28rpx;
+      line-height: 40rpx;
+      white-space: nowrap;
+    }
+    .group_24 {
+      margin-left: 101rpx;
+    }
+    .text_50 {
+      margin-left: 131rpx;
+    }
+    .text_51 {
+      color: rgb(31, 31, 31);
+      font-size: 28rpx;
+      line-height: 40rpx;
+      white-space: nowrap;
+    }
+    .group_25 {
+      margin-left: 101rpx;
+    }
+    .text_54 {
+      margin-left: 131rpx;
+    }
+    .text_38 {
+      color: rgb(31, 31, 31);
+      font-size: 28rpx;
+      line-height: 40rpx;
+      white-space: nowrap;
+    }
+    .view_5 {
+      margin-left: 15rpx;
+    }
+    .text_40 {
+      margin-left: 50rpx;
+      color: rgb(31, 31, 31);
+      font-size: 28rpx;
+      line-height: 40rpx;
+      white-space: nowrap;
+    }
+    .text-wrapper_8 {
+      color: rgb(12, 187, 107);
+      font-size: 24rpx;
+      line-height: 33rpx;
+      white-space: nowrap;
+      padding: 2rpx 0;
+      background-color: rgba(223, 255, 226, 0.6);
+      border-radius: 4rpx;
+      width: 92rpx;
+      height: 40rpx;
+      border: solid 2rpx rgba(12, 187, 107, 0.6);
+    }
+    .text_44 {
+      margin-left: 50rpx;
+      color: rgb(31, 31, 31);
+      font-size: 28rpx;
+      line-height: 40rpx;
+      white-space: nowrap;
+    }
+  }
+  .group_26 {
+    padding: 19rpx 0;
+    border-bottom: solid 2rpx rgba(151, 151, 151, 0.4);
+    .group_27 {
+      width: 434rpx;
+      .group_28 {
+        text-align: left;
+        width: 228rpx;
+        height: 80rpx;
+        .text_55 {
+          color: rgb(31, 31, 31);
+          font-size: 28rpx;
+          line-height: 40rpx;
+        }
+        .text_56 {
+          color: rgb(0, 122, 255);
+          font-size: 28rpx;
+          line-height: 40rpx;
+        }
+      }
+      .view_12 {
+        margin-left: 11rpx;
+        align-self: center;
+      }
+      .text_58 {
+        margin-left: 50rpx;
+        align-self: center;
+        color: rgb(31, 31, 31);
+        font-size: 28rpx;
+        line-height: 40rpx;
+        white-space: nowrap;
+      }
+    }
+    .text_59 {
+      margin-right: 85rpx;
+      align-self: center;
+      color: rgb(31, 31, 31);
+      font-size: 28rpx;
+      line-height: 40rpx;
+      white-space: nowrap;
+    }
+  }
+  .text-wrapper_9 {
+    color: rgb(197, 49, 37);
+    font-size: 24rpx;
+    line-height: 33rpx;
+    white-space: nowrap;
+    padding: 2rpx 0;
+    background-color: rgba(255, 225, 223, 0.6);
+    border-radius: 4rpx;
+    width: 92rpx;
+    height: 40rpx;
+    border: solid 2rpx rgba(197, 49, 37, 0.6);
+  }
+}
+</style>
diff --git a/pages/page-view/index.vue b/pages/page-view/index.vue
new file mode 100644
index 0000000..6d0076e
--- /dev/null
+++ b/pages/page-view/index.vue
@@ -0,0 +1,77 @@
+<template>
+  <view>
+    <web-view :src="url"></web-view>
+  </view>
+</template>
+
+<script>
+import { go2, back } from '@/utils/hook.js'
+import { makeSocket } from '@/utils/index.js'
+export default {
+  data() {
+    return {
+      url: '',
+      socket: null,
+      params: null
+    }
+  },
+  onLoad(option) {
+    if (option) {
+      this.url = decodeURIComponent(option.url)
+      this.params = JSON.parse(option.params)
+      console.log('params', option.params)
+    } else {
+      uni.showToast({
+        title: '参数错误',
+        icon: 'none',
+        complete: () => {
+          setTimeout(() => {
+            back()
+          }, 1000)
+        }
+      })
+    }
+  },
+  created() {
+    makeSocket({ pageInfo: 'page-view', retry: true }).then((res) => {
+      this.socket = res
+      this.socket.onMessage(this.getMessage)
+    })
+  },
+  methods: {
+    /**
+     * @param {Object} data {data:{},type:''}
+     */
+    getMessage(data) {
+      // 供应商担保协议回调
+      if (data.type === 'guaranteeSuccess') {
+        go2('fs-credit', { ...this.params }, true)
+      }
+      // 订单合同签署成功
+      if (data.type == 'zzgSupplierTCSignSuccess') {
+        go2('order-detail', { orderId: data.data.orderId }, true)
+      }
+      // 签约成功
+      if (data.type == 'signSuccess') {
+        // go2('paper-mall-order-detail', { id: data.orderId }, true)
+      }
+      // 实名认证成功
+      if (data.type == 'certificatedSuccess') {
+        back()
+      }
+    },
+    destroySocket() {
+      if (this.socket) {
+        this.socket.close()
+        this.socket = null
+      }
+    }
+  },
+  destroyed() {
+    this.destroySocket()
+  },
+  onHide() {
+    this.destroySocket()
+  }
+}
+</script>
diff --git a/pages/promotion/Banner.vue b/pages/promotion/Banner.vue
new file mode 100644
index 0000000..b8112ab
--- /dev/null
+++ b/pages/promotion/Banner.vue
@@ -0,0 +1,128 @@
+<template>
+  <view class="group_1">
+    <swiper :current="swiperCurrent" @change="changeSwiper" class="swiper">
+      <swiper-item v-for="(item, index) in list" :key="index">
+        <image mode="aspectFit" v-if="item.type == 'image'" :src="item.url" class="image" @click="preview(item.url)" />
+        <view v-if="item.type == 'video'" class="video-area">
+          <image mode="aspectFit" @click="playVideo(index)" v-show="showIndex != index" :src="item.imageUrl" class="image" />
+          <view>
+            <video v-if="showIndex == index" autoplay :src="item.url" class="video"></video>
+          </view>
+        </view>
+      </swiper-item>
+    </swiper>
+    <image
+      src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/611dd17441a9be0011f45822/620ccb0962a7d90011fe5c8f/16484397546890459564.png"
+      class="image_1"
+    />
+    <view class="flex-col items-center text-wrapper">
+      <text>{{ swiperCurrent + 1 }}/{{ list.length }}</text>
+    </view>
+    <image v-if="showClose" @click="closeVideo()" class="video-close" src="/static/imgs/promotion/video-close.png"></image>
+  </view>
+</template>
+
+<script>
+export default {
+  props: {
+    /**
+     * @property {Array<Object>} list - banner列表
+     * @property {String} list.type - banner类型，image:图片，video:视频
+     * @property {String} list.url - banner图片地址
+     * @property {String} list.imageUrl - banner视频封面地址
+     */
+    list: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      swiperCurrent: 0,
+      showIndex: null,
+      showClose: false
+    }
+  },
+  methods: {
+    changeSwiper(e) {
+      this.swiperCurrent = e.detail.current
+    },
+    playVideo(index) {
+      this.showClose = true
+      this.showIndex = index
+    },
+    closeVideo() {
+      this.showIndex = null
+      this.showClose = false
+    },
+    preview(url) {
+      let urls = []
+      for (let item of this.list) {
+        if (item.type == 'image') {
+          urls.push(item.url)
+        }
+      }
+      uni.previewImage({
+        current: url,
+        urls: urls
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.image_1 {
+  position: absolute;
+  top: 78rpx;
+  right: 20rpx;
+  border-radius: 50%;
+  width: 66rpx;
+  height: 66rpx;
+}
+.group_1 {
+  color: rgb(255, 255, 255);
+  font-size: 28rpx;
+  line-height: 40rpx;
+  white-space: nowrap;
+  position: relative;
+  height: 440rpx;
+  width: 750rpx;
+  .swiper {
+    height: 440rpx;
+    width: 750rpx;
+  }
+  .image {
+    width: 750rpx;
+    height: 440rpx;
+    background-color: rgb(0, 0, 0);
+  }
+  .video-area {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    .video {
+      width: 750rpx;
+      height: 440rpx;
+    }
+  }
+
+  .text-wrapper {
+    position: absolute;
+    right: 20rpx;
+    bottom: 62rpx;
+    background-color: rgba(0, 0, 0, 0.4);
+    border-radius: 20rpx;
+    width: 64rpx;
+  }
+}
+/** 定制关闭 */
+.video-close {
+  position: fixed;
+  bottom: 260rpx;
+  right: 32rpx;
+  width: 66rpx;
+  height: 66rpx;
+  z-index: 9999;
+}
+</style>
diff --git a/pages/promotion/index.vue b/pages/promotion/index.vue
index e69de29..34daef2 100644
--- a/pages/promotion/index.vue
+++ b/pages/promotion/index.vue
@@ -0,0 +1,407 @@
+<template>
+  <view>
+    <view class="flex-col group">
+      <!-- 只能使用v-if，fixed会影响observer -->
+      <view class="justify-between header" v-if="showTitle">
+        <text class="text">{{ factoryInfo.name || '-' }}</text>
+        <view class="flex-row group_1">
+          <text class="text_1">分享</text>
+          <image
+            src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/611dd17441a9be0011f45822/620ccb0962a7d90011fe5c8f/16486138596948699331.png"
+            class="image"
+          />
+        </view>
+      </view>
+      <Banner :list="swiperList"></Banner>
+      <view class="flex-col group_3">
+        <view class="flex-col section_1">
+          <view class="flex-col">
+            <view class="justify-between">
+              <text class="text_1">{{ factoryInfo.name || '-' }}</text>
+              <view class="flex-row group_6" @click="editFactory">
+                <text>修改</text>
+                <image
+                  src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/611dd17441a9be0011f45822/620ccb0962a7d90011fe5c8f/16484397523702242367.png"
+                  class="image_2"
+                />
+              </view>
+            </view>
+            <view class="flex-col group_7">
+              <view class="flex-row">
+                <image
+                  src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/611dd17441a9be0011f45822/620ccb0962a7d90011fe5c8f/16484397546883580497.png"
+                  class="image_3"
+                />
+                <text class="text_3">{{ factoryInfo.contactName || '-' }} {{ factoryInfo.contactMobile }}</text>
+              </view>
+              <view class="flex-row group_9">
+                <image
+                  src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/611dd17441a9be0011f45822/620ccb0962a7d90011fe5c8f/16484397546889037530.png"
+                  class="image_4"
+                />
+                <text class="text_4">{{ factoryInfo.locProvinceName + factoryInfo.locCityName + factoryInfo.locDistrictName + factoryInfo.locDetail }}</text>
+              </view>
+            </view>
+          </view>
+          <text class="text_5">
+            {{ factoryInfo.factoryIntroduce || '-' }}
+          </text>
+        </view>
+        <view class="flex-col line-tabs">
+          <view class="flex-row group_10">
+            <view class="flex-col items-center text_7" :style="{ color: curTab == 'device' ? 'rgb(0, 122, 255)' : '' }">
+              <text @click="selectTab('device')">工厂设备</text>
+              <view v-show="curTab == 'device'" class="section_2"></view>
+            </view>
+            <view class="flex-col items-center text_7" :style="{ color: curTab == 'production' ? 'rgb(0, 122, 255)' : '' }">
+              <text @click="selectTab('production')">产品展示</text>
+              <view v-show="curTab == 'production'" class="section_2"></view>
+            </view>
+          </view>
+          <view v-if="curTab == 'device'">
+            <view class="flex-col section_3" v-for="(item, index) in deviceList" :key="index" @click="go2('device-info', { id: item.id })">
+              <image
+                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/611dd17441a9be0011f45822/620ccb0962a7d90011fe5c8f/16484397512933663615.png"
+                class="image_5"
+              />
+              <view class="flex-col">
+                <view class="justify-between group_13">
+                  <text class="text_8">{{ item.name }}</text>
+                </view>
+                <text class="text_9">
+                  {{ item.cameraId }}
+                </text>
+              </view>
+            </view>
+          </view>
+          <view class="observer">{{ hasMore ? '加载中～' : '没有更多～' }}</view>
+        </view>
+        <image
+          src="https://project-user-resource-1256085488.cos.ap-guangzhou.myqcloud.com/611dd17441a9be0011f45822/620ccb0962a7d90011fe5c8f/16484397546886233508.png"
+          class="image_6"
+        />
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import Banner from './Banner.vue'
+import { go2 } from '@/utils/hook.js'
+import { getFactoryInfo } from '@/apis/factoryApi.js'
+import { getEquipmentList } from '@/apis/deviceApi.js'
+import { fileType } from '@/enums/index.js'
+export default {
+  components: {
+    Banner
+  },
+  data() {
+    return {
+      factoryInfo: {},
+      swiperList: [],
+      swiperCurrent: 0,
+      curTab: 'device',
+      pagination: {
+        pageNum: 1,
+        pageSize: 10
+      },
+      deviceList: [],
+      productionList: [],
+      observer: null,
+      hasMore: false,
+      showTitle: false
+    }
+  },
+  computed: {
+    hasFactory() {
+      return this.$store.state.companyInfo.id || 0
+    }
+  },
+  watch: {
+    hasFactory(val) {
+      if (val) {
+        this.getCompanyInfo()
+      }
+    },
+    curTab(val) {
+      // 重置
+      this.hasMore = false
+      this.pagination.pageNum = 1
+      this.getList()
+    }
+  },
+  created() {
+    this.getCompanyInfo()
+    this.getList()
+  },
+  mounted() {
+    this.observer = uni.createIntersectionObserver(this)
+    // 手动监听元素出现在视口
+    this.observer
+      .relativeToViewport({
+        bottom: 50
+      })
+      .observe('.observer', (res) => {
+        if (res.intersectionRatio > 0 && this.hasMore) {
+          this.pagination.pageNum++
+          this.getList()
+        }
+      })
+    let observerTitle = uni.createIntersectionObserver(this)
+    observerTitle
+      .relativeToViewport({
+        bottom: 50
+      })
+      .observe('.text_1', (res) => {
+        if (res.intersectionRatio > 0) {
+          this.showTitle = false
+        }
+        if (res.intersectionRatio == 0) {
+          this.showTitle = !this.showTitle
+        }
+      })
+  },
+  methods: {
+    go2,
+    editFactory() {
+      go2('complete-info', { id: this.$store.state.companyInfo.id, role: 'enterprise' })
+    },
+    getCompanyInfo() {
+      getFactoryInfo({ id: this.$store.state.companyInfo.id }).then((res) => {
+        if (res) {
+          this.factoryInfo = res
+          this.swiperList = res.imgItemList.map((item) => {
+            if (item.type == fileType.IMG) {
+              return {
+                type: 'image',
+                url: item.fileUrl
+              }
+            }
+            if (item.type == fileType.VIDEO) {
+              return {
+                type: 'video',
+                url: item.fileUrl,
+                imageUrl: item.videoPicUrl
+              }
+            }
+            return {}
+          })
+        }
+      })
+    },
+    selectTab(tab) {
+      this.pagination.pageNum = 1
+      this.curTab = tab
+    },
+    // 获取列表
+    getList() {
+      if (this.curTab == 'device') {
+        getEquipmentList({ ...this.pagination }).then((res) => {
+          if (res) {
+            if (res.current <= 1) {
+              this.deviceList = res.records
+              for (let i = 0; i < 3; i++) {
+                this.deviceList = [...this.deviceList, ...this.deviceList]
+              }
+            } else {
+              this.deviceList = this.deviceList.concat(res.records)
+            }
+            this.hasMore = this.deviceList.length < res.total
+          }
+        })
+      }
+      if (this.curTab == 'production') {
+        getEquipmentList({ ...this.pagination }).then((res) => {
+          if (res) {
+            if (res.current <= 1) {
+              this.deviceList = res.records
+            } else {
+              this.deviceList = this.deviceList.concat(res.records)
+            }
+            this.hasMore = this.deviceList.length < res.total
+          }
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.group {
+  padding-bottom: 68rpx;
+  flex: 1 1 auto;
+  overflow-y: auto;
+  height: 100vh; // 粘性定位的锚定元素
+  .group_3 {
+    margin-top: -40rpx;
+    position: relative;
+    .section_1 {
+      padding: 32rpx 32rpx 20rpx;
+      background-color: #fff;
+      border-radius: 40rpx 40rpx 0px 0px;
+      .text_5 {
+        margin-right: 7rpx;
+        margin-top: 48rpx;
+        color: rgb(51, 51, 51);
+        font-size: 26rpx;
+        line-height: 37rpx;
+        text-align: left;
+      }
+      .group_7 {
+        margin-top: 18rpx;
+        color: rgb(51, 51, 51);
+        font-size: 26rpx;
+        line-height: 37rpx;
+        white-space: nowrap;
+        .group_9 {
+          margin-top: 12rpx;
+          padding: 0 3rpx;
+          .image_4 {
+            margin: 3rpx 0 3rpx;
+            width: 27rpx;
+            height: 30rpx;
+          }
+          .text_4 {
+            margin-left: 12rpx;
+            width: 650rpx;
+            white-space: break-spaces;
+          }
+        }
+        .image_3 {
+          margin: 4rpx 0 4rpx;
+          width: 28rpx;
+          height: 28rpx;
+        }
+        .text_3 {
+          margin-left: 12rpx;
+        }
+      }
+      .text_1 {
+        color: rgb(0, 0, 0);
+        font-size: 36rpx;
+        font-weight: 500;
+        line-height: 50rpx;
+        white-space: nowrap;
+      }
+      .group_6 {
+        margin: 7rpx 7rpx 7rpx 0;
+        color: rgb(0, 122, 255);
+        font-size: 26rpx;
+        line-height: 37rpx;
+        white-space: nowrap;
+        .image_2 {
+          margin: 9rpx 0 9rpx 15rpx;
+          width: 10rpx;
+          height: 18rpx;
+        }
+      }
+    }
+    .line-tabs {
+      width: 750rpx;
+      padding-bottom: 20rpx;
+      .group_10 {
+        position: sticky;
+        top: 128rpx;
+        z-index: 10;
+        padding: 20rpx 38rpx;
+        background-color: rgb(255, 255, 255);
+        .section_2 {
+          margin-top: 18rpx;
+          background-color: rgb(0, 122, 255);
+          border-radius: 3rpx;
+          width: 80rpx;
+          height: 6rpx;
+        }
+        .text_7 {
+          margin-right: 32rpx;
+          color: rgb(51, 51, 51);
+          font-size: 28rpx;
+          line-height: 40rpx;
+          white-space: nowrap;
+        }
+      }
+      .section_3 {
+        margin: 20rpx 32rpx 0rpx;
+        padding: 26rpx 0 25rpx 24rpx;
+        filter: drop-shadow(0px 11rpx 23.5rpx #00000014);
+        background-color: rgb(255, 255, 255);
+        border-radius: 10rpx;
+        .image_5 {
+          margin-right: 24rpx;
+          width: 638rpx;
+          height: 390rpx;
+        }
+        .group_13 {
+          color: rgb(0, 0, 0);
+          font-size: 32rpx;
+          font-weight: 600;
+          line-height: 45rpx;
+          white-space: nowrap;
+          .text_8 {
+            align-self: center;
+          }
+        }
+        .text_9 {
+          margin-right: 40rpx;
+          color: rgb(51, 51, 51);
+          font-size: 26rpx;
+          line-height: 32rpx;
+          text-align: left;
+        }
+      }
+    }
+  }
+  .image_6 {
+    position: fixed;
+    bottom: 160rpx;
+    right: 32rpx;
+    box-shadow: 0px 2rpx 4rpx 0px rgba(0, 0, 0, 0.12);
+    border-radius: 50%;
+    width: 82rpx;
+    height: 82rpx;
+  }
+}
+.observer {
+  width: 100%;
+  display: flex;
+  align-self: center;
+  justify-content: center;
+  padding: 20rpx 32rpx 20rpx;
+  color: rgb(130, 132, 138);
+  font-size: 32rpx;
+}
+.header {
+  padding: 59rpx 35rpx 21rpx 38rpx;
+  background-color: rgb(255, 255, 255);
+  border-bottom: solid 1rpx rgb(221, 221, 221);
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 100;
+  height: 128rpx;
+  .text {
+    color: rgb(0, 0, 0);
+    font-size: 36rpx;
+    font-weight: 500;
+    line-height: 50rpx;
+    white-space: nowrap;
+  }
+  .group_1 {
+    margin: 7rpx 0 6rpx;
+    color: rgb(51, 51, 51);
+    font-size: 24rpx;
+    line-height: 33rpx;
+    white-space: nowrap;
+    .text_1 {
+      margin-bottom: 3rpx;
+    }
+    .image {
+      margin-left: 14rpx;
+      width: 37rpx;
+      height: 37rpx;
+    }
+  }
+}
+</style>
diff --git a/static/imgs/.DS_Store b/static/imgs/.DS_Store
index 61b12f4d80a7c4427721b9de96cf379ec8db1fe8..f4ec0cd720fdf9681fbffa0320435119ea4c5a19 100644
GIT binary patch
delta 207
zcmZoMXfc=|#>B!ku~2NHo}wrx0|Nsi1A_nqLkUA7Lk@#3LpekK=0@h_%<3R1L538D
zOontIMv`VIV#sDFX2@X3XDDDOp6tVPT%QPaWx+*xIr(|%APYD1FjX>6j%4NqX_jOI
u8=l0F1av_Wva*SVm7Cc)_&I>i1v=?F^JIPzM-HHCnSf?6Y>p6F!wdkPlPw(p

delta 87
zcmZoMXfc=|#>B)qu~2NHo}wr#0|Nsi1A_nqLlHwFLyl)oesWUI#=_-{jI5hASSuMf
ni*X3DOl&CJ%+A5j0o1lxkmEb^WPTAx4xmPmPL|CPB5RldS-TSB

diff --git a/static/imgs/digital-workshops/add-icon.png b/static/imgs/digital-workshops/add-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..2544ecd3ac03fc7da6ec3bf6fbf58d1f9e985267
GIT binary patch
literal 2179
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
FV1n)31DXH;

literal 0
HcmV?d00001

diff --git a/static/imgs/digital-workshops/clock.png b/static/imgs/digital-workshops/clock.png
new file mode 100644
index 0000000000000000000000000000000000000000..5820a235678440e97af129a6d1c8f6f317b25ea0
GIT binary patch
literal 10063
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

literal 0
HcmV?d00001

diff --git a/static/imgs/digital-workshops/device-detail-bg.png b/static/imgs/digital-workshops/device-detail-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b2bc5cd3132eb9bc06469921edd4226310a6dfd
GIT binary patch
literal 5109
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
Biy;62

literal 0
HcmV?d00001

diff --git a/static/imgs/digital-workshops/down-arrow-icon.png b/static/imgs/digital-workshops/down-arrow-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..69b80c934c6cc35319b56b967e8b3478d27840a6
GIT binary patch
literal 575
zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEjKx9jP7LeL$-D$|Tv8)E(|mmy
zw18|52FCVG1{RPKAeI7R1_tH@j10^`nh_+nfC(<Ev49!D1}Ut1mbM0{Y^A4*V@L$&
z+i5SoSPTVPu1D|Tui?D^Kk|>_sjd|dIv;hG*KXjOIbo*fvyR`3xw$UQT(W!F<Psw(
zNgd{CjHeq?4;WogWj1a+$^GiKpg8mWwl`JNKU;r1%=?Jj<<35f_k5>r{0mvbyivgN
zHS7J!f8!rbaLO?e`M~<C%+Mft@sfop9!IwRm>lS%ai#aR<#Va5`p%qdy6f$yS1xks
z&ohWuxF2^kzmQp3`J8CCsE(q_1jh49r}wu_WSrhrDA*OOI$`6ID$kgM5(3*l)kZzt
z@25~K=fa|w%){`f|Med;&Xjk1cj$eq-E4F6`NoK7(<GKh3=?N7nfuB=P>|~k>5V$V
zapd6q6S-THpNFt6>yhn>$?o;wbbFb2{=<Y1+%?GyPBOSC@=Xl%5bSWC)^d5T_Ah?k
z(yLAKE;6U3dqWy6o-K8pt1@|`(oLl|md{id_Bt?aa7kgBXef~_a9de2msRM6ugYxS
z?`EzulJ0QDvIu=h6`E=#$#h-(dPH`Ks7C^q9{<@;9`^98&kQeG>{yf<Cco`^5?XYu
uJ(Kx*;{EVPTmCM7xsfM=O@}$s_yhMtTi2$O9sCub$n$jdb6Mw<&;$U}71!DT

literal 0
HcmV?d00001

diff --git a/static/imgs/digital-workshops/gear.png b/static/imgs/digital-workshops/gear.png
new file mode 100644
index 0000000000000000000000000000000000000000..a70f3d602c2d841ea8c8879eb6970122aa56805a
GIT binary patch
literal 9560
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
CwOPIZ

literal 0
HcmV?d00001

diff --git a/static/imgs/digital-workshops/no-camera.png b/static/imgs/digital-workshops/no-camera.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e9cea2c4acf320fc231b654b0bf209f0e903ec7
GIT binary patch
literal 11077
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

literal 0
HcmV?d00001

diff --git a/static/imgs/digital-workshops/toggle-icon.png b/static/imgs/digital-workshops/toggle-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..2cc224a27821f278a771a2d608690fbe5533b710
GIT binary patch
literal 1271
zcmV<T1PJ?yP)<h;3K|Lk000e1NJLTq001}u001}$1^@s6sD?Wp00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91IG_Un1ONa40RR91H~;_u01a1YQvd)2VM#<mRA>d=T3v`$RTTc#9Y-TY
zFi?x~DUc*F!G|7%!iWkRLFh$%8Da)RL<KF>?wz_cb1kXp=cNYx8w&NID18w8Aqn!y
zNb$jXC{X-O5)~Vz5oh(SnS1V>eSXF}*Y0(nv*B>|T5F$uzVEEP*Isw;3p{8k=^B)D
z;6b}-*7MSE$6IwK2C)l@*Q<TJiLJ7`;r^QRU}FSJ`Wl8|WM<cJ3I2g#A^POcn$CmD
zqzPg8LZ{#gwvpUAKIeWM#WZ?z7xgbpsLv)huAg9!K1*_Yh-X0xrr*(q^(nT8rY_X=
zW(y?4_=RoL$n|3~7NJ*8*41AN8@a<Q`r>#XiMF`Lf!c+N?2j6Jk<$q#1(Gmo!BMoM
z6J@y+R{K_u6SP3`7d~Xbu=y0X3x=pKq7R=yM13O^#p4pNKyvTCfn=qRb1h0NkjH{d
zh671JCh0CH>onZOUJl8Qqy|;pE#6O$V{fHth!f`uUwEF&(oq!f6XSqQo5Uh0>TZ(j
zOtfZ0d6R@c$8>y*O=6C4iV++n!ABi!76rjodUOTemt$f0HU}L=*qEuhVip7BVZ5W=
zVcdd>&c<zQrxzE})oo#;mvv>%1U$yeT>%2H!kkO6j7k4NQzbVF8vA;;wfZVvB$dsC
zxFiAQO@4;?3_cgKNiblfDkxzM#ci=TBG|zcvOC)Z1EM{;g7a^0AXe}9I6j{qTj(R!
zOo_d+k9fb0U~VJ9<@q3J%mi;m2!g|QX?_S+<Qxf}iIB|65Di!f&IZ-${fYc|aFo%Y
zLy#F--UvGUOqj&f=4VG+z>mxV-gR^t7Hn5-v4daX^%jJKwGJWoLp1jU>)-gTV>o!w
z<T@Ap%V8Y(B3O}CBxhHx<bH@6!GCLXM=Os+<V=f3&>6FopUO0&2zVoCNou$}2RoC<
zNil+l94^Y8#zB-FU514M>HHAGuUO4<_m^V&3@QrDJAdQa@qGll?M>|=$)yo}=ETuG
znUc=quisO=Y)j59f}K1j`+z%Cf4GKhNMoB$CGDcuwx_}tT;vC^L_GBzAobbS8*Fd%
zBpp*6BWNH>+DDSb*5hf?8wCR{L3>Y8JL#!@)}}P+wXN$`aNCv%w^U?+Gw~TJzoDCl
zU1R2?V{s3LITZCtlI$SOm#Ln^`s2LE15x;y*41Zlq@|~o!l2oXSH~yVI<WP>sjLNt
zxwrX1FR%852bGTal$I@aFq$obHlh??lhl#~Vz&8vndf7jJR>|3*yD3Bu=sW_>KlY)
z$LPuAfCKc}f-pIw;J*hy(y6$C&*-^s1DsIqFx}k9jO@z<o96_3bW!zhEpwB=6a6V(
zD@W4J#0I{4aDss(h1-bQzaiQ{AQ_LKf16H<?+Ez$6wnq(x)}cdPO-<-{t;}$TF$%U
zL>gY>?r^Sc;F0uKF$VWh__s{-$_ZkAuZG(KNrC@GZGfEh;hzT$)nxvu;4WTa?bje9
hF?GI5S^t-h{~xv10NBtcdPo2O002ovPDHLkV1hTTM`!>5

literal 0
HcmV?d00001

diff --git a/static/imgs/general/camera-bg.png b/static/imgs/general/camera-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5574b3fb9eb94126d7ada5799c2de5ca2540886
GIT binary patch
literal 6669
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
KDix0rk^c*_{Fw9r

literal 0
HcmV?d00001

diff --git a/static/imgs/general/line-share-icon.png b/static/imgs/general/line-share-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..2bfcdd04ce90e7bb9d0a415b4195ba76dbd4fe87
GIT binary patch
literal 4272
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
SBZ#;F0000<MNUMnLSTYC3V)0M

literal 0
HcmV?d00001

diff --git a/static/imgs/general/select-icon.png b/static/imgs/general/select-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae1450587fb97ba48c214352a6027d96cbcad62d
GIT binary patch
literal 2146
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
YKP_Fxzqh_iuK)l507*qoM6N<$f``uHfB*mh

literal 0
HcmV?d00001

diff --git a/static/imgs/general/selected-icon.png b/static/imgs/general/selected-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d4afc10d10228b44c6443b761cf3d29f4d66d8d
GIT binary patch
literal 1900
zcmV-y2b1`TP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px#L}ge>W=%~1DgXcg2mk?xX#fNO00031000^Q000001E2u_0{{R30RRC20H6W@
z1ONa40RR91K%fHv1ONa40RR91KmY&$07g+lumAuC)=5M`RCod9TWe?>RTMsV^Qe%9
z8ft9uQ4u7SMzQ!Rk}9-Nus^Id+93T=B?U!9t3OIhveA{8NUfNXA4-MRg4#-{wU(&R
zsz^=#_!gU@f<J5#)Cf^i5!=S=_s#5PGdr`h^W2@?9GIP%d(S=heCNK-y>nJc+%%|L
z<!`wI)wGM2rJ|$__e=2JjOS*fdM#79PvQM{<o$sA_jn(dCOIKJYQo@&=|{yPw@=?B
z|H($kUIRea;U2Uejglu({<x%Mzx1mwqSiO4Vs<@t=w`IxLjc~5%w=|lNK#J05PQ*Y
zUXg8zy(Tn;H$X;TEEnVn0Dm0Xw1n2kn}A6eVp!^Bmt@o*-ikPL1vh}!O8VqM0N(-8
zt<K_OPo01vwn@M26Qy*J+JYG%qnF4zj7gD>AeF{YW=t9}=Va7rzq0)spig(8)emEG
zyVP%GvGObV4ZWcg6XlqndQyIvrAK!I{6~ocPY`Sn>P8)XkhdOiP}j-VvJ-Nj^dY;F
ztV6O~wn~?pE~P|i1DN0sL(sZX!V;E$6h`PQWrWg0z-;+y1JAZtm+iH#?c&}8%<;6x
zRYLMJH_M>fTTIR31~6xPPI!&Q3RgwC!h)TW)x}l^X9IAZKQEspa<&g*buN(&a*LCn
zV4nl%;nB%S+BzQuc&-ew7?^;qfb0gKdz%~&uRz^UuN{W#ULeA15pHbGVLx6u-@ZV-
z$X_QgqqWW6Kv{bLcXhQ3p4MzNcCNGRn(qPJ&;KbuA+KCp+F5Fp^>I=b$W^)XgnSR+
zVMgtPr=?qrgPW|)^9C?aa<a))b(_GkStm5U3>UZPrD+yca|rMZZ(2StT{2-DN=Bj4
z{W73_HZ<$iS7P}-?McfzxtV8-W)CnAFg=w^2on!WpNDg^Y6iTi*mlqQWii)h3#{>6
zu=0#N58Ncrs*xF0xMTfBcBAz-&!m-pFfc3Ox&2xB75w=Xp>*NOa47i{6?dW4xmuZ&
z(T#B1>ABvUOY(TvGG7*@vL7v~0sOEmk(CzkJ9QHrw~+wgX(L7K90KhgEmj#eC4Zsf
zZUBGFqQG;yMJDB4q}^so_xI9X59=-USEh{IO1?rnZNPZ{(Nb$hFUGJvhP3M~>3&~;
zJ%tL|{FW;d|87}?)-42|)>mW9kD}qifhP!HXAj_q%H)tj+ot4UtkHI-CZm^O%pZrc
zbb7)QuyYP*4lgM(2`90(Z@_NtJDbE_eJjAfhxCQEyx<AV90FktFbx@7aovaO%fPxQ
z*@vy_3P<p1y&7^q#1$oY4uR&JBNSL~2-%Jq`UOM4L45=c$zyo#$IzPZQRqMD@{eMy
zzv{@J*6Z=X<4xqvbIcE!n1Z5VKQkYg(SaW#2GlOR^Yi$Tne<{041}mds}}>`s~-UP
zLns~#cw*;XAe;fTyeJuM?MVab4347jLGM_P>x?6QB?mCxxgq)1F+Z)hKtcA3I>-EI
z5@7&_rG%p{EK6_02p8GJ45)VilD%OFSMD>_zo_#O^b~&0J!>n&gtX3}<=K<s^-zIb
z;bY<(sAwbW4Mhs^JPmReK+$uvQ=h&8pw@zC1Uw9Tu@g_E(*UlGU<-SG^eOw5^y;Tj
z;WLrQ<|@!6cLoY<;xM`(dtjtZk?7(@h?1u{2aJ2+^~9s)Mz}F2FdVM%#Ghjt*7Goo
z4wV(WS@(F#2u0)9_2}qYI4ol@f;ShNhq1rN`_SO-=v43|NfUd@=&oicnx|48nfPh#
z6U;BmUHJ#~LYzd?!CB?X7e^*BBL>kt5@Q@*)MS2I`xtY~N=MPX`f_8q2)@}>h78Q6
z0T_fB4=q5~K8BvK)*?QmuR;1K(&CCIv{dK#lEs`~XL~d!!?+YW4|jJ9;`(00M7IJS
z!Rs)<Vn@ZwlXwb_nsE@68v+6aiv|%ypi={Yzl6zg3QOGw6$Wp?nl}K$PX&iewNH~q
zsBIQ!-T;ifW%y~W6EV(;GtL`;z!`fh5^H#Rh3z|$#W<se)c_1UX6$XP60sEoSLauO
z9B6Jxdf~*>UX;j~49M+;LDkkCKqD~fnt{g*EUFbE76X$#qTFr(f@ah;1CJRlRqbSk
z$#oi-9I!YWfQ*c~);PGRb|MCs2=d|vAaFCnlBYS<N<(f@q6Fn`0CF(uTI47ntBe>d
zP2F9ov;lb1%cyJfT+dZlf-)H{Uoujh`r4O4Hxvw>R`N3DhDJBGisf;_<Cu2|jxN;A
zp8;5UPXA?w2H=d!z+=I&S8~YI$z`@LrmFuQkdrj0|2CI10`GJ7kCU^Fz~?#p*V#ft
m@O@7HdD_VkOiTFR=l=&I2<q&`su^(r0000<MNUMnLSTaL0d=+j

literal 0
HcmV?d00001

diff --git a/static/imgs/general/session-share-icon.png b/static/imgs/general/session-share-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..32062e7864a096ae32f62827b3d4fb357df28b1a
GIT binary patch
literal 9278
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
E0?iJA!~g&Q

literal 0
HcmV?d00001

diff --git a/static/imgs/promotion/video-close.png b/static/imgs/promotion/video-close.png
new file mode 100644
index 0000000000000000000000000000000000000000..9830c548bc3e221de958f6037e4234d89a7aec30
GIT binary patch
literal 1932
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
S&0#PA0000<MNUMnLSTY?WpFhB

literal 0
HcmV?d00001

diff --git a/utils/hook.js b/utils/hook.js
index 0e5368f..af25558 100644
--- a/utils/hook.js
+++ b/utils/hook.js
@@ -25,7 +25,7 @@ export function back() {
       delta: 1
     })
   } else {
-    go2('client')
+    go2('digital-workshops')
   }
 }
 
@@ -134,7 +134,9 @@ export function uploadImage(sourceType = ['album', 'camera'], count = 1) {
  * 视频文件上传
  * @param {array} sourceType 上传的方式 album:相册 camera:相机
  * @param {boolean} compressed 是否压缩
- * @return {Promise<string>} 返回对应的文件地址
+ * @return {Promise<object>} 返回对应的文件地址
+ * @value {string} url 视频地址
+ * @value {string} thumb 视频缩略图地址
  */
 export function uploadVideo(sourceType = ['album', 'camera'], compressed = true) {
   return new Promise((resolve, reject) => {
@@ -184,8 +186,14 @@ export function uploadFile(path, type = 'image') {
       success: (res) => {
         let result = JSON.parse(res.data)
         if (result.data) {
-          resolve(result.data)
-          return result.data
+          if (type == 'video') {
+            resolve({
+              url: result.data.videoFileUrl,
+              thumb: result.data.videoImgUrl
+            })
+          } else {
+            resolve(result.data)
+          }
         } else {
           reject(result.message)
         }