tanghaolin
2022-07-27 fd4d1d9296ba620de15b47bd1d58383d46ecb626
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
<wxs src="./index.wxs" module="filter"></wxs>
<form catchsubmit="formSubmitCb" catchreset="formResetCb" class="container">
  <view class="y_page">
    <view class="y_title">报修日期<i class="red_i">*</i>:</view>
    <input type="number" class="y_input" name="reportTime" disabled="true" placeholder="请输入报修日期"
      value="{{reportTime}}" />
  </view>
 
  <view class="y_page">
    <view class="y_title">报修地址<i class="red_i">*</i>:</view>
    <input type="text" class="y_input" name="addressInfo" placeholder="请输入报修地址" value="{{addressInfo}}"
      bindinput="inputAddress" />
    <div bindtap="tapChooseLocation" class="iconfont icon-GPSweizhixinxihuoqu"></div>
  </view>
 
 
  <!-- 泵站外 -->
  <view wx:if="{{isInStation == false}}" class="y_page" bindtap="tapProductOutStation">
    <view class="y_title" catchtap="changeProductPosiStatus"><text class="cuIcon-order animationSlow"></text>泵站外 <i
        class="red_i">*</i>:
    </view>
    <input type="text" class="y_input" disabled="true" placeholder="请选择报修设备" value="{{selProductNameOutStation}}"
      placeholder-style="color:#afb4db;font-size:9px;" />
  </view>
 
  <!-- 泵站内 -->
  <view wx:if="{{isInStation == true}}" class="y_page" data-name="pickSelStation" bindtap="pickSelStation">
    <view class="y_title" catchtap="changeProductPosiStatus"><text class="cuIcon-order animationSlow"></text> 泵站内<i
        class="red_i">*</i>:
    </view>
    <input type="text" class="y_input" disabled="true" placeholder="请选择设备所在泵站" value="{{selStation.Name}}"
      placeholder-style="color:#afb4db;font-size:9px;" />
  </view>
  <view wx:if="{{isInStation == true}}" class="y_page" style="overflow:visible;">
    <view class="y_title">问题设备<i class="red_i">*</i>:</view>
    <input type="text" class="y_input" bindtap="tapProductInStation" value="{{selProductNameInStation}}"
      placeholder="点击选择设备" placeholder-style="color:#afb4db;font-size:9px;" />
    <div bindtap="scanProductCode" class="iconfont icon-saoyisao3"></div>
  </view>
 
 
 
  <!-- 紧急程度 -->
  <view class="y_page">
    <view class="y_title">紧急程度<i class="red_i">*</i>:</view>
    <view class="view-degree y_input">
      <!-- <icon class="iconfont icon-xingxing"></icon> -->
      <text data-value='1' bindtap="tagUrgencyLevel"
        class="iconfont icon-icon_xingxingweijihuo {{urgencyLevel>0?'degree-active':''}}"></text>
      <text data-value='2' bindtap="tagUrgencyLevel"
        class="iconfont icon-icon_xingxingweijihuo {{urgencyLevel>1?'degree-active':''}}"></text>
      <text data-value='3' bindtap="tagUrgencyLevel"
        class="iconfont icon-icon_xingxingweijihuo {{urgencyLevel>2?'degree-active':''}}"></text>
      <text data-value='4' bindtap="tagUrgencyLevel"
        class="iconfont icon-icon_xingxingweijihuo {{urgencyLevel>3?'degree-active':''}}"></text>
      <text data-value='5' bindtap="tagUrgencyLevel"
        class="iconfont icon-icon_xingxingweijihuo {{urgencyLevel>4?'degree-active':''}}"></text>
    </view>
  </view>
  <!-- 请填写需要上报的问题 auto-height -->
  <view class="y_page">
    <view class="y_title">问题<i class="red_i">*</i>:</view>
    <textarea type="text" maxlength="-1" class="y_textarea" style="padding-left:30px" name="questionContent"
      placeholder="问题描述,可点击左侧问号,进行选择" placeholder-style="color:#afb4db;font-size:8px;" bindinput="inputQuestionContent"
      value="{{questionContent}}" />
    <icon wx:if="{{questionInfos.length > 0}}" class="iconfont icon-shanchu" style="color:red;font-size: 50rpx;z-index:100;top:10rpx;" bindtap="clearnQuestion"></icon>
    <div bindtap="tapShowFaqView" class="iconfont icon-shuoming y_shuoming"></div>
  </view>
  <!-- 备注 -->
  <view class="y_page"  >
    <view class="y_title">备注:</view>
    <textarea type="text" maxlength="-1" class="y_textarea" name="Note" placeholder="" placeholder-style="color:red; " value="{{formNote}}" bindinput="inputRepairNote"/>
  </view>
 
<!-- 图片上传 -->
<view class="weui-uploader">
  <view class="weui-uploader__hd">
    <view class="weui-uploader__title"><span>报修图片(长按可删除)</span><span class="iconfont icon-Delete_icon" bindtap="onImageDel">一键清空</span></view>
    <!-- <view class="weui-uploader__info">共{{imageList.length}}张图</view> -->
    <!-- <view class="weui-uploader__info">{{imageList.length}}/{{count[countIndex]}}</view> -->
  </view>
  <view class="weui-uploader__bd">
    <view class="weui-uploader__files">
      <block wx:for="{{imageList}}" wx:for-item="image" wx:key="image">
        <view class="weui-uploader__file">
          <view bindtap="previewImage" bindlongpress="deleteImage" id="{{item}}" data-index="{{index}}">
            <image class="weui-uploader__img" src="{{image}}" data-src="{{image}}" bindtap="previewImage"></image>
          </view>
        </view>
      </block>
    </view>
    <view class="weui-uploader__input-box">
      <view class="weui-uploader__input" bindtap="chooseImage"></view>
    </view>
  </view>
</view>
 
 
<view class="btn-area">
  <button type="primary" formType="submit">立即上报</button>
  <button formType="reset" bindtap="onResetFormInfo">重置</button>
</view>
 
</form>
 
<!-- 自定义泵站选择 -->
<pop-up class="pop_up" visible="{{isShowSelStation}}" onClose="closePopUpSelStation">
  <view slot="content">
    <view class="picker-view">
      <view class="picker-view__pane">
        <text catchtap="cancelSelStation">取消</text>
        <text catchtap="commitSelStation">确定</text>
      </view>
      <picker-view class="pick-view__group" bindchange="stationChange" value="{{selStationIndexArr}}" wx:key="">
        <picker-view-column indicator-class="item_active">
          <view wx:for="{{allRegionList}}" class="picker-item" wx:for-item="item" wx:key="idx">{{item.Name}}</view>
        </picker-view-column>
        <picker-view-column>
          <view wx:for="{{filterStationList}}" class="picker-item" wx:for-item="item" wx:key="idx">{{item.Name}}</view>
        </picker-view-column>
      </picker-view>
    </view>
  </view>
</pop-up>
 
 
<!-- 搜索 (站内) -->
<view id="y_search" wx:if="{{isShowFilterProductViewInStation}}" class="y_search y_body_animation">
  <view class="search flex-wrp" style="height:114rpx;">
    <view class="iconfont icon-zuojian" bindtap="rebackMainPage"></view>
    <view class="search-left flex-item" style="position:relative;">
      <icon class="iconfont icon-icon-zidingyiquyusousuorenhuochexuanze"></icon>
      <input type="text"  value="{{searchProductKeyWrd}}" placeholder="请输入设备名称/编号" placeholder-class="search-placeholder" bindinput="inputKeyWrd4SearchInStatioin"   />
      <icon class="fixedInputRight cuIcon-roundclose" bindtap="onEmptyKeyWrd4SearchInStation" style="right:12rpx;z-index:1000;font-size:36rpx;position: absolute;"></icon>
    </view>
    <view class="search-right flex-item" >
      <icon class="iconfont icon-zuojian y_icon_animation "></icon>
    </view>
    <view catchtap="scanProductCode">
      <text class="cuIcon-scan" style="margin-right:10rpx;font-size:50rpx;color:#e2e2e2"></text>
    </view>
  </view>
 
  <view class="screen" wx:if="{{false}}" >
    <view class="screen_li">
      <view class="screen_li_left"><icon class="iconfont icon-biaoti"></icon> 分类:</view>
      <view class="screen_li_right">
        <view class="applicant">
          <view class="applicant applicant_btn" bindtap="pickProductFilter"> 选择类别 </view>
        </view>
      </view>
    </view>
 
  </view>
 
  <view class="y_input_body">
      <view class="y_input_body_li" bindtap="tapChoiceProductInStation" wx:for="{{filterProductListInStation}}" wx:key="ID"  
       data-index='{{index}}' data-val="{{item}}">
        <view class="y_input_body_li_div">
          <view>名称: {{item.Name}}</view>
          <view>类型: {{item.Catalog}}</view>
          <view>型号: {{item.Code}}</view>
          <!-- <view>ID:{{item.ID}}</view> -->
        </view>
      </view>
  </view>
</view>
 
<!-- 20210105 thl 泵外设备选择 -->
<view class="equipmentList" wx:if="{{isShowFilterProductViewOutStation}}"> 
  <view class="cu-bar search" style="background-color:#16b5cb;color:#fff">
    <view class="iconfont icon-zuojian" catchtap="rebackMainPage" style="margin-left:20rpx;height: 60rpx;line-height: 60rpx;"></view>
    <view class="search-form radius">
      <text class="cuIcon-search"></text>
      <input type="text" placeholder="请输入设备名称"  style="width:100%;" value="{{searchProductKeyWrd}}"       bindinput="inputKeyWrd4SearchOutStatioin"  ></input>
      <text class="cuIcon-roundclose" style="margin-left:unset;font-size: 32rpx;" catchtap="onEmptyKeyWrd4SearchOutStation"></text>
    </view>
    <view class="action" bindtap="tapSearchProductByKeyWrdOutStation">
      <text class="cuIcon-search"></text>
      <text>搜索</text>
    </view>
    <view style="margin-right: 10rpx;font-size: 50rpx;" catchtap="scanProductCode">
      <text class="cuIcon-scan"></text>
    </view>
  </view>
  <view style="width:100%;">
    <!-- 筛选部分 -->
    <view class="bg-white">
      <view class='screen'>
        <view class='screen-name {{productFilterSetting.isShowFilterByScope?"screen-color":""}}' 
          bindtap='tapShowFilterByScope'>
          <text>{{productFilterSetting.scopeText}}</text>
          <text class='iconfont icon-xia {{screenFlag?"iconfontAnimation":""}}' style="font-size:24rpx;"></text>
        </view>
        <view class='screen-name {{productFilterSetting.isShowFilterByType?"screen-color":""}}' 
          bindtap='tapShowFilterByType'>
          <text>{{productFilterSetting.typeText}}</text>
          <text class='iconfont icon-xia {{productFilterSetting.isShowFilterByType?"iconfontAnimation":""}}' style="font-size:24rpx;"></text>
        </view>
        <view class='screen-name {{productFilterSetting.isShowOtherInfoPanel?"screen-color":""}}'
           bindtap='tapShowInputOtherProuctInfo'>
          <text>其他</text>
        </view>
      </view>
      <!-- 点击距离按钮后展示的下拉框 -->
      <!-- 下拉框透明背景 -->
      <view class='drop-down-background' hidden='{{!productFilterSetting.isShowFilterByScope}}' bindtouchstart='hideAllFilterPanel'></view>
      <view class='drop-down-flex' hidden='{{!productFilterSetting.isShowFilterByScope}}'>
        <view wx:for="{{productFilterSetting.scopeDistList}}" wx:key="index"
          class='drop-down {{productFilterSetting.scopeSelIndex==index?"down-active":""}} {{productFilterSetting.isShowFilterByScope?"down-show":""}}'
          data-text='{{item.text}}' data-value='{{item.value}}' data-index='{{index}}' bindtap='tapChoiceByDistanceItem'>
          <text>{{item.text}}</text>
          <text class='cuIcon-check' wx:if='{{productFilterSetting.scopeSelIndex==index?true:false}}'></text>
        </view>
      </view>
 
      <!-- 点击类型按钮后展示的下拉框 -->
      <!-- 下拉框透明背景 -->
      <view class='drop-down-background' hidden='{{!productFilterSetting.isShowFilterByType}}' bindtouchstart='hideAllFilterPanel'></view>
      <view class='drop-down-flex' hidden='{{!productFilterSetting.isShowFilterByType}}'>
        <view wx:for="{{productFilterSetting.productTypeList}}" wx:key="index"
          class='drop-down {{productFilterSetting.filterTypeIndex==index?"down-active":""}} {{productFilterSetting.isShowFilterByType?"down-show":""}}'
          data-value='{{item.value}}' data-text='{{item.text}}' data-index='{{index}}' bindtap='choieFilterProductTypeOutStaion'>
          <text>{{item.text}}</text>
          <text class='cuIcon-check' wx:if='{{productFilterSetting.filterTypeIndex==index?true:false}}'></text>
          <div></div>
        </view>
      </view>
    </view>
    <!-- 产品列表 -->
    <view class="equimentBody">
      <view class="equimentBody_item">
      
        <!-- 其他 -->
        <view class="otherFormBox" wx:if="{{productFilterSetting.isShowOtherInfoPanel}}">
          <view class="cu-form-group margin-top" >
            <view class="title">名称:</view>
            <input placeholder="请输入名称" bindinput="intpuOtherProductName" value="{{productFilterSetting.otherProductInfo.productName}}"></input>
          </view>
          <view class="cu-form-group">
            <view class="title">编号:</view>
            <input placeholder="请输入编号" bindinput="intpuOtherProductNo" value="{{productFilterSetting.otherProductInfo.productNO}}"></input>
          </view>
          <view class="cu-form-group" style="border-bottom: 1rpx solid #eee;">
            <view class="title">型号:</view>
            <input placeholder="请输入型号" bindinput="intpuOtherProductCode" value="{{productFilterSetting.otherProductInfo.productCode}}"></input>
          </view>
          <view class="margin-tb-sm text-center" style="width: 100%;display: flex;align-items: center;justify-content: center;">
            <button catchtap="tapFinishOtherProductInfo" class="cu-btn round shadow" style="background-color:#16b5cb;color:#fff;width:50%">确定</button>
          </view>
        </view>
 
        <scroll-view scroll-y="true" style="width:100%;height:85.4vh;" wx:if="{{!productFilterSetting.isShowOtherInfoPanel}}" >
            <view style="width:100%;display:flex;align-items:center;margin-top: 10rpx;justify-content: center;flex-direction: column;">
                <view class="item_box shadow-warp" wx:for="{{filterProductListOutStation}}" wx:for-item="product" wx:for-index="index" wx:key="ID" data-info="{{product}}" bindtap="tapChoiceProductOutStation">
                  <view style="display: flex;align-items: center;justify-content: center;height: 100%">
                  <view class="item_box_image" style="padding: 10rpx;"><image src="{{product.imgSrc}}" style="width:100%;height:100%;"></image></view>
                <view style="display: flex;flex-direction: column;height: 100%;justify-content: space-evenly;padding: 20rpx 0 20rpx 0;">
                  <view style="font-size:28rpx;">名称:<text style="color:#8799a3;font-size:24rpx;">{{product.Name}}</text></view>
                  <view style="font-size:28rpx;">编号:<text style="color:#8799a3;font-size:24rpx;">{{product.NO}}</text></view>
                  <view style="font-size:28rpx;">型号:<text style="color:#8799a3;font-size:24rpx;">{{product.Code}}</text></view>
                </view>
              </view>
              <view>
                    <text class="text-grey text-sm">{{product.Distance}}km</text>
              </view>
            </view>
            </view>
        </scroll-view>
 
 
 
 
 
      </view>
    </view>
  </view>
</view>
 
<!--   报修问题 -->
<view class="filter-panel filter-multiple" style='z-index:200;height:100vh;' wx:if="{{isShowFaqView}}">
  <view class="flex-wrp flex-height" >
    <view class="flex-item-left "style="flex-direction:row;">
      <view class="flex-item-left-view  {{(selFaqCatalogName==item.CatalogName?'flex-item-left-view-active':'')}}" wx:key="key" data-type="{{item.CatalogName}}" bindtap="onQuestionTypeClick" wx:for="{{faqList.catalogList}}">{{item.CatalogName}}</view>
    </view>
    <view class="flex-item-right"style="flex-direction:row;">
      <checkbox-group bindchange="tapFaqItemCb">
        <view class="flex-item-right-view  {{item.CatalogName==selFaqCatalogName?'':'checkbox-hide'}}" wx:key="key" wx:for="{{faqList.questionList}}">
          <label class="checkbox">
            <checkbox data-ques="{{item.Question}}" data-code="{{item.Code}}" value="{{item.Question+','+item.Code + ',' +item.checked}}" checked='{{item.checked}}' /> {{item.Question}}
          </label>
          <view class="solution-view" data-code="{{item.Code}}" bindtap="onClickFaqQuestion">
            解决
          </view>
        </view>
      </checkbox-group>
    </view>
  </view>
  <view class="btn-block btn-default fanhui">
    <view class="iconfont icon-zuojian" catchtap="rebackMainPage"><span>返回</span></view>
    <view class="iconfont icon-queren1" catchtap="confirmFaqCb"><span>确认</span></view>
    <view class="iconfont icon-qingkong" catchtap="clearFaqCb"><span>清空</span></view>
  </view>
  <!-- <button class="btn-block btn-default fanhui" style=''></button> -->
</view>