|
@@ -37,6 +37,7 @@ import {getOwnerName} from '@views/music-library/musicUtil'
|
|
|
import styles from './music-list.module.less'
|
|
|
import MusicCreateImg from '../modal/music-create-img'
|
|
|
import TheTooltip from "@components/TheTooltip";
|
|
|
+import { HelpCircleOutline } from '@vicons/ionicons5'
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'music-list',
|
|
@@ -59,7 +60,7 @@ export default defineComponent({
|
|
|
composer: null, //作曲人/音乐人
|
|
|
userId: null, //所属人
|
|
|
applicationId: null, //所属人项目ID
|
|
|
- useAppId: null, //适用项目ID
|
|
|
+ useAppId: [] as any, //适用项目ID
|
|
|
status: null, //曲目状态(0:停用,1:启用)
|
|
|
appAuditFlag: null, //是否审核版本
|
|
|
categoriesId: null, //是否审核版本
|
|
@@ -119,7 +120,7 @@ export default defineComponent({
|
|
|
return (
|
|
|
<NDescriptions labelPlacement="left" column={1}>
|
|
|
<NDescriptionsItem label="音乐人">{row.composer}</NDescriptionsItem>
|
|
|
- <NDescriptionsItem label="同时渲染所选声轨">{getMapValueByKey(row.musicSheetType, new Map(Object.entries(musicSheetType)))}</NDescriptionsItem>
|
|
|
+ <NDescriptionsItem label="多声轨渲染">{getMapValueByKey(row.musicSheetType, new Map(Object.entries(musicSheetType)))}</NDescriptionsItem>
|
|
|
<NDescriptionsItem label="分类"><TheTooltip content={row.musicCategoryName}/></NDescriptionsItem>
|
|
|
<NDescriptionsItem label="可用声部"><TheTooltip content={row.subjectNames}/></NDescriptionsItem>
|
|
|
</NDescriptions>
|
|
@@ -382,7 +383,10 @@ export default defineComponent({
|
|
|
state.loading = true
|
|
|
const sourceType = state.searchForm.sourceType;
|
|
|
const userId = state.searchForm.userId
|
|
|
- let search={...state.searchForm} as any
|
|
|
+ let search = {
|
|
|
+ ...state.searchForm,
|
|
|
+ useAppId: state.searchForm.useAppId ? state.searchForm.useAppId.join(',') : state.searchForm.useAppId
|
|
|
+ } as any
|
|
|
if (sourceType) {
|
|
|
if (sourceType == 'ORG') {
|
|
|
search.organizationRoleId = userId
|
|
@@ -501,9 +505,9 @@ export default defineComponent({
|
|
|
clearable
|
|
|
/>
|
|
|
</NFormItem>
|
|
|
- <NFormItem label="同时渲染所选声轨" path="musicSheetType">
|
|
|
+ <NFormItem label="多声轨渲染" path="musicSheetType">
|
|
|
<NSelect
|
|
|
- placeholder="请选择是否同时渲染所选声轨"
|
|
|
+ placeholder="请选择多声轨渲染"
|
|
|
v-model:value={state.searchForm.musicSheetType}
|
|
|
options={getSelectDataFromObj(musicSheetType)}
|
|
|
clearable
|
|
@@ -575,21 +579,44 @@ export default defineComponent({
|
|
|
/>
|
|
|
</NFormItem>
|
|
|
<NFormItem label="所属人" path="userId">
|
|
|
- <NSelect
|
|
|
- filterable
|
|
|
- placeholder="请选择所属人"
|
|
|
- disabled={state.userIdDisable || (!state.searchForm.applicationId && !state.searchForm.sourceType)}
|
|
|
- v-model:value={state.searchForm.userId}
|
|
|
- options={state.userIdData}
|
|
|
- clearable
|
|
|
- ></NSelect>
|
|
|
+ {{
|
|
|
+ label: () =>
|
|
|
+ <div>
|
|
|
+ 所属人
|
|
|
+ {/*<NTooltip style={"padding-left: 10px"}>*/}
|
|
|
+ {/* {{*/}
|
|
|
+ {/* default: () => '请选择作者属性和项目再选择所属人',*/}
|
|
|
+ {/* trigger: () => (*/}
|
|
|
+ {/* <span>*/}
|
|
|
+ {/* <NIcon size="20">*/}
|
|
|
+ {/* <HelpCircleOutline/>*/}
|
|
|
+ {/* </NIcon>*/}
|
|
|
+ {/* </span>*/}
|
|
|
+ {/* )*/}
|
|
|
+ {/* }}*/}
|
|
|
+ {/*</NTooltip>*/}
|
|
|
+ </div>
|
|
|
+ ,
|
|
|
+ default: () => (
|
|
|
+ <NSelect
|
|
|
+ filterable
|
|
|
+ placeholder="请选择所属人"
|
|
|
+ disabled={state.userIdDisable || (!state.searchForm.applicationId && !state.searchForm.sourceType)}
|
|
|
+ v-model:value={state.searchForm.userId}
|
|
|
+ options={state.userIdData}
|
|
|
+ clearable
|
|
|
+ ></NSelect>
|
|
|
+ )
|
|
|
+ }}
|
|
|
+
|
|
|
</NFormItem>
|
|
|
<NFormItem label="适用项目" path="useAppId">
|
|
|
<NSelect
|
|
|
placeholder="请选择适用项目"
|
|
|
v-model:value={state.searchForm.useAppId}
|
|
|
options={state.useProjectData}
|
|
|
- clearable
|
|
|
+ multiple
|
|
|
+ maxTagCount={1}
|
|
|
/>
|
|
|
</NFormItem>
|
|
|
<NFormItem label="状态" path="status">
|