kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

工作任务

Browse Source
This commit is contained in:
liuye
2024-08-08 09:43:47 +08:00
parent 6daf7e03bf
commit 5f6131d132
10 changed files with 343 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
src/project/weiyang/AppWorkTask/create.vue
View File

@@ -8,7 +8,7 @@
<img src="https://cdn.sinoecare.com/i/2024/07/12/6690a1303d423.png" alt="">
</div>
<div class="card-content">
<div class="card flex">
<div class="card flex border-r">
<div class="left">
<em>*</em>任务类型
</div>
@@ -20,7 +20,7 @@
</u-row>
</picker>
</div>
<div class="card">
<div class="card border-r">
<u-row justify="between">
<div class="left">
<em>*</em>任务标题
@@ -30,7 +30,7 @@
<input maxlength="30" v-model.trim="form.taskTitle" placeholder="限30字">
<u-gap height="32"></u-gap>
</div>
<div class="card">
<div class="card border-r">
<u-row justify="between">
<div class="left">
<em>*</em>任务说明
@@ -54,51 +54,53 @@
</picker>
</div>
</div>
<div class="card flex" style="padding: 13px 17px;margin-bottom: 0">
<div class="left" style="line-height: 22px;">
<em>*</em>执行人
<div class="border-r">
<div class="card flex top" style="padding: 13px 17px;margin-bottom: 0">
<div class="left" style="line-height: 22px;">
<em>*</em>执行人
</div>
<div class="right">
<AiPagePicker type="sysUser" :isShowPhone="true" :params="{axiosUrl:'/app/wxcp/wxuser/list?status=1'}"
nodeKey="id" class="select-user" @select="handleUserInfoList">
<app-nucleic-acid-sampling v-if="form.userInfoList.length" class="value">
已选择<em>{{form.userInfoList.slice(0,2).map(e=>e.name).join("、")}}</em>等
<em>{{form.userInfoList.length}}</em>人
</app-nucleic-acid-sampling>
<span v-else class="color-999">请选择</span>
<div class="arrow"></div>
</AiPagePicker>
</div>
</div>
<div class="right">
<AiPagePicker type="sysUser" :isShowPhone="true" :params="{axiosUrl:'/app/wxcp/wxuser/list?status=1'}"
nodeKey="id" class="select-user" @select="handleUserInfoList">
<app-nucleic-acid-sampling v-if="form.userInfoList.length" class="value">
已选择<em>{{form.userInfoList.slice(0,2).map(e=>e.name).join("、")}}</em>等
<em>{{form.userInfoList.length}}</em>人
</app-nucleic-acid-sampling>
<span v-else class="color-999">请选择</span>
<div class="arrow"></div>
</AiPagePicker>
<div class="card flex border" style="padding: 13px 17px;margin-bottom: 0">
<div class="left" style="line-height: 22px;">督办人</div>
<div class="right">
<AiPagePicker type="sysUser" :isShowPhone="true" :params="{axiosUrl:'/app/wxcp/wxuser/list?status=1'}"
nodeKey="id" class="select-user" @select="handleCheckUserList">
<app-nucleic-acid-sampling v-if="form.checkUserList.length" class="value">
已选择<em>{{form.checkUserList.slice(0,2).map(e=>e.name).join("、")}}</em>等
<em>{{form.checkUserList.length}}</em>人
</app-nucleic-acid-sampling>
<span v-else class="color-999">请选择</span>
<div class="arrow"></div>
</AiPagePicker>
</div>
</div>
<div class="card flex bottom" style="padding: 13px 17px">
<div class="left" style="line-height: 22px;">抄送人</div>
<div class="right">
<AiPagePicker type="sysUser" :isShowPhone="true" :params="{axiosUrl:'/app/wxcp/wxuser/list?status=1'}"
nodeKey="id" class="select-user" @select="handleSendUserList">
<app-nucleic-acid-sampling v-if="form.sendUserList.length" class="value">
已选择<em>{{form.sendUserList.slice(0,2).map(e=>e.name).join("、")}}</em>等
<em>{{form.sendUserList.length}}</em>人
</app-nucleic-acid-sampling>
<span v-else class="color-999">请选择</span>
<div class="arrow"></div>
</AiPagePicker>
</div>
</div>
</div>
<div class="card flex border" style="padding: 13px 17px;margin-bottom: 0">
<div class="left" style="line-height: 22px;">督办人</div>
<div class="right">
<AiPagePicker type="sysUser" :isShowPhone="true" :params="{axiosUrl:'/app/wxcp/wxuser/list?status=1'}"
nodeKey="id" class="select-user" @select="handleCheckUserList">
<app-nucleic-acid-sampling v-if="form.checkUserList.length" class="value">
已选择<em>{{form.checkUserList.slice(0,2).map(e=>e.name).join("、")}}</em>等
<em>{{form.checkUserList.length}}</em>人
</app-nucleic-acid-sampling>
<span v-else class="color-999">请选择</span>
<div class="arrow"></div>
</AiPagePicker>
</div>
</div>
<div class="card flex" style="padding: 13px 17px">
<div class="left" style="line-height: 22px;">抄送人</div>
<div class="right">
<AiPagePicker type="sysUser" :isShowPhone="true" :params="{axiosUrl:'/app/wxcp/wxuser/list?status=1'}"
nodeKey="id" class="select-user" @select="handleSendUserList">
<app-nucleic-acid-sampling v-if="form.sendUserList.length" class="value">
已选择<em>{{form.sendUserList.slice(0,2).map(e=>e.name).join("、")}}</em>等
<em>{{form.sendUserList.length}}</em>人
</app-nucleic-acid-sampling>
<span v-else class="color-999">请选择</span>
<div class="arrow"></div>
</AiPagePicker>
</div>
</div>
<div class="card flex flex-card" style="padding: 12px 17px;">
<div class="card flex flex-card border-r" style="padding: 12px 17px;">
<div class="left"> 发送任务通知</div>
<div class="right">
<switch :checked="!!form.isNofity" @change="(e)=>form.isNofity=Number(e.detail.value)"/>
@@ -249,7 +251,6 @@
box-sizing: border-box;
margin: 0 0 16px 32px;
width: calc(100% - 64px);
border-radius: 16px;
.left {
font-size: 32px;
@@ -331,6 +332,18 @@
}
}
.border-r {
border-radius: 16px;
.top {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.bottom {
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
}
.flex {
display: flex;
.left {