index.vue 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
  1. <template>
  2. <view class="content">
  3. <view class="uni-status-height"></view>
  4. <view class="userData" v-if="userData">
  5. <view>{{userData.orgName||'用户名'}}</view>
  6. <view @click="toQuit">退出<u-icon name="arrow-right" color="#55aaff"></u-icon></view>
  7. </view>
  8. <view class="card-box">
  9. <view class="grid-box">
  10. <view @click="toRuku">
  11. <text class="iconfont icon-ruku"></text>
  12. <text class="label">散件入库</text>
  13. </view>
  14. <view @click="toCgRuku">
  15. <text class="iconfont icon-caigouruku-huang"></text>
  16. <text class="label">采购入库</text>
  17. </view>
  18. </view>
  19. <view class="grid-box">
  20. <view @click="toPandian">
  21. <text class="iconfont icon-IMSpandianguanli"></text>
  22. <text class="label">库存盘点</text>
  23. </view>
  24. <view @click="toPandianRecord">
  25. <text class="iconfont icon-pandianjilu"></text>
  26. <text class="label">盘点记录</text>
  27. </view>
  28. </view>
  29. <view class="grid-box">
  30. <view @click="toChuku">
  31. <text class="iconfont icon-chukuguanli"></text>
  32. <text class="label">出库</text>
  33. </view>
  34. <view @click="torukurecord">
  35. <text class="iconfont icon-churukujilu"></text>
  36. <text class="label">入库记录</text>
  37. </view>
  38. </view>
  39. <view class="grid-box">
  40. <view @click="toEditCode">
  41. <text class="iconfont icon-xiangmatiaomaluru"></text>
  42. <text class="label">条码维护</text>
  43. </view>
  44. <view @click="toStockQuery">
  45. <text class="iconfont icon-kucunchaxun"></text>
  46. <text class="label">库存查询</text>
  47. </view>
  48. </view>
  49. </view>
  50. <view class="copright">
  51. <view>系统版本:{{version}}</view>
  52. <view>Copyright © 2023 陕西山海高科信息技术有限公司</view>
  53. </view>
  54. <!-- 选择出库类型 -->
  55. <u-action-sheet
  56. :show="showOutType"
  57. :actions="outTypeList"
  58. title="请选择出库类型"
  59. @close="showOutType = false"
  60. @select="outTypeSelect"
  61. >
  62. </u-action-sheet>
  63. </view>
  64. </template>
  65. <script>
  66. import { supplierList, sparePartsPutTypeList, checkWarehouseList, warehouseCascadeList, logout } from '@/config/api.js'
  67. export default {
  68. data() {
  69. return {
  70. showOutType: false,
  71. outTypeList:[
  72. {
  73. name: "销售出库",
  74. value: 0
  75. },
  76. {
  77. name: "连锁调出",
  78. value: 1
  79. },
  80. {
  81. name: "店内调出",
  82. value: 2
  83. },
  84. ],
  85. czCode: '',
  86. type: ''
  87. }
  88. },
  89. onLoad() {
  90. this.baseData()
  91. },
  92. computed: {
  93. userData() {
  94. return this.$store.state.vuex_user
  95. },
  96. version(){
  97. return getApp().globalData.version.version
  98. }
  99. },
  100. methods: {
  101. // 退出登录
  102. toQuit(){
  103. logout().then(res => {
  104. if(res.status == 200){
  105. this.$store.state.vuex_token = ''
  106. this.$store.state.vuex_user = ''
  107. uni.redirectTo({
  108. url: "/pages/login/index"
  109. })
  110. }
  111. })
  112. },
  113. // 同步基础数据
  114. async baseData(){
  115. // 供应商
  116. const supplier = await supplierList()
  117. this.$store.state.vuex_supplierList = supplier.data || []
  118. // 入库类型
  119. const sparePartsPutType = await sparePartsPutTypeList()
  120. this.$store.state.vuex_sparePartsTypeList = sparePartsPutType.data || []
  121. // 盘点仓库列表
  122. const checkWarehouse = await checkWarehouseList()
  123. this.$store.state.vuex_checkWarehouseList = checkWarehouse.data || []
  124. // 仓库仓位列表
  125. const warehouse = await warehouseCascadeList()
  126. this.$store.state.vuex_warehouseList = warehouse.data || []
  127. },
  128. // 新建入库
  129. toRuku(){
  130. uni.navigateTo({
  131. url: "/pages/stockIn/add"
  132. })
  133. },
  134. torukurecord(){
  135. uni.navigateTo({
  136. url: "/pages/stockIn/list"
  137. })
  138. },
  139. // 出库
  140. toChuku(){
  141. this.showOutType = true
  142. },
  143. outTypeSelect(item){
  144. this.showOutType = false
  145. console.log(item)
  146. const url = ['/pages/stockOut/salesOut/list','/pages/stockOut/chainTransferOut/list','/pages/stockOut/storeTransferOut/list']
  147. uni.navigateTo({
  148. url: url[item.value]
  149. })
  150. },
  151. // 新建盘点
  152. toPandian(){
  153. uni.navigateTo({
  154. url: "/pages/stockPan/add"
  155. })
  156. },
  157. toPandianRecord(){
  158. uni.navigateTo({
  159. url: "/pages/stockPan/list"
  160. })
  161. },
  162. // 数据操作
  163. toRecord(){
  164. uni.navigateTo({
  165. url:"/pages/record/index"
  166. })
  167. },
  168. toEditCode(){
  169. uni.navigateTo({
  170. url:"/pages/codeBar/codeBar"
  171. })
  172. },
  173. toStockQuery(){
  174. uni.navigateTo({
  175. url:"/pages/stock/index"
  176. })
  177. },
  178. toCgRuku(){
  179. uni.navigateTo({
  180. url:"/pages/purchasing/list"
  181. })
  182. }
  183. }
  184. }
  185. </script>
  186. <style lang="scss">
  187. .content {
  188. height: 100vh;
  189. .userData{
  190. display: flex;
  191. justify-content: space-between;
  192. align-items: center;
  193. padding: 30rpx;
  194. > view{
  195. display: flex;
  196. align-items: center;
  197. &:last-child{
  198. color: #55aaff;
  199. }
  200. }
  201. }
  202. .copright{
  203. text-align: center;
  204. color: $uni-text-color-grey;
  205. font-size: 20upx;
  206. position: fixed;
  207. left: 0;
  208. bottom: 30upx;
  209. width: 100%;
  210. }
  211. .card-box{
  212. border-radius: 20upx;
  213. margin: 30rpx 40rpx;
  214. background: #fff;
  215. overflow: hidden;
  216. }
  217. .grid-box{
  218. display: flex;
  219. justify-content: space-around;
  220. padding:0;
  221. > view{
  222. width: 50%;
  223. display: flex;
  224. flex-direction: column;
  225. align-items: center;
  226. .iconfont{
  227. font-size: 110upx;
  228. padding: 10upx 0;
  229. }
  230. .label{
  231. font-size: 32upx;
  232. text-align: center;
  233. padding: 0 0 24upx 0;
  234. }
  235. .icon-ruku{
  236. color: #ff0000;
  237. }
  238. .icon-churukujilu{
  239. color: #00aa7f;
  240. }
  241. .icon-chukuguanli{
  242. font-size: 115upx;
  243. color: #ffaa00;
  244. }
  245. .icon-caigouruku-huang{
  246. font-size: 103upx;
  247. color: #00aaff;
  248. }
  249. .icon-IMSpandianguanli{
  250. font-size: 105upx;
  251. color: #0055ff;
  252. }
  253. .icon-pandianjilu{
  254. font-size: 105upx;
  255. color: #aaaa00;
  256. }
  257. .icon-kucunchaxun{
  258. font-size: 108upx;
  259. color: #ff5500;
  260. }
  261. .icon-xiangmatiaomaluru{
  262. font-size: 108upx;
  263. color: #aa55ff;
  264. }
  265. &:active{
  266. opacity: 0.8;
  267. }
  268. }
  269. .nob{
  270. border: 0;
  271. box-shadow:none;
  272. }
  273. }
  274. .uni-status-height{
  275. height: $uni-status-height;
  276. }
  277. }
  278. </style>