作者 xuqiang

提交

  1 +<template>
  2 + <view class="alertWrap">
  3 + <view class="alert">
  4 + <view class="closeBtn">
  5 + <image @click="$emit('close')" src="../static/image/ic_94@2x.png" mode=""></image>
  6 + </view>
  7 + <view class="alertTitle">
  8 + 失败原因
  9 + </view>
  10 + <view class="alertContent">
  11 + <textarea maxlength="100" v-model="reason" placeholder="请输入失败原因" />
  12 + <view class="textLength">
  13 + {{reason.length}}/100
  14 + </view>
  15 + </view>
  16 + <view class="bottomBtnAlt">
  17 + <view class="bottomBtn">
  18 + 发送
  19 + </view>
  20 + </view>
  21 + </view>
  22 + </view>
  23 +</template>
  24 +
  25 +<script>
  26 + export default{
  27 + data(){
  28 + return{
  29 + reason:''
  30 + }
  31 + }
  32 + }
  33 +</script>
  34 +
  35 +<style lang="scss" scoped>
  36 + .alertWrap{
  37 + position: fixed;
  38 + top: 0;
  39 + bottom: 0;
  40 + left: 0;
  41 + right: 0;
  42 + background: $uni-bg-color-mask;
  43 + display: flex;
  44 + justify-content: center;
  45 + align-items: center;
  46 + z-index: 2;
  47 + .alert{
  48 + width: 638rpx;
  49 + background: #ffffff;
  50 + border-radius: 44rpx;
  51 + padding: 32rpx;
  52 + .closeBtn{
  53 + display: flex;
  54 + justify-content: flex-end;
  55 + image{width: $uni-img-size-40;height: $uni-img-size-40;}
  56 + }
  57 + .alertTitle{
  58 + font-size: $uni-font-size-40;
  59 + text-align: center;
  60 + height: 90rpx;
  61 + line-height: 90rpx;
  62 + font-weight: 600;
  63 + }
  64 + .alertContent{
  65 + padding: 20rpx;
  66 + border-radius: 20rpx;
  67 + font-size: $uni-font-size-26;
  68 + line-height: $uni-font-lh-40;
  69 + background: $uni-bg-color-hui;
  70 + color: $uni-text-color-hui;
  71 + textarea{
  72 + width: 100%;
  73 + }
  74 + .textLength{
  75 + text-align: right;
  76 + }
  77 + }
  78 + .bottomBtnAlt{
  79 + padding-top: 38rpx;
  80 + display: flex;
  81 + justify-content: center;
  82 + .bottomBtn{
  83 + flex: 1;
  84 + height: 84rpx;
  85 + background: #2e7ff9;
  86 + border-radius: 68rpx;
  87 + font-size: $uni-font-size-32;
  88 + color: $uni-text-color-bai;
  89 + line-height: 84rpx;
  90 + text-align: center;
  91 + }
  92 + }
  93 + }
  94 + }
  95 +</style>
@@ -4,29 +4,39 @@ @@ -4,29 +4,39 @@
4 }, 4 },
5 "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages 5 "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
6 { 6 {
7 - "path": "pages/index/employ/chooseCompanyEmploy", 7 + "path": "pages/index/employ/companyCheckDetail",
8 "style": { 8 "style": {
9 - "navigationBarTitleText": "信息发布" 9 + "navigationBarTitleText": "企业审核",
  10 + "navigationBarBackgroundColor":"#2e7ff9",
  11 + "navigationBarTextStyle":"white"
10 } 12 }
11 }, 13 },
12 { 14 {
13 - "path": "pages/index/employ/infoPublish", 15 + "path": "pages/index/employ/productCheck",
14 "style": { 16 "style": {
15 - "navigationBarTitleText": "信息发布" 17 + "navigationBarTitleText": "物品审核",
  18 + "navigationBarBackgroundColor":"#2e7ff9",
  19 + "navigationBarTextStyle":"white"
16 } 20 }
17 }, 21 },
18 { 22 {
19 - "path": "pages/index/indexEmploy", 23 + "path": "pages/index/employ/companyCheck",
20 "style": { 24 "style": {
21 - "navigationBarTitleText": "市场监管", 25 + "navigationBarTitleText": "企业审核"
  26 + }
  27 + },
  28 + {
  29 + "path": "pages/index/employ/plantManage",
  30 + "style": {
  31 + "navigationBarTitleText": "厂房管理",
22 "navigationBarBackgroundColor":"#2e7ff9", 32 "navigationBarBackgroundColor":"#2e7ff9",
23 "navigationBarTextStyle":"white" 33 "navigationBarTextStyle":"white"
24 } 34 }
25 }, 35 },
26 { 36 {
27 - "path": "pages/index/article", 37 + "path": "pages/my/plantManage",
28 "style": { 38 "style": {
29 - "navigationBarTitleText": "操作指南", 39 + "navigationBarTitleText": "厂房管理",
30 "navigationBarBackgroundColor":"#2e7ff9", 40 "navigationBarBackgroundColor":"#2e7ff9",
31 "navigationBarTextStyle":"white" 41 "navigationBarTextStyle":"white"
32 } 42 }
@@ -40,6 +50,34 @@ @@ -40,6 +50,34 @@
40 } 50 }
41 }, 51 },
42 { 52 {
  53 + "path": "pages/index/employ/chooseCompanyEmploy",
  54 + "style": {
  55 + "navigationBarTitleText": "信息发布"
  56 + }
  57 + },
  58 + {
  59 + "path": "pages/index/employ/infoPublish",
  60 + "style": {
  61 + "navigationBarTitleText": "信息发布"
  62 + }
  63 + },
  64 + {
  65 + "path": "pages/index/indexEmploy",
  66 + "style": {
  67 + "navigationBarTitleText": "市场监管",
  68 + "navigationBarBackgroundColor":"#2e7ff9",
  69 + "navigationBarTextStyle":"white"
  70 + }
  71 + },
  72 + {
  73 + "path": "pages/index/article",
  74 + "style": {
  75 + "navigationBarTitleText": "操作指南",
  76 + "navigationBarBackgroundColor":"#2e7ff9",
  77 + "navigationBarTextStyle":"white"
  78 + }
  79 + },
  80 + {
43 "path": "pages/my/plantManage", 81 "path": "pages/my/plantManage",
44 "style": { 82 "style": {
45 "navigationBarTitleText": "厂房管理", 83 "navigationBarTitleText": "厂房管理",
@@ -238,8 +276,8 @@ @@ -238,8 +276,8 @@
238 "navigationBarTitleText": "uni-app", 276 "navigationBarTitleText": "uni-app",
239 "navigationBarBackgroundColor": "#fff", 277 "navigationBarBackgroundColor": "#fff",
240 "backgroundColor": "#F8F8F8" 278 "backgroundColor": "#F8F8F8"
241 - },  
242 - "tabBar": { 279 + }
  280 + /* "tabBar": {
243 "color": "#7A7E83", 281 "color": "#7A7E83",
244 "selectedColor": "#2e7ff9", 282 "selectedColor": "#2e7ff9",
245 "borderStyle": "black", 283 "borderStyle": "black",
@@ -260,5 +298,5 @@ @@ -260,5 +298,5 @@
260 "selectedIconPath": "static/image/ic_10_select@2x.png", 298 "selectedIconPath": "static/image/ic_10_select@2x.png",
261 "text": "我的" 299 "text": "我的"
262 }] 300 }]
263 - } 301 + } */
264 } 302 }
@@ -41,6 +41,16 @@ @@ -41,6 +41,16 @@
41 </view> 41 </view>
42 </view> 42 </view>
43 </form> 43 </form>
  44 + <u-tabbar
  45 + v-model="tabBarCurrent"
  46 + :show="show"
  47 + :bg-color="bgColor"
  48 + :border-top="borderTop"
  49 + :list="tabBarList"
  50 + :mid-button="midButton"
  51 + :inactive-color="inactiveColor"
  52 + :activeColor="activeColor"
  53 + ></u-tabbar>
44 </view> 54 </view>
45 </template> 55 </template>
46 56
@@ -48,6 +58,34 @@ @@ -48,6 +58,34 @@
48 export default { 58 export default {
49 data() { 59 data() {
50 return { 60 return {
  61 + //底部导航栏区域 开始
  62 + tabBarCurrent: 0,
  63 + show: true,
  64 + bgColor: '#ffffff',
  65 + borderTop: true,
  66 + tabBarList: [{
  67 + iconPath: "/static/image/ic_8@2x.png",
  68 + selectedIconPath: "/static/image/ic_8_select@2x.png",
  69 + text: '首页',
  70 + customIcon: false,
  71 + },
  72 + {
  73 + iconPath: "/static/image/ic_9@2x.png",
  74 + selectedIconPath: "/static/image/ic_9_select@2x.png",
  75 + text: '需求',
  76 + customIcon: false,
  77 + },
  78 + {
  79 + iconPath: "/static/image/ic_10@2x.png",
  80 + selectedIconPath: "/static/image/ic_10_select@2x.png",
  81 + text: '我的',
  82 + customIcon: false,
  83 + },
  84 + ],
  85 + midButton: false,
  86 + inactiveColor: '#909399',
  87 + activeColor: '#5098FF',
  88 + //底部导航栏区域 结束
51 index: -1, 89 index: -1,
52 picker: ['科室1', '科室2', '科室3'], 90 picker: ['科室1', '科室2', '科室3'],
53 multiIndex: [0, 0, 0], 91 multiIndex: [0, 0, 0],
  1 +<template>
  2 + <view class="checkList">
  3 + <view class="checkItem">
  4 + <view class="companyItem">
  5 + <view class="itemLeft">
  6 + <text>企业类型:</text>金融服务
  7 + </view>
  8 + <view class="itemRight">
  9 + 待办理
  10 + </view>
  11 + </view>
  12 + <view class="companyItem">
  13 + <view class="itemLeft">
  14 + <text>企业名称:</text>环球金融公司
  15 + </view>
  16 + </view>
  17 + <view class="companyItem">
  18 + <text>需求说明:</text>
  19 + </view>
  20 + <view class="demandDesc">
  21 + 审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核审核容内容审核内容审核内容审核内容审核内容审核审核容
  22 + </view>
  23 + <view class="createTime">
  24 + 2020.12.23
  25 + </view>
  26 + </view>
  27 + <view class="checkItem">
  28 + <view class="companyItem">
  29 + <view class="itemLeft">
  30 + <text>企业名称:</text>环球金融公司
  31 + </view>
  32 + <view class="itemRight active">
  33 + 已办理
  34 + </view>
  35 + </view>
  36 + <view class="companyItem">
  37 + <view class="itemLeft">
  38 + <text>企业名称:</text>环球金融公司
  39 + </view>
  40 + </view>
  41 + <view class="companyItem">
  42 + <text>需求说明:</text>
  43 + </view>
  44 + <view class="demandDesc">
  45 + 审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核审核容内容审核内容审核内容审核内容审核内容审核审核容
  46 + </view>
  47 + <view class="createTime">
  48 + 2020.12.23
  49 + </view>
  50 + </view>
  51 + </view>
  52 +</template>
  53 +
  54 +<script>
  55 +</script>
  56 +
  57 +<style lang="scss">
  58 + page{
  59 + background-color: $uni-bg-color-hui;
  60 + }
  61 + .checkList{
  62 + padding: 1rpx 32rpx 32rpx 32rpx;
  63 + .checkItem{
  64 + border-radius: 20rpx;
  65 + margin-top: 32rpx;
  66 + padding: 10rpx 32rpx;
  67 + background: $uni-bg-bai-color;
  68 + .companyItem{
  69 + height: 70rpx;
  70 + font-size: $uni-font-size-30;
  71 + text{font-weight: 600;}
  72 + display: flex;
  73 + justify-content: space-between;
  74 + align-items: center;
  75 + .itemRight{
  76 + width: 100rpx;
  77 + height: 40rpx;
  78 + background: #fffbe8;
  79 + border-radius: 20rpx;
  80 + color: #fa700c;
  81 + font-size: $uni-font-size-24;
  82 + text-align: center;
  83 + line-height: $uni-font-lh-40;
  84 + }
  85 + .itemRight.active{
  86 + background: #f7f8fa;
  87 + color: #323233;
  88 + }
  89 + }
  90 + .demandDesc{
  91 + font-size: $uni-font-size-30;
  92 + padding-left: 60rpx;
  93 + overflow: hidden;
  94 + text-overflow: ellipsis;
  95 + display: -webkit-box;
  96 + -webkit-line-clamp:3;
  97 + -webkit-box-orient:vertical;
  98 + }
  99 + .createTime{
  100 + text-align: right;
  101 + font-size: $uni-font-size-28;
  102 + color: $uni-text-color-hui;
  103 + line-height: 80rpx;
  104 + }
  105 + }
  106 + }
  107 +</style>
  1 +<template>
  2 + <view>
  3 + <!-- 操作区域 -->
  4 + <view class="handleWrap">
  5 + <view class="handleItem">
  6 + <view class="itemLeft">
  7 + 企业类型
  8 + </view>
  9 + <view class="itemRight">
  10 + 金融服务
  11 + </view>
  12 + </view>
  13 + <view class="handleItem">
  14 + <view class="itemLeft">
  15 + 企业名称
  16 + </view>
  17 + <view class="itemRight">
  18 + 环球金融公司
  19 + </view>
  20 + </view>
  21 + <view class="handleItem">
  22 + <view class="itemLeft">
  23 + 法人姓名
  24 + </view>
  25 + <view class="itemRight">
  26 + 王某人
  27 + </view>
  28 + </view>
  29 + <view class="handleItem">
  30 + <view class="itemLeft">
  31 + 法人电话
  32 + </view>
  33 + <view class="itemRight">
  34 + 13962568952
  35 + </view>
  36 + </view>
  37 + <view class="handleItem">
  38 + <view class="itemLeft">
  39 + 联系人姓名
  40 + </view>
  41 + <view class="itemRight">
  42 + 张某人
  43 + </view>
  44 + </view>
  45 + <view class="handleItem" style="border-bottom: none;">
  46 + <view class="itemLeft">
  47 + 联系人电话
  48 + </view>
  49 + <view class="itemRight">
  50 + 13962568562
  51 + </view>
  52 + </view>
  53 + </view>
  54 + <view class="demandDesc">
  55 + <view class="descTitle">
  56 + 需求说明
  57 + </view>
  58 + <view class="descContent">
  59 + 需求说明需求说明需求说明需求说明需求说明需求说明需求说明需求说明需求说明
  60 + </view>
  61 + </view>
  62 + <view class="imgWrap">
  63 + <view class="imgTop">
  64 + <view class="descTitle">
  65 + 营业执照
  66 + </view>
  67 + <view>
  68 + <image src="../../../static/image/del/ic_90@2x.png" style="width: 300rpx;height: 400rpx;margin-top: 32rpx;" mode=""></image>
  69 + </view>
  70 + </view>
  71 + <view class="imgBottom" style="margin-top: 0;">
  72 + <view class="descTitle">
  73 + 法人身份证
  74 + </view>
  75 + <view class="cardList">
  76 + <image src="../../../static/image/del/ic_90@2x.png" style="width: 320rpx;height: 150rpx;margin-top: 32rpx;" mode=""></image>
  77 + <image src="../../../static/image/del/ic_90@2x.png" style="width: 320rpx;height: 150rpx;margin-top: 32rpx;" mode=""></image>
  78 + </view>
  79 + </view>
  80 + </view>
  81 + <!-- 底部按钮区域 -->
  82 + <view style="height: 120rpx;"></view>
  83 + <view class="bottomBtnWrap">
  84 + <view class="btnItem">
  85 + 审核失败
  86 + </view>
  87 + <view class="btnItem active">
  88 + 审核通过
  89 + </view>
  90 + </view>
  91 + <view class="companyNature" v-if="showNature">
  92 + <view class="alert">
  93 + <view class="closeBtn">
  94 + <image @click="showNature = false" src="../../../static/image/ic_94@2x.png" mode=""></image>
  95 + </view>
  96 + <view class="alertTitle">
  97 + 企业入驻性质
  98 + </view>
  99 + <view class="alertContent">
  100 + <view class="natureItem">
  101 + 实有企业
  102 + </view>
  103 + <view class="natureItem">
  104 + 实有企业
  105 + </view>
  106 + <view class="natureItem">
  107 + 实有企业
  108 + </view>
  109 + <view class="natureItem">
  110 + 实有企业
  111 + </view>
  112 + </view>
  113 + <view class="bottomBtnAlt">
  114 + <view class="bottomBtn">
  115 + 确认
  116 + </view>
  117 + </view>
  118 + </view>
  119 + </view>
  120 + <simple-confirm :alertTxt="'是否确认发送'" v-if="showConfirmSend" @close="showConfirmSend = false"></simple-confirm>
  121 + <simple-confirm :alertTxt="'是否确认该企业入驻成功'" v-if="showCompanyReply" @close="showCompanyReply = false"></simple-confirm>
  122 + <textarea-alert v-if="showReason" @close="showReason = false"></textarea-alert>
  123 + </view>
  124 +</template>
  125 +
  126 +<script>
  127 + import simpleConfirm from '@/components/simpleConfirm.vue'
  128 + import textareaAlert from '@/components/textareaAlert.vue'
  129 + export default{
  130 + data(){
  131 + return{
  132 + showConfirmSend: false,
  133 + showCompanyReply: false,
  134 + switchB: true,
  135 + showReason: false,
  136 + showNature: false
  137 + }
  138 + },
  139 + components:{
  140 + simpleConfirm,
  141 + textareaAlert
  142 + },
  143 + methods:{
  144 + SwitchB(e) {
  145 + this.switchB = e.detail.value
  146 + },
  147 + }
  148 + }
  149 +</script>
  150 +
  151 +<style lang="scss">
  152 + page{
  153 + background-color: $uni-bg-color-hui;
  154 + }
  155 + /* 操作区域 */
  156 + .handleWrap{
  157 + padding: 0 32rpx;
  158 + background: $uni-bg-bai-color;
  159 + .handleItem{
  160 + height: 104rpx;
  161 + display: flex;
  162 + align-items: center;
  163 + justify-content: space-between;
  164 + border-bottom: 2rpx solid #ebedf0;
  165 + .itemLeft{
  166 + display: flex;
  167 + align-items: center;
  168 + font-size: $uni-font-size-28;
  169 + width: 202rpx;
  170 + font-weight: 600;
  171 + image{width: $uni-img-size-32;height: $uni-img-size-32;margin-right: 24rpx;}
  172 + }
  173 + .itemRight{
  174 + flex: 1;
  175 + display: flex;
  176 + align-items: center;
  177 + font-size: $uni-font-size-28;
  178 + image{width: $uni-img-size-32;height: $uni-img-size-32;margin-right: 10rpx;}
  179 + }
  180 + .infoNum{
  181 + width: 32rpx;
  182 + height: 32rpx;
  183 + background: #ff2f2f;
  184 + border-radius: 50%;
  185 + text-align: center;
  186 + line-height: 32rpx;
  187 + font-size: $uni-font-size-26;
  188 + color: $uni-text-color-bai;
  189 + }
  190 + image{width: $uni-img-size-32;height: $uni-img-size-32;}
  191 + }
  192 + }
  193 + .demandDesc{
  194 + background: $uni-bg-bai-color;
  195 + padding: 32rpx;
  196 + margin-top: 32rpx;
  197 + .descTitle{
  198 + font-size: $uni-font-size-28;
  199 + font-weight: 600;
  200 + }
  201 + .descContent{
  202 + margin-top: 32rpx;
  203 + border-radius: 20rpx;
  204 + background: $uni-bg-color-hui;
  205 + padding: 32rpx;
  206 + color: $uni-text-color-hui;
  207 + font-size: $uni-font-size-28;
  208 + line-height: $uni-font-lh-40;
  209 + }
  210 + }
  211 + .imgWrap{
  212 + background: $uni-bg-bai-color;
  213 + padding: 32rpx;
  214 + margin-top: 32rpx;
  215 + .imgTop{
  216 + border-bottom: 2rpx solid #f7f8fa;
  217 + padding-bottom: 32rpx;
  218 + .descTitle{
  219 + font-size: $uni-font-size-28;
  220 + font-weight: 600;
  221 + }
  222 + .descContent{
  223 + margin-top: 32rpx;
  224 + border-radius: 20rpx;
  225 + background: $uni-bg-color-hui;
  226 + padding: 32rpx;
  227 + color: $uni-text-color-hui;
  228 + font-size: $uni-font-size-28;
  229 + line-height: $uni-font-lh-40;
  230 + }
  231 + }
  232 + .imgBottom{
  233 + padding-top: 32rpx;
  234 + .descTitle{
  235 + font-size: $uni-font-size-28;
  236 + font-weight: 600;
  237 + }
  238 + .cardList{
  239 + display: flex;
  240 + justify-content: space-between;
  241 + }
  242 + }
  243 + }
  244 + /* 底部按钮区域 */
  245 + .bottomBtnWrap{
  246 + position: fixed;
  247 + bottom: 0;
  248 + width: 750rpx;
  249 + height: 120rpx;
  250 + display: flex;
  251 + align-items: center;
  252 + justify-content: space-between;
  253 + padding: 0 32rpx;
  254 + background: $uni-bg-color-hui;
  255 + .btnItem{
  256 + width: 332rpx;
  257 + height: 88rpx;
  258 + background: #72d0f9;
  259 + border-radius: 96rpx;
  260 + text-align: center;
  261 + color: $uni-text-color-bai;
  262 + line-height: 88rpx;
  263 + font-size: $uni-font-size-32;
  264 + }
  265 + .btnItem.active{
  266 + background: $uni-bg-main-color;
  267 + }
  268 + }
  269 + .companyNature{
  270 + position: fixed;
  271 + top: 0;
  272 + bottom: 0;
  273 + left: 0;
  274 + right: 0;
  275 + background: $uni-bg-color-mask;
  276 + display: flex;
  277 + justify-content: center;
  278 + align-items: center;
  279 + z-index: 2;
  280 + .alert{
  281 + width: 638rpx;
  282 + background: #ffffff;
  283 + border-radius: 44rpx;
  284 + padding: 32rpx;
  285 + .closeBtn{
  286 + display: flex;
  287 + justify-content: flex-end;
  288 + image{width: $uni-img-size-40;height: $uni-img-size-40;}
  289 + }
  290 + .alertTitle{
  291 + font-size: $uni-font-size-40;
  292 + text-align: center;
  293 + height: 90rpx;
  294 + line-height: 90rpx;
  295 + font-weight: 600;
  296 + }
  297 + .alertContent{
  298 + font-size: $uni-font-size-26;
  299 + display: flex;
  300 + flex-wrap: wrap;
  301 + .natureItem{
  302 + margin-top: 32rpx;
  303 + padding: 6rpx 12rpx;
  304 + background: #f7f8fa;
  305 + margin-right: 15rpx;
  306 + border-radius: 20rpx;
  307 + }
  308 + }
  309 + .bottomBtnAlt{
  310 + padding-top: 38rpx;
  311 + display: flex;
  312 + justify-content: center;
  313 + .bottomBtn{
  314 + flex: 1;
  315 + height: 84rpx;
  316 + background: #2e7ff9;
  317 + border-radius: 68rpx;
  318 + font-size: $uni-font-size-32;
  319 + color: $uni-text-color-bai;
  320 + line-height: 84rpx;
  321 + text-align: center;
  322 + }
  323 + }
  324 + }
  325 + }
  326 +</style>
  1 +<template>
  2 + <view>
  3 + <!-- 搜索区域 -->
  4 + <view class="searchWrap">
  5 + <view class="searchBg">
  6 + <image src="../../../static/image/index/search@2x.png" mode=""></image>
  7 + 搜索
  8 + </view>
  9 + </view>
  10 + <view class="u-m-p-50" style="background: #fff;">
  11 + <view class="u-demo-area u-flex u-row-left">
  12 + <u-dropdown :close-on-click-mask="mask" ref="uDropdown" :activeColor="activeColor" :borderBottom="borderBottom">
  13 + <u-dropdown-item @change="changeDrop" v-model="value1" title="企业类型" :options="options1"></u-dropdown-item>
  14 + <u-dropdown-item @change="changeDrop" v-model="value3" title="厂房状态" :options="options3"></u-dropdown-item>
  15 + <u-dropdown-item @change="changeDrop" v-model="value2" title="位置" :options="options2"></u-dropdown-item>
  16 + </u-dropdown>
  17 + </view>
  18 + </view>
  19 + <view class="productList">
  20 + <view class="productItem">
  21 + <view class="plantInfo">
  22 + <view class="productRight">
  23 + <image src="../../../static/image/del/ic_90@2x.png" mode=""></image>
  24 + </view>
  25 + <view class="productLeft">
  26 + <view class="productName">
  27 + 华鑫产业园B座3层102号华鑫产业园B座3层102号
  28 + </view>
  29 + <view class="plantStatus active">
  30 + 状态:已租
  31 + </view>
  32 + <view class="productDesc">
  33 + 公司名称:朗鑫7智能科技有限公司朗鑫7智能科技有限公司
  34 + </view>
  35 + </view>
  36 + </view>
  37 + <view class="plantAddress">
  38 + 区域位置:辽宁省辖市,别称滨城,是副省级城市、计划单是副省级城市、计划单
  39 + </view>
  40 + </view>
  41 + <view class="productItem">
  42 + <view class="plantInfo">
  43 + <view class="productRight">
  44 + <image src="../../../static/image/del/ic_90@2x.png" mode=""></image>
  45 + </view>
  46 + <view class="productLeft">
  47 + <view class="productName">
  48 + 华鑫产业园B座3层102号华鑫产业园B座3层102号
  49 + </view>
  50 + <view class="plantStatus">
  51 + 状态:未租
  52 + </view>
  53 + <view class="productDesc">
  54 + 公司名称:朗鑫7智能科技有限公司朗鑫7智能科技有限公司
  55 + </view>
  56 + </view>
  57 + </view>
  58 + <view class="plantAddress">
  59 + 区域位置:辽宁省辖市,别称滨城,是副省级城市、计划单是副省级城市、计划单
  60 + </view>
  61 + </view>
  62 + </view>
  63 + </view>
  64 +</template>
  65 +
  66 +<script>
  67 + export default{
  68 + data(){
  69 + return{
  70 + // ================================================下拉选项 开始================================================
  71 + current: 0,
  72 + value1: '',
  73 + value2: '2',
  74 + value3: '',
  75 + mask: true,
  76 + options1: [{
  77 + label: '企业类型1',
  78 + value: 1,
  79 + },
  80 + {
  81 + label: '企业类型2',
  82 + value: 2,
  83 + },
  84 + {
  85 + label: '企业类型3',
  86 + value: 3,
  87 + }
  88 + ],
  89 + options2: [{
  90 + label: '位置1',
  91 + value: 1,
  92 + },
  93 + {
  94 + label: '位置2',
  95 + value: 2,
  96 + },
  97 + {
  98 + label: '位置3',
  99 + value: 3,
  100 + }
  101 + ],
  102 + options3: [{
  103 + label: '状态1',
  104 + value: 1,
  105 + },
  106 + {
  107 + label: '状态2',
  108 + value: 2,
  109 + },
  110 + {
  111 + label: '状态3',
  112 + value: 3,
  113 + }
  114 + ],
  115 + borderBottom: false,
  116 + activeColor: '#2979ff',
  117 + // ================================================下拉选项 结束================================================
  118 + }
  119 + },
  120 + methods:{
  121 + changeDrop(index) {
  122 + this.$u.toast(`点击了第${index}项`);
  123 + },
  124 + }
  125 + }
  126 +</script>
  127 +
  128 +<style lang="scss">
  129 + page{
  130 + background-color: $uni-bg-color-hui;
  131 + }
  132 + .searchWrap{
  133 + background: $uni-bg-bai-color;
  134 + height: 108rpx;
  135 + padding: 0 32rpx;
  136 + display: flex;
  137 + align-items: center;
  138 + border-bottom: 2rpx solid $uni-bg-color-hui;
  139 + .searchBg{
  140 + flex: 1;
  141 + height: 80rpx;
  142 + background: $uni-bg-color-hui;
  143 + display: flex;
  144 + align-items: center;
  145 + justify-content: center;
  146 + border-radius: 20rpx;
  147 + color: $uni-text-color-hui;
  148 + font-size: $uni-font-size-28;
  149 + image{width: $uni-img-size-32;height: $uni-img-size-32;margin-right: 10rpx;}
  150 + }
  151 + }
  152 + .productList{
  153 + margin-top:32rpx;
  154 + .productItem{
  155 + padding: 32rpx;
  156 + background: $uni-bg-bai-color;
  157 + border-bottom: 1rpx solid #ebedf0;
  158 + .plantInfo{
  159 + display: flex;
  160 + .productLeft{
  161 + flex: 1;
  162 + .productName{
  163 + overflow: hidden;
  164 + text-overflow: ellipsis;
  165 + display: -webkit-box;
  166 + -webkit-line-clamp:1;
  167 + -webkit-box-orient:vertical;
  168 + font-size: $uni-font-size-36;
  169 + }
  170 + .plantStatus{
  171 + color: #fa700c;
  172 + }
  173 + .plantStatus.active{
  174 + color: $uni-bg-main-color;
  175 + }
  176 + .productDesc{
  177 + overflow: hidden;
  178 + text-overflow: ellipsis;
  179 + display: -webkit-box;
  180 + -webkit-line-clamp:1;
  181 + -webkit-box-orient:vertical;
  182 + padding-top: 28rpx;
  183 + color: $uni-text-color-hui;
  184 + font-size: $uni-font-size-28;
  185 + }
  186 + }
  187 + .productRight{
  188 + width: 244rpx;
  189 + display: flex;
  190 + justify-content: flex-start;
  191 + image{width: 224rpx;height: 180rpx;border-radius: 20rpx;}
  192 + }
  193 + }
  194 + .plantAddress{
  195 + margin-top: 24rpx;
  196 + background: $uni-bg-color-hui;
  197 + padding: 0 14rpx;
  198 + line-height: 60rpx;
  199 + font-size: $uni-font-size-24;
  200 + color: $uni-text-color-hui;
  201 + border-radius: 8rpx;
  202 + overflow: hidden;
  203 + text-overflow: ellipsis;
  204 + display: -webkit-box;
  205 + -webkit-line-clamp:1;
  206 + -webkit-box-orient:vertical;
  207 + }
  208 + }
  209 + }
  210 +</style>
  1 +<template>
  2 + <view>
  3 + <view class="productList">
  4 + <view class="productItem">
  5 + <view class="productRight">
  6 + <image src="../../../static/image/del/ic_90@2x.png" mode=""></image>
  7 + </view>
  8 + <view class="productLeft">
  9 + <view class="productName">
  10 + 物品名称1
  11 + </view>
  12 + <view class="productDesc">
  13 + x1
  14 + </view>
  15 + </view>
  16 + </view>
  17 + </view>
  18 + <view class="checkList">
  19 + <view class="checkItem">
  20 + <view class="companyItem">
  21 + <view class="itemLeft">
  22 + 科室
  23 + </view>
  24 + <view class="itemRight">
  25 + 财务科
  26 + </view>
  27 + </view>
  28 + <view class="companyItem">
  29 + <view class="itemLeft">
  30 + 职位
  31 + </view>
  32 + <view class="itemRight">
  33 + 财务职员1
  34 + </view>
  35 + </view>
  36 + <view class="companyItem">
  37 + <view class="itemLeft">
  38 + 申请人姓名
  39 + </view>
  40 + <view class="itemRight">
  41 + 岳岳
  42 + </view>
  43 + </view>
  44 + <!-- 条件判断控制显示申请时间、开始时间结束时间 -->
  45 + <view class="companyItem">
  46 + <view class="itemLeft">
  47 + 申请时间
  48 + </view>
  49 + <view class="itemRight">
  50 + 2020-10-31
  51 + </view>
  52 + </view>
  53 + <!-- <view class="companyItem">
  54 + <view class="itemLeft">
  55 + 开始时间
  56 + </view>
  57 + <view class="itemRight">
  58 + 2020-10-31
  59 + </view>
  60 + </view>
  61 + <view class="companyItem">
  62 + <view class="itemLeft">
  63 + 结束时间
  64 + </view>
  65 + <view class="itemRight">
  66 + 2020-10-31
  67 + </view>
  68 + </view> -->
  69 + </view>
  70 + </view>
  71 + <view class="checkList">
  72 + <view class="checkItem">
  73 + <view class="companyItem" style="font-weight: 600;">
  74 + 申请原因
  75 + </view>
  76 + <view class="demandDesc">
  77 + 审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核内容审核审核容内容审核内容审核内容审核内容审核内容审核审核容
  78 + </view>
  79 + </view>
  80 + </view>
  81 + <!-- 底部按钮区域 -->
  82 + <view style="height: 120rpx;"></view>
  83 + <view class="bottomBtnWrap">
  84 + <view class="btnItem">
  85 + 审核失败
  86 + </view>
  87 + <view class="btnItem active">
  88 + 审核通过
  89 + </view>
  90 + </view>
  91 + <textarea-alert v-if="showReason" @close="showReason = false"></textarea-alert>
  92 + </view>
  93 +</template>
  94 +
  95 +<script>
  96 + import textareaAlert from '@/components/textareaAlert.vue'
  97 + export default{
  98 + data(){
  99 + return{
  100 + showReason:true
  101 + }
  102 + },
  103 + components:{
  104 + textareaAlert
  105 + }
  106 + }
  107 +</script>
  108 +
  109 +<style lang="scss">
  110 + page{
  111 + background-color: $uni-bg-color-hui;
  112 + }
  113 + .productList{
  114 + padding: 32rpx;
  115 + border-bottom: 2rpx solid #ebedf0;
  116 + background: $uni-bg-bai-color;
  117 + .productItem{
  118 + padding: 32rpx;
  119 + display: flex;
  120 + background: $uni-bg-color-hui;
  121 + border-radius: 8rpx;
  122 + .productLeft{
  123 + flex: 1;
  124 + .productName{
  125 + padding-top: 26rpx;
  126 + overflow: hidden;
  127 + text-overflow: ellipsis;
  128 + display: -webkit-box;
  129 + -webkit-line-clamp:1;
  130 + -webkit-box-orient:vertical;
  131 + font-size: $uni-font-size-36;
  132 + }
  133 + .productDesc{
  134 + overflow: hidden;
  135 + text-overflow: ellipsis;
  136 + display: -webkit-box;
  137 + -webkit-line-clamp:2;
  138 + -webkit-box-orient:vertical;
  139 + padding-top: 26rpx;
  140 + text-align: right;
  141 + color: $uni-text-color-hui;
  142 + font-size: $uni-font-size-28;
  143 + }
  144 + }
  145 + .productRight{
  146 + width: 232rpx;
  147 + display: flex;
  148 + justify-content: flex-start;
  149 + image{width: 212rpx;height: 148rpx;border-radius: 20rpx;}
  150 + }
  151 + }
  152 + }
  153 + .checkList{
  154 + padding: 32rpx;
  155 + background: $uni-bg-bai-color;
  156 + border-bottom: 2rpx solid #ebedf0;
  157 + .checkItem{
  158 + border-radius: 20rpx;
  159 + background: $uni-bg-bai-color;
  160 + .companyItem{
  161 + height: 70rpx;
  162 + font-size: $uni-font-size-30;
  163 + text{font-weight: 600;}
  164 + display: flex;
  165 + justify-content: space-between;
  166 + align-items: center;
  167 + .itemRight{
  168 + flex: 1;
  169 + height: 40rpx;
  170 + border-radius: 20rpx;
  171 + color: $uni-text-color-hui;
  172 + line-height: $uni-font-lh-40;
  173 + }
  174 + .itemLeft{
  175 + font-weight: 600;
  176 + width: 200rpx;
  177 + }
  178 + }
  179 + .demandDesc{
  180 + font-size: $uni-font-size-30;
  181 + padding-left: 60rpx;
  182 + overflow: hidden;
  183 + text-overflow: ellipsis;
  184 + display: -webkit-box;
  185 + -webkit-line-clamp:3;
  186 + -webkit-box-orient:vertical;
  187 + }
  188 + }
  189 + }
  190 + /* 底部按钮区域 */
  191 + .bottomBtnWrap{
  192 + position: fixed;
  193 + bottom: 0;
  194 + width: 750rpx;
  195 + height: 120rpx;
  196 + display: flex;
  197 + align-items: center;
  198 + justify-content: space-between;
  199 + padding: 0 32rpx;
  200 + background: $uni-bg-color-hui;
  201 + .btnItem{
  202 + width: 332rpx;
  203 + height: 88rpx;
  204 + background: #72d0f9;
  205 + border-radius: 96rpx;
  206 + text-align: center;
  207 + color: $uni-text-color-bai;
  208 + line-height: 88rpx;
  209 + font-size: $uni-font-size-32;
  210 + }
  211 + .btnItem.active{
  212 + background: $uni-bg-main-color;
  213 + }
  214 + }
  215 +
  216 +</style>
@@ -71,9 +71,16 @@ @@ -71,9 +71,16 @@
71 </view> 71 </view>
72 </view> 72 </view>
73 </view> 73 </view>
74 -  
75 - </view>  
76 - 74 + <u-tabbar
  75 + v-model="tabBarCurrent"
  76 + :show="show"
  77 + :bg-color="bgColor"
  78 + :border-top="borderTop"
  79 + :list="tabBarList"
  80 + :mid-button="midButton"
  81 + :inactive-color="inactiveColor"
  82 + :activeColor="activeColor"
  83 + ></u-tabbar>
77 </view> 84 </view>
78 </template> 85 </template>
79 86
@@ -82,6 +89,35 @@ @@ -82,6 +89,35 @@
82 export default { 89 export default {
83 data() { 90 data() {
84 return { 91 return {
  92 + //底部导航栏区域 开始
  93 + tabBarCurrent: 0,
  94 + show: true,
  95 + bgColor: '#ffffff',
  96 + borderTop: true,
  97 + tabBarList: [{
  98 + iconPath: "/static/image/ic_8@2x.png",
  99 + selectedIconPath: "/static/image/ic_8_select@2x.png",
  100 + text: '首页',
  101 + customIcon: false,
  102 + },
  103 + {
  104 + iconPath: "/static/image/ic_9@2x.png",
  105 + selectedIconPath: "/static/image/ic_9_select@2x.png",
  106 + text: '需求',
  107 + customIcon: false,
  108 + },
  109 + {
  110 + iconPath: "/static/image/ic_10@2x.png",
  111 + selectedIconPath: "/static/image/ic_10_select@2x.png",
  112 + text: '我的',
  113 + customIcon: false,
  114 + },
  115 + ],
  116 + midButton: false,
  117 + inactiveColor: '#909399',
  118 + activeColor: '#5098FF',
  119 + //底部导航栏区域 结束
  120 +
85 list: [{ 121 list: [{
86 image: 'https://cdn.uviewui.com/uview/swiper/1.jpg', 122 image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
87 title: '昨夜星辰昨夜风,画楼西畔桂堂东' 123 title: '昨夜星辰昨夜风,画楼西畔桂堂东'
@@ -241,7 +241,6 @@ @@ -241,7 +241,6 @@
241 text-align: center; 241 text-align: center;
242 } 242 }
243 } 243 }
244 - }  
245 - 244 + }
246 } 245 }
247 </style> 246 </style>
@@ -68,10 +68,57 @@ @@ -68,10 +68,57 @@
68 退出登录 68 退出登录
69 </view> 69 </view>
70 </view> 70 </view>
  71 + <u-tabbar
  72 + v-model="tabBarCurrent"
  73 + :show="show"
  74 + :bg-color="bgColor"
  75 + :border-top="borderTop"
  76 + :list="tabBarList"
  77 + :mid-button="midButton"
  78 + :inactive-color="inactiveColor"
  79 + :activeColor="activeColor"
  80 + ></u-tabbar>
71 </view> 81 </view>
72 </template> 82 </template>
73 83
74 <script> 84 <script>
  85 + export default{
  86 + data(){
  87 + return{
  88 + //底部导航栏区域 开始
  89 + tabBarCurrent: 0,
  90 + show: true,
  91 + bgColor: '#ffffff',
  92 + borderTop: true,
  93 + tabBarList: [{
  94 + pagePath: "pages/index/index",
  95 + iconPath: "/static/image/ic_8@2x.png",
  96 + selectedIconPath: "/static/image/ic_8_select@2x.png",
  97 + text: '首页',
  98 + customIcon: false,
  99 + },
  100 + {
  101 + pagePath: "pages/demand/publish",
  102 + iconPath: "/static/image/ic_9@2x.png",
  103 + selectedIconPath: "/static/image/ic_9_select@2x.png",
  104 + text: '需求',
  105 + customIcon: false,
  106 + },
  107 + {
  108 + pagePath: "pages/my/my",
  109 + iconPath: "/static/image/ic_10@2x.png",
  110 + selectedIconPath: "/static/image/ic_10_select@2x.png",
  111 + text: '我的',
  112 + customIcon: false,
  113 + },
  114 + ],
  115 + midButton: false,
  116 + inactiveColor: '#909399',
  117 + activeColor: '#5098FF',
  118 + //底部导航栏区域 结束
  119 + }
  120 + }
  121 + }
75 </script> 122 </script>
76 123
77 <style lang="scss" scoped> 124 <style lang="scss" scoped>
@@ -73,6 +73,10 @@ @@ -73,6 +73,10 @@
73 租赁时间:2018-12-10——2020-12-10 73 租赁时间:2018-12-10——2020-12-10
74 </view> 74 </view>
75 </view> 75 </view>
  76 + <!-- 条件判断是否暂无数据 -->
  77 + <!-- <view class="noData" v-if="current == 0">
  78 + 暂无数据
  79 + </view> -->
76 <view class="plantGoods" v-if="current == 1"> 80 <view class="plantGoods" v-if="current == 1">
77 <view class="goodsListTh"> 81 <view class="goodsListTh">
78 <text>物品名称</text> 82 <text>物品名称</text>
@@ -263,6 +267,13 @@ @@ -263,6 +267,13 @@
263 // 厂房其他信息区域 267 // 厂房其他信息区域
264 .otherInfoWrap{ 268 .otherInfoWrap{
265 margin-top: 30rpx; 269 margin-top: 30rpx;
  270 + .noData{
  271 + height: 200rpx;
  272 + line-height: 200rpx;
  273 + color: $uni-text-color-hui;
  274 + font-size: $uni-font-size-30;
  275 + text-align: center;
  276 + }
266 .infoWrap{ 277 .infoWrap{
267 background: $uni-bg-bai-color; 278 background: $uni-bg-bai-color;
268 padding: 0 56rpx; 279 padding: 0 56rpx;
@@ -18,7 +18,7 @@ @@ -18,7 +18,7 @@
18 </view> 18 </view>
19 </view> 19 </view>
20 </view> 20 </view>
21 - <view class="checkAllBtn"> 21 + <view class="checkAllBtn" v-if="showCheckBtn">
22 <view class="btnTxt"> 22 <view class="btnTxt">
23 全选 23 全选
24 </view> 24 </view>
@@ -59,6 +59,10 @@ @@ -59,6 +59,10 @@
59 export default { 59 export default {
60 name: 'u-dropdown', 60 name: 'u-dropdown',
61 props: { 61 props: {
  62 + showCheckBtn: {
  63 + type:Boolean,
  64 + default:false
  65 + },
62 // 菜单标题和选项的激活态颜色 66 // 菜单标题和选项的激活态颜色
63 activeColor: { 67 activeColor: {
64 type: String, 68 type: String,