2021-7-27 SDU暑期项目实训日志报告13

学习目标：

本篇博客用于记录我7-26与7-27两天的学习工作。
工作目标：
对PC管理员界面做最后的优化。
与小程序组进行对接，串起来整个的流程。

---

学习内容：

（一）界面优化
代码展示：

<template>

	<el-form :inline="true"  class="user-search">
	<el-form-item label="名称：">
	  <el-input size="small" v-model="info.model_name"
			placeholder="输入名称"></el-input>
	</el-form-item>
	<el-form-item label="行数：">
	  <el-input size="small" v-model="info.model_row"
			placeholder="输入行数 不可超过12"></el-input>
	</el-form-item>

	<el-form-item label="列数：">
	  <el-input size="small" v-model="info.model_col"
			placeholder="输入列数 不可超过12"></el-input>
	</el-form-item>
	<el-form-item v-if="model_name==null">
	  <el-button size="small" type="primary" icon="el-icon-search" @click="createSeat">创建布局</el-button>
	</el-form-item>
	
	<div>
	<el-form-item v-if="model_name==null">
	<el-alert
	    title="单击座位控制可用不可用"
		class="alert"
	    type="info"
	    center
	    show-icon>
	  </el-alert>
	</el-form-item>
	</div>
	
    <!-- <div>点击控制可用不可用</div> -->
      <div v-for="(item,index) in list" :key="'item'+index"   >
		 <vuedraggable    >
		   <transition-group class="wrapper">
          <div v-for="(item2,index2) in item.split(',') "
		  :key="'item2'+index2"
		   @click="setName(index,index2,item2)" >
                      <div  class="item2"     v-if="item2=='0'">不可用</div>
                      <div  class="item"   v-else >座位</div>
            </div>
		</transition-group>
		</vuedraggable>
      </div>

     <el-form-item v-if="model_name==null">
       <el-button size="small" type="primary"  class="savebtn"
	   @click="saveInfo">确认保存</el-button>
     </el-form-item>
  </el-form>
</template>

（二）与小程序组联调
将整个业务流程串接起来，寻找存在的问题。在联调过程中，发现小程序与PC端的时间衔接不够紧密，存在一定的时间延迟。推测可能与服务器时间不准确或者前端未部署到服务器上有关。

---

学习过程：

在与老师和各组的沟通之下进行的工作，需要时间上配合，沟通过程比较顺利。

---

下一阶段学习计划：

录制成果演示视频，并发给老师；准备答辩。