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

View File

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

View File

@@ -9,9 +9,10 @@
<p @click="openCalendar">{{ showTime }}</p> <p @click="openCalendar">{{ showTime }}</p>
</div> </div>
<ActivityLogItem :ActivityLogInfo="item" v-for="(item, index) in recordList" :key="index"></ActivityLogItem> <ActivityLogItem :ActivityLogInfo="item" v-for="(item, index) in recordList" :key="index"></ActivityLogItem>
<div class="bottom-btn text-center"> <!-- <div class="bottom-btn text-center">
<van-icon name="add-square" size="50" color="#1989fa" @click="toEdit" /> <van-icon name="add-square" size="50" color="#ee0a24" @click="toEdit" />
</div> </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-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-datetime-picker v-model="selectTime" type="date" :max-date="maxDate" @confirm="confirm" @cancel="cancel" />
</van-popup> </van-popup>