| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862 |
- <!--
- * @Title:
- * @Description: 巡检填报
- * @Author: swp
- * @Date: 2022-08-24 10:49:21
- * @LastEditors:
- * @LastEditTime: 2022-08-24 10:49:21
- -->
- <template>
- <view class="container">
- <uni-nav-bar dark :fixed="true" backgroundColor="#3F9EFF" statusBar="false" left-icon="left" left-text="返回"
- @clickLeft="toBack">
- <view class="nav-title">
- <text>{{title}}</text>
- </view>
- </uni-nav-bar>
- <uni-forms ref="baseForm" :model="formData">
- <uni-section title="移动网络信号" ftitleFontSize="0.8rem" style="width: 100%;">
- <template v-slot:decoration>
- <view class="decoration"></view>
- </template>
- <view style="padding-top: 10px;padding-bottom: 10px;padding-left: 15px;padding-right: 15px;">
- <uni-forms-item name="networkSignalStatus" label="手机网络信号" label-width="130px" required>
- <uni-data-checkbox v-model="formData.networkSignalStatus" :localdata="ispItems.items">
- </uni-data-checkbox>
- </uni-forms-item>
- <view
- style="margin-top: 10px;margin-bottom: 10px;padding-left: 0px;padding-right: 15px;font-size: 0.6rem;color:skyblue;">
- 备注:如以下物联网卡信息发生变化,请仔细核对修改</view>
- <uni-forms-item name='networkPayer' label="物联网卡运营商" label-width="130px">
- <uni-easyinput v-model="formData.networkPayer" placeholder="请录入物联网卡运营商名称" />
- </uni-forms-item>
- <uni-forms-item name='networkSimId' label="物联网卡号" label-width="130px">
- <uni-easyinput v-model="formData.networkSimId" placeholder="请录入物联网卡号" />
- </uni-forms-item>
- </view>
- </uni-section>
- <uni-section title="基础信息" titleFontSize="0.8rem" style="width: 100%;">
- <template v-slot:decoration>
- <view class="decoration"></view>
- </template>
- <view style="padding-top: 10px;padding-bottom: 10px;padding-left: 15px;padding-right: 15px;">
- <uni-forms-item label="测站名称:" label-width="100px">
- <view class="view-flex-rs" style="height: 100%;">
- <view class="view-flex-cc"><text>{{rtuInfo.rtuName}}</text></view>
- </view>
- </uni-forms-item>
- <uni-forms-item label="测站编码:" label-width="100px">
- <view class="view-flex-rs" style="height: 100%;">
- <view class="view-flex-cc"><text>{{rtuInfo.rtuCode}}</text></view>
- </view>
- </uni-forms-item>
- <uni-forms-item label="测站类型:" label-width="100px">
- <view class="view-flex-rs" style="height: 100%;">
- <view class="view-flex-cc">
- <text>{{toRtuKind()}}</text>
- </view>
- </view>
- </uni-forms-item>
- </view>
- </uni-section>
- <uni-section title="地理信息" titleFontSize="0.8rem" style="width: 100%;">
- <template v-slot:decoration>
- <view class="decoration"></view>
- </template>
- <view style="padding-top: 10px;padding-bottom: 10px;padding-left: 15px;padding-right: 15px;">
- <!-- <view style="margin-bottom: 10px;font-size: 0.7rem;color:lightcoral;">备注:以下信息可以进行修改</view> -->
- <uni-forms-item label="测站安装地址:" label-width="100px">
- <view class="view-flex-rs" style="height: 100%;">
- <view class="view-flex-cc"><text>{{data.locationDesc}}</text></view>
- </view>
- </uni-forms-item>
- <uni-forms-item label="经纬度:" label-width="100px">
- <view class="view-flex-rs" style="height: 100%;">
- <view class="view-flex-cc"><text>{{data.lng}}/{{data.lat}}</text></view>
- </view>
- </uni-forms-item>
- </view>
- </uni-section>
- <uni-section title="站点状态检查" titleFontSize="0.8rem" style="width: 100%;">
- <template v-slot:decoration>
- <view class="decoration"></view>
- </template>
- <uni-card title="检查项(单选)" :is-shadow="false">
- <radio-group @change="onSiteCheckStatusRadioChange" class="view-flex-rs">
- <label style="margin-right: 10px;width:80px" class="view-flex-rs"
- v-for="(item, index) in data.siteCheckStatus.items" :key="item.id">
- <view>
- <radio :value="item.id" :checked="index === data.siteCheckStatus.current" />
- </view>
- <view style="font-size: 0.7rem;">{{item.dictValue}}</view>
- </label>
- </radio-group>
- </uni-card>
- <uni-card title="拍摄照片" extra="点击下方按钮开始拍摄" :is-shadow="false">
- <view
- style="padding-top: 10px;padding-left: 0px;padding-right: 15px;font-size: 0.7rem;color:lightcoral;">
- 备注:必填项,至少要拍一张照片</view>
- <view class="view-flex-rs-flex-wrap">
- <view v-for="(item, index) in data.siteCheckPhotos" :key="index" class="view-flex-cc"
- style="width: 100px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item">
- <view class="close-icon" @click="onSiteCheckPhotoDel(index)">
- <uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
- </view>
- <view class="image-box">
- <image :src="toOss(item)" mode="widthFix">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item" @click="onSiteCheckPhotoAdd()">
- <view class="image-box">
- <uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-card>
- <uni-card title="站点检查补充说明:" :is-shadow="false">
- <uni-easyinput type="textarea" v-model="data.siteCheckRemark" placeholder="请输入站点检查补充说明" />
- </uni-card>
- </uni-section>
- <uni-section v-if="rtuInfo.isRain" title="雨量站检查" titleFontSize="0.8rem" style="width: 100%;">
- <template v-slot:decoration>
- <view class="decoration"></view>
- </template>
- <uni-card title="检查项(多选)" :is-shadow="false">
- <checkbox-group @change="onRainSiteCheckboxChange" class="view-flex-rs">
- <label class="view-flex-rs" style="margin-right: 10px;font-size: 0.7rem;"
- v-for="(item, index) in data.rainSiteCheckItems.items" :key="item.id">
- <view>
- <checkbox v-if="item.checked" :value="item.id" checked="true" />
- <checkbox v-else :value="item.id" />
- </view>
- <view style="font-size: 0.7rem;">{{item.dictValue}}</view>
- </label>
- </checkbox-group>
- </uni-card>
- <uni-card title="拍摄照片" extra="点击下方按钮开始拍摄" :is-shadow="false">
- <view class="view-flex-rs-flex-wrap">
- <view v-for="(item, index) in data.rainSiteCheckPhotos" :key="index" class="view-flex-cc"
- style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item">
- <view class="close-icon" @click="onRainSitePhotoDel(index)">
- <uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
- </view>
- <view class="image-box">
- <image :src="toOss(item)" mode="widthFix">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item" @click="onRainSiteCheckPhotoAdd()">
- <view class="image-box">
- <uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-card>
- <uni-card title="巡检结果" :is-shadow="false">
- <radio-group @change="onRainSiteCheckStatusRadioChange" class="view-flex-rs">
- <label style="margin-right: 10px;width:80px" class="view-flex-rs"
- v-for="(item, index) in data.rainSiteCheckStatus.items" :key="item.id">
- <view>
- <radio :value="item.id" :checked="index === data.rainSiteCheckStatus.current" />
- </view>
- <view style="font-size: 0.7rem;">{{item.dictValue}}</view>
- </label>
- </radio-group>
- </uni-card>
- <uni-card title="雨量站检查补充说明:" :is-shadow="false">
- <uni-easyinput type="textarea" v-model="data.rainSiteCheckRemark" placeholder="请输入雨量站检查补充说明" />
- </uni-card>
- </uni-section>
- <uni-section v-if="rtuInfo.isRiver || rtuInfo.isRes" title="水位站检查" titleFontSize="0.8rem"
- style="width: 100%;">
- <template v-slot:decoration>
- <view class="decoration"></view>
- </template>
- <uni-card title="检查项(多选)" :is-shadow="false">
- <checkbox-group @change="onWaterSiteCheckboxChange" class="view-flex-rs">
- <label class="view-flex-rs" style="margin-right: 10px;font-size: 0.7rem;"
- v-for="(item, index) in data.waterSiteCheckItems.items" :key="item.id">
- <view>
- <checkbox v-if="item.checked" :value="item.id" checked="true" />
- <checkbox v-else :value="item.id" />
- </view>
- <view style="font-size: 0.7rem;">{{item.dictValue}}</view>
- </label>
- </checkbox-group>
- </uni-card>
- <uni-card title="拍摄照片" extra="点击下方按钮开始拍摄" :is-shadow="false">
- <view class="view-flex-rs-flex-wrap">
- <view v-for="(item, index) in data.waterSiteCheckPhotos" :key="index" class="view-flex-cc"
- style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item">
- <view class="close-icon" @click="onWaterSitePhotoDel(index)">
- <uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
- </view>
- <view class="image-box">
- <image :src="toOss(item)" mode="widthFix">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item" @click="onWaterSiteCheckPhotoAdd()">
- <view class="image-box">
- <uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-card>
- <uni-card title="巡检结果" :is-shadow="false">
- <radio-group @change="onWaterSiteCheckStatusRadioChange" class="view-flex-rs">
- <label style="margin-right: 10px;width:80px" class="view-flex-rs"
- v-for="(item, index) in data.waterSiteCheckStatus.items" :key="item.id">
- <view>
- <radio :value="item.id" :checked="index === data.waterSiteCheckStatus.current" />
- </view>
- <view style="font-size: 0.7rem;">{{item.dictValue}}</view>
- </label>
- </radio-group>
- </uni-card>
- <uni-card title="水位站检查补充说明:" :is-shadow="false">
- <uni-easyinput type="textarea" v-model="data.waterSiteCheckRemark" placeholder="请输入水位站检查补充说明" />
- </uni-card>
- </uni-section>
- <uni-section v-if="rtuInfo.isGround" title="墒情站检查" titleFontSize="0.8rem" style="width: 100%;">
- <template v-slot:decoration>
- <view class="decoration"></view>
- </template>
- <uni-card title="检查项(多选)" :is-shadow="false">
- <checkbox-group @change="onGroundSiteCheckboxChange" class="view-flex-rs">
- <label class="view-flex-rs" style="margin-right: 10px;font-size: 0.7rem;"
- v-for="(item, index) in data.groundSiteCheckItems.items" :key="item.id">
- <view>
- <checkbox v-if="item.checked" :value="item.id" checked="true" />
- <checkbox v-else :value="item.id" />
- </view>
- <view style="font-size: 0.7rem;">{{item.dictValue}}</view>
- </label>
- </checkbox-group>
- </uni-card>
- <uni-card title="拍摄照片" extra="点击下方按钮开始拍摄" :is-shadow="false">
- <view class="view-flex-rs-flex-wrap">
- <view v-for="(item, index) in data.groundSiteCheckPhotos" :key="index" class="view-flex-cc"
- style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item">
- <view class="close-icon" @click="onGroundSitePhotoDel(index)">
- <uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
- </view>
- <view class="image-box">
- <image :src="toOss(item)" mode="widthFix">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item" @click="onGroundSiteCheckPhotoAdd()">
- <view class="image-box">
- <uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-card>
- <uni-card title="巡检结果" :is-shadow="false">
- <radio-group @change="onGroundSiteCheckStatusRadioChange" class="view-flex-rs">
- <label style="margin-right: 10px;width:80px" class="view-flex-rs"
- v-for="(item, index) in data.groundSiteCheckStatus.items" :key="item.id">
- <view>
- <radio :value="item.id" :checked="index === data.groundSiteCheckStatus.current" />
- </view>
- <view style="font-size: 0.7rem;">{{item.dictValue}}</view>
- </label>
- </radio-group>
- </uni-card>
- <uni-card title="墒情站检查补充说明:" :is-shadow="false">
- <uni-easyinput type="textarea" v-model="data.groundSiteCheckRemark" placeholder="请输入墒情站检查补充说明" />
- </uni-card>
- </uni-section>
- <uni-section title="其他设备检查" titleFontSize="0.8rem" style="width: 100%;">
- <template v-slot:decoration>
- <view class="decoration"></view>
- </template>
- <uni-card title="检查项(多选)" :is-shadow="false">
- <checkbox-group @change="onOthersEquipmentCheckboxChange" class="view-flex-rs-flex-wrap">
- <label class="view-flex-rs"
- style="width: 140px;margin-bottom: 10px;margin-right: 10px;font-size: 0.7rem;"
- v-for="(item, index) in data.othersEquipmentCheckItems.items" :key="item.id">
- <view>
- <checkbox v-if="item.checked" :value="item.id" checked="true" />
- <checkbox v-else :value="item.id" />
- </view>
- <view style="font-size: 0.7rem;">{{item.dictValue}}</view>
- </label>
- </checkbox-group>
- </uni-card>
- <uni-card title="拍摄照片" extra="点击下方按钮开始拍摄" :is-shadow="false">
- <view class="view-flex-rs-flex-wrap">
- <view v-for="(item, index) in data.othersEquipmentCheckPhotos" :key="index" class="view-flex-cc"
- style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item">
- <view class="close-icon" @click="onOthersEquipmentPhotoDel(index)">
- <uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
- </view>
- <view class="image-box">
- <image :src="toOss(item)" mode="widthFix">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item" @click="onOthersEquipmentCheckPhotoAdd()">
- <view class="image-box">
- <uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-card>
- <uni-card title="巡检结果" :is-shadow="false">
- <radio-group @change="onOthersEquipmentCheckStatusRadioChange" class="view-flex-rs">
- <label style="margin-right: 10px;width:80px" class="view-flex-rs"
- v-for="(item, index) in data.othersEquipmentCheckStatus.items" :key="item.id">
- <view>
- <radio :value="item.id" :checked="index === data.othersEquipmentCheckStatus.current" />
- </view>
- <view style="font-size: 0.7rem;">{{item.dictValue}}</view>
- </label>
- </radio-group>
- </uni-card>
- <uni-card title="其他设备检查补充说明:" :is-shadow="false">
- <uni-easyinput type="textarea" v-model="data.othersEquipmentCheckRemark"
- placeholder="请输入其他设备检查补充说明" />
- </uni-card>
- </uni-section>
- <uni-section title="设备更换" titleFontSize="0.8rem" style="width: 100%;">
- <template v-slot:decoration>
- <view class="decoration"></view>
- </template>
- <uni-card title="设备项(多选)" :is-shadow="false">
- <checkbox-group @change="onEquipmentReplaceCheckboxChange" class="view-flex-rs-flex-wrap">
- <label class="view-flex-rs"
- style="width: 140px;margin-bottom: 10px;margin-right: 10px;font-size: 0.7rem;"
- v-for="(item, index) in data.equipmentsReplaceItems.items" :key="item.id">
- <view>
- <checkbox v-if="item.checked" :value="item.id" checked="true" />
- <checkbox v-else :value="item.id" />
- </view>
- <view style="font-size: 0.7rem;">{{item.dictValue}}</view>
- </label>
- </checkbox-group>
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.rtuReplace" title="RTU型号说明" :is-shadow="false">
- <uni-easyinput v-model="data.rtuModelRemark" placeholder="请录入RTU型号说明" />
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.rtuReplace" title="RTU更换照片" extra="点击下方按钮开始拍摄"
- :is-shadow="false">
- <view
- style="padding-top: 10px;padding-left: 0px;padding-right: 15px;font-size: 0.7rem;color:lightcoral;">
- 备注:必填项</view>
- <view class="view-flex-rs-flex-wrap">
- <view v-for="(item, index) in data.rtuReplacePhotos" :key="index" class="view-flex-cc"
- style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item">
- <view class="close-icon" @click="onRtuReplacePhotoDel(index)">
- <uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
- </view>
- <view class="image-box">
- <image :src="toOss(item)" mode="widthFix">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item" @click="onRtuReplacePhotoAdd()">
- <view class="image-box">
- <uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.rainSensorReplace" title="雨量计型号说明"
- :is-shadow="false">
- <uni-easyinput v-model="data.rainSensorModelRemark" placeholder="请录入雨量计型号说明" />
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.rainSensorReplace" title="雨量计更换照片"
- extra="点击下方按钮开始拍摄" :is-shadow="false">
- <view
- style="padding-top: 10px;padding-left: 0px;padding-right: 15px;font-size: 0.7rem;color:lightcoral;">
- 备注:必填项</view>
- <view class="view-flex-rs-flex-wrap">
- <view v-for="(item, index) in data.rainSensorReplacePhotos" :key="index" class="view-flex-cc"
- style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item">
- <view class="close-icon" @click="onRainSensorReplacePhotoDel(index)">
- <uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
- </view>
- <view class="image-box">
- <image :src="toOss(item)" mode="widthFix">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item" @click="onRainSensorReplacePhotoAdd()">
- <view class="image-box">
- <uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.waterSensorReplace" title="水位计型号说明"
- :is-shadow="false">
- <uni-easyinput v-model="data.waterSensorModelRemark" placeholder="请录入水位计型号说明" />
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.waterSensorReplace" title="水位计更换照片"
- extra="点击下方按钮开始拍摄" :is-shadow="false">
- <view
- style="padding-top: 10px;padding-left: 0px;padding-right: 15px;font-size: 0.7rem;color:lightcoral;">
- 备注:必填项</view>
- <view class="view-flex-rs-flex-wrap">
- <view v-for="(item, index) in data.waterSensorReplacePhotos" :key="index" class="view-flex-cc"
- style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item">
- <view class="close-icon" @click="onWaterSensorReplacePhotoDel(index)">
- <uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
- </view>
- <view class="image-box">
- <image :src="toOss(item)" mode="widthFix">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item" @click="onWaterSensorReplacePhotoAdd()">
- <view class="image-box">
- <uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.groundSensorReplace" title="墒情计型号说明"
- :is-shadow="false">
- <uni-easyinput v-model="data.groundSensorModelRemark" placeholder="请录入墒情计型号说明" />
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.groundSensorReplace" title="墒情计更换照片"
- extra="点击下方按钮开始拍摄" :is-shadow="false">
- <view
- style="padding-top: 10px;padding-left: 0px;padding-right: 15px;font-size: 0.7rem;color:lightcoral;">
- 备注:必填项</view>
- <view class="view-flex-rs-flex-wrap">
- <view v-for="(item, index) in data.groundSensorReplacePhotos" :key="index" class="view-flex-cc"
- style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item">
- <view class="close-icon" @click="onGroundSensorReplacePhotoDel(index)">
- <uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
- </view>
- <view class="image-box">
- <image :src="toOss(item)" mode="widthFix">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item" @click="onGroundSensorReplacePhotoAdd()">
- <view class="image-box">
- <uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.batteryReplace" title="蓄电池型号说明" :is-shadow="false">
- <uni-easyinput v-model="data.batteryModelRemark" placeholder="请录入蓄电池型号说明" />
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.batteryReplace" title="蓄电池更换照片" extra="点击下方按钮开始拍摄"
- :is-shadow="false">
- <view
- style="padding-top: 10px;padding-left: 0px;padding-right: 15px;font-size: 0.7rem;color:lightcoral;">
- 备注:必填项</view>
- <view class="view-flex-rs-flex-wrap">
- <view v-for="(item, index) in data.batteryReplacePhotos" :key="index" class="view-flex-cc"
- style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item">
- <view class="close-icon" @click="onBatteryReplacePhotoDel(index)">
- <uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
- </view>
- <view class="image-box">
- <image :src="toOss(item)" mode="widthFix">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item" @click="onBatteryReplacePhotoAdd()">
- <view class="image-box">
- <uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.sunPowerReplace" title="太阳能板型号说明"
- :is-shadow="false">
- <uni-easyinput v-model="data.sunPowerModelRemark" placeholder="请录入太阳能板型号说明" />
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.sunPowerReplace" title="太阳能板更换照片" extra="点击下方按钮开始拍摄"
- :is-shadow="false">
- <view
- style="padding-top: 10px;padding-left: 0px;padding-right: 15px;font-size: 0.7rem;color:lightcoral;">
- 备注:必填项</view>
- <view class="view-flex-rs-flex-wrap">
- <view v-for="(item, index) in data.sunPowerReplacePhotos" :key="index" class="view-flex-cc"
- style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item">
- <view class="close-icon" @click="onSunPowerReplacePhotoDel(index)">
- <uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
- </view>
- <view class="image-box">
- <image :src="toOss(item)" mode="widthFix">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item" @click="onSunPowerReplacePhotoAdd()">
- <view class="image-box">
- <uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.batteryControllerReplace" title="充电控制器型号说明"
- :is-shadow="false">
- <uni-easyinput v-model="data.batteryControlModelRemark" placeholder="请录入充电控制器型号说明" />
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.batteryControllerReplace" title="充电控制器更换照片"
- extra="点击下方按钮开始拍摄" :is-shadow="false">
- <view
- style="padding-top: 10px;padding-left: 0px;padding-right: 15px;font-size: 0.7rem;color:lightcoral;">
- 备注:必填项</view>
- <view class="view-flex-rs-flex-wrap">
- <view v-for="(item, index) in data.batteryControlReplacePhotos" :key="index"
- class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item">
- <view class="close-icon" @click="onBatteryControllerReplacePhotoDel(index)">
- <uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
- </view>
- <view class="image-box">
- <image :src="toOss(item)" mode="widthFix">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item" @click="onBatteryControllerReplacePhotoAdd()">
- <view class="image-box">
- <uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.otherEquipmentReplace" title="其他设备说明"
- :is-shadow="false">
- <uni-easyinput v-model="data.otherEquipmentModelRemark" placeholder="请录入其他设备说明" />
- </uni-card>
- <uni-card v-if="data.equipmentsReplaceItemsCheckBox.otherEquipmentReplace" title="其他设备更换照片"
- extra="点击下方按钮开始拍摄" :is-shadow="false">
- <view
- style="padding-top: 10px;padding-left: 0px;padding-right: 15px;font-size: 0.7rem;color:lightcoral;">
- 备注:必填项</view>
- <view class="view-flex-rs-flex-wrap">
- <view v-for="(item, index) in data.otherEquipmentReplacePhotos" :key="index"
- class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item">
- <view class="close-icon" @click="onOtherEquipmentReplacePhotoDel(index)">
- <uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
- </view>
- <view class="image-box">
- <image :src="toOss(item)" mode="widthFix">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item" @click="onOtherEquipmentReplacePhotoAdd()">
- <view class="image-box">
- <uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-card>
- </uni-section>
- <uni-section title="遗留问题补充说明" titleFontSize="0.8rem" style="width: 100%;">
- <template v-slot:decoration>
- <view class="decoration"></view>
- </template>
- <view style="padding-top: 10px;padding-bottom: 10px;padding-left: 15px;padding-right: 15px;">
- <uni-easyinput type="textarea" v-model="data.inspectionRemainProblemsRemark"
- placeholder="请输入遗留问题补充说明" />
- </view>
- </uni-section>
- <uni-section title="巡检工作留存照片" titleFontSize="0.8rem" style="width: 100%;">
- <template v-slot:decoration>
- <view class="decoration"></view>
- </template>
- <view
- style="padding-top: 10px;padding-left: 15px;padding-right: 15px;font-size: 0.7rem;color:lightcoral;">
- 备注:必填项,至少要拍一张整体的站点照片</view>
- <uni-card title="拍摄照片" extra="点击下方按钮开始拍摄" :is-shadow="false">
- <view class="view-flex-rs-flex-wrap">
- <view v-for="(item, index) in data.inspectionWorkPhotos" :key="index" class="view-flex-cc"
- style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item">
- <view class="close-icon" @click="onInspectionWorkPhotoDel(index)">
- <uni-icons type="closeempty" size="18" color="#fff"></uni-icons>
- </view>
- <view class="image-box">
- <image :src="toOss(item)" mode="widthFix">
- </image>
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="view-flex-cc" style="width: 80px;">
- <view class="img-container">
- <view class="note-image-box">
- <view class="note-image-item" @click="onInspectionWorkCheckPhotoAdd()">
- <view class="image-box">
- <uni-icons type="plusempty" size="50" color="#eee"></uni-icons>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-card>
- </uni-section>
- </uni-forms>
-
- <view class="footer">
- <view class="control">
- <view class="view-flex-rc">
- <view class="block"
- style="width: 120px;height:28px;margin-left: 10px;margin-right: 10px;border-radius:7px;background-color:lightblue"
- @click="toSave()">
- <view class="view-flex-cc">
- <uni-icons class="input-uni-icon" type="folder-add" size="18" color="#999" />
- </view>
- <view class="view-flex-cc" style="padding-left:5px;">
- <text style="color:black;font-size:0.7rem">暂存</text>
- </view>
- </view>
- <view class="block"
- style="width: 120px;height:28px;margin-left: 10px;margin-right: 10px;border-radius:7px;background-color:lightpink"
- @click="toSubmit()">
- <view class="view-flex-cc">
- <uni-icons class="input-uni-icon" type="checkmarkempty" size="18" color="#999" />
- </view>
- <view class="view-flex-cc" style="padding-left:5px;">
- <text style="color:black;font-size:0.7rem">立即提交</text>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- import http from '@/http/api.js';
- import {
- pathToBase64,
- base64ToPath
- } from '@/js_sdk/mmmm-image-tools/index.js';
- import {
- oss,
- devUrl,
- prodUrl
- } from '@/common/setting';
- export default {
- components: {
- },
- data() {
- return {
- formData: {
- },
- rules: {
- networkSignalStatus: {
- rules: [{
- required: true,
- errorMessage: '必填项,请选择手机网络信号',
- }]
- },
- },
- title: '设备巡检填报',
- baseURL: '',
- baseOSS: '',
- rtuCode: '',
- ispItems: {
- items: [{
- 'value': 0,
- 'text': '正常'
- }, {
- 'value': 1,
- 'text': '三大运营商均无信号'
- }],
- current: -1,
- },
- rtuInfo: {
- isRain: 0,
- isRiver: 0,
- isRes: 0,
- isGround: 0,
- rtuCode: '',
- rtuName: '',
- lng: '',
- lat: '',
- locationDesc: '',
- isRain: false,
- isWaterLevel: false,
- isGround: false,
- isCamera: false,
- },
- data: {
- lng: '',
- lat: '',
- locationDesc: '',
- //站点状态检查项
- siteCheckStatus: {
- items: [{
- 'id': '0',
- 'dictValue': '水毁'
- }, {
- 'id': '1',
- 'dictValue': '丢失'
- }, {
- 'id': '2',
- 'dictValue': '损坏'
- }, {
- 'value': '3',
- 'dictValue': '正常'
- }],
- current: 3,
- },
- siteCheckPhotos: [],
- siteCheckRemark: '',
- //雨量站检查数据
- rainSiteCheckItems: {
- items: [{
- 'id': '0',
- 'checked': false,
- 'dictValue': '故障排查'
- }, {
- 'id': '1',
- 'checked': false,
- 'dictValue': '清理堵塞'
- }, {
- 'id': '2',
- 'checked': false,
- 'dictValue': '雨量计校核'
- }],
- current: -1,
- },
- rainSiteCheckItemsCheckBox: {
- equipmentFaultCheck: 0,
- equipmentClear: 0,
- rainSensorCheck: 0,
- },
- rainSiteCheckPhotos: [],
- rainSiteCheckStatus: {
- items: [{
- 'id': '0',
- 'dictValue': '异常'
- }, {
- 'id': '1',
- 'dictValue': '正常'
- }],
- current: 1,
- },
- rainSiteCheckRemark: '',
- //水位站检查数据
- waterSiteCheckItems: {
- items: [{
- 'id': '0',
- 'checked': false,
- 'dictValue': '故障排查'
- }, {
- 'id': '1',
- 'checked': false,
- 'dictValue': '水位计校核'
- }],
- current: -1,
- },
- waterSiteCheckItemsCheckBox: {
- equipmentFaultCheck: 0,
- waterSensorCheck: 0,
- },
- waterSiteCheckPhotos: [],
- waterSiteCheckStatus: {
- items: [{
- 'id': '0',
- 'dictValue': '异常'
- }, {
- 'id': '1',
- 'dictValue': '正常'
- }],
- current: 1,
- },
- waterSiteCheckRemark: '',
- //墒情站检查数据
- groundSiteCheckItems: {
- items: [{
- 'id': '0',
- 'checked': false,
- 'dictValue': '故障排查'
- }, {
- 'id': '1',
- 'checked': false,
- 'dictValue': '墒情计校核'
- }],
- current: -1,
- },
- groundSiteCheckItemsCheckBox: {
- equipmentFaultCheck: 0,
- groundSensorCheck: 0,
- },
- groundSiteCheckPhotos: [],
- groundSiteCheckStatus: {
- items: [{
- 'id': '0',
- 'dictValue': '异常'
- }, {
- 'id': '1',
- 'dictValue': '正常'
- }],
- current: 1,
- },
- groundSiteCheckRemark: '',
- //其他设备检查
- othersEquipmentCheckItems: {
- items: [{
- 'id': '0',
- 'checked': false,
- 'dictValue': '设备接地检测'
- }, {
- 'id': '1',
- 'checked': false,
- 'dictValue': '电源电压检测'
- }, {
- 'id': '2',
- 'checked': false,
- 'dictValue': '太阳能板检查'
- }, {
- 'id': '3',
- 'checked': false,
- 'dictValue': '蓄电池检查'
- }, {
- 'id': '4',
- 'checked': false,
- 'dictValue': '网络通信检查'
- }],
- current: -1,
- },
- othersEquipmentCheckItemsCheckBox: {
- equipmentGroundWireCheck: 0,
- bvCheck: 0,
- sunPowerCheck: 0,
- btCheck: 0,
- netCheck: 0,
- },
- othersEquipmentCheckPhotos: [],
- othersEquipmentCheckStatus: {
- items: [{
- 'id': '0',
- 'dictValue': '异常'
- }, {
- 'id': '1',
- 'dictValue': '正常'
- }],
- current: 1,
- },
- othersEquipmentCheckRemark: '',
- //设备替换
- equipmentsReplaceItems: {
- items: [{
- 'id': '0',
- 'checked': false,
- 'dictValue': 'RTU'
- }, {
- 'id': '1',
- 'checked': false,
- 'dictValue': '雨量计'
- }, {
- 'id': '2',
- 'checked': false,
- 'dictValue': '水位计'
- }, {
- 'id': '3',
- 'checked': false,
- 'dictValue': '墒情计'
- }, {
- 'id': '4',
- 'checked': false,
- 'dictValue': '蓄电池'
- }, {
- 'id': '5',
- 'checked': false,
- 'dictValue': '太阳能板'
- }, {
- 'id': '6',
- 'checked': false,
- 'dictValue': '充电控制器'
- }, {
- 'id': '7',
- 'checked': false,
- 'dictValue': '其他'
- }],
- current: -1,
- },
- equipmentsReplaceItemsCheckBox: {
- rtuReplace: 0,
- rainSensorReplace: 0,
- waterSensorReplace: 0,
- groundSensorReplace: 0,
- batteryReplace: 0,
- sunPowerReplace: 0,
- batteryControllerReplace: 0,
- otherEquipmentReplace: 0
- },
- rtuModelRemark: '',
- rtuReplacePhotos: [],
- rainSensorModelRemark: '',
- rainSensorReplacePhotos: [],
- waterSensorModelRemark: '',
- waterSensorReplacePhotos: [],
- groundSensorModelRemark: '',
- groundSensorReplacePhotos: [],
- batteryModelRemark: '',
- batteryReplacePhotos: [],
- sunPowerModelRemark: '',
- sunPowerReplacePhotos: [],
- batteryControlModelRemark: '',
- batteryControlReplacePhotos: [],
- otherEquipmentModelRemark: '',
- otherEquipmentReplacePhotos: [],
- //巡检遗留问题描述
- inspectionRemainProblemsRemark: '',
- //工作留存数据
- inspectionWorkPhotos: [],
- },
- }
- },
- computed: {
- getIcon() {
- return path => {
- return 'https://cdn.uviewui.com/uview/example/' + path + '.png';
- }
- },
- },
- onShow() {},
- created() {},
- onReady() {
- console.log("onReady++++++++++++++")
- // 需要在onReady中设置规则
- this.$refs.baseForm.setRules(this.rules)
- },
- onLoad(options) {
- this.rtuCode = options.rtuCode;
- this.baseOSS = oss;
- this.baseURL = process.env.NODE_ENV === 'development' ? devUrl : prodUrl;
- this.loadRtuInfo();
- },
- methods: {
- toOss(path) {
- let url = this.baseOSS + path;
- return url;
- },
- toBack() {
- uni.navigateBack({
- delta: 1
- })
- },
- getDetail() {
- console.log("ddddddddddddddddddddd")
- //this.formData.networkSimId='1111'
- let that = this;
- let postData = {};
- postData['id'] = this.orderId;
- http.request({
- url: '/galaxy-business/rtu/check/order/detail',
- method: 'GET',
- data: postData
- }).then(res => {
- console.log("ddddddddddddddddddddd " + JSON.stringify(res.data))
- //if (res.data != null) {
- let p = {};
- p['networkSimId'] = res.data.networkSimId;
- p['networkPayer'] = res.data.networkPayer;
- that.formData = p;
- //}
- }).catch(err => {
- console.log(err)
- })
- },
- toRtuKind() {
- let htmltext = '';
- if (this.rtuInfo.isRain === 1) {
- htmltext = htmltext + "雨量站";
- }
- if (this.rtuInfo.isRiver == 1 || this.rtuInfo.isRes == 1) {
- if (htmltext.length > 0) {
- htmltext = htmltext + ' / ';
- }
- htmltext = htmltext + '水位站';
- }
- if (this.rtuInfo.isGround == 1) {
- if (htmltext.length > 0) {
- htmltext = htmltext + ' / ';
- }
- htmltext = htmltext + '墒情站';
- }
- if (this.rtuInfo.isVideo == 1) {
- if (htmltext.length > 0) {
- htmltext = htmltext + ' / ';
- }
- htmltext = htmltext + '视频站';
- }
- return htmltext;
- },
- loadCacheData() {
- let formdata = uni.getStorageSync('inspection_report_storage_' + this.rtuCode);
- if (null != formdata && '' != formdata) {
- this.data = formdata;
- let p = {};
- p['networkSignalStatus'] = formdata.networkSignalStatus;
- p['networkSimId'] = formdata.networkSimId;
- p['networkPayer'] = formdata.networkPayer;
- that.formData = p;
- //雨位计
- if (this.data.rainSiteCheckItemsCheckBox.equipmentFaultCheck == 1) {
- this.data.rainSiteCheckItems.items[0].checked = true;
- }
- if (this.data.rainSiteCheckItemsCheckBox.equipmentClear == 1) {
- this.data.rainSiteCheckItems.items[1].checked = true;
- }
- if (this.data.rainSiteCheckItemsCheckBox.rainSensorCheck == 1) {
- this.data.rainSiteCheckItems.items[2].checked = true;
- }
- //水位计
- if (this.data.waterSiteCheckItemsCheckBox.equipmentFaultCheck == 1) {
- this.data.waterSiteCheckItems.items[0].checked = true;
- }
- if (this.data.waterSiteCheckItemsCheckBox.waterSensorCheck == 1) {
- this.data.waterSiteCheckItems.items[1].checked = true;
- }
- //墒情计
- if (this.data.groundSiteCheckItemsCheckBox.equipmentFaultCheck == 1) {
- this.data.groundSiteCheckItems.items[0].checked = true;
- }
- if (this.data.groundSiteCheckItemsCheckBox.groundSensorCheck == 1) {
- this.data.groundSiteCheckItems.items[1].checked = true;
- }
- //其他设备
- if (this.data.othersEquipmentCheckItemsCheckBox.equipmentGroundWireCheck == 1) {
- this.data.othersEquipmentCheckItems.items[0].checked = true;
- }
- if (this.data.othersEquipmentCheckItemsCheckBox.bvCheck == 1) {
- this.data.othersEquipmentCheckItems.items[1].checked = true;
- }
- if (this.data.othersEquipmentCheckItemsCheckBox.sunPowerCheck == 1) {
- this.data.othersEquipmentCheckItems.items[2].checked = true;
- }
- if (this.data.othersEquipmentCheckItemsCheckBox.btCheck == 1) {
- this.data.othersEquipmentCheckItems.items[3].checked = true;
- }
- if (this.data.othersEquipmentCheckItemsCheckBox.netCheck == 1) {
- this.data.othersEquipmentCheckItems.items[4].checked = true;
- }
- //设备更换
- if (this.data.equipmentsReplaceItemsCheckBox.rtuReplace == 1) {
- this.data.equipmentsReplaceItems.items[0].checked = true;
- }
- if (this.data.equipmentsReplaceItemsCheckBox.rainSensorReplace == 1) {
- this.data.equipmentsReplaceItems.items[1].checked = true;
- }
- if (this.data.equipmentsReplaceItemsCheckBox.waterSensorReplace == 1) {
- this.data.equipmentsReplaceItems.items[2].checked = true;
- }
- if (this.data.equipmentsReplaceItemsCheckBox.groundSensorReplace == 1) {
- this.data.equipmentsReplaceItems.items[3].checked = true;
- }
- if (this.data.equipmentsReplaceItemsCheckBox.batteryReplace == 1) {
- this.data.equipmentsReplaceItems.items[4].checked = true;
- }
- if (this.data.equipmentsReplaceItemsCheckBox.sunPowerReplace == 1) {
- this.data.equipmentsReplaceItems.items[5].checked = true;
- }
- if (this.data.equipmentsReplaceItemsCheckBox.batteryControllerReplace == 1) {
- this.data.equipmentsReplaceItems.items[6].checked = true;
- }
- if (this.data.equipmentsReplaceItemsCheckBox.otherEquipmentReplace == 1) {
- this.data.equipmentsReplaceItems.items[7].checked = true;
- }
- } else {
- //this.getDetail();
- }
- },
- clearCache() {
- uni.removeStorageSync('inspection_report_storage_' + this.rtuCode);
- },
- loadRtuInfo() {
- let that = this;
- let postData = {};
- postData['rtuCode'] = this.rtuCode;
- http.request({
- url: '/galaxy-business/rtu/base/detail',
- method: 'GET',
- data: postData
- }).then(res => {
- if (res.data != null) {
- console.log(JSON.stringify(res.data))
- that.rtuInfo = res.data;
- that.rtuInfo.isRain = 1;
- that.rtuInfo.isRiver = 1;
- that.rtuInfo.isRes = 1;
- that.rtuInfo.isGround = 1;
- that.data['lng'] = that.rtuInfo.lng;
- that.data['lat'] = that.rtuInfo.lat;
- that.data['locationDesc'] = that.rtuInfo.locationDesc;
- let p = {};
- p['networkSimId'] = that.rtuInfo.networkSimId;
- p['networkPayer'] = that.rtuInfo.networkPayer;
- that.formData = p;
- that.loadCacheData();
- }
- }).catch(err => {
- console.log(err)
- })
- },
- toSave() {
- let that = this;
- uni.setStorageSync('inspection_report_storage_' + this.rtuCode, this.data);
- uni.showModal({
- content: '已成功缓存,确认返回!',
- showCancel: true,
- success(res) {
- if (res.confirm) {
- that.toBack();
- }
- }
- });
- },
- toSubmit() {
- let that = this;
- this.$refs.baseForm.validate().then(res => {
- console.log('表单数据信息1:', res);
- //console.log('表单数据信息2:', that.formData);
- if (that.formData.networkSignalStatus == 0) {
- let next = false;
- let msg = '';
- if (that.data.siteCheckPhotos.length > 0) {
- next = true;
- } else {
- next = false;
- msg = "站点状态检查照片为必填项,请至少要拍一张照片,请检查!";
- }
- if (next) {
- if (this.data.equipmentsReplaceItemsCheckBox.rtuReplace == 1) {
- if (this.data.rtuReplacePhotos.length > 0) {
- next = true;
- } else {
- next = false;
- msg = "更换RTU设备时,请至少要拍一张照片,请检查!";
- }
- }
- }
- if (next) {
- if (this.data.equipmentsReplaceItemsCheckBox.rainSensorReplace == 1) {
- if (this.data.rainSensorReplacePhotos.length > 0) {
- next = true;
- } else {
- next = false;
- msg = "更换雨量计时,请至少要拍一张照片,请检查!";
- }
- }
- }
- if (next) {
- if (this.data.equipmentsReplaceItemsCheckBox.waterSensorReplace == 1) {
- if (this.data.waterSensorReplacePhotos.length > 0) {
- next = true;
- } else {
- next = false;
- msg = "更换水位计时,请至少要拍一张照片,请检查!";
- }
- }
- }
- if (next) {
- if (this.data.equipmentsReplaceItemsCheckBox.groundSensorReplace == 1) {
- if (this.data.groundSensorReplacePhotos.length > 0) {
- next = true;
- } else {
- next = false;
- msg = "更换墒情计时,请至少要拍一张照片,请检查!";
- }
- }
- }
- if (next) {
- if (this.data.equipmentsReplaceItemsCheckBox.batteryReplace == 1) {
- if (this.data.batteryReplacePhotos.length > 0) {
- next = true;
- } else {
- next = false;
- msg = "更换蓄电池时,请至少要拍一张照片,请检查!";
- }
- }
- }
- if (next) {
- if (this.data.equipmentsReplaceItemsCheckBox.sunPowerReplace == 1) {
- if (this.data.sunPowerReplacePhotos.length > 0) {
- next = true;
- } else {
- next = false;
- msg = "更换太阳能板时,请至少要拍一张照片,请检查!";
- }
- }
- }
- if (next) {
- if (this.data.equipmentsReplaceItemsCheckBox.batteryControllerReplace == 1) {
- if (this.data.batteryControlReplacePhotos.length > 0) {
- next = true;
- } else {
- next = false;
- msg = "更换充电控制器时,请至少要拍一张照片,请检查!";
- }
- }
- }
- if (next) {
- if (this.data.equipmentsReplaceItemsCheckBox.otherEquipmentReplace == 1) {
- if (this.data.otherEquipmentReplacePhotos.length > 0) {
- next = true;
- } else {
- next = false;
- msg = "更换其他设备时,请至少要拍一张照片,请检查!";
- }
- }
- }
- if (next) {
- if (that.data.inspectionWorkPhotos.length > 0) {
- next = true;
- } else {
- next = false;
- msg = "巡检工作留存照片为必填项,请至少要拍一张整体的站点照片,请检查!";
- }
- }
- if (next) {
- that.submitData();
- } else {
- uni.showModal({
- content: msg,
- showCancel: false,
- success(res) {
- if (res.confirm) {
- }
- }
- });
- }
- } else {
- that.submitData();
- }
- }).catch(err => {
- console.log('表单错误信息:', err);
- uni.showModal({
- content: "内容填报错误,请根据提示信息检查录入内容!",
- showCancel: false,
- success(res) {
- if (res.confirm) {
- //that.$refs.baseForm.clearValidate();
- }
- }
- });
- })
- },
- submitData() {
- let formdata = this.formData;
- formdata['rtuCode'] = this.rtuCode;
- formdata['lng'] = this.data.lng;
- formdata['lat'] = this.data.lat;
- formdata['locationDesc'] = this.data.locationDesc;
- formdata['siteCheckItem'] = '' + this.data.siteCheckStatus.current;
- if (this.data.siteCheckPhotos.length > 0) {
- let photos = '';
- for (let i = 0; i < this.data.siteCheckPhotos.length; i++) {
- if (photos.length > 0) {
- photos = photos + ',';
- }
- photos = photos + this.data.siteCheckPhotos[i];
- }
- formdata['siteCheckPhotos'] = photos;
- }
- formdata['siteCheckRemark'] = this.data.siteCheckRemark;
- //雨量站点检查信息
- if (this.rtuInfo.isRain) {
- let items = '';
- if (this.data.rainSiteCheckItemsCheckBox.equipmentFaultCheck == 1) {
- items = items + '1'
- } else {
- items = items + '0';
- }
- items = items + ',';
- if (this.data.rainSiteCheckItemsCheckBox.equipmentClear == 1) {
- items = items + '1'
- } else {
- items = items + '0';
- }
- items = items + ',';
- if (this.data.rainSiteCheckItemsCheckBox.rainSensorCheck == 1) {
- items = items + '1'
- } else {
- items = items + '0';
- }
- formdata['rainSiteCheckItem'] = items;
- if (this.data.rainSiteCheckPhotos.length > 0) {
- let photos = '';
- for (let i = 0; i < this.data.rainSiteCheckPhotos.length; i++) {
- if (photos.length > 0) {
- photos = photos + ',';
- }
- photos = photos + this.data.rainSiteCheckPhotos[i];
- }
- formdata['rainSiteCheckPhotos'] = photos;
- }
- formdata['rainSiteCheckRemark'] = this.data.rainSiteCheckRemark;
- formdata['rainSiteCheckResult'] = this.data.rainSiteCheckStatus.current;
- }
- //水位站点检查信息
- if (this.rtuInfo.isRiver || this.rtuInfo.isRes) {
- let items = '';
- if (this.data.waterSiteCheckItemsCheckBox.equipmentFaultCheck == 1) {
- items = items + '1'
- } else {
- items = items + '0';
- }
- items = items + ',';
- if (this.data.waterSiteCheckItemsCheckBox.waterSensorCheck == 1) {
- items = items + '1'
- } else {
- items = items + '0';
- }
- formdata['waterSiteCheckItem'] = items;
- if (this.data.waterSiteCheckPhotos.length > 0) {
- let photos = '';
- for (let i = 0; i < this.data.waterSiteCheckPhotos.length; i++) {
- if (photos.length > 0) {
- photos = photos + ',';
- }
- photos = photos + this.data.waterSiteCheckPhotos[i];
- }
- formdata['waterSiteCheckPhotos'] = photos;
- }
- formdata['waterSiteCheckRemark'] = this.data.waterSiteCheckRemark;
- formdata['waterSiteCheckResult'] = this.data.waterSiteCheckStatus.current;
- }
- //墒情站点检查信息
- if (this.rtuInfo.isGround) {
- let items = '';
- if (this.data.groundSiteCheckItemsCheckBox.equipmentFaultCheck == 1) {
- items = items + '1'
- } else {
- items = items + '0';
- }
- items = items + ',';
- if (this.data.groundSiteCheckItemsCheckBox.groundSensorCheck == 1) {
- items = items + '1'
- } else {
- items = items + '0';
- }
- formdata['groundSiteCheckItem'] = items;
- if (this.data.groundSiteCheckPhotos.length > 0) {
- let photos = '';
- for (let i = 0; i < this.data.groundSiteCheckPhotos.length; i++) {
- if (photos.length > 0) {
- photos = photos + ',';
- }
- photos = photos + this.data.groundSiteCheckPhotos[i];
- }
- formdata['groundSiteCheckPhotos'] = photos;
- }
- formdata['groundSiteCheckRemark'] = this.data.groundSiteCheckRemark;
- formdata['groundSiteCheckResult'] = this.data.groundSiteCheckStatus.current;
- }
- //其他设备检查信息
- let otheritems = '';
- if (this.data.othersEquipmentCheckItemsCheckBox.equipmentGroundWireCheck == 1) {
- otheritems = otheritems + '1'
- } else {
- otheritems = otheritems + '0';
- }
- otheritems = otheritems + ',';
- if (this.data.othersEquipmentCheckItemsCheckBox.bvCheck == 1) {
- otheritems = otheritems + '1'
- } else {
- otheritems = otheritems + '0';
- }
- otheritems = otheritems + ',';
- if (this.data.othersEquipmentCheckItemsCheckBox.sunPowerCheck == 1) {
- otheritems = otheritems + '1'
- } else {
- otheritems = otheritems + '0';
- }
- otheritems = otheritems + ',';
- if (this.data.othersEquipmentCheckItemsCheckBox.btCheck == 1) {
- otheritems = otheritems + '1'
- } else {
- otheritems = otheritems + '0';
- }
- otheritems = otheritems + ',';
- if (this.data.othersEquipmentCheckItemsCheckBox.netCheck == 1) {
- otheritems = otheritems + '1'
- } else {
- otheritems = otheritems + '0';
- }
- formdata['otherEquipmentCheckItem'] = otheritems;
- if (this.data.othersEquipmentCheckPhotos.length > 0) {
- let photos = '';
- for (let i = 0; i < this.data.othersEquipmentCheckPhotos.length; i++) {
- if (photos.length > 0) {
- photos = photos + ',';
- }
- photos = photos + this.data.othersEquipmentCheckPhotos[i];
- }
- formdata['otherEquipmentCheckPhotos'] = photos;
- }
- formdata['otherEquipmentCheckRemark'] = this.data.othersEquipmentCheckRemark;
- formdata['otherEquipmentCheckResult'] = this.data.othersEquipmentCheckStatus.current;
- formdata['rtuReplace'] = this.data.equipmentsReplaceItemsCheckBox.rtuReplace;
- if (this.data.equipmentsReplaceItemsCheckBox.rtuReplace == 1) {
- formdata['rtuModelRemark'] = this.data.rtuModelRemark;
- if (this.data.rtuReplacePhotos.length > 0) {
- let photos = '';
- for (let i = 0; i < this.data.rtuReplacePhotos.length; i++) {
- if (photos.length > 0) {
- photos = photos + ',';
- }
- photos = photos + this.data.rtuReplacePhotos[i];
- }
- formdata['rtuReplacePhotos'] = photos;
- }
- }
- formdata['rainSensorReplace'] = this.data.equipmentsReplaceItemsCheckBox.rainSensorReplace;
- if (this.data.equipmentsReplaceItemsCheckBox.rainSensorReplace == 1) {
- formdata['rainSensorModelRemark'] = this.data.rainSensorModelRemark;
- if (this.data.rainSensorReplacePhotos.length > 0) {
- let photos = '';
- for (let i = 0; i < this.data.rainSensorReplacePhotos.length; i++) {
- if (photos.length > 0) {
- photos = photos + ',';
- }
- photos = photos + this.data.rainSensorReplacePhotos[i];
- }
- formdata['rainSensorReplacePhotos'] = photos;
- }
- }
- formdata['waterSensorReplace'] = this.data.equipmentsReplaceItemsCheckBox.waterSensorReplace;
- if (this.data.equipmentsReplaceItemsCheckBox.waterSensorReplace == 1) {
- formdata['waterSensorModelRemark'] = this.data.waterSensorModelRemark;
- if (this.data.waterSensorReplacePhotos.length > 0) {
- let photos = '';
- for (let i = 0; i < this.data.waterSensorReplacePhotos.length; i++) {
- if (photos.length > 0) {
- photos = photos + ',';
- }
- photos = photos + this.data.waterSensorReplacePhotos[i];
- }
- formdata['waterSensorReplacePhotos'] = photos;
- }
- }
- formdata['groundSensorReplace'] = this.data.equipmentsReplaceItemsCheckBox.groundSensorReplace;
- if (this.data.equipmentsReplaceItemsCheckBox.groundSensorReplace == 1) {
- formdata['groundSensorModelRemark'] = this.data.groundSensorModelRemark;
- if (this.data.groundSensorReplacePhotos.length > 0) {
- let photos = '';
- for (let i = 0; i < this.data.groundSensorReplacePhotos.length; i++) {
- if (photos.length > 0) {
- photos = photos + ',';
- }
- photos = photos + this.data.groundSensorReplacePhotos[i];
- }
- formdata['groundSensorReplacePhotos'] = photos;
- }
- }
- formdata['batteryReplace'] = this.data.equipmentsReplaceItemsCheckBox.batteryReplace;
- if (this.data.equipmentsReplaceItemsCheckBox.batteryReplace == 1) {
- formdata['batteryModelRemark'] = this.data.batteryModelRemark;
- if (this.data.batteryReplacePhotos.length > 0) {
- let photos = '';
- for (let i = 0; i < this.data.batteryReplacePhotos.length; i++) {
- if (photos.length > 0) {
- photos = photos + ',';
- }
- photos = photos + this.data.batteryReplacePhotos[i];
- }
- formdata['batteryReplacePhotos'] = photos;
- }
- }
- formdata['sunPowerReplace'] = this.data.equipmentsReplaceItemsCheckBox.sunPowerReplace;
- if (this.data.equipmentsReplaceItemsCheckBox.sunPowerReplace == 1) {
- formdata['sunPowerModelRemark'] = this.data.sunPowerModelRemark;
- if (this.data.sunPowerReplacePhotos.length > 0) {
- let photos = '';
- for (let i = 0; i < this.data.sunPowerReplacePhotos.length; i++) {
- if (photos.length > 0) {
- photos = photos + ',';
- }
- photos = photos + this.data.sunPowerReplacePhotos[i];
- }
- formdata['sunPowerReplacePhotos'] = photos;
- }
- }
- formdata['batteryControllerReplace'] = this.data.equipmentsReplaceItemsCheckBox.batteryControllerReplace;
- if (this.data.equipmentsReplaceItemsCheckBox.batteryControllerReplace == 1) {
- formdata['batteryControllerModelRemark'] = this.data.batteryControlModelRemark;
- if (this.data.batteryControlReplacePhotos.length > 0) {
- let photos = '';
- for (let i = 0; i < this.data.batteryControlReplacePhotos.length; i++) {
- if (photos.length > 0) {
- photos = photos + ',';
- }
- photos = photos + this.data.batteryControlReplacePhotos[i];
- }
- formdata['batteryControllerReplacePhotos'] = photos;
- }
- }
- formdata['otherEquipmentReplace'] = this.data.equipmentsReplaceItemsCheckBox.otherEquipmentReplace;
- if (this.data.equipmentsReplaceItemsCheckBox.otherEquipmentReplace == 1) {
- formdata['otherEquipmentModelRemark'] = this.data.otherEquipmentModelRemark;
- if (this.data.otherEquipmentReplacePhotos.length > 0) {
- let photos = '';
- for (let i = 0; i < this.data.otherEquipmentReplacePhotos.length; i++) {
- if (photos.length > 0) {
- photos = photos + ',';
- }
- photos = photos + this.data.otherEquipmentReplacePhotos[i];
- }
- formdata['otherEquipmentReplacePhotos'] = photos;
- }
- }
- formdata['remainQuestion'] = this.data.inspectionRemainProblemsRemark;
- if (this.data.inspectionWorkPhotos.length > 0) {
- let photos = '';
- for (let i = 0; i < this.data.inspectionWorkPhotos.length; i++) {
- if (photos.length > 0) {
- photos = photos + ',';
- }
- photos = photos + this.data.inspectionWorkPhotos[i];
- }
- formdata['inspectionWorkPhotos'] = photos;
- }
- console.log('toSubmit事件:', JSON.stringify(formdata));
- let that = this;
- http.request({
- url: '/galaxy-business/equipment/inspection/report/save',
- method: 'POST',
- data: formdata
- }).then(res => {
- console.log('res ', JSON.stringify(res));
- if (res.success) {
- if (res.data.code == 0) {
- that.clearCache();
- uni.showModal({
- content: '填报信息已成功提交',
- showCancel: false,
- success(res) {
- if (res.confirm) {
- uni.navigateBack();
- }
- }
- });
- } else {
- uni.showModal({
- content: '提交失败',
- showCancel: false
- });
- }
- } else {
- uni.showModal({
- content: '提交失败',
- showCancel: false
- });
- }
- }).catch(err => {
- // console.log('errr3',JSON.stringify(err));
- uni.showModal({
- content: '' + err.data.msg,
- showCancel: false
- });
- })
- },
- //站点状态检查项
- onSiteCheckStatusRadioChange: function(evt) {
- for (let i = 0; i < this.data.siteCheckStatus.items.length; i++) {
- if (this.data.siteCheckStatus.items[i].id === evt.detail.value) {
- this.data.siteCheckStatus.current = i;
- break;
- }
- }
- },
- //雨量站检查项
- onRainSiteCheckboxChange: function(evt) {
- this.data.rainSiteCheckItemsCheckBox.equipmentFaultCheck = 0;
- this.data.rainSiteCheckItemsCheckBox.equipmentClear = 0;
- this.data.rainSiteCheckItemsCheckBox.rainSensorCheck = 0;
- for (let i = 0; i < evt.detail.value.length; i++) {
- let c = evt.detail.value[i];
- if (c === '0') {
- this.data.rainSiteCheckItemsCheckBox.equipmentFaultCheck = 1;
- } else if (c === '1') {
- this.data.rainSiteCheckItemsCheckBox.equipmentClear = 1;
- } else if (c === '2') {
- this.data.rainSiteCheckItemsCheckBox.rainSensorCheck = 1;
- }
- }
- },
- //雨量站检查结果
- onRainSiteCheckStatusRadioChange: function(evt) {
- for (let i = 0; i < this.data.rainSiteCheckStatus.items.length; i++) {
- if (this.data.rainSiteCheckStatus.items[i].id === evt.detail.value) {
- this.data.rainSiteCheckStatus.current = i;
- break;
- }
- }
- },
- //水位站检查项
- onWaterSiteCheckboxChange: function(evt) {
- this.data.waterSiteCheckItemsCheckBox.equipmentFaultCheck = 0;
- this.data.waterSiteCheckItemsCheckBox.waterSensorCheck = 0;
- for (let i = 0; i < evt.detail.value.length; i++) {
- let c = evt.detail.value[i];
- if (c === '0') {
- this.data.waterSiteCheckItemsCheckBox.equipmentFaultCheck = 1;
- } else if (c === '1') {
- this.data.waterSiteCheckItemsCheckBox.waterSensorCheck = 1;
- }
- }
- },
- //水位站检查结果
- onWaterSiteCheckStatusRadioChange: function(evt) {
- for (let i = 0; i < this.data.waterSiteCheckStatus.items.length; i++) {
- if (this.data.waterSiteCheckStatus.items[i].id === evt.detail.value) {
- this.data.waterSiteCheckStatus.current = i;
- break;
- }
- }
- },
- //墒情站检查项
- onGroundSiteCheckboxChange: function(evt) {
- this.data.groundSiteCheckItemsCheckBox.equipmentFaultCheck = 0;
- this.data.groundSiteCheckItemsCheckBox.groundSensorCheck = 0;
- for (let i = 0; i < evt.detail.value.length; i++) {
- let c = evt.detail.value[i];
- if (c === '0') {
- this.data.groundSiteCheckItemsCheckBox.equipmentFaultCheck = 1;
- } else if (c === '1') {
- this.data.groundSiteCheckItemsCheckBox.groundSensorCheck = 1;
- }
- }
- },
- //墒情站检查结果
- onGroundSiteCheckStatusRadioChange: function(evt) {
- for (let i = 0; i < this.data.groundSiteCheckStatus.items.length; i++) {
- if (this.data.groundSiteCheckStatus.items[i].id === evt.detail.value) {
- this.data.groundSiteCheckStatus.current = i;
- break;
- }
- }
- },
- //其他设备检查项
- onOthersEquipmentCheckboxChange: function(evt) {
- this.data.othersEquipmentCheckItemsCheckBox.equipmentGroundWireCheck = 0;
- this.data.othersEquipmentCheckItemsCheckBox.bvCheck = 0;
- this.data.othersEquipmentCheckItemsCheckBox.sunPowerCheck = 0;
- this.data.othersEquipmentCheckItemsCheckBox.btCheck = 0;
- this.data.othersEquipmentCheckItemsCheckBox.netCheck = 0;
- for (let i = 0; i < evt.detail.value.length; i++) {
- let c = evt.detail.value[i];
- if (c === '0') {
- this.data.othersEquipmentCheckItemsCheckBox.equipmentGroundWireCheck = 1;
- } else if (c === '1') {
- this.data.othersEquipmentCheckItemsCheckBox.bvCheck = 1;
- } else if (c === '2') {
- this.data.othersEquipmentCheckItemsCheckBox.sunPowerCheck = 1;
- } else if (c === '3') {
- this.data.othersEquipmentCheckItemsCheckBox.btCheck = 1;
- } else if (c === '4') {
- this.data.othersEquipmentCheckItemsCheckBox.netCheck = 1;
- }
- }
- },
- //其他设备检查结果
- onOthersEquipmentCheckStatusRadioChange: function(evt) {
- for (let i = 0; i < this.data.othersEquipmentCheckStatus.items.length; i++) {
- if (this.data.othersEquipmentCheckStatus.items[i].id === evt.detail.value) {
- this.data.othersEquipmentCheckStatus.current = i;
- break;
- }
- }
- },
- //设备更换
- onEquipmentReplaceCheckboxChange: function(evt) {
- this.data.equipmentsReplaceItemsCheckBox.rtuReplace = 0;
- this.data.equipmentsReplaceItemsCheckBox.rainSensorReplace = 0;
- this.data.equipmentsReplaceItemsCheckBox.waterSensorReplace = 0;
- this.data.equipmentsReplaceItemsCheckBox.groundSensorReplace = 0;
- this.data.equipmentsReplaceItemsCheckBox.batteryReplace = 0;
- this.data.equipmentsReplaceItemsCheckBox.sunPowerReplace = 0;
- this.data.equipmentsReplaceItemsCheckBox.batteryControllerReplace = 0;
- this.data.equipmentsReplaceItemsCheckBox.otherEquipmentReplace = 0;
- for (let i = 0; i < evt.detail.value.length; i++) {
- let c = evt.detail.value[i];
- if (c === '0') {
- this.data.equipmentsReplaceItemsCheckBox.rtuReplace = 1;
- } else if (c === '1') {
- this.data.equipmentsReplaceItemsCheckBox.rainSensorReplace = 1;
- } else if (c === '2') {
- this.data.equipmentsReplaceItemsCheckBox.waterSensorReplace = 1;
- } else if (c === '3') {
- this.data.equipmentsReplaceItemsCheckBox.groundSensorReplace = 1;
- } else if (c === '4') {
- this.data.equipmentsReplaceItemsCheckBox.batteryReplace = 1;
- } else if (c === '5') {
- this.data.equipmentsReplaceItemsCheckBox.sunPowerReplace = 1;
- } else if (c === '6') {
- this.data.equipmentsReplaceItemsCheckBox.batteryControllerReplace = 1;
- } else if (c === '7') {
- this.data.equipmentsReplaceItemsCheckBox.otherEquipmentReplace = 1;
- }
- }
- },
- onSiteCheckPhotoAdd() {
- let that = this;
- uni.chooseImage({
- sourceType: ['camera'],
- sizeType: ['compressed'],
- success: (res) => {
- const len = res.tempFilePaths.length;
- if (len === 1) {
- res.tempFilePaths.forEach(path => {
- that.uploadSiteCheckPhoto(path);
- })
- } else {
- uni.showModal({
- content: '只能选择一张图片,请确认!',
- showCancel: false
- });
- }
- }
- })
- },
- uploadSiteCheckPhoto(imagePath) {
- let that = this;
- uni.showLoading({
- title: '上传中'
- });
- uni.uploadFile({
- url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
- uni.getStorageSync('accessToken'),
- fileType: 'image',
- filePath: imagePath,
- name: 'file',
- success: (uploadFileRes) => {
- if (uploadFileRes.statusCode == 200) {
- let data = JSON.parse(uploadFileRes.data);
- if (data.success) {
- let path = data.data['name'];
- that.data.siteCheckPhotos.push(path);
- }
- }
- },
- fail: (err) => {
- console.log(err);
- reject('err')
- },
- complete() {
- uni.hideLoading()
- }
- });
- },
- onSiteCheckPhotoDel(index) {
- this.data.siteCheckPhotos.splice(index, 1);
- },
- onRainSiteCheckPhotoAdd() {
- let that = this;
- uni.chooseImage({
- sourceType: ['camera'],
- sizeType: ['compressed'],
- success: (res) => {
- const len = res.tempFilePaths.length;
- if (len === 1) {
- res.tempFilePaths.forEach(path => {
- that.uploadRainSiteCheckPhoto(path);
- })
- } else {
- uni.showModal({
- content: '只能选择一张图片,请确认!',
- showCancel: false
- });
- }
- }
- })
- },
- uploadRainSiteCheckPhoto(imagePath) {
- let that = this;
- uni.showLoading({
- title: '上传中'
- });
- uni.uploadFile({
- url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
- uni.getStorageSync('accessToken'),
- fileType: 'image',
- filePath: imagePath,
- name: 'file',
- success: (uploadFileRes) => {
- if (uploadFileRes.statusCode == 200) {
- let data = JSON.parse(uploadFileRes.data);
- if (data.success) {
- let path = data.data['name'];
- that.data.rainSiteCheckPhotos.push(path);
- }
- }
- },
- fail: (err) => {
- console.log(err);
- reject('err')
- },
- complete() {
- uni.hideLoading()
- }
- });
- },
- onRainSitePhotoDel(index) {
- this.data.rainSiteCheckPhotos.splice(index, 1);
- },
- onWaterSiteCheckPhotoAdd() {
- let that = this;
- uni.chooseImage({
- sourceType: ['camera'],
- sizeType: ['compressed'],
- success: (res) => {
- const len = res.tempFilePaths.length;
- if (len === 1) {
- res.tempFilePaths.forEach(path => {
- that.uploadWaterSiteCheckPhoto(path);
- })
- } else {
- uni.showModal({
- content: '只能选择一张图片,请确认!',
- showCancel: false
- });
- }
- }
- })
- },
- uploadWaterSiteCheckPhoto(imagePath) {
- let that = this;
- uni.showLoading({
- title: '上传中'
- });
- uni.uploadFile({
- url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
- uni.getStorageSync('accessToken'),
- fileType: 'image',
- filePath: imagePath,
- name: 'file',
- success: (uploadFileRes) => {
- if (uploadFileRes.statusCode == 200) {
- let data = JSON.parse(uploadFileRes.data);
- if (data.success) {
- let path = data.data['name'];
- that.data.waterSiteCheckPhotos.push(path);
- }
- }
- },
- fail: (err) => {
- console.log(err);
- reject('err')
- },
- complete() {
- uni.hideLoading()
- }
- });
- },
- onWaterSitePhotoDel(index) {
- this.data.waterSiteCheckPhotos.splice(index, 1);
- },
- onGroundSiteCheckPhotoAdd() {
- let that = this;
- uni.chooseImage({
- sourceType: ['camera'],
- sizeType: ['compressed'],
- success: (res) => {
- const len = res.tempFilePaths.length;
- if (len === 1) {
- res.tempFilePaths.forEach(path => {
- that.uploadGroundSiteCheckPhoto(path);
- })
- } else {
- uni.showModal({
- content: '只能选择一张图片,请确认!',
- showCancel: false
- });
- }
- }
- })
- },
- uploadGroundSiteCheckPhoto(imagePath) {
- let that = this;
- uni.showLoading({
- title: '上传中'
- });
- uni.uploadFile({
- url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
- uni.getStorageSync('accessToken'),
- fileType: 'image',
- filePath: imagePath,
- name: 'file',
- success: (uploadFileRes) => {
- if (uploadFileRes.statusCode == 200) {
- let data = JSON.parse(uploadFileRes.data);
- if (data.success) {
- let path = data.data['name'];
- that.data.groundSiteCheckPhotos.push(path);
- }
- }
- },
- fail: (err) => {
- console.log(err);
- reject('err')
- },
- complete() {
- uni.hideLoading()
- }
- });
- },
- onGroundSitePhotoDel(index) {
- this.data.groundSiteCheckPhotos.splice(index, 1);
- },
- onOthersEquipmentCheckPhotoAdd() {
- let that = this;
- uni.chooseImage({
- sourceType: ['camera'],
- sizeType: ['compressed'],
- success: (res) => {
- const len = res.tempFilePaths.length;
- if (len === 1) {
- res.tempFilePaths.forEach(path => {
- that.uploadOthersEquipmentCheckPhoto(path);
- })
- } else {
- uni.showModal({
- content: '只能选择一张图片,请确认!',
- showCancel: false
- });
- }
- }
- })
- },
- uploadOthersEquipmentCheckPhoto(imagePath) {
- let that = this;
- uni.showLoading({
- title: '上传中'
- });
- uni.uploadFile({
- url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
- uni.getStorageSync('accessToken'),
- fileType: 'image',
- filePath: imagePath,
- name: 'file',
- success: (uploadFileRes) => {
- if (uploadFileRes.statusCode == 200) {
- let data = JSON.parse(uploadFileRes.data);
- if (data.success) {
- let path = data.data['name'];
- that.data.othersEquipmentCheckPhotos.push(path);
- }
- }
- },
- fail: (err) => {
- console.log(err);
- reject('err')
- },
- complete() {
- uni.hideLoading()
- }
- });
- },
- onOthersEquipmentPhotoDel(index) {
- this.data.othersEquipmentCheckPhotos.splice(index, 1);
- },
- onInspectionWorkCheckPhotoAdd() {
- let that = this;
- uni.chooseImage({
- sourceType: ['camera'],
- sizeType: ['compressed'],
- success: (res) => {
- const len = res.tempFilePaths.length;
- if (len === 1) {
- res.tempFilePaths.forEach(path => {
- that.uploadInspectionWorkCheckPhoto(path);
- })
- } else {
- uni.showModal({
- content: '只能选择一张图片,请确认!',
- showCancel: false
- });
- }
- }
- })
- },
- uploadInspectionWorkCheckPhoto(imagePath) {
- let that = this;
- uni.showLoading({
- title: '上传中'
- });
- uni.uploadFile({
- url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
- uni.getStorageSync('accessToken'),
- fileType: 'image',
- filePath: imagePath,
- name: 'file',
- success: (uploadFileRes) => {
- if (uploadFileRes.statusCode == 200) {
- let data = JSON.parse(uploadFileRes.data);
- if (data.success) {
- let path = data.data['name'];
- that.data.inspectionWorkPhotos.push(path);
- }
- }
- },
- fail: (err) => {
- console.log(err);
- reject('err')
- },
- complete() {
- uni.hideLoading()
- }
- });
- },
- onInspectionWorkPhotoDel(index) {
- this.data.inspectionWorkPhotos.splice(index, 1);
- },
- onRtuReplacePhotoDel(index) {
- this.data.rtuReplacePhotos.splice(index, 1);
- },
- onRtuReplacePhotoAdd() {
- let that = this;
- uni.chooseImage({
- sourceType: ['camera'],
- sizeType: ['compressed'],
- success: (res) => {
- const len = res.tempFilePaths.length;
- if (len === 1) {
- res.tempFilePaths.forEach(path => {
- that.uploadRtuReplacePhoto(path);
- })
- } else {
- uni.showModal({
- content: '只能选择一张图片,请确认!',
- showCancel: false
- });
- }
- }
- })
- },
- uploadRtuReplacePhoto(imagePath) {
- let that = this;
- uni.showLoading({
- title: '上传中'
- });
- uni.uploadFile({
- url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
- uni.getStorageSync('accessToken'),
- fileType: 'image',
- filePath: imagePath,
- name: 'file',
- success: (uploadFileRes) => {
- if (uploadFileRes.statusCode == 200) {
- let data = JSON.parse(uploadFileRes.data);
- if (data.success) {
- let path = data.data['name'];
- that.data.rtuReplacePhotos.push(path);
- }
- }
- },
- fail: (err) => {
- console.log(err);
- reject('err')
- },
- complete() {
- uni.hideLoading()
- }
- });
- },
- onRainSensorReplacePhotoDel(index) {
- this.data.rainSensorReplacePhotos.splice(index, 1);
- },
- onRainSensorReplacePhotoAdd() {
- let that = this;
- uni.chooseImage({
- sourceType: ['camera'],
- sizeType: ['compressed'],
- success: (res) => {
- const len = res.tempFilePaths.length;
- if (len === 1) {
- res.tempFilePaths.forEach(path => {
- that.uploadRainSensorReplacePhoto(path);
- })
- } else {
- uni.showModal({
- content: '只能选择一张图片,请确认!',
- showCancel: false
- });
- }
- }
- })
- },
- uploadRainSensorReplacePhoto(imagePath) {
- let that = this;
- uni.showLoading({
- title: '上传中'
- });
- uni.uploadFile({
- url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
- uni.getStorageSync('accessToken'),
- fileType: 'image',
- filePath: imagePath,
- name: 'file',
- success: (uploadFileRes) => {
- if (uploadFileRes.statusCode == 200) {
- let data = JSON.parse(uploadFileRes.data);
- if (data.success) {
- let path = data.data['name'];
- that.data.rainSensorReplacePhotos.push(path);
- }
- }
- },
- fail: (err) => {
- console.log(err);
- reject('err')
- },
- complete() {
- uni.hideLoading()
- }
- });
- },
- onWaterSensorReplacePhotoDel(index) {
- this.data.waterSensorReplacePhotos.splice(index, 1);
- },
- onWaterSensorReplacePhotoAdd() {
- let that = this;
- uni.chooseImage({
- sourceType: ['camera'],
- sizeType: ['compressed'],
- success: (res) => {
- const len = res.tempFilePaths.length;
- if (len === 1) {
- res.tempFilePaths.forEach(path => {
- that.uploadWaterSensorReplacePhoto(path);
- })
- } else {
- uni.showModal({
- content: '只能选择一张图片,请确认!',
- showCancel: false
- });
- }
- }
- })
- },
- uploadWaterSensorReplacePhoto(imagePath) {
- let that = this;
- uni.showLoading({
- title: '上传中'
- });
- uni.uploadFile({
- url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
- uni.getStorageSync('accessToken'),
- fileType: 'image',
- filePath: imagePath,
- name: 'file',
- success: (uploadFileRes) => {
- if (uploadFileRes.statusCode == 200) {
- let data = JSON.parse(uploadFileRes.data);
- if (data.success) {
- let path = data.data['name'];
- that.data.waterSensorReplacePhotos.push(path);
- }
- }
- },
- fail: (err) => {
- console.log(err);
- reject('err')
- },
- complete() {
- uni.hideLoading()
- }
- });
- },
- onGroundSensorReplacePhotoDel(index) {
- this.data.groundSensorReplacePhotos.splice(index, 1);
- },
- onGroundSensorReplacePhotoAdd() {
- let that = this;
- uni.chooseImage({
- sourceType: ['camera'],
- sizeType: ['compressed'],
- success: (res) => {
- const len = res.tempFilePaths.length;
- if (len === 1) {
- res.tempFilePaths.forEach(path => {
- that.uploadGroundSensorReplacePhoto(path);
- })
- } else {
- uni.showModal({
- content: '只能选择一张图片,请确认!',
- showCancel: false
- });
- }
- }
- })
- },
- uploadGroundSensorReplacePhoto(imagePath) {
- let that = this;
- uni.showLoading({
- title: '上传中'
- });
- uni.uploadFile({
- url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
- uni.getStorageSync('accessToken'),
- fileType: 'image',
- filePath: imagePath,
- name: 'file',
- success: (uploadFileRes) => {
- if (uploadFileRes.statusCode == 200) {
- let data = JSON.parse(uploadFileRes.data);
- if (data.success) {
- let path = data.data['name'];
- that.data.groundSensorReplacePhotos.push(path);
- }
- }
- },
- fail: (err) => {
- console.log(err);
- reject('err')
- },
- complete() {
- uni.hideLoading()
- }
- });
- },
- onBatteryReplacePhotoDel(index) {
- this.data.batteryReplacePhotos.splice(index, 1);
- },
- onBatteryReplacePhotoAdd() {
- let that = this;
- uni.chooseImage({
- sourceType: ['camera'],
- sizeType: ['compressed'],
- success: (res) => {
- const len = res.tempFilePaths.length;
- if (len === 1) {
- res.tempFilePaths.forEach(path => {
- that.uploadBatteryReplacePhoto(path);
- })
- } else {
- uni.showModal({
- content: '只能选择一张图片,请确认!',
- showCancel: false
- });
- }
- }
- })
- },
- uploadBatteryReplacePhoto(imagePath) {
- let that = this;
- uni.showLoading({
- title: '上传中'
- });
- uni.uploadFile({
- url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
- uni.getStorageSync('accessToken'),
- fileType: 'image',
- filePath: imagePath,
- name: 'file',
- success: (uploadFileRes) => {
- if (uploadFileRes.statusCode == 200) {
- let data = JSON.parse(uploadFileRes.data);
- if (data.success) {
- let path = data.data['name'];
- that.data.batteryReplacePhotos.push(path);
- }
- }
- },
- fail: (err) => {
- console.log(err);
- reject('err')
- },
- complete() {
- uni.hideLoading()
- }
- });
- },
- onSunPowerReplacePhotoDel(index) {
- this.data.sunPowerReplacePhotos.splice(index, 1);
- },
- onSunPowerReplacePhotoAdd() {
- let that = this;
- uni.chooseImage({
- sourceType: ['camera'],
- sizeType: ['compressed'],
- success: (res) => {
- const len = res.tempFilePaths.length;
- if (len === 1) {
- res.tempFilePaths.forEach(path => {
- that.uploadSunPowerReplacePhoto(path);
- })
- } else {
- uni.showModal({
- content: '只能选择一张图片,请确认!',
- showCancel: false
- });
- }
- }
- })
- },
- uploadSunPowerReplacePhoto(imagePath) {
- let that = this;
- uni.showLoading({
- title: '上传中'
- });
- uni.uploadFile({
- url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
- uni.getStorageSync('accessToken'),
- fileType: 'image',
- filePath: imagePath,
- name: 'file',
- success: (uploadFileRes) => {
- if (uploadFileRes.statusCode == 200) {
- let data = JSON.parse(uploadFileRes.data);
- if (data.success) {
- let path = data.data['name'];
- that.data.sunPowerReplacePhotos.push(path);
- }
- }
- },
- fail: (err) => {
- console.log(err);
- reject('err')
- },
- complete() {
- uni.hideLoading()
- }
- });
- },
- onBatteryControllerReplacePhotoDel(index) {
- this.data.batteryControlReplacePhotos.splice(index, 1);
- },
- onBatteryControllerReplacePhotoAdd() {
- let that = this;
- uni.chooseImage({
- sourceType: ['camera'],
- sizeType: ['compressed'],
- success: (res) => {
- const len = res.tempFilePaths.length;
- if (len === 1) {
- res.tempFilePaths.forEach(path => {
- that.uploadBatteryControllerReplacePhoto(path);
- })
- } else {
- uni.showModal({
- content: '只能选择一张图片,请确认!',
- showCancel: false
- });
- }
- }
- })
- },
- uploadBatteryControllerReplacePhoto(imagePath) {
- let that = this;
- uni.showLoading({
- title: '上传中'
- });
- uni.uploadFile({
- url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
- uni.getStorageSync('accessToken'),
- fileType: 'image',
- filePath: imagePath,
- name: 'file',
- success: (uploadFileRes) => {
- if (uploadFileRes.statusCode == 200) {
- let data = JSON.parse(uploadFileRes.data);
- if (data.success) {
- let path = data.data['name'];
- that.data.batteryControlReplacePhotos.push(path);
- }
- }
- },
- fail: (err) => {
- console.log(err);
- reject('err')
- },
- complete() {
- uni.hideLoading()
- }
- });
- },
- onOtherEquipmentReplacePhotoDel(index) {
- this.data.otherEquipmentReplacePhotos.splice(index, 1);
- },
- onOtherEquipmentReplacePhotoAdd() {
- let that = this;
- uni.chooseImage({
- sourceType: ['camera'],
- sizeType: ['compressed'],
- success: (res) => {
- const len = res.tempFilePaths.length;
- if (len === 1) {
- res.tempFilePaths.forEach(path => {
- that.uploadOtherEquipmentReplacePhoto(path);
- })
- } else {
- uni.showModal({
- content: '只能选择一张图片,请确认!',
- showCancel: false
- });
- }
- }
- })
- },
- uploadOtherEquipmentReplacePhoto(imagePath) {
- let that = this;
- uni.showLoading({
- title: '上传中'
- });
- uni.uploadFile({
- url: this.baseURL + '/galaxy-resource/oss/endpoint/put-file-attach?Blade-Auth=' +
- uni.getStorageSync('accessToken'),
- fileType: 'image',
- filePath: imagePath,
- name: 'file',
- success: (uploadFileRes) => {
- if (uploadFileRes.statusCode == 200) {
- let data = JSON.parse(uploadFileRes.data);
- if (data.success) {
- let path = data.data['name'];
- that.data.otherEquipmentReplacePhotos.push(path);
- }
- }
- },
- fail: (err) => {
- console.log(err);
- reject('err')
- },
- complete() {
- uni.hideLoading()
- }
- });
- },
- }
- }
- </script>
- <style>
- /* page {
- background-color: rgb(240, 242, 244);
- } */
- </style>
- <style lang="scss" scoped>
- .cell-hover-class {
- background-color: rgb(235, 237, 238);
- }
- .view-flex-rs {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: center;
- }
- .view-flex-rs-flex-wrap {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- flex-wrap: wrap;
- }
- .view-flex-rc {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- }
- .view-flex-re {
- display: flex;
- flex-direction: row;
- justify-content: flex-end;
- align-items: center;
- }
- .view-flex-cs {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: center;
- }
- .view-flex-cc {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
- .view-flex-ce {
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- align-items: center;
- }
- .line-body {
- padding-left: 10px;
- padding-right: 10px;
- }
- .required-star {
- color: #FF0000;
- font-size: 15px;
- width: 20px;
- text-align: center;
- padding-left: 0px;
- padding-right: 2px;
- }
- .item-title {
- color: #909399;
- font-size: 15px;
- }
- .mline-text {
- padding-left: 2px;
- width: 100%;
- /* background-color:#909399; */
- height: 70px;
- border: 1px solid #FF5A5F;
- border-radius: 5px;
- }
- .footer {
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 1;
- height: 100rpx;
- padding: 20rpx;
- box-sizing: border-box;
- display: flex;
- align-items: center;
- justify-content: flex-end;
- background-color: whitesmoke;
- .ipt {
- width: 380rpx;
- height: 77rpx;
- background: #f7f7f7;
- border-radius: 38px;
- padding: 0 37rpx;
- box-sizing: border-box;
- margin-right: 20rpx;
- }
- .control {
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: flex-end;
- .block {
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 1;
- }
- .icon {
- height: auto;
- }
- .c {
- width: 41rpx;
- margin-right: 10rpx;
- }
- .s {
- width: 36rpx;
- }
- .t {
- width: 31rpx;
- }
- }
- }
- .container {
- padding: 0 0 100rpx;
- }
- .img-container {
- margin-bottom: 0px;
- width: 100px;
- height: 100px;
- .note-image-box {
- margin-top: 0px;
- display: flex;
- flex-wrap: wrap;
- padding: 10px;
- .note-image-item {
- position: relative;
- width: 100%;
- height: 0;
- padding-top: 100%;
- box-sizing: border-box;
- // background-color: #18B566;
- .close-icon {
- display: flex;
- justify-content: center;
- align-items: center;
- position: absolute;
- right: 0px;
- top: 0px;
- width: 22px;
- height: 22px;
- border-radius: 50%;
- background-color: #d5d5d5;
- z-index: 2;
- }
- .image-box {
- display: flex;
- justify-content: center;
- align-items: center;
- position: absolute;
- top: 0px;
- right: 0px;
- border: 0px;
- left: 0px;
- border: 1px #eee solid;
- border-radius: 5px;
- overflow: hidden;
- width: 99%;
- height: 99%;
- }
- }
- }
- }
- .input-body {
- background-color: #fff;
- padding: 10px;
- }
- .decoration {
- width: 6px;
- height: 6px;
- margin-right: 4px;
- border-radius: 50%;
- background-color: cadetblue;
- }
- </style>
|