<template>
	<view class="app">
		<view class="content">
			<view class="name">
				<view class="item">
					随访时间
				</view>
				<u-input v-model="item.followDate" :border="true" placeholder="请输入话术名称" />
			</view>
			<view class="name">
				<view class="item">
					随访方式
				</view>
				<u-input v-model="item.taskNodeType" :border="true" placeholder="" />
			</view>
			<view class="name">
				<view class="item">
					随访名称
				</view>
				<u-input v-model="item.followName" :border="true" placeholder="" />
			</view>
			<view class="name">
				<view class="item">
					任务处理信息
				</view>
				<u-input placeholder="请输入任务处理信息" v-model="query.routeHandleRemark" type="textarea"
					placeholder-class="color:red;" :height="250" :customStyle="{lineHeight: '30px'}" />
			</view>
			<u-toast ref="uToast" />
		</view>

	</view>
</template>

<script>
	import {
		template
	} from 'lodash';
	import {
		selectScriptInfo
	} from '@/api/consulting/consulting.js'
	export default {
		data() {
			return {
				item: {},
				query: {},
				presentation: '',
				value: "",
				type: 'textarea',
				border: true,
				height: 100,
				autoHeight: true,
			};
		},
		onShow() {
			// this.getlist()
		},
		watch: { //监听

		},
		onLoad(options) {
			this.item = JSON.parse(options.item)
			if (this.item.taskNodeType == 'PHONE_OUTBOUND') {
				this.item.taskNodeType = '电话外呼'
			}
			this.selectScriptInfodata()
			console.log(options, 'option')

		},
		methods: {
			selectScriptInfodata() {
				selectScriptInfo(this.item.patientTaskExecuteRecordId).then(res => {
					this.query = res.data
				})
			}
		},
	}
</script>

<style lang="scss">
	.app {
		height: 100vh;
		background-color: #F7F5F5;
		padding: 30rpx 0 0 0;
		overflow: scroll;
		font-size: 28rpx;
		.content {
			pointer-events: none;
			cursor: default;
			background-color: #fff;
			width: 95%;
			height: 100vh;
			margin: 0 auto;
			border-radius: 10rpx;
			padding-top: 40rpx;

			.btns {
				width: 90%;
				margin: 69rpx auto;
				background-color: #26A888;
				text-align: center;
				line-height: 60rpx;
				height: 60rpx;
				color: #fff;
			}

			.name {
				padding: 4rpx 30rpx 4rpx 7%;
				font-size: 30rpx;
				font-weight: 400;
				color: #333333;
				line-height: 38rpx;

				.item {
					margin-bottom: 19rpx;
				}
				::v-deep .u-input__textarea {
					    padding: 10rpx 10rpx;
					
				}


				::v-deep .u-input {
					width: 636rpx;
					// height: 63rpx;
					background: #F6F6F6;
					margin: 12rpx auto;
					border: none;
					border-radius: 5rpx;
					color: #C4C8CF !important;
					// color: #8E8E8E !important;

				}


				::v-deep .input-placeholder {
					color: #C4C8CF !important;
					// font-size: 20rpx;
				}
			}
		}
	}
</style>