添加手机端
This commit is contained in:
范强强
@@ -57,21 +57,127 @@
|
||||
</div>
|
||||
</van-collapse-item>
|
||||
<van-collapse-item title="流程历史" name="3">
|
||||
<van-steps direction="vertical" :active="1">
|
||||
<van-steps inactive-icon="passed"
|
||||
active-icon="passed"
|
||||
active-color="#00BEBE"
|
||||
direction="vertical" :active="1">
|
||||
<van-step>
|
||||
<h3>【城市】物流状态1</h3>
|
||||
<p>2016-07-12 12:40</p>
|
||||
<div class="vanStepBox">
|
||||
<div class="van-text">
|
||||
发起流程
|
||||
<span class="van-text-color">
|
||||
接受
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-time">
|
||||
<span class="van-name">
|
||||
Yingxi.Sun
|
||||
</span>
|
||||
|
|
||||
<span class="van-name-time">
|
||||
2016-07-12 12:40
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-desgin">
|
||||
这里是反馈意见这里是反馈意见这里是反馈意见这里是反馈意见
|
||||
</div>
|
||||
<div class="van-file">
|
||||
线控底盘技术发展与标准化需求研究报告.pdf
|
||||
</div>
|
||||
<div class="van-file">
|
||||
线控底盘技术发展与标准化需求研究报告.pdf
|
||||
</div>
|
||||
</div>
|
||||
</van-step>
|
||||
<van-step>
|
||||
<h3>【城市】物流状态2</h3>
|
||||
<p>2016-07-11 10:00</p>
|
||||
<div class="vanStepBox">
|
||||
<div class="van-text">
|
||||
发起流程
|
||||
<span class="van-text-color">
|
||||
接受
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-time">
|
||||
<span class="van-name">
|
||||
Yingxi.Sun
|
||||
</span>
|
||||
|
|
||||
<span class="van-name-time">
|
||||
2016-07-12 12:40
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-desgin">
|
||||
这里是反馈意见这里是反馈意见这里是反馈意见这里是反馈意见
|
||||
</div>
|
||||
<div class="van-file">
|
||||
线控底盘技术发展与标准化需求研究报告.pdf
|
||||
</div>
|
||||
<div class="van-file">
|
||||
线控底盘技术发展与标准化需求研究报告.pdf
|
||||
</div>
|
||||
</div>
|
||||
</van-step>
|
||||
<van-step>
|
||||
<h3>快件已发货</h3>
|
||||
<p>2016-07-10 09:30</p>
|
||||
<div class="vanStepBox">
|
||||
<div class="van-text">
|
||||
发起流程
|
||||
<span class="van-text-color">
|
||||
接受
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-time">
|
||||
<span class="van-name">
|
||||
Yingxi.Sun
|
||||
</span>
|
||||
|
|
||||
<span class="van-name-time">
|
||||
2016-07-12 12:40
|
||||
</span>
|
||||
</div>
|
||||
<div class="van-desgin">
|
||||
这里是反馈意见这里是反馈意见这里是反馈意见这里是反馈意见
|
||||
</div>
|
||||
<div class="van-file">
|
||||
线控底盘技术发展与标准化需求研究报告.pdf
|
||||
</div>
|
||||
<div class="van-file">
|
||||
线控底盘技术发展与标准化需求研究报告.pdf
|
||||
</div>
|
||||
</div>
|
||||
</van-step>
|
||||
</van-steps>
|
||||
</van-collapse-item>
|
||||
<van-collapse-item title="发起人审查" name="4">
|
||||
<van-form @submit="onSubmit">
|
||||
<van-field name="radio" label="处理结果">
|
||||
<template #input>
|
||||
<van-radio-group v-model="form.radio" direction="horizontal">
|
||||
<van-radio name="1">通过</van-radio>
|
||||
<van-radio name="2">退回</van-radio>
|
||||
</van-radio-group>
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
<van-field
|
||||
v-model="form.message"
|
||||
rows="4"
|
||||
class="textarea"
|
||||
autosize
|
||||
label="反馈意见"
|
||||
maxlength="200"
|
||||
type="textarea"
|
||||
placeholder="请输入反馈意见"
|
||||
/>
|
||||
|
||||
<van-field name="uploader" class="uploader" label="附件上传">
|
||||
<template #input>
|
||||
<van-uploader class="uploader-button">
|
||||
<van-button icon="back-top" type="primary">上传</van-button>
|
||||
</van-uploader>
|
||||
</template>
|
||||
</van-field>
|
||||
</van-form>
|
||||
</van-collapse-item>
|
||||
</van-collapse>
|
||||
</div>
|
||||
</template>
|
||||
@@ -81,12 +187,16 @@
|
||||
name: 'phoneProcessManagement',
|
||||
data() {
|
||||
return {
|
||||
activeNames: ['1', '2', '3']
|
||||
activeNames: ['1', '2', '3', '4'],
|
||||
form: {}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
iconClick() {
|
||||
this.$router.go(-1)
|
||||
},
|
||||
onSubmit() {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -144,14 +254,14 @@
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
::v-deep .van-cell__title span {
|
||||
::v-deep .van-cell--clickable .van-cell__title span {
|
||||
font-size: 0.44rem;
|
||||
font-family: PingFang SC-Medium, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #040B29;
|
||||
}
|
||||
|
||||
::v-deep .collapse .van-icon {
|
||||
::v-deep .collapse .van-cell--clickable .van-icon {
|
||||
font-size: 0.44rem;
|
||||
color: #040B29;
|
||||
}
|
||||
@@ -198,7 +308,8 @@
|
||||
margin-bottom: 0.4rem;
|
||||
word-break: break-all;
|
||||
}
|
||||
.content-box-type-text-Two{
|
||||
|
||||
.content-box-type-text-Two {
|
||||
display: inline-block;
|
||||
font-size: 0.38rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
@@ -206,6 +317,7 @@
|
||||
color: #040B29;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.content-box-text {
|
||||
text-align: right;
|
||||
margin-left: 0.3rem;
|
||||
@@ -219,4 +331,149 @@
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
|
||||
::v-deep .van-step__circle-container .van-icon {
|
||||
font-size: 0.55rem;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
::v-deep .van-step--finish {
|
||||
color: #00BEBE;
|
||||
}
|
||||
|
||||
::v-deep .van-step--vertical {
|
||||
padding: 0.26rem 0 0.46rem 0;
|
||||
}
|
||||
|
||||
::v-deep .van-step--vertical:not(:last-child)::after {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
.vanStepBox {
|
||||
margin-left: 0.2rem;
|
||||
}
|
||||
|
||||
.van-text {
|
||||
font-size: 0.38rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #040B29;
|
||||
}
|
||||
|
||||
.van-text-color {
|
||||
padding: 0.19rem 0.3rem;
|
||||
color: #26BD4B;
|
||||
font-size: 0.34rem;
|
||||
background: rgba(38, 189, 75, 0.12);
|
||||
border-radius: 0.1rem;
|
||||
margin-left: 0.2rem;
|
||||
}
|
||||
|
||||
.van-time {
|
||||
font-size: 0.34rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #868A9A;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
|
||||
.van-name {
|
||||
color: #868A9A;
|
||||
margin-right: 0.1rem;
|
||||
font-size: 0.34rem;
|
||||
}
|
||||
|
||||
.van-name-time {
|
||||
color: #868A9A;
|
||||
margin-left: 0.1rem;
|
||||
font-size: 0.34rem;
|
||||
}
|
||||
|
||||
.van-desgin {
|
||||
font-size: 0.38rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #41475E;
|
||||
margin-top: 0.3rem;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.van-file {
|
||||
font-size: 0.38rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #01A0AC;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
|
||||
::v-deep .van-form .van-cell__title {
|
||||
font-size: 0.38rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #595E72;
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
::v-deep .van-form .van-radio__icon .van-icon {
|
||||
width: 0.45rem;
|
||||
height: 0.45rem;
|
||||
line-height: 0.45rem;
|
||||
}
|
||||
|
||||
::v-deep .van-form .van-radio__icon--checked .van-icon {
|
||||
background-color: #00BEBE;
|
||||
border-color: #00BEBE;
|
||||
}
|
||||
|
||||
::v-deep .van-form .van-radio__icon {
|
||||
height: 0.45rem;
|
||||
}
|
||||
|
||||
::v-deep .van-form .van-radio__label {
|
||||
font-size: 0.38rem;
|
||||
font-family: PingFang SC-Regular, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #040B29;
|
||||
}
|
||||
|
||||
::v-deep .van-form .van-cell {
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
|
||||
.textarea {
|
||||
display: block;
|
||||
}
|
||||
|
||||
::v-deep .van-form .textarea .van-field__control {
|
||||
background: #F5F6F7;
|
||||
border-radius: 0.12rem;
|
||||
padding: 0.2rem;
|
||||
margin-top: 0.1rem;
|
||||
}
|
||||
|
||||
.uploader {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.uploader-button {
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
|
||||
.uploader-button .van-button--primary {
|
||||
background-color: #fff;
|
||||
border: 0.03rem solid #00BEBE;
|
||||
color: #01A0AC;
|
||||
font-size: 0.38rem;
|
||||
font-family: PingFang SC-Medium, PingFang SC;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.uploader-button .van-button {
|
||||
height: 0.9rem;
|
||||
border-radius: 0.12rem;
|
||||
}
|
||||
|
||||
.uploader-button .van-button .van-icon {
|
||||
font-size: 0.42rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user