tranManagementWarehouseInOutTaskAdd.vue 58 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928
  1. // 创建出入库任务
  2. <template>
  3. <div class="container">
  4. <el-row>
  5. <el-col :span="12">
  6. <h2 class="bg-left title">创建出入库任务</h2>
  7. </el-col>
  8. <el-col :span="12" class="bg-right">
  9. <el-button class="bg-bottom" type="primary" size="small" @click="returnsales()">
  10. <img width="6" height="10" style="vertical-align: bottom; margin-right: 3px"
  11. src="../../../public/img/lujing.png" alt />返回
  12. </el-button>
  13. </el-col>
  14. </el-row>
  15. <div class="basicInformation">
  16. <div class="annu">
  17. <el-radio-group @change="tasktypechange" v-model="dataList.taskTypeKey">
  18. <el-radio label="1" class="a">出库</el-radio>
  19. <el-radio label="2" class="a">入库</el-radio>
  20. <el-radio label="3" class="a">移库</el-radio>
  21. <el-radio label="4" class="a">退库并出库</el-radio>
  22. </el-radio-group>
  23. </div>
  24. <div class="ding"></div>
  25. <div v-if="dataList.taskTypeKey != 2 && dataList.taskTypeKey != 4" class="center1">
  26. <img style="position: relative; top: 40px; left: 300px" width="19" height="19"
  27. src="../../../public/img/cangku.png" alt />
  28. <!--出库=-->
  29. <div class="small-title">
  30. <h3>出库任务({{ inOutTaskNo }})</h3>
  31. </div>
  32. <el-form ref="dataList" :model="dataList" label-width="140px" input-width="300px">
  33. <!-- 仓库名 -->
  34. <el-form-item label="仓库名">
  35. <el-select v-model="dataList.warehouseName" placeholder="请选择仓库名" class="typeselect" filterable clearable
  36. @change="selectwarehouseName">
  37. <el-option v-for="item in warehouseNameList" :key="item.constKey"
  38. :label="item.warehouseName" :value="item.id" />
  39. </el-select>
  40. </el-form-item>
  41. <!-- 出库类型 -->
  42. <el-form-item label="出库类型">
  43. <el-select :disabled="dataList.taskTypeKey == 3 || dataList.taskTypeKey == 4"
  44. v-model="dataList.inOutType" placeholder="请选择出库类型" class="typeselect"
  45. @change="selectstorageType" filterable clearable>
  46. <el-option v-for="item in storageType" :key="item.constKey" v-if="
  47. (dataList.taskTypeKey == 1 &&
  48. item.constValue != '移库出库') ||
  49. (dataList.taskTypeKey == 3 &&
  50. item.constValue == '移库出库') ||
  51. (dataList.taskTypeKey == 4 && item.constValue == '销售出库')
  52. " :label="item.constValue" :value="item.constValue" />
  53. </el-select>
  54. </el-form-item>
  55. <!-- 合同编号 -->
  56. <el-form-item v-if="dataList.taskTypeKey != 3" label="合同编号">
  57. <el-select filterable @change="changecontract" v-model="dataList.contractNo" placeholder="请输入合同编号" class="typeselect" filterable clearable>
  58. <el-option v-for="item in contractNoList" :key="item.constKey" :label="item.contractNo"
  59. :value="item.contractNo"></el-option>
  60. </el-select>
  61. </el-form-item>
  62. <el-form-item v-if="dataList.taskTypeKey == 3" label="移库任务编号">
  63. <el-input @input="selectTaskNo" v-model="dataList.moveTaskNo" placeholder="请输入移库任务编号"
  64. class="typeselect">
  65. <el-option v-for="item in contractNoList" :key="item.constKey" :label="item.contractNo"
  66. :value="item.contractNo"></el-option>
  67. </el-input>
  68. </el-form-item>
  69. <!-- 货名 -->
  70. <el-form-item label="货源" class="huom">
  71. <el-input disabled v-model="goods" placeholder="请选择货源"
  72. maxlength="120" size="small" class="huom" />
  73. <el-button class="bg-bottom" type="primary" size="small" @click="supplygoods()">选择货源</el-button>
  74. </el-form-item>
  75. <!--重量(吨)-->
  76. <el-form-item label="重量(吨)">
  77. <el-input @input="weightchange1" v-model="dataList.weight" placeholder="请输入重量(吨)"
  78. maxlength="120" size="small" class="huom" />
  79. </el-form-item>
  80. <!-- 品级 -->
  81. <el-form-item label="品级">
  82. <el-select :disabled='gradestatus' v-model="dataList.grade" placeholder class="typeselect"
  83. @change="selectpackingMethod" filterable clearable>
  84. <el-option v-for="item in gradeList" :key="item.constKey" :label="item.constValue"
  85. :value="item.constValue" />
  86. </el-select>
  87. </el-form-item>
  88. <!--容重(克/升)>=-->
  89. <el-form-item v-if='dataList.taskTypeKey != 3||dataList1.taskTypeKey != 3' label="容重(克/升)>=" span="1">
  90. <el-input disabled @input="bulkDensitychange" v-model="dataList.bulkDensity" placeholder="请输入容重"
  91. maxlength="120" size="small" class="huom" />
  92. </el-form-item>
  93. <!--水分(%)<=-->
  94. <el-form-item v-if='dataList.taskTypeKey != 3||dataList1.taskTypeKey != 3' label="水分(%)<=">
  95. <el-input disabled @input="waterContentchange" v-model="dataList.waterContent"
  96. placeholder="请输入水分占比" maxlength="120" size="small" class="huom" />
  97. </el-form-item>
  98. <!--单价(元/吨)-->
  99. <el-form-item v-if='dataList.taskTypeKey != 3||dataList1.taskTypeKey != 3' label="单价(元/吨)" v-show="Pricetype">
  100. <el-input disabled @input="unitPricechange" v-model="dataList.unitPrice" placeholder="请输入单价"
  101. maxlength="120" size="small" class="huom" />
  102. </el-form-item>
  103. <!--预计出库日期-->
  104. <el-form-item label="预计出库日期" span="1" prop="predictDate" class="deliverydate">
  105. <el-date-picker v-model="dataList.predictDate" type="date" placeholder="请选择预计出库日期"
  106. value-format="yyyy-MM-dd" />
  107. </el-form-item>
  108. <!--预估运费(元/吨)-->
  109. <!-- <el-form-item label="预估运费(元/吨)" span="1">
  110. <el-input v-model="dataList.estimatedFreight" placeholder="请输入预估运费"
  111. maxlength="20" size="small" type="number"/>
  112. </el-form-item> -->
  113. <!--经办人-->
  114. <el-form-item label="发货人">
  115. <el-select v-model="dataList.agent" placeholder="请选择发货人" filterable clearable
  116. @change="selectstaff">
  117. <el-option v-for="item in options" :key="item.value" :label="item.staffName" :value="item.staffName" />
  118. </el-select>
  119. </el-form-item>
  120. <!--业务描述=-->
  121. <el-form-item v-if="dataList.taskTypeKey != 3" label="业务描述" span="20">
  122. <el-input v-model="dataList.businessDescribe" placeholder="请输入业务描述(运输方式),不超过150字"
  123. maxlength="150" size="large" />
  124. </el-form-item>
  125. </el-form>
  126. </div>
  127. <div v-show="dataList.taskTypeKey != 1" class="center1">
  128. <img style="position: relative; top: 40px; left: 300px" width="19" height="19"
  129. src="../../../public/img/cangku.png" alt />
  130. <div class="small-title">
  131. <h3>入库任务({{ inOutTaskNo1 }} )</h3>
  132. </div>
  133. <el-form v-if="!deletetask" ref="form" :model="form" label-width="140px">
  134. <!-- 仓库名 -->
  135. <el-form-item label="仓库名">
  136. <el-select v-model="dataList1.warehouseName" placeholder="请选择仓库名" class="typeselect" filterable clearable
  137. @change="selectwarehouseName1">
  138. <el-option v-for="item in warehouseNameList" :key="item.constKey"
  139. :label="item.warehouseName" :value="item.id" />
  140. </el-select>
  141. </el-form-item>
  142. <!-- 入库类型 -->
  143. <el-form-item label="入库类型">
  144. <el-select :disabled="dataList.taskTypeKey == 3 || dataList.taskTypeKey == 4"
  145. v-model="dataList1.inOutType" placeholder="请选择入库类型" class="typeselect"
  146. @change="selectstorageType1" filterable clearable>
  147. <el-option v-for="item in storageType1" :key="item.constKey" v-if="
  148. (dataList1.taskTypeKey == 2 &&
  149. item.constValue != '移库入库') ||
  150. (dataList1.taskTypeKey == 3 &&
  151. item.constValue == '移库入库') ||
  152. (dataList1.taskTypeKey == 4 && item.constValue == '退库')
  153. " :label="item.constValue" :value="item.constValue" />
  154. </el-select>
  155. </el-form-item>
  156. <!-- 合同编号 -->
  157. <el-form-item v-if="dataList1.taskTypeKey != 3" label="合同编号">
  158. <el-select @change="changecontract1" v-model="dataList1.contractNo" placeholder="请输入合同编号"
  159. class="typeselect" filterable clearable>
  160. <el-option v-for="item in contractNoList1" :key="item.constKey" :label="item.contractNo"
  161. :value="item.contractNo"></el-option>
  162. </el-select>
  163. </el-form-item>
  164. <el-form-item v-if="dataList1.taskTypeKey == 3" label="移库任务编号">
  165. <el-select disabled v-model="dataList1.moveTaskNo" placeholder="请输入移库任务编号" class="typeselect">
  166. <el-option v-for="item in contractNoList" :key="item.constKey" :label="item.contractNo"
  167. :value="item.contractNo"></el-option>
  168. </el-select>
  169. </el-form-item>
  170. <!-- 货名 -->
  171. <el-form-item v-if='dataList1.inOutType!="退库"&&dataList1.taskTypeKey == 2' label="货名" class="huom">
  172. <el-select disabled v-model="dataList1.goodsName" placeholder="货名" class="huom" @change="selectgoodsName1"
  173. filterable clearable>
  174. <el-option v-for="item in goodnameList" :key="item.constKey" :label="item.constValue"
  175. :value="item.constValue"></el-option>
  176. </el-select>
  177. </el-form-item>
  178. <el-form-item v-else label="货源" class="huom">
  179. <el-input disabled v-model="goods" placeholder="请选择货源"
  180. maxlength="120" size="small" class="huom" />
  181. <el-button v-if='dataList.taskTypeKey!=3' class="bg-bottom" type="primary" size="small" @click="supplygoods()">选择货源</el-button>
  182. </el-form-item>
  183. <!--重量(吨)-->
  184. <el-form-item label="重量(吨)">
  185. <el-input @input="weightchange" v-model="dataList1.weight" placeholder="请输入重量(吨)"
  186. maxlength="120" size="small" class="huom" />
  187. </el-form-item>
  188. <!-- 品级 -->
  189. <el-form-item label="品级">
  190. <el-select :disabled="dataList.taskTypeKey == 3" v-model="dataList1.grade" placeholder
  191. class="typeselect" @change="selectpackingMethod1" filterable clearable>
  192. <el-option v-for="item in gradeList" :key="item.constKey" :label="item.constValue"
  193. :value="item.constValue" />
  194. </el-select>
  195. </el-form-item>
  196. <!--容重(克/升)>=-->
  197. <el-form-item v-if='dataList.taskTypeKey != 3||dataList1.taskTypeKey != 3' label="容重(克/升)>=">
  198. <el-input @input="bulkDensitychange" :disabled="dataList.taskTypeKey == 3"
  199. v-model="dataList1.bulkDensity" placeholder="请输入容重" maxlength="120" size="small"
  200. class="huom" />
  201. </el-form-item>
  202. <!--水分(%)<=-->
  203. <el-form-item v-if='dataList.taskTypeKey != 3||dataList1.taskTypeKey != 3' label="水分(%)<=">
  204. <el-input @input="waterContentchange" :disabled="dataList.taskTypeKey == 3"
  205. v-model="dataList1.waterContent" placeholder="请输入水分占比" maxlength="120" size="small"
  206. class="huom" />
  207. </el-form-item>
  208. <!--单价(元/吨)-->
  209. <el-form-item v-if='dataList.taskTypeKey != 3||dataList1.taskTypeKey != 3' label="单价(元/吨)" v-show="Pricetype">
  210. <el-input @input="unitPricechange" :disabled="dataList.taskTypeKey == 3"
  211. v-model="dataList1.unitPrice" placeholder="请输入单价" maxlength="120" size="small"
  212. class="huom" />
  213. </el-form-item>
  214. <!--预计出库日期-->
  215. <el-form-item label="预计入库日期" span="1" prop="predictDate" class="deliverydate">
  216. <el-date-picker v-model="dataList1.predictDate" type="date" placeholder="请选择预计入库日期"
  217. value-format="yyyy-MM-dd" />
  218. </el-form-item>
  219. <!--预估运费(元/吨)-->
  220. <!-- <el-form-item label="预估运费(元/吨)" span="1" >
  221. <el-input v-model="dataList1.estimatedFreight" placeholder="请输入预估运费"
  222. maxlength="20" size="small" type="number" />
  223. </el-form-item> -->
  224. <!-- 经办人-->
  225. <el-form-item label="收货人">
  226. <el-select v-model="dataList1.agent" placeholder="请选择收货人" filterable clearable :filter-method="dataFilter1"
  227. @change="selectstaff1">
  228. <el-option v-for="item in options1" :key="item.value" :label="item.staffName" :value="item.staffName" />
  229. </el-select>
  230. </el-form-item>
  231. <!--业务描述=-->
  232. <el-form-item v-if="dataList.taskTypeKey != 4" label="业务描述">
  233. <el-input v-model="dataList1.businessDescribe" placeholder="请输入业务描述(运输方式),不超过150字"
  234. maxlength="150" size="large" />
  235. </el-form-item>
  236. </el-form>
  237. </div>
  238. <div v-if="dataList.taskTypeKey == 4" class="center1">
  239. <!--出库=-->
  240. <div class="small-title">
  241. <img style="position: relative; top: 40px; left: -22px" width="19" height="19"
  242. src="../../../public/img/cangku.png" alt />
  243. <h3>出库任务({{ inOutTaskNo }})</h3>
  244. </div>
  245. <el-form ref="dataList" :model="dataList" label-width="140px">
  246. <!-- 仓库名 -->
  247. <el-form-item label="仓库名">
  248. <el-select v-model="dataList.warehouseName" placeholder="请选择仓库名" class="typeselect" filterable clearable
  249. @change="selectwarehouseName">
  250. <el-option v-for="item in warehouseNameList" :key="item.constKey"
  251. :label="item.warehouseName" :value="item.id" />
  252. </el-select>
  253. </el-form-item>
  254. <!-- 出库类型 -->
  255. <el-form-item label="出库类型">
  256. <el-select :disabled="dataList.taskTypeKey == 3 || dataList.taskTypeKey == 4"
  257. v-model="dataList.inOutType" placeholder="请选择出库类型" class="typeselect"
  258. @change="selectstorageType1" filterable clearable>
  259. <el-option v-for="item in storageType" :key="item.constKey" v-if="
  260. (dataList.taskTypeKey == 1 &&
  261. item.constValue != '移库出库') ||
  262. (dataList.taskTypeKey == 3 &&
  263. item.constValue == '移库出库') ||
  264. (dataList.taskTypeKey == 4 && item.constValue == '销售出库')
  265. " :label="item.constValue" :value="item.constValue" />
  266. </el-select>
  267. </el-form-item>
  268. <!-- 合同编号 -->
  269. <el-form-item v-if="dataList.taskTypeKey != 3" label="合同编号">
  270. <el-select @change="changecontract" v-model="dataList.contractNo" placeholder="请输入合同编号"
  271. class="typeselect" filterable clearable>
  272. <el-option v-for="item in contractNoList" :key="item.constKey" :label="item.contractNo"
  273. :value="item.contractNo"></el-option>
  274. </el-select>
  275. </el-form-item>
  276. <el-form-item v-if="dataList.taskTypeKey == 3" label="移库任务编号">
  277. <el-select @change="selectTaskNo" v-model="dataList.moveTaskNo" placeholder="请输入移库任务编号"
  278. class="typeselect" filterable clearable>
  279. <el-option v-for="item in contractNoList" :key="item.constKey" :label="item.contractNo"
  280. :value="item.contractNo"></el-option>
  281. </el-select>
  282. </el-form-item>
  283. <!-- 货名 -->
  284. <el-form-item label="货源" class="huom">
  285. <el-input disabled v-model="goods" placeholder="请选择货源"
  286. maxlength="120" size="small" class="huom" />
  287. <el-button class="bg-bottom" v-if='dataList.taskTypeKey!=4' type="primary" size="small" @click="supplygoods()">选择货源</el-button>
  288. </el-form-item>
  289. <!--重量(吨)-->
  290. <el-form-item label="重量(吨)">
  291. <el-input :disabled="dataList.taskTypeKey == 4" v-model="dataList.weight" placeholder="请输入重量(吨)"
  292. maxlength="120" size="small" class="huom" />
  293. </el-form-item>
  294. <!-- 品级 -->
  295. <el-form-item label="品级">
  296. <el-select :disabled="dataList.taskTypeKey == 3 || dataList.taskTypeKey == 4"
  297. v-model="dataList.grade" placeholder class="typeselect" @change="selectpackingMethod" filterable clearable>
  298. <el-option v-for="item in gradeList" :key="item.constKey" :label="item.constValue"
  299. :value="item.constValue" />
  300. </el-select>
  301. </el-form-item>
  302. <!--容重(克/升)>=-->
  303. <el-form-item v-if='dataList.taskTypeKey != 3||dataList1.taskTypeKey != 3' label="容重(克/升)>=">
  304. <el-input :disabled="dataList.taskTypeKey == 3 || dataList.taskTypeKey == 4"
  305. v-model="dataList.bulkDensity" placeholder="请输入容重" maxlength="120" size="small"
  306. class="huom" />
  307. </el-form-item>
  308. <!--水分(%)<=-->
  309. <el-form-item v-if='dataList.taskTypeKey != 3||dataList1.taskTypeKey != 3' label="水分(%)<=">
  310. <el-input :disabled="dataList.taskTypeKey == 3 || dataList.taskTypeKey == 4"
  311. v-model="dataList.waterContent" placeholder="请输入水分占比" maxlength="120" size="small"
  312. class="huom" />
  313. </el-form-item>
  314. <!--单价(元/吨)-->
  315. <el-form-item v-if='dataList.taskTypeKey != 3||dataList1.taskTypeKey != 3' label="单价(元/吨)" v-show="Pricetype">
  316. <el-input :disabled="dataList.taskTypeKey == 3 || dataList.taskTypeKey == 4"
  317. v-model="dataList.unitPrice" placeholder="请输入单价" maxlength="120" size="small"
  318. class="huom" />
  319. </el-form-item>
  320. <!--预计出库日期-->
  321. <el-form-item label="预计出库日期" span="1" prop="predictDate" class="deliverydate">
  322. <el-date-picker v-model="dataList.predictDate" type="date" placeholder="请选择预计出库日期"
  323. value-format="yyyy-MM-dd" />
  324. </el-form-item>
  325. <!--预估运费(元/吨)-->
  326. <!-- <el-form-item label="预估运费(元/吨)" span="1" >
  327. <el-input v-model="dataList.estimatedFreight" placeholder="请输入预估运费"
  328. maxlength="20" size="small" type="number" />
  329. </el-form-item> -->
  330. <!--发货人-->
  331. <el-form-item label="发货人">
  332. <el-select v-model="dataList.agent" placeholder="请选择发货人" filterable clearable
  333. @change="selectstaff">
  334. <el-option v-for="item in options" :key="item.value" :label="item.staffName" :value="item.staffName" />
  335. </el-select>
  336. </el-form-item>
  337. <!--业务描述=-->
  338. <el-form-item label="业务描述">
  339. <el-input v-model="dataList.businessDescribe" placeholder="请输入业务描述(运输方式),不超过150字"
  340. maxlength="150" size="large" />
  341. </el-form-item>
  342. </el-form>
  343. </div>
  344. </div>
  345. <!-- 提交 -->
  346. <div style="text-align: center; padding: 10px">
  347. <el-button class="bg-bottom" type="primary" size="small" @click="submit()">提交</el-button>
  348. </div>
  349. </div>
  350. </template>
  351. <script>
  352. import {
  353. getwarehousename,
  354. xialaNo,
  355. addoreditoutput,
  356. getGoodsName
  357. } from '@/model/tasksport/index'
  358. import {
  359. mapGetters
  360. } from 'vuex'
  361. import {
  362. pullDown,
  363. getstaff
  364. } from '@/model/warehouse/index'
  365. import Pagination from '@/components/Pagination'
  366. import WsUpload from '@/components/WsUpload'
  367. // import { dayjs, fmoney, EventBus } from 'base-core-lib'
  368. import {
  369. dayjs,
  370. EventBus
  371. } from 'base-core-lib'
  372. export default {
  373. name: 'viewSpareMoney',
  374. components: {
  375. WsUpload,
  376. Pagination
  377. },
  378. watch: {
  379. // vesselId(val) {
  380. // this.getList()
  381. // },
  382. isShow(val) {
  383. this.showType = val
  384. },
  385. flag(val) {
  386. xialaNo({
  387. compId: this.compId,
  388. flag: val
  389. })
  390. .toPromise()
  391. .then(response => {
  392. if (
  393. this.dataList1.taskTypeKey == 2 ||
  394. this.dataList1.taskTypeKey == 4
  395. ) {
  396. this.contractNoList1 = response
  397. if (this.dataList1.taskTypeKey == 2) {
  398. this.contractNoList = response
  399. }
  400. } else {
  401. this.contractNoList = response
  402. }
  403. })
  404. }
  405. },
  406. computed: {
  407. ...mapGetters(['deptBudgetList'])
  408. },
  409. data() {
  410. return {
  411. gradestatus:true,
  412. flag: 1,
  413. //弹出框
  414. dialogViewSpareMoney: false,
  415. dialogApproveFormVisible: false,
  416. // 船舶类型
  417. monetaryKey: null,
  418. // 表格显示数据
  419. tableDate: [],
  420. // 是否显示
  421. showType: true,
  422. disabled: false,
  423. // 年
  424. year: '',
  425. contractNoList: [],
  426. contractNoList1: [],
  427. deptBudgetTotal: 0,
  428. readonly: true,
  429. currentPage: 1,
  430. pageSize: 10,
  431. searchType: 1,
  432. searchKeyWord: '',
  433. radio: '1',
  434. contractType: 2,
  435. startDate: null,
  436. endDate: null,
  437. goodnameList: [],
  438. checked: true,
  439. form: {},
  440. staffList: [],
  441. staffList1: [],
  442. options: [],
  443. options1: [],
  444. storageType: [],
  445. storageType1: [],
  446. outContractNo: [],
  447. // 提交类型
  448. submitType: true,
  449. status: [],
  450. warehouseNameList: [],
  451. warehouseNameList1: [],
  452. appendixIdsAdd: '',
  453. uploadSuccess: {},
  454. baseId:'',
  455. deletetask: false,
  456. warehouseInOutDetail: {},
  457. onChange: {},
  458. deptBudgetList1: [],
  459. gradeList: [],
  460. rules: {
  461. netWeight: [{
  462. required: true,
  463. type: 'number',
  464. message: '请输入活动名称',
  465. trigger: 'blur'
  466. }]
  467. },
  468. size: 10,
  469. goods:'',
  470. compId: localStorage.getItem('ws-pf_compId'),
  471. deptCircularPage: {},
  472. packtypeList: {},
  473. date: {
  474. year: dayjs().format('YYYY'),
  475. month: dayjs().format('MM')
  476. },
  477. contractList: [],
  478. inOutTaskNo: '',
  479. inOutTaskNo1: '',
  480. sourceId:'',
  481. dataList: {
  482. taskTypeKey: '1',
  483. weight:0,
  484. },
  485. dataList1: {
  486. taskTypeKey: '1',
  487. inOutType: '',
  488. weight:0,
  489. },
  490. historyList: [],
  491. pickerBeginDateBefore: {
  492. disabledDate: time => {
  493. return time.getTime() > Date.now()
  494. }
  495. },
  496. accessoryTFs: false,
  497. Pricetype:true,//价格类型为随行就市隐藏单价
  498. }
  499. },
  500. activated() {
  501. this.getList()
  502. var num=0
  503. this.sourceId=''
  504. this.dataList.weight=0
  505. this.dataList1.weight=0
  506. if(localStorage.getItem("supplygoods1")){
  507. if(this.dataList1.taskTypeKey==2&&this.dataList1.inOutType=="退库"||this.dataList.taskTypeKey==4){
  508. var supplygoods=JSON.parse(localStorage.getItem("supplygoods1"))
  509. for (let i = 0; i < supplygoods.length; i++) {
  510. for (let q = 0; q < supplygoods[i].sourceRelationInfoList.length; q++) {
  511. if(this.goods.indexOf(supplygoods[i].sourceRelationInfoList[q].goodsName)==-1){
  512. this.goods=this.goods!=''?this.goods+',':''+supplygoods[i].sourceRelationInfoList[q].goodsName
  513. }
  514. this.dataList1.weight=Number(this.dataList1.weight)+Number(supplygoods[i].sourceRelationInfoList[q].surplusWeight)
  515. this.dataList.weight=Number(this.dataList.weight)+Number(supplygoods[i].sourceRelationInfoList[q].surplusWeight)
  516. }
  517. }
  518. }else if(this.dataList.taskTypeKey==1||this.dataList.taskTypeKey==3){
  519. var supplygoods=JSON.parse(localStorage.getItem("supplygoods1"))
  520. for (let i = 0; i < supplygoods.length; i++) {
  521. this.goods=this.goods!=''?this.goods+',':''+supplygoods[i].goodsName
  522. this.dataList1.weight=Number(this.dataList1.weight)+Number(supplygoods[i].estimateOutWarehouseWeight)
  523. this.dataList.weight=Number(this.dataList.weight)+Number(supplygoods[i].estimateOutWarehouseWeight)
  524. }
  525. }
  526. }
  527. },
  528. methods: {
  529. //返回按钮
  530. revert() {
  531. this.$router.go(-1)
  532. },
  533. supplygoods(){
  534. if(this.dataList.taskTypeKey==1||this.dataList.taskTypeKey==3){
  535. if(this.dataList.warehouseName){
  536. this.$router.push({name:'supplyofgoods',query:{baseId:this.baseId}})
  537. }else{
  538. this.$message({
  539. message: '请先选择仓库',
  540. type: 'warning'
  541. });
  542. }
  543. }else if(this.dataList1.taskTypeKey==2&&this.dataList1.inOutType=="退库"||this.dataList1.taskTypeKey==4){
  544. if(this.dataList1.moveTaskNo||this.dataList1.contractNo){
  545. this.$router.push({name:'outsupplyofgoods',query:{contractNo:this.dataList1.contractNo}})
  546. }else{
  547. this.$message({
  548. message: '请先选择合同/移库编号',
  549. type: 'warning'
  550. });
  551. }
  552. }
  553. },
  554. returnsales() {
  555. this.dataList = {
  556. taskTypeKey: 1
  557. }
  558. localStorage.removeItem('supplygoods1')
  559. this.$router.go(-1)
  560. },
  561. // 获取当前年月日
  562. getdate() {
  563. var date = new Date()
  564. var year = date.getFullYear() //获取完整的年份(4位)
  565. var mouth = date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
  566. var datetime = date.getDate() //获取当前日(1-31)
  567. var hour = date.getHours()
  568. var minutes = date.getMinutes()
  569. var seconds = date.getSeconds()
  570. if (mouth < 10) {
  571. mouth = '0' + mouth
  572. }
  573. if (datetime < 10) {
  574. datetime = '0' + datetime
  575. }
  576. if (hour < 10) {
  577. hour = '0' + hour
  578. }
  579. if (minutes < 10) {
  580. minutes = '0' + minutes
  581. }
  582. if (seconds < 10) {
  583. seconds = '0' + seconds
  584. }
  585. return year + '' + mouth + datetime + hour + minutes + seconds
  586. },
  587. // 随机验证码
  588. verifyinit() {
  589. var arr = []
  590. for (var i = 48; i < 57; i++) {
  591. arr.push(String.fromCharCode(i))
  592. }
  593. arr.sort(function() {
  594. return Math.random() - 0.5
  595. })
  596. arr.length = 4
  597. return arr.join('')
  598. },
  599. MathRand() {
  600. var Num = ''
  601. for (var i = 0; i < 4; i++) {
  602. Num += Math.floor(Math.random() * 10)
  603. }
  604. return Num
  605. },
  606. selectTaskNo(e) {
  607. if (this.dataList.taskTypeKey == 3) {
  608. this.$set(this.dataList1, 'moveTaskNo', e)
  609. }
  610. },
  611. dataFilter(val) {
  612. // console.log(val,"名")
  613. this.deptBudgetList.staffList = val
  614. if (val) {
  615. //val存在
  616. this.options = this.staffList.filter(item => {
  617. if (
  618. !!~item.staffName.indexOf(val) ||
  619. !!~item.staffName.toUpperCase().indexOf(val.toUpperCase())
  620. ) {
  621. return true
  622. }
  623. })
  624. } else {
  625. //val为空时,还原数组
  626. this.options = this.staffList
  627. }
  628. },
  629. dataFilter1(val) {
  630. // console.log(val,"名")
  631. this.deptBudgetList.staffList1 = val
  632. if (val) {
  633. //val存在
  634. this.options = this.staffList1.filter(item => {
  635. if (
  636. !!~item.staffName.indexOf(val) ||
  637. !!~item.staffName.toUpperCase().indexOf(val.toUpperCase())
  638. ) {
  639. return true
  640. }
  641. })
  642. } else {
  643. //val为空时,还原数组
  644. this.options1 = this.staffList1
  645. }
  646. },
  647. weightchange(e) {
  648. if (this.dataList.taskTypeKey == 4) {
  649. this.$set(this.dataList, 'weight', e)
  650. }else if (this.dataList.taskTypeKey == 2) {
  651. this.$set(this.dataList1, 'weight', e)
  652. }
  653. },
  654. weightchange1(e) {
  655. if (this.dataList.taskTypeKey == 3) {
  656. this.$set(this.dataList1, 'weight', e)
  657. }
  658. },
  659. bulkDensitychange(e) {
  660. if (this.dataList.taskTypeKey == 4) {
  661. this.$set(this.dataList, 'bulkDensity', e)
  662. } else if (this.dataList1.taskTypeKey == 3) {
  663. this.$set(this.dataList1, 'bulkDensity', e)
  664. }
  665. },
  666. waterContentchange(e) {
  667. if (this.dataList.taskTypeKey == 4) {
  668. this.$set(this.dataList, 'waterContent', e)
  669. } else if (this.dataList1.taskTypeKey == 3) {
  670. this.$set(this.dataList1, 'waterContent', e)
  671. }
  672. },
  673. unitPricechange(e) {
  674. if (this.dataList.taskTypeKey == 4) {
  675. this.$set(this.dataList, 'unitPrice', e)
  676. } else if (this.dataList1.taskTypeKey == 3) {
  677. this.$set(this.dataList1, 'unitPrice', e)
  678. }
  679. },
  680. changecontract(e) {
  681. if (this.dataList.taskTypeKey != 3) {
  682. for (let i = 0; i < this.contractNoList.length; i++) {
  683. if (this.contractNoList[i].contractNo == e) {
  684. if(this.contractNoList[i].priceType == '随行就市'){
  685. this.Pricetype = false
  686. }else{
  687. this.Pricetype = true
  688. }
  689. getGoodsName({
  690. contractId: this.contractNoList[i].id,
  691. contractNo: this.contractNoList[i].contractNo
  692. })
  693. .toPromise()
  694. .then(response => {
  695. this.$set(this.dataList, 'goodsName', response.goodsName)
  696. this.$set(this.dataList, 'goodsNameKey', response.goodsNameKey)
  697. this.$set(this.dataList, 'grade', response.grade)
  698. this.$set(this.dataList, 'gradeKey', response.gradeKey)
  699. this.$set(this.dataList, 'waterContent', response.waterContent)
  700. this.$set(this.dataList, 'bulkDensity', response.bulkDensity)
  701. // this.$set(this.dataList, 'weight', response.weight)
  702. this.$set(
  703. this.dataList,
  704. 'unitPrice',
  705. response.unitContractPrice
  706. )
  707. })
  708. }
  709. }
  710. }
  711. },
  712. selectwarehouseName(e) {
  713. this.baseId=e
  714. for (var i = 0; i < this.warehouseNameList.length; i++) {
  715. if (this.warehouseNameList[i].id == e) {
  716. this.dataList.warehouseName = this.warehouseNameList[i].warehouseName
  717. if(this.dataList.taskTypeKey==3||this.dataList1.taskTypeKey==3){
  718. if(this.warehouseNameList[i].warehouseType==2){
  719. this.$set(this.dataList, 'goodsName', this.warehouseNameList[i].goodsName)
  720. this.$set(this.dataList, 'grade', this.warehouseNameList[i].grade)
  721. this.$set(this.dataList1, 'goodsName', this.warehouseNameList[i].goodsName)
  722. this.$set(this.dataList1, 'grade', this.warehouseNameList[i].grade)
  723. this.gradestatus=true
  724. }else{
  725. this.gradestatus=false
  726. }
  727. }
  728. console.log(this.warehouseNameList[i])
  729. //经办人
  730. getstaff({
  731. compId: localStorage.getItem('ws-pf_compId'),
  732. warehouseId: e
  733. })
  734. .toPromise()
  735. .then(response => {
  736. this.options = response
  737. this.staffList = response
  738. // this.agent = response
  739. })
  740. }
  741. }
  742. },
  743. selectwarehouseName1(e) {
  744. for (var i = 0; i < this.warehouseNameList.length; i++) {
  745. if (this.warehouseNameList[i].id == e) {
  746. this.dataList1.warehouseName = this.warehouseNameList[i].warehouseName
  747. //经办人
  748. getstaff({
  749. compId: localStorage.getItem('ws-pf_compId'),
  750. warehouseId: e
  751. })
  752. .toPromise()
  753. .then(response => {
  754. this.options1 = response
  755. this.staffList1 = response
  756. // this.agent = response
  757. })
  758. }
  759. }
  760. },
  761. changecontract1(e) {
  762. if (this.dataList1.taskTypeKey != 3) {
  763. for (let i = 0; i < this.contractNoList.length; i++) {
  764. if (this.contractNoList[i].contractNo == e) {
  765. if(this.contractNoList[i].priceType == '随行就市'){
  766. this.Pricetype = false
  767. }else{
  768. this.Pricetype = true
  769. }
  770. getGoodsName({
  771. contractId: this.contractNoList[i].id,
  772. contractNo: this.contractNoList[i].contractNo
  773. })
  774. .toPromise()
  775. .then(response => {
  776. this.$set(this.dataList1, 'goodsName', response.goodsName)
  777. this.$set(this.dataList1, 'goodsNameKey', response.goodsNameKey)
  778. this.$set(this.dataList1, 'grade', response.grade)
  779. this.$set(this.dataList1, 'gradeKey', response.gradeKey)
  780. this.$set(this.dataList1, 'waterContent', response.waterContent)
  781. this.$set(this.dataList1, 'bulkDensity', response.bulkDensity)
  782. if(this.dataList1.taskTypeKey==2&&this.dataList1.inOutType=="退库"){
  783. this.goods=''
  784. this.dataList1.weight=0
  785. }else{
  786. this.$set(this.dataList1, 'weight', response.weight)
  787. }
  788. this.$set(
  789. this.dataList1,
  790. 'unitPrice',
  791. response.unitContractPrice
  792. )
  793. })
  794. }
  795. }
  796. }
  797. },
  798. selectstaff(e) {
  799. for (var i = 0; i < this.staffList.length; i++) {
  800. if (this.staffList[i].staffName == e) {
  801. this.dataList.agentKey = this.staffList[i].staffId
  802. }
  803. }
  804. },
  805. selectstaff1(e) {
  806. for (var i = 0; i < this.staffList1.length; i++) {
  807. if (this.staffList1[i].staffName == e) {
  808. this.dataList1.agentKey = this.staffList1[i].staffId
  809. }
  810. }
  811. },
  812. requestadd(list, status) {
  813. localStorage.removeItem('supplygoods1')
  814. list.compId = localStorage.getItem('ws-pf_compId')
  815. list.publisher =
  816. localStorage.getItem('ws-pf_roleName') +
  817. localStorage.getItem('ws-pf_staffName')
  818. addoreditoutput(list)
  819. .toPromise()
  820. .then(response => {
  821. var that = this
  822. this.$message.success('添加成功')
  823. setTimeout(function() {
  824. that.dataList = {
  825. taskTypeKey: 1
  826. }
  827. that.dataList1 = {}
  828. that.$router.push({
  829. path: 'tranManagementWarehouseInOuttask'
  830. })
  831. }, 2000)
  832. })
  833. },
  834. //提交按钮
  835. submit() {
  836. if (this.dataList.taskTypeKey == 1) {
  837. if (!this.dataList.warehouseName) {
  838. this.$message({
  839. message: '仓库名不能为空!',
  840. type: 'warning'
  841. })
  842. return
  843. }
  844. if (!this.dataList.contractNo) {
  845. this.$message({
  846. message: '合同编号不能为空!',
  847. type: 'warning'
  848. })
  849. return
  850. }
  851. if (!this.dataList.weight) {
  852. this.$message({
  853. message: '重量(吨)不能为空!',
  854. type: 'warning'
  855. })
  856. return
  857. }
  858. if (
  859. isNaN(this.dataList.weight) ||
  860. (String(this.dataList.weight).indexOf('.') != -1 &&
  861. String(this.dataList.weight).length -
  862. (String(this.dataList.weight).indexOf('.') + 1) >
  863. 2) ||
  864. this.dataList.weight < 0 ||
  865. this.dataList.weight > 200000
  866. ) {
  867. this.$message({
  868. message: '重量(吨)输入有误!',
  869. type: 'warning'
  870. })
  871. return
  872. }
  873. // if (!this.dataList.bulkDensity) {
  874. // this.$message({
  875. // message: '容重不能为空!',
  876. // type: 'warning'
  877. // })
  878. // return
  879. // }
  880. // if (
  881. // this.dataList.bulkDensity < 0 ||
  882. // this.dataList.bulkDensity > 1000
  883. // ) {
  884. // this.$message({
  885. // message: '容重输入错误',
  886. // type: 'warning'
  887. // })
  888. // return
  889. // }
  890. // if (
  891. // String(this.dataList.bulkDensity).indexOf('.') != -1 &&
  892. // String(this.dataList.bulkDensity).length -
  893. // (String(this.dataList.bulkDensity).indexOf('.') + 1) >
  894. // 0
  895. // ) {
  896. // this.$message({
  897. // message: '容重需输入整数',
  898. // type: 'warning'
  899. // })
  900. // return
  901. // }
  902. // if (!this.dataList.waterContent) {
  903. // this.$message({
  904. // message: '水分不能为空!',
  905. // type: 'warning'
  906. // })
  907. // return
  908. // }
  909. // if (this.dataList.waterContent < 0 || this.dataList.waterContent > 40) {
  910. // this.$message({
  911. // message: '水分输入错误',
  912. // type: 'warning'
  913. // })
  914. // return
  915. // }
  916. // if (
  917. // String(this.dataList.waterContent).indexOf('.') != -1 &&
  918. // String(this.dataList.waterContent).length -
  919. // (String(this.dataList.waterContent).indexOf('.') + 1) >
  920. // 1
  921. // ) {
  922. // this.$message({
  923. // message: '水分输入错误',
  924. // type: 'warning'
  925. // })
  926. // return
  927. // }
  928. // if(this.Pricetype){
  929. // if (!this.dataList.unitPrice) {
  930. // this.$message({
  931. // message: '单价不能为空!',
  932. // type: 'warning'
  933. // })
  934. // return
  935. // }
  936. // if (
  937. // (this.dataList.unitPrice &&
  938. // String(this.dataList.unitPrice).indexOf('.') != -1 &&
  939. // String(this.dataList.unitPrice).length -
  940. // (String(this.dataList.unitPrice).indexOf('.') + 1) >
  941. // 2) ||
  942. // this.dataList.unitPrice > 100000 ||
  943. // this.dataList.unitPrice < 1
  944. // ) {
  945. // this.$message({
  946. // message: '单价输入错误',
  947. // type: 'warning'
  948. // })
  949. // return
  950. // }
  951. // }
  952. if (!this.dataList.predictDate) {
  953. this.$message({
  954. message: '预计出库日期不能为空!',
  955. type: 'warning'
  956. })
  957. return
  958. }
  959. // if (isNaN(this.dataList.estimatedFreight)) {
  960. // this.$message({
  961. // message: '预估运费输入错误!',
  962. // type: 'warning'
  963. // })
  964. // return
  965. // }
  966. // if (!this.dataList.agent) {
  967. // this.$message({
  968. // message: '出库经办人不能为空!',
  969. // type: 'warning'
  970. // })
  971. // return
  972. // }
  973. if (!this.dataList.businessDescribe) {
  974. this.$message({
  975. message: '业务描述不能为空!',
  976. type: 'warning'
  977. })
  978. return
  979. }
  980. }
  981. if (this.dataList.taskTypeKey == 2) {
  982. if (!this.dataList1.warehouseName) {
  983. this.$message({
  984. message: '仓库名不能为空!',
  985. type: 'warning'
  986. })
  987. return
  988. }
  989. if (!this.dataList1.contractNo) {
  990. this.$message({
  991. message: '合同编号不能为空!',
  992. type: 'warning'
  993. })
  994. return
  995. }
  996. if (!this.dataList1.weight) {
  997. this.$message({
  998. message: '重量(吨)不能为空!',
  999. type: 'warning'
  1000. })
  1001. return
  1002. }
  1003. if (
  1004. isNaN(this.dataList1.weight) ||
  1005. (String(this.dataList1.weight).indexOf('.') != -1 &&
  1006. String(this.dataList1.weight).length -
  1007. (String(this.dataList1.weight).indexOf('.') + 1) >
  1008. 2) ||
  1009. this.dataList1.weight < 0 ||
  1010. this.dataList1.weight > 200000
  1011. ) {
  1012. this.$message({
  1013. message: '重量(吨)输入有误!',
  1014. type: 'warning'
  1015. })
  1016. return
  1017. }
  1018. // if (!this.dataList1.bulkDensity) {
  1019. // this.$message({
  1020. // message: '容重不能为空!',
  1021. // type: 'warning'
  1022. // })
  1023. // return
  1024. // }
  1025. // if (
  1026. // this.dataList1.bulkDensity < 500 ||
  1027. // this.dataList1.bulkDensity > 1000
  1028. // ) {
  1029. // this.$message({
  1030. // message: '容重输入错误',
  1031. // type: 'warning'
  1032. // })
  1033. // return
  1034. // }
  1035. // if (
  1036. // String(this.dataList1.bulkDensity).indexOf('.') != -1 &&
  1037. // String(this.dataList1.bulkDensity).length -
  1038. // (String(this.dataList1.bulkDensity).indexOf('.') + 1) >
  1039. // 0
  1040. // ) {
  1041. // this.$message({
  1042. // message: '容重需输入整数',
  1043. // type: 'warning'
  1044. // })
  1045. // return
  1046. // }
  1047. // if (!this.dataList1.waterContent) {
  1048. // this.$message({
  1049. // message: '水分不能为空!',
  1050. // type: 'warning'
  1051. // })
  1052. // return
  1053. // }
  1054. // if (
  1055. // this.dataList1.waterContent < 0 ||
  1056. // this.dataList1.waterContent > 40
  1057. // ) {
  1058. // this.$message({
  1059. // message: '水分输入错误',
  1060. // type: 'warning'
  1061. // })
  1062. // return
  1063. // }
  1064. // if (
  1065. // String(this.dataList1.waterContent).indexOf('.') != -1 &&
  1066. // String(this.dataList1.waterContent).length -
  1067. // (String(this.dataList1.waterContent).indexOf('.') + 1) >
  1068. // 1
  1069. // ) {
  1070. // this.$message({
  1071. // message: '水分输入错误',
  1072. // type: 'warning'
  1073. // })
  1074. // return
  1075. // }
  1076. // if(this.Pricetype){
  1077. // if (!this.dataList1.unitPrice) {
  1078. // this.$message({
  1079. // message: '单价不能为空!',
  1080. // type: 'warning'
  1081. // })
  1082. // return
  1083. // }
  1084. // if (
  1085. // (this.dataList1.unitPrice &&
  1086. // String(this.dataList1.unitPrice).indexOf('.') != -1 &&
  1087. // String(this.dataList1.unitPrice).length -
  1088. // (String(this.dataList1.unitPrice).indexOf('.') + 1) >
  1089. // 2) ||
  1090. // this.dataList1.unitPrice > 100000 ||
  1091. // this.dataList1.unitPrice < 1
  1092. // ) {
  1093. // this.$message({
  1094. // message: '单价输入错误',
  1095. // type: 'warning'
  1096. // })
  1097. // return
  1098. // }
  1099. // }
  1100. if (!this.dataList1.predictDate) {
  1101. this.$message({
  1102. message: '预计入库日期不能为空!',
  1103. type: 'warning'
  1104. })
  1105. return
  1106. }
  1107. // if (isNaN(this.dataList1.estimatedFreight)) {
  1108. // this.$message({
  1109. // message: '预估运费输入错误!',
  1110. // type: 'warning'
  1111. // })
  1112. // return
  1113. // }
  1114. // if (!this.dataList1.agent) {
  1115. // this.$message({
  1116. // message: '入库经办人不能为空!',
  1117. // type: 'warning'
  1118. // })
  1119. // return
  1120. // }
  1121. if (!this.dataList1.businessDescribe) {
  1122. this.$message({
  1123. message: '业务描述不能为空!',
  1124. type: 'warning'
  1125. })
  1126. return
  1127. }
  1128. }
  1129. if (this.dataList.taskTypeKey == 3) {
  1130. if (!this.dataList.warehouseName) {
  1131. this.$message({
  1132. message: '出库仓库名不能为空!',
  1133. type: 'warning'
  1134. })
  1135. return
  1136. }
  1137. if (!this.dataList1.warehouseName) {
  1138. this.$message({
  1139. message: '入库仓库名不能为空!',
  1140. type: 'warning'
  1141. })
  1142. return
  1143. }
  1144. if (!this.dataList1.moveTaskNo) {
  1145. this.$message({
  1146. message: '移库任务编号不能为空!',
  1147. type: 'warning'
  1148. })
  1149. return
  1150. }
  1151. if (!this.dataList1.weight) {
  1152. this.$message({
  1153. message: '重量(吨)不能为空!',
  1154. type: 'warning'
  1155. })
  1156. return
  1157. }
  1158. if (
  1159. isNaN(this.dataList1.weight) ||
  1160. (String(this.dataList1.weight).indexOf('.') != -1 &&
  1161. String(this.dataList1.weight).length -
  1162. (String(this.dataList1.weight).indexOf('.') + 1) >
  1163. 2) ||
  1164. this.dataList1.weight < 0 ||
  1165. this.dataList1.weight > 200000
  1166. ) {
  1167. this.$message({
  1168. message: '重量(吨)输入有误!',
  1169. type: 'warning'
  1170. })
  1171. return
  1172. }
  1173. if (!this.dataList.predictDate) {
  1174. this.$message({
  1175. message: '预计出库日期不能为空!',
  1176. type: 'warning'
  1177. })
  1178. return
  1179. }
  1180. // if (isNaN(this.dataList1.estimatedFreight)) {
  1181. // this.$message({
  1182. // message: '预估运费输入错误!',
  1183. // type: 'warning'
  1184. // })
  1185. // return
  1186. // }
  1187. if (!this.dataList1.predictDate) {
  1188. this.$message({
  1189. message: '预计入库日期不能为空!',
  1190. type: 'warning'
  1191. })
  1192. return
  1193. }
  1194. // if (!this.dataList.agent) {
  1195. // this.$message({
  1196. // message: '出库经办人不能为空!',
  1197. // type: 'warning'
  1198. // })
  1199. // return
  1200. // }
  1201. // if (!this.dataList1.agent) {
  1202. // this.$message({
  1203. // message: '入库经办人不能为空!',
  1204. // type: 'warning'
  1205. // })
  1206. // return
  1207. // }
  1208. if (!this.dataList1.businessDescribe) {
  1209. this.$message({
  1210. message: '业务描述不能为空!',
  1211. type: 'warning'
  1212. })
  1213. return
  1214. }
  1215. }
  1216. if (this.dataList1.taskTypeKey == 4) {
  1217. if (!this.dataList.warehouseName) {
  1218. this.$message({
  1219. message: '出库仓库名不能为空!',
  1220. type: 'warning'
  1221. })
  1222. return
  1223. }
  1224. if (!this.dataList1.warehouseName) {
  1225. this.$message({
  1226. message: '入库仓库名不能为空!',
  1227. type: 'warning'
  1228. })
  1229. return
  1230. }
  1231. if (!this.dataList1.contractNo) {
  1232. this.$message({
  1233. message: '合同编号不能为空!',
  1234. type: 'warning'
  1235. })
  1236. return
  1237. }
  1238. if (!this.dataList.contractNo) {
  1239. this.$message({
  1240. message: '合同编号不能为空!',
  1241. type: 'warning'
  1242. })
  1243. return
  1244. }
  1245. if (!this.dataList1.weight) {
  1246. this.$message({
  1247. message: '重量(吨)不能为空!',
  1248. type: 'warning'
  1249. })
  1250. return
  1251. }
  1252. if (
  1253. isNaN(this.dataList1.weight) ||
  1254. (String(this.dataList1.weight).indexOf('.') != -1 &&
  1255. String(this.dataList1.weight).length -
  1256. (String(this.dataList1.weight).indexOf('.') + 1) >
  1257. 2) ||
  1258. this.dataList1.weight < 0 ||
  1259. this.dataList1.weight > 200000
  1260. ) {
  1261. this.$message({
  1262. message: '重量(吨)输入有误!',
  1263. type: 'warning'
  1264. })
  1265. return
  1266. }
  1267. // if (!this.dataList1.bulkDensity) {
  1268. // this.$message({
  1269. // message: '容重不能为空!',
  1270. // type: 'warning'
  1271. // })
  1272. // return
  1273. // }
  1274. // if (
  1275. // this.dataList1.bulkDensity < 500 ||
  1276. // this.dataList1.bulkDensity > 1000
  1277. // ) {
  1278. // this.$message({
  1279. // message: '容重输入错误',
  1280. // type: 'warning'
  1281. // })
  1282. // return
  1283. // }
  1284. // if (
  1285. // String(this.dataList1.bulkDensity).indexOf('.') != -1 &&
  1286. // String(this.dataList1.bulkDensity).length -
  1287. // (String(this.dataList1.bulkDensity).indexOf('.') + 1) >
  1288. // 0
  1289. // ) {
  1290. // this.$message({
  1291. // message: '容重需输入整数',
  1292. // type: 'warning'
  1293. // })
  1294. // return
  1295. // }
  1296. // if (!this.dataList1.waterContent) {
  1297. // this.$message({
  1298. // message: '水分不能为空!',
  1299. // type: 'warning'
  1300. // })
  1301. // return
  1302. // }
  1303. // if (
  1304. // this.dataList1.waterContent < 0 ||
  1305. // this.dataList1.waterContent > 40
  1306. // ) {
  1307. // this.$message({
  1308. // message: '水分输入错误',
  1309. // type: 'warning'
  1310. // })
  1311. // return
  1312. // }
  1313. // if (
  1314. // String(this.dataList1.waterContent).indexOf('.') != -1 &&
  1315. // String(this.dataList1.waterContent).length -
  1316. // (String(this.dataList1.waterContent).indexOf('.') + 1) >
  1317. // 1
  1318. // ) {
  1319. // this.$message({
  1320. // message: '水分输入错误',
  1321. // type: 'warning'
  1322. // })
  1323. // return
  1324. // }
  1325. // if(this.Pricetype){
  1326. // if (!this.dataList1.unitPrice) {
  1327. // this.$message({
  1328. // message: '单价不能为空!',
  1329. // type: 'warning'
  1330. // })
  1331. // return
  1332. // }
  1333. // if (
  1334. // (this.dataList1.unitPrice &&
  1335. // String(this.dataList1.unitPrice).indexOf('.') != -1 &&
  1336. // String(this.dataList1.unitPrice).length -
  1337. // (String(this.dataList1.unitPrice).indexOf('.') + 1) >
  1338. // 2) ||
  1339. // this.dataList1.unitPrice > 100000 ||
  1340. // this.dataList1.unitPrice < 1
  1341. // ) {
  1342. // this.$message({
  1343. // message: '单价输入错误',
  1344. // type: 'warning'
  1345. // })
  1346. // return
  1347. // }
  1348. // }
  1349. if (!this.dataList.predictDate) {
  1350. this.$message({
  1351. message: '预计出库日期不能为空!',
  1352. type: 'warning'
  1353. })
  1354. return
  1355. }
  1356. if (!this.dataList1.predictDate) {
  1357. this.$message({
  1358. message: '预计入库日期不能为空!',
  1359. type: 'warning'
  1360. })
  1361. return
  1362. }
  1363. // if (isNaN(this.dataList1.estimatedFreight)) {
  1364. // this.$message({
  1365. // message: '预估运费输入错误!',
  1366. // type: 'warning'
  1367. // })
  1368. // return
  1369. // }
  1370. // if (!this.dataList.agent) {
  1371. // this.$message({
  1372. // message: '出库经办人不能为空!',
  1373. // type: 'warning'
  1374. // })
  1375. // return
  1376. // }
  1377. // if (!this.dataList1.agent) {
  1378. // this.$message({
  1379. // message: '入库经办人不能为空!',
  1380. // type: 'warning'
  1381. // })
  1382. // return
  1383. // }
  1384. if (!this.dataList.businessDescribe) {
  1385. this.$message({
  1386. message: '业务描述不能为空!',
  1387. type: 'warning'
  1388. })
  1389. return
  1390. }
  1391. }
  1392. // this.dataList.goodsNameKey =
  1393. // this.dataList.positionId =
  1394. // this.dataList.baseId =
  1395. this.dataList.inOutFlag = 1
  1396. this.dataList1.inOutFlag = 2
  1397. var data=JSON.parse(localStorage.getItem("supplygoods"))
  1398. if(data){
  1399. for (let i = 0; i < data.length; i++) {
  1400. data[i].sourceId=data[i].id
  1401. }
  1402. }else{
  1403. }
  1404. var supplygoods=data
  1405. this.dataList.sourceId=this.goods
  1406. this.dataList1.sourceId=this.goods
  1407. if (this.dataList.taskTypeKey == 1) {
  1408. this.dataList.inOutTaskNo = this.inOutTaskNo
  1409. this.dataList.sourceRelationInfoList=supplygoods
  1410. this.requestadd(this.dataList)
  1411. } else if (this.dataList1.taskTypeKey == 2) {
  1412. this.dataList1.inOutTaskNo = this.inOutTaskNo1
  1413. this.dataList1.sourceRelationInfoList=supplygoods
  1414. this.requestadd(this.dataList1)
  1415. } else if (
  1416. this.dataList.taskTypeKey == 3 ||
  1417. this.dataList.taskTypeKey == 4
  1418. ) {
  1419. this.dataList.inOutTaskNo = this.inOutTaskNo
  1420. this.dataList.relevanceId = this.GetRandomNum(100000, 999999)
  1421. this.dataList.sourceRelationInfoList=supplygoods
  1422. this.dataList1.sourceRelationInfoList=supplygoods
  1423. if (this.dataList.taskTypeKey == 3) {
  1424. this.dataList.sendWarehouse=this.dataList.warehouseName
  1425. this.dataList.receiveWarehouse=this.dataList1.warehouseName
  1426. this.dataList1.sendWarehouse=this.dataList.warehouseName
  1427. this.dataList1.receiveWarehouse=this.dataList1.warehouseName
  1428. this.dataList.businessDescribe = this.dataList1.businessDescribe
  1429. } else {
  1430. this.dataList1.businessDescribe = this.dataList.businessDescribe
  1431. }
  1432. this.requestadd(this.dataList, 'repetition')
  1433. this.dataList1.inOutTaskNo = this.inOutTaskNo1
  1434. this.dataList1.relevanceId = this.dataList.relevanceId
  1435. this.dataList1.goodsName = this.dataList.goodsName
  1436. this.requestadd(this.dataList1, 'repetition')
  1437. }
  1438. },
  1439. tarechange(e) {
  1440. if (this.dataList.grossWeight && this.dataList.tare) {
  1441. this.dataList.netWeight = Number(
  1442. this.dataList.grossWeight - this.dataList.tare
  1443. )
  1444. }
  1445. },
  1446. grossWeightchange(e) {
  1447. if (this.dataList.grossWeight && this.dataList.tare) {
  1448. this.dataList.netWeight = Number(
  1449. this.dataList.grossWeight - this.dataList.tare
  1450. )
  1451. }
  1452. },
  1453. selectgoodsName(e) {
  1454. for (var i = 0; i < this.goodnameList.length; i++) {
  1455. if (this.goodnameList[i].constValue == e) {
  1456. this.dataList.goodsNameKey = this.goodnameList[i].constKey
  1457. }
  1458. }
  1459. },
  1460. selectgoodsName1(e) {
  1461. for (var i = 0; i < this.goodnameList.length; i++) {
  1462. if (this.goodnameList[i].constValue == e) {
  1463. this.dataList1.goodsNameKey = this.goodnameList[i].constKey
  1464. }
  1465. }
  1466. },
  1467. selectpackingMethod(e) {
  1468. for (var i = 0; i < this.gradeList.length; i++) {
  1469. if (this.gradeList[i].constValue == e) {
  1470. this.dataList.gradeKey = this.gradeList[i].constKey
  1471. if (this.dataList.taskTypeKey == 3) {
  1472. this.$set(this.dataList1, 'grade', e)
  1473. this.$set(this.dataList1, 'gradeKey', this.gradeList[i].constKey)
  1474. }
  1475. }
  1476. }
  1477. },
  1478. selectpackingMethod1(e) {
  1479. for (var i = 0; i < this.gradeList.length; i++) {
  1480. if (this.gradeList[i].constValue == e) {
  1481. this.dataList1.packingMethodKey = this.gradeList[i].constKey
  1482. if (this.dataList1.taskTypeKey == 4) {
  1483. this.$set(this.dataList, 'grade', e)
  1484. this.$set(this.dataList, 'gradeKey', this.gradeList[i].constKey)
  1485. }
  1486. }
  1487. }
  1488. },
  1489. selectstorageType(e) {
  1490. switch (e) {
  1491. case '采购出库':
  1492. this.flag = 0
  1493. break
  1494. case '销售出库':
  1495. this.flag = 1
  1496. break
  1497. }
  1498. for (var i = 0; i < this.storageType.length; i++) {
  1499. if (this.storageType[i].constValue == e) {
  1500. this.dataList.inOutTypeKey = this.storageType[i].constKey
  1501. }
  1502. }
  1503. },
  1504. selectstorageType1(e) {
  1505. switch (e) {
  1506. case '采购入库':
  1507. this.flag = 0
  1508. break
  1509. case '暂存入库':
  1510. this.flag = 0
  1511. break
  1512. case '贸易服务入库':
  1513. this.flag = 0
  1514. break
  1515. case '退库':
  1516. this.flag = 2
  1517. break
  1518. }
  1519. for (var i = 0; i < this.storageType1.length; i++) {
  1520. if (this.storageType1[i].constValue == e) {
  1521. this.dataList1.inOutTypeKey = this.storageType1[i].constKey
  1522. }
  1523. }
  1524. },
  1525. handleClose() {
  1526. this.accessoryTFs = false
  1527. },
  1528. handleSizeChange(val) {
  1529. console.log(`每页 ${val} 条`)
  1530. this.pageSize = val
  1531. this.getList()
  1532. },
  1533. businessDescriptionchange(e) {
  1534. console.log(e)
  1535. },
  1536. handleCurrentChange(val) {
  1537. this.currentPage = val
  1538. console.log(`当前页: ${val}`)
  1539. this.getList()
  1540. },
  1541. tasknumber() {
  1542. if (this.dataList.taskTypeKey == 1) {
  1543. this.inOutTaskNo = 'CK' + this.getdate() + this.MathRand()
  1544. } else if (this.dataList.taskTypeKey == 2) {
  1545. this.inOutTaskNo1 = 'RK' + this.getdate() + this.MathRand()
  1546. } else if (this.dataList.taskTypeKey == 3) {
  1547. var random = this.getdate() + this.MathRand()
  1548. this.inOutTaskNo = 'YKC' + random
  1549. this.inOutTaskNo1 = 'YKR' + random
  1550. // this.dataList.moveTaskNo = 'YKRW' + random
  1551. // this.dataList1.moveTaskNo = 'YKRW' + random
  1552. } else if (this.dataList.taskTypeKey == 4) {
  1553. var random = this.getdate() + this.MathRand()
  1554. this.inOutTaskNo = 'TCC' + random
  1555. this.inOutTaskNo1 = 'TCR' + random
  1556. }
  1557. },
  1558. tasktypechange(e) {
  1559. if (!this.$route.query.relevanceId) {
  1560. this.tasknumber()
  1561. }
  1562. this.dataList1.taskTypeKey = e
  1563. if (this.dataList.taskTypeKey == 1) {
  1564. this.dataList.inOutType = '销售出库'
  1565. this.dataList.inOutTypeKey = '1'
  1566. this.flag = 1
  1567. }
  1568. if (this.dataList1.taskTypeKey == 2) {
  1569. this.dataList1.inOutType = '采购入库'
  1570. this.dataList1.inOutTypeKey = '1'
  1571. this.flag = 8
  1572. } else if (this.dataList1.taskTypeKey == 3) {
  1573. this.disabled = true
  1574. this.gradestatus=false
  1575. this.dataList1.inOutType = '移库入库'
  1576. this.dataList1.inOutTypeKey = '3'
  1577. this.dataList.inOutType = '移库出库'
  1578. this.dataList.inOutTypeKey = '3'
  1579. } else if (this.dataList1.taskTypeKey == 4) {
  1580. this.disabled = true
  1581. this.dataList1.inOutType = '退库'
  1582. this.dataList1.inOutTypeKey = '6'
  1583. this.dataList.inOutType = '销售出库'
  1584. this.flag = 2
  1585. this.dataList.inOutTypeKey = '1'
  1586. }
  1587. },
  1588. GetRandomNum(Min, Max) {
  1589. var Range = Max - Min
  1590. var Rand = Math.random()
  1591. return Min + Math.round(Rand * Range)
  1592. },
  1593. getList() {
  1594. this.tasknumber()
  1595. this.$set(this.dataList, 'inOutType', '销售出库')
  1596. this.$set(this.dataList, 'inOutTypeKey', '1')
  1597. this.$set(this.dataList, 'goodsName', '玉米')
  1598. this.$set(this.dataList, 'goodsNameKey', '1')
  1599. this.$set(this.dataList, 'grade', '一等品')
  1600. this.$set(this.dataList, 'gradeKey', '1')
  1601. this.$set(this.dataList1, 'goodsName', '玉米')
  1602. this.$set(this.dataList1, 'goodsNameKey', '1')
  1603. this.$set(this.dataList1, 'grade', '一等品')
  1604. this.$set(this.dataList1, 'gradeKey', '1')
  1605. // 货名
  1606. pullDown({
  1607. constId: 'CON2'
  1608. })
  1609. .toPromise()
  1610. .then(response => {
  1611. this.goodnameList = response
  1612. })
  1613. // 品级
  1614. pullDown({
  1615. constId: 'CON3'
  1616. })
  1617. .toPromise()
  1618. .then(response => {
  1619. this.gradeList = response
  1620. })
  1621. pullDown({
  1622. constId: 'CON6'
  1623. })
  1624. .toPromise()
  1625. .then(response => {
  1626. this.storageType = response
  1627. })
  1628. pullDown({
  1629. constId: 'CON5'
  1630. })
  1631. .toPromise()
  1632. .then(response => {
  1633. this.storageType1 = response
  1634. })
  1635. xialaNo({
  1636. compId: this.compId,
  1637. flag: this.flag
  1638. })
  1639. .toPromise()
  1640. .then(response => {
  1641. this.contractNoList = response
  1642. // this.contractNoList1 = response
  1643. })
  1644. // //临时仓库入库类型
  1645. // pullDown({ constId: 'WARE1' })
  1646. // .toPromise()
  1647. // .then((response) => {
  1648. // this.storageType = respons
  1649. // })
  1650. // //临时仓库出库类型
  1651. // pullDown({ constId: 'WARE2' })
  1652. // .toPromise()
  1653. // .then((response) => {
  1654. // this.deliveryType = response
  1655. // })
  1656. //仓库名
  1657. getwarehousename({
  1658. compId: this.compId,
  1659. warehouseType: 1
  1660. })
  1661. .toPromise()
  1662. .then(response => {
  1663. this.warehouseNameList = response
  1664. getwarehousename({
  1665. compId: this.compId,
  1666. warehouseType: 2
  1667. })
  1668. .toPromise()
  1669. .then(response => {
  1670. console.log('查仓库sss',response)
  1671. for (var i = 0; i < response.length; i++) {
  1672. this.warehouseNameList.push(response[i])
  1673. }
  1674. })
  1675. })
  1676. },
  1677. selecttaskType(e) {
  1678. for (var i = 0; i < this.taskTypeList.length; i++) {
  1679. if (this.taskTypeList[i].value == e) {
  1680. this.searchType = this.taskTypeList[i].type
  1681. }
  1682. }
  1683. },
  1684. fujian(row) {
  1685. if (
  1686. row.receiveAttachmentPath === null ||
  1687. row.receiveAttachmentPath === ''
  1688. ) {
  1689. EventBus.$emit(
  1690. 'warning',
  1691. this.$t('system.noticeCircular.NoInformation')
  1692. )
  1693. } else {
  1694. this.accessoryTFs = true
  1695. }
  1696. this.appendixIdss = row.receiveAttachmentPath
  1697. },
  1698. handleExamine(row) {
  1699. this.$router.push({
  1700. name: 'salesContractExamine',
  1701. query: {
  1702. id: row.id
  1703. }
  1704. })
  1705. },
  1706. // 关闭 dialog时 处理文件url 初始化upload组件
  1707. handleCloe() {
  1708. this.dialogViewSpareMoney = false
  1709. },
  1710. history(row) {
  1711. console.log(row)
  1712. billoperatehis({
  1713. id: row.id
  1714. })
  1715. .toPromise()
  1716. .then(response => {
  1717. this.historyList = response
  1718. })
  1719. }
  1720. }
  1721. }
  1722. </script>
  1723. <style lang="scss" scoped>
  1724. /deep/.basicInformation {
  1725. .el-info-table {
  1726. border: none;
  1727. position: relative;
  1728. }
  1729. .el-form-item {
  1730. width: 33.3333%;
  1731. border: none;
  1732. margin: 0;
  1733. .el-form-item__label {
  1734. text-align: left;
  1735. font-size: 14px;
  1736. font-family: PingFangSC-Regular, PingFang SC;
  1737. font-weight: 400;
  1738. color: #8890b1;
  1739. }
  1740. .el-form-item__content {
  1741. padding-left: 0px;
  1742. padding-right: 10px;
  1743. // background: #fff;
  1744. white-space: nowrap;
  1745. height: 40px;
  1746. display: flex;
  1747. -webkit-box-align: center;
  1748. align-items: center;
  1749. text-align: left;
  1750. overflow: hidden;
  1751. }
  1752. }
  1753. }
  1754. /deep/.el-radio {
  1755. color: #606266;
  1756. font-weight: 500;
  1757. line-height: 1;
  1758. cursor: pointer;
  1759. white-space: nowrap;
  1760. outline: 0;
  1761. margin-right: 30px;
  1762. margin-top: 15px;
  1763. }
  1764. /deep/.el-radio__inner {
  1765. border: 1px solid #dcdfe6;
  1766. border-radius: 100%;
  1767. width: 14px;
  1768. height: 14px;
  1769. background-color: #fff;
  1770. cursor: pointer;
  1771. -webkit-box-sizing: border-box;
  1772. box-sizing: border-box;
  1773. margin-left: 100px;
  1774. }
  1775. /deep/.el-radio__input {
  1776. white-space: nowrap;
  1777. cursor: pointer;
  1778. outline: 0;
  1779. line-height: 1;
  1780. vertical-align: middle;
  1781. margin-top: -1px;
  1782. }
  1783. .title {
  1784. position: relative;
  1785. padding-left: 10px;
  1786. }
  1787. .title::before {
  1788. content: '';
  1789. display: inline-block;
  1790. width: 5px;
  1791. height: 30px;
  1792. background: #5473e8;
  1793. position: absolute;
  1794. left: 0;
  1795. }
  1796. .el-button--primary {
  1797. background-color: #5878e8;
  1798. border-color: #5878e8;
  1799. }
  1800. .el-col {
  1801. background: #f6f7fc;
  1802. }
  1803. .bg-right {
  1804. text-align: right;
  1805. padding: 16px 20px;
  1806. }
  1807. .center {
  1808. position: relative;
  1809. top: 50px;
  1810. width: 40%;
  1811. margin: 0 auto;
  1812. margin-right: 180px;
  1813. }
  1814. /deep/.el-form-item__label {
  1815. width: 160px;
  1816. }
  1817. .inspector {
  1818. width: 50%;
  1819. }
  1820. /deep/.el-form-item--small .el-form-item__label,
  1821. .el-form-item--small .el-form-item__content {
  1822. text-align: left;
  1823. }
  1824. /deep/.el-input--small {
  1825. font-size: 13px;
  1826. position: relative;
  1827. display: inline-block;
  1828. }
  1829. .center1 .small-title {
  1830. margin-left: 323px;
  1831. }
  1832. .center1 {
  1833. width: 90%;
  1834. margin: 0 auto;
  1835. margin-left: 10px;
  1836. margin-top: 25px;
  1837. }
  1838. /deep/.el-input--small .el-input__inner {
  1839. height: 32px;
  1840. line-height: 32px;
  1841. }
  1842. /deep/.el-select {
  1843. display: inline-block;
  1844. position: relative;
  1845. width: 100%;
  1846. }
  1847. .annu {
  1848. height: 81px;
  1849. background: #ffffff;
  1850. border-radius: 4px;
  1851. }
  1852. .basicInformation .el-form-item {
  1853. width: 50.3333%;
  1854. border: none;
  1855. margin: 0;
  1856. }
  1857. .huom {
  1858. width: 100%;
  1859. }
  1860. .a {
  1861. margin-left: -32px;
  1862. }
  1863. .ding {
  1864. height: 23px;
  1865. background: #e8ecf6;
  1866. box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  1867. }
  1868. .el-radio-group {
  1869. font-size: 0;
  1870. margin-top: 20px;
  1871. margin-left: 251px;
  1872. }
  1873. /deep/.el-form {
  1874. padding: 0 15%;
  1875. display: -webkit-box;
  1876. display: -ms-flexbox;
  1877. display: flex;
  1878. -ms-flex-wrap: wrap;
  1879. flex-wrap: wrap;
  1880. margin-left: 130px;
  1881. margin-top: 15px;
  1882. width: 100%;
  1883. font-size: 14px;
  1884. font-family: PingFangSC-Regular, PingFang SC;
  1885. font-weight: 400;
  1886. color: #8890b1;
  1887. line-height: 16px;
  1888. }
  1889. </style>