addBacklog.vue 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <template>
  2. <view class="back-content">
  3. <!-- 轮播图 -->
  4. <view class="paizhao">
  5. <view class="icon">
  6. <u-icon name="xianchangpaishe" custom-prefix="xd-icon" size="64" color="#888888"></u-icon>
  7. </view>
  8. </view>
  9. <swiper v-if="backlogPhotoList.length" class="top-ad-swiper" :indicator-dots="false" :autoplay="true" :interval="5000" :duration="600" :circular="true">
  10. <swiper-item v-for="(item,index) in backlogPhotoList" :key="index">
  11. <div class="swiper-item uni-bg-red">
  12. <!-- <image class="swiper-item-imgse" :fade-show='true' :src="item.photo"></image> -->
  13. <u-image mode="scaleToFill" width="750upx" height="400upx" :src="item.photo"></u-image>
  14. </div>
  15. </swiper-item>
  16. </swiper>
  17. <u-form class="form-content" :model="form" ref="uForm" label-width="180">
  18. <u-form-item label="门店" prop="storeName">
  19. <u-input clearable v-model="form.storeName" disabled placeholder="请选择发起时间区间" @click="openPicker"/>
  20. </u-form-item>
  21. <u-form-item label="考评指标" prop="clsName">
  22. <u-input v-model="form.clsName" placeholder="请输入门店名称" />
  23. </u-form-item>
  24. <!-- <u-form-item label="处理人" prop="userName">
  25. <u-input v-model="form.userName" placeholder="请输入巡店人名称" />
  26. </u-form-item>
  27. <u-form-item label="抄送" prop="status" label-position="top">
  28. <view :class="['status-item', item.checked ? 'active' : '']" v-for="item in statusList" :key="item.id" @click="chooseStatus(item)">
  29. {{item.dispName}}
  30. </view>
  31. </u-form-item>
  32. <u-form-item label="整改到期日" prop="sourceType" label-position="top">
  33. <view :class="['status-item', item.checked ? 'active' : '']" v-for="item in sourceTypeList" :key="item.id" @click="chooseSourceType(item)">
  34. {{item.dispName}}
  35. </view>
  36. </u-form-item> -->
  37. </u-form>
  38. </view>
  39. </template>
  40. <script>
  41. export default {
  42. components: {
  43. },
  44. data() {
  45. return {
  46. // 顶部轮播图片
  47. backlogPhotoList:[],
  48. form: {
  49. storeName: '', // 门店
  50. clsName: '' ,// 考评指标
  51. }
  52. }
  53. },
  54. onLoad(option) {
  55. },
  56. methods: {
  57. }
  58. }
  59. </script>
  60. <style lang="scss" scoped>
  61. .back-content {
  62. .paizhao {
  63. height: 340upx;
  64. display: flex;
  65. align-items: center;
  66. justify-content: center;
  67. .icon{
  68. width: 160upx;
  69. height: 160upx;
  70. border: 1px solid #eee;
  71. display: flex;
  72. align-items: center;
  73. justify-content: center;
  74. }
  75. }
  76. .top-ad-swiper{
  77. height: 340upx;
  78. }
  79. .swiper-item-imgse{
  80. width: 750upx;
  81. height: 340upx;
  82. }
  83. }
  84. </style>