system 排版任务模块,添加/编辑弹窗功能调整

This commit is contained in:
任珮宇 2023-12-01 11:31:31 +08:00
parent 5ddfc7f189
commit aabd5c8827

View File

@ -117,12 +117,6 @@
<div class="search"> <div class="search">
<!-- 穿梭框左上方搜索 --> <!-- 穿梭框左上方搜索 -->
<div class="station-search"> <div class="station-search">
<label>Station Name</label>
<a-input type="text" placeholder="Enter Station Name" v-model="stationName" />
</div>
<!-- 穿梭框左上方搜索结束 -->
<!-- 穿梭框右上方搜索 -->
<div class="account-search">
<label>User Name</label> <label>User Name</label>
<custom-popover-search <custom-popover-search
placeholder="Enter User Name" placeholder="Enter User Name"
@ -132,13 +126,19 @@
@add="onAddToList" @add="onAddToList"
></custom-popover-search> ></custom-popover-search>
</div> </div>
<!-- 穿梭框左上方搜索结束 -->
<!-- 穿梭框右上方搜索 -->
<div class="account-search">
<label>Station Name</label>
<a-input type="text" placeholder="Enter Station Name" v-model="stationName" />
</div>
<!-- 穿梭框右上方搜索结束 --> <!-- 穿梭框右上方搜索结束 -->
</div> </div>
<!-- 穿梭框开始 --> <!-- 穿梭框开始 -->
<a-transfer <a-transfer
:target-keys="targetKeys" :target-keys="targetKeys"
:render="(item) => item.title" :render="(item) => item.title"
:operations="['Assign', 'Remove']" :operations="['Remove', 'Assign']"
:titles="['Particulate Station', 'Roster personnel']" :titles="['Particulate Station', 'Roster personnel']"
:show-select-all="false" :show-select-all="false"
@change="onChange" @change="onChange"
@ -151,6 +151,22 @@
<a-tree <a-tree
v-if="direction === 'left'" v-if="direction === 'left'"
blockNode blockNode
checkStrictly
:treeData="accountTreeData"
:selectedKeys.sync="rightAccountChildSelectedKeys"
:expandedKeys.sync="rightAccountChildExpandedKeys"
@select="
(_, props) => {
onSelectAccount(_, props, itemSelect, itemSelectAll)
}
"
>
<a-icon slot="switcherIcon" type="down" />
</a-tree>
<!-- 右侧穿梭框中的树 -->
<a-tree
v-if="direction === 'right'"
blockNode
checkable checkable
checkStrictly checkStrictly
defaultExpandAll defaultExpandAll
@ -170,22 +186,6 @@
> >
<a-icon slot="switcherIcon" type="down" /> <a-icon slot="switcherIcon" type="down" />
</a-tree> </a-tree>
<!-- 右侧穿梭框中的树 -->
<a-tree
v-if="direction === 'right'"
blockNode
checkStrictly
:treeData="accountTreeData"
:selectedKeys.sync="rightAccountChildSelectedKeys"
:expandedKeys.sync="rightAccountChildExpandedKeys"
@select="
(_, props) => {
onSelectAccount(_, props, itemSelect, itemSelectAll)
}
"
>
<a-icon slot="switcherIcon" type="down" />
</a-tree>
</template> </template>
</a-transfer> </a-transfer>
<!-- 穿梭框结束 --> <!-- 穿梭框结束 -->
@ -574,7 +574,9 @@ export default {
// 穿 // 穿
onChange(targetKeys, direction, moveKeys) { onChange(targetKeys, direction, moveKeys) {
if (direction == 'right') { console.log(targetKeys, direction, moveKeys)
debugger
if (direction == 'left') {
if (!this.checkedAccount) { if (!this.checkedAccount) {
this.$message.warning('Please Select A Person To Assign') this.$message.warning('Please Select A Person To Assign')
return return