[fix] 修复部分样式问题 , 调整活动日志新增、修改、详情下的呈现

This commit is contained in:
tian.guangyuan
2020-03-18 14:26:32 +08:00
parent daa4e7713f
commit 2ad402dcfb
3 changed files with 28 additions and 6 deletions

View File

@@ -3,7 +3,7 @@
<van-cell-group>
<van-cell :title="ActivityLogInfo.name" title-class="ml10" :is-link="isEdit" value-class="text-left" @click="toEdit">
<van-icon slot="icon" :name="ActivityLogInfo.avatarUrl || defaultAcatarUrl" style="line-height: inherit;" size="22" />
<span class="mr20">{{ ActivityLogInfo.age }}</span>
<span class="mr20">{{ ActivityLogInfo.age }}</span>
<span>{{ ActivityLogInfo.type == 0 ? '同业' : '白板' }}</span>
<van-icon slot="right-icon" name="edit" style="line-height: inherit;" :color="isEdit ? '#ee0a24' : 'transparent'" size="24" />
</van-cell>

View File

@@ -3,8 +3,17 @@
<div>
<van-cell-group>
<van-field readonly v-model="recordInfo.recordDate" label="日期" />
<van-field required v-model="recordInfo.name" label="姓名" placeholder="请输入姓名" v-validate="'required|name'" data-vv-name="姓名" />
<van-field
:readonly="isDisable"
required
v-model="recordInfo.name"
label="姓名"
placeholder="请输入姓名"
v-validate="'required|name'"
data-vv-name="姓名"
/>
<van-field
:readonly="isDisable"
required
v-model="recordInfo.age"
type="digit"
@@ -13,8 +22,9 @@
v-validate="'required|onlyNumber|maxAge'"
data-vv-name="年龄"
/>
<select-radio :radios="typeArr" label="类型" name="类型" :value.sync="recordInfo.type" :required="true"></select-radio>
<select-radio :disabled="isDisable" :radios="typeArr" label="类型" name="类型" :value.sync="recordInfo.type" :required="true"></select-radio>
<van-field
:readonly="isDisable"
required
v-model="recordInfo.interviewNum"
type="digit"
@@ -81,6 +91,7 @@ export default {
},
recordCode: '',
isEdit: '',
isDisable: '',
// 面试结果
showResultArr: false,
// 职业选择
@@ -114,6 +125,7 @@ export default {
mounted() {
this.recordCode = this.$route.query.code || ''
this.isEdit = this.$route.query.isEdit
this.isDisable = this.isEdit == '1'
this.queryRecordDetail()
},
computed: {
@@ -134,6 +146,9 @@ export default {
},
methods: {
queryRecordDetail() {
if (!this.recordCode) {
return false
}
let data = {
recordCode: this.recordCode
}
@@ -194,9 +209,15 @@ export default {
this.recordInfo.type = type.id
},
handleRsult() {
if (this.isDisable) {
return false
}
this.showResultArr = true
},
handleOccupation() {
if (this.isDisable) {
return false
}
this.showOccupationArr = true
},
selectResult(val) {

View File

@@ -9,9 +9,10 @@
<p @click="openCalendar">{{ showTime }}</p>
</div>
<ActivityLogItem :ActivityLogInfo="item" v-for="(item, index) in recordList" :key="index"></ActivityLogItem>
<div class="bottom-btn text-center">
<van-icon name="add-square" size="50" color="#1989fa" @click="toEdit" />
</div>
<!-- <div class="bottom-btn text-center">
<van-icon name="add-square" size="50" color="#ee0a24" @click="toEdit" />
</div> -->
<van-button type="danger" class="bottom-btn" size="large" @click="toEdit" v-no-more-click="1000">新增</van-button>
<van-popup v-model="showDateTime" position="bottom" :style="{ height: '30%' }">
<van-datetime-picker v-model="selectTime" type="date" :max-date="maxDate" @confirm="confirm" @cancel="cancel" />
</van-popup>