elink-star
/
epmet-apartment-work-mp
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

ui修改

fenbao
wangyx 1 month ago
parent
7f776bfd7e
commit
e718e26eab
3 changed files with 40 additions and 28 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 36
      pagesA/force/index/index.vue
  2. 6
      pagesA/release/detail/detail.vue
  3. 26
      pagesA/xjPage/xj.vue

36
pagesA/force/index/index.vue
View File

@ -10,6 +10,8 @@
v-model="form.idCard"
shape="round"
:showAction="false"
bgColor="#fff"
height="42rpx"
@search="handleQuery"
@clear="handleClear"
@clickIcon="handleQuery"
@ -17,8 +19,8 @@
</u-form-item>
</view>
<view class="cont" v-if="showInfo">
<view class="info-card">
<u-form-item label="姓名" prop="name" required>
<view class="info-card info-item">
<u-form-item label="姓名" prop="name" required borderBottom labelStyle="{color:red;}">
<text style="text-align: right">{{ baseInfo.graduateName }}</text>
<!-- <u-input
@ -29,8 +31,7 @@
:disabled="true"
/> -->
</u-form-item>
<view style="border-bottom: 2rpx solid #e5e5e5; margin: 0"></view>
<u-form-item label="房间" prop="room" required>
<u-form-item label="房间" prop="room" required borderBottom>
<text style="text-align: right">{{ roomAllPath }}</text>
<!-- <u-input
@ -41,8 +42,7 @@
:disabled="true"
/> -->
</u-form-item>
<view style="border-bottom: 2rpx solid #e5e5e5; margin: 0"></view>
<u-form-item label="手机号" prop="phone" required>
<u-form-item label="手机号" prop="phone" required borderBottom>
<text style="text-align: right">{{ baseInfo.telephone }}</text>
<!-- <u-input
@ -53,7 +53,6 @@
:disabled="true"
/> -->
</u-form-item>
<view style="border-bottom: 2rpx solid #e5e5e5; margin: 0"></view>
<!-- <u-form-item
label="退房日期"
prop="leaveDate"
@ -89,7 +88,7 @@
<u-textarea
v-model="forceCheckoutDesc"
ref="textarea"
placeholder="请输入内容（不超过500字）"
placeholder="请输入内容"
maxlength="500"
height="150"
border="none"
@ -157,7 +156,7 @@ export default {
data() {
return {
btnStyle:
"background:linear-gradient(90deg,#0DC6C6 0%,#13C2C2 100%);font-size:36rpx;border-radius:48rpx;width:60vw;height:80rpx; margin-bottom:60rpx;",
"background:linear-gradient(90deg,#0DC6C6 0%,#13C2C2 100%);font-size:36rpx;border-radius:48rpx;width:60vw;height:80rpx; margin-bottom:60rpx;border:none",
form: {
room: "",
name: "",
@ -244,7 +243,11 @@ export default {
for (let i = 0; i < files.length; i++) {
const file = files[i];
const filePath = file.tempFilePath;
const type = file.fileType || (filePath.match(/\.(mp4|mov|avi|wmv|flv|mkv)$/i) ? "video" : "image");
const type =
file.fileType ||
(filePath.match(/\.(mp4|mov|avi|wmv|flv|mkv)$/i)
? "video"
: "image");
const uploadRes = await uploadImage(filePath);
this.fileList.push({
url: uploadRes.data?.url || uploadRes.url || uploadRes.path,
@ -348,10 +351,13 @@ export default {
.info-card {
background: #fff;
border-radius: 24rpx;
padding: 0rpx 24rpx 0 24rpx;
padding: 0rpx 24rpx 0 0rpx;
margin-bottom: 24rpx;
box-shadow: 0 4rpx 16rpx 0 #e6f6fd;
}
.info-item{
padding: 0 34rpx;
}
::v-deep .u-form-item__body__left {
color: #6a7fa3 !important;
@ -384,7 +390,7 @@ export default {
.desc-card {
background: #fff;
border-radius: 20rpx;
padding: 24rpx 20rpx 24rpx 20rpx;
padding: 0rpx 20rpx 24rpx 20rpx;
margin-bottom: 24rpx;
box-shadow: 0 2rpx 8rpx #f2f4f8;
}
@ -462,8 +468,8 @@ export default {
margin-top: 8rpx;
}
::v-deep .u-form-item__body__left__content__label span {
color: #68758b;
font-size: 30rpx;
::v-deep .u-form-item .u-form-item__body__left .u-form-item__body__left__content__label {
color: #68758b !important;
font-size: 28rpx;
}
</style>

6
pagesA/release/detail/detail.vue
View File

@ -62,7 +62,7 @@
v-model="value"
:formatter="formatter"
ref="textarea"
placeholder="请输入内容（不超过500字）"
placeholder="请输入内容"
maxlength="500"
height="150"
border="none"
@ -359,7 +359,7 @@ export default {
.info-card {
background: #fff;
border-radius: 20rpx;
margin: 24rpx 24rpx 0 24rpx;
margin: -22rpx 24rpx 0 24rpx;
padding: 24rpx 24rpx 12rpx 24rpx;
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
}
@ -494,7 +494,7 @@ export default {
box-shadow: 0 2rpx 8rpx #f2f4f8;
display: flex;
align-items: center;
margin: 24rpx 24rpx 24rpx 24rpx;
margin: 12rpx 24rpx 12rpx 24rpx;
padding: 24rpx 24rpx 24rpx 24rpx;
}

26
pagesA/xjPage/xj.vue
View File

@ -21,6 +21,7 @@
disabledColor="#ffffff"
placeholder="请选择"
border="none"
inputAlign="right"
></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
@ -38,6 +39,7 @@
disabledColor="#ffffff"
placeholder="请选择"
border="none"
inputAlign="right"
></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
@ -45,35 +47,39 @@
labelAlign="right"
labelWidth="100px"
label="标题内容"
borderBottom
:borderBottom="false"
required
labelPosition="top"
>
<u--textarea
v-model="form.title"
placeholder="请输入内容"
count
maxlength="500"
placeholder="请输入标题"
border="none"
custom-style="background:#f7f7f7;border-radius:12rpx;padding:16rpx;margin-top:16rpx;"
></u--textarea>
</u-form-item>
<u-form-item
labelAlign="right"
labelWidth="100px"
label="问题描述"
borderBottom
:borderBottom="false"
required
labelPosition="top"
>
<u--textarea
v-model="form.content"
placeholder="请输入内容"
count
maxlength="500"
placeholder="请输入详细问题情况"
border="none"
height="200rpx"
custom-style="background:#f7f7f7;border-radius:12rpx;padding:16rpx;margin-top:16rpx;"
></u--textarea>
</u-form-item>
<u-form-item
labelAlign="right"
labelWidth="120px"
label="上传图片/视频"
borderBottom
:borderBottom="false"
labelPosition="top"
>
<u-upload
:max-count="10"
@ -426,7 +432,7 @@ export default {
background-color: rgba(255, 255, 255, 1);
box-shadow: 2rpx 2rpx 4rpx rgba(0, 0, 0, 0.2);
margin-top: 20rpx;
padding: 20rpx;
padding: 24rpx 36rpx;
box-sizing: border-box;
}
.btn {

Write Preview
Loading…
Cancel
Save