|
|
@@ -0,0 +1,1223 @@
|
|
|
+<template>
|
|
|
+ <div style="overflow: auto;padding-bottom: 6.6rem;box-sizing: border-box;height: 100vh">
|
|
|
+ <div style="height: calc(100% - 2rem);">
|
|
|
+ <div class="home_header">发货屏
|
|
|
+ <div style="position: absolute;right: 1rem;display: flex;align-items: center">
|
|
|
+ <i-switch v-model="direction" size="large" style="margin-right:1rem">
|
|
|
+ <span slot="open">入</span>
|
|
|
+ <span slot="close">出</span>
|
|
|
+ </i-switch>
|
|
|
+ <Button
|
|
|
+ @click="handleFullScreenClick"
|
|
|
+ id="full_screen_btn"
|
|
|
+ size="large"
|
|
|
+ type="primary"
|
|
|
+ style="margin-right: 1rem;margin-top: .2rem"
|
|
|
+ >
|
|
|
+ {{ isFullScreen ? "收 缩" : "全 屏" }}
|
|
|
+ </Button>
|
|
|
+ <div class="return_btn" @click="handleReturn">返回</div>
|
|
|
+ <div class="confirm_btn" @click="handelGoSure">确认</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="home_header_line"></div>
|
|
|
+ <div class="time">
|
|
|
+ <img
|
|
|
+ class="time_pic"
|
|
|
+ src="../../assets/images/time.png"
|
|
|
+ alt=""
|
|
|
+ /><span>{{ time }}</span>
|
|
|
+ <span style="font-size: 1rem;margin-left: 1rem">({{name}})</span>
|
|
|
+ </div>
|
|
|
+ <div style="margin-left: 1rem;color: #FFFFFF;font-size: 1.2rem">
|
|
|
+ <div style="display: flex">
|
|
|
+ <div style="width: 30rem"><span style="width: 7rem;display: inline-block;text-align: right">经销商:</span><span>{{data.data.exe_delivery_note_b.distributor}}-{{data.data.exe_delivery_note_b.distributor_show}}</span></div>
|
|
|
+ <div><span style="width: 7rem;display: inline-block;text-align: right;margin-left: 2rem">发货单号:</span><span>{{data.data.exe_delivery_note_b.no}}</span></div>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;margin-top: 1rem">
|
|
|
+ <div style="width: 30rem"><span style="width: 7rem;display: inline-block;text-align: right">客户:</span><span>{{data.data.exe_delivery_note_b.customer_code_show}}</span></div>
|
|
|
+ <div><span style="width: 7rem;display: inline-block;text-align: right;margin-left: 2rem">销售单号:</span><span>{{data.data.exe_delivery_note_b.order_no}}</span></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="home_con_body">
|
|
|
+ <div class="home_con_s">
|
|
|
+ <div class="pack_up_con">
|
|
|
+ <div class="pack_up_grid">
|
|
|
+ <div style="width: 40%">
|
|
|
+ <div>
|
|
|
+ <p>预发总数</p>
|
|
|
+ <div><span>{{ total_num }}</span><span>张</span></div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <p>已扫总数</p>
|
|
|
+ <div><span>{{ scan_num }}</span><span>张</span></div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <p>未扫总数</p>
|
|
|
+ <div><span>{{ total_num - scan_num }}</span><span>张</span></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="width: 40%">
|
|
|
+ <div>
|
|
|
+<!-- @click="handleErrorShow"-->
|
|
|
+ <p style="color: red">异常总数</p>
|
|
|
+ <div><span style="color:red !important;margin-left: 1rem">{{error_num}}</span><span style="color: red">张</span></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="display: flex;justify-content: space-between;margin-top: 1rem">
|
|
|
+ <div style="width: 50%">
|
|
|
+ <table class="true_table">
|
|
|
+ <tr style="height: 2rem">
|
|
|
+ <th style="width: 5rem">产品名称</th>
|
|
|
+ <th style="width: 4rem">规格型号</th>
|
|
|
+ <th style="width: 2rem">包装单号</th>
|
|
|
+ <th style="width: 2rem">已扫到数量</th>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="(item, index) in tableData" :key="index" @click="handleChoose(item, index)">
|
|
|
+ <td>
|
|
|
+ {{ item.product_title}}
|
|
|
+ </td>
|
|
|
+ <td>{{ item.product_size }}</td>
|
|
|
+ <td>{{ item.box_no}}</td>
|
|
|
+ <td style="color: #04FFD5">{{ item.out_qty }}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div style="width: 45%;margin-right: 1rem">
|
|
|
+ <table class='error_table'>
|
|
|
+ <tr style="height: 2rem">
|
|
|
+ <th style="width: 5rem;">产品名称</th>
|
|
|
+ <th style="width: 4rem;">规格型号</th>
|
|
|
+ <th style="width: 2rem;">包装单号</th>
|
|
|
+ <th style="width: 2rem;">数量</th>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="(item, index) in error_data" :key="index" @click="handleChoose(item, index)">
|
|
|
+ <td>
|
|
|
+ {{ item.box_detail.product_title }}
|
|
|
+ </td>
|
|
|
+ <td>{{ item.product_size }}</td>
|
|
|
+ <td>{{ item.box_no }}</td>
|
|
|
+ <td>{{ item.box_num }}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+<!-- <div class="send_work" v-for="(item, index) in tableData" :key="index">-->
|
|
|
+<!-- <!– <div class="check_box">–>-->
|
|
|
+<!-- <!– <div @click="handleChoose(item, index)" :class="item.is_choose ? 'check_box_c_active' : 'check_box_c'">–>-->
|
|
|
+<!-- <!– </div>–>-->
|
|
|
+<!-- <!– </div>–>-->
|
|
|
+<!-- <div class="secd_flex" style="margin-top: .8rem">-->
|
|
|
+<!-- <div class="secd_title">-->
|
|
|
+<!-- <span>发货单号:</span><span> {{ data.data.exe_delivery_note_b.no }}</span>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <span class="secd_title_d">{{ item.material_name }}</span>-->
|
|
|
+<!-- <div class="secd_g"><span>规格型号:</span><span>{{ item.specs }}</span></div>-->
|
|
|
+<!-- <div class="secd_flex_w">-->
|
|
|
+<!-- <div class="secd_flex_s">-->
|
|
|
+<!-- <span>已扫到数量:</span>-->
|
|
|
+<!-- <span>{{ item.out_qty }}张</span>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="secd_flex_s">-->
|
|
|
+<!-- <span>未发货数量:</span>-->
|
|
|
+<!-- <span>{{ item.this_delivery_qty }}张</span>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
+
|
|
|
+<!-- </div>-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+<!-- <Modal-->
|
|
|
+<!-- v-model="is_error"-->
|
|
|
+<!-- width="80"-->
|
|
|
+<!-- footer-hide-->
|
|
|
+<!-- :closable="false"-->
|
|
|
+<!-- :mask-closable="false"-->
|
|
|
+<!-- >-->
|
|
|
+<!-- <div style="font-size: 1.2rem; font-weight: bold;">异常数据</div>-->
|
|
|
+<!-- <div style="height: 50vh;overflow: auto">-->
|
|
|
+<!-- <Form v-for="(item,index) in error_data" :key="index" :label-width="120" style="width:100%;background-color: rgba(79,97,201,0.21);border-radius: 1rem;margin: .7rem 0">-->
|
|
|
+<!-- <FormItem label="包装单号:" style="margin-bottom: .2rem !important;">-->
|
|
|
+<!-- <span>{{item.box_no}}</span>-->
|
|
|
+<!-- </FormItem>-->
|
|
|
+<!-- <FormItem label="订单号:" style="margin-bottom: .2rem !important;">-->
|
|
|
+<!-- <span>{{item.order_no}}</span>-->
|
|
|
+<!-- </FormItem>-->
|
|
|
+<!-- <FormItem label="客户名称:" style="margin-bottom: .2rem !important;">-->
|
|
|
+<!-- <span>{{item.box_detail.customer_name}}</span>-->
|
|
|
+<!-- </FormItem>-->
|
|
|
+<!-- <FormItem label="产品名称:" style="margin-bottom: .2rem !important;">-->
|
|
|
+<!-- <span>{{item.box_detail.product_title}}</span>-->
|
|
|
+<!-- </FormItem>-->
|
|
|
+<!-- <FormItem label="规格型号:" style="margin-bottom: .2rem !important;">-->
|
|
|
+<!-- <span>{{item.product_size}}</span>-->
|
|
|
+<!-- </FormItem>-->
|
|
|
+<!-- <FormItem label="包装数量:" style="margin-bottom: 0">-->
|
|
|
+<!-- <span>{{item.box_num}}</span>-->
|
|
|
+<!-- </FormItem>-->
|
|
|
+<!-- </Form>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div style="text-align: center">-->
|
|
|
+<!-- <Button-->
|
|
|
+<!-- style="margin-left: 1rem"-->
|
|
|
+<!-- type="primary"-->
|
|
|
+<!-- @click="is_error = false"-->
|
|
|
+<!-- >返回</Button-->
|
|
|
+<!-- >-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </Modal>-->
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import $ from 'jquery'
|
|
|
+document.title = '发货屏'
|
|
|
+export default {
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ direction:false,//false出,true 入
|
|
|
+ time:'',
|
|
|
+ name: '',
|
|
|
+ error_num:0,
|
|
|
+ // employee_code: '',
|
|
|
+ tableData: [],
|
|
|
+ key_tableData: {},
|
|
|
+ send_goods_out: {},
|
|
|
+ data: {
|
|
|
+ data:{
|
|
|
+ exe_delivery_note_b:{}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ send_goods_out_product: {},
|
|
|
+ is_use: false,
|
|
|
+ total_num: 0,
|
|
|
+ scan_num: 0,
|
|
|
+ saveData: 0,
|
|
|
+ detail: {},
|
|
|
+ transport_total: 0,
|
|
|
+ scan_data: [],
|
|
|
+ new_table_data: [],
|
|
|
+ state: true,
|
|
|
+ is_error: false,
|
|
|
+ error_data:[],
|
|
|
+ text1:[],
|
|
|
+ timer: '',
|
|
|
+ times: '',
|
|
|
+ record_state: false,
|
|
|
+ record_send_goods:{},
|
|
|
+ isFullScreen:false,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created () {
|
|
|
+ let _this = this;
|
|
|
+ $.post({
|
|
|
+ url:'http://clouddevice.qingyaokeji.com/api/setFhMessage',
|
|
|
+ data:{
|
|
|
+ 'device_id':_this.$route.query.code,
|
|
|
+ 'fh':1
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.timeFh = setInterval(()=>{
|
|
|
+ $.post({
|
|
|
+ url:'http://clouddevice.qingyaokeji.com/api/setFhMessage',
|
|
|
+ data:{
|
|
|
+ 'device_id':_this.$route.query.code,
|
|
|
+ 'fh':1
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },50000)
|
|
|
+ this.timer = setInterval(() => {
|
|
|
+ var date = new Date()
|
|
|
+ let time = new Date(date.toLocaleString('en-US', { timeZone: 'Asia/Shanghai' }));
|
|
|
+ let Y = time.getFullYear();
|
|
|
+ let M = time.getMonth() + 1;
|
|
|
+ let D = time.getDate();
|
|
|
+ let second = time.toString().split(" ")[4];
|
|
|
+ this.time = `${Y}-${M}-${D} ${second}`;
|
|
|
+ }, 1000);
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.name=this.$route.query.title;
|
|
|
+ // this.employee_code = JSON.parse(localStorage.getItem('userDto')).mark1Code
|
|
|
+ // if (localStorage.getItem('fyy_target')) {
|
|
|
+ // data.target = JSON.parse(localStorage.getItem('fyy_target'))
|
|
|
+ // }
|
|
|
+ this.tableData = []
|
|
|
+ const id = this.$route.query.id
|
|
|
+ const data = {
|
|
|
+ url: `${localStorage.getItem('dwy_url')}jbl/api/module-data/delivery_note/delivery_note/478838363726815232/${id}`
|
|
|
+ // post: {"direction":"DESC","property":"id","fromClientType":"pc","number":0,"sorts":[],"rules":[{"field":"dispatch_orders.dispatch_no","option":"LIKE_ANYWHERE","values":[v]},{"field":"product_no","option":"LIKE_ANYWHERE","values":["BC030101000001"]}],"size":15,"specialConditions":[],"workflowSearchBean":{},"dynamicFormCode":"dispatch_orders","dynamicFormTable":null,"ignoreField":true,"developmentSystemId":null,"debugFlag":true},
|
|
|
+ }
|
|
|
+ this.initData(data)
|
|
|
+ },
|
|
|
+ destroyed () {
|
|
|
+ clearInterval(this.timer)
|
|
|
+ clearInterval(this.timeFh)
|
|
|
+ clearInterval(this.times)
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ handleFullScreenClick () {
|
|
|
+ this.isFullScreen = !this.isFullScreen;
|
|
|
+ if (this.isFullScreen) {
|
|
|
+ this.enterFullScreen();
|
|
|
+ } else {
|
|
|
+ this.exitFullScreen();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ enterFullScreen () {
|
|
|
+ let el = document.documentElement;
|
|
|
+ let rfs =
|
|
|
+ el.requestFullScreen ||
|
|
|
+ el.webkitRequestFullScreen ||
|
|
|
+ el.mozRequestFullScreen ||
|
|
|
+ el.msRequestFullscreen;
|
|
|
+ if (rfs) {
|
|
|
+ rfs.call(el);
|
|
|
+ } else if (typeof window.ActiveXObject !== "undefined") {
|
|
|
+ // for IE,这里其实就是模拟了按下键盘的F11,使浏览器全屏
|
|
|
+ let wscript = new ActiveXObject("WScript.Shell");
|
|
|
+ if (wscript != null) {
|
|
|
+ wscript.SendKeys("{F11}");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ exitFullScreen () {
|
|
|
+ let el = document;
|
|
|
+ let cfs =
|
|
|
+ el.cancelFullScreen ||
|
|
|
+ el.mozCancelFullScreen ||
|
|
|
+ el.msExitFullscreen ||
|
|
|
+ el.webkitExitFullscreen ||
|
|
|
+ el.exitFullscreen;
|
|
|
+ if (cfs) {
|
|
|
+ // typeof cfs != "undefined" && cfs
|
|
|
+ cfs.call(el);
|
|
|
+ } else if (typeof window.ActiveXObject !== "undefined") {
|
|
|
+ // for IE,这里和fullScreen相同,模拟按下F11键退出全屏
|
|
|
+ let wscript = new ActiveXObject("WScript.Shell");
|
|
|
+ if (wscript != null) {
|
|
|
+ wscript.SendKeys("{F11}");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleErrorShow(){
|
|
|
+ if(this.error_num){
|
|
|
+ this.is_error = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 原始数据获取
|
|
|
+ initData(row) {
|
|
|
+ // console.log(this.func.stringToHex('BZ00329'))
|
|
|
+ // console.log(this.func.stringToHex('BZ00331'))
|
|
|
+ let _this = this;
|
|
|
+ this.axios.post('/api/testdwyget', { ...row }).then(res => {
|
|
|
+ // this.tableData.push(...res.data.data.exe_delivery_note_dtl_b);
|
|
|
+ res.data.data.exe_delivery_note_dtl_b.forEach(c=>{
|
|
|
+ c.this_delivery_qty -= c.out_qty_total?c.out_qty_total:0
|
|
|
+ })
|
|
|
+ this.data = JSON.parse(JSON.stringify(res.data));
|
|
|
+ this.$set(this.data.data.exe_delivery_note_b,'order_no',this.data.data.exe_delivery_note_b.order_no.slice(1,this.data.data.exe_delivery_note_b.order_no.length-1))
|
|
|
+ this.detail = res.data.data.exe_delivery_note_b;
|
|
|
+ this.total_num = 0;
|
|
|
+ res.data.data.exe_delivery_note_dtl_b.forEach((element, index) => {
|
|
|
+ element.out_qty = 0
|
|
|
+ element.product_code = element.material_code
|
|
|
+ this.total_num = this.total_num + element.this_delivery_qty
|
|
|
+ let product_key = this.deelUniqueProductKey(element)
|
|
|
+ // if(Object.keys(this.key_tableData).indexOf(product_key) !== -1){
|
|
|
+ // this.key_tableData[product_key].this_delivery_qty += element.this_delivery_qty
|
|
|
+ // } else{
|
|
|
+ this.key_tableData[product_key] = element
|
|
|
+ // this.transport_total = this.transport_total + element.out_qty
|
|
|
+ // }
|
|
|
+ // if (element.box_orders_show) {
|
|
|
+ // this.is_box_data.push(this.deelUniqueKey(element));
|
|
|
+ // }
|
|
|
+ })
|
|
|
+ // let ji = ['\"425A3030303235\"']
|
|
|
+ // console.log(JSON.stringify(ji))
|
|
|
+ // let text = []
|
|
|
+ // if (localStorage.getItem('fyy_target')) {
|
|
|
+ // // console.log(JSON.parse(localStorage.getItem('fyy_target')))
|
|
|
+ // let target = JSON.parse(localStorage.getItem('fyy_target'))
|
|
|
+ // localStorage.removeItem('fyy_target')
|
|
|
+ // // this.$Message.warning(localStorage.getItem('fyy_target'))
|
|
|
+ // target.forEach(v => {
|
|
|
+ // v = v.replace(/\"/g, '')
|
|
|
+ // text.push(this.func.hexToString(v))
|
|
|
+ // })
|
|
|
+ // // // console.log(text)
|
|
|
+ // }
|
|
|
+ // let text1 = localStorage.getItem('text') ? JSON.parse(localStorage.getItem('text')) : []
|
|
|
+ // text.forEach(v => {
|
|
|
+ // if (text1.indexOf(v) === -1) {
|
|
|
+ // text1.push(v)
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // localStorage.setItem('text', JSON.stringify(text1));
|
|
|
+ // text1 = ['BZ00327']
|
|
|
+ this.axios.post('/api/testdwy', {url:`${localStorage.getItem('dwy_url')}jbl/api/module-data/send_goods_out_dtl/page`,post: {
|
|
|
+ debugFlag: true,
|
|
|
+ developmentSystemId: null,
|
|
|
+ direction: "DESC",
|
|
|
+ dynamicFormCode: "send_goods_out",
|
|
|
+ dynamicFormTable: null,
|
|
|
+ fromClientType: "pc",
|
|
|
+ ignoreField: true,
|
|
|
+ number: 0,
|
|
|
+ property: "id",
|
|
|
+ rules: [{
|
|
|
+ field: "bus_id",
|
|
|
+ option: "LIKE_ANYWHERE",
|
|
|
+ values: [this.$route.query.id]
|
|
|
+ }],
|
|
|
+ size: 999,
|
|
|
+ sorts: [],
|
|
|
+ specialConditions: [],
|
|
|
+ workflowSearchBean: {}
|
|
|
+ }}
|
|
|
+ ).then(res => {
|
|
|
+ this.record_state = res.data.content.length==0?false:true;
|
|
|
+ if(this.record_state){
|
|
|
+ this.record_send_goods = res.data.content[0].send_goods_out
|
|
|
+ }
|
|
|
+ this.tableData = JSON.parse(JSON.stringify(res.data.content))
|
|
|
+ this.tableData.forEach(v=>{
|
|
|
+ this.scan_num += v.out_qty*1;
|
|
|
+ v.box_no = v.box_orders_show;
|
|
|
+ v.box_id = v.box_orders;
|
|
|
+ v.sure_id = v.id;
|
|
|
+ })
|
|
|
+ })
|
|
|
+ this.times = setInterval(()=>{
|
|
|
+ $.post({
|
|
|
+ url:'http://clouddevice.qingyaokeji.com/api/getOrderNumber',
|
|
|
+ data:{'device_id':_this.$route.query.code},
|
|
|
+ success:(res)=>{
|
|
|
+ let text1 = res.data.map(v=>v.epc);
|
|
|
+ let dir = this.direction?1:2;
|
|
|
+ const dataBox = {
|
|
|
+ url: `${localStorage.getItem('dwy_url')}jbl/api/module-data/box_orders/box_orders/diy/defective_order_no_list`,
|
|
|
+ post: { "defective_order_no_list":text1}
|
|
|
+ }
|
|
|
+ // const dataBox = {
|
|
|
+ // url: 'http://122.112.250.253:7774/jbl/api/module-data/box_orders/box_orders/diy/defective_order_no_list',
|
|
|
+ // post: { "defective_order_no_list":['BZ00025']}
|
|
|
+ // }
|
|
|
+ if(text1.length!=0){
|
|
|
+ _this.initDataBox(dataBox,dir)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },2000)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 扫描数据获取
|
|
|
+ initDataBox (row,type) {
|
|
|
+ if(type==1){//入
|
|
|
+ let box_n = row.post["defective_order_no_list"];
|
|
|
+ this.tableData = this.tableData.filter(v=>box_n.indexOf(v.box_no)==-1)
|
|
|
+ this.error_data = this.error_data.filter(v=>box_n.indexOf(v.box_no)==-1)
|
|
|
+ this.scan_num = 0;
|
|
|
+ this.error_num = 0;
|
|
|
+ this.tableData.forEach(v=>{
|
|
|
+ this.scan_num += v.out_qty*1;
|
|
|
+ })
|
|
|
+ this.error_data.forEach(v=>{
|
|
|
+ this.error_num += v.box_num*1;
|
|
|
+ })
|
|
|
+ }else {//出
|
|
|
+ // this.$Message.warning(row.post["defective_order_no_list"].toString())
|
|
|
+ this.text1 = row.post["defective_order_no_list"];
|
|
|
+ let data = [];
|
|
|
+ this.axios.post('/api/testdwy', { ...row }).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ res.data.data.filter(v=>!v.box_orders.delivery_status).forEach((element, index) => {
|
|
|
+ element.product_code = element.product_no;
|
|
|
+ element.box_no= element.box_orders.defective_order_no;
|
|
|
+ element.box_orders= element.box_orders.id;
|
|
|
+ element.box_id = element.box_orders.id;
|
|
|
+ element.box_detail= element;
|
|
|
+ data.push(element);
|
|
|
+ })
|
|
|
+ this.getTable(data);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getTable(data){
|
|
|
+ let arr = Object.keys(this.key_tableData);
|
|
|
+ let arr1 = this.tableData.map(v=>`${v.product_title}${v.product_size}${v.box_no}`)
|
|
|
+ let arr2 =this.error_data.map(v=>`${v.product_title}${v.product_size}${v.box_no}`)
|
|
|
+ data.forEach(v=> {
|
|
|
+ if(this.detail.order_no.indexOf(v.order_no)!=-1&&arr.indexOf(this.deelUniqueProductKey(v)) != -1){
|
|
|
+ if(arr1.indexOf(`${v.product_title}${v.product_size}${v.box_no}`)==-1){
|
|
|
+ v.out_qty = v.box_num*1;
|
|
|
+ this.tableData.unshift(v);
|
|
|
+ this.scan_num += v.box_num*1;
|
|
|
+ }
|
|
|
+ // is_scan_key[this.deelUniqueProductKey(element)]=1;
|
|
|
+ // table_data_detail.this_delivery_qty = this.key_tableData[this.deelUniqueProductKey(element)].this_delivery_qty;
|
|
|
+ // table_data_detail.n_id = element.id;
|
|
|
+ // table_data_detail.id = null;
|
|
|
+ // this.new_table_data.push(table_data_detail)
|
|
|
+ } else {
|
|
|
+ if(arr2.indexOf(`${v.product_title}${v.product_size}${v.box_no}`)==-1) {
|
|
|
+ this.error_data.push(v);
|
|
|
+ this.error_num += v.box_num * 1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ deelUniqueProductKey(element) {
|
|
|
+ let key = element.product_code + (element.color?element.color:'') + (element.color_two?element.color_two:'') +(element.process_title?element.process_title:'') +(element.process_title_two?element.process_title_two:'')
|
|
|
+ return key;
|
|
|
+ },
|
|
|
+ // 将原始数据处理拼接成提交的数据
|
|
|
+ // deelTableData() {
|
|
|
+ // // let new_table_data = [];
|
|
|
+ // // let is_scan_key = {};
|
|
|
+ // this.scan_data.forEach((element, index) => {
|
|
|
+ // // console.log(element,1)
|
|
|
+ // // console.log(this.key_tableData,2)
|
|
|
+ // // console.log(this.deelUniqueProductKey(element),3)
|
|
|
+ // // console.log(this.detail.order_no)
|
|
|
+ // if (this.detail.order_no.indexOf(element.order_no)!=-1&&Object.keys(this.key_tableData).indexOf(this.deelUniqueProductKey(element)) !== -1 && (this.key_tableData[this.deelUniqueProductKey(element)].this_delivery_qty - element.box_num) >= 0) {
|
|
|
+ // let table_data_detail = JSON.parse(JSON.stringify(this.key_tableData[this.deelUniqueProductKey(element)]))
|
|
|
+ // table_data_detail.box_orders = element.box_id
|
|
|
+ // table_data_detail.box_orders_show = element.box_no
|
|
|
+ // table_data_detail.box_detail = element.box_detail
|
|
|
+ // table_data_detail.this_delivery_qty = element.box_num
|
|
|
+ // table_data_detail.out_qty = element.box_num
|
|
|
+ // this.key_tableData[this.deelUniqueProductKey(element)].this_delivery_qty -= element.box_num*1
|
|
|
+ // this.key_tableData[this.deelUniqueProductKey(element)].out_qty += element.box_num*1;
|
|
|
+ // this.scan_num += element.box_num*1
|
|
|
+ // // is_scan_key[this.deelUniqueProductKey(element)]=1;
|
|
|
+ // // table_data_detail.this_delivery_qty = this.key_tableData[this.deelUniqueProductKey(element)].this_delivery_qty;
|
|
|
+ // // table_data_detail.n_id = element.id;
|
|
|
+ // // table_data_detail.id = null;
|
|
|
+ // this.new_table_data.push(table_data_detail)
|
|
|
+ // } else {
|
|
|
+ // this.error_data.push(element);
|
|
|
+ // this.error_num += element.box_num*1;
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // // this.tableData.forEach((element, index) => {
|
|
|
+ // // // if (element.this_delivery_qty > 0 && element.out_qty === 0) {
|
|
|
+ // // // new_table_data.push(element)
|
|
|
+ // // // }
|
|
|
+ // // })
|
|
|
+ // // this.tableData = new_table_data;
|
|
|
+ // },
|
|
|
+ // handleSureClick () {
|
|
|
+ // this.is_modal = true
|
|
|
+ // },
|
|
|
+ handelGoSure () {
|
|
|
+ if(this.tableData.length==0&&!this.record_state){
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.tableData.forEach((element, index) => {
|
|
|
+ element.item_num = (index + 1)
|
|
|
+ })
|
|
|
+ const date = new Date()
|
|
|
+ // eslint-disable-next-line camelcase
|
|
|
+ const now_time = date.toISOString()
|
|
|
+ let data = {}
|
|
|
+ if(this.record_state){
|
|
|
+ data = {
|
|
|
+ // auditInfo: null,
|
|
|
+ bizId: this.record_send_goods.dynamic_form_value_id,
|
|
|
+ id: this.record_send_goods.dynamic_form_value_id,
|
|
|
+ bizTypeEk: 'LOWCODE',
|
|
|
+ // businessType: null,
|
|
|
+ // createdBy: "473698106823094272",
|
|
|
+ createdDate: now_time,
|
|
|
+ dynamicFormId: '474057887278641152',
|
|
|
+ // extDataId: null,
|
|
|
+ // id: "491138208411951104",
|
|
|
+ // lastModifiedBy: "473698106823094272",
|
|
|
+ // lastModifiedDate: now_time,
|
|
|
+ // requestId: null,
|
|
|
+ showModelId: '474061442555260928',
|
|
|
+ version: 1,
|
|
|
+ // versionNo: null,
|
|
|
+ data: {
|
|
|
+ send_goods_out: {},
|
|
|
+ send_goods_out_product: []
|
|
|
+ }
|
|
|
+ }
|
|
|
+ data.data.send_goods_out = this.record_send_goods;
|
|
|
+ }else {
|
|
|
+ data = {
|
|
|
+ // auditInfo: null,
|
|
|
+ bizId: -1,
|
|
|
+ bizTypeEk: 'LOWCODE',
|
|
|
+ // businessType: null,
|
|
|
+ // createdBy: "473698106823094272",
|
|
|
+ createdDate: now_time,
|
|
|
+ dynamicFormId: '474057887278641152',
|
|
|
+ // extDataId: null,
|
|
|
+ // id: "491138208411951104",
|
|
|
+ // lastModifiedBy: "473698106823094272",
|
|
|
+ // lastModifiedDate: now_time,
|
|
|
+ // requestId: null,
|
|
|
+ showModelId: '474061442555260928',
|
|
|
+ version: 1,
|
|
|
+ // versionNo: null,
|
|
|
+ data: {
|
|
|
+ send_goods_out: {},
|
|
|
+ send_goods_out_product: []
|
|
|
+ }
|
|
|
+ }
|
|
|
+ data.data.send_goods_out = {
|
|
|
+ send_goods_out_no: null,
|
|
|
+ in_out_type: 'CK007',
|
|
|
+ box_title: 'WH05001',
|
|
|
+ out_time: now_time,
|
|
|
+ out_depart: '481280388644478976',
|
|
|
+ // out_employee_id: this.employee_code,
|
|
|
+ expect_date_delivery: this.detail.expect_date_delivery,
|
|
|
+ expect_date_arrival: this.detail.expect_date_arrival,
|
|
|
+ delivery_method_dk: this.detail.delivery_method_dk,
|
|
|
+ express_company: null,
|
|
|
+ express_no: null,
|
|
|
+ area_selection: this.detail.area_selection,
|
|
|
+ detailed_address: this.detail.detailed_address,
|
|
|
+ contact: this.detail.contact,
|
|
|
+ contact_way: this.detail.contact_way,
|
|
|
+ status: 'NOT_APPROVED',
|
|
|
+ oa_id: null,
|
|
|
+ oa_time: null,
|
|
|
+ remark: null,
|
|
|
+ order_no: this.detail.order_no,
|
|
|
+ site: null,
|
|
|
+ in_out_type_show: '成品发货出库',
|
|
|
+ box_title_show: '成品仓',
|
|
|
+ out_depart_show: '仓储部',
|
|
|
+ out_employee_id_show: this.name,
|
|
|
+ bus_no: this.detail.no,
|
|
|
+ bus_id: this.$route.query.id,
|
|
|
+ delivery_method_dk_show: this.detail.delivery_method_dk_show,
|
|
|
+ area_selection_show: this.detail.area_selection_show,
|
|
|
+ // attachment: null,
|
|
|
+ // dynamic_form_value_id: this.detail.dynamic_form_value_id,
|
|
|
+ // expect_date_arrival_lt: this.detail.expect_date_arrival_lt,
|
|
|
+ // expect_date_delivery_lt: this.detail.expect_date_delivery_lt,
|
|
|
+ // id: "491138208583917568"
|
|
|
+ // main_table_id: null,
|
|
|
+ // oa_id_show: null,
|
|
|
+ // oa_time_lt: null,
|
|
|
+ // out_time_lt: now_time,
|
|
|
+ // request_id: null,
|
|
|
+ // send_goods_out_no: "FCK2023091700099",
|
|
|
+ // site_show: this.detail.site_show,
|
|
|
+ // status_show: '待审核'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.tableData.forEach((element,index) =>{
|
|
|
+ let box_detail = {
|
|
|
+ item_num: (index + 1),
|
|
|
+ product_code: element.product_code,
|
|
|
+ product_title: element.product_title,
|
|
|
+ product_size: element.product_size,
|
|
|
+ product_unit: element.product_unit,
|
|
|
+ product_unit_title: element.product_unit_title,
|
|
|
+ process_code: element.process_code,
|
|
|
+ color_code: element.color_code,
|
|
|
+ process_code_two: element.process_code_two,
|
|
|
+ color_code_two: element.color_code_two,
|
|
|
+ process_title: element.process_title,
|
|
|
+ color: element.color,
|
|
|
+ process_title_two: element.process_title_two,
|
|
|
+ color_two: element.color_two,
|
|
|
+ bus_no: this.detail.no,
|
|
|
+ bus_id: this.$route.query.id,
|
|
|
+ bus_item_id: element.id,
|
|
|
+ bus_item_no: element.item_no,
|
|
|
+ order_no: element.order_no,
|
|
|
+ out_qty: element.out_qty,
|
|
|
+ this_delivery_qty: element.out_qty,
|
|
|
+ order_item_id: element.order_item_id,
|
|
|
+ unit_price: element.unit_price,
|
|
|
+ site: null,
|
|
|
+ customer_name: element.customer_name,
|
|
|
+ customer_no: element.customer_no,
|
|
|
+ dealer_name: element.dealer_name,
|
|
|
+ dealer_no: element.dealer_no,
|
|
|
+ box_orders: element.box_orders,
|
|
|
+ box_orders_show: element.box_no,
|
|
|
+ // site_show: element.box_detail.site_show
|
|
|
+ dynamic_form_value_id: element.dynamic_form_value_id,
|
|
|
+ id: element.sure_id,
|
|
|
+ // lineId: "29E776DE",
|
|
|
+ // mainKey: "29E776DE",
|
|
|
+ // main_table_id: "491138208583917568",
|
|
|
+ // request_id: null,
|
|
|
+ }
|
|
|
+ data.data.send_goods_out_product.push(box_detail)
|
|
|
+ })
|
|
|
+ if(this.state){
|
|
|
+ this.state = false
|
|
|
+ if(this.tableData.length==0&&this.record_state){
|
|
|
+ this.axios.post('/api/testdwydel',{url:`${localStorage.getItem('dwy_url')}jbl/api/module-data/send_goods_out/send_goods_out/${this.record_send_goods.dynamic_form_value_id}`}).then(res=>{
|
|
|
+ this.axios.post('/api/testdwy', {
|
|
|
+ url: `${localStorage.getItem('dwy_url')}jbl/api/module-data/send_goods_out_dtl/page`,
|
|
|
+ post: {
|
|
|
+ debugFlag: true,
|
|
|
+ developmentSystemId: null,
|
|
|
+ direction: "DESC",
|
|
|
+ dynamicFormCode: "send_goods_out",
|
|
|
+ dynamicFormTable: null,
|
|
|
+ fromClientType: "pc",
|
|
|
+ ignoreField: true,
|
|
|
+ number: 0,
|
|
|
+ property: "id",
|
|
|
+ rules: [{
|
|
|
+ field: "bus_id",
|
|
|
+ option: "LIKE_ANYWHERE",
|
|
|
+ values: [this.$route.query.id]
|
|
|
+ }],
|
|
|
+ size: 999,
|
|
|
+ sorts: [],
|
|
|
+ specialConditions: [],
|
|
|
+ workflowSearchBean: {}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ).then(req => {
|
|
|
+ this.record_state = req.data.content.length==0?false:true;
|
|
|
+ if(this.record_state){
|
|
|
+ this.record_send_goods = req.data.content[0].send_goods_out
|
|
|
+ }
|
|
|
+ this.scan_num = 0;
|
|
|
+ this.tableData = JSON.parse(JSON.stringify(req.data.content))
|
|
|
+ this.tableData.forEach(v => {
|
|
|
+ this.scan_num += v.out_qty * 1;
|
|
|
+ v.box_no = v.box_orders_show;
|
|
|
+ v.sure_id = v.id;
|
|
|
+ })
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }else {
|
|
|
+ if(this.record_state){
|
|
|
+ this.axios.post('/api/testdwyget',{url:`${localStorage.getItem('dwy_url')}jbl/api/module-data/send_goods_out/send_goods_out/474061443708694528/${this.record_send_goods.dynamic_form_value_id}`}).then(res=>{
|
|
|
+ data.version = res.data.version;
|
|
|
+ this.axios.post('/api/testdwyput', {url:`${localStorage.getItem('dwy_url')}jbl/api/module-data/send_goods_out/send_goods_out`,post:data}).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ // this.$Message.success(res.msg)
|
|
|
+ this.axios.post('/api/testdwy', {
|
|
|
+ url: `${localStorage.getItem('dwy_url')}jbl/api/module-data/send_goods_out_dtl/page`,
|
|
|
+ post: {
|
|
|
+ debugFlag: true,
|
|
|
+ developmentSystemId: null,
|
|
|
+ direction: "DESC",
|
|
|
+ dynamicFormCode: "send_goods_out",
|
|
|
+ dynamicFormTable: null,
|
|
|
+ fromClientType: "pc",
|
|
|
+ ignoreField: true,
|
|
|
+ number: 0,
|
|
|
+ property: "id",
|
|
|
+ rules: [{
|
|
|
+ field: "bus_id",
|
|
|
+ option: "LIKE_ANYWHERE",
|
|
|
+ values: [this.$route.query.id]
|
|
|
+ }],
|
|
|
+ size: 999,
|
|
|
+ sorts: [],
|
|
|
+ specialConditions: [],
|
|
|
+ workflowSearchBean: {}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ).then(req => {
|
|
|
+ this.record_state = req.data.content.length==0?false:true;
|
|
|
+ if(this.record_state){
|
|
|
+ this.record_send_goods = req.data.content[0].send_goods_out
|
|
|
+ }
|
|
|
+ this.scan_num = 0;
|
|
|
+ this.tableData = JSON.parse(JSON.stringify(req.data.content))
|
|
|
+ this.tableData.forEach(v => {
|
|
|
+ this.scan_num += v.out_qty * 1;
|
|
|
+ v.box_no = v.box_orders_show;
|
|
|
+ v.sure_id = v.id;
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ setTimeout(()=>{
|
|
|
+ this.state = true
|
|
|
+ },5000)
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }else {
|
|
|
+ this.axios.post('/api/testdwy', {url:`${localStorage.getItem('dwy_url')}jbl/api/module-data/send_goods_out/send_goods_out`,post:data}).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ // this.$Message.success(res.msg)
|
|
|
+ this.axios.post('/api/testdwy', {
|
|
|
+ url: `${localStorage.getItem('dwy_url')}jbl/api/module-data/send_goods_out_dtl/page`,
|
|
|
+ post: {
|
|
|
+ debugFlag: true,
|
|
|
+ developmentSystemId: null,
|
|
|
+ direction: "DESC",
|
|
|
+ dynamicFormCode: "send_goods_out",
|
|
|
+ dynamicFormTable: null,
|
|
|
+ fromClientType: "pc",
|
|
|
+ ignoreField: true,
|
|
|
+ number: 0,
|
|
|
+ property: "id",
|
|
|
+ rules: [{
|
|
|
+ field: "bus_id",
|
|
|
+ option: "LIKE_ANYWHERE",
|
|
|
+ values: [this.$route.query.id]
|
|
|
+ }],
|
|
|
+ size: 999,
|
|
|
+ sorts: [],
|
|
|
+ specialConditions: [],
|
|
|
+ workflowSearchBean: {}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ).then(req => {
|
|
|
+ this.record_state = req.data.content.length==0?false:true;
|
|
|
+ if(this.record_state){
|
|
|
+ this.record_send_goods = req.data.content[0].send_goods_out
|
|
|
+ }
|
|
|
+ this.scan_num = 0;
|
|
|
+ this.tableData = JSON.parse(JSON.stringify(req.data.content))
|
|
|
+ this.tableData.forEach(v => {
|
|
|
+ this.scan_num += v.out_qty * 1;
|
|
|
+ v.box_no = v.box_orders_show;
|
|
|
+ v.sure_id = v.id;
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ setTimeout(()=>{
|
|
|
+ this.state = true
|
|
|
+ },5000)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleReturn() {
|
|
|
+ if (this.isFullScreen) {
|
|
|
+ this.handleFullScreenClick()
|
|
|
+ }
|
|
|
+ this.$router.go(-1);
|
|
|
+ },
|
|
|
+ handleChoose(item, index) {
|
|
|
+ item.is_choose = !item.is_choose
|
|
|
+ this.tableData.splice(index, 1, item)
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.return_btn {
|
|
|
+ background-image: url('../../assets/home/return.png');
|
|
|
+ background-size: 100% 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.confirm_btn {
|
|
|
+ background-image: url('../../assets/home/confirm.png');
|
|
|
+ background-size: 100% 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.return_btn,
|
|
|
+.confirm_btn {
|
|
|
+ width: 10.97rem;
|
|
|
+ height: 2.93rem;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 1.06rem;
|
|
|
+ font-weight: 500;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.secd_flex_s>span:nth-child(1) {
|
|
|
+ font-size: 0.94rem;
|
|
|
+ color: #ABDFFF;
|
|
|
+}
|
|
|
+
|
|
|
+.secd_flex_s>span:nth-child(2) {
|
|
|
+ font-size: 0.94rem;
|
|
|
+ color: #03FCD3;
|
|
|
+}
|
|
|
+
|
|
|
+.secd_g {
|
|
|
+ font-size: 1rem;
|
|
|
+ color: #ABDFFF
|
|
|
+}
|
|
|
+
|
|
|
+.secd_title_d {
|
|
|
+ font-size: 1.13rem;
|
|
|
+ color: #FFFFFF;
|
|
|
+ text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5);
|
|
|
+ //white-space: nowrap;
|
|
|
+ //overflow: hidden;
|
|
|
+ //text-overflow: ellipsis;
|
|
|
+}
|
|
|
+
|
|
|
+.secd_flex_w {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding-right: 1.6rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.secd_flex {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ gap: .375rem;
|
|
|
+
|
|
|
+ .secd_title {
|
|
|
+ font-size: 0.88rem;
|
|
|
+ color: #ABDFFF;
|
|
|
+ opacity: 0.5;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.check_box_c {
|
|
|
+ width: 1.19rem;
|
|
|
+ height: 100%;
|
|
|
+ background-image: url('../../assets/home/check.png');
|
|
|
+ background-size: 100% 100%;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.check_box_c_active {
|
|
|
+ width: 1.3rem;
|
|
|
+ height: 100%;
|
|
|
+ background-image: url('../../assets/home/checked.png');
|
|
|
+ background-size: 100% 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.send_work {
|
|
|
+ //height: 10.69rem;
|
|
|
+ height: auto;
|
|
|
+ background-image: url('../../assets/home/packUpback.png');
|
|
|
+ background-size: 100% 100%;
|
|
|
+ margin-top: 1.38rem;
|
|
|
+ padding: 0.44rem 0.4rem 1.34rem 1.22rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+
|
|
|
+ .check_box {
|
|
|
+ height: 1.19rem;
|
|
|
+ display: flex;
|
|
|
+ justify-content: right;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.com_top {
|
|
|
+ margin-top: 1.72rem !important;
|
|
|
+}
|
|
|
+
|
|
|
+.completion_con {
|
|
|
+ height: 5.19rem;
|
|
|
+ background-image: url('../../assets/home/completion.png');
|
|
|
+ background-size: 100% 100%;
|
|
|
+ margin-top: 0.72rem;
|
|
|
+ padding: 1rem 1.28rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.home_con_s {
|
|
|
+ position: relative;
|
|
|
+height: 100%;
|
|
|
+ .pack_up {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ width: 5.56rem;
|
|
|
+ background-image: url('../../assets/home/packUp.png');
|
|
|
+ background-size: 100% 100%;
|
|
|
+ height: 1.97rem;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 2.59rem;
|
|
|
+ height: 0.88rem;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .pack_up_d {
|
|
|
+ top: -1.1rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .pack_up_con {
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+ background-image: url('../../assets/home/packUpback.png');
|
|
|
+ background-size: 100% 100%;
|
|
|
+ padding: 1.78rem 0 1.78rem 2.03rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .pack_up_grid {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ &>div{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ &>div {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ row-gap: .625rem;
|
|
|
+
|
|
|
+ &>div {
|
|
|
+ display: flex;
|
|
|
+ gap: .125rem;
|
|
|
+
|
|
|
+ span:nth-child(1) {
|
|
|
+ font-size: 1.63rem;
|
|
|
+ font-family: DIN-BoldItalic, DIN;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #04FFD5;
|
|
|
+ line-height: 1.31rem;
|
|
|
+ transform: skewX(-10deg);
|
|
|
+ text-shadow: 0px 0px 0 rgba(4, 255, 213, 0.23);
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ span:nth-child(2) {
|
|
|
+ font-size: 1rem;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ABDFFF;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &>p:nth-child(1) {
|
|
|
+ font-size: 1rem;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ABDFFF;
|
|
|
+ margin-bottom: 0px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.home_con_body {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ padding: 1rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.home_header {
|
|
|
+ height: 3.425rem;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 2rem;
|
|
|
+ letter-spacing: 1rem;
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+
|
|
|
+.home_header_line {
|
|
|
+ width: 100%;
|
|
|
+ height: .0625rem;
|
|
|
+ background-color: #fff;
|
|
|
+ opacity: 0.2;
|
|
|
+}
|
|
|
+
|
|
|
+.header {
|
|
|
+ width: 94%;
|
|
|
+ height: 7rem;
|
|
|
+ // overflow: hidden;
|
|
|
+ // transition: all 0.4s;
|
|
|
+ position: relative;
|
|
|
+ top: 0.5rem;
|
|
|
+ left: 3%;
|
|
|
+ box-shadow: 0.16rem 0.1rem 0.1rem 0.1rem #9d9b9b;
|
|
|
+ border-radius: 1rem;
|
|
|
+ padding: 0.4rem 0.7rem 0 1rem;
|
|
|
+ background: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.header_btn {
|
|
|
+ border-radius: 1rem;
|
|
|
+ padding: 0.1rem;
|
|
|
+ width: 5rem;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.header_top {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.ot {
|
|
|
+ position: relative;
|
|
|
+ top: -1.3rem;
|
|
|
+}
|
|
|
+
|
|
|
+.header_middle1 {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .ft {
|
|
|
+ font-size: 1.5rem;
|
|
|
+ width: 5rem;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.header_middle {
|
|
|
+ position: relative;
|
|
|
+ top: -0.3rem;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .btn-group>.btn,
|
|
|
+.btn-group-vertical>.btn {
|
|
|
+ background: #ffffff;
|
|
|
+ color: #2c3e50;
|
|
|
+ outline: none;
|
|
|
+ border: none;
|
|
|
+ margin: 0;
|
|
|
+ z-index: 3;
|
|
|
+}
|
|
|
+.bdy {
|
|
|
+ width: 94%;
|
|
|
+ height: calc(100% - 18.7rem);
|
|
|
+ overflow: auto;
|
|
|
+ position: relative;
|
|
|
+ top: 1rem;
|
|
|
+ left: 3%;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep td {
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+table {
|
|
|
+ border-collapse: collapse;
|
|
|
+ /* 合并边框 */
|
|
|
+ width: 100%;
|
|
|
+ /* 表格宽度 */
|
|
|
+ background: transparent;
|
|
|
+ table-layout: fixed;
|
|
|
+}
|
|
|
+
|
|
|
+th {
|
|
|
+ font-size: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+td {
|
|
|
+ font-size: 1rem;
|
|
|
+ word-break: break-all;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+td,
|
|
|
+th {
|
|
|
+ vertical-align: middle;
|
|
|
+ text-align: center;
|
|
|
+ border: 0.1rem solid #dddddd;
|
|
|
+ /* 单元格边框样式 */
|
|
|
+ padding: 0.2rem;
|
|
|
+ /* 单元格内边距 */
|
|
|
+}
|
|
|
+.true_table{
|
|
|
+ th,td{
|
|
|
+ color: #ABDFFF;
|
|
|
+ }
|
|
|
+}
|
|
|
+.error_table{
|
|
|
+ th,td{
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
+}
|
|
|
+.choose_item {
|
|
|
+ background: #c8c8c8;
|
|
|
+}
|
|
|
+::v-deep.ivu-modal-body{
|
|
|
+ background: #001e57;
|
|
|
+ border-radius: 1rem;
|
|
|
+ color:#FFFFFF;
|
|
|
+}
|
|
|
+::v-deep.ivu-modal-content{
|
|
|
+ background: transparent;
|
|
|
+}
|
|
|
+::v-deep.ivu-form-item-label{
|
|
|
+ color: #FFFFFF;
|
|
|
+}
|
|
|
+.total_img {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ img {
|
|
|
+ max-width: 40px;
|
|
|
+ max-height: 40px;
|
|
|
+ }
|
|
|
+ .img_item {
|
|
|
+ position: relative;
|
|
|
+ .img_title {
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.upd_file {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ cursor: pointer;
|
|
|
+ background-color: transparent;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+.img_content {
|
|
|
+ position: relative;
|
|
|
+ margin-right:20px;
|
|
|
+}
|
|
|
+.delete-img {
|
|
|
+ position: absolute;
|
|
|
+ right: -10px;
|
|
|
+ top: 0px;
|
|
|
+ color: red;
|
|
|
+}
|
|
|
+.ico{
|
|
|
+ color:#FFFFFF;
|
|
|
+}
|
|
|
+::v-deep.ivu-icon{
|
|
|
+ color: #FFFFFF;
|
|
|
+}
|
|
|
+.time {
|
|
|
+ position: absolute;
|
|
|
+ display: flex;
|
|
|
+ top: .5rem;
|
|
|
+ left: 1rem;
|
|
|
+ align-items: center;
|
|
|
+ width: 450px;
|
|
|
+ span {
|
|
|
+ color: white;
|
|
|
+ font-size: 25px;
|
|
|
+ }
|
|
|
+ .time_pic {
|
|
|
+ width: 40px;
|
|
|
+ margin-right: 24px;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|