odc.xiaohui
2023-03-08 d24c9dde20cba23b96082b4db81b5223c75e4ea9
src/views/operate/sms/smsTemplate/createTemplate/index.vue
@@ -13,7 +13,7 @@
                                        :value="item.id">
                                    </el-option>
                                </el-select>
                            </div>
                            </div>
                        </div>
                    </el-form-item>
                    <!-- 消息标题 -->
@@ -24,7 +24,7 @@
                    </el-form-item>
                    <!-- 消息内容 -->
                    <el-form-item class="optionItem" label="消息内容:" prop="body">
                        <MyEditor ref="edit" :readOnly="formDisabled" @getMyBody="getMyBody"></MyEditor>
                        <MyEditor ref="edit" :readOnly="formDisabled"></MyEditor>
                    </el-form-item>
                    <el-form-item v-if="!formDisabled">
                        <div class="optionBtn">
@@ -50,7 +50,6 @@
          if (!value) {
            callback(new Error('请输入短信内容'));
          } else {
            this.$refs.user.clearValidate('body');
            callback();
          }
        }
@@ -74,11 +73,16 @@
            colList: [{ id: 1, columnName: "验证码模板"}, {id: 2, columnName: "活动模板"}],
        }
    },
    created() {
      if (this.tableRowData) {
        this.role = deepClone(this.tableRowData);
      }
    },
  mounted(){
    this.$refs.edit.editor.txt.html(this.role.body);
  },
  computed: {
      formDisabled() {
@@ -88,8 +92,8 @@
    methods: {
        // 新建/保存消息(1:新建,0保存消息)
        handleSubmit() {
          this.role.body = this.$refs.edit.editor.txt.html();
          this.$refs.user.validate(valid => {
            this.role.body = this.$refs.edit.editor.txt.html();
            this.$refs.user.validate((valid) => {
                if (valid) {
                  if (this.dialogType === 'create') {
                    SMS.addNewSMSTemplate(this.role)
@@ -106,6 +110,7 @@
                        })
                        .catch(err => this.$message({ type: 'error', message: err }));
                  }
                } else {
                  this.$message({ type: 'warning', message: '请检查必填项' });
                }
@@ -128,11 +133,11 @@
<style lang="scss" scoped>
.createUser {
    border-radius: 1px;
    background-color: #09152f;
    background-color: white;
    main {
        text-align: left;
        background-color: #09152f;
        background-color: white;
        padding-bottom: 50px;
        .mainContent {
@@ -140,16 +145,16 @@
            justify-content: center;
            padding-top: 50px;
            &:deep(.el-dialog__title) {
                color: #4b9bb7;
                //color: #4b9bb7;
            }
            &::v-deep .el-form-item__label {
                color: #4b9bb7;
                //color: #4b9bb7;
            }
            &::v-deep .el-input__inner {
                width: 400px;
                background-color: #09152f;
                border: 1px solid #17324c;
                //background-color: #09152f;
                //border: 1px solid #17324c;
            }
            .message-item__left {
@@ -179,18 +184,14 @@
                }
            }
            .message-tip {
                margin-left: 20px;
            }
            :deep(.el-input--suffix) {
                width: 400px;
            }
            &::v-deep .el-textarea__inner {
                background-color: #09152f;
                border: 1px solid #17324c;
            }
            // &::v-deep .el-textarea__inner {
            //     //background-color: #09152f;
            //     //border: 1px solid #17324c;
            // }
            .el-form-item__content {
                width: 400px;
@@ -225,4 +226,4 @@
        }
    }
}
</style>
</style>