|
@@ -0,0 +1,91 @@
|
|
|
+<template>
|
|
|
+ <view class="back-content">
|
|
|
+ <!-- 轮播图 -->
|
|
|
+ <view class="paizhao">
|
|
|
+ <view class="icon">
|
|
|
+ <u-icon name="xianchangpaishe" custom-prefix="xd-icon" size="64" color="#888888"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <swiper v-if="backlogPhotoList.length" class="top-ad-swiper" :indicator-dots="false" :autoplay="true" :interval="5000" :duration="600" :circular="true">
|
|
|
+ <swiper-item v-for="(item,index) in backlogPhotoList" :key="index">
|
|
|
+ <div class="swiper-item uni-bg-red">
|
|
|
+ <!-- <image class="swiper-item-imgse" :fade-show='true' :src="item.photo"></image> -->
|
|
|
+ <u-image mode="scaleToFill" width="750upx" height="400upx" :src="item.photo"></u-image>
|
|
|
+ </div>
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
+ <u-form class="form-content" :model="form" ref="uForm" label-width="180">
|
|
|
+ <u-form-item label="门店" prop="storeName">
|
|
|
+ <u-input clearable v-model="form.storeName" disabled placeholder="请选择发起时间区间" @click="openPicker"/>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="考评指标" prop="clsName">
|
|
|
+ <u-input v-model="form.clsName" placeholder="请输入门店名称" />
|
|
|
+ </u-form-item>
|
|
|
+ <!-- <u-form-item label="处理人" prop="userName">
|
|
|
+ <u-input v-model="form.userName" placeholder="请输入巡店人名称" />
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="抄送" prop="status" label-position="top">
|
|
|
+ <view :class="['status-item', item.checked ? 'active' : '']" v-for="item in statusList" :key="item.id" @click="chooseStatus(item)">
|
|
|
+ {{item.dispName}}
|
|
|
+ </view>
|
|
|
+ </u-form-item>
|
|
|
+ <u-form-item label="整改到期日" prop="sourceType" label-position="top">
|
|
|
+ <view :class="['status-item', item.checked ? 'active' : '']" v-for="item in sourceTypeList" :key="item.id" @click="chooseSourceType(item)">
|
|
|
+ {{item.dispName}}
|
|
|
+ </view>
|
|
|
+ </u-form-item> -->
|
|
|
+ </u-form>
|
|
|
+
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 顶部轮播图片
|
|
|
+ backlogPhotoList:[],
|
|
|
+ form: {
|
|
|
+ storeName: '', // 门店
|
|
|
+ clsName: '' ,// 考评指标
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad(option) {
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .back-content {
|
|
|
+ .paizhao {
|
|
|
+ height: 340upx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ .icon{
|
|
|
+ width: 160upx;
|
|
|
+ height: 160upx;
|
|
|
+ border: 1px solid #eee;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .top-ad-swiper{
|
|
|
+ height: 340upx;
|
|
|
+ }
|
|
|
+ .swiper-item-imgse{
|
|
|
+ width: 750upx;
|
|
|
+ height: 340upx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|