|
@ -67,28 +67,45 @@ |
|
|
<div class="setting_cont"> |
|
|
<div class="setting_cont"> |
|
|
<span>设置时间:</span> |
|
|
<span>设置时间:</span> |
|
|
<div> |
|
|
<div> |
|
|
<el-form-item prop="open_setting" :rules="[ |
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
|
prop="open_setting" |
|
|
|
|
|
:rules="[ |
|
|
{ required: true, message: '请选择开机时间', trigger: 'change' }, |
|
|
{ required: true, message: '请选择开机时间', trigger: 'change' }, |
|
|
]" :class="{'no_margin': form.open_setting === 2}"> |
|
|
|
|
|
|
|
|
]" |
|
|
|
|
|
:class="{'no_margin': form.open_setting === 2}" |
|
|
|
|
|
> |
|
|
<el-radio-group v-model="form.open_setting" @change="clearCheckbox()"> |
|
|
<el-radio-group v-model="form.open_setting" @change="clearCheckbox()"> |
|
|
<el-radio :label="1" value="everyday">每天</el-radio> |
|
|
<el-radio :label="1" value="everyday">每天</el-radio> |
|
|
<el-radio :label="2" value="weekly">每周</el-radio> |
|
|
<el-radio :label="2" value="weekly">每周</el-radio> |
|
|
</el-radio-group> |
|
|
</el-radio-group> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item v-if="form.open_setting === 2" :class="{'weekly_margin': form.open_setting === 2}" prop="open_weekly" :rules="[ |
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
|
v-if="form.open_setting === 2" |
|
|
|
|
|
:class="{'weekly_margin': form.open_setting === 2}" |
|
|
|
|
|
prop="open_weekly" |
|
|
|
|
|
:rules="[ |
|
|
{ required: true, message: '请选择每周开机时间', trigger: 'change' }, |
|
|
{ required: true, message: '请选择每周开机时间', trigger: 'change' }, |
|
|
]"> |
|
|
|
|
|
|
|
|
]" |
|
|
|
|
|
> |
|
|
<el-checkbox-group v-model="selectOpenWeekly"> |
|
|
<el-checkbox-group v-model="selectOpenWeekly"> |
|
|
<el-checkbox v-for="item in weeklyList" :key="item.id" :label="item.id" :value="item.id" name="type">{{ item.name }}</el-checkbox> |
|
|
<el-checkbox v-for="item in weeklyList" :key="item.id" :label="item.id" :value="item.id" name="type">{{ item.name }}</el-checkbox> |
|
|
</el-checkbox-group> |
|
|
</el-checkbox-group> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item prop="open_time" :rules="[ |
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
|
prop="open_time" |
|
|
|
|
|
:rules="[ |
|
|
{type: 'string', required: true, message: '请选择具体开机时间', trigger: 'change' }, |
|
|
{type: 'string', required: true, message: '请选择具体开机时间', trigger: 'change' }, |
|
|
]"> |
|
|
|
|
|
<el-time-picker v-model="form.open_time" :picker-options="{ |
|
|
|
|
|
|
|
|
]" |
|
|
|
|
|
> |
|
|
|
|
|
<el-time-picker |
|
|
|
|
|
v-model="form.open_time" |
|
|
|
|
|
:picker-options="{ |
|
|
selectableRange: '00:00:00 - 23:59:59' |
|
|
selectableRange: '00:00:00 - 23:59:59' |
|
|
}" placeholder="任意时间点" value-format="HH:mm:ss" /> |
|
|
|
|
|
|
|
|
}" |
|
|
|
|
|
placeholder="任意时间点" |
|
|
|
|
|
value-format="HH:mm:ss" |
|
|
|
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -98,28 +115,45 @@ |
|
|
<div class="setting_cont"> |
|
|
<div class="setting_cont"> |
|
|
<span>设置时间:</span> |
|
|
<span>设置时间:</span> |
|
|
<div> |
|
|
<div> |
|
|
<el-form-item prop="close_setting" :rules="[ |
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
|
prop="close_setting" |
|
|
|
|
|
:rules="[ |
|
|
{required: true, message: '请选择关机时间', trigger: 'change' }, |
|
|
{required: true, message: '请选择关机时间', trigger: 'change' }, |
|
|
]" :class="{'no_margin': form.close_setting === 2}"> |
|
|
|
|
|
|
|
|
]" |
|
|
|
|
|
:class="{'no_margin': form.close_setting === 2}" |
|
|
|
|
|
> |
|
|
<el-radio-group v-model="form.close_setting" @change="clearCheckbox()"> |
|
|
<el-radio-group v-model="form.close_setting" @change="clearCheckbox()"> |
|
|
<el-radio :label="1" value="everyday">每天</el-radio> |
|
|
<el-radio :label="1" value="everyday">每天</el-radio> |
|
|
<el-radio :label="2" value="weekly">每周</el-radio> |
|
|
<el-radio :label="2" value="weekly">每周</el-radio> |
|
|
</el-radio-group> |
|
|
</el-radio-group> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item v-if="form.close_setting === 2" :class="{'weekly_margin': form.close_setting === 2}" prop="close_weekly" :rules="[ |
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
|
v-if="form.close_setting === 2" |
|
|
|
|
|
:class="{'weekly_margin': form.close_setting === 2}" |
|
|
|
|
|
prop="close_weekly" |
|
|
|
|
|
:rules="[ |
|
|
{ required: true, message: '请选择每周关机时间', trigger: 'change' }, |
|
|
{ required: true, message: '请选择每周关机时间', trigger: 'change' }, |
|
|
]"> |
|
|
|
|
|
|
|
|
]" |
|
|
|
|
|
> |
|
|
<el-checkbox-group v-model="selectCloseweekly"> |
|
|
<el-checkbox-group v-model="selectCloseweekly"> |
|
|
<el-checkbox v-for="item in weeklyList" :key="item.id" :label="item.id" :value="item.id" name="type">{{ item.name }}</el-checkbox> |
|
|
<el-checkbox v-for="item in weeklyList" :key="item.id" :label="item.id" :value="item.id" name="type">{{ item.name }}</el-checkbox> |
|
|
</el-checkbox-group> |
|
|
</el-checkbox-group> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item prop="close_time" :rules="[ |
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
|
prop="close_time" |
|
|
|
|
|
:rules="[ |
|
|
{type: 'string', required: true, message: '请选择具体关机时间', trigger: 'change' }, |
|
|
{type: 'string', required: true, message: '请选择具体关机时间', trigger: 'change' }, |
|
|
]"> |
|
|
|
|
|
<el-time-picker v-model="form.close_time" :picker-options="{ |
|
|
|
|
|
|
|
|
]" |
|
|
|
|
|
> |
|
|
|
|
|
<el-time-picker |
|
|
|
|
|
v-model="form.close_time" |
|
|
|
|
|
:picker-options="{ |
|
|
selectableRange: '00:00:00 - 23:59:59' |
|
|
selectableRange: '00:00:00 - 23:59:59' |
|
|
}" placeholder="任意时间点" value-format="HH:mm:ss" /> |
|
|
|
|
|
|
|
|
}" |
|
|
|
|
|
placeholder="任意时间点" |
|
|
|
|
|
value-format="HH:mm:ss" |
|
|
|
|
|
/> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -128,9 +162,12 @@ |
|
|
<h4>设备方向</h4> |
|
|
<h4>设备方向</h4> |
|
|
<div class="setting_cont"> |
|
|
<div class="setting_cont"> |
|
|
<span>设备方向:</span> |
|
|
<span>设备方向:</span> |
|
|
<el-form-item prop="device_direction_name" :rules="[ |
|
|
|
|
|
|
|
|
<el-form-item |
|
|
|
|
|
prop="device_direction_name" |
|
|
|
|
|
:rules="[ |
|
|
{ required: true, message: '请选择具体设备方向', trigger: 'change' }, |
|
|
{ required: true, message: '请选择具体设备方向', trigger: 'change' }, |
|
|
]"> |
|
|
|
|
|
|
|
|
]" |
|
|
|
|
|
> |
|
|
<el-select v-model="form.device_direction_name" size="small" class="filter-item" value-key="name" @change="selectDirection"> |
|
|
<el-select v-model="form.device_direction_name" size="small" class="filter-item" value-key="name" @change="selectDirection"> |
|
|
<el-option v-for="item in deviceData" :key="item.key" :label="item.name" :value="item" /> |
|
|
<el-option v-for="item in deviceData" :key="item.key" :label="item.name" :value="item" /> |
|
|
</el-select> |
|
|
</el-select> |
|
@ -164,11 +201,11 @@ export default { |
|
|
name: 'DeviceConfig', |
|
|
name: 'DeviceConfig', |
|
|
components: { UploadCover }, |
|
|
components: { UploadCover }, |
|
|
filters: { |
|
|
filters: { |
|
|
parseTime (time, cFormat) { |
|
|
|
|
|
|
|
|
parseTime(time, cFormat) { |
|
|
return parseTime(time, cFormat) |
|
|
return parseTime(time, cFormat) |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
data () { |
|
|
|
|
|
|
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
query: { |
|
|
query: { |
|
|
blurry: '' |
|
|
blurry: '' |
|
@ -237,7 +274,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
|
// 将字符串渲染成汉字显示到页面 |
|
|
// 将字符串渲染成汉字显示到页面 |
|
|
setWeekly () { |
|
|
|
|
|
|
|
|
setWeekly() { |
|
|
const a = { |
|
|
const a = { |
|
|
1: '一', |
|
|
1: '一', |
|
|
2: '二', |
|
|
2: '二', |
|
@ -247,7 +284,7 @@ export default { |
|
|
6: '六', |
|
|
6: '六', |
|
|
7: '七' |
|
|
7: '七' |
|
|
} |
|
|
} |
|
|
return function (str) { |
|
|
|
|
|
|
|
|
return function(str) { |
|
|
if (str) { |
|
|
if (str) { |
|
|
return str.split(',').map(i => a[i]).join('/') |
|
|
return str.split(',').map(i => a[i]).join('/') |
|
|
} |
|
|
} |
|
@ -256,12 +293,12 @@ export default { |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
watch: {}, |
|
|
watch: {}, |
|
|
mounted () { |
|
|
|
|
|
|
|
|
mounted() { |
|
|
this.getStartUpList() |
|
|
this.getStartUpList() |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
// 获取开关机列表 |
|
|
// 获取开关机列表 |
|
|
getStartUpList () { |
|
|
|
|
|
|
|
|
getStartUpList() { |
|
|
// this.queryInfo.page = pager |
|
|
// this.queryInfo.page = pager |
|
|
const params = this.queryInfo |
|
|
const params = this.queryInfo |
|
|
reqStartUpList(params).then(res => { |
|
|
reqStartUpList(params).then(res => { |
|
@ -275,7 +312,7 @@ export default { |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
// 编辑开关机 |
|
|
// 编辑开关机 |
|
|
editFormData (row) { |
|
|
|
|
|
|
|
|
editFormData(row) { |
|
|
this.addFromVisible = true |
|
|
this.addFromVisible = true |
|
|
this.form.device_id = row.device_id |
|
|
this.form.device_id = row.device_id |
|
|
this.form.open_setting = row.open_setting |
|
|
this.form.open_setting = row.open_setting |
|
@ -301,8 +338,7 @@ export default { |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
// 每天/每周切换的情况下数据处理 |
|
|
// 每天/每周切换的情况下数据处理 |
|
|
clearCheckbox () { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
clearCheckbox() { |
|
|
if (this.form.open_setting === 1) { |
|
|
if (this.form.open_setting === 1) { |
|
|
this.open_weekly = [] |
|
|
this.open_weekly = [] |
|
|
this.form.open_weekly = null |
|
|
this.form.open_weekly = null |
|
@ -313,18 +349,18 @@ export default { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 选择设备方向处理 |
|
|
// 选择设备方向处理 |
|
|
selectDirection (selVal) { |
|
|
|
|
|
|
|
|
selectDirection(selVal) { |
|
|
console.log(selVal) |
|
|
console.log(selVal) |
|
|
this.form.device_direction = selVal.key |
|
|
this.form.device_direction = selVal.key |
|
|
this.form.device_direction_name = selVal.name |
|
|
this.form.device_direction_name = selVal.name |
|
|
}, |
|
|
}, |
|
|
// 重置表单数据 |
|
|
// 重置表单数据 |
|
|
resetForm (formName) { |
|
|
|
|
|
|
|
|
resetForm(formName) { |
|
|
this.addFromVisible = false |
|
|
this.addFromVisible = false |
|
|
this.$refs[formName].resetFields() |
|
|
this.$refs[formName].resetFields() |
|
|
}, |
|
|
}, |
|
|
// 提交表单数据 |
|
|
// 提交表单数据 |
|
|
submitForm (formName) { |
|
|
|
|
|
|
|
|
submitForm(formName) { |
|
|
this.form.startup_screen = this.$refs.childUpload.imageUrl |
|
|
this.form.startup_screen = this.$refs.childUpload.imageUrl |
|
|
if (this.form.open_setting === 2) { |
|
|
if (this.form.open_setting === 2) { |
|
|
this.form.open_weekly = this.selectOpenWeekly.join(',') |
|
|
this.form.open_weekly = this.selectOpenWeekly.join(',') |
|
@ -364,7 +400,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
// 列表多选操作 - 清空btn状态 |
|
|
// 列表多选操作 - 清空btn状态 |
|
|
// 单选单个复选框 |
|
|
// 单选单个复选框 |
|
|
handleSelectionChange (sels) { |
|
|
|
|
|
|
|
|
handleSelectionChange(sels) { |
|
|
this.sels = sels |
|
|
this.sels = sels |
|
|
if (sels.length > 0) { |
|
|
if (sels.length > 0) { |
|
|
this.clearBtnDisabled = false |
|
|
this.clearBtnDisabled = false |
|
@ -373,7 +409,7 @@ export default { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// 清空 |
|
|
// 清空 |
|
|
removeStartUp (rows) { |
|
|
|
|
|
|
|
|
removeStartUp(rows) { |
|
|
const ids = [] |
|
|
const ids = [] |
|
|
rows.forEach(item => { |
|
|
rows.forEach(item => { |
|
|
ids.push(item.device_id) |
|
|
ids.push(item.device_id) |
|
@ -405,7 +441,7 @@ export default { |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
// 每条显示数据改变时的事件 |
|
|
// 每条显示数据改变时的事件 |
|
|
handleSizeChange (size) { |
|
|
|
|
|
|
|
|
handleSizeChange(size) { |
|
|
// 整理参数 |
|
|
// 整理参数 |
|
|
this.queryInfo.size = size |
|
|
this.queryInfo.size = size |
|
|
this.getStartUpList() |
|
|
this.getStartUpList() |
|
|