feat: 添加翻译文件，待翻译

pc/src/components/table/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="table-layout">
     <ul class="t-header" :class="{line:showLine}">
-      <li v-if="selection" class="check-cls"><span @click="lock=false,selectAll=!selectAll" class="fdcheck" :class="{check_active:selectAll}">全选</span></li>
+      <li v-if="selection" class="check-cls"><span @click="lock=false,selectAll=!selectAll" class="fdcheck" :class="{check_active:selectAll}">{{$t('common.selectAll')}}</span></li>
       <li v-for="(item,i) in header" :key="i" :style="{width:item.width&&innerW>1500?item.width+'px':(100/header.length)+'%'}">
         <slot :data='item' name='header'></slot>
       </li>

pc/src/components/toast/cooperation.vue

@@ -25,7 +25,7 @@
             </div>
           </template> -->
 
-          <div class="toclient"><span>{{lang==='en'?'Permission':'协作权限'}}</span><div @click="handleSelectAll" v-if="!cooName"><span :class="{check_active:selectAll}" class="fdcheck">{{lang==='en'?'All':'全选'}}</span></div></div>
+          <div class="toclient"><span>{{lang==='en'?'Permission':'协作权限'}}</span><div @click="handleSelectAll"><span :class="{check_active:selectAll}" class="fdcheck">{{lang==='en'?'All':'全选'}}</span></div></div>
           <ul class="auth-list">
             <li v-for="(item,i) in auth" :key="i"><span @click="selectItem(item,i)" class="fdcheck" :class="{check_active:item.hasAuth}">{{lang==='en'?item.keyWord:item.name}}</span></li>
           </ul>
@@ -34,8 +34,8 @@
 
       <div class="bind-btn coo-btn" >
         <template v-if="!cooName">
-          <span @click="addCooperation">{{lang==='en'?'Save':'保存'}}</span>
           <span class="default" @click="handleClick">{{lang==='en'?'Cancel':'取消'}}</span>
+          <span @click="addCooperation">{{lang==='en'?'Save':'保存'}}</span>
         </template>
 
         <template v-else>
@@ -61,26 +61,19 @@ export default {
     return {
       lock: true,
       userName: '',
-      selectAll: false,
       auth: [],
       lang: localStorage.getItem('language'),
       toastCode: localStorage.getItem('language') === 'en' ? toastEN : toastZH
     }
   },
   computed: {
-
+    selectAll () {
+      return this.auth.filter(item => !item.hasAuth).length === 0
+    }
   },
   watch: {
-    selectAll: function (newVal) {
-      if (!this.lock) {
-        this.auth.forEach(item => {
-          item.hasAuth = newVal
-        })
-      }
-    },
     visible: function (newVal) {
       if (newVal) {
-        this.selectAll = !this.cooName
         this.getResoureList()
       }
       this.userName = this.cooName || ''
@@ -120,11 +113,12 @@ export default {
     },
 
     handleSelectAll () {
-      if (this.cooName) {
-        return
-      }
+      // if (this.cooName) {
+      //   return
+      // }
       this.lock = false
-      this.selectAll = !this.selectAll
+      let isSelected = !this.selectAll
+      this.auth.forEach(item => item.hasAuth = isSelected)
     },
     selectItem (item, i) {
       // if (this.cooName) {
@@ -134,13 +128,6 @@ export default {
       item.hasAuth = !item.hasAuth
       this.$set(this.auth, i, item)
       this.lock = true
-      this.selectAll = true
-
-      this.auth.forEach(sub => {
-        if (!sub.hasAuth) {
-          this.selectAll = false
-        }
-      })
     },
     handleClick (type = '') {
       this.$emit('closePoint', type)

pc/src/lang/en/modules/common.js

@@ -7,5 +7,6 @@ module.exports = {
     "cancle": "Cancel",
     "save": "Save",
     "saveAndUse": "Save and Use",
-    "search": "Search"
+    "search": "Search",
+    delete: "Delete"
 }

pc/src/lang/en/modules/login.js

@@ -1,5 +1,5 @@
 module.exports = {
-    "login": "Log in",
+    "login": "Log In",
     "register": "Register",
     "userLogin": "User Login",
     "cameraLogin": "Camera Login",

pc/src/lang/en/modules/manage.js

@@ -0,0 +1,6 @@
+module.exports = {
+  sceneAdmin: {
+    myScene: 'My Scene',
+    collaborativeScene: 'My Collaborative Scene'
+  }
+}

pc/src/lang/zh/modules/common.js

@@ -7,5 +7,8 @@ module.exports = {
     cancle: '取消',
     save: '保存',
     saveAndUse: '保存并使用',
-    search: '搜索'
+    search: '搜索',
+    selectAll: '全选',
+    handle: '操作',
+    delete: '删除'
 }

pc/src/lang/zh/modules/manage.js

@@ -0,0 +1,26 @@
+module.exports = {
+  sceneAdmin: {
+    myScene: '我的场景',
+    collaborativeScene: '协作场景',
+    thumb: '场景封面',
+    sceneName: '标题',
+    snCode: 'S/N',
+    cooperationUserName: '协作者',
+    viewCount: '浏览数量',
+    sceneType: '分类',
+    createTime: '拍摄时间',
+    collaborative: '协作'
+  },
+  deviceAdmin: {
+    addDevice: '新增相机',
+    collaborative: '协作',
+    unbind: '解绑',
+    snCode: 'S/N',
+    useage: '云容量使用情况',
+    type: '套餐类型',
+    expiredTime: '套餐到期时间',
+    cooperationUserName: '协作者',
+    sceneCount: '拍摄场景数量',
+    lastTime: '最后拍摄时间'
+  }
+}

pc/src/page/manage/temp/device.vue

@@ -8,8 +8,8 @@
       </ul>
       <div class="rig-con">
         <div class="btns" v-if="tabActive===4&&!isImgType">
-          <span class="button" @click="addDevice"><i class="iconfont icon-jiahao"></i>{{langDevices.add}}</span>
-          <span class="button" @click="multCop">{{langDevices.fenpei}}</span>
+          <span class="button"  @click="addDevice"><i class="iconfont icon-jiahao"></i>{{$t('manage.deviceAdmin.addDevice')}}</span>
+          <span class="button" @click="multCop">{{$t('manage.deviceAdmin.collaborative')}}</span>
           <span class="button default" @click="multDel">{{langDevices.unbind}}</span>
         </div>
         <div class="tab-search" :style="{marginRight:isWide?'0':'149px'}">
@@ -334,7 +334,7 @@ $font-color: #2d2d2d;
 
 .device-layout{
   margin: 30px 0 30px 0;
-  width: 995px;
+  // width: 995px;
   color: $font-color;
   .d-header{
     margin-left: 40px;
@@ -347,6 +347,9 @@ $font-color: #2d2d2d;
         cursor: pointer;
         font-size: 14px;
         line-height: 1.5;
+        &:last-child {
+          margin-right: 0;
+        }
       }
       .active{
         color: $theme-color;
@@ -372,6 +375,9 @@ $font-color: #2d2d2d;
           color: #202020;
           margin-left: 10px;
           cursor: pointer;
+          &:first-child {
+            margin-left: 0;
+          }
           .iconfont{
             font-size: 14px;
             margin-right: 4px;

pc/src/page/manage/temp/idevice.js

@@ -1,43 +1,44 @@
+import { i18n } from '@/lang'
 let device = [
   {
     key: 'snCode',
-    name: 'S/N',
-    en: 'Device',
+    name: i18n.t('manage.deviceAdmin.snCode'),
+    en: i18n.t('manage.deviceAdmin.snCode'),
     width: 150,
     type: 'image'
   }, {
     key: 'sceneName',
-    name: '云容量使用情况',
-    en: 'Expansion order number',
+    name: i18n.t('manage.deviceAdmin.useage'),
+    en: i18n.t('manage.deviceAdmin.useage'),
     width: 200,
     type: 'qingkuang'
   }, {
     key: 'spaceStr',
-    en: 'Access channel',
-    name: '套餐类型'
+    en: i18n.t('manage.deviceAdmin.type'),
+    name: i18n.t('manage.deviceAdmin.type')
   }, {
     key: 'spaceEndStr',
-    en: 'Package capacity',
-    name: '套餐到期时间'
+    en: i18n.t('manage.deviceAdmin.expiredTime'),
+    name: i18n.t('manage.deviceAdmin.expiredTime')
   }, {
     key: 'cooperationUserName',
-    en: 'Method of Payment',
-    name: '协作者'
+    en: i18n.t('manage.deviceAdmin.cooperationUserName'),
+    name: i18n.t('manage.deviceAdmin.cooperationUserName')
   }, {
     key: 'sceneNum',
-    en: 'Paid amount',
-    name: '拍摄场景数量',
+    en: i18n.t('manage.deviceAdmin.sceneCount'),
+    name: i18n.t('manage.deviceAdmin.sceneCount'),
     type: 'typefix'
   },
   {
     key: 'lastTime',
-    en: 'Time spent',
-    name: '最后拍摄时间',
+    en: i18n.t('manage.deviceAdmin.lastTime'),
+    name: i18n.t('manage.deviceAdmin.lastTime'),
     width: 180
   }, {
     key: 'detail',
-    name: '操作',
-    en: '操作',
+    name: i18n.t('common.handle'),
+    en: i18n.t('common.handle'),
     canclick: true
   }
 ]

pc/src/page/manage/temp/iscene.js

@@ -1,41 +1,42 @@
+import { i18n } from '@/lang'
 let scene = [
   {
     key: 'thumb',
-    name: '场景封面',
-    en: 'Device',
+    name: i18n.t('manage.sceneAdmin.thumb'),
+    en: i18n.t('manage.sceneAdmin.thumb'),
     width: 64,
     type: 'image'
   }, {
     key: 'sceneName',
-    name: '标题',
-    en: 'Expansion order number',
+    name: i18n.t('manage.sceneAdmin.sceneName'),
+    en: i18n.t('manage.sceneAdmin.sceneName'),
     width: 200
   }, {
     key: 'snCode',
-    en: 'Access channel',
-    name: 'S/N'
+    en: i18n.t('manage.sceneAdmin.snCode'),
+    name: i18n.t('manage.sceneAdmin.snCode')
   }, {
     key: 'cooperationUserName',
-    en: 'Package capacity',
-    name: '协作者'
+    en: i18n.t('manage.sceneAdmin.cooperationUserName'),
+    name: i18n.t('manage.sceneAdmin.cooperationUserName')
   }, {
     key: 'viewCount',
-    en: 'Method of Payment',
-    name: '浏览数量'
+    en: i18n.t('manage.sceneAdmin.viewCount'),
+    name: i18n.t('manage.sceneAdmin.viewCount')
   }, {
     key: 'sceneType',
-    en: 'Paid amount',
-    name: '分类',
+    en: i18n.t('manage.sceneAdmin.sceneType'),
+    name: i18n.t('manage.sceneAdmin.sceneType'),
     type: 'typefix'
   },
   {
     key: 'createTime',
-    en: 'Time spent',
-    name: '拍摄时间'
+    en: i18n.t('manage.sceneAdmin.createTime'),
+    name: i18n.t('manage.sceneAdmin.createTime')
   }, {
     key: 'detail',
-    name: '操作',
-    en: '操作',
+    name: i18n.t('common.handle'),
+    en: i18n.t('common.handle'),
     canclick: true
   }
 ]

pc/src/page/manage/temp/scene.vue

@@ -2,20 +2,20 @@
   <div class="scene-layout">
     <div class="d-header">
         <ul class="tab-list" v-if="!deviceLogin">
-          <li @click="tabActive = item.id" :class="{active:tabActive === item.id}" v-for="(item,i) in langScenes.tabList" :key="i">
+          <li @click="tabActive = item.id" :class="{active:tabActive === item.id}" v-for="(item,i) in tabList" :key="i">
             {{item.name}}({{i===0?allTotal:xiezuoNum}})
           </li>
         </ul>
 
         <ul class="tab-list" v-else>
-          <li class="active" v-for="(item,i) in [langScenes.tabList[0]]" :key="i">
+          <li class="active" v-for="(item,i) in [tabList[0]]" :key="i">
             {{item.name}}({{allTotal}})
           </li>
         </ul>
       <div class="rig-con">
         <div class="btns" v-if="tabActive===1&&!isImgType">
-          <span class="button" @click="multCop">{{langScenes.fenpei}}</span>
-          <span class="button default" @click="multDel">{{langScenes.delete}}</span>
+          <span class="button" @click="multCop">{{ $t('manage.sceneAdmin.collaborative') }}</span>
+          <span class="button default" @click="multDel">{{ $t('common.delete') }}</span>
         </div>
         <div class="tab-search">
           <input
@@ -97,7 +97,7 @@
       <div slot-scope="{data,canclick,type,item}" slot="item" style="width:100%">
         <template v-if="canclick">
           <span class="edit" v-if="item.status === 1||item.status===-2" @click="gotoEdit(item)">{{langScenes.edit}}</span>
-          <span class="edit" @click="handleCooperation(item)" v-if="(item.status === 1||item.status===-2)&&!deviceLogin&&tabActive===1" >{{langScenes.fenpei}}</span>
+          <span class="edit" @click="handleCooperation(item)" v-if="(item.status === 1||item.status===-2)&&!deviceLogin&&tabActive===1" >{{ $t('manage.sceneAdmin.collaborative') }}</span>
         </template>
         <div style="position:relative;" v-else-if="type === 'image'" >
           <div :title="item.name" @click="((item.status === 1||item.status===-2)&&item.payStatus !== -2) && goto(item.webSite)" style="height:40px;" class="card-img" :style="{backgroundImage: `url(${getSceneImg(item)})`}"></div>
@@ -214,7 +214,16 @@ export default {
       url: 'https://www.4dkankan.com/showProPC.html?m=KcMeJlOr8',
       item: '',
       ulActive: '',
-      tabActive: 1
+      tabActive: 1,
+      tabList: [
+        {
+          name: this.$t('manage.sceneAdmin.myScene'),
+          id: 1
+        }, {
+          name: this.$t('manage.sceneAdmin.collaborativeScene'),
+          id: 2
+        }
+      ]
     }
   },
   watch: {
@@ -478,6 +487,7 @@ export default {
       }
       if (this.tabActive === 2) {
         await this.$store.dispatch('getCooperationScene', params)
+        
       } else {
         cameraId
           ? await this.$store.dispatch('getScanScene', params)
@@ -488,6 +498,8 @@ export default {
       if (this.tabActive === 1) {
         this.lock = true
         this.allTotal = this.total
+      } else {
+        this.xiezuoNum = this.total
       }
     },
     copyTextToClipboard (text) {