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

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

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

26
pagesA/xjPage/xj.vue
View File

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

Write Preview
Loading…
Cancel
Save