programs_info/三资项目/删除前备份/前段代码/workflow/components/myProcessAll/ChangeClient.vue

<template>
	<el-dialog
	 :close-on-click-modal="false"
	 :close-on-press-escape="false"
	 :title="dialogTitle"
	 :visible.sync="dialogVisible"
	 top="50px"
	 width="50%"
	>
		<el-card shadow="always" style="padding: 15px 5px 5px 15px">

			<div class="tabsdom">
				<el-form ref="form" :model="form" style="width: 100%;padding: 5px" label-width="100px">
					<el-row style="margin-top: 25px">
						<el-col style="padding-bottom: 10px" :span="24">
							<el-form-item label="原处理人">
								<el-select v-model="form.flowMainPushId" placeholder="请选择">
									<el-option
									 v-for="item in findPushInfo"
									 :key="item.value"
									 :label="item.pushUserName"
									 :value="item.id">
									</el-option>
								</el-select>
							</el-form-item>
						</el-col>
						<el-col style="padding-bottom: 10px" :span="24">
							<el-form-item label="新委托处理人">
								<user-select
								 :default-select="selectList"
								 :multiple="false"
								 width="700"
								 @selectValue="parentMethod"
								/>
							</el-form-item>
						</el-col>
					</el-row>
				</el-form>
			</div>
		</el-card>

		<div slot="footer">
			<el-button @click="dialogVisible = false">取 消</el-button>
			<el-button type="primary" @click="confirmSubmit()">确 定</el-button>
		</div>
	</el-dialog>

</template>

<script>
import UserSelect from '@/views/components/UserSelect'
import Base from '@/views/base/base.vue'
import BaseData from '@/views/base/baseData.vue'
import {upload} from '@/static/utils/channel'

export default {
	name: 'ApplyPay',
	components: {
		UserSelect
	},
	mixins: [Base, BaseData],
	data() {
		return {
			findPushInfo: [],
			dialogVisible: false,
			form: {},
			fileError: false,
			fileList: [],
			selectList: [],
			value1: [],
			ProjectData: [
				{name: '年假(剩余x天)', type: 'year'},
				{name: '事假(剩余x小时)', type: 'affair'},
				{name: '病假', type: 'illness'}
			],
			dialogTitle: '变更委托人',
		}
	},
	methods: {
		uploadFile(param) {
			upload(param, true).then((res) => {
				this.form.fileUrlList.push(res)
			})
		},
		parentMethod: function (val) {
			if (val.length > 0) {
				console.log(val)
				this.form.pushEntrustId = val.join(',')
			}
		},
		async setVisible(status, row) {
			this.dialogVisible = status
			const {data: findPushInfo} = await this.baseRequest1('FlowMainController', 'findPushInfoByFlowMainId', {flowMainid: row.id})
			this.findPushInfo = findPushInfo
			this.form.flowMainPushId = findPushInfo[0].id

		},
		async confirmSubmit() {

			if (!this.form.pushEntrustId || this.form.pushEntrustId.length == 0) return this.$message.warning("请选择新的委托人")
			const {data: data} = await this.baseRequest1('FlowMainController', 'topEntrustOperate', {...this.form})
			if (data.code == 200) {
				this.$message.success('委托人变更成功')
				this.dialogVisible = false
				this.$emit("getData")
			} else {
				this.$message.warning(data.msg)
			}
		},
		baseRequest1(prefix, opUrl, postData) {
			return this.$channel.globleRequest(prefix, opUrl, postData, 'project task')
		},
	}
}
</script>

<style lang="scss">
.ml5 {
	margin-left: 5px;
}

.tabsdom {
	.el-tabs__header {
		text-align: center !important;
		width: 139px !important;
		text-align: center !important;
		display: block !important;
		margin: auto !important;
		margin-bottom: 15px !important;
	}

	.el-tabs__nav-wrap::after {
		display: none;
	}

	.el-upload {
		width: 100%;
	}
}

</style>