代码优化
This commit is contained in:
BianLzhaoMin
parent
c107d0d80c
commit
4783bdf3e0
|
|
@ -25,8 +25,7 @@ class HttpConfig {
|
|||
// systemPath = `${this.baseUrl}/dev-api/system`
|
||||
// basePath = `${this.baseUrl}/dev-api/base`
|
||||
// materialPath = `${this.baseUrl}/dev-api/material`
|
||||
baseUrl =
|
||||
ENV === "production" ? "http://112.29.103.165:21626" : this.target;
|
||||
baseUrl = ENV === "production" ? "http://192.168.0.56:21627" : this.target;
|
||||
authPath =
|
||||
ENV === "production"
|
||||
? `${this.baseUrl}/dev-api/auth`
|
||||
|
|
|
|||
|
|
@ -1,287 +1,280 @@
|
|||
<template>
|
||||
<view>
|
||||
<view
|
||||
class="single-fetch"
|
||||
v-for="(fetch, index) in fetchList"
|
||||
:key="index"
|
||||
>
|
||||
<view>
|
||||
<span>类型名称</span>
|
||||
<h4>{{ fetch.typeName }}</h4>
|
||||
</view>
|
||||
<view>
|
||||
<span>规格型号</span>
|
||||
<h4>{{ fetch.typeCode }}</h4>
|
||||
</view>
|
||||
<view>
|
||||
<span>申请数量</span>
|
||||
<h4>{{ fetch.num }}</h4>
|
||||
</view>
|
||||
<text
|
||||
v-show="fetch.manageType == 2"
|
||||
class="see-item"
|
||||
@click="openPopup(fetch.maTypeDetails)"
|
||||
>
|
||||
查看配件
|
||||
</text>
|
||||
</view>
|
||||
<uni-popup
|
||||
ref="popup"
|
||||
type="center"
|
||||
:mask-click="false"
|
||||
>
|
||||
<view class="popup">
|
||||
<view class="pop-top">
|
||||
<h4>查看配件</h4>
|
||||
<uni-icons
|
||||
style="color: #AAAAAA; font-weight: bold;"
|
||||
type="closeempty"
|
||||
size="20"
|
||||
@click="closePopup"
|
||||
>
|
||||
</uni-icons>
|
||||
</view>
|
||||
<view class="item-detail">
|
||||
<view
|
||||
class="single-item"
|
||||
v-for="(item, index) in maList"
|
||||
:key="index"
|
||||
>
|
||||
<view>
|
||||
<h4>序号</h4>
|
||||
<span>{{ index + 1 }}</span>
|
||||
</view>
|
||||
<view>
|
||||
<h4>类型名称</h4>
|
||||
<span>{{ item.typeName }}</span>
|
||||
</view>
|
||||
<view>
|
||||
<h4>规格型号</h4>
|
||||
<span>{{ item.typeModelName }}</span>
|
||||
</view>
|
||||
<view>
|
||||
<h4>单位</h4>
|
||||
<span>{{ item.unitName }}</span>
|
||||
</view>
|
||||
<view>
|
||||
<h4>预领数量</h4>
|
||||
<span>{{ item.partNum }}</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
<view>
|
||||
<view
|
||||
class="single-fetch"
|
||||
v-for="(fetch, index) in fetchList"
|
||||
:key="index">
|
||||
<view>
|
||||
<span>类型名称</span>
|
||||
<h4>{{ fetch.typeName }}</h4>
|
||||
</view>
|
||||
<view>
|
||||
<span>规格型号</span>
|
||||
<h4>{{ fetch.typeCode }}</h4>
|
||||
</view>
|
||||
<view>
|
||||
<span>申请数量</span>
|
||||
<h4>{{ fetch.num }}</h4>
|
||||
</view>
|
||||
<text
|
||||
v-show="fetch.manageType == 2"
|
||||
class="see-item"
|
||||
@click="openPopup(fetch.maTypeDetails)">
|
||||
查看配件
|
||||
</text>
|
||||
</view>
|
||||
<uni-popup ref="popup" type="center" :mask-click="false">
|
||||
<view class="popup">
|
||||
<view class="pop-top">
|
||||
<h4>查看配件</h4>
|
||||
<uni-icons
|
||||
style="color: #aaaaaa; font-weight: bold"
|
||||
type="closeempty"
|
||||
size="20"
|
||||
@click="closePopup">
|
||||
</uni-icons>
|
||||
</view>
|
||||
<view class="item-detail">
|
||||
<view
|
||||
class="single-item"
|
||||
v-for="(item, index) in maList"
|
||||
:key="index">
|
||||
<view>
|
||||
<h4>序号</h4>
|
||||
<span>{{ index + 1 }}</span>
|
||||
</view>
|
||||
<view>
|
||||
<h4>类型名称</h4>
|
||||
<span>{{ item.typeName }}</span>
|
||||
</view>
|
||||
<view>
|
||||
<h4>规格型号</h4>
|
||||
<span>{{ item.typeModelName }}</span>
|
||||
</view>
|
||||
<view>
|
||||
<h4>单位</h4>
|
||||
<span>{{ item.unitName }}</span>
|
||||
</view>
|
||||
<view>
|
||||
<h4>预领数量</h4>
|
||||
<span>{{ item.partNum }}</span>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
fetchList: [
|
||||
|
||||
],
|
||||
maList: [],
|
||||
examFormData: {
|
||||
ifPass: '',
|
||||
noPassReason: ''
|
||||
},
|
||||
ifPassRange: [
|
||||
{ text: '是', value: '0' },
|
||||
{ text: '否', value: '1' }
|
||||
],
|
||||
rules: {
|
||||
ifPass: {
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
errorMessage: '请选择是否通过！'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
openPopup (list) {
|
||||
this.maList = list
|
||||
this.$refs.popup.open()
|
||||
},
|
||||
closePopup () {
|
||||
this.$refs.popup.close()
|
||||
},
|
||||
formSubmit () {
|
||||
let that = this
|
||||
that.$refs.examForm.validate().then(formData => {
|
||||
console.log(formData);
|
||||
that.$refs.popup.close()
|
||||
})
|
||||
},
|
||||
ifPassChange (e) {
|
||||
let that = this
|
||||
console.log(e);
|
||||
if (e == 1) {
|
||||
that.rules = {
|
||||
ifPass: {
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
errorMessage: '请选择是否通过！'
|
||||
}
|
||||
]
|
||||
},
|
||||
noPassReason: {
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
errorMessage: '请填写不通过原因！'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
} else {
|
||||
that.examFormData.noPassReason = ''
|
||||
that.rules = {
|
||||
ifPass: {
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
errorMessage: '请选择是否通过！'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad(params) {
|
||||
let that = this
|
||||
console.log(params.id);
|
||||
// 初始化获取退料审批明细
|
||||
that.$api.exitExam.exitExamDetail({
|
||||
id: params.id
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
if (res.data.code == 200) {
|
||||
for (let i = 0; i < res.data.data.length; i++) {
|
||||
res.data.data[i].num = res.data.data[i].num.split('.')[0]
|
||||
}
|
||||
that.fetchList = res.data.data
|
||||
console.log(that.fetchList);
|
||||
}
|
||||
}).catch(err => {
|
||||
console.log(err);
|
||||
})
|
||||
}
|
||||
}
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
fetchList: [],
|
||||
maList: [],
|
||||
examFormData: {
|
||||
ifPass: "",
|
||||
noPassReason: "",
|
||||
},
|
||||
ifPassRange: [
|
||||
{ text: "是", value: "0" },
|
||||
{ text: "否", value: "1" },
|
||||
],
|
||||
rules: {
|
||||
ifPass: {
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
errorMessage: "请选择是否通过！",
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
openPopup(list) {
|
||||
this.maList = list;
|
||||
this.$refs.popup.open();
|
||||
},
|
||||
closePopup() {
|
||||
this.$refs.popup.close();
|
||||
},
|
||||
formSubmit() {
|
||||
let that = this;
|
||||
that.$refs.examForm.validate().then((formData) => {
|
||||
console.log(formData);
|
||||
that.$refs.popup.close();
|
||||
});
|
||||
},
|
||||
ifPassChange(e) {
|
||||
let that = this;
|
||||
console.log(e);
|
||||
if (e == 1) {
|
||||
that.rules = {
|
||||
ifPass: {
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
errorMessage: "请选择是否通过！",
|
||||
},
|
||||
],
|
||||
},
|
||||
noPassReason: {
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
errorMessage: "请填写不通过原因！",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
} else {
|
||||
that.examFormData.noPassReason = "";
|
||||
that.rules = {
|
||||
ifPass: {
|
||||
rules: [
|
||||
{
|
||||
required: true,
|
||||
errorMessage: "请选择是否通过！",
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
}
|
||||
},
|
||||
},
|
||||
onLoad(params) {
|
||||
let that = this;
|
||||
console.log(params.id);
|
||||
// 初始化获取退料审批明细
|
||||
that.$api.exitExam
|
||||
.exitExamDetail({
|
||||
id: params.id,
|
||||
})
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
if (res.data.code == 200) {
|
||||
for (let i = 0; i < res.data.data.length; i++) {
|
||||
// res.data.data[i].num = res.data.data[i].num.split('.')[0]
|
||||
}
|
||||
that.fetchList = res.data.data;
|
||||
console.log(that.fetchList);
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
});
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
body{
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 10vh;
|
||||
}
|
||||
.single-fetch{
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 20rpx 35rpx;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
view{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 25rpx;
|
||||
span{
|
||||
color: #A7A7A7;
|
||||
padding-right: 20rpx;
|
||||
}
|
||||
h4{
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
view:last-child{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.see-item{
|
||||
width: 30%;
|
||||
box-sizing: border-box;
|
||||
padding: 5rpx 10rpx;
|
||||
border-radius: 15rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #3788FF;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
.btm-exam{
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 20rpx 40rpx;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
border-top: 2px solid #F6F8FF;
|
||||
.exam{
|
||||
box-sizing: border-box;
|
||||
padding: 10rpx 50rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: #3788FF;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.popup{
|
||||
width: 80vw;
|
||||
height: 60vh;
|
||||
background-color: #fff;
|
||||
border-radius: 15rpx;
|
||||
overflow: hidden;
|
||||
background: linear-gradient(#D9E7FE, #fff, #fff, #fff);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
.pop-top{
|
||||
width: 100%;
|
||||
height: 5vh;
|
||||
box-sizing: border-box;
|
||||
padding: 0 25rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.item-detail{
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
font-size: 14px;
|
||||
box-sizing: border-box;
|
||||
padding: 25rpx;
|
||||
.single-item{
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
box-sizing: border-box;
|
||||
padding: 25rpx 0;
|
||||
view{
|
||||
width: 100%;
|
||||
margin-bottom: 10rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
h4{
|
||||
width: 35%;
|
||||
color: #A7A7A7;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
view:last-child{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.single-item:last-child{
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
body {
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 10vh;
|
||||
}
|
||||
.single-fetch {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 20rpx 35rpx;
|
||||
border-bottom: 1px solid #dddddd;
|
||||
view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 25rpx;
|
||||
span {
|
||||
color: #a7a7a7;
|
||||
padding-right: 20rpx;
|
||||
}
|
||||
h4 {
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
view:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.see-item {
|
||||
width: 30%;
|
||||
box-sizing: border-box;
|
||||
padding: 5rpx 10rpx;
|
||||
border-radius: 15rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #3788ff;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
.btm-exam {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 20rpx 40rpx;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
border-top: 2px solid #f6f8ff;
|
||||
.exam {
|
||||
box-sizing: border-box;
|
||||
padding: 10rpx 50rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: #3788ff;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
.popup {
|
||||
width: 80vw;
|
||||
height: 60vh;
|
||||
background-color: #fff;
|
||||
border-radius: 15rpx;
|
||||
overflow: hidden;
|
||||
background: linear-gradient(#d9e7fe, #fff, #fff, #fff);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
.pop-top {
|
||||
width: 100%;
|
||||
height: 5vh;
|
||||
box-sizing: border-box;
|
||||
padding: 0 25rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.item-detail {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
font-size: 14px;
|
||||
box-sizing: border-box;
|
||||
padding: 25rpx;
|
||||
.single-item {
|
||||
border-bottom: 1px solid #dddddd;
|
||||
box-sizing: border-box;
|
||||
padding: 25rpx 0;
|
||||
view {
|
||||
width: 100%;
|
||||
margin-bottom: 10rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
h4 {
|
||||
width: 35%;
|
||||
color: #a7a7a7;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
view:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.single-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -22846,7 +22846,7 @@ var render = function () {
|
|||
[
|
||||
_c("h4", { attrs: { _i: 15 } }, [_vm._v("查看配件")]),
|
||||
_c("uni-icons", {
|
||||
staticStyle: { color: "#AAAAAA", "font-weight": "bold" },
|
||||
staticStyle: { color: "#aaaaaa", "font-weight": "bold" },
|
||||
attrs: { _i: 16 },
|
||||
on: {
|
||||
click: function ($event) {
|
||||
|
|
@ -23044,7 +23044,7 @@ if(false) {}
|
|||
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../HBuilderX.3.98.2023112510/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/runtime/api.js */ 16);
|
||||
exports = ___CSS_LOADER_API_IMPORT___(false);
|
||||
// Module
|
||||
exports.push([module.i, "@charset \"UTF-8\";\r\n/**\r\n * 这里是uni-app内置的常用样式变量\r\n *\r\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\r\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\r\n *\r\n */\r\n/**\r\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\r\n *\r\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\r\n */\r\n/* 颜色变量 */\r\n/* 行为相关颜色 */\r\n/* 文字基本颜色 */\r\n/* 背景颜色 */\r\n/* 边框颜色 */\r\n/* 尺寸变量 */\r\n/* 文字尺寸 */\r\n/* 图片尺寸 */\r\n/* Border Radius */\r\n/* 水平间距 */\r\n/* 垂直间距 */\r\n/* 透明度 */\r\n/* 文章场景相关 */\nbody {\r\n box-sizing: border-box;\r\n padding-bottom: 10vh;\n}\n.single-fetch {\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: 20rpx 35rpx;\r\n border-bottom: 1px solid #DDDDDD;\n}\n.single-fetch uni-view {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 25rpx;\n}\n.single-fetch uni-view span {\r\n color: #A7A7A7;\r\n padding-right: 20rpx;\n}\n.single-fetch uni-view h4 {\r\n font-size: 14px;\r\n font-weight: normal;\n}\n.single-fetch uni-view:last-child {\r\n margin-bottom: 0;\n}\n.single-fetch .see-item {\r\n width: 30%;\r\n box-sizing: border-box;\r\n padding: 5rpx 10rpx;\r\n border-radius: 15rpx;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: #3788FF;\r\n color: #fff;\r\n font-size: 16px;\r\n font-weight: normal;\n}\n.btm-exam {\r\n position: fixed;\r\n left: 0;\r\n bottom: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: 20rpx 40rpx;\r\n display: flex;\r\n justify-content: flex-end;\r\n border-top: 2px solid #F6F8FF;\n}\n.btm-exam .exam {\r\n box-sizing: border-box;\r\n padding: 10rpx 50rpx;\r\n border-radius: 30rpx;\r\n background-color: #3788FF;\r\n font-size: 14px;\r\n color: #fff;\n}\n.popup {\r\n width: 80vw;\r\n height: 60vh;\r\n background-color: #fff;\r\n border-radius: 15rpx;\r\n overflow: hidden;\r\n background: linear-gradient(#D9E7FE, #fff, #fff, #fff);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\n}\n.popup .pop-top {\r\n width: 100%;\r\n height: 5vh;\r\n box-sizing: border-box;\r\n padding: 0 25rpx;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\n}\n.popup .item-detail {\r\n flex: 1;\r\n overflow-y: auto;\r\n font-size: 14px;\r\n box-sizing: border-box;\r\n padding: 25rpx;\n}\n.popup .item-detail .single-item {\r\n border-bottom: 1px solid #DDDDDD;\r\n box-sizing: border-box;\r\n padding: 25rpx 0;\n}\n.popup .item-detail .single-item uni-view {\r\n width: 100%;\r\n margin-bottom: 10rpx;\r\n display: flex;\r\n align-items: center;\n}\n.popup .item-detail .single-item uni-view h4 {\r\n width: 35%;\r\n color: #A7A7A7;\r\n font-weight: normal;\n}\n.popup .item-detail .single-item uni-view:last-child {\r\n margin-bottom: 0;\n}\n.popup .item-detail .single-item:last-child {\r\n border-bottom: none;\n}\r\n", ""]);
|
||||
exports.push([module.i, "@charset \"UTF-8\";\r\n/**\r\n * 这里是uni-app内置的常用样式变量\r\n *\r\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\r\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\r\n *\r\n */\r\n/**\r\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\r\n *\r\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\r\n */\r\n/* 颜色变量 */\r\n/* 行为相关颜色 */\r\n/* 文字基本颜色 */\r\n/* 背景颜色 */\r\n/* 边框颜色 */\r\n/* 尺寸变量 */\r\n/* 文字尺寸 */\r\n/* 图片尺寸 */\r\n/* Border Radius */\r\n/* 水平间距 */\r\n/* 垂直间距 */\r\n/* 透明度 */\r\n/* 文章场景相关 */\nbody {\r\n box-sizing: border-box;\r\n padding-bottom: 10vh;\n}\n.single-fetch {\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: 20rpx 35rpx;\r\n border-bottom: 1px solid #dddddd;\n}\n.single-fetch uni-view {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 25rpx;\n}\n.single-fetch uni-view span {\r\n color: #a7a7a7;\r\n padding-right: 20rpx;\n}\n.single-fetch uni-view h4 {\r\n font-size: 14px;\r\n font-weight: normal;\n}\n.single-fetch uni-view:last-child {\r\n margin-bottom: 0;\n}\n.single-fetch .see-item {\r\n width: 30%;\r\n box-sizing: border-box;\r\n padding: 5rpx 10rpx;\r\n border-radius: 15rpx;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: #3788ff;\r\n color: #fff;\r\n font-size: 16px;\r\n font-weight: normal;\n}\n.btm-exam {\r\n position: fixed;\r\n left: 0;\r\n bottom: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: 20rpx 40rpx;\r\n display: flex;\r\n justify-content: flex-end;\r\n border-top: 2px solid #f6f8ff;\n}\n.btm-exam .exam {\r\n box-sizing: border-box;\r\n padding: 10rpx 50rpx;\r\n border-radius: 30rpx;\r\n background-color: #3788ff;\r\n font-size: 14px;\r\n color: #fff;\n}\n.popup {\r\n width: 80vw;\r\n height: 60vh;\r\n background-color: #fff;\r\n border-radius: 15rpx;\r\n overflow: hidden;\r\n background: linear-gradient(#d9e7fe, #fff, #fff, #fff);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\n}\n.popup .pop-top {\r\n width: 100%;\r\n height: 5vh;\r\n box-sizing: border-box;\r\n padding: 0 25rpx;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\n}\n.popup .item-detail {\r\n flex: 1;\r\n overflow-y: auto;\r\n font-size: 14px;\r\n box-sizing: border-box;\r\n padding: 25rpx;\n}\n.popup .item-detail .single-item {\r\n border-bottom: 1px solid #dddddd;\r\n box-sizing: border-box;\r\n padding: 25rpx 0;\n}\n.popup .item-detail .single-item uni-view {\r\n width: 100%;\r\n margin-bottom: 10rpx;\r\n display: flex;\r\n align-items: center;\n}\n.popup .item-detail .single-item uni-view h4 {\r\n width: 35%;\r\n color: #a7a7a7;\r\n font-weight: normal;\n}\n.popup .item-detail .single-item uni-view:last-child {\r\n margin-bottom: 0;\n}\n.popup .item-detail .single-item:last-child {\r\n border-bottom: none;\n}\r\n", ""]);
|
||||
// Exports
|
||||
module.exports = exports;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue