|
@@ -6,23 +6,23 @@
|
|
|
</li>
|
|
|
<li class="detailLi">
|
|
|
<span class="liName">当前企业</span>
|
|
|
- <span class="liInfo">无锡XXXXX有限公司</span>
|
|
|
+ <span class="liInfo">{{ appointForm.unit }}</span>
|
|
|
</li>
|
|
|
<li class="detailLi">
|
|
|
<span class="liName">位置</span>
|
|
|
- <span class="liInfo">XXXXXXXXXXXXXXXXX</span>
|
|
|
+ <span class="liInfo">{{ meetingRoomForm.position }}</span>
|
|
|
</li>
|
|
|
<li class="detailLi">
|
|
|
<span class="liName">容纳人数</span>
|
|
|
- <span class="liInfo">120</span>
|
|
|
+ <span class="liInfo">{{ meetingRoomForm.seatNumber }}</span>
|
|
|
</li>
|
|
|
<li class="detailLi">
|
|
|
<span class="liName">配套</span>
|
|
|
- <span class="liInfo">XXXX</span>
|
|
|
+ <span class="liInfo">{{ meetingRoomForm.matchGoods }}</span>
|
|
|
</li>
|
|
|
- <li class="detailLi" style="border-bottom: none">
|
|
|
+ <li class="detailLi">
|
|
|
<span class="liName">说明</span>
|
|
|
- <span class="liInfo">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>
|
|
|
+ <span class="liInfo">{{ meetingRoomForm.remark }}</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div class="resourceAddDetail">
|
|
@@ -31,72 +31,75 @@
|
|
|
<div class="topTitle" style="padding: 48rpx 0 24rpx 0">预约详情</div>
|
|
|
<div class="choosTimeBox">
|
|
|
<span class="msg">使用时间</span>
|
|
|
- <input placeholder="请选择日期" class="choosIpt" disabled>
|
|
|
- <input placeholder="请选择时间段" class="choosIpt" disabled>
|
|
|
+<!-- <input placeholder="请选择日期" class="choosIpt" disabled>-->
|
|
|
+<!-- <input placeholder="请选择时间段" class="choosIpt" disabled>-->
|
|
|
+ <span class="choosIpt" >{{ startTime }} </span>
|
|
|
+ <span class="choosIpt" >{{ timeListStr }} </span>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="detailLi">
|
|
|
<span class="liName">主题</span>
|
|
|
- <span >
|
|
|
- <input class="liInfo" placeholder="" v-model="theme" disabled>
|
|
|
+ <span>
|
|
|
+ <input class="liInfo" placeholder="请填写" v-model="appointForm.subject">
|
|
|
</span>
|
|
|
</li>
|
|
|
<li class="detailLi">
|
|
|
<span class="liName">容纳人数</span>
|
|
|
- <span >
|
|
|
- <input class="liInfo" placeholder="请填写整数">
|
|
|
+ <span>
|
|
|
+ <input class="liInfo" placeholder="请填写整数" v-model="appointForm.peopleNumber">
|
|
|
</span>
|
|
|
</li>
|
|
|
<li class="detailLi">
|
|
|
<span class="liName">联系人</span>
|
|
|
- <span >
|
|
|
- <input class="liInfo" placeholder="请填写">
|
|
|
+ <span>
|
|
|
+ <input class="liInfo" placeholder="请填写" v-model="appointForm.contacts">
|
|
|
</span>
|
|
|
</li>
|
|
|
<li class="detailLi">
|
|
|
<span class="liName">联系电话</span>
|
|
|
- <span >
|
|
|
- <input class="liInfo" placeholder="请填写">
|
|
|
+ <span>
|
|
|
+ <input class="liInfo" placeholder="请填写" v-model="appointForm.phone">
|
|
|
</span>
|
|
|
</li>
|
|
|
<li class="detailLi2" style="border-bottom: none">
|
|
|
- <div class="titleBox" >
|
|
|
+ <div class="titleBox">
|
|
|
<span class="liName">备注</span>
|
|
|
</div>
|
|
|
<van-field
|
|
|
- :value="postData.constant"
|
|
|
+ :value="appointForm.remarks"
|
|
|
autosize
|
|
|
type="textarea"
|
|
|
placeholder="请输入"
|
|
|
class="myField"
|
|
|
maxlength="2000"
|
|
|
show-word-limit
|
|
|
+ @change="changeMsg"
|
|
|
/>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<ul class="predetermineUl">
|
|
|
<li class="detailLi">
|
|
|
<span class="liName">预约单位</span>
|
|
|
- <span >
|
|
|
- <input class="liInfo" placeholder="" v-model="unit">
|
|
|
+ <span>
|
|
|
+ <input class="liInfo" placeholder="" v-model="appointForm.unit">
|
|
|
</span>
|
|
|
</li>
|
|
|
<li class="detailLi">
|
|
|
<span class="liName">容纳人数</span>
|
|
|
<span >
|
|
|
- <input class="liInfo" placeholder="请填写整数">
|
|
|
+ <input class="liInfo" placeholder="请填写整数" v-model="appointForm.peopleNumber">
|
|
|
</span>
|
|
|
</li>
|
|
|
<li class="detailLi">
|
|
|
<span class="liName">预约人</span>
|
|
|
<span >
|
|
|
- <input class="liInfo" placeholder="请填写" value="吴凯旋">
|
|
|
+ <input class="liInfo" placeholder="请填写" v-model="appointForm.appointUserName">
|
|
|
</span>
|
|
|
</li>
|
|
|
<li class="detailLi" style="border-bottom: none">
|
|
|
<span class="liName">预约时间</span>
|
|
|
- <span >
|
|
|
- <input class="liInfo" placeholder="请填写" value="YYYYY-MM-DD HH:MM ">
|
|
|
+ <span>
|
|
|
+ <input class="liInfo" placeholder="请填写" v-model="appointForm.appointTime" disabled>
|
|
|
</span>
|
|
|
</li>
|
|
|
</ul>
|
|
@@ -110,45 +113,138 @@
|
|
|
<van-radio name="2" style="margin-left: 48rpx">取消</van-radio>
|
|
|
</van-radio-group>
|
|
|
<van-field
|
|
|
- :value="postData.constant"
|
|
|
+ v-if="reasonFlag"
|
|
|
+ :value="cancelReason"
|
|
|
autosize
|
|
|
type="textarea"
|
|
|
placeholder="请输入取消原因(必填)"
|
|
|
class="myField"
|
|
|
maxlength="200"
|
|
|
show-word-limit
|
|
|
+ @change="changeMsg"
|
|
|
/>
|
|
|
</li>
|
|
|
<li class="detailLi">
|
|
|
<span class="liName">办理人</span>
|
|
|
- <span class="liInfo">自动带出</span>
|
|
|
+ <span class="liInfo">{{ examineName }}</span>
|
|
|
</li>
|
|
|
<li class="detailLi" style="border-bottom: none">
|
|
|
<span class="liName">办理时间</span>
|
|
|
- <span class="liInfo">自动带出提交时间(年月日时分秒)</span>
|
|
|
+ <span class="liInfo">{{ examineTime }}</span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div class="buttonBox" >
|
|
|
- <button class="btn zcBtn">暂存</button>
|
|
|
- <button class="btn tjBtn">提交</button>
|
|
|
+ <button class="btn zcBtn" @click="cancel">关闭</button>
|
|
|
+ <button class="btn tjBtn" @click="submit">提交</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import {getByCodes, meetingRoomDetail, meetingAppointDetail, getUserLocalStorageInfo, meetingAppointConfirmAudit} from "@/js_sdk/http";
|
|
|
+import dayjs from "dayjs";
|
|
|
+
|
|
|
export default {
|
|
|
name: "resoureceReview",
|
|
|
+ created(){
|
|
|
+ this.getByCodes()
|
|
|
+ },
|
|
|
+ onLoad(options){
|
|
|
+ this.appointId = options.appointId
|
|
|
+ this.getAppointDetail()
|
|
|
+ },
|
|
|
data() {
|
|
|
return{
|
|
|
+ dc_key: ['timeSlot'],
|
|
|
theme:'XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX',
|
|
|
unit:'XXXXXXXXXXXXXX',
|
|
|
postData: {},
|
|
|
- radio: '1'
|
|
|
+ radio: '1',
|
|
|
+ companyName: '',
|
|
|
+ appointId: '',
|
|
|
+ roomId: '',
|
|
|
+ meetingRoomForm:{
|
|
|
+
|
|
|
+ },
|
|
|
+ appointForm: {
|
|
|
+
|
|
|
+ },
|
|
|
+ dic_SelectList: [],
|
|
|
+ timeList: [], // 时间段列表
|
|
|
+ startTime: '',
|
|
|
+ timeListStr: '',
|
|
|
+ cancelReason: '',
|
|
|
+ confirmType: '',
|
|
|
+ reasonFlag: false,
|
|
|
+ examineName: getUserLocalStorageInfo().username,
|
|
|
+ examineTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
- onChange(){
|
|
|
+ async getByCodes() {
|
|
|
+ let data = await getByCodes(JSON.stringify(this.dc_key));
|
|
|
+ this.dic_SelectList = this.$common.handleDicList(data);
|
|
|
+ this.timeList = this.dic_SelectList.timeSlot
|
|
|
+ },
|
|
|
+ // 会议室详情
|
|
|
+ getMeetingRoomDetail(){
|
|
|
+ const data = {
|
|
|
+ id: this.roomId
|
|
|
+ }
|
|
|
+ meetingRoomDetail(data).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.meetingRoomForm = res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 预约详情
|
|
|
+ getAppointDetail(){
|
|
|
+ const data = {
|
|
|
+ id: this.appointId
|
|
|
+ }
|
|
|
+ meetingAppointDetail(data).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.appointForm = res.data.oderDetial
|
|
|
+ this.meetingRoomForm = res.data.roomDetial
|
|
|
+ this.startTime = this.appointForm.useTime
|
|
|
+ let index = this.timeList.findIndex((e) => e.value == this.appointForm.timeSlot)
|
|
|
+ this.timeListStr = this.timeList[index].label
|
|
|
+ // this.roomId = res.data.roomIds
|
|
|
+ // this.getMeetingRoomDetail()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ changeMsg(e){
|
|
|
+ this.cancelReason = e.detail
|
|
|
+ },
|
|
|
+ onChange(e){
|
|
|
+ this.confirmType = e.detail
|
|
|
+ if(this.confirmType == '1'){
|
|
|
+ this.reasonFlag = false
|
|
|
+ }else {
|
|
|
+ this.reasonFlag = true
|
|
|
+ }
|
|
|
+ },
|
|
|
+ cancel(){
|
|
|
+ uni.navigateBack({})
|
|
|
+ },
|
|
|
+ submit(){
|
|
|
+ const data = {
|
|
|
+ id: this.appointId,
|
|
|
+ userId: getUserLocalStorageInfo().userId,
|
|
|
+ useType: getUserLocalStorageInfo().userType,
|
|
|
+ confirmType: this.confirmType,
|
|
|
+ reason: this.cancelReason
|
|
|
+ }
|
|
|
+ meetingAppointConfirmAudit(data).then(res=>{
|
|
|
+ if(res.code == '200'){
|
|
|
+ this.$showToast("审核成功");
|
|
|
+ this.cancel()
|
|
|
+ }else {
|
|
|
+ this.$showToast(res.msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
|
|
|
}
|
|
|
}
|
|
@@ -210,10 +306,13 @@ export default {
|
|
|
font-size: 32rpx;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
- .choosIpt{
|
|
|
+ .choosIpt {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
width: 260rpx;
|
|
|
height: 96rpx;
|
|
|
- padding-left: 50rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
background: rgba(245, 247, 250, 1);
|
|
|
box-sizing: border-box;
|
|
|
}
|