diff --git a/CHANGELOG.md b/CHANGELOG.md index 97e81e0..cd212a3 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -150,6 +150,7 @@ 范围|描述|commitId --|--|-- - | README.md | [ab0eb05](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/ab0eb05) + - | 新建项目，分享项目样式修改 | [4524d4a](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/4524d4a) ### 🔧 测试 @@ -193,25 +194,12 @@ - | 整理代码 | [7a55315](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/7a55315) - | 日历的更改 | [7353ac8](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/7353ac8) - | 测试接口 | [215e074](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/215e074) + - | 添加弹框动画 | [8903854](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/8903854) - | 组件文件夹新建 | [22bfe7b](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/22bfe7b) - | 组件文件夹新建 | [17bb8c9](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/17bb8c9) - | 组件文件夹新建 | [1421504](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/1421504) - | 角色栏文字颜色修改 | [215c6b3](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/215c6b3) - | 解决警告 | [c932b09](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/c932b09) - - | 1.时间轴筛选相同的时间替换数据 2.整理代码 | e082ccb - - | 测试接口 | 215e074 - - | 插件查询及展示 | 4dba770 - - | 角色栏文字颜色修改 | 215c6b3 - - | 解决警告 | c932b09 - - | 日历的更改 | 7353ac8 - - | 小红点api缓存修改 | e992343 - - | 修改代码格式 | 14123d7 - - | 修改定期任务骨架屏高度 | 909a734 - - | 修改样式 | 322b0fb - - | 整理代码 | 7a55315 - - | 组件文件夹新建 | 22bfe7b - - | 组件文件夹新建 | 17bb8c9 - - | 组件文件夹新建 | 1421504 ### chore @@ -237,3 +225,4 @@ - | style:index | [978f272](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/978f272) - | !2 基础模板v1.1.0 | [f5e61dd](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/f5e61dd) - | init | [c0f1deb](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/c0f1deb) + diff --git a/package.json b/package.json index 25a8cf4..5482933 100644 --- a/package.json +++ b/package.json @@ -42,6 +42,7 @@ "regenerator-runtime": "^0.12.1", "uview-ui": "^1.8.4", "vue": "^2.6.11", + "vue-clipboard2": "^0.3.1", "vuex": "^3.2.0" }, "devDependencies": { diff --git a/src/apis/project.js b/src/apis/project.js index 4832fa4..e255bf0 100644 --- a/src/apis/project.js +++ b/src/apis/project.js @@ -2,6 +2,12 @@ const install = (Vue, vm) => { vm.$u.api = { ...vm.$u.api } || {}; //根据id获取项目信息 vm.$u.api.findProjectById = param => vm.$u.post(`${uni.$t.domain}/project/findProjectById`, param); + + //创建分享连接 + vm.$u.api.createShare = param => vm.$u.post(`${uni.$t.domain}/share/create`, param); + + //点击分享连接 + vm.$u.api.clickShare = param => vm.$u.post(`${uni.$t.domain}/share/click`, param); }; export default { install }; diff --git a/src/components/ShareProject/ShareProject.vue b/src/components/ShareProject/ShareProject.vue new file mode 100644 index 0000000..6a0c939 --- /dev/null +++ b/src/components/ShareProject/ShareProject.vue @@ -0,0 +1,231 @@ + + + + + diff --git a/src/components/Title/Title.vue b/src/components/Title/Title.vue index d77007f..13a0b4a 100644 --- a/src/components/Title/Title.vue +++ b/src/components/Title/Title.vue @@ -29,64 +29,9 @@ - - - 创建分享链接 - 选择以什么角色分享项目 - - - - - -
- {{ option.label }} - -
- 确定 - - - - - - - {{ links }} - 复制链接 - - - - - - - - - - - 已选择({{ this.quantity }}) - 批量删除 - - - - -
- - -
-
{{ item.name }}
-
{{ item.joinMethod }}
-
-
- - - - - + - + @@ -98,62 +43,10 @@ export default { components: { NewProjects }, data() { return { - checked: false, //全选按钮是否选中 show: false, //右上角 ... 显示 newProjectsShow: false, //新建项目显示 secondShow: false, //分享项目显示 maskShow: false, //遮罩显示 - dropTitle: '观众,干系人', //默认多选 - links: 'https://kdocs.cn/l/cbs', //复制的链接 - quantity: 0, //多选里面已选择的数量 - // 下拉多选列表 - options: [ - { - label: '观众', - value: 1, - dropdownShow: false, - status: false, - }, - { - label: '距离优先', - value: 2, - dropdownShow: false, - status: false, - }, - { - label: '价格优先', - value: 3, - dropdownShow: false, - status: false, - }, - ], - // 多选框列表 - list: [ - { - name: '冯老师', - src: '', - joinMethod: '文件创建者', - role: '观众', - checked: false, - disabled: false, - }, - { - name: '马壮', - src: '', - joinMethod: '通过链接加入', - role: '干系人', - checked: false, - disabled: false, - }, - { - name: '张野', - src: '', - joinMethod: '通过链接加入', - role: '观众', - checked: false, - disabled: false, - }, - ], }; }, computed: { @@ -161,20 +54,7 @@ export default { ...mapGetters('user', ['userId']), }, - mounted() { - this.select; - }, - - created() { - this.select; - }, - methods: { - // 关闭下拉多选框 - closeDropdown() { - this.$refs.uDropdown.close(); - }, - // 点击返回按钮 onBack() { // eslint-disable-next-line no-undef @@ -233,64 +113,11 @@ export default { // 关闭新建项目弹窗 this.newProjectsShow = false; }, - - // 下拉多选选中添加到显示框 - change(optionIndex) { - console.log(optionIndex); - let arr = [...this.options]; - // 选择多选项图标的展示 - arr[optionIndex].dropdownShow = !arr[optionIndex].dropdownShow; - // 多选展示的改变 - this.dropTitle = arr[optionIndex].label; - let shows = ''; - // 遍历arr，如果选中，添加到多选展示框上 - arr.map(val => { - if (val.dropdownShow === true) { - shows += val.label + ','; - } - }); - this.options = [...arr]; - // 删除最后的',' - this.dropTitle = shows.slice(0, shows.length - 1); - console.log(this.dropTitle); - // this.dropTitle = arr[value - 1].label; - }, - - //获取粘贴板的内容 - copyPasteboard() { - uni.setClipboardData({ - data: this.links, - success: function () { - console.log('链接复制成功'); - }, - }); - }, - - // 全选 - checkedAll() { - this.list.map(val => { - val.checked = !this.checked; - }); - }, - - //已选择 - select() { - this.quantity = 0; - this.list.forEach(val => { - if (val.checked == true) { - this.quantity++; - } - }); - }, }, };