tranManagementWarehouseInOutTaskAdd.vue 58 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922
  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==3){
  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. }
  651. },
  652. weightchange1(e) {
  653. if (this.dataList.taskTypeKey == 3) {
  654. this.$set(this.dataList1, 'weight', e)
  655. }
  656. },
  657. bulkDensitychange(e) {
  658. if (this.dataList.taskTypeKey == 4) {
  659. this.$set(this.dataList, 'bulkDensity', e)
  660. } else if (this.dataList1.taskTypeKey == 3) {
  661. this.$set(this.dataList1, 'bulkDensity', e)
  662. }
  663. },
  664. waterContentchange(e) {
  665. if (this.dataList.taskTypeKey == 4) {
  666. this.$set(this.dataList, 'waterContent', e)
  667. } else if (this.dataList1.taskTypeKey == 3) {
  668. this.$set(this.dataList1, 'waterContent', e)
  669. }
  670. },
  671. unitPricechange(e) {
  672. if (this.dataList.taskTypeKey == 4) {
  673. this.$set(this.dataList, 'unitPrice', e)
  674. } else if (this.dataList1.taskTypeKey == 3) {
  675. this.$set(this.dataList1, 'unitPrice', e)
  676. }
  677. },
  678. changecontract(e) {
  679. if (this.dataList.taskTypeKey != 3) {
  680. for (let i = 0; i < this.contractNoList.length; i++) {
  681. if (this.contractNoList[i].contractNo == e) {
  682. if(this.contractNoList[i].priceType == '随行就市'){
  683. this.Pricetype = false
  684. }else{
  685. this.Pricetype = true
  686. }
  687. getGoodsName({
  688. contractId: this.contractNoList[i].id,
  689. contractNo: this.contractNoList[i].contractNo
  690. })
  691. .toPromise()
  692. .then(response => {
  693. this.$set(this.dataList, 'goodsName', response.goodsName)
  694. this.$set(this.dataList, 'goodsNameKey', response.goodsNameKey)
  695. this.$set(this.dataList, 'grade', response.grade)
  696. this.$set(this.dataList, 'gradeKey', response.gradeKey)
  697. this.$set(this.dataList, 'waterContent', response.waterContent)
  698. this.$set(this.dataList, 'bulkDensity', response.bulkDensity)
  699. // this.$set(this.dataList, 'weight', response.weight)
  700. this.$set(
  701. this.dataList,
  702. 'unitPrice',
  703. response.unitContractPrice
  704. )
  705. })
  706. }
  707. }
  708. }
  709. },
  710. selectwarehouseName(e) {
  711. this.baseId=e
  712. for (var i = 0; i < this.warehouseNameList.length; i++) {
  713. if (this.warehouseNameList[i].id == e) {
  714. this.dataList.warehouseName = this.warehouseNameList[i].warehouseName
  715. if(this.dataList.taskTypeKey==3||this.dataList1.taskTypeKey==3){
  716. if(this.warehouseNameList[i].warehouseType==2){
  717. this.$set(this.dataList, 'goodsName', this.warehouseNameList[i].goodsName)
  718. this.$set(this.dataList, 'grade', this.warehouseNameList[i].grade)
  719. this.$set(this.dataList1, 'goodsName', this.warehouseNameList[i].goodsName)
  720. this.$set(this.dataList1, 'grade', this.warehouseNameList[i].grade)
  721. this.gradestatus=true
  722. }else{
  723. this.gradestatus=false
  724. }
  725. }
  726. console.log(this.warehouseNameList[i])
  727. //经办人
  728. getstaff({
  729. compId: localStorage.getItem('ws-pf_compId'),
  730. warehouseId: e
  731. })
  732. .toPromise()
  733. .then(response => {
  734. this.options = response
  735. this.staffList = response
  736. // this.agent = response
  737. })
  738. }
  739. }
  740. },
  741. selectwarehouseName1(e) {
  742. for (var i = 0; i < this.warehouseNameList.length; i++) {
  743. if (this.warehouseNameList[i].id == e) {
  744. this.dataList1.warehouseName = this.warehouseNameList[i].warehouseName
  745. //经办人
  746. getstaff({
  747. compId: localStorage.getItem('ws-pf_compId'),
  748. warehouseId: e
  749. })
  750. .toPromise()
  751. .then(response => {
  752. this.options1 = response
  753. this.staffList1 = response
  754. // this.agent = response
  755. })
  756. }
  757. }
  758. },
  759. changecontract1(e) {
  760. if (this.dataList1.taskTypeKey != 3) {
  761. for (let i = 0; i < this.contractNoList.length; i++) {
  762. if (this.contractNoList[i].contractNo == e) {
  763. if(this.contractNoList[i].priceType == '随行就市'){
  764. this.Pricetype = false
  765. }else{
  766. this.Pricetype = true
  767. }
  768. getGoodsName({
  769. contractId: this.contractNoList[i].id,
  770. contractNo: this.contractNoList[i].contractNo
  771. })
  772. .toPromise()
  773. .then(response => {
  774. this.$set(this.dataList1, 'goodsName', response.goodsName)
  775. this.$set(this.dataList1, 'goodsNameKey', response.goodsNameKey)
  776. this.$set(this.dataList1, 'grade', response.grade)
  777. this.$set(this.dataList1, 'gradeKey', response.gradeKey)
  778. this.$set(this.dataList1, 'waterContent', response.waterContent)
  779. this.$set(this.dataList1, 'bulkDensity', response.bulkDensity)
  780. if(this.dataList1.taskTypeKey==2&&this.dataList1.inOutType=="退库"){
  781. this.goods=''
  782. this.dataList1.weight=0
  783. }else{
  784. this.$set(this.dataList1, 'weight', response.weight)
  785. }
  786. this.$set(
  787. this.dataList1,
  788. 'unitPrice',
  789. response.unitContractPrice
  790. )
  791. })
  792. }
  793. }
  794. }
  795. },
  796. selectstaff(e) {
  797. for (var i = 0; i < this.staffList.length; i++) {
  798. if (this.staffList[i].staffName == e) {
  799. this.dataList.agentKey = this.staffList[i].staffId
  800. }
  801. }
  802. },
  803. selectstaff1(e) {
  804. for (var i = 0; i < this.staffList1.length; i++) {
  805. if (this.staffList1[i].staffName == e) {
  806. this.dataList1.agentKey = this.staffList1[i].staffId
  807. }
  808. }
  809. },
  810. requestadd(list, status) {
  811. localStorage.removeItem('supplygoods1')
  812. list.compId = localStorage.getItem('ws-pf_compId')
  813. list.publisher =
  814. localStorage.getItem('ws-pf_roleName') +
  815. localStorage.getItem('ws-pf_staffName')
  816. addoreditoutput(list)
  817. .toPromise()
  818. .then(response => {
  819. var that = this
  820. this.$message.success('添加成功')
  821. setTimeout(function() {
  822. that.dataList = {
  823. taskTypeKey: 1
  824. }
  825. that.dataList1 = {}
  826. that.$router.push({
  827. path: 'tranManagementWarehouseInOuttask'
  828. })
  829. }, 2000)
  830. })
  831. },
  832. //提交按钮
  833. submit() {
  834. if (this.dataList.taskTypeKey == 1) {
  835. if (!this.dataList.warehouseName) {
  836. this.$message({
  837. message: '仓库名不能为空!',
  838. type: 'warning'
  839. })
  840. return
  841. }
  842. if (!this.dataList.contractNo) {
  843. this.$message({
  844. message: '合同编号不能为空!',
  845. type: 'warning'
  846. })
  847. return
  848. }
  849. if (!this.dataList.weight) {
  850. this.$message({
  851. message: '重量(吨)不能为空!',
  852. type: 'warning'
  853. })
  854. return
  855. }
  856. if (
  857. isNaN(this.dataList.weight) ||
  858. (String(this.dataList.weight).indexOf('.') != -1 &&
  859. String(this.dataList.weight).length -
  860. (String(this.dataList.weight).indexOf('.') + 1) >
  861. 2) ||
  862. this.dataList.weight < 0 ||
  863. this.dataList.weight > 200000
  864. ) {
  865. this.$message({
  866. message: '重量(吨)输入有误!',
  867. type: 'warning'
  868. })
  869. return
  870. }
  871. // if (!this.dataList.bulkDensity) {
  872. // this.$message({
  873. // message: '容重不能为空!',
  874. // type: 'warning'
  875. // })
  876. // return
  877. // }
  878. // if (
  879. // this.dataList.bulkDensity < 0 ||
  880. // this.dataList.bulkDensity > 1000
  881. // ) {
  882. // this.$message({
  883. // message: '容重输入错误',
  884. // type: 'warning'
  885. // })
  886. // return
  887. // }
  888. // if (
  889. // String(this.dataList.bulkDensity).indexOf('.') != -1 &&
  890. // String(this.dataList.bulkDensity).length -
  891. // (String(this.dataList.bulkDensity).indexOf('.') + 1) >
  892. // 0
  893. // ) {
  894. // this.$message({
  895. // message: '容重需输入整数',
  896. // type: 'warning'
  897. // })
  898. // return
  899. // }
  900. // if (!this.dataList.waterContent) {
  901. // this.$message({
  902. // message: '水分不能为空!',
  903. // type: 'warning'
  904. // })
  905. // return
  906. // }
  907. // if (this.dataList.waterContent < 0 || this.dataList.waterContent > 40) {
  908. // this.$message({
  909. // message: '水分输入错误',
  910. // type: 'warning'
  911. // })
  912. // return
  913. // }
  914. // if (
  915. // String(this.dataList.waterContent).indexOf('.') != -1 &&
  916. // String(this.dataList.waterContent).length -
  917. // (String(this.dataList.waterContent).indexOf('.') + 1) >
  918. // 1
  919. // ) {
  920. // this.$message({
  921. // message: '水分输入错误',
  922. // type: 'warning'
  923. // })
  924. // return
  925. // }
  926. // if(this.Pricetype){
  927. // if (!this.dataList.unitPrice) {
  928. // this.$message({
  929. // message: '单价不能为空!',
  930. // type: 'warning'
  931. // })
  932. // return
  933. // }
  934. // if (
  935. // (this.dataList.unitPrice &&
  936. // String(this.dataList.unitPrice).indexOf('.') != -1 &&
  937. // String(this.dataList.unitPrice).length -
  938. // (String(this.dataList.unitPrice).indexOf('.') + 1) >
  939. // 2) ||
  940. // this.dataList.unitPrice > 100000 ||
  941. // this.dataList.unitPrice < 1
  942. // ) {
  943. // this.$message({
  944. // message: '单价输入错误',
  945. // type: 'warning'
  946. // })
  947. // return
  948. // }
  949. // }
  950. if (!this.dataList.predictDate) {
  951. this.$message({
  952. message: '预计出库日期不能为空!',
  953. type: 'warning'
  954. })
  955. return
  956. }
  957. // if (isNaN(this.dataList.estimatedFreight)) {
  958. // this.$message({
  959. // message: '预估运费输入错误!',
  960. // type: 'warning'
  961. // })
  962. // return
  963. // }
  964. // if (!this.dataList.agent) {
  965. // this.$message({
  966. // message: '出库经办人不能为空!',
  967. // type: 'warning'
  968. // })
  969. // return
  970. // }
  971. if (!this.dataList.businessDescribe) {
  972. this.$message({
  973. message: '业务描述不能为空!',
  974. type: 'warning'
  975. })
  976. return
  977. }
  978. }
  979. if (this.dataList.taskTypeKey == 2) {
  980. if (!this.dataList1.warehouseName) {
  981. this.$message({
  982. message: '仓库名不能为空!',
  983. type: 'warning'
  984. })
  985. return
  986. }
  987. if (!this.dataList1.contractNo) {
  988. this.$message({
  989. message: '合同编号不能为空!',
  990. type: 'warning'
  991. })
  992. return
  993. }
  994. if (!this.dataList1.weight) {
  995. this.$message({
  996. message: '重量(吨)不能为空!',
  997. type: 'warning'
  998. })
  999. return
  1000. }
  1001. if (
  1002. isNaN(this.dataList1.weight) ||
  1003. (String(this.dataList1.weight).indexOf('.') != -1 &&
  1004. String(this.dataList1.weight).length -
  1005. (String(this.dataList1.weight).indexOf('.') + 1) >
  1006. 2) ||
  1007. this.dataList1.weight < 0 ||
  1008. this.dataList1.weight > 200000
  1009. ) {
  1010. this.$message({
  1011. message: '重量(吨)输入有误!',
  1012. type: 'warning'
  1013. })
  1014. return
  1015. }
  1016. // if (!this.dataList1.bulkDensity) {
  1017. // this.$message({
  1018. // message: '容重不能为空!',
  1019. // type: 'warning'
  1020. // })
  1021. // return
  1022. // }
  1023. // if (
  1024. // this.dataList1.bulkDensity < 500 ||
  1025. // this.dataList1.bulkDensity > 1000
  1026. // ) {
  1027. // this.$message({
  1028. // message: '容重输入错误',
  1029. // type: 'warning'
  1030. // })
  1031. // return
  1032. // }
  1033. // if (
  1034. // String(this.dataList1.bulkDensity).indexOf('.') != -1 &&
  1035. // String(this.dataList1.bulkDensity).length -
  1036. // (String(this.dataList1.bulkDensity).indexOf('.') + 1) >
  1037. // 0
  1038. // ) {
  1039. // this.$message({
  1040. // message: '容重需输入整数',
  1041. // type: 'warning'
  1042. // })
  1043. // return
  1044. // }
  1045. // if (!this.dataList1.waterContent) {
  1046. // this.$message({
  1047. // message: '水分不能为空!',
  1048. // type: 'warning'
  1049. // })
  1050. // return
  1051. // }
  1052. // if (
  1053. // this.dataList1.waterContent < 0 ||
  1054. // this.dataList1.waterContent > 40
  1055. // ) {
  1056. // this.$message({
  1057. // message: '水分输入错误',
  1058. // type: 'warning'
  1059. // })
  1060. // return
  1061. // }
  1062. // if (
  1063. // String(this.dataList1.waterContent).indexOf('.') != -1 &&
  1064. // String(this.dataList1.waterContent).length -
  1065. // (String(this.dataList1.waterContent).indexOf('.') + 1) >
  1066. // 1
  1067. // ) {
  1068. // this.$message({
  1069. // message: '水分输入错误',
  1070. // type: 'warning'
  1071. // })
  1072. // return
  1073. // }
  1074. // if(this.Pricetype){
  1075. // if (!this.dataList1.unitPrice) {
  1076. // this.$message({
  1077. // message: '单价不能为空!',
  1078. // type: 'warning'
  1079. // })
  1080. // return
  1081. // }
  1082. // if (
  1083. // (this.dataList1.unitPrice &&
  1084. // String(this.dataList1.unitPrice).indexOf('.') != -1 &&
  1085. // String(this.dataList1.unitPrice).length -
  1086. // (String(this.dataList1.unitPrice).indexOf('.') + 1) >
  1087. // 2) ||
  1088. // this.dataList1.unitPrice > 100000 ||
  1089. // this.dataList1.unitPrice < 1
  1090. // ) {
  1091. // this.$message({
  1092. // message: '单价输入错误',
  1093. // type: 'warning'
  1094. // })
  1095. // return
  1096. // }
  1097. // }
  1098. if (!this.dataList1.predictDate) {
  1099. this.$message({
  1100. message: '预计入库日期不能为空!',
  1101. type: 'warning'
  1102. })
  1103. return
  1104. }
  1105. // if (isNaN(this.dataList1.estimatedFreight)) {
  1106. // this.$message({
  1107. // message: '预估运费输入错误!',
  1108. // type: 'warning'
  1109. // })
  1110. // return
  1111. // }
  1112. // if (!this.dataList1.agent) {
  1113. // this.$message({
  1114. // message: '入库经办人不能为空!',
  1115. // type: 'warning'
  1116. // })
  1117. // return
  1118. // }
  1119. if (!this.dataList1.businessDescribe) {
  1120. this.$message({
  1121. message: '业务描述不能为空!',
  1122. type: 'warning'
  1123. })
  1124. return
  1125. }
  1126. }
  1127. if (this.dataList.taskTypeKey == 3) {
  1128. if (!this.dataList.warehouseName) {
  1129. this.$message({
  1130. message: '出库仓库名不能为空!',
  1131. type: 'warning'
  1132. })
  1133. return
  1134. }
  1135. if (!this.dataList1.warehouseName) {
  1136. this.$message({
  1137. message: '入库仓库名不能为空!',
  1138. type: 'warning'
  1139. })
  1140. return
  1141. }
  1142. if (!this.dataList1.moveTaskNo) {
  1143. this.$message({
  1144. message: '移库任务编号不能为空!',
  1145. type: 'warning'
  1146. })
  1147. return
  1148. }
  1149. if (!this.dataList1.weight) {
  1150. this.$message({
  1151. message: '重量(吨)不能为空!',
  1152. type: 'warning'
  1153. })
  1154. return
  1155. }
  1156. if (
  1157. isNaN(this.dataList1.weight) ||
  1158. (String(this.dataList1.weight).indexOf('.') != -1 &&
  1159. String(this.dataList1.weight).length -
  1160. (String(this.dataList1.weight).indexOf('.') + 1) >
  1161. 2) ||
  1162. this.dataList1.weight < 0 ||
  1163. this.dataList1.weight > 200000
  1164. ) {
  1165. this.$message({
  1166. message: '重量(吨)输入有误!',
  1167. type: 'warning'
  1168. })
  1169. return
  1170. }
  1171. if (!this.dataList.predictDate) {
  1172. this.$message({
  1173. message: '预计出库日期不能为空!',
  1174. type: 'warning'
  1175. })
  1176. return
  1177. }
  1178. // if (isNaN(this.dataList1.estimatedFreight)) {
  1179. // this.$message({
  1180. // message: '预估运费输入错误!',
  1181. // type: 'warning'
  1182. // })
  1183. // return
  1184. // }
  1185. if (!this.dataList1.predictDate) {
  1186. this.$message({
  1187. message: '预计入库日期不能为空!',
  1188. type: 'warning'
  1189. })
  1190. return
  1191. }
  1192. // if (!this.dataList.agent) {
  1193. // this.$message({
  1194. // message: '出库经办人不能为空!',
  1195. // type: 'warning'
  1196. // })
  1197. // return
  1198. // }
  1199. // if (!this.dataList1.agent) {
  1200. // this.$message({
  1201. // message: '入库经办人不能为空!',
  1202. // type: 'warning'
  1203. // })
  1204. // return
  1205. // }
  1206. if (!this.dataList1.businessDescribe) {
  1207. this.$message({
  1208. message: '业务描述不能为空!',
  1209. type: 'warning'
  1210. })
  1211. return
  1212. }
  1213. }
  1214. if (this.dataList1.taskTypeKey == 4) {
  1215. if (!this.dataList.warehouseName) {
  1216. this.$message({
  1217. message: '出库仓库名不能为空!',
  1218. type: 'warning'
  1219. })
  1220. return
  1221. }
  1222. if (!this.dataList1.warehouseName) {
  1223. this.$message({
  1224. message: '入库仓库名不能为空!',
  1225. type: 'warning'
  1226. })
  1227. return
  1228. }
  1229. if (!this.dataList1.contractNo) {
  1230. this.$message({
  1231. message: '合同编号不能为空!',
  1232. type: 'warning'
  1233. })
  1234. return
  1235. }
  1236. if (!this.dataList.contractNo) {
  1237. this.$message({
  1238. message: '合同编号不能为空!',
  1239. type: 'warning'
  1240. })
  1241. return
  1242. }
  1243. if (!this.dataList1.weight) {
  1244. this.$message({
  1245. message: '重量(吨)不能为空!',
  1246. type: 'warning'
  1247. })
  1248. return
  1249. }
  1250. if (
  1251. isNaN(this.dataList1.weight) ||
  1252. (String(this.dataList1.weight).indexOf('.') != -1 &&
  1253. String(this.dataList1.weight).length -
  1254. (String(this.dataList1.weight).indexOf('.') + 1) >
  1255. 2) ||
  1256. this.dataList1.weight < 0 ||
  1257. this.dataList1.weight > 200000
  1258. ) {
  1259. this.$message({
  1260. message: '重量(吨)输入有误!',
  1261. type: 'warning'
  1262. })
  1263. return
  1264. }
  1265. // if (!this.dataList1.bulkDensity) {
  1266. // this.$message({
  1267. // message: '容重不能为空!',
  1268. // type: 'warning'
  1269. // })
  1270. // return
  1271. // }
  1272. // if (
  1273. // this.dataList1.bulkDensity < 500 ||
  1274. // this.dataList1.bulkDensity > 1000
  1275. // ) {
  1276. // this.$message({
  1277. // message: '容重输入错误',
  1278. // type: 'warning'
  1279. // })
  1280. // return
  1281. // }
  1282. // if (
  1283. // String(this.dataList1.bulkDensity).indexOf('.') != -1 &&
  1284. // String(this.dataList1.bulkDensity).length -
  1285. // (String(this.dataList1.bulkDensity).indexOf('.') + 1) >
  1286. // 0
  1287. // ) {
  1288. // this.$message({
  1289. // message: '容重需输入整数',
  1290. // type: 'warning'
  1291. // })
  1292. // return
  1293. // }
  1294. // if (!this.dataList1.waterContent) {
  1295. // this.$message({
  1296. // message: '水分不能为空!',
  1297. // type: 'warning'
  1298. // })
  1299. // return
  1300. // }
  1301. // if (
  1302. // this.dataList1.waterContent < 0 ||
  1303. // this.dataList1.waterContent > 40
  1304. // ) {
  1305. // this.$message({
  1306. // message: '水分输入错误',
  1307. // type: 'warning'
  1308. // })
  1309. // return
  1310. // }
  1311. // if (
  1312. // String(this.dataList1.waterContent).indexOf('.') != -1 &&
  1313. // String(this.dataList1.waterContent).length -
  1314. // (String(this.dataList1.waterContent).indexOf('.') + 1) >
  1315. // 1
  1316. // ) {
  1317. // this.$message({
  1318. // message: '水分输入错误',
  1319. // type: 'warning'
  1320. // })
  1321. // return
  1322. // }
  1323. // if(this.Pricetype){
  1324. // if (!this.dataList1.unitPrice) {
  1325. // this.$message({
  1326. // message: '单价不能为空!',
  1327. // type: 'warning'
  1328. // })
  1329. // return
  1330. // }
  1331. // if (
  1332. // (this.dataList1.unitPrice &&
  1333. // String(this.dataList1.unitPrice).indexOf('.') != -1 &&
  1334. // String(this.dataList1.unitPrice).length -
  1335. // (String(this.dataList1.unitPrice).indexOf('.') + 1) >
  1336. // 2) ||
  1337. // this.dataList1.unitPrice > 100000 ||
  1338. // this.dataList1.unitPrice < 1
  1339. // ) {
  1340. // this.$message({
  1341. // message: '单价输入错误',
  1342. // type: 'warning'
  1343. // })
  1344. // return
  1345. // }
  1346. // }
  1347. if (!this.dataList.predictDate) {
  1348. this.$message({
  1349. message: '预计出库日期不能为空!',
  1350. type: 'warning'
  1351. })
  1352. return
  1353. }
  1354. if (!this.dataList1.predictDate) {
  1355. this.$message({
  1356. message: '预计入库日期不能为空!',
  1357. type: 'warning'
  1358. })
  1359. return
  1360. }
  1361. // if (isNaN(this.dataList1.estimatedFreight)) {
  1362. // this.$message({
  1363. // message: '预估运费输入错误!',
  1364. // type: 'warning'
  1365. // })
  1366. // return
  1367. // }
  1368. // if (!this.dataList.agent) {
  1369. // this.$message({
  1370. // message: '出库经办人不能为空!',
  1371. // type: 'warning'
  1372. // })
  1373. // return
  1374. // }
  1375. // if (!this.dataList1.agent) {
  1376. // this.$message({
  1377. // message: '入库经办人不能为空!',
  1378. // type: 'warning'
  1379. // })
  1380. // return
  1381. // }
  1382. if (!this.dataList.businessDescribe) {
  1383. this.$message({
  1384. message: '业务描述不能为空!',
  1385. type: 'warning'
  1386. })
  1387. return
  1388. }
  1389. }
  1390. // this.dataList.goodsNameKey =
  1391. // this.dataList.positionId =
  1392. // this.dataList.baseId =
  1393. this.dataList.inOutFlag = 1
  1394. this.dataList1.inOutFlag = 2
  1395. var data=JSON.parse(localStorage.getItem("supplygoods"))
  1396. if(data){
  1397. for (let i = 0; i < data.length; i++) {
  1398. data[i].sourceId=data[i].id
  1399. }
  1400. }
  1401. var supplygoods=data
  1402. if (this.dataList.taskTypeKey == 1) {
  1403. this.dataList.inOutTaskNo = this.inOutTaskNo
  1404. this.dataList.sourceRelationInfoList=supplygoods
  1405. this.requestadd(this.dataList)
  1406. } else if (this.dataList1.taskTypeKey == 2) {
  1407. this.dataList1.inOutTaskNo = this.inOutTaskNo1
  1408. this.dataList1.sourceRelationInfoList=supplygoods
  1409. this.requestadd(this.dataList1)
  1410. } else if (
  1411. this.dataList.taskTypeKey == 3 ||
  1412. this.dataList.taskTypeKey == 4
  1413. ) {
  1414. this.dataList.inOutTaskNo = this.inOutTaskNo
  1415. this.dataList.relevanceId = this.GetRandomNum(100000, 999999)
  1416. this.dataList.sourceRelationInfoList=supplygoods
  1417. this.dataList1.sourceRelationInfoList=supplygoods
  1418. if (this.dataList.taskTypeKey == 3) {
  1419. this.dataList.sendWarehouse=this.dataList.warehouseName
  1420. this.dataList.receiveWarehouse=this.dataList1.warehouseName
  1421. this.dataList1.sendWarehouse=this.dataList.warehouseName
  1422. this.dataList1.receiveWarehouse=this.dataList1.warehouseName
  1423. this.dataList.businessDescribe = this.dataList1.businessDescribe
  1424. } else {
  1425. this.dataList1.businessDescribe = this.dataList.businessDescribe
  1426. }
  1427. this.requestadd(this.dataList, 'repetition')
  1428. this.dataList1.inOutTaskNo = this.inOutTaskNo1
  1429. this.dataList1.relevanceId = this.dataList.relevanceId
  1430. this.dataList1.goodsName = this.dataList.goodsName
  1431. this.requestadd(this.dataList1, 'repetition')
  1432. }
  1433. },
  1434. tarechange(e) {
  1435. if (this.dataList.grossWeight && this.dataList.tare) {
  1436. this.dataList.netWeight = Number(
  1437. this.dataList.grossWeight - this.dataList.tare
  1438. )
  1439. }
  1440. },
  1441. grossWeightchange(e) {
  1442. if (this.dataList.grossWeight && this.dataList.tare) {
  1443. this.dataList.netWeight = Number(
  1444. this.dataList.grossWeight - this.dataList.tare
  1445. )
  1446. }
  1447. },
  1448. selectgoodsName(e) {
  1449. for (var i = 0; i < this.goodnameList.length; i++) {
  1450. if (this.goodnameList[i].constValue == e) {
  1451. this.dataList.goodsNameKey = this.goodnameList[i].constKey
  1452. }
  1453. }
  1454. },
  1455. selectgoodsName1(e) {
  1456. for (var i = 0; i < this.goodnameList.length; i++) {
  1457. if (this.goodnameList[i].constValue == e) {
  1458. this.dataList1.goodsNameKey = this.goodnameList[i].constKey
  1459. }
  1460. }
  1461. },
  1462. selectpackingMethod(e) {
  1463. for (var i = 0; i < this.gradeList.length; i++) {
  1464. if (this.gradeList[i].constValue == e) {
  1465. this.dataList.gradeKey = this.gradeList[i].constKey
  1466. if (this.dataList.taskTypeKey == 3) {
  1467. this.$set(this.dataList1, 'grade', e)
  1468. this.$set(this.dataList1, 'gradeKey', this.gradeList[i].constKey)
  1469. }
  1470. }
  1471. }
  1472. },
  1473. selectpackingMethod1(e) {
  1474. for (var i = 0; i < this.gradeList.length; i++) {
  1475. if (this.gradeList[i].constValue == e) {
  1476. this.dataList1.packingMethodKey = this.gradeList[i].constKey
  1477. if (this.dataList1.taskTypeKey == 4) {
  1478. this.$set(this.dataList, 'grade', e)
  1479. this.$set(this.dataList, 'gradeKey', this.gradeList[i].constKey)
  1480. }
  1481. }
  1482. }
  1483. },
  1484. selectstorageType(e) {
  1485. switch (e) {
  1486. case '采购出库':
  1487. this.flag = 0
  1488. break
  1489. case '销售出库':
  1490. this.flag = 1
  1491. break
  1492. }
  1493. for (var i = 0; i < this.storageType.length; i++) {
  1494. if (this.storageType[i].constValue == e) {
  1495. this.dataList.inOutTypeKey = this.storageType[i].constKey
  1496. }
  1497. }
  1498. },
  1499. selectstorageType1(e) {
  1500. switch (e) {
  1501. case '采购入库':
  1502. this.flag = 0
  1503. break
  1504. case '暂存入库':
  1505. this.flag = 0
  1506. break
  1507. case '贸易服务入库':
  1508. this.flag = 0
  1509. break
  1510. case '退库':
  1511. this.flag = 2
  1512. break
  1513. }
  1514. for (var i = 0; i < this.storageType1.length; i++) {
  1515. if (this.storageType1[i].constValue == e) {
  1516. this.dataList1.inOutTypeKey = this.storageType1[i].constKey
  1517. }
  1518. }
  1519. },
  1520. handleClose() {
  1521. this.accessoryTFs = false
  1522. },
  1523. handleSizeChange(val) {
  1524. console.log(`每页 ${val} 条`)
  1525. this.pageSize = val
  1526. this.getList()
  1527. },
  1528. businessDescriptionchange(e) {
  1529. console.log(e)
  1530. },
  1531. handleCurrentChange(val) {
  1532. this.currentPage = val
  1533. console.log(`当前页: ${val}`)
  1534. this.getList()
  1535. },
  1536. tasknumber() {
  1537. if (this.dataList.taskTypeKey == 1) {
  1538. this.inOutTaskNo = 'CK' + this.getdate() + this.MathRand()
  1539. } else if (this.dataList.taskTypeKey == 2) {
  1540. this.inOutTaskNo1 = 'RK' + this.getdate() + this.MathRand()
  1541. } else if (this.dataList.taskTypeKey == 3) {
  1542. var random = this.getdate() + this.MathRand()
  1543. this.inOutTaskNo = 'YKC' + random
  1544. this.inOutTaskNo1 = 'YKR' + random
  1545. // this.dataList.moveTaskNo = 'YKRW' + random
  1546. // this.dataList1.moveTaskNo = 'YKRW' + random
  1547. } else if (this.dataList.taskTypeKey == 4) {
  1548. var random = this.getdate() + this.MathRand()
  1549. this.inOutTaskNo = 'TCC' + random
  1550. this.inOutTaskNo1 = 'TCR' + random
  1551. }
  1552. },
  1553. tasktypechange(e) {
  1554. if (!this.$route.query.relevanceId) {
  1555. this.tasknumber()
  1556. }
  1557. this.dataList1.taskTypeKey = e
  1558. if (this.dataList.taskTypeKey == 1) {
  1559. this.dataList.inOutType = '销售出库'
  1560. this.dataList.inOutTypeKey = '1'
  1561. this.flag = 1
  1562. }
  1563. if (this.dataList1.taskTypeKey == 2) {
  1564. this.dataList1.inOutType = '采购入库'
  1565. this.dataList1.inOutTypeKey = '1'
  1566. this.flag = 8
  1567. } else if (this.dataList1.taskTypeKey == 3) {
  1568. this.disabled = true
  1569. this.gradestatus=false
  1570. this.dataList1.inOutType = '移库入库'
  1571. this.dataList1.inOutTypeKey = '3'
  1572. this.dataList.inOutType = '移库出库'
  1573. this.dataList.inOutTypeKey = '3'
  1574. } else if (this.dataList1.taskTypeKey == 4) {
  1575. this.disabled = true
  1576. this.dataList1.inOutType = '退库'
  1577. this.dataList1.inOutTypeKey = '6'
  1578. this.dataList.inOutType = '销售出库'
  1579. this.flag = 2
  1580. this.dataList.inOutTypeKey = '1'
  1581. }
  1582. },
  1583. GetRandomNum(Min, Max) {
  1584. var Range = Max - Min
  1585. var Rand = Math.random()
  1586. return Min + Math.round(Rand * Range)
  1587. },
  1588. getList() {
  1589. this.tasknumber()
  1590. this.$set(this.dataList, 'inOutType', '销售出库')
  1591. this.$set(this.dataList, 'inOutTypeKey', '1')
  1592. this.$set(this.dataList, 'goodsName', '玉米')
  1593. this.$set(this.dataList, 'goodsNameKey', '1')
  1594. this.$set(this.dataList, 'grade', '一等品')
  1595. this.$set(this.dataList, 'gradeKey', '1')
  1596. this.$set(this.dataList1, 'goodsName', '玉米')
  1597. this.$set(this.dataList1, 'goodsNameKey', '1')
  1598. this.$set(this.dataList1, 'grade', '一等品')
  1599. this.$set(this.dataList1, 'gradeKey', '1')
  1600. // 货名
  1601. pullDown({
  1602. constId: 'CON2'
  1603. })
  1604. .toPromise()
  1605. .then(response => {
  1606. this.goodnameList = response
  1607. })
  1608. // 品级
  1609. pullDown({
  1610. constId: 'CON3'
  1611. })
  1612. .toPromise()
  1613. .then(response => {
  1614. this.gradeList = response
  1615. })
  1616. pullDown({
  1617. constId: 'CON6'
  1618. })
  1619. .toPromise()
  1620. .then(response => {
  1621. this.storageType = response
  1622. })
  1623. pullDown({
  1624. constId: 'CON5'
  1625. })
  1626. .toPromise()
  1627. .then(response => {
  1628. this.storageType1 = response
  1629. })
  1630. xialaNo({
  1631. compId: this.compId,
  1632. flag: this.flag
  1633. })
  1634. .toPromise()
  1635. .then(response => {
  1636. this.contractNoList = response
  1637. // this.contractNoList1 = response
  1638. })
  1639. // //临时仓库入库类型
  1640. // pullDown({ constId: 'WARE1' })
  1641. // .toPromise()
  1642. // .then((response) => {
  1643. // this.storageType = respons
  1644. // })
  1645. // //临时仓库出库类型
  1646. // pullDown({ constId: 'WARE2' })
  1647. // .toPromise()
  1648. // .then((response) => {
  1649. // this.deliveryType = response
  1650. // })
  1651. //仓库名
  1652. getwarehousename({
  1653. compId: this.compId,
  1654. warehouseType: 1
  1655. })
  1656. .toPromise()
  1657. .then(response => {
  1658. this.warehouseNameList = response
  1659. getwarehousename({
  1660. compId: this.compId,
  1661. warehouseType: 2
  1662. })
  1663. .toPromise()
  1664. .then(response => {
  1665. console.log('查仓库sss',response)
  1666. for (var i = 0; i < response.length; i++) {
  1667. this.warehouseNameList.push(response[i])
  1668. }
  1669. })
  1670. })
  1671. },
  1672. selecttaskType(e) {
  1673. for (var i = 0; i < this.taskTypeList.length; i++) {
  1674. if (this.taskTypeList[i].value == e) {
  1675. this.searchType = this.taskTypeList[i].type
  1676. }
  1677. }
  1678. },
  1679. fujian(row) {
  1680. if (
  1681. row.receiveAttachmentPath === null ||
  1682. row.receiveAttachmentPath === ''
  1683. ) {
  1684. EventBus.$emit(
  1685. 'warning',
  1686. this.$t('system.noticeCircular.NoInformation')
  1687. )
  1688. } else {
  1689. this.accessoryTFs = true
  1690. }
  1691. this.appendixIdss = row.receiveAttachmentPath
  1692. },
  1693. handleExamine(row) {
  1694. this.$router.push({
  1695. name: 'salesContractExamine',
  1696. query: {
  1697. id: row.id
  1698. }
  1699. })
  1700. },
  1701. // 关闭 dialog时 处理文件url 初始化upload组件
  1702. handleCloe() {
  1703. this.dialogViewSpareMoney = false
  1704. },
  1705. history(row) {
  1706. console.log(row)
  1707. billoperatehis({
  1708. id: row.id
  1709. })
  1710. .toPromise()
  1711. .then(response => {
  1712. this.historyList = response
  1713. })
  1714. }
  1715. }
  1716. }
  1717. </script>
  1718. <style lang="scss" scoped>
  1719. /deep/.basicInformation {
  1720. .el-info-table {
  1721. border: none;
  1722. position: relative;
  1723. }
  1724. .el-form-item {
  1725. width: 33.3333%;
  1726. border: none;
  1727. margin: 0;
  1728. .el-form-item__label {
  1729. text-align: left;
  1730. font-size: 14px;
  1731. font-family: PingFangSC-Regular, PingFang SC;
  1732. font-weight: 400;
  1733. color: #8890b1;
  1734. }
  1735. .el-form-item__content {
  1736. padding-left: 0px;
  1737. padding-right: 10px;
  1738. // background: #fff;
  1739. white-space: nowrap;
  1740. height: 40px;
  1741. display: flex;
  1742. -webkit-box-align: center;
  1743. align-items: center;
  1744. text-align: left;
  1745. overflow: hidden;
  1746. }
  1747. }
  1748. }
  1749. /deep/.el-radio {
  1750. color: #606266;
  1751. font-weight: 500;
  1752. line-height: 1;
  1753. cursor: pointer;
  1754. white-space: nowrap;
  1755. outline: 0;
  1756. margin-right: 30px;
  1757. margin-top: 15px;
  1758. }
  1759. /deep/.el-radio__inner {
  1760. border: 1px solid #dcdfe6;
  1761. border-radius: 100%;
  1762. width: 14px;
  1763. height: 14px;
  1764. background-color: #fff;
  1765. cursor: pointer;
  1766. -webkit-box-sizing: border-box;
  1767. box-sizing: border-box;
  1768. margin-left: 100px;
  1769. }
  1770. /deep/.el-radio__input {
  1771. white-space: nowrap;
  1772. cursor: pointer;
  1773. outline: 0;
  1774. line-height: 1;
  1775. vertical-align: middle;
  1776. margin-top: -1px;
  1777. }
  1778. .title {
  1779. position: relative;
  1780. padding-left: 10px;
  1781. }
  1782. .title::before {
  1783. content: '';
  1784. display: inline-block;
  1785. width: 5px;
  1786. height: 30px;
  1787. background: #5473e8;
  1788. position: absolute;
  1789. left: 0;
  1790. }
  1791. .el-button--primary {
  1792. background-color: #5878e8;
  1793. border-color: #5878e8;
  1794. }
  1795. .el-col {
  1796. background: #f6f7fc;
  1797. }
  1798. .bg-right {
  1799. text-align: right;
  1800. padding: 16px 20px;
  1801. }
  1802. .center {
  1803. position: relative;
  1804. top: 50px;
  1805. width: 40%;
  1806. margin: 0 auto;
  1807. margin-right: 180px;
  1808. }
  1809. /deep/.el-form-item__label {
  1810. width: 160px;
  1811. }
  1812. .inspector {
  1813. width: 50%;
  1814. }
  1815. /deep/.el-form-item--small .el-form-item__label,
  1816. .el-form-item--small .el-form-item__content {
  1817. text-align: left;
  1818. }
  1819. /deep/.el-input--small {
  1820. font-size: 13px;
  1821. position: relative;
  1822. display: inline-block;
  1823. }
  1824. .center1 .small-title {
  1825. margin-left: 323px;
  1826. }
  1827. .center1 {
  1828. width: 90%;
  1829. margin: 0 auto;
  1830. margin-left: 10px;
  1831. margin-top: 25px;
  1832. }
  1833. /deep/.el-input--small .el-input__inner {
  1834. height: 32px;
  1835. line-height: 32px;
  1836. }
  1837. /deep/.el-select {
  1838. display: inline-block;
  1839. position: relative;
  1840. width: 100%;
  1841. }
  1842. .annu {
  1843. height: 81px;
  1844. background: #ffffff;
  1845. border-radius: 4px;
  1846. }
  1847. .basicInformation .el-form-item {
  1848. width: 50.3333%;
  1849. border: none;
  1850. margin: 0;
  1851. }
  1852. .huom {
  1853. width: 100%;
  1854. }
  1855. .a {
  1856. margin-left: -32px;
  1857. }
  1858. .ding {
  1859. height: 23px;
  1860. background: #e8ecf6;
  1861. box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
  1862. }
  1863. .el-radio-group {
  1864. font-size: 0;
  1865. margin-top: 20px;
  1866. margin-left: 251px;
  1867. }
  1868. /deep/.el-form {
  1869. padding: 0 15%;
  1870. display: -webkit-box;
  1871. display: -ms-flexbox;
  1872. display: flex;
  1873. -ms-flex-wrap: wrap;
  1874. flex-wrap: wrap;
  1875. margin-left: 130px;
  1876. margin-top: 15px;
  1877. width: 100%;
  1878. font-size: 14px;
  1879. font-family: PingFangSC-Regular, PingFang SC;
  1880. font-weight: 400;
  1881. color: #8890b1;
  1882. line-height: 16px;
  1883. }
  1884. </style>