task
This commit is contained in:
shijingjing
@@ -6,23 +6,18 @@
|
||||
<template #content>
|
||||
<ai-card title="基础信息">
|
||||
<template #content>
|
||||
<el-alert title="温馨提示：请先选择行政区划，再选择播放设备！" type="warning" show-icon :closable="false" style="margin-bottom: 12px;padding: 4px 20px;"></el-alert>
|
||||
<el-form class="ai-form" :model="formData" :rules="formRules" ref="ruleForm" label-width="120px">
|
||||
<el-form-item label="播发内容" prop="mediaId">
|
||||
<ai-select v-model="formData.mediaId" placeholder="播发内容" clearable :selectList="mediaList"></ai-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="播放设备" prop="serialNo">
|
||||
<!-- <el-input size="small" placeholder="请选择..." class="equipment" disabled v-model="formData.serialNo">
|
||||
<el-button slot="append" @click="detailDialog = true">选择</el-button>
|
||||
</el-input> -->
|
||||
<div class="equipments">
|
||||
<div>已选择<span>{{ formData.serialNo.length }}</span>个设备</div>
|
||||
<el-button slot="append" @click="detailDialog = true">选择</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="播发级别" prop="messageLevel">
|
||||
<ai-select v-model="formData.messageLevel" placeholder="播发级别" clearable
|
||||
:selectList="$dict.getDict('dlbMessageUrgency')"></ai-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="行政区划" prop="areaId">
|
||||
<ai-area-get v-model="areaId" :root="areaRootId" :instance="instance" @select="handleAreaSelect" multiple size="small" placeholder="全部地区"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="播放方式" prop="taskType" class="buildingTypes">
|
||||
<el-radio-group v-model="formData.taskType">
|
||||
<el-radio label="0">立即播放</el-radio>
|
||||
@@ -63,77 +58,13 @@
|
||||
:picker-options="{ start: formData.startTime, minTime: formData.startTime}"
|
||||
value-format="HH:mm:ss"></el-time-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="播放设备" prop="serialNo" style="width: 100%;">
|
||||
<ai-table-select :instance="instance" :action="`/app/appresident/list?householdName=1&areaId=${areaId}&auditStatus=1`"
|
||||
@select="v=>chooseUser=v" multiple/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
</ai-card>
|
||||
<ai-dialog
|
||||
title="选择设备"
|
||||
:visible.sync="detailDialog"
|
||||
:customFooter="true"
|
||||
:destroyOnClose="true"
|
||||
width="1080px">
|
||||
<ai-detail style="background: #FFF;">
|
||||
<template #content>
|
||||
<el-alert title="温馨提示：请先在设备管理中绑定行政区划" type="warning" show-icon :closable="false" style="margin-bottom: 12px;padding: 4px;"></el-alert>
|
||||
<div class="container">
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<div>行政区划</div>
|
||||
<div>
|
||||
<el-input placeholder="请输入" v-model="input3" class="input-with-select" size="small">
|
||||
<el-button slot="append" icon="el-icon-search"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<el-tree :data="data" :props="defaultProps" :accordion="true" @node-click="handleNodeClick"></el-tree>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<div class="checkBox">
|
||||
<!-- <el-checkbox v-model="isAll">全选</el-checkbox> -->
|
||||
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
|
||||
</div>
|
||||
<div>
|
||||
<el-input placeholder="请输入" v-model="input3" class="input-with-select" size="small">
|
||||
<el-button slot="append" icon="el-icon-search" @click="searchEquipment"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
|
||||
<el-checkbox v-for="city in cities" :label="city" :key="city" style="display: block;">{{city}}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
<div>已选择</div>
|
||||
<el-button type="info" size="mini" @click="emptyBtn">清空</el-button>
|
||||
</div>
|
||||
<div class="content">
|
||||
<el-tag
|
||||
v-for="tag in tags"
|
||||
:key="tag.name"
|
||||
size="mini"
|
||||
closable
|
||||
@close="closeTags(tag)"
|
||||
:type="tag.type"
|
||||
style="margin-right: 5px;margin-bottom: 5px;">
|
||||
{{tag.name}}
|
||||
</el-tag>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</ai-detail>
|
||||
|
||||
<div class="dialog-footer" slot="footer">
|
||||
<el-button @click="detailDialog=false" size="medium">关闭</el-button>
|
||||
<el-button @click="play(info.id)" type="primary" size="medium">确认</el-button>
|
||||
</div>
|
||||
</ai-dialog>
|
||||
</template>
|
||||
<template #footer>
|
||||
<el-button @click="cancel">取消</el-button>
|
||||
@@ -196,6 +127,9 @@ export default {
|
||||
mediaId: [
|
||||
{required: true, message: '请选择播发内容', trigger: 'change'}
|
||||
],
|
||||
areaId: [
|
||||
{required: true, message: '请选择行政区划', trigger: 'change'}
|
||||
],
|
||||
serialNo: [
|
||||
{required: true, message: '请选择播放设备', trigger: 'change'}
|
||||
],
|
||||
@@ -224,6 +158,7 @@ export default {
|
||||
{required: true, message: '播放天数', trigger: 'change'}
|
||||
],
|
||||
},
|
||||
areaRootId: '',
|
||||
mediaList: [],
|
||||
equipmentList: [],
|
||||
detailDialog: false,
|
||||
@@ -282,8 +217,10 @@ export default {
|
||||
{ name: '标签四', type: 'warning' },
|
||||
{ name: '标签五', type: 'danger' }
|
||||
],
|
||||
|
||||
|
||||
serialNoList: [],
|
||||
areaId: '',
|
||||
areaName: '',
|
||||
chooseUser: '',
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
@@ -295,7 +232,11 @@ export default {
|
||||
newDate() {
|
||||
var myDate = new Date();
|
||||
return myDate.getHours() + ':' + myDate.getMinutes() + ':' + myDate.getSeconds()
|
||||
},
|
||||
areaRoot() {
|
||||
return this.areaRootId = [this.user.info.areaId.substr(0,6),'000000'].join("")
|
||||
}
|
||||
|
||||
},
|
||||
created() {
|
||||
this.dict.load('dlbMessageUrgency', 'dlbBroadTaskType', 'dlbDyclingType')
|
||||
@@ -304,6 +245,8 @@ export default {
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
// 选择设备
|
||||
getSelect() {},
|
||||
getMediaList() {
|
||||
return this.instance.post(`/app/appdlbresource/list?current=1&size=10000`).then((res) => {
|
||||
if (res?.data) {
|
||||
@@ -324,6 +267,10 @@ export default {
|
||||
}
|
||||
})
|
||||
},
|
||||
// 地区选择
|
||||
handleAreaSelect() {
|
||||
this.areaName = v?.[0]?.label
|
||||
},
|
||||
// 全选按钮
|
||||
handleCheckAllChange(val) {
|
||||
this.checkedCities = val ? this.cities : [];
|
||||
@@ -350,6 +297,16 @@ export default {
|
||||
handleNodeClick(data) {
|
||||
console.log(data);
|
||||
},
|
||||
// 行政区划
|
||||
bindAdministrative() {
|
||||
this.instance.post(`/app/appdlbquipment/addOrUpdate`, this.changeInfo).then((res) => {
|
||||
if (res.code == 0) {
|
||||
// this.$message.success('绑定行政区划成功！')
|
||||
// this.bindVisible = false
|
||||
// this.getList()
|
||||
}
|
||||
})
|
||||
},
|
||||
confirm() {
|
||||
this.$refs['ruleForm'].validate((valid) => {
|
||||
if (valid) {
|
||||
@@ -434,7 +391,6 @@ export default {
|
||||
.item {
|
||||
flex: 1;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border: 1px solid #DDD;
|
||||
.title {
|
||||
|
||||
Reference in New Issue
Block a user