From 4f953ffc89fc95f83b152e914c5e65938b440f17 Mon Sep 17 00:00:00 2001
From: Xxxu <794772283@qq.com>
Date: 星期二, 07 七月 2020 10:03:02 +0800
Subject: [PATCH] 上传项目
---
src/views/modules/led/led-controller/subtext-upload.vue | 321 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 321 insertions(+), 0 deletions(-)
diff --git a/src/views/modules/led/led-controller/subtext-upload.vue b/src/views/modules/led/led-controller/subtext-upload.vue
new file mode 100644
index 0000000..88e5670
--- /dev/null
+++ b/src/views/modules/led/led-controller/subtext-upload.vue
@@ -0,0 +1,321 @@
+<template>
+ <div class="subtext-upload">
+ <el-form
+ :model="dataForm"
+ :rules="dataRule"
+ ref="dataForm"
+ label-width="80px">
+ <el-row>
+ <el-col :span="24">
+ <el-form-item label="鏂囨湰绫诲瀷" prop="textType">
+ <el-radio-group v-model="dataForm.textType">
+ <el-radio :label="0">鍗曡鏂囨湰</el-radio>
+ <el-radio :label="1">澶氳鏂囨湰</el-radio>
+ </el-radio-group>
+ </el-form-item>
+ </el-col>
+ <el-col :span="8">
+ <el-col :span="24">
+ <div style="padding: 10px">
+ 鎾斁鍐呭
+ </div>
+ </el-col>
+ <el-col :span="24">
+ <div class="content-in">
+ <el-form-item label="" lable-width="0px" prop="content" v-if="dataForm.textType == 0">
+ <el-input v-if="dataForm.textType == 0" v-model="dataForm.content" placeholder="鎾斁瀛楀箷鍐呭"></el-input>
+ </el-form-item>
+ <el-form-item label="" lable-width="0px" prop="content" v-if="dataForm.textType == 1">
+ <el-input type="textarea" :rows="4" v-model="dataForm.content" placeholder="鎾斁瀛楀箷鍐呭"></el-input>
+ </el-form-item>
+ </div>
+ </el-col>
+ </el-col>
+ <el-col :span="16">
+ <el-col :span="12">
+ <el-form-item label="瀛椾綋澶у皬" prop="fontSize">
+ <el-input v-model="dataForm.fontSize" placeholder="1涓洪粯璁ゅぇ灏�" type="number"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鎾斁娆℃暟" prop="num">
+ <el-input v-model="dataForm.num" placeholder="-1姘镐箙婊氬姩" type="number"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="绉诲姩闂撮殧" prop="interval">
+ <el-input v-model="dataForm.interval" placeholder="鍗曚綅:姣" type="number"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="绉诲姩璺濈" prop="step">
+ <el-input v-model="dataForm.step" placeholder="鍗曚綅:鍍忕礌" type="number"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍓嶈繘鏂瑰悜" prop="direction" v-if="dataForm.textType == 0">
+ <el-select v-model="dataForm.direction" placeholder="璇烽�夋嫨" @change="directionChange">
+ <el-option
+ v-for="item in directionList"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鍓嶈繘鏂瑰悜" prop="direction" v-if="dataForm.textType == 1">
+ <el-select v-model="dataForm.direction" placeholder="璇烽�夋嫨" @change="directionChange">
+ <el-option
+ v-for="item in directionMultVerticalList"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鏄剧ず浣嶇疆" prop="align" v-if="dataForm.textType == 0">
+ <el-select v-model="dataForm.align" placeholder="璇烽�夋嫨">
+ <el-option
+ v-for="item in alignList"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="鏄剧ず浣嶇疆" prop="align" v-if="dataForm.textType == 1">
+ <el-select v-model="dataForm.align" placeholder="璇烽�夋嫨">
+ <el-option
+ v-for="item in alignVerticalList"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ ></el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鑳屾櫙棰滆壊" prop="color">
+ <el-color-picker v-model="dataForm.color"></el-color-picker>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鏂囧瓧棰滆壊" prop="fontColor">
+ <el-color-picker v-model="dataForm.fontColor"></el-color-picker>
+ </el-form-item>
+ </el-col>
+ </el-col>
+ </el-row>
+ </el-form>
+ <div>
+ <button class="btn" @click="dataFormSubmit()"></button>
+ </div>
+ <div style="clear:both"></div>
+ </div>
+</template>
+
+<script>
+export default {
+ data () {
+ return {
+ visible: false,
+ dataForm: {
+ id: '',
+ color: '',
+ content: '',
+ fontSize: '',
+ fontColor: '',
+ num: '',
+ interval: '',
+ step: '',
+ direction: '',
+ align: '',
+ textType: ''
+ },
+ directionList: [{
+ value: 'left',
+ label: '鍚戝乏绉诲姩'
+ }, {
+ value: 'right',
+ label: '鍚戝彸绉诲姩'
+ }, {
+ value: 'up',
+ label: '鍚戜笂绉诲姩'
+ }, {
+ value: 'down',
+ label: '鍚戜笅绉诲姩'
+ }],
+ directionVerticalList: [{
+ value: 'up',
+ label: '鍚戜笂绉诲姩'
+ }, {
+ value: 'down',
+ label: '鍚戜笅绉诲姩'
+ }],
+ directionMultVerticalList: [{
+ value: 'up',
+ label: '鍚戜笂绉诲姩'
+ }, {
+ value: 'down',
+ label: '鍚戜笅绉诲姩'
+ }, {
+ value: 'static',
+ label: '闈欐'
+ }],
+ alignList: [],
+ alignHorizonList: [{
+ value: 'top',
+ label: '涓�'
+ }, {
+ value: 'center',
+ label: '涓�'
+ }, {
+ value: 'bottom',
+ label: '涓�'
+ }],
+ alignVerticalList: [{
+ value: 'left',
+ label: '宸�'
+ }, {
+ value: 'center',
+ label: '涓�'
+ }, {
+ value: 'right',
+ label: '鍙�'
+ }],
+ dataRule: {
+ content: [
+ { required: true, message: '鎾斁鍐呭涓嶈兘涓虹┖', trigger: 'blur' }
+ ],
+ fontSize: [
+ { required: true, message: '瀛椾綋澶у皬涓嶈兘涓虹┖', trigger: 'blur' }
+ ],
+ num: [
+ { required: true, message: '鎾斁娆℃暟涓嶈兘涓虹┖', trigger: 'blur' }
+ ],
+ interval: [
+ { required: true, message: '杩涙闂撮殧涓嶈兘涓虹┖', trigger: 'blur' }
+ ],
+ step: [
+ { required: true, message: '杩涙璺濈涓嶈兘涓虹┖', trigger: 'blur' }
+ ],
+ direction: [
+ { required: true, message: '鍓嶈繘鏂瑰悜涓嶈兘涓虹┖', trigger: 'blur' }
+ ],
+ align: [
+ { required: true, message: '鏄剧ず浣嶇疆涓嶈兘涓虹┖', trigger: 'blur' }
+ ]
+ }
+ }
+ },
+ mounted () {
+ this.init(this.$store.state.led.lightemitId)
+ },
+ methods: {
+ init (id) {
+ this.$nextTick(() => {
+ this.$refs['dataForm'].resetFields()
+ this.dataForm.id = id || 0
+ this.dataForm.color = '#000000'
+ this.dataForm.content = ''
+ this.dataForm.fontSize = 1
+ this.dataForm.fontColor = '#fff'
+ this.dataForm.num = -1
+ this.dataForm.interval = 50
+ this.dataForm.step = 1
+ this.dataForm.direction = 'left'
+ this.dataForm.align = 'center'
+ this.dataForm.textType = 0
+ this.visible = true
+ this.alignList = this.alignHorizonList
+ })
+ },
+ dataFormSubmit () {
+ this.$refs['dataForm'].validate((vaild) => {
+ if (vaild) {
+ this.$http({
+ url: this.$http.adornUrl(`/pole/polelightemit/subTitleSet`),
+ method: 'post',
+ data: this.$http.adornData({
+ 'id': this.dataForm.id,
+ 'color': this.dataForm.color,
+ 'content': this.dataForm.content,
+ 'fontSize': this.dataForm.fontSize,
+ 'fontColor': this.dataForm.fontColor,
+ 'num': this.dataForm.num,
+ 'interval': this.dataForm.interval,
+ 'step': this.dataForm.step,
+ 'direction': this.dataForm.direction,
+ 'align': this.dataForm.align,
+ 'textType': this.dataForm.textType
+ })
+ }).then(({data}) => {
+ if (data && data.code === 0) {
+ this.$message({
+ message: '鎿嶄綔鎴愬姛',
+ type: 'success',
+ duration: 1500,
+ onClose: () => {
+ this.visible = false
+ }
+ })
+ } else {
+ this.$message.error(data.msg)
+ }
+ })
+ }
+ })
+ },
+ // 鏂瑰悜鏀瑰彉瑙﹀彂鍑芥暟
+ directionChange (val) {
+ if (val === 'left' || val === 'right') {
+ this.alignList = this.alignHorizonList
+ } else if (val === 'up' || val === 'down') {
+ this.alignList = this.alignVerticalList
+ }
+ }
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+.subtext-upload {
+ padding: 0 10px;
+ max-height: 100%;
+ /deep/ .el-form-item {
+ .el-form-item__label {
+ color: white;
+ };
+ .el-radio__label {
+ color: white;
+ };
+ }
+ /deep/ .content-in {
+ .el-form-item__content {
+ margin-left: 0px !important;
+ }
+ };
+ .btn {
+ border-style: none;
+ width: 100px;
+ height: 35px;
+ background: url(~@/assets/img/btn-config.png);
+ background-repeat:no-repeat;
+ border-style: none;
+ background-size: 100%;
+ color: #fff;
+ font-size: 1.1em;
+ font-weight: 550;
+ };
+ /deep/ .el-input__inner {
+ background-color: transparent;
+ color: #fff
+ }
+ /deep/ .el-textarea__inner {
+ background-color: transparent;
+ color: #fff
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3