index.vue 5.9 KB

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