123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221 |
- <template>
- <div class="NoiseTemplateWrapper TemplateWrapper">
- <crumbs
- :title="txt"
- class="topBack"
- linkTo="/admin/LT-YXSJWH-MBWH"
- ></crumbs>
- <PubTemplateGroup
- :editData="editData"
- @changeVal="changeVal"
- @validatePass="validatePass"
- @staticOwn="staticOwn"
- ref="submitForm"
- ></PubTemplateGroup>
- <div class="main">
- <CommonTemplate
- v-if="dataPub.region1"
- :pool="dataPub.tagPool"
- :type="dataPub.region1"
- :signe="dataPub.region3"
- :copyed="dataPub.isCopy"
- :rela="dataPub.region4"
- :options="editData"
- @changeActionData="changeActionData"
- >
- </CommonTemplate>
- <div class="btn">
- <el-button
- type="primary"
- :disabled="dataPub.isCopy && staticOwnTo == dataPub.region4"
- :plain="dataPub.isCopy && staticOwnTo == dataPub.region4"
- @click="submitForm"
- >确 定</el-button>
- </div>
- </div>
- </div>
- </template>
- <script>
- /**
- * dataPub.region2 判断底部显示哪些
- */
- import PubTemplateGroup from './PubTemplateGroup';
- import CommonTemplate from './CommonTemplate';
- import api from '@api/icss.js';
- import utils from '@api/utils.js';
- export default {
- name: 'TemplateMaintenanceWrap',
- data() {
- return {
- txt:'模板维护-添加模板',
- dataPub: {}, //公用组件传的值都在这
- editData:{}, //编辑数据
- sendIds: [], //标签明细右侧操作数据
- staticOwnTo:''
- }
- },
- beforeMount:function(){
- const {isEdit,data} = this.$route.params;
- if(isEdit){
- this.txt = '模板维护-修改模板';
- this.editData = data;
- // console.log('回读数据', this.editData)
- }
- },
- methods: {
- back() { this.$router.go(-1) },
- staticOwn(val){
- this.staticOwnTo = val
- },
- changeVal(val) { //子组件数据改变传递到父组件
- this.dataPub = val // console.log('公用组件传的值都在这', val)
- if(val.isCopy){
- this.txt = '模板维护-复制模板'
- }
- },
- changeActionData(arr) { //标签明细右侧数据id
- this.sendIds = arr
- },
- submitForm() { // 调用子组件的方法验证公用部分
- this.$refs.submitForm.submitForm('groups');
- },
- validatePass() { //验证成功回调,调取接口
- //仍需验证标签明细是否选择
- let type = this.dataPub.region1,name=this.dataPub.region2;
- let detailLis = utils.orderTemplateData(this.sendIds)
- if (JSON.stringify(this.sendIds) == '[]' || !detailLis) {
- this.$message({
- message: '模板至少包含一个标签池标签',
- type: 'warning'
- });
- return;
- }else if(detailLis[0].questionId == '' && detailLis.length == 1){
- this.$message({
- message: '保存模版时,无法保存单独的输入栏',
- type: 'warning'
- });
- return;
- }
- // let numplus = 0;
- // for(let k = 0;k < detailLis.length;k++){
- // if((detailLis[k].flag && detailLis[k].flag != 3) || (type == 322 || type == 32 || type == 31)){
- // ++numplus
- // }
- // }
- // if(numplus == 0){
- // this.$message({
- // message: '除子模板外,其他模板内容中至少给一个标签打上标记',
- // type: 'warning'
- // });
- // return;
- // }
- let param = {
- "modelDetils": detailLis,
- "name": name,
- "type": type,
- "flag": (type == 322 || type == 32 || type == 31)?3:'',
- "textType": type,
- "id":this.editData.id || '',
- "moduleType": this.dataPub.region3,
- "relationId": this.dataPub.region4
- }
- // console.log(param,'保存模板的参数')
- this.showDelDialog(param)
- },
- showDelDialog(param) {
- this.showConfirmDialog('是否保存该模板?', () => {
- if(this.editData.id){
- api.updateModuleInfo(param).then((res) => {
- if (res.data.code === '0') {
- this.warning(res.data.msg || '修改成功', 'success','1000')
- setTimeout(() => {
- this.$router.push({
- path:'/admin/LT-YXSJWH-MBWH'
- })
- }, 1000);
- } else {
- this.warning(res.data.msg)
- }
- }).catch((err) => {
- this.warning(err);
- })
- }else{
- api.saveModuleInfo(param).then((res) => {
- if (res.data.code === '0') {
- this.warning(res.data.msg || '保存成功', 'success','1000')
- setTimeout(() => {
- this.$router.push({
- path:'/admin/LT-YXSJWH-MBWH'
- })
- }, 1000);
- } else {
- this.warning(res.data.msg)
- }
- }).catch((err) => {
- this.warning(err);
- })
- }
-
- });
- },
- showConfirmDialog(msg, resolve) {
- this.$alert(msg, '提示', {
- confirmButtonText: '确定',
- type: 'warning'
- }).then(() => {
- resolve();
- }).catch(() => {});
- },
- warning(msg, type,time) {
- this.$message({
- showClose: true,
- message: msg,
- type: type || 'warning',
- duration:time || '3000'
- })
- },
- },
- components: {
- PubTemplateGroup,
- CommonTemplate,
- }
- }
- </script>
- <style lang="less">
- @import "../../less/common.less";
- .NoiseTemplateWrapper {
- .groupTitle {
- background-color: #fff;
- height: 40px;
- line-height: 40px;
- padding-left: 20px;
- }
- .main {
- background-color: #fff;
- margin: 0 20px 20px;
- padding: 20px;
- border-top: 1px solid @icssBorder;
- box-sizing: border-box;
- font-size: 14px;
- color: #606266;
- .title {
- margin-bottom: 20px;
- i {
- color: #f56c6c;
- }
- }
- }
- .btn {
- text-align: right;
- }
- .order {
- margin-bottom: 20px;
- .el-input__inner {
- line-height: 30px;
- height: 30px;
- }
- }
- }
- </style>
|