|
|
@@ -11,7 +11,7 @@
|
|
|
/>
|
|
|
<c-dialog
|
|
|
ref="assetDialog"
|
|
|
- title="上播内容"
|
|
|
+ title="Broadcast content"
|
|
|
size="xl fixed"
|
|
|
@closed="onClosed"
|
|
|
>
|
|
|
@@ -29,15 +29,13 @@
|
|
|
@change="onAssetDirectoryChanged"
|
|
|
/>
|
|
|
</template>
|
|
|
- <div
|
|
|
- class="l-flex__none l-flex--row right c-sibling-item--v"
|
|
|
- >
|
|
|
+ <div class="l-flex__none l-flex--row right c-sibling-item--v">
|
|
|
<div class="l-flex__fill c-sibling-item">
|
|
|
<div
|
|
|
class="o-button"
|
|
|
@click="onDelAssets"
|
|
|
>
|
|
|
- 移除
|
|
|
+ Remove
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="l-flex__none l-flex--row right c-sibling-item--v near u-font-size--sm u-color-black u-bold">
|
|
|
@@ -81,15 +79,15 @@
|
|
|
</c-dialog>
|
|
|
<table-dialog
|
|
|
ref="deviceDialog"
|
|
|
- title="关联的设备"
|
|
|
+ title="Associated Devices"
|
|
|
:schema="deviceSchema"
|
|
|
@row-click="onRowClick"
|
|
|
@selection-change="onSelectionChange"
|
|
|
/>
|
|
|
<radio-table-dialog
|
|
|
ref="devicesDialog"
|
|
|
- title="绑定设备"
|
|
|
- message="请选择设备"
|
|
|
+ title="Bind device"
|
|
|
+ message="Please select device"
|
|
|
:schema="devicesSchema"
|
|
|
append-to-body
|
|
|
@confirm="onChoosenDevice"
|
|
|
@@ -141,25 +139,31 @@ export default {
|
|
|
{ type: 'add', on: this.onAdd }
|
|
|
],
|
|
|
filters: [
|
|
|
- { key: 'name', type: 'search', placeholder: '名称' },
|
|
|
+ {
|
|
|
+ key: 'name', type: 'search', placeholder: 'Name'
|
|
|
+ },
|
|
|
{ type: 'refresh' }
|
|
|
],
|
|
|
cols: [
|
|
|
{ type: 'refresh' },
|
|
|
- { prop: 'name', label: '名称', render: (data, h) => h('edit-input', {
|
|
|
- props: {
|
|
|
- value: `${data.name}`
|
|
|
- },
|
|
|
- on: { edit: val => this.onEditName(data, val) }
|
|
|
- }), 'class-name': 'c-edit-column' },
|
|
|
- { prop: 'createTime', label: '创建时间', width: 200 },
|
|
|
- { prop: 'updateTime', label: '更新时间', width: 200 },
|
|
|
- { type: 'invoke', render: [
|
|
|
- { label: '上播内容', on: this.onEdit },
|
|
|
- { label: '关联设备', on: this.onViewDevices },
|
|
|
- { label: '复制', on: this.onCopy },
|
|
|
- { label: '删除', on: this.onDel }
|
|
|
- ], width: 240 }
|
|
|
+ {
|
|
|
+ prop: 'name', label: 'Name', render: (data, h) => h('edit-input', {
|
|
|
+ props: {
|
|
|
+ value: `${data.name}`
|
|
|
+ },
|
|
|
+ on: { edit: val => this.onEditName(data, val) }
|
|
|
+ }), 'class-name': 'c-edit-column'
|
|
|
+ },
|
|
|
+ { prop: 'createTime', label: 'Create time', width: 200 },
|
|
|
+ { prop: 'updateTime', label: 'Update Time', width: 200 },
|
|
|
+ {
|
|
|
+ type: 'invoke', render: [
|
|
|
+ { label: 'Broadcast content', on: this.onEdit },
|
|
|
+ { label: 'Associated Devices', on: this.onViewDevices },
|
|
|
+ { label: 'Copy', on: this.onCopy },
|
|
|
+ { label: 'Delete', on: this.onDel }
|
|
|
+ ], width: 240
|
|
|
+ }
|
|
|
]
|
|
|
},
|
|
|
assetSchema: {
|
|
|
@@ -172,48 +176,52 @@ export default {
|
|
|
transform: transformDatasetAssetToAsset,
|
|
|
cols: [
|
|
|
{ type: 'selection' },
|
|
|
- { prop: 'tagInfo', label: '分类', width: 72, align: 'center' },
|
|
|
- { prop: 'typeInfo', label: '资源', width: 72, align: 'center' },
|
|
|
+ { prop: 'tagInfo', label: 'Category', width: 72, align: 'center' },
|
|
|
+ { prop: 'typeInfo', label: 'Resources', width: 72, align: 'center' },
|
|
|
{ prop: 'file', label: '', type: 'asset', on: this.onViewAsset },
|
|
|
{ prop: 'name', label: '' },
|
|
|
- { label: '上播时长(s)', render: (data, h) => data.minioData && data.type === AssetType.IMAGE
|
|
|
- ? h('edit-input', {
|
|
|
- staticClass: 'border',
|
|
|
- props: {
|
|
|
- value: `${data.adDuration}`,
|
|
|
- align: 'center',
|
|
|
- size: 'sm'
|
|
|
- },
|
|
|
- on: {
|
|
|
- edit: val => this.onEditAssetDuration(data, val)
|
|
|
- }
|
|
|
- })
|
|
|
- : parseDuration(data.adDuration), width: 100, align: 'center' }
|
|
|
+ {
|
|
|
+ label: 'Broadcast Duration(s)', render: (data, h) => data.minioData && data.type === AssetType.IMAGE
|
|
|
+ ? h('edit-input', {
|
|
|
+ staticClass: 'border',
|
|
|
+ props: {
|
|
|
+ value: `${data.adDuration}`,
|
|
|
+ align: 'center',
|
|
|
+ size: 'sm'
|
|
|
+ },
|
|
|
+ on: {
|
|
|
+ edit: val => this.onEditAssetDuration(data, val)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ : parseDuration(data.adDuration), width: 100, align: 'center'
|
|
|
+ }
|
|
|
]
|
|
|
},
|
|
|
deviceSchema: {
|
|
|
list: getDevicesByDataset,
|
|
|
buttons: [
|
|
|
- { type: 'add', label: '绑定设备', on: this.onBindDevice },
|
|
|
- { icon: 'el-icon-scissors', label: '解绑', on: this.onUnbindDevices }
|
|
|
+ { type: 'add', label: 'Bind device', on: this.onBindDevice },
|
|
|
+ { icon: 'el-icon-scissors', label: 'Unbind', on: this.onUnbindDevices }
|
|
|
],
|
|
|
cols: [
|
|
|
{ type: 'selection' },
|
|
|
- { prop: 'name', label: '设备名称' },
|
|
|
- { prop: 'address', label: '地址' },
|
|
|
- { type: 'invoke', render: [
|
|
|
- { label: '解绑', on: this.onUnbind }
|
|
|
- ] }
|
|
|
+ { prop: 'name', label: 'Device Name' },
|
|
|
+ { prop: 'address', label: 'Address' },
|
|
|
+ {
|
|
|
+ type: 'invoke', render: [
|
|
|
+ { label: 'Unbind', on: this.onUnbind }
|
|
|
+ ]
|
|
|
+ }
|
|
|
]
|
|
|
},
|
|
|
devicesSchema: {
|
|
|
list: getDevices,
|
|
|
filters: [
|
|
|
- { key: 'name', type: 'search', placeholder: '设备名称' }
|
|
|
+ { key: 'name', type: 'search', placeholder: 'Device Name' }
|
|
|
],
|
|
|
cols: [
|
|
|
- { prop: 'name', label: '设备名称' },
|
|
|
- { prop: 'address', label: '地址' }
|
|
|
+ { prop: 'name', label: 'Device Name' },
|
|
|
+ { prop: 'address', label: 'Address' }
|
|
|
]
|
|
|
}
|
|
|
}
|
|
|
@@ -221,15 +229,15 @@ export default {
|
|
|
computed: {
|
|
|
statistics () {
|
|
|
const length = this.assets.length
|
|
|
- return `共${length}条，总时长 ${parseDuration(this.assets.reduce((total, asset) => total + asset.adDuration, 0), false)}`
|
|
|
+ return `total ${length}，total duration ${parseDuration(this.assets.reduce((total, asset) => total + asset.adDuration, 0), false)}`
|
|
|
},
|
|
|
resourceSize () {
|
|
|
const totalSizeMB = this.assets.reduce((total, item) => total + parseInt(item.minioData.size), 0) / (1024 * 1024)
|
|
|
if (totalSizeMB >= 1024) {
|
|
|
const totalSizeGB = totalSizeMB / 1024
|
|
|
- return `资源包大小: ${totalSizeGB.toFixed(2)} GB`
|
|
|
+ return `Resource Pack Size: ${totalSizeGB.toFixed(2)} GB`
|
|
|
}
|
|
|
- return `资源包大小: ${totalSizeMB.toFixed(2)} MB`
|
|
|
+ return `Resource Pack Size: ${totalSizeMB.toFixed(2)} MB`
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -248,21 +256,21 @@ export default {
|
|
|
},
|
|
|
onAdd () {
|
|
|
this.$prompt(
|
|
|
- '<p class="u-color--black u-font-size--sm u-bold">素材包名称</p>',
|
|
|
- '新增填充素材包',
|
|
|
+ '<p class="u-color--black u-font-size--sm u-bold">Pack Name</p>',
|
|
|
+ 'Add Pack',
|
|
|
{
|
|
|
dangerouslyUseHTMLString: true,
|
|
|
closeOnClickModal: false,
|
|
|
inputValue: '',
|
|
|
- inputPlaceholder: '最多30个字符',
|
|
|
+ inputPlaceholder: 'Maximum 30 characters',
|
|
|
inputPattern: /^.{0,30}$/,
|
|
|
inputValidator: val => {
|
|
|
const name = val ? val.replace(/^\s+|\s+$/g, '') : val
|
|
|
- return name ? true : '请填写名称'
|
|
|
+ return name ? true : 'Please fill in the name'
|
|
|
},
|
|
|
- inputErrorMessage: '最多30个字符',
|
|
|
- confirmButtonText: '新增',
|
|
|
- cancelButtonText: '取消',
|
|
|
+ inputErrorMessage: 'Maximum 30 characters',
|
|
|
+ confirmButtonText: 'Add',
|
|
|
+ cancelButtonText: 'Cancel',
|
|
|
beforeClose: (action, instance, done) => {
|
|
|
if (action === 'confirm') {
|
|
|
this.onSave(instance.inputValue.replace(/^\s+|\s+$/g, ''), done)
|
|
|
@@ -290,7 +298,7 @@ export default {
|
|
|
if (!newVal) {
|
|
|
this.$message({
|
|
|
type: 'warning',
|
|
|
- message: '请填写素材包名称'
|
|
|
+ message: 'Please fill in the package name'
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
@@ -377,15 +385,15 @@ export default {
|
|
|
onDelAssets () {
|
|
|
if (this.$selectionItems?.length) {
|
|
|
this.$confirm(
|
|
|
- '移除所选资源？',
|
|
|
- '操作确认',
|
|
|
+ 'Remove the selected resource?',
|
|
|
+ 'Confirm operation',
|
|
|
{ type: 'warning' }
|
|
|
).then(() => unbindAssetsFromDataset(this.$datasetId, this.$selectionItems.map(({ keyName }) => keyName)))
|
|
|
.then(this.onAssetChanged)
|
|
|
} else {
|
|
|
this.$message({
|
|
|
type: 'warning',
|
|
|
- message: '请选择需移除的资源'
|
|
|
+ message: 'Please select the resources to be removed'
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
@@ -416,7 +424,7 @@ export default {
|
|
|
} else {
|
|
|
this.$message({
|
|
|
type: 'warning',
|
|
|
- message: '请先选择需要解绑的设备'
|
|
|
+ message: 'Please select the device to be unbundled first'
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
@@ -440,25 +448,25 @@ export default {
|
|
|
},
|
|
|
onCopy ({ id, name }) {
|
|
|
this.$prompt(
|
|
|
- '<p class="u-color--black u-font-size--sm u-bold">素材包名称</p>',
|
|
|
- '复制素材包',
|
|
|
+ '<p class="u-color--black u-font-size--sm u-bold">Pack Name</p>',
|
|
|
+ 'Copy Pack',
|
|
|
{
|
|
|
dangerouslyUseHTMLString: true,
|
|
|
closeOnClickModal: false,
|
|
|
- inputValue: name.length <= 28 ? `${name}副本` : name,
|
|
|
- inputPlaceholder: '最多30个字符',
|
|
|
+ inputValue: name.length <= 28 ? `${name}Copy` : name,
|
|
|
+ inputPlaceholder: 'Maximum 30 characters',
|
|
|
inputPattern: /^.{0,30}$/,
|
|
|
inputValidator: val => {
|
|
|
const inputName = val ? val.replace(/^\s+|\s+$/g, '') : val
|
|
|
return inputName
|
|
|
? inputName === name
|
|
|
- ? '名称不能与源素材包一样'
|
|
|
+ ? 'The name cannot be the same as the source pack'
|
|
|
: true
|
|
|
- : '请填写名称'
|
|
|
+ : 'Please fill in the name'
|
|
|
},
|
|
|
- inputErrorMessage: '最多30个字符',
|
|
|
- confirmButtonText: '复制',
|
|
|
- cancelButtonText: '取消',
|
|
|
+ inputErrorMessage: 'Maximum 30 characters',
|
|
|
+ confirmButtonText: 'Copy',
|
|
|
+ cancelButtonText: 'Cancel',
|
|
|
beforeClose: (action, instance, done) => {
|
|
|
if (action === 'confirm') {
|
|
|
this.onConfirmCopy(id, instance.inputValue.replace(/^\s+|\s+$/g, ''), done)
|
HOME\tianlin01