|
|
@@ -5,7 +5,7 @@
|
|
|
<view class="content-area-item p10 bg-white">
|
|
|
<view class="font14 weight mb10">工作内容</view>
|
|
|
|
|
|
- <u-collapse v-if="form.workContents.length > 0">
|
|
|
+ <u-collapse v-if="form.workContents.length > 0" :accordion="true">
|
|
|
<u-collapse-item :title="item.projectName + ' ' + (item.workTime ? item.workTime + 'h' : '0h')" :name="item.projectId" v-for="(item, index) in form.workContents" :key="index">
|
|
|
<u-input
|
|
|
v-model="item.workTime"
|
|
|
@@ -30,7 +30,7 @@
|
|
|
</u-collapse-item>
|
|
|
</u-collapse>
|
|
|
|
|
|
- <u-button class="mt20" type="primary" style="width: 100px; height: 25px" @click="addProjects()" shape="circle" icon="plus" size="mini"> 选择项目 </u-button>
|
|
|
+ <u-button class="mt20" type="primary" style="width: 100px; height: 25px" @click="insertProjects()" shape="circle" icon="plus" size="mini"> 添加项目 </u-button>
|
|
|
</view>
|
|
|
<view class="content-area-item mt20 p10 bg-white">
|
|
|
<view class="font14 weight mb10">明日计划</view>
|
|
|
@@ -59,10 +59,10 @@
|
|
|
<view class="content-area-item mt20 p10 bg-white">
|
|
|
<view class="font14 weight mb10">抄送到人</view>
|
|
|
<view class="flex flex-wrap">
|
|
|
- <view class="mb10" v-for="user in userList" :key="user">
|
|
|
+ <view class="mr10 mb10" v-for="(user, index) in userList" :key="index" @click="deleteUsers(index)">
|
|
|
<u-avatar
|
|
|
- class="box-list-item-user-pic-avatar mr10"
|
|
|
- :src="user.avatar"
|
|
|
+ class="content-area-item-avatar"
|
|
|
+ :src="user.avatar ? user.avatar : '/static/images/404.png'"
|
|
|
shape="square"
|
|
|
size="40"
|
|
|
fontSize="12"
|
|
|
@@ -71,7 +71,7 @@
|
|
|
v-if="user.avatar"
|
|
|
></u-avatar>
|
|
|
<u-avatar
|
|
|
- class="box-list-item-user-pic-avatar mr10"
|
|
|
+ class="content-area-item-avatar"
|
|
|
:text="user.label.length > 2 ? user.label.slice(1, 3) : user.label"
|
|
|
shape="square"
|
|
|
size="40"
|
|
|
@@ -80,10 +80,11 @@
|
|
|
:bgColor="$settingStore.themeColor.color"
|
|
|
v-else
|
|
|
></u-avatar>
|
|
|
+ <view class="font12 text-center mt5">{{ user.label }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <u-button class="mt20" type="primary" style="width: 100px; height: 25px" @click="addUsers()" shape="circle" icon="plus" size="mini"> 选择人员 </u-button>
|
|
|
+ <u-button class="mt20" type="primary" style="width: 100px; height: 25px" @click="insertUsers()" shape="circle" icon="plus" size="mini"> 选择人员 </u-button>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
@@ -222,16 +223,28 @@ function switchChage(e, key) {
|
|
|
realTimeSaving();
|
|
|
}
|
|
|
|
|
|
-/** 项目按钮事件 */
|
|
|
-function addUsers() {
|
|
|
+/** 添加人员按钮事件 */
|
|
|
+function insertUsers() {
|
|
|
proxy.$tab.navigateTo(`/pages/business/common/projectMange/mall/index`);
|
|
|
}
|
|
|
|
|
|
-/** 项目按钮事件 */
|
|
|
-function addProjects() {
|
|
|
+/** 删除人员按钮事件 */
|
|
|
+function deleteUsers(index) {
|
|
|
+ state.userList.splice(index, 1);
|
|
|
+ realTimeSaving();
|
|
|
+}
|
|
|
+
|
|
|
+/** 添加项目按钮事件 */
|
|
|
+function insertProjects() {
|
|
|
state.modalShow = true;
|
|
|
}
|
|
|
|
|
|
+/** 实时保存填写数据 */
|
|
|
+function realTimeSaving() {
|
|
|
+ state.saveTime = proxy.$common.formatterDate(new Date(), "hh:mm");
|
|
|
+ storageSystem.set("project", state);
|
|
|
+}
|
|
|
+
|
|
|
/** 弹窗确定 */
|
|
|
function modalConfirm() {
|
|
|
var newWorkContents = JSON.parse(JSON.stringify(state.form.workContents));
|
|
|
@@ -259,12 +272,6 @@ function modalConfirm() {
|
|
|
realTimeSaving();
|
|
|
}
|
|
|
|
|
|
-/** 实时保存填写数据 */
|
|
|
-function realTimeSaving() {
|
|
|
- state.saveTime = proxy.$common.formatterDate(new Date(), "hh:mm");
|
|
|
- storageSystem.set("project", state);
|
|
|
-}
|
|
|
-
|
|
|
/** 提交 */
|
|
|
function handleSubmit() {
|
|
|
if (!state.form.tomorrowPlan) {
|
|
|
@@ -330,5 +337,30 @@ onUnload(() => {
|
|
|
text-align: right;
|
|
|
color: #909399;
|
|
|
}
|
|
|
+
|
|
|
+ &-item {
|
|
|
+ &-avatar {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ &::after {
|
|
|
+ position: absolute;
|
|
|
+ content: "✖";
|
|
|
+ display: inline-block;
|
|
|
+ padding: 2px 4px;
|
|
|
+ border-radius: 100%;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 8px;
|
|
|
+ text-align: center;
|
|
|
+ background-color: #ccc;
|
|
|
+ color: #fff;
|
|
|
+ top: -5px;
|
|
|
+ right: -5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &::after:hover {
|
|
|
+ background-color: #ccc;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
fanghuisheng