sales-info.vue 19.4 KB
Newer Older
786817560's avatar
786817560 committed
1 2 3
<!--
 * @Author: your name
 * @Date: 2019-09-29 10:02:11
786817560's avatar
786817560 committed
4
 * @LastEditTime : 2019-12-26 12:05:03
786817560's avatar
786817560 committed
5
 * @LastEditors  : Please set LastEditors
786817560's avatar
786817560 committed
6 7 8 9 10 11 12 13 14 15 16 17
 * @Description: In User Settings Edit
 -->
<template>
  <h-view id="sales-info">
    <h-header :proportion="[5,1,1]" class="bar-custom">
      <div slot="left" class="h-header-btn">
        <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
        <span>合同创建</span>
      </div>
    </h-header>
    <h-content>
      <list-item :item-height="44" class="second-part">
786817560's avatar
786817560 committed
18
        <item :showArrow="true" @click.native="picker">
linxin's avatar
linxin committed
19
          <div slot="name" class="font-color required">承租人</div>
linxin's avatar
linxin committed
20
          <input slot="content" v-model="lessee" readonly placeholder="请选择">
786817560's avatar
786817560 committed
21 22
        </item>
        <item :showArrow="true">
linxin's avatar
linxin committed
23
          <div slot="name" class="font-color required">业务类型</div>
786817560's avatar
786817560 committed
24 25
          <input
            slot="content"
786817560's avatar
786817560 committed
26
            v-model="business"
786817560's avatar
786817560 committed
27 28 29 30 31
            type="text"
            readonly
            placeholder="请选择"
            @click="selectBusiness"
          >
786817560's avatar
786817560 committed
32 33
        </item>
        <item>
linxin's avatar
linxin committed
34
          <div slot="name" class="font-color required">经销商</div>
786817560's avatar
786817560 committed
35
          <input v-if="user_bp_type === 'AGENT'" slot="content" v-model="bp_agent_name" readonly>
786817560's avatar
786817560 committed
36
          <input v-if="user_bp_type === 'OFFICE'" slot="content" placeholder="直销" readonly>
786817560's avatar
786817560 committed
37 38
        </item>
        <item :showArrow="true">
linxin's avatar
linxin committed
39
          <div slot="name" class="font-color required">销售人员</div>
786817560's avatar
786817560 committed
40 41 42 43 44 45 46 47
          <input
            slot="content"
            v-model="sales"
            type="text"
            readonly
            placeholder="请选择"
            @click="selectSales"
          >
786817560's avatar
786817560 committed
48 49
        </item>
        <item :showArrow="true">
linxin's avatar
linxin committed
50
          <div slot="name" class="font-color required">办事处</div>
786817560's avatar
786817560 committed
51 52 53 54 55 56 57 58
          <input
            slot="content"
            v-model="office_name"
            type="text"
            readonly
            placeholder="请选择"
            @click="selectOffice"
          >
786817560's avatar
786817560 committed
59 60
        </item>
        <item :showArrow="true">
linxin's avatar
linxin committed
61
          <div slot="name" class="font-color required">主机厂</div>
786817560's avatar
786817560 committed
62 63 64 65 66 67 68 69
          <input
            slot="content"
            v-model="factory_name"
            type="text"
            readonly
            placeholder="请选择"
            @click="selectFactory"
          >
786817560's avatar
786817560 committed
70 71
        </item>
        <item>
linxin's avatar
linxin committed
72
          <div slot="name" class="font-color required">主机厂业务员</div>
786817560's avatar
786817560 committed
73
          <input slot="content" v-model="salesInfo.manu_manager" placeholder="请输入业务员姓名">
786817560's avatar
786817560 committed
74
        </item>
786817560's avatar
786817560 committed
75
        <item v-if="user_bp_type === 'AGENT'">
linxin's avatar
linxin committed
76 77
          <div slot="name" class="font-color required">授信额度</div>
          <CurrencyInput slot="content" v-model="inflow_line" readonly placeholder="授信额度"/>
786817560's avatar
786817560 committed
78
        </item>
786817560's avatar
786817560 committed
79
        <item v-if="user_bp_type === 'AGENT'">
linxin's avatar
linxin committed
80 81
          <div slot="name" class="font-color required">已使用授信额度</div>
          <CurrencyInput slot="content" v-model="inflow_used" readonly placeholder="已使用授信额度"/>
786817560's avatar
786817560 committed
82
        </item>
786817560's avatar
786817560 committed
83
        <item v-if="user_bp_type === 'AGENT'">
linxin's avatar
linxin committed
84 85
          <div slot="name" class="font-color required">剩余授信额度</div>
          <CurrencyInput slot="content" v-model="inflow_reset" readonly placeholder="剩余授信额度"/>
786817560's avatar
786817560 committed
86 87
        </item>
        <item @click.native="showTime('YYYY-MM-DD')">
linxin's avatar
linxin committed
88
          <div slot="name" class="font-color required">签约日期</div>
linxin's avatar
linxin committed
89
          <input
linxin's avatar
linxin committed
90
            slot="content" v-model="salesInfo.sale_date" placeholder="请选择签约日期"
linxin's avatar
linxin committed
91
            readonly>
786817560's avatar
786817560 committed
92 93 94 95 96
          <img src="@/assets/contractCreate/date.png" alt="" class="date-pic">
        </item>
      </list-item>
    </h-content>
    <bottom-tab>
786817560's avatar
786817560 committed
97
      <tab-button class="footer" @click.native="confirmCreate">
786817560's avatar
786817560 committed
98 99 100
        确认创建
      </tab-button>
    </bottom-tab>
786817560's avatar
786817560 committed
101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117
    <h-modal v-model="showModal" position="bottom" class="hmodal">
      <h-view id="picker">
        <h-header :proportion="[5,1,1]" class="bar-custom">
          <div slot="left" class="h-header-btn">
            <img src="@/assets/userBind/arrow.png" @click="hideModal">
            <span>选择承租人</span>
          </div>
        </h-header>
        <!-- 搜索 -->
        <div class="search">
          <input type="text" placeholder="请输入承租人名称/证件号码">
        </div>
        <scroll
          ref="scroll"
        >
          <div class="wrap">
            <div v-for="(item,index) in showLists" :key="index" class="contract-lists" >
786817560's avatar
786817560 committed
118
              <div class="box" @click="pickLessee(item)">
786817560's avatar
786817560 committed
119 120 121 122 123 124 125 126 127 128 129 130 131 132
                <img src="@/assets/distributorSign/fileIcon.png" alt="" class="file-icon">
                <div><p>承租人名称</p><p>{{ item.bp_name }}</p></div>
                <div><p>证件号</p><p>{{ item.bp_id_card_no }}</p></div>
              </div>
            </div>
          </div>
        </scroll>
        <!-- <bottom-tab>
          <tab-button class="footer">
            确认创建
          </tab-button>
        </bottom-tab> -->
      </h-view>
    </h-modal>
786817560's avatar
786817560 committed
133 134 135 136
  </h-view>
</template>

<script>
linxin's avatar
linxin committed
137
import CurrencyInput from '../../components/currencyInput'
786817560's avatar
786817560 committed
138
export default {
linxin's avatar
linxin committed
139 140 141
  components: {
    CurrencyInput,
  },
786817560's avatar
786817560 committed
142 143
  data () {
    return {
786817560's avatar
786817560 committed
144 145 146
      inflow_line: '', // 授信总额度
      inflow_used: '', // 已使用授信额度
      inflow_reset: '', // 剩余授信额度
786817560's avatar
786817560 committed
147 148 149 150 151
      lessee: '', // 承租人
      sales: '', // 销售人员
      office_name: '', // 办事处
      factory_name: '',
      business: '',
linxin's avatar
linxin committed
152
      factoty: '', // 主机厂列表
786817560's avatar
786817560 committed
153 154
      showModal: false,
      showLists: [],
786817560's avatar
786817560 committed
155
      user_bp_type: '', // 客户类型
786817560's avatar
786817560 committed
156 157 158 159 160 161 162
      businessLists: [], // 业务人员查询结果
      salesLists: [], // 销售人员查询结果
      officeLists: [], // 办事处查询结果
      factoryLists: [], // 主机厂
      bp_agent_id: '', // 经销商id
      bp_agent_name: '', // 经销商名称
      salesInfo: {
linxin's avatar
linxin committed
163
        bp_type: window.localStorage.bp_type,
786817560's avatar
786817560 committed
164 165 166 167 168 169 170
        bp_id_tenant: '', // 承租人id
        business_type: '', // 业务类型
        bp_id_agent: '', // 经销商id
        bp_user_id: '', // 业务员id
        office_id: '', // 办事处id
        factory: '', // 主机厂id
        manu_manager: '', // 办事处业务员
linxin's avatar
linxin committed
171
        sale_date: '',
李晓兵's avatar
李晓兵 committed
172
        project_id: '',
786817560's avatar
786817560 committed
173
      },
786817560's avatar
786817560 committed
174 175 176
    }
  },
  watch: {
linxin's avatar
linxin committed
177 178 179 180 181 182 183 184 185 186 187 188
    'salesInfo.factory': {
      handler (newVal, oldVal) {
        this.factoty.forEach(i => {
          if (i.bp_factory_id === this.salesInfo['factory']) {
            this.inflow_line = i.inflow_line
            this.inflow_used = i.inflow_used
            this.inflow_reset = i.inflow_reset
          }
        })
      },
      immediate: true,
    },
Jennie Shi's avatar
Jennie Shi committed
189 190 191 192 193 194
    // '$route' (to, from) {
    //   debugger
    //   if (from.fullPath !== '/contract-create-list' && to.fullPath === '/sales-info') {
    //     this.$router.go(0)
    //   }
    // },
786817560's avatar
786817560 committed
195 196 197 198 199 200 201 202 203
  },
  activated () {

  },
  created () {

  },
  beforeRouteEnter (to, from, next) {
    next(vm => {
786817560's avatar
786817560 committed
204 205 206 207 208 209 210 211
      if (from.name === 'ContractCreateList') {
        vm.showModal = false
        vm.lessee = ''
        vm.business = ''
        vm.office_name = ''
        vm.factory_name = ''
        vm.bp_agent_id = ''
        vm.bp_agent_name = ''
786817560's avatar
786817560 committed
212 213 214
        vm.inflow_line = '' // 授信总额度
        vm.inflow_used = '' // 已使用授信额度
        vm.inflow_reset = '' // 剩余授信额度
linxin's avatar
linxin committed
215
        vm.user_bp_type = window.localStorage.bp_type
786817560's avatar
786817560 committed
216 217 218 219 220 221 222 223 224
        vm.sales = window.localStorage.bp_name
        vm.salesInfo = {
          bp_id_tenant: '', // 承租人id
          business_type: '', // 业务类型
          bp_id_agent: '', // 经销商id
          bp_user_id: '', // 业务员id
          office_id: '', // 办事处id
          factory: '', // 主机厂id
          manu_manager: '', // 办事处业务员
linxin's avatar
linxin committed
225
          sale_date: '',
linxin's avatar
linxin committed
226
          bp_type: window.localStorage.bp_type,
linxin's avatar
linxin committed
227
          project_id: '',
786817560's avatar
786817560 committed
228
        }
Jennie Shi's avatar
Jennie Shi committed
229 230
        vm.businessQuery().then(res => {
          vm.agentQuery().then(res => {
Jennie Shi's avatar
Jennie Shi committed
231 232
            vm.factoryQuery().then(res => {
            })
Jennie Shi's avatar
Jennie Shi committed
233 234
          })
        })
linxin's avatar
linxin committed
235 236
      } else if (from.name === 'CreateBaseInfo') {
        vm.salesInfo.project_id = window.localStorage.project_id
786817560's avatar
786817560 committed
237
      }
786817560's avatar
786817560 committed
238 239 240 241 242 243 244 245 246 247
    })
  },
  methods: {
    // 时间选择
    showTime (format) {
      let vm = this
      hlsPopup.showTime({
        nowDate: (new Date()).format('yyyy-MM-dd'),
        format: format,
        callback: (date) => {
linxin's avatar
linxin committed
248
          vm.salesInfo.sale_date = date
786817560's avatar
786817560 committed
249 250 251
        },
      })
    },
786817560's avatar
786817560 committed
252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267
    // 承租人查询
    lesseeQuery () {
      let vm = this
      let url = process.env.basePath + 'prj_bp_master_query'
      let param = {
        bp_agent_id: vm.bp_agent_id,
      }
      vm.hlsPopup.showLoading('请稍候')
      vm.hlsHttp.post(url, param).then(function (res) {
        vm.hlsPopup.hideLoading()
        console.log('承租人', res)
        if (res.result === 'S') {
          vm.showLists = res.lists
        }
      })
    },
786817560's avatar
786817560 committed
268 269 270 271 272 273
    // 业务类型查询
    businessQuery () {
      let vm = this
      let url = process.env.basePath + 'prj_business_type'
      let param = { }
      vm.hlsPopup.showLoading('请稍候')
Jennie Shi's avatar
Jennie Shi committed
274
      return vm.hlsHttp.post(url, param).then(function (res) {
786817560's avatar
786817560 committed
275 276 277
        vm.hlsPopup.hideLoading()
        console.log('业务类型', res)
        if (res.result === 'S') {
786817560's avatar
786817560 committed
278 279 280 281 282 283
          vm.businessLists = res.lists.map(item => {
            return {
              code: item.business_type,
              code_name: item.business_type_n,
            }
          })
786817560's avatar
786817560 committed
284 285 286 287 288 289 290
        }
      })
    },
    // 业务类型选择
    selectBusiness () {
      let vm = this
      vm.hlsPopup.selectList({
786817560's avatar
786817560 committed
291 292 293 294 295
        list: vm.businessLists,
        code: 'business_type',
        object: {},
        returnItem: function (index, obj) {
          vm.business = obj.business_type_n
786817560's avatar
786817560 committed
296
          vm.salesInfo.business_type = obj.business_type
786817560's avatar
786817560 committed
297
        },
786817560's avatar
786817560 committed
298 299 300 301 302 303 304 305 306 307
      })
    },
    // 经销商查询
    agentQuery () {
      let vm = this
      let url = process.env.basePath + 'prj_bp_agent_query'
      let param = {
        user_phone: window.localStorage.user_phone,
      }
      vm.hlsPopup.showLoading('请稍候')
Jennie Shi's avatar
Jennie Shi committed
308
      return vm.hlsHttp.post(url, param).then(function (res) {
786817560's avatar
786817560 committed
309 310 311
        vm.hlsPopup.hideLoading()
        console.log('经销商', res)
        if (res.result === 'S') {
786817560's avatar
786817560 committed
312 313
          vm.bp_agent_name = res.info.bp_agent_name
          vm.bp_agent_id = res.info.bp_agent_id
786817560's avatar
786817560 committed
314 315 316 317 318 319 320
          if (window.localStorage.bp_type === 'OFFICE') {
            vm.office_name = res.info.bp_agent_name
            vm.salesInfo.office_id = res.info.bp_agent_id
            vm.salesInfo.bp_id_agent = ''
          } else {
            vm.salesInfo.bp_id_agent = res.info.bp_agent_id
          }
786817560's avatar
786817560 committed
321
          vm.salesInfo.bp_user_id = res.info.bp_user_id
786817560's avatar
786817560 committed
322 323 324 325
          vm.lesseeQuery()
          vm.salesQuery()
          vm.officeQuery()
          vm.creditQuery()
786817560's avatar
786817560 committed
326 327 328 329 330 331 332
        }
      })
    },
    // 主机厂查询
    factoryQuery () {
      let vm = this
      let url = process.env.basePath + 'prj_factory_list'
李晓兵's avatar
李晓兵 committed
333 334 335
      let param = {
        phone: window.localStorage.getItem('user_phone'),
      }
786817560's avatar
786817560 committed
336
      vm.hlsPopup.showLoading('请稍候')
Jennie Shi's avatar
Jennie Shi committed
337
      return vm.hlsHttp.post(url, param).then(function (res) {
786817560's avatar
786817560 committed
338
        vm.hlsPopup.hideLoading()
linxin's avatar
linxin committed
339
        vm.factoty = res.lists
786817560's avatar
786817560 committed
340
        if (res.result === 'S') {
786817560's avatar
786817560 committed
341 342 343 344 345 346
          vm.factoryLists = res.lists.map(item => {
            return {
              code: item.bp_factory_id,
              code_name: item.bp_factory_name,
            }
          })
786817560's avatar
786817560 committed
347 348 349
        }
      })
    },
786817560's avatar
786817560 committed
350 351 352 353 354 355 356 357 358

    // 主机厂选择
    selectFactory () {
      let vm = this
      vm.hlsPopup.selectList({
        list: vm.factoryLists,
        code: 'factory_type',
        object: {},
        returnItem: function (index, obj) {
786817560's avatar
786817560 committed
359
          vm.salesInfo.factory = obj.factory_type
786817560's avatar
786817560 committed
360 361 362 363
          vm.factory_name = obj.factory_type_n
        },
      })
    },
786817560's avatar
786817560 committed
364 365 366 367 368
    // 销售人员查询
    salesQuery () {
      let vm = this
      let url = process.env.basePath + 'prj_bp_agent_user'
      let param = {
786817560's avatar
786817560 committed
369
        bp_agent_id: vm.bp_agent_id,
786817560's avatar
786817560 committed
370 371 372 373 374 375
      }
      vm.hlsPopup.showLoading('请稍候')
      vm.hlsHttp.post(url, param).then(function (res) {
        vm.hlsPopup.hideLoading()
        console.log('销售人员', res)
        if (res.result === 'S') {
786817560's avatar
786817560 committed
376 377
          vm.salesLists = res.lists.map(item => {
            return {
786817560's avatar
786817560 committed
378
              code: item.bp_user_id,
786817560's avatar
786817560 committed
379 380 381
              code_name: item.agent_username,
            }
          })
786817560's avatar
786817560 committed
382 383 384
        }
      })
    },
786817560's avatar
786817560 committed
385 386 387 388 389 390 391 392
    selectSales () {
      let vm = this
      vm.hlsPopup.selectList({
        list: vm.salesLists,
        code: 'agent_type',
        object: {},
        returnItem: function (index, obj) {
          console.log(obj)
786817560's avatar
786817560 committed
393
          vm.salesInfo.bp_user_id = obj.agent_type
786817560's avatar
786817560 committed
394 395 396 397
          vm.sales = obj.agent_type_n
        },
      })
    },
786817560's avatar
786817560 committed
398 399 400 401 402
    // 办事处查询
    officeQuery () {
      let vm = this
      let url = process.env.basePath + 'prj_office_list'
      let param = {
786817560's avatar
786817560 committed
403
        bp_agent_id: vm.bp_agent_id,
786817560's avatar
786817560 committed
404 405 406 407 408 409
      }
      vm.hlsPopup.showLoading('请稍候')
      vm.hlsHttp.post(url, param).then(function (res) {
        vm.hlsPopup.hideLoading()
        console.log('办事处', res)
        if (res.result === 'S') {
786817560's avatar
786817560 committed
410 411 412 413 414 415
          vm.officeLists = res.lists.map(item => {
            return {
              code: item.office_id,
              code_name: item.office_name,
            }
          })
786817560's avatar
786817560 committed
416 417 418
        }
      })
    },
786817560's avatar
786817560 committed
419 420 421 422 423 424 425 426
    // 选择办事处
    selectOffice () {
      let vm = this
      vm.hlsPopup.selectList({
        list: vm.officeLists,
        code: 'office_type',
        object: {},
        returnItem: function (index, obj) {
786817560's avatar
786817560 committed
427
          vm.salesInfo.office_id = obj.office_type
786817560's avatar
786817560 committed
428 429 430 431
          vm.office_name = obj.office_type_n
        },
      })
    },
786817560's avatar
786817560 committed
432 433 434 435 436
    // 授信额度查询
    creditQuery () {
      let vm = this
      let url = process.env.basePath + 'prj_agent_credit_query'
      let param = {
786817560's avatar
786817560 committed
437
        bp_agent_id: vm.bp_agent_id,
786817560's avatar
786817560 committed
438 439 440 441 442 443
      }
      vm.hlsPopup.showLoading('请稍候')
      vm.hlsHttp.post(url, param).then(function (res) {
        vm.hlsPopup.hideLoading()
        console.log('授信额度查询', res)
        if (res.result === 'S') {
786817560's avatar
786817560 committed
444 445 446
          // vm.inflow_line = '' // 授信总额度
          // vm.inflow_used = '' // 已使用授信额度
          // vm.inflow_reset = '' // 剩余授信额度
786817560's avatar
786817560 committed
447 448 449
        }
      })
    },
786817560's avatar
786817560 committed
450
    // 查询承租人
786817560's avatar
786817560 committed
451
    picker () {
786817560's avatar
786817560 committed
452 453 454 455 456 457
      // this.$router.push({
      //   name: 'PickLessee',
      // })
      this.showModal = true
    },
    // 选择承租人
786817560's avatar
786817560 committed
458 459 460
    pickLessee (item) {
      this.lessee = item.bp_name
      this.salesInfo.bp_id_tenant = item.bp_id
786817560's avatar
786817560 committed
461
      this.showModal = false
linxin's avatar
linxin committed
462
      window.localStorage.setItem('bp_id_tenant', this.salesInfo.bp_id_tenant)
linxin's avatar
linxin committed
463
      window.localStorage.setItem('bp_class_tenant', item.bp_class)
linxin's avatar
linxin committed
464
      window.localStorage.setItem('bp_name_tenant', item.bp_name)
786817560's avatar
786817560 committed
465 466 467
    },
    hideModal () {
      this.showModal = false
linxin's avatar
linxin committed
468 469 470
    },
    check () {

786817560's avatar
786817560 committed
471
    },
786817560's avatar
786817560 committed
472 473 474
    // 销售信息保存
    confirmCreate () {
      let vm = this
李晓兵's avatar
李晓兵 committed
475 476 477 478 479 480 481 482 483 484
      if (!vm.lessee) {
        hlsPopup.showLongCenter('请选择承租人!')
      } else if (!vm.business) {
        hlsPopup.showLongCenter('业务类型不能为空!')
      } else if (!vm.sales) {
        hlsPopup.showLongCenter('销售人员不能为空!')
      } else if (!vm.office_name) {
        hlsPopup.showLongCenter('办事处不能为空!')
      } else if (!vm.factory_name) {
        hlsPopup.showLongCenter('主机厂不能为空!')
李晓兵's avatar
李晓兵 committed
485
      } else if (!vm.salesInfo.manu_manager) {
李晓兵's avatar
李晓兵 committed
486
        hlsPopup.showLongCenter('主机厂业务员不能为空!')
linxin's avatar
linxin committed
487
      } else if (!vm.salesInfo.sale_date) {
李晓兵's avatar
李晓兵 committed
488
        hlsPopup.showLongCenter('请选择签约日期!')
linxin's avatar
linxin committed
489
      } else {
李晓兵's avatar
李晓兵 committed
490 491 492 493 494
        let url = process.env.basePath + 'prj_sales_info_save'
        window.localStorage.setItem('bp_id_tenant', this.salesInfo.bp_id_tenant)
        let param = {
          master: vm.salesInfo,
        }
linxin's avatar
linxin committed
495 496 497 498 499 500
        vm.hlsPopup.showLoading('请稍候')
        vm.hlsHttp.post(url, param).then(function (res) {
          vm.hlsPopup.hideLoading()
          if (res.result === 'S') {
            hlsPopup.showLongCenter('创建成功!')
            window.localStorage.setItem('project_id', res.project_id)
李晓兵's avatar
李晓兵 committed
501
            window.localStorage.setItem('fromPage', 'sale')
linxin's avatar
linxin committed
502 503 504 505 506 507
            vm.$router.push({
              name: 'CreateBaseInfo',
            })
          }
        })
      }
786817560's avatar
786817560 committed
508
    },
786817560's avatar
786817560 committed
509
  },
linxin's avatar
linxin committed
510

786817560's avatar
786817560 committed
511 512 513 514 515 516 517 518
}
</script>

<style lang="less" type="text/less">
#sales-info {
    .date-pic {
      height: 17px;
      width: 17px;
786817560's avatar
786817560 committed
519
      margin-top: 14px;
786817560's avatar
786817560 committed
520 521 522 523 524 525 526 527 528
      margin-left: 6px;
    }
    .bottom-tab-button{
    background: @headerColor;
    border-radius: 4px;
    color:white;
    height: 40px;
    margin: 4px 2% 0 2%;
  }
786817560's avatar
786817560 committed
529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550
  .hmodal {
    z-index: 99;
    .search {
      background-color: #fff;
      padding: 8px 12px;
      position: absolute;
      width: 100%;
      z-index: 100;
      margin-bottom: 8px;
      input {
        padding-left: 12px;
        border-radius: 4px;
        height: 36px;
        width: 100%;
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #888C8F;
        line-height: 36px;
        background: url("../../assets/contractStart/search1.png") 320px no-repeat;
        background-size: 16px 16px;
        background-color: rgba(239, 239, 239, 0.55);
      }
786817560's avatar
786817560 committed
551

786817560's avatar
786817560 committed
552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659
      input::placeholder {
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #888C8F;
        letter-spacing: 0;
      }
      input:focus {
        background: url("../../assets/contractStart/search2.png") 320px no-repeat;
        background-size: 16px 16px;
        background-color: rgba(239, 239, 239, 0.55);
        border: 2px solid #bcc6ff;
      }
    }
    .wrap {
      width: 100%;
      padding: 8px;
      .contract-lists {
        width: 100%;
        background: #fff;
        margin-bottom: 8px;
        border-radius: 2px;
        position: relative;
        .box {
          height: 68px;
          margin-left: 50px;
          margin-right: 19px;
          .file-icon {
            width: 30px;
            height: 30px;
            position: absolute;
            left: 10px;
            top: 8px;
          }
          div {
            width: 100%;
            height: 32px;
            position: relative;
            p {
              height: 32px;
              line-height: 32px;
              position: absolute;
              font-family: PingFangSC-Regular;
              font-size: 14px;
              letter-spacing: 0;
            }
            p:nth-of-type(1){
              left: 0;
              color: rgba(75,74,75,0.60);
            }
            p:nth-of-type(2){
              right: 0;
              color: #4B4A4B;
            }
          }
        }
      }
    }
    .content{
      position: absolute;
      top:0;
    }
    .scrollContent{
     padding-top: 1.92rem;
      padding-bottom: 20px;
    }
  }
}
  .platform-ios {
    #picker {
      .scrollContent {
        padding-top: 2.32rem;
      }
    }
  }
  // iPhoneX适配
  @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
    .platform-ios {
      #picker {
        .scrollContent {
          padding-top: 2.72rem;
        }
      }
    }
  }
  // iPhoneXR适配
  @media (device-width: 414px) and (device-height: 896px) {
    .platform-ios {
      #picker {
        .scrollContent {
          padding-top: 2.72rem;
        }
        .search {
        input {
          background: url("../../assets/contractStart/search1.png") 320px
            no-repeat;
          background-size: 16px 16px;
          background-color: rgba(239, 239, 239, 0.55);
          padding: 8px 12px;
          border-radius: 4px;
          width: 100%;
          font-family: PingFangSC-Regular;
          font-size: 14px;
          color: #888c8f;
        }
      }
      }
    }
  }
786817560's avatar
786817560 committed
660
</style>