|
|
|
@ -1,7 +1,8 @@ |
|
|
|
<template> |
|
|
|
<div style="padding: 15px; width: 330px"> |
|
|
|
<div class="new-projects-box" :style="{ height: arrow ? '330px' : '580px' }"> |
|
|
|
<div class="form"> |
|
|
|
<!-- 项目名称 --> |
|
|
|
<view class="popupTitle flex justify-center">新建任务</view> |
|
|
|
<div class="flex items-center"> |
|
|
|
<div>名称</div> |
|
|
|
<u-input v-model="nameValue" :type="type" :border="border" /> |
|
|
|
@ -14,12 +15,12 @@ |
|
|
|
<!-- 多选框 --> |
|
|
|
<div class="flex justify-between items-center"> |
|
|
|
<div>负责人</div> |
|
|
|
<div class="" label="负责人" style="width: 85%"> |
|
|
|
<div label="负责人" style="width: 85%"> |
|
|
|
<u-dropdown ref="uDropdown"> |
|
|
|
<u-dropdown-item :title="dropTitle" style="border: none"> |
|
|
|
<view class="slot-content" style="background-color: #ffffff; height: auto"> |
|
|
|
<u-dropdown-item :title="dropTitle"> |
|
|
|
<view class="slot-content bg-white"> |
|
|
|
<div |
|
|
|
class="multiple-choice flex flex-row justify-between" |
|
|
|
class="multiple-choice flex flex-row justify-between mb-1" |
|
|
|
v-for="(option, optionIndex) in options" |
|
|
|
:key="optionIndex" |
|
|
|
@click="change(optionIndex)" |
|
|
|
@ -27,7 +28,6 @@ |
|
|
|
<view v-model="option.value">{{ option.label }}</view> |
|
|
|
<u-icon v-if="option.dropdownShow" name="checkbox-mark" color="#2979ff" size="28"></u-icon> |
|
|
|
</div> |
|
|
|
<u-button type="primary" @click="closeDropdown">确定</u-button> |
|
|
|
</view> |
|
|
|
</u-dropdown-item> |
|
|
|
</u-dropdown> |
|
|
|
@ -46,21 +46,14 @@ |
|
|
|
<u-input v-model="decripeValue" :type="type" :border="border" /> |
|
|
|
</div> |
|
|
|
<!-- 所属项目 --> |
|
|
|
<div class="flex items-center"> |
|
|
|
<div class="w flex items-center"> |
|
|
|
<div>所属项目</div> |
|
|
|
<div class="" style="position: relative; background: #fff"> |
|
|
|
<u-input v-model="projectValue" :type="type" :border="border" @click="isProjectShow" /> |
|
|
|
<div v-if="projectShow" class="projectBelong" @blur="projectShow = false"> |
|
|
|
<div v-for="project in projects" :key="project"> |
|
|
|
{{ project }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="xiangmu" style="position: relative; background: #fff">当前项目</div> |
|
|
|
</div> |
|
|
|
<!-- 所属任务 --> |
|
|
|
<div class="flex items-center"> |
|
|
|
<div class="w flex items-center"> |
|
|
|
<div>所属任务</div> |
|
|
|
<u-input v-model="taskValue" :type="type" :border="border" /> |
|
|
|
<div class="renwu">当前任务</div> |
|
|
|
</div> |
|
|
|
<!-- 上道工序 --> |
|
|
|
<div class="flex items-center"> |
|
|
|
@ -73,9 +66,9 @@ |
|
|
|
<div class="" label="检查人" style="width: 85%"> |
|
|
|
<u-dropdown ref="dropdown"> |
|
|
|
<u-dropdown-item :title="secondDropTitle" style="border: none"> |
|
|
|
<view class="slot-content" style="background-color: #ffffff; height: auto"> |
|
|
|
<view class="slot-content bg-white"> |
|
|
|
<div |
|
|
|
class="multiple-choice flex flex-row justify-between" |
|
|
|
class="mb-1 multiple-choice flex flex-row justify-between" |
|
|
|
v-for="(checkoutOption, Index) in checkoutOptions" |
|
|
|
:key="Index" |
|
|
|
@click="choose(Index)" |
|
|
|
@ -83,7 +76,6 @@ |
|
|
|
<view v-model="checkoutOption.value">{{ checkoutOption.label }}</view> |
|
|
|
<u-icon v-if="checkoutOption.dropdownShow" name="checkbox-mark" color="#2979ff" size="28"></u-icon> |
|
|
|
</div> |
|
|
|
<u-button type="primary" @click="dropdownClosed">确定</u-button> |
|
|
|
</view> |
|
|
|
</u-dropdown-item> |
|
|
|
</u-dropdown> |
|
|
|
@ -100,7 +92,10 @@ |
|
|
|
<u-input style="border-bottom: 1px solid #dcdfe6" placeholder="交付物名称2" :type="type" :border="border" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<u-button class="btn flex justify-center" type="primary" shape="circle" size="medium">提交</u-button> |
|
|
|
<div class="flex justify-between items-center btns"> |
|
|
|
<u-button class="btn flex justify-center" type="primary" shape="circle" size="medium" @click="$emit('closeMask')">提交</u-button> |
|
|
|
<u-button class="btn flex justify-center" shape="circle" size="medium" @click="$emit('closeMask')">取消</u-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
@ -284,6 +279,7 @@ export default { |
|
|
|
|
|
|
|
/deep/.u-input--border { |
|
|
|
border: none; |
|
|
|
border-radius: 0; |
|
|
|
} |
|
|
|
/deep/.u-dropdown__menu__item > uni-view { |
|
|
|
border: none !important; |
|
|
|
@ -295,4 +291,30 @@ export default { |
|
|
|
.btn { |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
.popupTitle { |
|
|
|
font-size: 16px; |
|
|
|
font-weight: bold; |
|
|
|
margin-bottom: 5px; |
|
|
|
} |
|
|
|
.new-projects-box { |
|
|
|
margin-top: 20px; |
|
|
|
padding: 15px; |
|
|
|
width: 330px; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
.btns { |
|
|
|
padding: 0 30px; |
|
|
|
} |
|
|
|
.xiangmu { |
|
|
|
margin-left: 11px; |
|
|
|
color: rgb(192, 196, 204); |
|
|
|
} |
|
|
|
.renwu { |
|
|
|
margin-left: 11px; |
|
|
|
color: rgb(192, 196, 204); |
|
|
|
} |
|
|
|
.w { |
|
|
|
width: 300px; |
|
|
|
height: 39px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
