luobisheng
2022-11-24 41a2ddabb399c51821ccd606736d4e4c403c4238
src/views/operate/sms/smsTemplate/createTemplate/index.vue
@@ -2,7 +2,7 @@
    <div class="createUser">
        <main>
            <div class="mainContent">
                <el-form ref="user" label-width="140px" autoComplete="on" :model="role" :rules="createRoleRules"
                <el-form ref="user" :disabled="formDisabled" label-width="140px" autoComplete="on" :model="role" :rules="createRoleRules"
                    label-position="right">
                    <!-- 消息栏目 -->
                    <el-form-item class="optionItem" label="模板类型:" prop="type">
@@ -17,16 +17,16 @@
                        </div>
                    </el-form-item>
                    <!-- 消息标题 -->
                    <el-form-item class="optionItems" label="消息标题:" prop="title" :disabled="disabled">
                    <el-form-item class="optionItems" label="消息标题:" prop="title">
                        <div class="message-item__left">
                            <el-input v-model="role.title" placeholder="请选择消息标题"></el-input>
                        </div>
                    </el-form-item>
                    <!-- 消息内容 -->
                    <el-form-item class="optionItem" label="消息内容:" prop="body" :disabled="disabled">
                        <MyEditor ref="edit" @getMyBody="getMyBody" ></MyEditor>
                    <el-form-item class="optionItem" label="消息内容:" prop="body">
                        <MyEditor ref="edit" :readOnly="formDisabled" @getMyBody="getMyBody"></MyEditor>
                    </el-form-item>
                    <el-form-item>
                    <el-form-item v-if="!formDisabled">
                        <div class="optionBtn">
                            <el-button type="primary" @click.native.prevent="handleSubmit(0)" class="btn save">保存
                            </el-button>
@@ -71,7 +71,6 @@
                ]
            },
            colList: [{ id: "1", columnName: "验证码模板"}, {id: "2",columnName: "活动模板"}],
            disabled: this.dialogType === 'view'
        }
    },
    created() {
@@ -79,12 +78,18 @@
        this.role = deepClone(this.tableRowData);
      }
    },
  computed: {
      formDisabled() {
        return this.dialogType !== 'create';
      }
  },
    methods: {
        // 新建/保存消息(1:新建,0保存消息)
        handleSubmit() {
            this.$refs.user.validate((valid) => {
                if (valid) {
                  if (this.dialogType === 'created') {
                  if (this.dialogType === 'create') {
                    SMS.addNewSMSTemplate(this.role)
                        .then(() => {
                          this.$message({ type: 'success', message: '操作成功' });
@@ -114,7 +119,7 @@
        handleReset() {
            this.$refs.edit.editor.txt.clear();
            this.$refs.user.resetFields();
        }
        },
    },
    props: ['tableRowData', 'dialogType']
}