|
@@ -4,12 +4,20 @@
|
|
|
<el-col :span="16">
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
<el-row>
|
|
|
- <el-col :span="18">
|
|
|
+ <el-col :span="13">
|
|
|
<el-form-item label="模板名称" prop="title">
|
|
|
<el-input v-model="form.title" placeholder="请输入标题" clearable />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
|
+ <el-form-item label="模板类型" prop="type">
|
|
|
+ <el-select v-model="form.type" placeholder="请选择">
|
|
|
+ <el-option label="复诊提醒" :value="0"></el-option>
|
|
|
+ <el-option label="随访记录" :value="1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
<el-form-item label="状态" prop="state">
|
|
|
<el-select v-model="form.state" placeholder="请选择">
|
|
|
<el-option label="启用" :value="0"></el-option>
|
|
@@ -18,7 +26,10 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <el-form-item label="问题选项" prop="op">
|
|
|
+ <el-form-item label="提醒内容" prop="op" v-if="form.type == 0">
|
|
|
+ <el-input v-model="form.op" type="textarea" placeholder="例如:根据您于本院做的体检结果异常,请到岑溪人民医院做复诊" rows="5" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="问题选项" prop="op" v-else>
|
|
|
<div class="mbg">
|
|
|
<el-form-item :label="'' + (index + 1)" v-for="(item, index) in form.op" :key="item.key" :prop="'op.' + index + '.name'" :rules="rules.dynamic" class="moptions">
|
|
|
<el-input class="minp" v-model="item.name" placeholder="请输入内容" @input="input()" clearable>
|
|
@@ -52,32 +63,35 @@
|
|
|
<div class="guise-mobile-show" ref="scrollbar">
|
|
|
<!--手机展示内容放置区-->
|
|
|
<div class="mttv">{{ form.title }}</div>
|
|
|
- <el-divider>开始</el-divider>
|
|
|
- <div class="items" v-for="(item, index) in form.op" :key="index">
|
|
|
- <div class="vtitle" style="font-weight: normal; font-size: 14px">
|
|
|
- <span class="ifnull" v-if="item.ifnull == '必填'">*</span>
|
|
|
- <span class="index">{{ index + 1 }},</span>
|
|
|
- <span class="tm">{{ item.name }} ({{ item.input }})</span>
|
|
|
- </div>
|
|
|
- <div class="mts">
|
|
|
- <el-button style="width: 100%" v-if="item.input == '图片' || item.input == '视频' || item.input == '录音'">
|
|
|
- <i class="el-icon-picture" v-if="item.input == '图片'"></i>
|
|
|
- <i class="el-icon-video-camera-solid" v-if="item.input == '视频'"></i>
|
|
|
- <i class="el-icon-microphone" v-if="item.input == '录音'"></i>
|
|
|
- <span>{{ item.input }}</span>
|
|
|
- </el-button>
|
|
|
- <input v-if="item.input == '填空'" placeholder="请输入" :disabled="true" />
|
|
|
- <textarea v-if="item.input == '多行文本'" :disabled="true" placeholder="请输入"></textarea>
|
|
|
- <input type="number" v-if="item.input == '数字'" placeholder="请输入" :disabled="true" />
|
|
|
- <div class="ops">
|
|
|
- <div v-for="(op, i) in item.selects" :key="op.name">
|
|
|
- <div class="op">{{ op.name }}</div>
|
|
|
+ <div class="message-bubble-received" v-if="form.type == 0">{{ form.op.length > 0 ? form.op : '' }}</div>
|
|
|
+ <div v-else>
|
|
|
+ <el-divider>开始</el-divider>
|
|
|
+ <div class="items" v-for="(item, index) in form.op" :key="index">
|
|
|
+ <div class="vtitle" style="font-weight: normal; font-size: 14px">
|
|
|
+ <span class="ifnull" v-if="item.ifnull == '必填'">*</span>
|
|
|
+ <span class="index">{{ index + 1 }},</span>
|
|
|
+ <span class="tm">{{ item.name }} ({{ item.input }})</span>
|
|
|
+ </div>
|
|
|
+ <div class="mts">
|
|
|
+ <el-button style="width: 100%" v-if="item.input == '图片' || item.input == '视频' || item.input == '录音'">
|
|
|
+ <i class="el-icon-picture" v-if="item.input == '图片'"></i>
|
|
|
+ <i class="el-icon-video-camera-solid" v-if="item.input == '视频'"></i>
|
|
|
+ <i class="el-icon-microphone" v-if="item.input == '录音'"></i>
|
|
|
+ <span>{{ item.input }}</span>
|
|
|
+ </el-button>
|
|
|
+ <input v-if="item.input == '填空'" placeholder="请输入" :disabled="true" />
|
|
|
+ <textarea v-if="item.input == '多行文本'" :disabled="true" placeholder="请输入"></textarea>
|
|
|
+ <input type="number" v-if="item.input == '数字'" placeholder="请输入" :disabled="true" />
|
|
|
+ <div class="ops">
|
|
|
+ <div v-for="(op, i) in item.selects" :key="op.name">
|
|
|
+ <div class="op">{{ op.name }}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <el-divider>结束</el-divider>
|
|
|
+ <el-button type="primary" class="tjiao">提交</el-button>
|
|
|
</div>
|
|
|
- <el-divider>结束</el-divider>
|
|
|
- <el-button type="primary" class="tjiao">提交</el-button>
|
|
|
<!--手机展示内容放置区-->
|
|
|
</div>
|
|
|
</div>
|
|
@@ -95,7 +109,7 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- form: { state: 0, op: [] },
|
|
|
+ form: { state: 0, op: [], type: 1 },
|
|
|
nulls: ['必填', '非必填'],
|
|
|
selects: ['填空', '单选', '多选', '判断', '图片', '视频', '录音', '数字', '多行文本'],
|
|
|
rules: {
|
|
@@ -175,7 +189,9 @@ export default {
|
|
|
this.$refs['form'].validate((valid) => {
|
|
|
if (valid) {
|
|
|
let data = JSON.parse(JSON.stringify(this.form));
|
|
|
- data.op = JSON.stringify(data.op);
|
|
|
+ if (this.form.type == 1) {
|
|
|
+ data.op = JSON.stringify(data.op);
|
|
|
+ }
|
|
|
if (this.form.id) {
|
|
|
this.ajax({ method: 'post', url: '/work/follow/template/edit', data: data }).then((response) => {
|
|
|
this.$modal.msgSuccess('修改成功');
|