song 4 years ago
parent
commit
3717dd3f6b
  1. 15
      CHANGELOG.md
  2. 18
      src/components/Title/Title.vue
  3. 24
      src/components/Title/components/NewProjects.vue

15
CHANGELOG.md

@ -198,6 +198,20 @@
- | 组件文件夹新建 | [1421504](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/1421504) - | 组件文件夹新建 | [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) - | 角色栏文字颜色修改 | [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) - | 解决警告 | [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 ### chore
@ -223,4 +237,3 @@
- | style:index | [978f272](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/978f272) - | 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) - | !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) - | init | [c0f1deb](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/c0f1deb)

18
src/components/Title/Title.vue

@ -18,7 +18,7 @@
style="width: 100%; height: 100vh; z-index: 21; position: fixed; background: rgba(0, 0, 0, 0.3)" style="width: 100%; height: 100vh; z-index: 21; position: fixed; background: rgba(0, 0, 0, 0.3)"
></view> ></view>
<!-- 右上角 ... 弹窗 --> <!-- 右上角 ... 弹窗 -->
<view class="popup border" v-if="show"> <view class="popup border shadow-md" v-if="show">
<view class="flex pb-3 border-b-1"> <view class="flex pb-3 border-b-1">
<u-icon name="plus-circle" size="36" style="margin: 0 15px 3px 0"></u-icon> <u-icon name="plus-circle" size="36" style="margin: 0 15px 3px 0"></u-icon>
<view @click="newprojects">新建项目</view> <view @click="newprojects">新建项目</view>
@ -29,7 +29,7 @@
</view> </view>
</view> </view>
<!-- 分享项目弹窗 --> <!-- 分享项目弹窗 -->
<view class="secondPopup flex justify-center" style="overflow: hidden" v-if="secondShow"> <view class="secondPopup flex justify-center" v-if="secondShow">
<view class="content"> <view class="content">
<view class="popupTitle flex justify-center">创建分享链接</view> <view class="popupTitle flex justify-center">创建分享链接</view>
<view>选择以什么角色分享项目</view> <view>选择以什么角色分享项目</view>
@ -60,7 +60,7 @@
<view @click="select"> <view @click="select">
<!-- 全选按钮 --> <!-- 全选按钮 -->
<view class="flex" style="margin-top: 10px"> <view class="flex mt-4">
<view> <view>
<u-checkbox-group> <u-checkbox-group>
<u-checkbox v-model="checked" @change="checkedAll"></u-checkbox> <u-checkbox v-model="checked" @change="checkedAll"></u-checkbox>
@ -71,7 +71,7 @@
</view> </view>
<!-- 多选框 --> <!-- 多选框 -->
<view> <view>
<u-checkbox-group class="checkboxs flex flex-1 items-center" v-for="(item, index) in list" :key="index"> <u-checkbox-group class="checkboxs flex flex-1 items-center mt-4" v-for="(item, index) in list" :key="index">
<div class="flex-1 flex items-center"> <div class="flex-1 flex items-center">
<u-checkbox v-model="item.checked"></u-checkbox> <u-checkbox v-model="item.checked"></u-checkbox>
<u-avatar :src="item.src" size="55" style="background: #d8dce0; margin-right: 10px"></u-avatar> <u-avatar :src="item.src" size="55" style="background: #d8dce0; margin-right: 10px"></u-avatar>
@ -80,16 +80,16 @@
<div style="color: #c4d0e1">{{ item.joinMethod }}</div> <div style="color: #c4d0e1">{{ item.joinMethod }}</div>
</div> </div>
</div> </div>
<div style="font-size: 18px; color: #f37378">{{ item.role }}</div>
</u-checkbox-group> </u-checkbox-group>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- 新建项目弹窗 --> <!-- 新建项目弹窗 -->
<NewProjects class="thirdPopup flex" v-if="newProjectsShow" /> <NewProjects class="thirdPopup flex transition-transform" v-if="newProjectsShow" />
</view> </view>
</template> </template>
<script> <script>
import { mapGetters, mapState } from 'vuex'; import { mapGetters, mapState } from 'vuex';
import NewProjects from './components/NewProjects.vue'; import NewProjects from './components/NewProjects.vue';
@ -294,8 +294,9 @@ export default {
.secondPopup { .secondPopup {
background: #ffffff; background: #ffffff;
position: fixed; position: fixed;
left: 6%; left: 50%;
top: 25%; top: 50%;
transform: translate(-50%, -50%);
z-index: 33; z-index: 33;
border-radius: 5px; border-radius: 5px;
} }
@ -310,7 +311,6 @@ export default {
} }
.content { .content {
width: 330px; width: 330px;
height: 330px;
border: 1px solid #b4b4b4; border: 1px solid #b4b4b4;
// background: white; // background: white;
padding: 15px; padding: 15px;

24
src/components/Title/components/NewProjects.vue

@ -2,17 +2,17 @@
<div style="padding: 15px; width: 330px"> <div style="padding: 15px; width: 330px">
<div class="form"> <div class="form">
<!-- 项目名称 --> <!-- 项目名称 -->
<div class="flex items-center" style="border-bottom: 1px solid #dcdfe6"> <div class="flex items-center">
<div>名称</div> <div>名称</div>
<u-input v-model="nameValue" :type="type" :border="border" /> <u-input v-model="nameValue" :type="type" :border="border" />
</div> </div>
<!-- 起止时间 --> <!-- 起止时间 -->
<div class="flex items-center" style="border-bottom: 1px solid #dcdfe6"> <div class="flex items-center">
<div>起止-截止时间</div> <div>起止-截止时间</div>
<u-input v-model="timeValue" :type="type" :border="border" /> <u-input v-model="timeValue" :type="type" :border="border" />
</div> </div>
<!-- 多选框 --> <!-- 多选框 -->
<div class="flex justify-between items-center" style="border-bottom: 1px solid #dcdfe6; width: 100%"> <div class="flex justify-between items-center">
<div>负责人</div> <div>负责人</div>
<div class="" label="负责人" style="width: 85%"> <div class="" label="负责人" style="width: 85%">
<u-dropdown ref="uDropdown"> <u-dropdown ref="uDropdown">
@ -41,12 +41,12 @@
<!-- 下拉框的内容 --> <!-- 下拉框的内容 -->
<div v-if="show"> <div v-if="show">
<!-- 描述 --> <!-- 描述 -->
<div class="flex items-center" style="border-bottom: 1px solid #dcdfe6"> <div class="flex items-center">
<div>描述</div> <div>描述</div>
<u-input v-model="decripeValue" :type="type" :border="border" /> <u-input v-model="decripeValue" :type="type" :border="border" />
</div> </div>
<!-- 所属项目 --> <!-- 所属项目 -->
<div class="flex items-center" style="border-bottom: 1px solid #dcdfe6"> <div class="flex items-center">
<div>所属项目</div> <div>所属项目</div>
<div class="" style="position: relative; background: #fff"> <div class="" style="position: relative; background: #fff">
<u-input v-model="projectValue" :type="type" :border="border" @click="isProjectShow" /> <u-input v-model="projectValue" :type="type" :border="border" @click="isProjectShow" />
@ -58,17 +58,17 @@
</div> </div>
</div> </div>
<!-- 所属任务 --> <!-- 所属任务 -->
<div class="flex items-center" style="border-bottom: 1px solid #dcdfe6"> <div class="flex items-center">
<div>所属任务</div> <div>所属任务</div>
<u-input v-model="taskValue" :type="type" :border="border" /> <u-input v-model="taskValue" :type="type" :border="border" />
</div> </div>
<!-- 上道工序 --> <!-- 上道工序 -->
<div class="flex items-center" style="border-bottom: 1px solid #dcdfe6"> <div class="flex items-center">
<div>上道工序</div> <div>上道工序</div>
<u-input v-model="lastValue" :type="type" :border="border" /> <u-input v-model="lastValue" :type="type" :border="border" />
</div> </div>
<!-- 检查人多选框 --> <!-- 检查人多选框 -->
<div class="flex justify-between items-center" style="border-bottom: 1px solid #dcdfe6; width: 100%"> <div class="flex justify-between items-center">
<div>检查人</div> <div>检查人</div>
<div class="" label="检查人" style="width: 85%"> <div class="" label="检查人" style="width: 85%">
<u-dropdown ref="dropdown"> <u-dropdown ref="dropdown">
@ -100,7 +100,7 @@
<u-input style="border-bottom: 1px solid #dcdfe6" placeholder="交付物名称2" :type="type" :border="border" /> <u-input style="border-bottom: 1px solid #dcdfe6" placeholder="交付物名称2" :type="type" :border="border" />
</div> </div>
</div> </div>
<u-button class="flex justify-center" style="margin-top: 20px" type="primary">提交</u-button> <u-button class="btn flex justify-center" type="primary" shape="circle" size="medium">提交</u-button>
</div> </div>
</div> </div>
</template> </template>
@ -289,4 +289,10 @@ export default {
border: none !important; border: none !important;
padding: 5px; padding: 5px;
} }
.u-input {
border-bottom: 1px solid #ccc;
}
.btn {
margin-top: 20px;
}
</style> </style>

Loading…
Cancel
Save