双屏消费机
This commit is contained in:
		
							parent
							
								
									68614ae0d6
								
							
						
					
					
						commit
						5302ef1e08
					
				| 
						 | 
				
			
			@ -360,8 +360,8 @@
 | 
			
		|||
        <el-form-item label="" prop="keyWord">
 | 
			
		||||
          <el-input v-model="dialogQueryParams.keyWord" placeholder="请输入姓名,编号,手机号" clearable style="width: 240px"/>
 | 
			
		||||
        </el-form-item>
 | 
			
		||||
        <el-form-item label="" prop="stallName">
 | 
			
		||||
          <el-select v-model="baseForm.labelName" placeholder="请选择职位" style="width: 100%;">
 | 
			
		||||
        <el-form-item label="" prop="jobName">
 | 
			
		||||
          <el-select v-model="dialogQueryParams.jobName" placeholder="请选择职位" style="width: 100%;">
 | 
			
		||||
              <el-option v-for="item in jobOptions"
 | 
			
		||||
                  :key="item.jobId"
 | 
			
		||||
                  :label="item.jobName"
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -68,17 +68,23 @@
 | 
			
		|||
      <el-table v-loading="loading" :data="tableListData" height="800">
 | 
			
		||||
        <el-table-column label="设备编号" align="center" prop="deviceNum" :show-overflow-tooltip="true" width="120" fixed="left"/>
 | 
			
		||||
        <el-table-column label="设备名称" align="center" prop="deviceName" :show-overflow-tooltip="true" width="180" fixed="left"/>
 | 
			
		||||
        <el-table-column label="当前菜谱" align="center" prop="firstRecipeName" :show-overflow-tooltip="true" width="180"/>
 | 
			
		||||
        <el-table-column label="当前菜谱" align="center" prop="firstRecipeName" :show-overflow-tooltip="true" width="180">
 | 
			
		||||
            <template slot-scope="scope"> 
 | 
			
		||||
                <span style="color: #4b80fd;cursor: pointer;" @click="openMenuDialog(scope.row)">{{scope.row.firstRecipeName}}</span> 
 | 
			
		||||
            </template> 
 | 
			
		||||
        </el-table-column>
 | 
			
		||||
        <el-table-column label="通讯状态" align="center" prop="onlineState" :show-overflow-tooltip="true" width="100">
 | 
			
		||||
            <template slot-scope="scope">
 | 
			
		||||
                <span v-if="scope.row.onlineState==1">在线</span>
 | 
			
		||||
                <span v-if="scope.row.onlineState==2">离线</span>
 | 
			
		||||
                <dict-tag :options="dict.type.dev_comm_status" :value="scope.row.onlineState"/>
 | 
			
		||||
                <!-- <span v-if="scope.row.onlineState==1">在线</span>
 | 
			
		||||
                <span v-if="scope.row.onlineState==2">离线</span> -->
 | 
			
		||||
            </template> 
 | 
			
		||||
        </el-table-column>
 | 
			
		||||
        <el-table-column label="设备状态" align="center" prop="deviceState" :show-overflow-tooltip="true" width="100">
 | 
			
		||||
            <template slot-scope="scope">
 | 
			
		||||
                <span v-if="scope.row.deviceState==1">正常</span>
 | 
			
		||||
                <span v-if="scope.row.deviceState==2">异常</span>
 | 
			
		||||
                <dict-tag :options="dict.type.dev_status" :value="scope.row.deviceState"/>
 | 
			
		||||
                <!-- <span v-if="scope.row.deviceState==1">正常</span>
 | 
			
		||||
                <span v-if="scope.row.deviceState==2">异常</span> -->
 | 
			
		||||
            </template>
 | 
			
		||||
        </el-table-column>
 | 
			
		||||
        <el-table-column label="所属区域" align="center" :show-overflow-tooltip="true">
 | 
			
		||||
| 
						 | 
				
			
			@ -402,7 +408,55 @@
 | 
			
		|||
        </div>
 | 
			
		||||
      </el-dialog>
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
      <el-dialog title="查看 - 菜谱" :visible.sync="openMenu" width="800px" append-to-body>
 | 
			
		||||
        <el-form :model="dialogMenuParams" ref="dialogQueryForm" size="small" :inline="true" label-width="68px">
 | 
			
		||||
            <el-form-item label="" prop="keyWord">
 | 
			
		||||
                <el-select v-model="dialogMenuParams.keyWord" placeholder="请选择" style="width: 100%;" @change="queryMenuData">
 | 
			
		||||
                    <el-option label="早餐" value="早餐"></el-option>
 | 
			
		||||
                    <el-option label="午餐" value="午餐"></el-option>
 | 
			
		||||
                    <el-option label="下午茶" value="下午茶"></el-option>
 | 
			
		||||
                    <el-option label="晚餐" value="晚餐"></el-option>
 | 
			
		||||
                    <el-option label="夜宵" value="夜宵"></el-option>
 | 
			
		||||
                </el-select> 
 | 
			
		||||
            </el-form-item>
 | 
			
		||||
            <el-form-item label="" prop="applyDate">
 | 
			
		||||
                <el-date-picker 
 | 
			
		||||
                    v-model="dialogMenuParams.applyDate"
 | 
			
		||||
                    type="date" @change="queryMenuData"
 | 
			
		||||
                    placeholder="选择日期"
 | 
			
		||||
                    format="yyyy-MM-dd"
 | 
			
		||||
                    value-format="yyyy-MM-dd"></el-date-picker> 
 | 
			
		||||
            </el-form-item> 
 | 
			
		||||
            <el-form-item>
 | 
			
		||||
            <el-button type="primary" icon="el-icon-search" size="mini" @click="queryMenuData">搜索</el-button> 
 | 
			
		||||
            </el-form-item>
 | 
			
		||||
        </el-form> 
 | 
			
		||||
        <el-table :data="menuSubData" height="500">
 | 
			
		||||
            <el-table-column label="序号" align="center" type="index" :show-overflow-tooltip="true" width="80"/>
 | 
			
		||||
            <el-table-column label="菜品名称" align="center" prop="dishesName" :show-overflow-tooltip="true"/>
 | 
			
		||||
            <el-table-column label="规格" align="center" prop="" :show-overflow-tooltip="true">
 | 
			
		||||
                <template slot-scope="scope"> 
 | 
			
		||||
                    <span>标准</span>
 | 
			
		||||
                </template>
 | 
			
		||||
            </el-table-column> 
 | 
			
		||||
            <el-table-column label="价格" align="center" prop="salePrice" :show-overflow-tooltip="true">
 | 
			
		||||
                <template slot-scope="scope"> 
 | 
			
		||||
                    <span>{{ (scope.row.salePrice/100).toFixed(2) }}</span>
 | 
			
		||||
                </template>
 | 
			
		||||
            </el-table-column>  
 | 
			
		||||
            <el-table-column label="优惠价" align="center" prop="salePrice" :show-overflow-tooltip="true">
 | 
			
		||||
                <template slot-scope="scope"> 
 | 
			
		||||
                    <span>{{ (scope.row.salePrice/100).toFixed(2) }}</span>
 | 
			
		||||
                </template>
 | 
			
		||||
            </el-table-column>  
 | 
			
		||||
            <el-table-column label="供应数量" align="center" prop="supplyNum" :show-overflow-tooltip="true"/> 
 | 
			
		||||
            <el-table-column label="限购数量" align="center" prop="restrictNum" :show-overflow-tooltip="true"/> 
 | 
			
		||||
        </el-table>
 | 
			
		||||
        <div slot="footer" class="dialog-footer">
 | 
			
		||||
            <el-button type="primary" @click="openMenu=false">确 定</el-button>
 | 
			
		||||
            <el-button @click="openMenu=false">取 消</el-button>
 | 
			
		||||
        </div>
 | 
			
		||||
      </el-dialog>
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -415,11 +469,11 @@
 | 
			
		|||
  <script>
 | 
			
		||||
    import { systemAreaTreeApi } from "@/api/base/area";
 | 
			
		||||
    import { getCanteenByAreaApi,getStallByCanteenApi } from "@/api/base/stall";
 | 
			
		||||
    import { getDeviceListPageApi,addDeviceApi, updateDeviceApi, deleteDeviceApi, getDeviceStateLogApi } from "@/api/device/index";
 | 
			
		||||
    import { getDeviceListPageApi,addDeviceApi, updateDeviceApi, deleteDeviceApi, getDeviceStateLogApi,getMenuRecipeDetailApi } from "@/api/device/index";
 | 
			
		||||
    import base64 from 'base-64';
 | 
			
		||||
    export default {
 | 
			
		||||
        name: "",
 | 
			
		||||
        dicts: [],
 | 
			
		||||
        dicts: ["dev_comm_status","dev_status"],
 | 
			
		||||
        data() {
 | 
			
		||||
            return {
 | 
			
		||||
                // 遮罩层
 | 
			
		||||
| 
						 | 
				
			
			@ -440,6 +494,7 @@
 | 
			
		|||
                title: "",
 | 
			
		||||
                // 是否显示弹出层
 | 
			
		||||
                open: false,
 | 
			
		||||
                checked: false,
 | 
			
		||||
                treeOptions:[],//区域树
 | 
			
		||||
                treeProps:{
 | 
			
		||||
                    multiple: true,
 | 
			
		||||
| 
						 | 
				
			
			@ -513,13 +568,22 @@
 | 
			
		|||
                    "identityFace": "1"
 | 
			
		||||
                },
 | 
			
		||||
                openLog:false,
 | 
			
		||||
                dialogQueryParams:{//负责人查询条件
 | 
			
		||||
                dialogQueryParams:{//异常查询条件
 | 
			
		||||
                    pageNum: 1,
 | 
			
		||||
                    pageSize: 10, 
 | 
			
		||||
                },
 | 
			
		||||
                logTableData:[],//负责人弹窗
 | 
			
		||||
                logTableData:[],//异常弹窗
 | 
			
		||||
                // 总条数
 | 
			
		||||
                dialogTotal: 0,  
 | 
			
		||||
                dialogTotal: 0,
 | 
			
		||||
                //当前菜谱
 | 
			
		||||
                openMenu:false,
 | 
			
		||||
                dialogMenuParams:{
 | 
			
		||||
                    keyWord:"早餐",
 | 
			
		||||
                    applyDate:new Date().toISOString().substr(0, 10)
 | 
			
		||||
                },
 | 
			
		||||
                recipeId:"",
 | 
			
		||||
                menuData:[],
 | 
			
		||||
                menuSubData:[],
 | 
			
		||||
            };
 | 
			
		||||
        },
 | 
			
		||||
        created() { 
 | 
			
		||||
| 
						 | 
				
			
			@ -702,24 +766,55 @@
 | 
			
		|||
                    this.$modal.msgSuccess("删除成功");
 | 
			
		||||
                }).catch(() => {});
 | 
			
		||||
            },
 | 
			
		||||
 | 
			
		||||
            /** 异常按钮操作-打开弹窗 */
 | 
			
		||||
            openLogDialog(row){
 | 
			
		||||
                this.openLog=true
 | 
			
		||||
                this.queryLogPage(row)
 | 
			
		||||
            },
 | 
			
		||||
            //负责人弹窗-人员分页查询接口
 | 
			
		||||
            //异常弹窗-分页查询接口
 | 
			
		||||
            queryLogPage(row) {
 | 
			
		||||
                let param = {"page":{"current":this.dialogQueryParams.pageNum,"size":this.dialogQueryParams.pageSize},"object":{"deviceSn":row.deviceSn}}
 | 
			
		||||
                let str = base64.encode(JSON.stringify(param))
 | 
			
		||||
                getDeviceStateLogApi({"content":str}).then((response) => {
 | 
			
		||||
                this.logTableData = response.records
 | 
			
		||||
                this.dialogTotal = Number(response.total);
 | 
			
		||||
                console.log(response) 
 | 
			
		||||
                    this.logTableData = response.records
 | 
			
		||||
                    this.dialogTotal = Number(response.total);
 | 
			
		||||
                    console.log(response)
 | 
			
		||||
                });
 | 
			
		||||
            },
 | 
			
		||||
            /** 今日菜谱按钮操作-打开弹窗 */
 | 
			
		||||
            openMenuDialog(row){
 | 
			
		||||
                this.openMenu=true
 | 
			
		||||
                this.recipeId = row.firstRecipeId
 | 
			
		||||
                this.queryMenuData()
 | 
			
		||||
            },
 | 
			
		||||
            handleMenuQuery(){
 | 
			
		||||
                this.queryMenuData()
 | 
			
		||||
            },
 | 
			
		||||
            //异常弹窗-分页查询接口
 | 
			
		||||
            queryMenuData() { 
 | 
			
		||||
                console.log(this.dialogMenuParams.applyDate)
 | 
			
		||||
                let param = {
 | 
			
		||||
                    "applyDate": this.dialogMenuParams.applyDate,
 | 
			
		||||
                    "recipeId": this.recipeId
 | 
			
		||||
                } 
 | 
			
		||||
                getMenuRecipeDetailApi(param).then((response) => {
 | 
			
		||||
                    console.log(response)
 | 
			
		||||
                    this.menuData = response;
 | 
			
		||||
                    this.menuSubData=[]
 | 
			
		||||
                    console.log(this.dialogMenuParams.keyWord)
 | 
			
		||||
                    this.menuData.forEach(item => {
 | 
			
		||||
                        if(item.mealtimeName == this.dialogMenuParams.keyWord){
 | 
			
		||||
                            this.menuSubData = this.menuSubData.concat(item.dishesList)
 | 
			
		||||
                        } 
 | 
			
		||||
                    }); 
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
                });
 | 
			
		||||
            },
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
        }
 | 
			
		||||
    };
 | 
			
		||||
  </script>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -477,7 +477,7 @@
 | 
			
		|||
                            </el-select>
 | 
			
		||||
                        </el-form-item>
 | 
			
		||||
                    </el-col>
 | 
			
		||||
                    <el-col :span="12">
 | 
			
		||||
                    <!-- <el-col :span="12">
 | 
			
		||||
                        <el-form-item label="APP用户">
 | 
			
		||||
                            <el-radio-group v-model="form.isCustomer">
 | 
			
		||||
                                <el-radio
 | 
			
		||||
| 
						 | 
				
			
			@ -488,9 +488,7 @@
 | 
			
		|||
                                </el-radio>
 | 
			
		||||
                            </el-radio-group>
 | 
			
		||||
                        </el-form-item>
 | 
			
		||||
                    </el-col>
 | 
			
		||||
                </el-row>
 | 
			
		||||
                <el-row>
 | 
			
		||||
                    </el-col> -->
 | 
			
		||||
                    <el-col :span="12">
 | 
			
		||||
                        <el-form-item label="岗位">
 | 
			
		||||
                            <el-select
 | 
			
		||||
| 
						 | 
				
			
			@ -508,6 +506,9 @@
 | 
			
		|||
                            </el-select>
 | 
			
		||||
                        </el-form-item>
 | 
			
		||||
                    </el-col>
 | 
			
		||||
                </el-row>
 | 
			
		||||
                <el-row>
 | 
			
		||||
                    
 | 
			
		||||
                    <el-col :span="12">
 | 
			
		||||
                        <el-form-item label="角色" prop="roleIds">
 | 
			
		||||
                            <el-select
 | 
			
		||||
| 
						 | 
				
			
			@ -790,13 +791,13 @@ export default {
 | 
			
		|||
                    },
 | 
			
		||||
                    { validator: validateNewPassword, trigger: 'blur' },
 | 
			
		||||
                ],
 | 
			
		||||
                roleIds: [
 | 
			
		||||
                    {
 | 
			
		||||
                        required: true,
 | 
			
		||||
                        message: '请选择角色',
 | 
			
		||||
                        trigger: 'change',
 | 
			
		||||
                    },
 | 
			
		||||
                ],
 | 
			
		||||
                // roleIds: [
 | 
			
		||||
                //     {
 | 
			
		||||
                //         required: true,
 | 
			
		||||
                //         message: '请选择角色',
 | 
			
		||||
                //         trigger: 'change',
 | 
			
		||||
                //     },
 | 
			
		||||
                // ],
 | 
			
		||||
            },
 | 
			
		||||
        }
 | 
			
		||||
    },
 | 
			
		||||
| 
						 | 
				
			
			@ -1000,7 +1001,8 @@ export default {
 | 
			
		|||
                this.postOptions = response.posts
 | 
			
		||||
                this.roleOptions = response.roles
 | 
			
		||||
                this.$set(this.form, 'postIds', response.postIds)
 | 
			
		||||
                this.$set(this.form, 'roleIds', response.roleIds)
 | 
			
		||||
                // this.$set(this.form, 'roleIds', response.roleIds)
 | 
			
		||||
                this.$set(this.form, 'roleIds', response.roleIds.map(item=>{ return item+'' }))
 | 
			
		||||
                this.open = true
 | 
			
		||||
                this.title = '修改用户'
 | 
			
		||||
                this.form.password = ''
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue