身份证正反面调整

odc.xiaohui

2023-03-08 d24c9dde20cba23b96082b4db81b5223c75e4ea9

 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">
@@ -13,20 +13,20 @@
                                        :value="item.id">
                                    </el-option>
                                </el-select>
                            </div>                       
                            </div>
                        </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"></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>
@@ -48,9 +48,9 @@
    data() {
        const validateMessageContent = (rule, value, callback) => {
          if (!value) {
            callback(new Error('请输入短信内容'))
            callback(new Error('请输入短信内容'));
          } else {
            this.$refs.user.clearValidate('body');
            callback();
          }
        }
        return {
@@ -70,21 +70,32 @@
                  { required: true, trigger: ['blur', 'change'], validator: validateMessageContent }
                ]
            },
            colList: [{ id: "1", columnName: "验证码模板"}, {id: "2",columnName: "活动模板"}],
            disabled: this.dialogType === 'view'
            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() {
        return this.dialogType === 'view';
      }
  },
    methods: {
        // 新建/保存消息(1:新建,0保存消息)
        handleSubmit() {
            this.role.body = this.$refs.edit.editor.txt.html();
            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 +125,7 @@
        handleReset() {
            this.$refs.edit.editor.txt.clear();
            this.$refs.user.resetFields();
        }
        },
    },
    props: ['tableRowData', 'dialogType']
}
@@ -122,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 {
@@ -134,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 {
@@ -173,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;
@@ -219,4 +226,4 @@
        }
    }
}
</style>
</style>