<!DOCTYPE html>
|
<html lang="zh-CN">
|
<head>
|
<meta charset="UTF-8">
|
<title>批量新增邮寄信电联记录</title>
|
<link rel="stylesheet" href="../../../css/style.css">
|
<link rel="stylesheet" href="../../../layui/css/layui.css">
|
<script src="../../../js/plugins/jquery.min.js"></script>
|
<script src="../../../js/vue/vue.min.js"></script>
|
<script src="../../../layui/layui.all.js"></script>
|
<script src="../../../vcCore/vcFramework.js"></script>
|
<script src="../../../js/common.js"></script>
|
<script src="../../../js/plugins/DatePicker/WdatePicker.js"></script>
|
</head>
|
<body>
|
<div id="batchAddMailCallRecord" class="vc-container">
|
<div class="vc-mgr">
|
<div class="vc-mgr-header">
|
<div class="vc-mgr-header-title">
|
<h3>批量新增邮寄信电联记录</h3>
|
</div>
|
</div>
|
<div class="vc-mgr-body">
|
<div class="vc-mgr-form">
|
<div class="layui-form-item">
|
<label class="layui-form-label">操作说明</label>
|
<div class="layui-input-block">
|
<div class="layui-form-mid layui-word-aux">
|
<p>1. 点击下方按钮添加多条记录</p>
|
<p>2. 填写每条记录的详细信息</p>
|
<p>3. 点击提交按钮批量保存</p>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn layui-btn-normal" @click="_addRecord">
|
<i class="layui-icon"></i> 添加记录
|
</button>
|
<button type="button" class="layui-btn layui-btn-danger" @click="_clearRecords">
|
<i class="layui-icon"></i> 清空记录
|
</button>
|
</div>
|
</div>
|
<div class="layui-form" lay-filter="batchAddMailCallRecordForm">
|
<div v-for="(record, index) in batchAddMailCallRecordInfo.records" :key="index" class="layui-card layui-mt10">
|
<div class="layui-card-header">
|
<span>记录 {{index + 1}}</span>
|
<button type="button" class="layui-btn layui-btn-xs layui-btn-danger" @click="_removeRecord(index)">
|
<i class="layui-icon"></i> 删除
|
</button>
|
</div>
|
<div class="layui-card-body">
|
<div class="layui-form-item">
|
<label class="layui-form-label">业主编号</label>
|
<div class="layui-input-block">
|
<input type="text" v-model="record.mailId" placeholder="请输入业主编号" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">电联日期</label>
|
<div class="layui-input-block">
|
<input type="text" v-model="record.callDate" placeholder="请选择电联日期" class="layui-input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'});">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">被电联联系人</label>
|
<div class="layui-input-block">
|
<input type="text" v-model="record.callContact" placeholder="请输入被电联联系人姓名" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">电联结果</label>
|
<div class="layui-input-block">
|
<select v-model="record.callResult" class="layui-select">
|
<option value="">请选择电联结果</option>
|
<option value="接通">接通</option>
|
<option value="未接">未接</option>
|
<option value="拒接">拒接</option>
|
<option value="空号">空号</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">电联执行人员</label>
|
<div class="layui-input-block">
|
<input type="text" v-model="record.caller" placeholder="请输入执行人员姓名" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">电联备注</label>
|
<div class="layui-input-block">
|
<textarea v-model="record.remark" placeholder="请输入电联备注" class="layui-textarea"></textarea>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item layui-mt20">
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" lay-submit lay-filter="batchAddMailCallRecord">
|
<i class="layui-icon"></i> 批量提交
|
</button>
|
<button type="button" class="layui-btn layui-btn-primary" @click="_back">
|
<i class="layui-icon"></i> 返回
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="batchAddMailCallRecord.js"></script>
|
</body>
|
</html>
|
