| | |
| | | <template> |
| | | <el-dialog |
| | | :title="!dataForm.id ? '新增新闻' : '修改'" |
| | | :close-on-click-modal="false" |
| | | :visible.sync="visible" |
| | | @close="handClose" |
| | | > |
| | | <el-form |
| | | :model="dataForm" |
| | | :rules="dataRule" |
| | | ref="dataForm" |
| | | @keyup.enter.native="dataFormSubmit()" |
| | | label-width="100px" |
| | | > |
| | | <el-dialog :title="!dataForm.id ? '新增新闻' : '修改'" :close-on-click-modal="false" :visible.sync="visible" |
| | | @close="handClose"> |
| | | <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" |
| | | label-width="100px"> |
| | | <el-form-item label="玩家/代理UID(空是全局)"> |
| | | <el-input |
| | | v-model="dataForm.userCode" |
| | | placeholder="请输入UID" |
| | | ></el-input> |
| | | <el-input v-model="dataForm.userCode" placeholder="请输入UID"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="标题" prop="title"> |
| | | <el-input v-model="dataForm.title" placeholder="标题"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="图片" prop="imageUrl"> |
| | | <el-upload |
| | | class="avatar-uploader" |
| | | :action="$http.adornUrl('/api/uploadFile')" |
| | | :headers="{ Authorization: $cookie.get('Authorization') }" |
| | | :show-file-list="false" |
| | | :on-success="handleAvatarSuccess" |
| | | :before-upload="beforeAvatarUpload" |
| | | > |
| | | <img |
| | | v-if="dataForm.imageUrlhttp" |
| | | :src="dataForm.imageUrlhttp" |
| | | class="avatar" |
| | | /> |
| | | <el-upload class="avatar-uploader" :action="$http.adornUrl('/api/uploadFile')" |
| | | :headers="{ Authorization: $cookie.get('Authorization') }" :show-file-list="false" |
| | | :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"> |
| | | <img v-if="dataForm.imageUrlhttp" :src="dataForm.imageUrlhttp" class="avatar" /> |
| | | <i v-else class="el-icon-plus avatar-uploader-icon"></i> |
| | | </el-upload> |
| | | </el-form-item> |
| | |
| | | </el-form-item> --> |
| | | |
| | | <el-form-item label="图片跳转链接" prop="imgJumpUrl"> |
| | | <el-input |
| | | v-model="dataForm.imgJumpUrl" |
| | | placeholder="图片跳转链接" |
| | | ></el-input> |
| | | <el-input v-model="dataForm.imgJumpUrl" placeholder="图片跳转链接"></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="可否点击"> |
| | | <el-select |
| | | v-model="optionsTwo.value" |
| | | placeholder="请选择" |
| | | @change="changeVal()" |
| | | > |
| | | <el-option |
| | | v-for="item in optionsTwo" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | <el-select v-model="optionsTwo.value" placeholder="请选择" @change="changeVal()"> |
| | | <el-option v-for="item in optionsTwo" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="是否弹出"> |
| | | <el-select |
| | | v-model="optionsThree.value" |
| | | placeholder="请选择" |
| | | @change="changeVal()" |
| | | > |
| | | <el-option |
| | | v-for="item in optionsThree" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | <el-select v-model="optionsThree.value" placeholder="请选择" @change="changeVal()"> |
| | | <el-option v-for="item in optionsThree" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="滚动新闻"> |
| | | <el-select |
| | | v-model="optionsFour.value" |
| | | placeholder="请选择" |
| | | @change="changeVal()" |
| | | > |
| | | <el-option |
| | | v-for="item in optionsFour" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | <el-select v-model="optionsFour.value" placeholder="请选择" @change="changeVal()"> |
| | | <el-option v-for="item in optionsFour" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="语言"> |
| | | <el-select |
| | | v-model="options.value" |
| | | placeholder="请选择语言" |
| | | @change="changeVal()" |
| | | > |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | <el-select v-model="options.value" placeholder="请选择语言" @change="changeVal()"> |
| | | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | <!-- <el-select v-model="dataForm.language" placeholder="英文"> |
| | |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="开始时间"> |
| | | <el-date-picker |
| | | v-model="dataForm.startTime" |
| | | type="datetime" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择日期时间" |
| | | > |
| | | <el-date-picker v-model="dataForm.startTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择日期时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="结束时间"> |
| | | <el-date-picker |
| | | v-model="dataForm.endTime" |
| | | type="datetime" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择日期时间" |
| | | > |
| | | <el-date-picker v-model="dataForm.endTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择日期时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="内容" prop="content"> |
| | | <el-input |
| | | type="textarea" |
| | | placeholder="请输入内容" |
| | | v-model="dataForm.content" |
| | | maxlength="500" |
| | | :autosize="{ minRows: 8, maxRows: 8 }" |
| | | show-word-limit |
| | | > |
| | | <el-input type="textarea" placeholder="请输入内容" v-model="dataForm.content" maxlength="500" |
| | | :autosize="{ minRows: 8, maxRows: 8 }" show-word-limit> |
| | | </el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | <el-button type="primary" @click="open()">确定</el-button> |
| | | </span> |
| | | <!-- 确认弹窗-start --> |
| | | <el-dialog |
| | | title="确认增加" |
| | | :visible.sync="dialogFormVisible" |
| | | :append-to-body="true" |
| | | > |
| | | <el-form |
| | | :model="dataForm2" |
| | | :rules="dataRule2" |
| | | ref="dataForm2" |
| | | @keyup.enter.native="open()" |
| | | label-width="80px" |
| | | > |
| | | <el-form-item |
| | | label="登录人资金密码" |
| | | :label-width="formLabelWidth" |
| | | prop="loginSafeword" |
| | | > |
| | | <el-input |
| | | v-model="dataForm2.loginSafeword" |
| | | type="password" |
| | | placeholder="登录人资金密码" |
| | | autocomplete="off" |
| | | ></el-input> |
| | | <el-dialog title="确认增加" :visible.sync="dialogFormVisible" :append-to-body="true"> |
| | | <el-form :model="dataForm2" :rules="dataRule2" ref="dataForm2" @keyup.enter.native="open()" label-width="80px"> |
| | | <el-form-item label="登录人资金密码" :label-width="formLabelWidth" prop="loginSafeword"> |
| | | <el-input v-model="dataForm2.loginSafeword" type="password" placeholder="登录人资金密码" |
| | | autocomplete="off"></el-input> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | |
| | | ], |
| | | row: "", |
| | | dataForm: { |
| | | id: 0, |
| | | // id: 0, |
| | | userCode: "", |
| | | roleName: "", |
| | | remark: "", |
| | |
| | | |
| | | title: [{ required: true, message: "标题不能为空", trigger: "blur" }], |
| | | content: [{ required: true, message: "内容不能为空", trigger: "blur" }], |
| | | imgJumpUrl: [ |
| | | { required: true, message: "图片跳转链接不能为空", trigger: "blur" }, |
| | | ], |
| | | // imgJumpUrl: [ |
| | | // { required: true, message: "图片跳转链接不能为空", trigger: "blur" }, |
| | | // ], |
| | | // imageUrl:[{ required: true, message: '图片不能为空', trigger: 'blur' },], |
| | | roleName: [ |
| | | { required: true, message: "角色名称不能为空", trigger: "blur" }, |
| | |
| | | }, |
| | | methods: { |
| | | init(row, arr) { |
| | | this.row = { row } || ""; |
| | | this.row = { row }; |
| | | console.log(row); |
| | | this.options = arr; |
| | | if (row) { |
| | |
| | | // popUp = parseInt(this.dataForm.popUp)==1 ? true : false; |
| | | // }catch{ |
| | | // } |
| | | if (this.row) { |
| | | if (this.row.row) { |
| | | //更新修改 |
| | | //start |
| | | this.$refs["dataForm2"].validate((valid) => { |
| | |
| | | click: this.optionsTwo.value, //是否可点击 |
| | | content: this.dataForm.content, //内容 |
| | | endTime: this.dataForm.endTime, //this.dataForm.endTime, //结束时间 |
| | | id: this.dataForm.id, //修改传id,新增不传 |
| | | id: this.dataForm.id || null, //修改传id,新增不传 |
| | | imgJumpUrl: this.dataForm.imgJumpUrl, //图片跳转链接 |
| | | imgUrl: this.dataForm.imgUrl, //图片地址 |
| | | index: this.optionsFour.value, //index |
| | |
| | | position: relative; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .avatar-uploader .el-upload:hover { |
| | | border-color: #409eff; |
| | | } |
| | | |
| | | .avatar-uploader-icon { |
| | | font-size: 28px; |
| | | color: #8c939d; |
| | |
| | | line-height: 178px; |
| | | text-align: center; |
| | | } |
| | | |
| | | .avatar { |
| | | width: 178px; |
| | | height: 178px; |