|
@@ -6,102 +6,110 @@
|
|
|
</div>
|
|
|
<div class="common-dialog-box">
|
|
|
<el-form ref="formRef" :model="formData" :rules="rules" label-width="120px">
|
|
|
- <h4 class="common-dialog-title">信息内容</h4>
|
|
|
<div class="box1">
|
|
|
+ <h3 class="common-dialog-title" style="font-weight: bold;margin-bottom: 20px;margin-left: 50px">信息内容</h3>
|
|
|
+ <div style="margin-left: 60px;margin-bottom: 60px">
|
|
|
+ <el-form-item label="标题:" prop="title">
|
|
|
+ <el-input v-model="formData.title" placeholder="请输入标题" style="width: 468px !important" />
|
|
|
+ </el-form-item>
|
|
|
|
|
|
- <el-form-item label="标题:" prop="title">
|
|
|
- <el-input v-model="formData.title" placeholder="请输入标题" style="width: 468px !important" />
|
|
|
- </el-form-item>
|
|
|
+ <el-form-item label="信息类型:" prop="info_type">
|
|
|
+ <el-select v-model="formData.info_type" placeholder="请选择信息类型" style="width: 468px !important">
|
|
|
+ <el-option v-for="dict in mm_info_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
|
|
|
- <el-form-item label="信息类型:" prop="info_type">
|
|
|
- <el-select v-model="formData.info_type" placeholder="请选择信息类型">
|
|
|
- <el-option v-for="dict in mm_info_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ <el-form-item label="发布单位:" prop="publish_group">
|
|
|
+ <el-input v-model="formData.publish_group" placeholder="请输入发布单位" style="width: 468px !important" />
|
|
|
+ </el-form-item>
|
|
|
|
|
|
- <el-form-item label="发布单位:" prop="publish_group">
|
|
|
- <el-input v-model="formData.publish_group" placeholder="请输入发布单位" style="width: 468px !important" />
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="信息模板:" prop="template_type">
|
|
|
- <el-radio-group v-model="formData.template_type">
|
|
|
- <el-radio value="0">预设模板</el-radio>
|
|
|
- <el-radio value="1">自定义模板</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item v-if="formData.template_type === '0'" label="预设模板:" prop="template_type">
|
|
|
- <el-select
|
|
|
- v-model="formData.template_id"
|
|
|
- placeholder="请选择预设模板"
|
|
|
- style="width: 300px !important"
|
|
|
- @change="handleTemplateIdChanged"
|
|
|
- >
|
|
|
- <el-option v-for="option in presetTemplates" :key="option.value" :label="option.label" :value="option.value"></el-option>
|
|
|
- </el-select>
|
|
|
- <el-text class="common-btn-text-primary" @click="showTemplateExample">样例</el-text>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item v-if="formData.template_type === '1'" prop="template_url">
|
|
|
- <el-input v-model="formData.template_url" placeholder="请输入自定义详情页面链接地址" style="width: 468px !important" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="信息内容:" prop="content">
|
|
|
- <el-input v-model="formData.content" :rows="6" type="textarea" placeholder="请输入信息内容" style="width: 468px !important"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="上传附件:" prop="attachs">
|
|
|
- <file-upload v-model="formData.attachs" :limit="4" :file-type="['pdf', 'doc', 'docx', 'jpg', 'png']" />
|
|
|
- </el-form-item>
|
|
|
+ <el-form-item label="信息模板:" prop="template_type">
|
|
|
+ <el-radio-group v-model="formData.template_type">
|
|
|
+ <el-radio value="0">预设模板</el-radio>
|
|
|
+ <el-radio value="1">自定义模板</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="formData.template_type === '0'" label="预设模板:" prop="template_type">
|
|
|
+ <el-select
|
|
|
+ v-model="formData.template_id"
|
|
|
+ placeholder="请选择预设模板"
|
|
|
+ style="width: 468px !important"
|
|
|
+ @change="handleTemplateIdChanged"
|
|
|
+ >
|
|
|
+ <el-option v-for="option in presetTemplates" :key="option.value" :label="option.label" :value="option.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-text class="common-btn-text-primary" @click="showTemplateExample">样例</el-text>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="formData.template_type === '1'" prop="template_url">
|
|
|
+ <el-input v-model="formData.template_url" placeholder="请输入自定义详情页面链接地址" style="width: 468px !important" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="信息内容:" prop="content">
|
|
|
+ <el-input v-model="formData.content" :rows="6" type="textarea" placeholder="请输入信息内容" style="width: 468px !important"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="上传附件:" prop="attachs">
|
|
|
+ <file-upload v-model="formData.attachs" :limit="4" :file-type="['pdf', 'doc', 'docx', 'jpg', 'png']" />
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
- <h4 class="common-dialog-title">推送配置</h4>
|
|
|
+
|
|
|
<div class="box1">
|
|
|
- <el-form-item label="发布名单:" prop="releaseList" style="width: 468px !important"
|
|
|
- ><span class="highlight-text">已选择{{ formData.user_count }}人</span>
|
|
|
- <el-text class="common-btn-text-primary" @click="toggleReleaseList">查看详情</el-text>
|
|
|
- </el-form-item>
|
|
|
- <el-row :gutter="18">
|
|
|
- <el-col :span="14">
|
|
|
- <el-form-item label="发布时间:" prop="publish_time">
|
|
|
- <el-radio-group v-model="formData.publish_type">
|
|
|
- <el-radio :value="'0'" @change="publishNow">立即发布</el-radio>
|
|
|
- <el-radio :value="'1'">定时发布</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- <div v-if="formData.publish_type === '0'" style="min-width: 240px">发布时间:{{ formattedCurrentTime }}</div>
|
|
|
- <el-date-picker v-else v-model="formData.publish_time" type="datetime" placeholder="选择发布时间" style="width: 250px !important" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-form-item label="消息反馈方式:" prop="response_type" style="width: 300px !important">
|
|
|
- <el-select v-model="formData.response_type" placeholder="请选择消息反馈方式">
|
|
|
- <el-option v-for="option in feedbackOptions" :key="option.value" :label="option.label" :value="option.value"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ <h3 class="common-dialog-title" style="font-weight: bold;margin-bottom: 20px;margin-left: 50px">推送配置</h3>
|
|
|
+ <div style="margin-left: 60px;margin-bottom: 60px">
|
|
|
+ <el-form-item label="发布名单:" prop="releaseList" style="width: 468px !important">
|
|
|
+ <span class="highlight-text" style="margin-right: 20px; margin-left: 20px">已选择{{ formData.user_count }}人</span>
|
|
|
+ <el-text class="common-btn-text-primary" @click="toggleReleaseList">查看详情</el-text>
|
|
|
+ </el-form-item>
|
|
|
+ <el-row :gutter="18">
|
|
|
+ <el-col :span="14">
|
|
|
+ <el-form-item label="发布时间:" prop="publish_time">
|
|
|
+ <el-radio-group v-model="formData.publish_type" style="margin-left: 20px">
|
|
|
+ <el-radio :value="'0'" @change="publishNow">立即发布</el-radio>
|
|
|
+ <el-radio :value="'1'">定时发布</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ <div v-if="formData.publish_type === '0'" style="min-width: 240px; margin-left: 20px">发布时间:{{ formattedCurrentTime }}</div>
|
|
|
+ <el-date-picker v-else v-model="formData.publish_time" type="datetime" placeholder="选择发布时间" style="width: 250px !important; margin-left: 20px" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-form-item label="消息反馈方式:" prop="response_type" style="width: 600px !important">
|
|
|
+ <el-select v-model="formData.response_type" placeholder="请选择消息反馈方式" style="margin-left: 20px">
|
|
|
+ <el-option v-for="option in feedbackOptions" :key="option.value" :label="option.label" :value="option.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <h4 class="common-dialog-title">审核配置</h4>
|
|
|
+
|
|
|
<div class="box1">
|
|
|
- <el-form-item label="审核材料:" prop="examine_attachs">
|
|
|
- <file-upload v-model="formData.examine_attachs" :limit="4" :file-type="['pdf', 'doc', 'docx', 'jpg', 'png']" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="审核人:" prop="auditor">
|
|
|
- <el-autocomplete
|
|
|
- v-model="formData.examine_user"
|
|
|
- :fetch-suggestions="querySearch"
|
|
|
- placeholder="请输入审核人姓名"
|
|
|
- style="width: 368px !important"
|
|
|
- @select="handleSelect"
|
|
|
- >
|
|
|
- <template #default="{ item }">
|
|
|
- <div class="item_row">
|
|
|
- <div class="item_row_user_name">账号:<span v-html="highlightKeyword(item)"></span></div>
|
|
|
- <div class="item_row_nick_name">姓名:{{ item.nickName }}</div>
|
|
|
- <div class="item_row_dept_name">单位:{{ item.deptName || "(空)" }}</div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
+ <h3 class="common-dialog-title" style="font-weight: bold;margin-bottom: 20px;margin-left: 50px">审核配置</h3>
|
|
|
+ <div style="margin-left: 60px;margin-bottom: 60px">
|
|
|
+ <el-form-item label="审核材料:" prop="examine_attachs">
|
|
|
+ <file-upload v-model="formData.examine_attachs" :limit="4" :file-type="['pdf', 'doc', 'docx', 'jpg', 'png']" style="margin-left: 20px" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="审核人:" prop="auditor">
|
|
|
+ <el-autocomplete
|
|
|
+ v-model="formData.examine_user"
|
|
|
+ :fetch-suggestions="querySearch"
|
|
|
+ placeholder="请输入审核人姓名"
|
|
|
+ style="width: 478px !important; margin-left: 20px"
|
|
|
+ @select="handleSelect"
|
|
|
+ >
|
|
|
+ <template #default="{ item }">
|
|
|
+ <div class="item_row">
|
|
|
+ <div class="item_row_user_name">账号:<span v-html="highlightKeyword(item)"></span></div>
|
|
|
+ <div class="item_row_nick_name">姓名:{{ item.nickName }}</div>
|
|
|
+ <div class="item_row_dept_name">单位:{{ item.deptName || "(空)" }}</div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
|
|
|
- <template #suffix>
|
|
|
- <i class="el-icon-search"></i>
|
|
|
- </template>
|
|
|
- </el-autocomplete>
|
|
|
- </el-form-item>
|
|
|
+ <template #suffix>
|
|
|
+ <i class="el-icon-search"></i>
|
|
|
+ </template>
|
|
|
+ </el-autocomplete>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+
|
|
|
</el-form>
|
|
|
<div class="common-dialog-footer">
|
|
|
<el-button :loading="buttonLoading" type="primary" @click="submitForm" :disabled="buttonDisabled">提交</el-button>
|
|
@@ -322,6 +330,10 @@ onMounted(() => {
|
|
|
border: 1px solid #dcdfe6; /* 浅灰色边框 */
|
|
|
padding: 10px; /* 可选:为了美观,可以添加一些内边距 */
|
|
|
margin-bottom: 10px;
|
|
|
+ width: 800px;
|
|
|
+ background-color: white;
|
|
|
+ border-radius: 5px;
|
|
|
+ box-shadow: 0px 0px 4px rgba(0, 0, 0, .06);
|
|
|
}
|
|
|
.highlight-text {
|
|
|
font-weight: bold; /* 加粗 */
|