12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- <template>
- <div>
- <a-modal
- :title="title"
- :width="800"
- :visible="visible"
- :confirmLoading="confirmLoading"
- @ok="handleSubmit"
- @cancel="handleCancel">
- <div>
- <a-form-item label="用户名:" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
- <a-input-search placeholder="点击右侧按钮选择用户" disabled @search="onSearch" v-model="userNames">
- <a-button slot="enterButton" icon="search">选择</a-button>
- </a-input-search>
- </a-form-item>
- </div>
- </a-modal>
- <!-- 用户查询列表 -->
- <select-user-list-modal ref="selectUserListModal" @ok="getUserCallBack"></select-user-list-modal>
- </div>
- </template>
- <script>
- import {getUserList} from '@/api/api'
- import SelectUserListModal from './modal/SelectUserListModal'
- export default {
- name: "SelectUserModal",
- components: {
- SelectUserListModal,
- },
- props: ['taskId'],
- data() {
- return {
- title: "操作",
- visible: false,
- selectUserListVisible: false,
- model: {},
- confirmLoading: false,
- userNames: '',
- userKeys: '',
- }
- },
- created() {
- console.log(this.model)
- },
- methods: {
- open() {
- this.userNames = ''
- this.userKeys = ''
- this.visible = true;
- },
- close() {
- this.$emit('close');
- this.visible = false;
- },
- handleCancel() {
- this.close()
- },
- onSearch() {
- this.$refs.selectUserListModal.open();
- },
- getUserCallBack(selectionRows) {
- console.log(selectionRows)
- let names = ''
- let keys = ''
- for (let row of selectionRows) {
- names = row.realname + "," + names
- keys = row.username + "," + keys
- }
- this.userNames = names
- this.userKeys = keys
- console.log('--userkeys--' + this.userKeys)
- },
- handleSubmit() {
- console.log("taskId: " + this.taskId)
- this.$emit('ok', this.userKeys, this.taskId);
- this.close()
- },
- }
- }
- </script>
- <style>
- </style>
|