wz_shi 3 years ago
parent
commit
df516d0f10
  1. 11
      src/api/publish/urgentMessage.js
  2. 93
      src/views/device/deviceConfig.vue
  3. 10
      src/views/device/index.vue

11
src/api/publish/urgentMessage.js

@ -0,0 +1,11 @@
// 紧急通知的接口管理
import request from '@/utils/request'
// 编辑紧急发布
export function reqUrgentMessage(parameter) {
return request({
url: 'api/release/editNotice',
method: 'post',
data: parameter
})
}

93
src/views/device/deviceConfig.vue

@ -14,7 +14,6 @@
</div> </div>
</el-col> </el-col>
<el-col class="page_add" :span="4"> <el-col class="page_add" :span="4">
<el-button class="table_add setting_btn" type="primary" round>配置</el-button>
<el-button class="table_add clear_btn" plain :disabled="clearBtnDisabled">清空</el-button> <el-button class="table_add clear_btn" plain :disabled="clearBtnDisabled">清空</el-button>
</el-col> </el-col>
</el-row> </el-row>
@ -33,8 +32,8 @@
</el-table-column> </el-table-column>
<el-table-column prop="period" label="配置周期" align="center" width="300"> <el-table-column prop="period" label="配置周期" align="center" width="300">
<template slot-scope="{row}"> <template slot-scope="{row}">
<div>{{ row.open_setting==1? '每天 - 开机 - '+row.open_time :'每周'+row.open_weekly }}</div>
<div>{{ row.close_setting==1? '关机 - '+row.close_time :'每周'+row.close_weekly }}</div>
<div>{{ row.open_setting==1? '每天 - 开机 '+row.open_time :'每周'+openWeekly(row.open_weekly)+'开机'+row.open_time }}</div>
<div>{{ row.close_setting==1?'每天 - 关机'+row.close_time :'每周'+closeWeekly(row.close_weekly)+'关机'+row.close_time }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="启动画面" align="center"> <el-table-column label="启动画面" align="center">
@ -52,7 +51,7 @@
<el-button <el-button
type="primary" type="primary"
class="edit_btn" class="edit_btn"
@click="editFormData(scope.$index, scope.row)"
@click="editFormData(scope.row)"
>编辑</el-button> >编辑</el-button>
<el-button type="info" class="record_btn">记录</el-button> <el-button type="info" class="record_btn">记录</el-button>
</template> </template>
@ -92,7 +91,7 @@
> >
<el-checkbox-group v-model="open_weekly"> <el-checkbox-group v-model="open_weekly">
<el-checkbox :label="1" name="open_weekly">周一</el-checkbox>
<el-checkbox :label='1' name="open_weekly">周一</el-checkbox>
<el-checkbox :label="2" name="open_weekly" >周二</el-checkbox> <el-checkbox :label="2" name="open_weekly" >周二</el-checkbox>
<el-checkbox :label="3" name="open_weekly" >周三</el-checkbox> <el-checkbox :label="3" name="open_weekly" >周三</el-checkbox>
<el-checkbox :label="4" name="open_weekly" >周四</el-checkbox> <el-checkbox :label="4" name="open_weekly" >周四</el-checkbox>
@ -180,12 +179,12 @@
<div class="setting_cont"> <div class="setting_cont">
<span>设备方向</span> <span>设备方向</span>
<el-form-item <el-form-item
prop="orientation"
prop="device_direction"
:rules="[ :rules="[
{ required: true, message: '请选择具体设备方向', trigger: 'change' }, { required: true, message: '请选择具体设备方向', trigger: 'change' },
]" ]"
> >
<el-select v-model="form.orientation" size="small" class="filter-item">
<el-select v-model="form.device_direction" size="small" class="filter-item">
<el-option v-for="item in deviceData" :key="item.key" :label="item.name" :value="item.key" /> <el-option v-for="item in deviceData" :key="item.key" :label="item.name" :value="item.key" />
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -196,7 +195,8 @@
<!-- action="https://jsonplaceholder.typicode.com/posts/" --> <!-- action="https://jsonplaceholder.typicode.com/posts/" -->
<div class="setting_cont upload_img"> <div class="setting_cont upload_img">
<el-form-item prop="startup_screen"> <el-form-item prop="startup_screen">
<el-upload
<UploadCover ref="childUpload" />
<!-- <el-upload
class="avatar-uploader" class="avatar-uploader"
action="" action=""
:show-file-list="false" :show-file-list="false"
@ -204,7 +204,7 @@
> >
<img v-if="form.startup_screen" :src="form.startup_screen" class="avatar" /> <img v-if="form.startup_screen" :src="form.startup_screen" class="avatar" />
<i v-else class="el-icon-plus avatar-uploader-icon"></i> <i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-upload> -->
<!-- <el-dialog :visible.sync="dialogVisible"> <!-- <el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt /> <img width="100%" :src="dialogImageUrl" alt />
</el-dialog>--> </el-dialog>-->
@ -222,10 +222,12 @@
</template> </template>
<script> <script>
import UploadCover from '../components/upload_cover.vue'
import { reqStartUpList, reqEditStartUp } from '@/api/device/startUpList.js' import { reqStartUpList, reqEditStartUp } from '@/api/device/startUpList.js'
import { parseTime } from '@/utils/index.js' import { parseTime } from '@/utils/index.js'
export default { export default {
name: 'DeviceConfig', name: 'DeviceConfig',
components: { UploadCover },
filters: { filters: {
parseTime(time, cFormat) { parseTime(time, cFormat) {
return parseTime(time, cFormat) return parseTime(time, cFormat)
@ -247,10 +249,10 @@ export default {
// //
startUpList: [], startUpList: [],
form: { form: {
device_direction:null,
device_id: '', device_id: '',
open_setting: null, // open_setting: null, //
close_setting: null, // close_setting: null, //
orientation: null, //
open_time: '', // open_time: '', //
close_time: '', // close_time: '', //
startup_screen: '', // startup_screen: '', //
@ -262,10 +264,36 @@ export default {
addFromVisible: false, addFromVisible: false,
selectedList: [], selectedList: [],
clearBtnDisabled: true, clearBtnDisabled: true,
deviceData: [{ key: '0', name: '竖屏' }, { key: '1', name: '横屏' }]
deviceData: [{ key: '1', name: '竖屏' }, { key: '2', name: '横屏' }]
}
},
computed: {
//
openWeekly(){
const a ={
1:'一',
2:'二',
3:'三',
4:'四',
5:'五',
6:'六',
7:'七'
}
return(str)=>str.split(',').map(i=>a[i]).join('/')
},
closeWeekly(){
const a ={
1:'一',
2:'二',
3:'三',
4:'四',
5:'五',
6:'六',
7:'七'
}
return(str)=>str.split(',').map(i=>a[i]).join('/')
} }
}, },
computed: {},
watch: {}, watch: {},
mounted() { mounted() {
this.getStartUpList() this.getStartUpList()
@ -283,18 +311,22 @@ export default {
}) })
}, },
// //
editFormData(index, row) {
console.log(row)
editFormData(row) {
this.$nextTick(()=>{
console.log(this.$refs.childUpload)
// this.$refs.childUpload.imageUrl=this.form.startup_screen
})
console.log(this.form.startup_screen)
this.addFromVisible = true this.addFromVisible = true
this.form = { ...row }
// this.form={
// ontime:row.open_setting ,
// offtime:row.close_setting,
// ontimeValue:row.open_time,
// offtimeValue:row.close_time,
// }
// this.offweek=row.close_weekly
// this.onweek=row.open_weekly
this.form.device_id=row.device_id
this.form.open_setting=row.open_setting
this.form.close_setting=row.close_setting
this.form.open_time=row.open_time
this.form.close_time=row.close_time
this.form.startup_screen=row.startup_screen
this.form.open_weekly=row.open_weekly
this.form.close_weekly=row.close_weekly
this.form.device_direction=row.device_direction==1?'竖屏':'横屏'
}, },
clearCheckbox() { clearCheckbox() {
if (this.form.open_setting === 1) { if (this.form.open_setting === 1) {
@ -311,6 +343,7 @@ export default {
this.$refs[formName].resetFields() this.$refs[formName].resetFields()
}, },
submitForm(formName) { submitForm(formName) {
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.open_weekly.join(',') this.form.open_weekly = this.open_weekly.join(',')
} }
@ -319,7 +352,17 @@ export default {
} }
this.$refs[formName].validate(valid => { this.$refs[formName].validate(valid => {
if (valid) { if (valid) {
const params = this.form
const params = {
close_setting:this.form.close_setting,
close_time:this.form.close_time,
close_weekly:this.form.close_weekly,
device_id:this.form.device_id,
open_setting:this.form.open_setting,
open_time:this.form.open_time,
open_weekly:this.form.open_weekly,
device_direction:this.form.device_direction,
startup_screen:this.form.startup_screen
}
console.log(params) console.log(params)
reqEditStartUp(params).then(res => { reqEditStartUp(params).then(res => {
if (res.code == 200) { if (res.code == 200) {
@ -348,7 +391,7 @@ export default {
} else { } else {
this.clearBtnDisabled = true this.clearBtnDisabled = true
} }
console.log(val)
// console.log(val)
} }
} }
} }

10
src/views/device/index.vue

@ -38,6 +38,7 @@
placeholder="请输入设备名称" placeholder="请输入设备名称"
style="width: 200px" style="width: 200px"
class="filter-item" class="filter-item"
@clear="getDevice"
@blur="getDevice" @blur="getDevice"
@keyup.enter.native="getDevice" @keyup.enter.native="getDevice"
/> />
@ -82,7 +83,7 @@
<div>{{ row.create_time | parseTime}}</div> <div>{{ row.create_time | parseTime}}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column fixed="right" label="操作" align="center" width="120">
<el-table-column fixed="right" label="操作" align="center" width="160">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
type="primary" type="primary"
@ -90,6 +91,7 @@
@click="editFormData(scope.row)" @click="editFormData(scope.row)"
>编辑</el-button> >编辑</el-button>
<el-button type="danger" class="record_btn" @click="recordData(scope.$index, scope.row)">记录</el-button> <el-button type="danger" class="record_btn" @click="recordData(scope.$index, scope.row)">记录</el-button>
<el-button type="danger">解绑</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -265,6 +267,9 @@ export default {
this.form.name=row.device_name this.form.name=row.device_name
this.form.orientation=row.device_direction==1?'竖屏':'横屏' this.form.orientation=row.device_direction==1?'竖屏':'横屏'
this.form.device_id=row.device_id this.form.device_id=row.device_id
console.log(this.form.orientation)
}, },
recordData(index, row) { recordData(index, row) {
this.recordVisible = true this.recordVisible = true
@ -281,10 +286,11 @@ export default {
const params = { const params = {
account:this.form.account, account:this.form.account,
device_name:this.form.name, device_name:this.form.name,
device_direction:0,
device_direction:this.form.orientation,
device_id:this.form.device_id, device_id:this.form.device_id,
orga_id:'13000' orga_id:'13000'
} }
console.log(params)
ReqDeviceEdit(params).then(res => { ReqDeviceEdit(params).then(res => {
if(res.code==200) { if(res.code==200) {
this.$message({ this.$message({

Loading…
Cancel
Save