1271 lines
30 KiB
Vue
1271 lines
30 KiB
Vue
<template>
|
||
<!-- <view> 发布 </view> tabbar="/pages/index/fabu"-->
|
||
<s-layout title="发布信息" :bgStyle="{ color: '#fff' }">
|
||
<view class="container">
|
||
<view class="backImg flex flex-column align-items">
|
||
<view class="scroll-container box flex flex-column align-items">
|
||
<view class="first flex flex-column align-items justify-start" style="padding: 30rpx;">
|
||
<view class="row flex align-items" style="padding: 0 30rpx;">
|
||
<view class="label flex align-items" style="width: auto;">
|
||
标题
|
||
</view>
|
||
<view class="row-right" style="width: 80%;">
|
||
<input type="text" placeholder="请输入标题信息(必填20字内)" class="input" disabled="true"
|
||
v-model="form.title" placeholder-class="plasty"
|
||
style="width: 80%;text-align: right;" />
|
||
</view>
|
||
</view>
|
||
<span class="line-row" style="margin: 30rpx 0;"></span>
|
||
|
||
<view class="row flex align-items" style="justify-content: space-between;">
|
||
<view class="label flex align-items" style="">
|
||
地区
|
||
</view>
|
||
<view class="row-right" style="width: 500rpx;" @click="state.showRegion = true">
|
||
<view v-if="form.area != '' " style="font-size: 28rpx;color: #3d3d3d">河南</view>
|
||
<view v-else style="font-size: 28rpx;color: #9C9C9C">请选择地区</view>
|
||
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
|
||
src="https://jiangxiaoxian.0rui.cn/rightMore.png"></image>
|
||
</view>
|
||
</view>
|
||
<span class="line-row" style="margin: 30rpx 0;"></span>
|
||
|
||
<view class="row " style="">
|
||
<view class="label flex align-items" style="width: auto;">
|
||
详细地址
|
||
</view>
|
||
<view style="margin-top: 20rpx;height: 80rpx;">
|
||
<textarea v-model="form.address_detail" style="height: 80rpx;width: 100%;"
|
||
maxlength="400" placeholder-style="font-size:28rpx;color:#9c9c9c;line-height:36rpx"
|
||
placeholder="请输入详细地址"></textarea>
|
||
</view>
|
||
|
||
</view>
|
||
<span class="line-row" style="margin: 30rpx 0;"></span>
|
||
|
||
<view class="row flex align-items" style="padding: 0 30rpx;">
|
||
<view class="label flex align-items" style="width: auto;">
|
||
联系人
|
||
</view>
|
||
<view class="row-right" style="width: 80%;">
|
||
<input type="text" placeholder="请输入联系人" class="input" disabled="true"
|
||
v-model="form.title" placeholder-class="plasty"
|
||
style="width: 80%;text-align: right;" />
|
||
</view>
|
||
</view>
|
||
<span class="line-row" style="margin: 30rpx 0;"></span>
|
||
|
||
<view class="row flex align-items" style="padding: 0 30rpx;">
|
||
<view class="label flex align-items" style="width: auto;">
|
||
联系电话
|
||
</view>
|
||
<view class="row-right" style="width: 80%;">
|
||
<input type="number" placeholder="请输入联系电话" class="input" disabled="true"
|
||
v-model="form.title" placeholder-class="plasty"
|
||
style="width: 80%;text-align: right;" />
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
<!-- 详细信息 -->
|
||
<view class="first flex flex-column align-items justify-start"
|
||
style="margin-top: 20rpx;padding: 30rpx;">
|
||
<view class="row align-items" style="">
|
||
<view class="label flex align-items" style="width: auto;">
|
||
详细信息
|
||
</view>
|
||
<view style="margin-top: 20rpx;height: 120rpx;">
|
||
<textarea v-model="form.address_detail" style="height: 120rpx;width: 100%;"
|
||
maxlength="400" placeholder-style="font-size:28rpx;color:#9c9c9c;line-height:36rpx"
|
||
placeholder="请输入你的招标详细信息"></textarea>
|
||
</view>
|
||
<!-- <view class="row flex align-items textarea_fb" style="margin-top: 25rpx;">
|
||
<u--textarea :confirmType="null" v-model="form.content" :maxlength="1600"
|
||
placeholder="请输入你的招标详细信息" :height="120" placeholder-class="bttop"
|
||
auto-height></u--textarea>
|
||
</view> -->
|
||
<!-- 图片 -->
|
||
<view class="shenfen row flex flex-column" style="margin-top: 42rpx;">
|
||
<u-upload :fileList="fileList1" @afterRead="afterRead" :previewFullImage="true"
|
||
@delete="deletePic" @oversize="oversize" name="1" multiple
|
||
:maxSize="1 * 1024 * 1024" :maxCount="5">
|
||
<view class="pic_view">
|
||
<image src="https://jiangxiaoxian.0rui.cn/fabuAddImg.png" mode="widthFix"
|
||
style="width: 44rpx;height: 44rpx;" />
|
||
<span class="texts">添加图片</span>
|
||
</view>
|
||
</u-upload>
|
||
</view>
|
||
</view>
|
||
<span class="line-row" style="margin: 30rpx 0;"></span>
|
||
|
||
<view class="row flex align-items" style="margin-top: 25rpx;">
|
||
<view class="label flex align-items ">
|
||
项目类型
|
||
</view>
|
||
<view class="row-right" style="width: 500rpx;" @click="state.showRegion = true">
|
||
<view v-if="form.area != '' " style="font-size: 28rpx;color: #3d3d3d">河南</view>
|
||
<view v-else style="font-size: 28rpx;color: #9C9C9C">请选择项目类型</view>
|
||
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
|
||
src="https://jiangxiaoxian.0rui.cn/rightMore.png"></image>
|
||
</view>
|
||
</view>
|
||
<span class="line-row" style="margin: 30rpx 0;"></span>
|
||
|
||
<view class="row flex align-items" style="">
|
||
<view class="label flex align-items" style="width: auto;">
|
||
选择标签
|
||
</view>
|
||
<view class="row-right" style="width: 500rpx;" @click="openPopbq">
|
||
<view v-if="form.tags != '' " style="font-size: 28rpx;color: #3d3d3d">河南</view>
|
||
<view v-else style="font-size: 28rpx;color: #9C9C9C">选择</view>
|
||
<image style="width: 28rpx;height: 28rpx;margin-left: 10rpx;"
|
||
src="https://jiangxiaoxian.0rui.cn/rightMore.png"></image>
|
||
</view>
|
||
</view>
|
||
<view class="checkedLabel">
|
||
<view class="flex align-items allmybqs">
|
||
<!-- <view class="flex align-items bqpiece" v-for="(item_bq, index) in list" :key="index"
|
||
@click="removebq(index)">
|
||
<span>
|
||
{{ item_bq.name }}
|
||
</span>
|
||
<u-icon name="close" color="#babdc7"></u-icon>
|
||
</view> -->
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
|
||
</view>
|
||
<!-- <view style="height: 500rpx;"></view> -->
|
||
<view class="bottom " v-if="status == -1 || status == 2">
|
||
<view style="margin:30rpx 0 0 0;">
|
||
<cc-protocolBox :agree="agree" :name="protocolArr" @click="protocolClick"
|
||
@clickOne="protocolClick"></cc-protocolBox>
|
||
</view>
|
||
<view class="btns">
|
||
<view class="submitPublish" @click="apply()" v-if="agreeAdd == true">确认发布</view>
|
||
<view class="submitPublish" v-if="agreeAdd == false"
|
||
style="background: #EEEEEE;color: #9C9C9C;">
|
||
确认发布</view>
|
||
<!-- <span class="flex align-items justify-center" @click="apply()" v-if="agreeAdd == true">确认发布</span>
|
||
<span class="flex align-items justify-center" v-if="agreeAdd == false"
|
||
style="background: #EEEEEE;color: #9C9C9C;">确认发布</span> -->
|
||
</view>
|
||
|
||
</view>
|
||
|
||
<!-- 声明 -->
|
||
<su-popup @touchmove.native.stop.prevent :closeable="false" :show="show" :round="10" mode="center"
|
||
@close="close" @open="open" :custom-style="popupStyle" :safeAreaInsetBottom="false"
|
||
:closeOnClickOverlay="false">
|
||
<span style="font-size: 40rpx;font-weight: 800;height: 120rpx;">《责任承诺确认书》</span>
|
||
<scroll-view ref="scrollView" :scroll-top="scrollTop" :show-scrollbar='true'
|
||
@scrolltolower="handleScroll" scroll-y="true" style="height: 800rpx;">
|
||
<view class="popup flex align-items flex-column">
|
||
<rich-text style="text-align: justify;" :nodes="Negotiate"></rich-text>
|
||
</view>
|
||
</scroll-view>
|
||
<!-- <view class="popup-footer">
|
||
<span class="zhixiao" v-if="agreeShow == false">我同意</span>
|
||
<span class="zhixiao shows_zhidao" v-if="agreeShow == true" @click="change">我同意</span>
|
||
</view> -->
|
||
<view
|
||
style="gap: 20rpx;width: 100%;display: flex;justify-content: space-between;align-items: center;">
|
||
<view class="btn_4" @click="show = false">取消</view>
|
||
<view class="btn_3" v-if="agreeShow == false">我同意</view>
|
||
<view class="btn_2" v-if="agreeShow == true" @click="change()">我同意</view>
|
||
</view>
|
||
</su-popup>
|
||
|
||
<!-- 身份证是否认证
|
||
<su-popup @touchmove.native.stop.prevent :closeable="false" :show="cardShow" :round="10" mode="center"
|
||
@close="cardShow = false" :safeAreaInsetBottom="false" :custom-style="{
|
||
width: '600rpx',
|
||
padding: '24rpx 24rpx 20rpx 24rpx',
|
||
margin: '0 auto',
|
||
display: 'flex',
|
||
justifyContent: 'start',
|
||
alignItems: 'center',
|
||
flexColumn: 'column'
|
||
}" :closeOnClickOverlay="false">
|
||
<view style="text-align: center;margin-top: 30rpx;">
|
||
<image src="/static/fabu/renzheng.png" style="width: 140rpx;height: 140rpx;"></image>
|
||
</view>
|
||
<view style="font-size: 36rpx;color: #3D3D3D;margin-top: 30rpx;font-weight: 600;">完成认证，即可发布活动</view>
|
||
<view
|
||
style="padding: 40rpx 20rpx 10rpx 20rpx;;font-weight: 400;color: #3D3D3D;text-align: center;line-height: 44rpx;font-size: 28rpx;">
|
||
只差最后一步！完成身份认证，即可成为<br>【搭+】认证活动官，开始分享您的精彩活动。
|
||
</view>
|
||
<view
|
||
style="gap: 20px;width: 100%;display: flex;justify-content: space-between;align-items: center;padding-bottom: 30rpx;">
|
||
<view class="btn_4" @click="cardShow = false">取消</view>
|
||
<view class="btn_2" @click="openUrl('/packageB/card/index')">我同意</view>
|
||
</view>
|
||
</su-popup>-->
|
||
|
||
<!-- 省市区弹窗 -->
|
||
<su-regionCity-picker :show="state.showRegion" @cancel="state.showRegion = false"
|
||
@confirm="onRegionConfirm">
|
||
</su-regionCity-picker>
|
||
|
||
<!-- 活动分类 -->
|
||
<su-popup :show="showPopbq" mode="bottom" round="20"
|
||
:customStyle="{ 'width': '750rpx', 'height': '1040rpx', 'zIndex': '999' }" :closeable="false"
|
||
@close="closebq" :closeOnClickOverlay="false">
|
||
<!-- <image @click="closebq" src="@/static/center/close.png" mode=""
|
||
style="width: 44rpx;height: 44rpx;position: absolute;right: 30rpx;top: -160rpx;z-index: 155;">
|
||
</image> -->
|
||
<view class="popup_bq">
|
||
<view class="flex align-items justify-around" style="width: 100%;height: 42rpx;padding: 30rpx;">
|
||
<view @click="closebq"
|
||
style="z-index: 200;font-size: 28rpx;line-height: 39rpx;color: #9b9b9b;font-weight: 400;">
|
||
取消</view>
|
||
<view
|
||
style="z-index: 200;font-size: 30rpx;line-height: 42rpx;color: #3d3d3d;font-weight: bold;">
|
||
选择标签（3个）</view>
|
||
<view @click="checkTagTrue"
|
||
style="z-index: 200;font-size: 28rpx;line-height: 39rpx;color: #333333;font-weight: 400;">
|
||
确定</view>
|
||
</view>
|
||
|
||
<view style="color: #d8d8d8;height: 2rpx;width: 100%;"></view>
|
||
|
||
<view class="flex flex-column w-100 bqlist">
|
||
<scroll-view scroll-y="true" class="flex align-items allbqs">
|
||
<view style="display: flex; flex-wrap: wrap;padding: 0 30rpx;margin: 0 auto;" >
|
||
<view class="flex align-items justify-center"
|
||
v-for="(item, index) in tagList" :key="index" @click="addbq(item, index)">
|
||
<view class="selectedBox"
|
||
:style="item.isSelect == true ? 'background-color: #fcc74e' : 'background-color: #f0f0f0'">
|
||
{{ item.name }}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
<view>
|
||
<view @click="checkTagTrue" class="btn_1">确定选择</view>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
</su-popup>
|
||
|
||
</view>
|
||
|
||
</view>
|
||
</s-layout>
|
||
|
||
</template>
|
||
|
||
<script setup>
|
||
import {
|
||
onLoad,
|
||
onShow,
|
||
onReachBottom
|
||
} from '@dcloudio/uni-app';
|
||
import {
|
||
ref,
|
||
reactive
|
||
} from 'vue';
|
||
import sheep from '@/sheep';
|
||
import {
|
||
consignee,
|
||
mobile,
|
||
address,
|
||
region
|
||
} from '@/sheep/validate/form';
|
||
|
||
const state = reactive({
|
||
showRegion: false,
|
||
model: {
|
||
consignee: '',
|
||
mobile: '',
|
||
address: '',
|
||
is_default: false,
|
||
region: '',
|
||
},
|
||
rules: {
|
||
consignee,
|
||
mobile,
|
||
address,
|
||
region,
|
||
},
|
||
});
|
||
const proCity = ref('')
|
||
const form = ref({
|
||
title: null,
|
||
area: '',
|
||
address_detail: null,
|
||
content: null,
|
||
stock: null,
|
||
cate_idsName: null,
|
||
address1: null,
|
||
categoryId: null,
|
||
tags: '',
|
||
cate_ids: '',
|
||
province: null,
|
||
district: null,
|
||
keywords: null,
|
||
})
|
||
const onRegionConfirm = (e) => {
|
||
console.log('onRegionConfirm', e);
|
||
state.model = {
|
||
...state.model,
|
||
...e,
|
||
};
|
||
proCity.value = state.model.province_name + " " + state.model.city_name
|
||
console.log('onRegionConfirm33', state.model, proCity.value);
|
||
state.showRegion = false;
|
||
};
|
||
|
||
|
||
|
||
const show = ref(false)
|
||
const showPopbq = ref(false)
|
||
const tagList = ref(false)
|
||
const tagShowList = ref(false)
|
||
const priceShow = ref(false)
|
||
const cardShow = ref(false)
|
||
const list = ref([]);//已选择标签
|
||
const current = ref();
|
||
const status = ref(0)
|
||
|
||
|
||
onShow(() => {
|
||
getTagList();
|
||
})
|
||
|
||
//标签
|
||
function openPopbq() {
|
||
showPopbq.value = true;
|
||
// getTagList();
|
||
}
|
||
function closebq() {
|
||
showPopbq.value = false;
|
||
}
|
||
async function getTagList() {
|
||
const res = await sheep.$api.rent.tagsList({});
|
||
if (res.code == 1) {
|
||
tagList.value = res.data.list
|
||
tagShowList.value = tagList.value.map(({
|
||
name,
|
||
id
|
||
}) => ({
|
||
name,
|
||
id
|
||
}));
|
||
tagShowList.value.forEach(item => {
|
||
item.isSelect = false;
|
||
})
|
||
console.log('tagList', tagList.value, tagShowList.value);
|
||
}
|
||
}
|
||
//选中标签
|
||
function addbq(item, index) {
|
||
current.value = index;
|
||
|
||
console.log('选择标签',current.value);
|
||
tagShowList.value[current.value].isSelect = true
|
||
// let arrbql = uni.getStorageSync("zjlist");
|
||
// let arrbq = JSON.parse(arrbql);
|
||
// let isbq = true;
|
||
// for (let i = 0; i < arrbq.length; i++) {
|
||
// if (arrbq[i].id == val.id) {
|
||
// uni.showToast({
|
||
// title: "已选择该标签",
|
||
// icon: "none",
|
||
// duration: 2000,
|
||
// });
|
||
// return isbq = false;
|
||
// }
|
||
// }
|
||
// if (list.value.length < 3) {
|
||
// if (isbq) {
|
||
// list.value.push(val);
|
||
// uni.setStorageSync('zjlist', JSON.stringify(list.value))
|
||
// }
|
||
// } else {
|
||
// uni.showToast({
|
||
// title: "最多添加3个标签",
|
||
// icon: "none",
|
||
// duration: 2000,
|
||
// });
|
||
// }
|
||
// let arr = list.value.map((item) => {
|
||
// return item.name
|
||
// })
|
||
// form.value.cate_idsName = arr.join(',');
|
||
}
|
||
//删除标签（本地）
|
||
function removebq(i) {
|
||
list.value.splice(i, 1);
|
||
uni.setStorageSync('zjlist', JSON.stringify(list.value))
|
||
let arr = list.value.map((item) => {
|
||
return item.name
|
||
})
|
||
form.value.cate_idsName = arr.join(',')
|
||
}
|
||
|
||
function checkTagTrue() {
|
||
console.log('确定选择的标签');
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.container {
|
||
.backImg {
|
||
height: 90vh;
|
||
// background: linear-gradient(to bottom, #F1F2F8 0%, #F1F2F8 50%, #FFFFFF 100%);
|
||
width: 100%;
|
||
background-color: #f7f7f7;
|
||
|
||
/* 添加新样式用于内部可滚动区域 */
|
||
.scroll-container {
|
||
margin: 0 auto;
|
||
z-index: 1;
|
||
/* 确保在.allbg之上 */
|
||
overflow: visible;
|
||
/* 允许内容溢出 */
|
||
margin-top: 10rpx;
|
||
// margin-bottom: 360rpx;
|
||
|
||
}
|
||
|
||
.box {
|
||
width: 100%;
|
||
|
||
.title {
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 32rpx;
|
||
color: #C0C0C0;
|
||
// margin: 42rpx 0 24rpx 0;
|
||
|
||
}
|
||
|
||
.reason {
|
||
width: 100%;
|
||
background: #FFFFFF;
|
||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||
margin-top: 32rpx;
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 36rpx;
|
||
color: #343434;
|
||
line-height: 36rpx;
|
||
padding: 30rpx;
|
||
width: 630rpx;
|
||
letter-spacing: 4.5rpx;
|
||
}
|
||
|
||
.first {
|
||
width: 690rpx;
|
||
// height: 266rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||
// margin-top: 32rpx;
|
||
|
||
.row {
|
||
width: 100%;
|
||
margin-top: 7rpx;
|
||
justify-content: space-between;
|
||
|
||
.label {
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: bold;
|
||
font-size: 30rpx;
|
||
color: #343434;
|
||
line-height: 32rpx;
|
||
width: 160rpx;
|
||
}
|
||
|
||
.pic_view {
|
||
width: 190rpx;
|
||
height: 190rpx;
|
||
background: #F7F7F7;
|
||
border-radius: 10rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
flex-flow: column;
|
||
|
||
.texts {
|
||
margin-top: 20rpx;
|
||
font-size: 24rpx;
|
||
color: #3D3D3D;
|
||
}
|
||
}
|
||
|
||
.row-right {
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
align-items: center;
|
||
}
|
||
}
|
||
|
||
.line-row {
|
||
margin-top: 25rpx;
|
||
width: 100%;
|
||
height: 1rpx;
|
||
background: #F0F0F0;
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
}
|
||
}
|
||
|
||
::v-deep .plasty {
|
||
text-align: right;
|
||
z-index: 10000;
|
||
color: #9c9c9c;
|
||
}
|
||
|
||
::v-deep .plasty_c {
|
||
text-align: right;
|
||
color: #FF4810;
|
||
}
|
||
|
||
::v-deep .bttop {
|
||
font-size: 32rpx;
|
||
color: #9C9C9C;
|
||
}
|
||
|
||
.second {
|
||
width: 690rpx;
|
||
// height: 340rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||
margin-top: 32rpx;
|
||
margin-bottom: 32rpx;
|
||
|
||
::v-deep .bttops {
|
||
font-size: 28rpx;
|
||
color: #9C9C9C;
|
||
line-height: 36rpx;
|
||
}
|
||
}
|
||
|
||
.third {
|
||
width: 690rpx;
|
||
|
||
.header {
|
||
margin: 42rpx 0 24rpx 0;
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 28rpx;
|
||
color: #343434;
|
||
line-height: 32rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
.w-100 {
|
||
width: 100%;
|
||
}
|
||
|
||
.flex {
|
||
display: flex;
|
||
}
|
||
|
||
.justify-center {
|
||
justify-content: center;
|
||
}
|
||
|
||
.justify-around {
|
||
justify-content: space-around;
|
||
}
|
||
|
||
.space-between {
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.align-items {
|
||
align-items: center;
|
||
}
|
||
|
||
.flex-column {
|
||
flex-flow: column;
|
||
}
|
||
|
||
.justify-start {
|
||
justify-content: start;
|
||
}
|
||
|
||
.mar-top-30 {
|
||
margin-top: 30rpx;
|
||
}
|
||
|
||
|
||
.textarea_fb {
|
||
::v-deep .u-textarea {
|
||
height: 100%;
|
||
padding: 0;
|
||
border: none;
|
||
font-size: 26rpx;
|
||
color: #9C9C9C;
|
||
}
|
||
|
||
::v-deep .bttextarea {
|
||
font-size: 24rpx;
|
||
color: #9C9C9C;
|
||
}
|
||
}
|
||
|
||
|
||
.shenfen ::v-deep .u-upload .u-upload__wrap__preview__image {
|
||
width: 196rpx !important;
|
||
height: 196rpx !important;
|
||
}
|
||
|
||
.bottom {
|
||
width: 750rpx;
|
||
height: 230rpx;
|
||
background: #FFFFFF;
|
||
// box-shadow: 0rpx -6rpx 12rpx 0rpx rgba(111, 190, 255, 0.1);
|
||
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||
bottom: 120rpx;
|
||
position: fixed;
|
||
z-index: 10;
|
||
|
||
span {
|
||
// width: 642rpx;
|
||
width: 435rpx;
|
||
height: 80rpx;
|
||
background: #323232;
|
||
border-radius: 401rpx 401rpx 401rpx 401rpx;
|
||
font-family: YouSheBiaoTiHei;
|
||
font-weight: 400;
|
||
font-size: 36rpx;
|
||
color: #BBFC5B;
|
||
line-height: 32rpx;
|
||
margin: 0 auto;
|
||
margin-top: 30rpx;
|
||
}
|
||
|
||
.btns {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
margin-top: 30rpx;
|
||
|
||
span {
|
||
// width: 642rpx;
|
||
width: 435rpx;
|
||
height: 80rpx;
|
||
background: #323232;
|
||
border-radius: 401rpx 401rpx 401rpx 401rpx;
|
||
font-family: YouSheBiaoTiHei;
|
||
font-weight: 400;
|
||
font-size: 36rpx;
|
||
color: #BBFC5B;
|
||
line-height: 32rpx;
|
||
margin: 0 auto;
|
||
margin-top: 30rpx;
|
||
}
|
||
|
||
.saveDraft {
|
||
width: 235rpx;
|
||
height: 84rpx;
|
||
// position: relative;
|
||
// top: 10rpx;
|
||
border: 2rpx solid #323232;
|
||
background-color: #ffffff;
|
||
text-align: center;
|
||
color: #323232;
|
||
font-family: YouSheBiaoTiHei;
|
||
font-size: 36rpx;
|
||
font-weight: 400;
|
||
border-radius: 50rpx;
|
||
margin: 0 auto;
|
||
display: grid;
|
||
align-items: center;
|
||
}
|
||
|
||
.draftBox {
|
||
width: 235rpx;
|
||
height: 84rpx;
|
||
// position: relative;
|
||
// top: 10rpx;
|
||
border: 2rpx solid #323232;
|
||
background-color: #ffffff;
|
||
text-align: center;
|
||
color: #323232;
|
||
font-family: YouSheBiaoTiHei;
|
||
font-size: 36rpx;
|
||
font-weight: 400;
|
||
border-radius: 50rpx;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.submitPublish {
|
||
margin-left: 20rpx;
|
||
width: 435rpx;
|
||
height: 90rpx;
|
||
// border: 2rpx solid #323232;
|
||
background-color: #323232;
|
||
color: #BBFC5B;
|
||
font-family: YouSheBiaoTiHei;
|
||
font-size: 36rpx;
|
||
font-weight: 400;
|
||
text-align: center;
|
||
border-radius: 50rpx;
|
||
margin: 0 auto;
|
||
display: grid;
|
||
align-items: center;
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
.inputl {
|
||
text-align: left;
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-size: 30rpx;
|
||
font-weight: 600;
|
||
color: #343434;
|
||
line-height: 32rpx;
|
||
width: 500rpx;
|
||
}
|
||
|
||
.input {
|
||
text-align: right;
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-size: 28rpx;
|
||
color: #343434;
|
||
line-height: 32rpx;
|
||
width: 450rpx;
|
||
}
|
||
|
||
.shenfen ::v-deep .u-transition.data-v-39e33bf2.vue-ref.u-fade-enter-to.u-fade-enter-active:not(:first-child) {
|
||
margin-top: 20rpx;
|
||
}
|
||
|
||
.popup {
|
||
// width: 690rpx;
|
||
height: 950rpx;
|
||
margin-top: 40rpx;
|
||
|
||
|
||
}
|
||
|
||
|
||
|
||
.popup-footer {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
// margin: 30rpx 0;
|
||
height: 146rpx;
|
||
|
||
.zhixiao {
|
||
height: 80rpx;
|
||
background: #E8E8E8;
|
||
//border-radius: 401rpx 401rpx 401rpx 401rpx;
|
||
font-family: YouSheBiaoTiHei;
|
||
font-weight: 400;
|
||
font-size: 36rpx;
|
||
color: #9C9C9C;
|
||
line-height: 32rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
position: absolute;
|
||
width: 100%;
|
||
bottom: 0;
|
||
border-radius: 0rpx 0rpx 20rpx 20rpx;
|
||
}
|
||
|
||
.shows_zhidao {
|
||
background-color: #323232;
|
||
color: #BBFC5B;
|
||
font-weight: 400;
|
||
font-size: 36rpx;
|
||
}
|
||
}
|
||
|
||
|
||
|
||
|
||
// 滚动条样式
|
||
// ::v-deep ::-webkit-scrollbar {
|
||
// /*滚动条整体样式*/
|
||
// width: 4px !important;
|
||
// height: 1px !important;
|
||
// overflow: auto !important;
|
||
// background: #ccc !important;
|
||
// -webkit-appearance: auto !important;
|
||
// display: block;
|
||
// }
|
||
|
||
// ::v-deep ::-webkit-scrollbar-thumb {
|
||
// /*滚动条里面小方块*/
|
||
// border-radius: 10px !important;
|
||
// box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
|
||
// background: #7b7979 !important;
|
||
// }
|
||
|
||
// ::v-deep ::-webkit-scrollbar-track {
|
||
// /*滚动条里面轨道*/
|
||
// // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
|
||
// // border-radius: 10px !important;
|
||
// background: #FFFFFF !important;
|
||
// }
|
||
|
||
.textarea_mph {
|
||
::v-deep .u-textarea {
|
||
height: 100%;
|
||
padding: 20rpx;
|
||
border: none;
|
||
font-size: 26rpx;
|
||
color: #9C9C9C;
|
||
background: #F7F7F7;
|
||
border-radius: 18rpx;
|
||
}
|
||
|
||
::v-deep .bttextarea {
|
||
font-size: 24rpx;
|
||
color: #9C9C9C;
|
||
}
|
||
}
|
||
|
||
.popup_bq {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
height: 950rpx;
|
||
position: relative;
|
||
|
||
img {
|
||
position: absolute;
|
||
width: 750rpx;
|
||
height: 1040rpx;
|
||
top: -164rpx;
|
||
z-index: 100;
|
||
}
|
||
|
||
.bqlist {
|
||
margin-top: 30rpx;
|
||
z-index: 200;
|
||
// margin-left: 80rpx;
|
||
height: 100%;
|
||
// padding: 30rpx;
|
||
|
||
.selectedBox {
|
||
margin: 10rpx;
|
||
border-radius: 163rpx;
|
||
width: 140rpx auto;
|
||
text-align: center;
|
||
padding: 14rpx 22rpx;
|
||
}
|
||
|
||
.allmybqs {
|
||
flex-wrap: wrap;
|
||
width: 720rpx;
|
||
}
|
||
|
||
.allbqs {
|
||
overflow-y: auto;
|
||
-webkit-overflow-scrolling: touch;
|
||
flex-wrap: wrap;
|
||
height: 690rpx;
|
||
width: 700rpx;
|
||
|
||
.titles_fl {
|
||
width: 112rpx;
|
||
height: 39rpx;
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 600;
|
||
font-size: 28rpx;
|
||
color: #999999;
|
||
line-height: 39rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
text-transform: none;
|
||
}
|
||
}
|
||
|
||
.bqpiece {
|
||
width: 210rpx;
|
||
height: 70rpx;
|
||
background: #F7F7F7;
|
||
border-radius: 12rpx 12rpx 12rpx 12rpx;
|
||
display: flex;
|
||
justify-content: space-around;
|
||
align-items: center;
|
||
margin: 20rpx 20rpx 20rpx 0;
|
||
|
||
span {
|
||
font-family: PingFang SC, PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 26rpx;
|
||
color: #323232;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
}
|
||
|
||
.bqpiece.active {
|
||
background: #C9FC7E;
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
.popup_tkallDraft {
|
||
z-index: 100;
|
||
background-color: #f7f7f7;
|
||
|
||
.popup_tkDraft {
|
||
font-size: 36rpx;
|
||
margin: 12rpx 0 24rpx 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.popup-content {
|
||
height: 760rpx;
|
||
overflow-y: auto;
|
||
margin-top: 30rpx;
|
||
width: 100%;
|
||
padding: 0rpx;
|
||
background-color: #f7f7f7;
|
||
|
||
.invoiceList {
|
||
width: 690rpx;
|
||
height: auto;
|
||
// padding: 0rpx 40rpx;
|
||
|
||
.invoiceList-item {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #ffffff;
|
||
width: 91%;
|
||
margin-top: 20rpx;
|
||
padding: 20rpx 30rpx;
|
||
height: 220rpx;
|
||
border-radius: 40rpx 40rpx 40rpx 40rpx;
|
||
border: 2rpx solid #ffffff;
|
||
|
||
|
||
.item-img {
|
||
width: 170rpx;
|
||
height: 170rpx;
|
||
// margin-left: 40rpx;
|
||
|
||
}
|
||
|
||
.item-con {
|
||
margin-left: 30rpx;
|
||
width: 90%;
|
||
height: 160rpx;
|
||
position: relative;
|
||
color: #323232;
|
||
display: grid;
|
||
|
||
.itenCon-actName {
|
||
// position: absolute;
|
||
// top: 0;
|
||
font-size: 28rpx;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.itenCon-actCon {
|
||
// position: absolute;
|
||
// top: 100rpx;
|
||
// margin-top: 60rpx;
|
||
width: 400rpx;
|
||
white-space: nowrap;
|
||
/* 禁止换行 */
|
||
overflow: hidden;
|
||
/* 隐藏超出部分 */
|
||
text-overflow: ellipsis;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.itenCon-actPrice {
|
||
font-size: 26rpx;
|
||
font-weight: 400;
|
||
color: #9c9c9c;
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
.invoiceList-itemSelect {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-color: #F0FFDF;
|
||
width: 91%;
|
||
margin-top: 20rpx;
|
||
padding: 20rpx 30rpx;
|
||
height: 220rpx;
|
||
border-radius: 40rpx 40rpx 40rpx 40rpx;
|
||
border: 2rpx solid #9CEAA2;
|
||
// border-image: linear-gradient(270deg, rgba(251.00000023841858, 246.0000005364418, 109.00000110268593, 1), rgba(156.00000590085983, 234.00000125169754, 162.00000554323196, 1)) 2 2;
|
||
|
||
.item-img {
|
||
width: 170rpx;
|
||
height: 170rpx;
|
||
// margin-left: 40rpx;
|
||
|
||
}
|
||
|
||
.item-con {
|
||
margin-left: 30rpx;
|
||
width: 90%;
|
||
height: 160rpx;
|
||
position: relative;
|
||
color: #323232;
|
||
display: grid;
|
||
|
||
.itenCon-actName {
|
||
// position: absolute;
|
||
// top: 0;
|
||
font-size: 28rpx;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.itenCon-actCon {
|
||
// position: absolute;
|
||
// top: 100rpx;
|
||
// margin-top: 60rpx;
|
||
width: 400rpx;
|
||
white-space: nowrap;
|
||
/* 禁止换行 */
|
||
overflow: hidden;
|
||
/* 隐藏超出部分 */
|
||
text-overflow: ellipsis;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.itenCon-actPrice {
|
||
color: #9c9c9c;
|
||
font-size: 26rpx;
|
||
font-weight: 400;
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
}
|
||
|
||
|
||
.popup-footer {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
|
||
.headBtn {
|
||
width: 90%;
|
||
height: 90rpx;
|
||
background-color: #323232;
|
||
border-radius: 148rpx;
|
||
color: #BBFC5B;
|
||
font-size: 36rpx;
|
||
font-weight: 400;
|
||
line-height: 50rpx;
|
||
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
|
||
text-transform: none;
|
||
font-style: normal;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
text-align: center;
|
||
position: fixed;
|
||
bottom: 66rpx;
|
||
margin-left: 2%;
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
|
||
}
|
||
|
||
|
||
|
||
.popup_tkall {
|
||
// height: 1100rpx;
|
||
z-index: 100;
|
||
|
||
.popup_tk {
|
||
font-size: 36rpx;
|
||
font-weight: 800;
|
||
margin: 12rpx 0 24rpx 0;
|
||
text-align: center;
|
||
}
|
||
|
||
|
||
|
||
.popup-content {
|
||
height: 900rpx;
|
||
overflow-y: auto;
|
||
margin-top: 30rpx;
|
||
width: 100%;
|
||
|
||
.popup-footer {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
|
||
.headBtn {
|
||
width: 90%;
|
||
height: 90rpx;
|
||
background-color: #323232;
|
||
border-radius: 148rpx;
|
||
color: #BBFC5B;
|
||
font-size: 36rpx;
|
||
font-weight: 400;
|
||
line-height: 50rpx;
|
||
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
|
||
text-transform: none;
|
||
font-style: normal;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
text-align: center;
|
||
position: fixed;
|
||
bottom: 66rpx;
|
||
margin-left: 2%;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
.popup-content-item {
|
||
width: 690rpx;
|
||
padding: 30rpx;
|
||
box-sizing: border-box;
|
||
background: #F7F7F7;
|
||
border-radius: 18rpx;
|
||
border: 5rpx solid #EAEAEA;
|
||
margin-bottom: 30rpx;
|
||
font-family: PingFang SC, PingFang SC;
|
||
justify-content: space-between;
|
||
color: #3D3D3D;
|
||
|
||
&.active {
|
||
background: #FAFFF3;
|
||
border: 5rpx solid;
|
||
border-image: linear-gradient(270deg, rgba(251, 246, 109, 1), rgba(156, 234, 162, 1)) 2 2;
|
||
border-radius: 18rpx;
|
||
clip-path: inset(0px round 16rpx);
|
||
}
|
||
|
||
.popup-content-item-title {
|
||
font-weight: bold;
|
||
font-size: 36rpx;
|
||
}
|
||
|
||
.popup-content-item-content {
|
||
font-weight: 400;
|
||
font-size: 26rpx;
|
||
line-height: 45rpx;
|
||
|
||
::v-deep rich-text {
|
||
margin-top: 20rpx;
|
||
display: flex;
|
||
}
|
||
}
|
||
}
|
||
|
||
.closetk {
|
||
color: #9C9C9C;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
font-family: PingFang SC, PingFang SC;
|
||
}
|
||
|
||
.confirmtk {
|
||
color: #3D3D3D;
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
font-family: PingFang SC, PingFang SC;
|
||
}
|
||
}
|
||
|
||
.btn_1 {
|
||
width: 90%;
|
||
height: 80rpx;
|
||
background: #323232;
|
||
border-radius: 198rpx 198rpx 198rpx 198rpx;
|
||
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
|
||
font-weight: 400;
|
||
font-size: 32rpx;
|
||
color: #BBFC5B;
|
||
line-height: 80rpx;
|
||
text-align: center;
|
||
margin-top: 40rpx;
|
||
z-index: 100;
|
||
}
|
||
|
||
.btn_2 {
|
||
width: 50%;
|
||
height: 80rpx;
|
||
background: #323232;
|
||
border-radius: 198rpx 198rpx 198rpx 198rpx;
|
||
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
|
||
font-weight: 400;
|
||
font-size: 32rpx;
|
||
color: #BBFC5B;
|
||
line-height: 80rpx;
|
||
text-align: center;
|
||
margin-top: 40rpx;
|
||
z-index: 100;
|
||
}
|
||
|
||
.btn_3 {
|
||
width: 50%;
|
||
height: 80rpx;
|
||
background: #E2E2E2;
|
||
border-radius: 198rpx 198rpx 198rpx 198rpx;
|
||
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
|
||
font-weight: 400;
|
||
font-size: 32rpx;
|
||
color: #999999;
|
||
line-height: 80rpx;
|
||
text-align: center;
|
||
margin-top: 40rpx;
|
||
z-index: 100;
|
||
}
|
||
|
||
.btn_4 {
|
||
width: 50%;
|
||
height: 80rpx;
|
||
background: #ffffff;
|
||
border: 1px solid #999999;
|
||
border-radius: 198rpx 198rpx 198rpx 198rpx;
|
||
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
|
||
font-weight: 400;
|
||
font-size: 32rpx;
|
||
color: #999999;
|
||
line-height: 80rpx;
|
||
text-align: center;
|
||
margin-top: 40rpx;
|
||
z-index: 100;
|
||
}
|
||
</style> |